/* Document:mobile landscape
Created on:Author:Hen
Description:Purpose of the stylesheet follows.*/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width:479px) {
  #form_registration #Address_full_address {
    width: 100% !important;
  }
  .form_registration #clear {
    right: 10px;
  }
  .content {
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  select:focus,
  textarea:focus,
  input:focus,
  select,
  textarea,
  input {
    font-size: 16px;
  }
  
  /* ---------------------------------------------------------------------- */
  /* login */
    
  .form_login {
    padding: 10px 0;
    width: 100%;
  }
  .form_login input[type="password"],
  .form_login input[type="text"] {
    width: 80% !important;
    float: left;
  }
  #form_registration #how-hear-us-block {
    width: 100%;
  }
  #form_registration #how-hear-us-block #vehicle-type-wraper,
  #form_registration #how-hear-us-block #how-hear-us-select{
    width: 88%;
  }
  #form_registration #how-hear-us-block input#how_hear_us_other{
    width: calc(100% - 22px) !important;
  }
  #form_registration #how-hear-us-block .type_arrow {
    left: 75%;
  }
  #space-updateactiveandprice .form_registration #Space_seller_price_month {
    width: calc(100% - 40px) !important;
  }
  #form_registration #dob.row.success,
  #form_registration .row.success,
  .form_login .row.success {
		background-image: url(../images/svg/icon_tick-green.svg);
	  background-repeat: no-repeat; 
	  background-position: 100% 10px;
	  background-size: 31px 31px;
  }
  #form_registration #dob.row.error,
  #form_registration .row.error,
  .form_login .row.error {
 	  background-image: url(../images/svg/icon_orange-alert.svg);
 	  background-repeat: no-repeat; 
	  background-position: 100% 10px;
	  background-size: 31px 31px;
  }
  #registrationbuyer-step4 #form_registration .row.success,
  #registrationbuyer-step4 .form_login .row.success,
  #registrationbuyer-step4 #form_registration .row.error,
  #registrationbuyer-step4 .form_login .row.error {
   background: none;
  }
  #form_registration #dob.row.success {
	  background-position: 100% 33px;
  }
  #form_registration #dob.row.error {
	  background-position: 100% 33px !important;
  }
  #registration-step4 #form_registration .row.error {
    background: none;
  }
  #form_login div.errorMessage {
    clear: both;
    margin-top: 5px;
    padding: 5px 0 0 10px;
    text-align: left;
  }
  .form_login .buttons .green_btn {
    width: 100%;
  }
  .form_login .login_facebook_tweet {
    width: 100%;
  }
  .form_login .note_login {
    margin: 10px 5px 5px 10px;
    font-size: 15px;
  }
  #site-login .span_wrap,
  #site-reset_pw .span_wrap,
  #site-reset_pw .content {
    min-height: 100%;
  }
  a.link_forgot {
    font-size: 16px;
  }
  .form_login .row.forgotten_password {
    margin: 20px 0 40px 0;
  }
  #site-login .content_pad,
  #site-reset_pw .content_pad {
    padding: 0px;
  }
  
  /* ---------------------------------------------------------------------- */
  /* registration */
  
  .form_registration {
    width: 100%;
  }
  .span_wrap #slide_data {
    border-top: 1px solid #E3E3E3;
    border-bottom: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .content #slide_data .flexslider .flex-next {
    right: 5px;
    opacity: 0.8;
  }
  .content #slide_data .flexslider .flex-prev {
    left: 5px;
    opacity: 0.8;
  }
  .form_registration .row-form {
    min-height: 74px;
  }
  #form_registration .errorMessage {
    margin-top: 5px;
    padding: 5px 0 5px 0px;
    text-align: left;
    clear: both;
  }
  div.form_registration .note {
    padding: 10px 5px 0px 5px;
  }
  .form_registration .cover-title h2 {
    width: 100%;
    background: url("../images/icon-set_car-green-ie.png") no-repeat 15% 48%;
    font-family: "texgyreadventorregular";
  }
  .form_registration  #step1 {
    top: 10px;
    left: 5%;
  }
  .form_registration  #step2 {
    top: 10px;
    left: 30%;
  }
  .form_registration #step3 {
    top: 10px;
    left: 60%;
  }
  .form_registration #step4 {
    top: 10px;
    left: 90%;
  }
  .form_registration .form_wrapper {
    width: 100%;
  }
  .form_registration .type .styled-select {
    width: 95%;
    background: url(../images/arrow_select.png) no-repeat 95%;
  }
  .form_registration #profile {
    width: 100%;
  }
  .form_registration #profile .upload-avatar {
    width: 60%;
  }
  .form_registration #profile .row p {
    font-size: 12px;
  }
  .form_registration #profile .row {
    width: 100%;
  }
  .form_registration #profile .green_btn {
    width: 155px !important;
  }
  .form_registration .dob select {
    width: 70px !important;
  }
  .form_registration .dob .styled-select {
    width: 28%;
    height: 50px;
    background: url(../images/arrow_select.png) no-repeat 90% #fff;
  }
  .form_registration .dob .styled-select.style-month {
    width: 40%;
    background: url(../images/arrow_select.png) no-repeat 90% #fff;
  }
  .form_registration .dob span {
    width: 38px;
  }
  .form_registration #dob span {
    float: left;
    margin-left: 0;
    padding-left: 0;
    font-weight: bold;
  }
  .form_registration .green_btn {
    width: 95%;
  }
  .form_registration #profile .row img {
    width: 90px;
    height: 90px;
  }
  .form_registration .link_facebook_tweet {
    width: 95%;
  }
  .form_registration .manually p {
    float: left;
    margin-left: 2px;
    font-size: 12px;
  }
  .form_registration .manually a {
    margin-right: 0px;
    font-size: 13px;
  }
  .form_registration #map-canvas {
    width: 100%;
    height: 250px !important;
  }
  .form_registration .yesno {
    width: 100%;
  }
  .form_registration .yesno p {
    width: 155px;
    font-size: 12px;
  }
  #form_registration .address1 {
    width: 100%;
  }
  #form_registration .address1 input {
    margin: 0 auto 5px;
    margin-bottom: 5px;
    width: 88% !important;
    float: initial;
  }
  .form_registration .address1 .styled-select {
    margin-top: 3px;
    margin-left: 8px;
    width: 95% !important;
    background: url(../images/arrow_select.png) no-repeat 265px;
  }
  .form_registration .btn {
    color: #c3c3c3;
  }
  .form_registration .address1 .form-inline .styled-select {
    margin-top: 0px;
    width: 45% !important;
    background: url(../images/arrow_select.png) no-repeat 112px;
  }
  #form_registration .address1 .form-inline select {
    width: 100% !important;
  }
  #form_registration .address1 .form-inline input {
    width: 41% !important;
  }
  #form_registration .address1 select {
    width: 100% !important;
  }
  #form_registration .address1 .green_btn,
  #form_registration .address1 .green_btn:hover {
    width: 95% !important;
  }
  #form_registration .space .potential {
    float: left;
    margin: 0 0 0 10px;
    width: 46%;
  }
  .form_registration .type p {
    margin-left: 5px;
    font-size: 13px;
  }
  .form_registration .type.styled-select {
    width: 96%;
    height: 50px;
    background: url(../images/arrow_select.png) no-repeat 280px;
  }
  #form_registration .type select {
    width: 95% !important;
  }
  .content .flex-viewport {
    height: 155px !important;
  }
  .content .flexslider .slides img {
    margin: 40px 10px 40px 35px;
    width: 50px;
    height: 50px;
  }
  .content .flex-caption .flex-description {
    font-size: 13px;
    line-height: 15px;
  }
  .content .flex-caption {
    margin-left: 100px;
    padding: 20px 0 0 0;
  }
  .content .flex-caption {
    width: 60%;
  }
  .form_registration .space .address {
    height: auto;
    border-bottom: 1px solid #cccccc;
  }
  .form_registration .space .address img {
    width: 100%;
  }
  .modal-custom .content-upload .upload-note {
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 12px;
  }
  .modal-custom .modal-header h3 {
    padding-left: 0px;
  }
  .form_registration .vehicle-type-wraper {
    margin: 0 0 0 3%;
    width: 84%;
  }
  .space_wrapper .dob .styled-select.style-month {
    width: 30%;
  }
  .modal.modal-signup {
    width: 95% !important;
  }
  .space_wrapper .login_facebook_tweet {
    width: 330px;
  }
  .space_wrapper #profile {
    margin: 0 auto;
    width: 330px;
  }
  .space_wrapper #profile .row {
    width: 100%;
  }
  .space_wrapper #dob span {
    margin-bottom: 5px;
  }
  .space_wrapper .dob .styled-select {
    width: 31%;
  }
  .space_wrapper .dob .styled-select.style-month {
    width: 36%;
  }
  .space_wrapper .buttons {
    margin-top: 15px !important;
  }
  .space_wrapper .vehicle_number {
    margin: 0 auto !important;
    width: 328px;
  }
  #registrationbuyer-step3 .label-vehicle-type,
  #registrationbuyer-step3 .vehicle-type-select {
    width: 86%;
  }
  .space_wrapper .errorMessage {
    clear: both;
  }
  .form_registration .manually {
    width: 100%;
  }
}

/* ---------------------------------------------------------------------- */
/* mobile 380px - 480px */
@media only screen and (min-width:380px) and (max-width:479px) {
  .form_registration .step {
    height: 32px;
  }
  .form_registration .vehicle-type-wraper {
    margin: 0 0 0 3%;
    width: 84%;
  }
  .space_wrapper .dob .styled-select.style-month {
    width: 40%;
  }
}

@media only screen and (max-width:337px) {
  #form_registration .space .potential {
    width: 37%;
  }
  #form_registration .space .potential ul li{
    font-size: 9px;
    padding-left: 0;
    padding-right: 0;
  }
}