@media screen and (max-width: 1280px){
    #wrapper {
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 1250px){

	.w1200{
		width: 98%;
	}
    .slideTextHld{
        padding: 0 50px;
    }
    .slideTitle{
        font-size: 54px;
    }
    .subtitle {
        font-size: 30px;
    }
    .mainSlider .owl-prev{
        left: 0;
    }
    .mainSlider .owl-next{
        right: 0;
    }
    .viewCarBtns .borderBtn.w45, .viewCarBtns .blueBtn.w45 {
        width: 47%;
    }
    .nav{
    background:#fff;
    text-align:center;
    position:absolute;
    z-index:99;
    height:auto;
    top:60px;
    width: 100%;
     left:0;
     visibility: hidden;
     opacity:0;
}
.nav.oppenedMenu{
    top:48px;
     visibility: visible;
     opacity:1;
}
.nav li{
    width:100%;
    line-height:20px;
}
.nav a{
    color:#000;
    width:100%;
    line-height: 30px;
    font-size: 14px;
}
.nav.oppenedMenu a:hover{
    background:rgba(255,255,255,0.8);
}
    .menuRispons{
        display: block;
    }

}
@media screen and (max-width: 1200px){
    .popup{
        width:100%;
    }
}
@media screen and (max-width: 1170px){
      .viewCarBtns .borderBtn.w45, .viewCarBtns .blueBtn.w45 {
        width: 100%;
       margin-top:5px;
    }
    .borderBtn{
        margin:5px 0 !important;
    }
}
@media screen and (max-width: 1000px){
	.bigColumn{
		width: 100%;
		margin-top: 20px;
	}
	.smallColumn{
		width: 50%;
	}
	.subscribeHld{
		width: 100%;
	}
	.inputHld{
		width: 50%;
	}
    .buyPopup .inputHld:nth-child(2n) {
        border-right: none;
    }
	.formBtnsHld{
		width: 100%;
	}
	.inputHld:nth-child(3n+0) {
	    border-right: none;
	}
	.inputHld:nth-child(2n) {
	    border-right: 1px solid #fff;
	}
	.videoBtn{
		margin-top: -133px;
	}
    .topHeader::before, .topHeader::after{
        content: none;
    }
    .w850{
        width: 96%;
    }
    .inputHld:nth-child(2n){
        border-right: none;
    }

    .results {
        width: 100%;
        float: left;
    }
    .results select {
        width: 100%;
        float: left;
        margin-top: 20px;
    }


}
@media screen and (max-width: 800px){
    .inn-page .left-part, .inn-page .right-part{
        width:100%;
        float:left;
    }
    .inn-page .right-part{
        margin-top:20px;
    }
	.galleryHld, .carInfoHld {
	    width: 100%;
	    float: left;
        padding-left: 0;
	}
	.mobileTitles{
	  display: block;
	}
	.carInfoHld .carTitle, .carInfoHld .carSubtitle{
		display: none;
	}
    .slideTitle{
        font-size: 44px;
    }
    .subtitle {
        font-size: 24px;
    }
    .topHeader{
        height: 50px;
    }
    .userHld{
        height: 50px;
    }
    .userHld span{
        height: 50px;
        line-height: 50px;
    }
    .logo {
        width: 120px;
        margin-top: 3px;
    }
    .logo img {
        height: 44px;
    }
    .smallLogo {
        font-size: 10px;
        margin-top: 5px;
    }
    .smallLogo img{
        width: 40px;
    }
    .smallLogo::before{
        top: 15px;
    }
    .checkColumn .checkboxHld {
        width: 50%;
    }
    .nav{
        height: auto;
    }
    .navLink{
        padding: 5px 10px;
    }
    .smallSlide .slideTextHld {
        padding: 0 10px;
    }
    .carTitle{
        font-size: 32px;
        padding: 10px 0;
    }
    .carSubtitle{
        font-size: 20px;
    }
    .extraCol{
        width: calc(50% - 6px);
    }
    .left-filters {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .left-filters .filters-text {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .pagination > li > a, .pagination > li > span {
        margin-bottom: 10px;
    }
    .priceBox {
        height: 53px;
    }
    .two-prices .priceBox {
        height: auto;
        padding:0px !important;
        margin-top:5px;
    }
    .right-results {
        width: 100%;
    }
    .carBox, .right-results .carBox, .carBox, .right-results.full-page .carBox {
        width: 49%;
    }
    .results-text {
        padding-left: 0;
    }
    .leasingSection{
        float: left;
        width: 100%;
    }
    .leasingAside{
        width: 100%;
        margin-top: 0;
    }
    .leasingAside .carBox{
        display: inline-block;
        max-width: 300px;
        float: none;

    }
    .navBtn{
        font-size:14px;
    }
    .dropContent {
        top:50px;
    }
    .compareBigHolder {
        width: 100%;
    }
    .listingCompare {
        width: 100%;
        background-size: contain;
        height: 70px;
    }
    .close {
        top: 5px;
        right: 3px;
        cursor: pointer;
        background: url(../img/close.png) no-repeat;
        background-size: auto;
        width: 17px;
        height: 13px;
        background-size: 10px;
    }
    .compareScroll .borderBtn {
        margin: 5px !important;
    }
    .compareTable-wrap {
        overflow: auto;
    }
    .overlayCar {
        display: none !important;
    }
    .blueBtn.w45.right, .borderBtn.w45.right.loveBtn {
        margin: 0 !important;
    }
    .borderBtn.w45.right.loveBtn {
        margin-top: 5px !important;
    }


}
@media screen and (max-width: 750px){
    .w750{
        width:100%;
    }
}
@media screen and (max-width: 650px){
	.subscribeHld{
		padding: 20px;
	}
	.inputHld, .inputHld:nth-child(3n+0), .leasingSection .inputHld{
		width: 100%;
		border-right: 1px solid #fff;
	}
    .leasingSection .inputHld:nth-child(3n+0){
        border-right: 1px solid #fff;
    }
    .buyPopup .inputHld, .buyPopup .inputHld:nth-child(3n+0) {
        border-right: none;
    }
     .slideTitle{
        font-size: 30px;
    }
    .subtitle {
        font-size: 18px;
    }
    .mainSlider .owl-prev, .mainSlider .owl-next {
        width: 25px;
    }
    .mainSlider .owl-prev::after, .mainSlider .owl-next::after{
        background-size: 20px;
    }
    .navBtn{
        width: 98%;
        height: 45px;
    }
    .sellCar {
        height: 50px;
        line-height: 50px;
    }
    .sectionTitle{
        font-size: 26px;
        line-height: 32px;
    }
    .smallSlide .slideTitle {
        font-size: 30px;
    }
    .smallSlide .subtitle {
        font-size: 20px;
    }
    .carBox{
        padding: 10px;
    }
    .smallSlide {
        height: 180px;
    }
    .smallSlide .slideTextHld {
        padding-top: 50px;
    }
    .extrasTitle span{
        font-size: 20px;
    }
    .videoBtn{
        line-height: 40px;
        margin-top: -109px;
    }
    .videoBtn{
        width:100%;
    }
    .massage-imp p, .massage-imp li{
        font-size:14px;
    }

}
@media screen and (max-width: 500px){
    .edit_search_btn_holder button{
        width:100%;
    }
    .edit_search_btn_holder a{
        float:left;
        width:100%;
    }
    .ml25{
        /* DJAMAL margin-left:0;
        margin-top:5px;*/
    }
    .popup .inputHld{
        width:100% !important;
    }
    .edit_search_btn_holder a {
        margin-left: 0;
    }
    .printBtn{
        width:100% !important;
        margin-top:20px;
    }
}
@media screen and (max-width: 400px){
      .inputHld{
        border:none;
    }
    .formBtnsHld{
        border:none;
    }
    .inputHld:nth-child(3n+0){
        border:none;
    }
    .reset{
        width:98%;
    }
    .formBtnsHld input.submit{
        width:98%;
    }
    .formBtnsHld a.w200{
        width:98%;
    }
    .extraCol{
        width: 100% !important;
    }
    .mainSlider {
        margin-top: 50px;
    }
      .checkColumn .checkboxHld {
        width: 100%;
    }
    .textInp.smallInp, .inputHld .smallSelectMobile {
      /* DJAMAL width: 100%;*/
      width: calc(50% - 70px);
    }
    .priceBox.empty {
        height: 50px;
    }
    .ml25{
        /* DJAMAL margin-left:0px;*/
    }
    .mobile-style-center {
        /* DJAMAL */
        width: 100%;
        padding: 0 15px
    }
    .mobile-style-center a, .mobile-style-center input{
        /* DJAMAL */
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .mobile-style-center input.submit{
        /* DJAMAL */
        width: 100%;
        margin: 20px 0 10px 0;
    }
    .smallSelect{
        width: 100%;
        margin-top:20px;
    }
    .w80{
        width:100%;
    }
    .ml5{
        margin-left:0px;
    }
    .subscribeInput{
        width: calc(100% - 125px);
    }
    .subscribeBtn{
        width: 120px;
    }
     .sectionTitle{
        font-size: 22px;
    }
     .smallSlide .slideTitle {
        font-size: 22px;
    }
    .smallSlide .subtitle {
        font-size: 16px;
    }
    .slideViewMore{
        top: -2px;
    }
    .viewCarBtns .borderBtn.w45, .viewCarBtns .blueBtn.w45 {
        width: 100%;
        margin: 5px 0;
    }
    .extraCol{
        width: 100%;
        float: left;
    }
    .priceBox{
        width: 98%;
        background: transparent;
        border-bottom: 1px solid #dedede;
}
    .bgrispons{

        background: rgb(216, 216, 216);
        background: -moz-linear-gradient(90deg, rgba(216, 216, 216, 0.5) 0%, rgba(216, 216, 216, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(216, 216, 216, 0.5) 0%, rgba(216, 216, 216, 0) 100%);
        background: -o-linear-gradient(90deg, rgba(216, 216, 216, 0.5) 0%, rgba(216, 216, 216, 0) 100%);
        background: -ms-linear-gradient(90deg, rgba(216, 216, 216, 0.5) 0%, rgba(216, 216, 216, 0) 100%);
        background: linear-gradient(180deg, rgba(216, 216, 216, 0.5) 0%, rgba(216, 216, 216, 0) 100%) !important;
    }
    .priceTxt{
        margin-top:0px;
    }
    .priceBox.oldPrice span.priceCar{
        font-weight: bold;
    }
    .priceBox span.priceTxt{
        margin-top:1px;
    }

    .leasingHld .w50 {
        width: 100%;
        margin: 5px 0;
    }
    .sectionTitle {
        font-size: 22px;
        line-height: 26px;
    }
    .navBtn.w50 {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .dNone{
        display: block;
    }

    .sectionTitle{
        padding: 50px 0 40px 0;
        box-sizing:border-box;
    }
    .borderBtn{
        margin-top:5px;
    }
    .titleLink{
        top:0px;
    }
    .invisibleBtn{
        width:100%;
        margin:5px;
    }

    .priceBox.oldPrice span.priceCar{
        font-size:14px;
    }
    .priceBox{
        margin-top:0px;
    }
    .userHld{
        width:190px;
    }
    .edit_search_btn_holder{
       width:98%;
       margin:0;
    }
    select.newSearch{
        width:100%;
        margin-top:10px;
        margin-right: 0;
    }
     .priceBox.oldPrice span.priceCar{
        font-size:14px;
    }
    .priceBox{
        margin-top:0px;
    }

  .owl-carousel .owl-item img{
      height: auto;
  }
  .extrasHld  {
      padding:30px 10px;
      box-sizing:border-box;
  }
  .moreInfoTitle{
      font-size:20px;
      padding:10px 10px;
      box-sizing:border-box;
  }
  .carTitle{
      font-size:28px;
      padding:10px 10px;
      box-sizing:border-box;
  }
  .carSubtitle {
      font-size:18px;
      padding:10px 10px;
      box-sizing:border-box;
  }
  .moreInfoTxt  {
      font-size:13px;
      padding:10px 10px;
      box-sizing:border-box;
  }
  .popupTitle{
      font-size:22px;
  }
  .userPopup .inputHld{
      width:100%;
  }
  .inputHld:nth-child(2n){
      border-right: none;
  }
  .userPopup .inputHld a{
      margin-top:10px;
      float:left;
      width:100%;
  }
  .userPopup input.styleBtnUser  {
      margin-top:10px;
      float:left;
  }
  .entryPopup a.prifile{
      margin-top:10px;
      float:left;
      width:100%;
  }
   .entryPopup input.styleBtnUser  {
      margin-top:10px;
      float:left;

  }
  .userHld span{
      font-size: 9px;
  }
   footer ul{
     padding:0 10px;
     box-sizing:border-box;
   }
   a.lost_pass{
       float:left;
       width:100%;
       margin-top:15px;
   }
   .userHld{
       width: 145px;
       margin-right: 45px;
   }
}

@media screen and (max-width: 480px) {
    .cc_dialog.interstitial {
        padding: 10px;
        height: calc(100vh - 25px) !important;
    }
    .cc_dialog.interstitial .cc_dialog_headline {
        font-size: 20px;
    }
}