@media only screen and (max-width: 1370px) {

  .slider-feedback .slider-feedback-form { padding:2rem; }
  .slider-feedback .slider-feedback-form h1 { font-size:3.2rem }


}

@media only screen and (max-width: 1230px) {

  .main-menu { right:36%; }
  .service-menu ul li a {padding:1rem; padding-right:2.5rem; font-size:0.92rem;}

  .slider-feedback .slider-feedback-form h1 span {display:inline-block;}
  .slider-feedback .slider-feedback-form h1 {font-size:2.5rem;}

  .wr-feedback .flex-7x12, .wr-feedback .flex-5x12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .feedback-line-form a.order-button { width: calc(93% - 4.6rem); }

}


@media only screen and (max-width: 1140px) {

  .wrap { padding: 0px 1rem; }

  .wrtop .wrap {height: 9.6rem;}
  .logo { top:1.7rem; }

  .top-contacts a { font-size:1.3rem; }
  .top-contacts a:after { height: 1.7rem; }
  .top-contacts span {font-size: 0.77rem; }

  .main-menu ul li a {padding: 0 0.5rem; font-size: 0.82rem; font-weight: 400;}

  .service-menu ul li a { padding: 1rem 0.5rem;  padding-right: 2.3rem; font-size:0.82rem }
  .service-menu ul li ul { left:-0.75rem; }
  .service-menu ul li ul li a {padding: 0.25rem 0; padding-left: 0.81rem; font-size: 0.8rem;  }
  .service-menu ul li ul li a:before {top:0.55rem }

  .top-order a.order-button {padding: 0.8rem 1.5rem;}

  .advantages-list, .advantages-list ul {padding:0; margin:0;}
  .advantages-list ul li p { padding: 0 5%;}

  .car-item-data .car-data h5 {font-size: 1.3rem;}
  .car-item-data .car-order .order-button { padding: 0.7rem 1rem; font-size: 0.9rem;}

  .feedback-line-form a.order-button { width: calc(93% - 3.6rem); padding: 0.9rem 1.8rem; }

}

@media only screen and (max-width: 1000px) {

  .service-menu ul { margin: 0 0.2rem; }
  .service-menu ul li a {font-size:0.8rem;}

}


