@charset "utf-8";
/* CSS Document */

@media (max-width:1200px){

.logo-header .search-sec{width: 60%}
.search-sec .input{width: 50%}

.main-links .text-footer{width: 95%} 

.mini-slider .mini-block {
    width: 100px;
    height: 100px;}
.select-kind .select-form{width: 70%}
.box-car{width: 48%}

/*----------------sections----------------*/
.size-block .box-car{width: 48%}
/*----------------single----------------*/

.block_{display: none;}
.hidden_{display: table;margin: 0 auto}
.hidden_ li{background-color: transparent;}

.simmilar-img li img{object-fit: cover;}
.description .ul-detail{width: 100%}
}


@media (max-width:1024px){

.logo-header .block-logo img{max-width:90%}
.search-sec .form-group:first-child{width: 55%}
/*---------------single---------------*/


}


@media (max-width:991px){

.logo-header .block-logo{float: right;}
header .top-header{padding: 0px}    
header .logo-header {padding: 20px 0px;}


.clicker {color: #555;
        font-size: 23px;
        display: table !important;
        cursor: pointer;
        transition: all .3s;
        z-index: 9999;
        position: absolute;
        top: 9%;
        left: 5%;
        padding: 10px;}


.navbar-default{padding-bottom: 20px;}        
.nav-header {
    padding: 0px;
    position: relative;
    z-index: 999;}


.logo-header .search-sec{display: none;}


/* The navigation links inside the overlay */

.navigation .navbar-default {
    margin-top: 0;
    background-color: #0d0d0d;
    width: 100%;
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    border-radius: 0}


.navigation .navbar-default .navbar-nav li:hover a{
		}
.navigation .navbar-default .navbar-nav li.active span
{margin-left:10px}

.navigation .navbar-default .navbar-nav li:last-child{border-bottom: none}



.navigation .navbar-default .navbar-nav li{margin: 0;width: 100%;
    border-bottom: 2px solid #202121;}
.navigation .navbar-default .navbar-nav li a{
                                        background-color: transparent;
                                        border-radius:0;padding: 13px 20px;
                                        font-family:"Tajawal-Bold";color: #fff}
.navigation .navbar-default .navbar-nav li a:hover,
.navigation .navbar-default .navbar-nav li.active a
{background-color:transparent;}
.navigation .navbar-default .navbar-nav li a:after{display: none;}




.width{width: 0 !important;}
.navigation .navbar-default{margin-top: 0;}
.header{padding: 10px 0;}
.navigation .navbar-default 
.navbar-nav {width: 100%;
             margin-right: 0;
             padding: 0}
.navigation .btn{display: none;}

.addv-hero {padding: 20px 10px;}
.select-kind .select-form{width: 100%}
.select-cars {padding: 20px 0px;} 
.blocks-cars .tab-car{top: 70px}
.types-cars{padding-top: 85px}
.types-cars .blocks-cars {float: none;
                            width: 100%;}
.types-cars .brand-cars{width: 100%} 
.cars-pagin{margin: 0 auto;
            display: table;
            float: none;
            padding: 30px 0}   
.addv-footer {padding: 30px 0px;}
    
footer{padding: 50px 15px}
.main-links .text-footer {width: 75%;}

/*footer .col-md-2 .main-links{display: inline-block;}*/
.bottom-footer{padding: 5px 15px;}
footer .main-links{margin-bottom: 60px!important}
.nav-header {padding: 0px;}

/*=============sections ===============*/
.sections { padding: 20px 0px;}
.icons-sec li img{max-width: 40px}
.icons-sec li a{font-size: 16px}   
.icons-sec li:last-child a{font-size: 12px}  
.icons-sec li{padding-right: 15px}
.icons-sec li img{margin-left: 10px;}
.icons-sec li:last-child img{margin-left: -10px;}

.special-adv {padding: 40px 0px;}
.slider-blocks{padding: 0 35px}
.slider-blocks .owl-next{right: 0}   
.slider-blocks .owl-prev{left: 0} 
/*=============single-car ===============*/
.details-single {
    padding: 15px 0px;}

.details-single .text-single{margin-bottom: 50px}

.details-simillar .img-simillar img {width: 35%} 
.details-con .num {width: auto; }
.contact-us .social-con {
    float: left;
    width: auto;}
.social-con li{margin: 0 20px}
.slider-single .owl-prev,.slider-single .owl-next
{bottom: -85px;font-size: 16px;line-height: 38px;}
    
}


@media (max-width:768px){

.service_choose .title-service{width: 50%}
.select-kind .select-form{float: none;display: table;}
.select-form label {margin: 0 auto;
                    text-align: center;
                    display: table;
                    font-size: 15px;
                    margin-bottom: 20px;}
.select-form .form-group {width: 80%;
                        margin: 0 auto;
                        display: table;
                        margin-bottom: 20px;} 
.select-form .form-group:last-child { margin-left: auto; }
.blocks-cars .tab-car {position: static;} 
 .types-cars {padding-top: 40px;}
         
.bottom-footer {padding: 15px 0}
    

                        
 /*==============single-car===============*/
 .text-single .slider-single{height: 300px}
}
 


@media (max-width:640px){

.date_time li:first-child::after{top: 2px}
header .top-header{line-height: normal;padding: 15px 0;}
.clicker{top: 12%}
.logo-header .block-logo{width: 70%}
.logo-header .block-logo img {max-width: 190px;}

.social-top li {margin-left:5px;}

 .addv-hero .img-hero{height: 200px}
 .addv-hero .img-hero img{height: 100%;min-height: 200px;}
.select-form .form-group{width: 100%}
.box-car {width: 98%;}
.box-car .text-box h3{width: 98%;font-size: 14px}
 .main-links .logo-footer img{max-width: 210px} 
 .main-links .text-footer {width: 98%; }
     
.bottom-footer .text-bottom {display: table;
                            justify-content: center;
                            margin: 0 auto;
                            text-align: center;}
.bottom-footer .social-top{display: block !important;}   
.text-bottom li{font-size: 12px}
.text-bottom li:first-child img {max-width: 80px}
.text-bottom li:nth-of-type(2) {
    margin-top: 5px;
    margin-right: 5px;}
.text-bottom li:last-child img{max-width: 35px;}

/*=====================sections========================*/
.main_title h5 {font-size: 22px;}
    

.size-block .box-car{width: 98%}
.sections .icons-sec {
                    display: block;
                    justify-content: center;
                    flex-wrap: nowrap;}
.icons-sec li {
                padding-right: 15px;
                width: 98%;
                margin: 0 auto;
                display: table;
                margin-bottom: 15px;}
/*--------------------single----------------------------*/
.hidden_ li{padding-right: 0}
.hidden_ li span{position: static;}

.ul-detail li:nth-of-type(1){position: static;}
.description li:after{content: none;}
.description .ul-detail li{width: 100%}

.call-us .price{margin-bottom: 30px}
.details-kind .call-us li:nth-child(even) {
    float: none}

.description p{width: 100%}    
}


@media (max-width:460px){

header .top-header{padding:15px 0}
.logo-header .block-logo img{ max-width: 120px;}
.main_title h5 img{max-width: 35px}
.main_title h5{font-size: 20px}

.brand-cars .img-brand{width: 100%}
.addv-hero{padding:20px 0 }
.hero-slider .owl-next, .hero-slider .owl-prev{display: none!important;}
.footer-icons li{margin: 0 10px;}

.text-bottom h3{line-height: normal;
                float: none;
                text-align: center;margin-top: 15px}
.text-bottom li {
    font-size: 12px;
    float: none;
    margin: 0 auto;
  text-align: center;}
    .text-bottom li:last-child{float: none;margin-top: 10px}
    .text-bottom li:last-child img{margin: 0 auto;display: table;}
.addv-footer{display: none;}
/*============single-=============*/
.details-name li{display: block;width: 100%}
.details-simillar .img-simillar {
    width: 100%;
    height: 200px;}
.details-simillar .img-simillar img{}
.text-single .slider-single{height:150px}

.hidden_ li span {
    width: 30px;
    height: 30px;
    background-color: transparent;
    box-shadow: none;}

.social-single{padding: 10px 0}    
 .simmilar-img li{width: 100%;min-height: 100px;height: 100%}  
.form-single .btn{float: none;margin: 0 auto;display: table;}



}

@media (max-width:360px){
    .date_time{display: none;}
.top-header .social-top{float: none;margin: 0 auto;display: table;}
.addv-hero{display: none;}
}