/*==========  Desktop First Method  ==========*/
@media only screen and (min-width : 1920px) {
  .utp{  
    padding: 110px 20px;
  }  
  .head-form h3{
    font-size: 32px;
  }
  .head-form input{
    font-size: 14px;
  }
  .input-inner i{
    font-size: 14px;
  } 
  .box{
    margin-top: 60px;
  }  
  .from-head-mobile{
    display: none;
  }
}

@media only screen and (max-width : 1920px) {
  .utp{  
    padding: 110px 20px;
  }  
  .head-form input{
    font-size: 14px;
  }
  .input-inner i{
    font-size: 14px;
  }  
  .box{
    margin-top: 60px;
  }
  .form-head-second{
    display: none;
  }  
  .from-head-mobile{
    display: none;
  }
}

@media only screen and (max-width : 1500px){
  .utp{  
    padding: 70px 20px;
  }
}

@media only screen and (max-width : 1370px) {  
  .head-own-img {
    margin-top: 34px;
  }  
  .head-form input {
    font-size: 12px;
  }
  .input-inner i {
    font-size: 12px;
  }
  .box {
    margin-top: 50px;
  }
}

@media only screen and (max-width : 1300px) {
 .item-text-right p{
  margin-top: 0;
 }
 .own-text-block-btn {
    margin-top: 10px;
  } 
  .item h1{
    margin-bottom: 0;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1199px) {  
  .utp{
    margin-top: 14px;
  }
  .head-own-img {
    margin-top: 56px;
  }
  .logo img {
    width: 120px;
  }
  .main_head .phone{
    text-align: left;
  }
  .toggle-mnu{
    margin-top: 65px;
  }   
  .main-mnu a {    
    padding: 14px 15px 14px 15px;  
    box-shadow: none;
    border: transparent;
    color: #000;
    background-color: #fff; 
  }  
  .box {
    margin-top: 30px;
  }
  nav li:first-child {
    padding-left: 0px;
  }
  nav li:last-child {
    padding-right: 15px;
  }
  nav li{
    padding-bottom: 0;
  }
  .footer-phone ul li a{
    font-size: 22px;
  }
}

@media only screen and (max-width : 1170px) {
  .example-item-list-type p{
    font-size: 16px;
  }
}

@media only screen and (max-width : 1150px) {
  .models .owl-dots{
    top: 300px;
  }
}

@media only screen and (max-width : 1100px){
  .characteristics-item-own h6 img {
    width: 25px;
    margin-right: 2px;    
  }
  .characteristics-item-own{
    width: 35%;
  }
  .characteristics-item-own-list{
    width: 65%;
  }
}

@media only screen and (max-width : 1080px) {
  .models .owl-dots{
    top: 280px;
  }
}

@media only screen and (max-width : 1060px) {
   .main_head .phone .phone-head-wr a{
    margin-left: 8px;
   }
}

@media only screen and (max-width : 1024px) {
  
}

@media only screen and (max-width : 1020px) {
  .models .owl-dots{
    top: 255px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

@media only screen and (max-width : 991px) {
  .logo img {
        width: 80px;
  }
  .header-social{
    text-align: right;
  }
  .logo{
    margin-top: 0;
  }
  .head-contact{
    margin-top: 0;
  }
  .main_head .phone{
    margin-top: 6px;
  }
      .main_head .phone .btn-head {
        margin-right: 45px;
        text-align: right;
    }
      .toggle-mnu {
        margin-top: 23px;
    }
    .item-text-right p{
      background: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(3px);
    }
    .item p{
      background: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(3px);
    }
    .gordost-line{
      display: block;
    }
    .gordost .tehno-descr-text h3{
      text-align: center;      
    }
    .gordost .tehno-descr-text p{
      text-align: center;    
      margin-bottom: 20px;  
    }
    .otchet-item-right-img img{
      width: 100%;
    }
    .otchet-item-right-btn a{
      width: 100%;
    }
    .product-img{
      margin-top: 40px;
    }
}

@media only screen and (max-width : 935px){
  .models .owl-dots{
    top: 230px;
  }  
}

@media only screen and (max-width : 900px){
  .characteristics-item-own{
    width: 40%;
  }
  .characteristics-item-own-list{
    width: 60%;
  }
}

@media only screen and (max-width : 870px){
  .models .owl-dots{
    top: 210px;
  }   
}

@media only screen and (max-width : 820px){
  .footer-phone ul li a {
        font-size: 20px;
    }
}

@media only screen and (max-width : 810px){
  .models .owl-dots{
    top: 195px;
  }   
}

@media only screen and (max-width : 800px) {
  
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}

@media only screen and (max-width : 767px) {
  .logo{
    text-align: center;
  }
  .header-social{
    text-align: center;
  }
  .item-text{
    top: 18%;
  }
  .header-carousel .item {
    height: 608px;
  }
  .header-carousel{
    height: 608px;
  }
  .item h1{
    padding-top: 75px;
    font-family: "GothamPro-Medium", sans-serif;
  }
  .item-one{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2025/12/bg-tablet.jpg) !important;
  }
  .item-two{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2025/12/bg-1-tablet.jpg) !important;
  }
  .item-three{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2026/01/bg-tablet-4.jpg) !important;
  }
  .from-head-mobile{
    display: block;
  }
  header .item-text-right{
    display: none;
  }
      .models .owl-dots {
        top: 175px;
    }
  .from-head-mobile .item-text-right p{
    background-color: #fff;
    box-shadow: 0 1px 60px rgb(0 0 0 / 10%), 0 0 1px rgb(0 0 0 / 10%) inset;
  }
}