@media only screen and (max-width: 960px) {

  .logo {top: 1rem; width:43%; z-index:1001;}

  .mob-menu-link { position: absolute; display:inline-block; cursor:pointer; left: 1rem; bottom: 1.5rem; height:3.05rem; width:43%; text-align:center; background-color: #fff; border-radius: 0.2rem; box-shadow: 0 1px 5px 2px rgb(0 0 0 / 5%); }
  .mob-menu-link:after {content: '\f00b'; line-height: 3.05rem; font-family: 'FontAwesome'; font-size:2rem; color:#666}

  @-webkit-keyframes menu-show-menu {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
  }
  @keyframes menu-show-menu {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    100% {-webkit-transform: translateX(0); transform: translateX(0); }
  }

  .top-menu { position:fixed; display:none; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,1); z-index:1000;   -webkit-animation: menu-show-menu 0.3s ease-out;  animation: menu-show-menu 0.8s ease-out;  }
  .top-menu-data {padding:2rem 0; padding-top:5.1rem;}
  .top-menu-data .mob-menu-close {position: absolute; display:inline-block; right:1.25rem; top:1.25rem; width:2.5rem; height:2.5rem;  background-color: #f0f0f0; border-radius: 50%;}
  .top-menu-data .mob-menu-close:after {content: '\f00d'; width:2.5rem; height:2.5rem; font-family: 'FontAwesome'; font-size:1.5rem; font-weight: 100; line-height:2.5rem;}

  .service-menu {position:relative; left:unset; bottom:unset; padding:1rem 3%; padding-bottom:2rem; border-radius:0; box-shadow: none; text-align:left; background-color: rgba(0,0,0,0.05);}
  .service-menu ul li {display:block}
  .service-menu ul li a {padding: 0.75rem 0; padding-right:0; font-size: 1.25rem; /* font-weight: 300; */}
  .service-menu ul li a.is-parent:after {display:none;}
  .service-menu ul li ul {position:relative; display:block; top:0; left:0; right:0; bottom:0; padding:0;  margin: 0 1rem; background:none; border-radius:0; box-shadow: none;}
  .service-menu ul li ul li  {padding:0 0.25rem;}
  .service-menu ul li ul li a {font-size: 1rem;}
  .service-menu ul li ul li a:before { top: 0.7rem; }

  .main-menu {position:relative; display:block; left:unset; top:unset; right:0;  padding:1rem 3%; text-align: left;}
  .main-menu ul {position: relative; padding: 0; margin: 0 1rem;}
  .main-menu ul li {display:block}
  .main-menu ul li a {padding: 0.75rem 0; padding-right:0; font-size: 1.25rem; /*font-weight: 300;*/}
  .main-menu ul li a:after {display:none;}




  .slider .owl-carousel .owl-item {position:relative; height:375px; overflow:hidden}
  .slider .owl-carousel .owl-item img {position:absolute; width:unset; height: 375px; top:0; right:-15%;}
  .slider-feedback .slider-feedback-form { margin-right: 10%; width:30rem; }
  .slider-feedback .slider-feedback-form h1 { font-size: 2.2rem;}
  .slider-feedback-form a.order-button { width: calc(90% - 2.6rem); padding: 0.9rem 1.3rem;}

  .advantages-list ul li  {font-size:0.81rem;}
  .advantages-list ul li h4 {font-size:2.2rem;}

  .wr-cars h1, .wr-cars h2 { font-size: 2rem; }

  .wr-services h2 {font-size:1.6rem; }
  .service-list .flex-1x3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

  .wr-feedback {height: 160px; padding: 2rem 0;}
  .feedback-text h6 { font-size:1.6rem; }
  .feedback-text p {padding-right: 10%; font-size:0.85rem;}
  /* .feedback-info label {display:none;} */

  .wrpagetitle h1 {width: 100%; font-size: 2rem;}
  .krohi {display:none;}

  .end-contacts {width: 25rem;}
  .end-contacts .end-contacts-data {margin: 2rem 10%;}


}


@media only screen and (max-width: 800px) {

  .slider-feedback .slider-feedback-form { margin-right: 5%; margin-left: 5%; width: 90%; }
  .advantages-list ul li { font-size: 0.75rem; }
  .wr-cars h1, .wr-cars h2 {font-size: 1.9rem;}

}


@media only screen and (max-width: 720px) {

  .slider-feedback .slider-feedback-form { background-color: rgba(0, 0, 0, 0.3); }
  .slider-feedback .slider-feedback-form h1 { font-size: 2rem;}
  .slider-feedback-form a.order-button { font-size:1rem }
  .slider-feedback-form .feedback-info span { font-size:0.9rem }

  .advantages-list .flex-1x4 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .advantages-list ul li p {padding: 0 15%;}

  .wr-cars .owl-nav { top:calc(50% - 2rem); width:100%; text-align: center; }
  .wr-cars .owl-nav div {position: absolute; margin-left:0;}
  .wr-cars .owl-nav .owl-prev {left:-0.5rem}
  .wr-cars .owl-nav .owl-next {right:-0.5rem}
  .car-item-data .car-data h5 {font-size: 1.2rem;}

  /* h1, h2 {text-align:center !important;} */

  .wr-feedback {height: 250px;}
  .wr-feedback .flex-7x12, .wr-feedback .flex-5x12 { -webkit-box-flex: 0;     -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .end-contacts { width: 20rem;}
  .end-info {font-size:0.7rem; }


}

@media only screen and (max-width: 640px) {

  .wrtop .wrap {height: 8.4rem;}
  .logo { top: 1.1rem; }
  .top-contacts span {display:none; font-size: 0.65rem;}
  .top-contacts a {padding-right: 0;}
  .top-contacts a:after {display: none;}
  .top-order a.order-button { padding: 1.025rem 1.5rem; font-size: 0.8rem;}

  .slider-feedback .slider-feedback-form { margin:0; width: 100%; border-radius: 0;}
  .slider-feedback .slider-feedback-form h1 {font-size: 1.8rem;}
  .slider .owl-carousel .owl-item, .slider .owl-carousel .owl-item img {height:254px;}
  .slider-feedback-form a.order-button { font-size: 0.8rem; }

  .advantages-list  .flex-container {align-items: stretch;}
  .advantages-list ul li p { padding: 0 10%;}

  .wr-cars h1, .wr-cars h2, .wr-services h2 {text-align: center; padding-bottom:1rem; line-height: 1.1;}

}

@media only screen and (max-width: 600px) {
  .car-item-data .car-data h5 {font-size: 2rem;}

  .messagers { position: fixed; bottom: -10px; right: calc(50% - 122px); z-index: 1000;  }
  .messagers span a { display:inline-block; margin:0 5px; }


}

@media only screen and (max-width: 520px) {

  .slider-feedback .slider-feedback-form h1 { font-size: 1.6rem; }

  .car-item-data .car-data h5 { font-size: 1.8rem;}
  .feedback-line-form a.order-button {width: calc(93% - 2.4rem); padding: 0.9rem 1.2rem;  }
  .service-list .flex-1x3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}


  .wr-end .map {display:none;}
  .end-contacts {left:0; width:100%;}
}


@media only screen and (max-width: 480px) {

  .wrtop .wrap { height: 10rem;}
  .logo {width:92%}
  .logo.fixed {max-width:75%; -webkit-animation: menu-show-menu 0.3s ease-out;  animation: menu-show-menu 0.8s ease-out; }

  .top-contacts, .top-order a.popup-modal, .top-contacts, .top-order a.desktop-link {display:none}

  .top-order {width:45%;}
  .top-order a.phone-link {display:inline-block; cursor: pointer; height: 3.05rem; width:100%;  padding:0; text-align:center; }
  .top-order a.phone-link:after {content:'\f095'; display:inline-block; font-family:'FontAwesome'; font-size: 2rem; line-height: 3.05rem; color:#fff; }

  .mob-menu-link {width:45%}

  .slider-feedback .slider-feedback-form {padding:1.5rem 5%;}
  .feedback-cell.flex-1x2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .slider .owl-carousel .owl-item, .slider .owl-carousel .owl-item img {height:350px;}
  .slider-feedback-form .feedback-info {display: none;}

  .slider-feedback-form input[type="text"] {width: calc(100% - 2rem); background: rgba(255,255,255,0.9); }
  .slider-feedback .slider-feedback-form { background-color: rgba(0, 0, 0, 0.5);}
  .slider-feedback .slider-feedback-form h1 { font-size: 2.2rem; padding-bottom:1.5rem; text-align: center; }
  .slider-feedback .slider-feedback-form h1 span {display: block;}
  .slider-feedback-form a.order-button { width: calc(100% - 2.6rem); font-size: 1.2rem; }
  .slider .owl-carousel .owl-item img {right:-33%;}

  /*
  .slider-feedback .slider-feedback-form a.order-button span:first-child {display:none;  }
  .slider-feedback .slider-feedback-form a.order-button span:last-child {display:block;  }
  */

  .slider-feedback .slider-feedback-form a.order-button.desktop-link {display:none;  }
  .slider-feedback .slider-feedback-form a.order-button.mob-link {display:block;  }

  .car-item-data .car-order .order-button.desktop-link {display:none;  }
  .car-item-data .car-order .order-button.mob-link {display:block;  }

  .feedback-line-form a.order-button.desktop-link {display:none;  }
  .feedback-line-form a.order-button.mob-link {display:block;  }


  .service-menu ul li a, .main-menu ul li a { font-size:1.18rem }

  .car-item-data .car-data h5 { font-size: 1.5rem; }

  .wr-feedback { height: 360px; }
  .feedback-line-form .feedback-info { display:none; }

  .wr-services h2 { font-size: 1.4rem; }

  .advantages-list ul li h4 sup { font-size: 0.9rem;}

  .wrpagetitle h1 { font-size: 1.7rem; text-align:center;}

  .page-gallery .flex-1x3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

  .advantages-list ul li p { padding: 0 6%; margin-bottom:0.4rem; }

}


@media only screen and (max-width: 420px) {

  .top-menu-data .mob-menu-close { width: 2.2rem; height: 2.2rem;}
  .top-menu-data .mob-menu-close:after {line-height: 2.2rem;}
  .main-menu ul li a { padding: 0.6rem 0; }

  .wr-cars { padding: 1.5rem 0; }

  .wr-feedback { height: 180px;}
  .feedback-text p {font-size: 0.75rem;}

  .advantages-list ul li h4 { font-size: 2rem;}

  .wrpagedata {font-size:0.92rem; font-weight:400;}

}


@media only screen and (max-width: 380px) {

  .logo.fixed {max-width: 70%; top: 1.5rem; }

  .wrtop .wrap { height: 9rem;}
  .top-order, .mob-menu-link { width: 42.5%; }

  .slider-feedback .slider-feedback-form h1 {font-size: 2rem;}
  .slider-feedback-form a.order-button { font-size: 1rem;}
  .slider .owl-carousel .owl-item, .slider .owl-carousel .owl-item img {height:340px;}


  .advantages-list ul li h4 { font-size: 1.8rem;}
  .advantages-list ul li { font-size: 0.7rem; }
  .advantages-list ul li p { padding: 0 0.5%; margin-bottom:0.2rem;}

  .wr-cars h1, .wr-cars h2 {font-size: 1.5rem;}
  .car-item-data .car-data h5 { font-size: 1.2rem;}

  .feedback-text h6 {font-size: 1.3rem;}

  .wr-services h2 { font-size: 1.15rem; }

}