@media only screen and (max-width : 705px){
  .models .col-xs-6{
    width: 100% !important;
  }
  .models .owl-dots {
    top: 380px;
  }
}

@media only screen and (max-width : 660px){
  .models .owl-dots {
    top: 350px;
  }
}

@media only screen and (max-width : 620px){
  .models .owl-dots {
    top: 325px;
  }
}

@media only screen and (max-width : 615px){ 
  .main_head .phone{
    display: block;
    text-align: center;
  }
      .main_head .phone .btn-head {
        margin-right: 0;
        text-align: center;
        margin-top: 10px;
    }
  .item-text {
        top: 22%;
    }
    .item h2{
      margin-top: 6px;
      margin-bottom: 0;
    }
    .item h1{
      font-size: 30px;
      padding-top: 90px;
    }
    .item h2{
      font-size: 22px;
      width: 205px;
    }
        .toggle-mnu {
        margin-top: 60px;
    }
    .own-text-block-btn{
      margin-bottom: 10px;
    }
   
}

@media only screen and (max-width : 580px){
  .models .owl-dots {
    top: 295px;
  }
}

@media only screen and (max-width : 540px){
  .models .owl-dots {
    top: 270px;
  }
}

@media only screen and (max-width : 530px){
   .item-one{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2025/12/bg-530.jpg) !important;
  }
  .item-two{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2025/12/bg-1-530.jpg) !important;
  }
  .item-three{
    background-image: url(https://car.aurora-pro.by/wp-content/uploads/2026/01/bg-tablet-4.jpg) !important;
  }
}

@media only screen and (max-width : 520px){
   .item h1{
    width: 290px;
   }
}

@media only screen and (max-width : 500px){
  .models .owl-dots {
    top: 250px;
  }
}

@media only screen and (max-width : 475px){
  .otchet-item ul{
    display: block;
  }
  .otchet-item ul li{
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width : 470px){
  .models .owl-dots {
    top: 230px;
  }
}


@media only screen and (max-width : 460px){
  .white-popup{
    padding: 25px 0;
  }
}

@media only screen and (max-width : 440px){
  .models .owl-dots {
    top: 210px;
  }
      .product-list ul li img {
        float: none;
        margin: auto;
        display: block;
    }
    .product-list ul li h5 {
        padding-left: 0;
        text-align: center;
    }
    .product-list ul li p {
        padding-left: 0;
        text-align: center;
    }
    h1.product__title{
      font-size: 22px;
      text-align: center;
    }
    .product-head-text p{
      text-align: center;
    }
    .product-list-btn{
      text-align: center;
    }
    .product-list-btn .gordost-line-btn{
      text-align: center;
    }
    .product-img{
      text-align: center;
    }
}

@media only screen and (max-width : 430px){
 
}

@media only screen and (max-width : 405px){
  .main_head .phone .phone-head-wr a {
        margin-left: 0;
        display: block;
  }
      .item-text {
        top: 25%;
    }
    .item h2{     
      background-color: #fff;
        color: #000;
    }
    .item h1 {
        font-size: 28px;
    }
    .item p{     
      background-color: rgba(255, 255, 255, .2);
    }
        .own-text-block-btn {
        margin-top: 0px;
        margin-bottom: 0px;
    }
        .toggle-mnu {
        margin-top: 84px;
    }
    .item-text-right p{
      background-color: rgba(255, 255, 255, .7);
    }
        .header-carousel {
        height: 630px;
    }
    .header-carousel .item {
        height: 630px;
    }
    .models .owl-dots {
    top: 190px;
  }
}

@media only screen and (max-width : 430px){
  .item p{
    font-size: 14px;
    width: 175px;
  }
}

@media only screen and (max-width : 400px){
  .characteristics-item{
    display: block;
  }
  .characteristics-item-own{
    width: 100%;
  }
  .characteristics-item-own-list{
    width: 100%;
  }
}

@media only screen and (max-width : 380px){
  .models .owl-dots {
    top: 175px;
  }
}

@media only screen and (max-width : 375px){
  .example-item-list-type{
    margin-right: 2px;
  }
  .example-item-list-type{
    padding: 10px 14px;
  }
}

@media only screen and (max-width : 370px){
  .tehno-descr-text h3 span {
    font-weight: 300;
    font-family: "GothamPro-Light", sans-serif;
  }
}

@media only screen and (max-width : 360px){
  .models .owl-dots {
    top: 165px;
  }
}

@media only screen and (max-width : 340px){
  .models-item{
    padding: 20px;
  }
  .models .owl-dots {
    top: 160px;
  }
}


@media only screen and (max-width : 331px){
  .item-text-right p b{
    font-size: 16px;
  }
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}