@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,900&subset=arabic');
@import url(https://fonts.googleapis.com/css?family=Changa:400,500&display=swap&subset=arabic);
/* POWERED www.Chakirdev.com */
*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration: none;
    font-family: 'Cairo', sans-serif;
    text-rendering: optimizeLegibility;
}
html, body{
background-color:#F3F3F5; 
}
body{
font-family: 'Cairo', sans-serif;
text-rendering: optimizeLegibility;
direction:rtl;
}
ul{list-style: none;}
input{border-radius:0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Cairo', sans-serif;}
.changa{font-family: 'Changa', sans-serif;}
.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}
.bg{background: linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,1)),  center center / cover no-repeat;}
#HomePage{width:1150px;margin:auto;}

.clearfix2:before, .clearfix2:after {content: "\0020"; display: block; height: 0; visibility: hidden;} 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* New */
.aqarCard{background:white;width:49%;border:1px solid #e0dede;margin-bottom: 10px;margin-left: 10px;} 
.aqarCard .media-body{padding:10px;} 
.aqarCard .aqImg{width:250px;height: 160px;/*object-fit: cover*/;}
.aqarCard .aqPrice{font-weight:bold;font-size:17px;color: #403B45;}
.heartIco i{color: #9b9999;font-size: 20px;}
.aqarCard .aqTitle{font-size:19px;color:#403B45;}
.aqarCard .aqAdresse{color:#9b9999;font-size:14px;}
.aqarCard .aqAdresse i{font-size: 13px;color: #9b9999;}
.aqarCard .aqIco{color:#403B45;margin-top:15px;font-size: 14px;}
.aqarCard .aqIco span{margin-left: 10px;}
.aqarCard .aqIco i{color: #697078;}
.aqarCard .aqButton{margin-top:10px;}
.aqarCard .aqButton .aqcall{width:49%;border:1px solid #bfbfbf;background: white}
.aqarCard .aqButton .aqcall:hover{background: #F4F4F5}

#cOrange{color: #DD7331;}
#cWhatsapp{color:#82C91E;}
#cBlue{color:#007EA8;}

.topleft {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 18px;
  z-index:10;
}
.topleft .btn{box-shadow: 2px 1px 2px #3f3f3f;margin-left: 4px;}
.topleft i{font-size:20px;color:#403B45;}

/* Mail */
.cla1{color:#333;background:#fff;padding:0;margin:0;width:100%;font:15px/1.25em 'Helvetica Neue,Arial,Helvetica'}   
.cla2{background:#eef0f1;font:15px/1.25em 'Helvetica Neue,Arial,Helvetica'}   
.cla3{border:none;padding:0 18px;margin:50px auto;width:500px}   
.cla4{border-top-left-radius:4px;border-top-right-radius:4px;background:#27709b url() bottom left repeat-x;padding:10px 18px;text-align:center}   
.cla5{vertical-align:top;width:100px;}   
.cla6{background:#fff;padding:18px;}   
.cla7{font-size:20px;margin:16px 0;color:#333;text-align:center}   
.cla8{background:#f6f7f8;border-radius:3px}   
.cla9{font:15px/1.25em 'Helvetica Neue,Arial,Helvetica';margin-bottom:0;text-align:center} 
.cla10{border-radius:3px;background:#3aa54c;color:#fff;display:block;font-weight:700;font-size:16px;line-height:1.25em;margin:24px auto 6px;padding:10px 18px;text-decoration:none;width:180px}   
.cla11{font:14px/1.25em;color:#333;text-align:center;}   
.cla12{color:#306f9c;text-decoration:none;font-weight:bold}

/* Agencies */
.AgencyCard{width:100%;height:auto;background:none;padding: 10px;line-height: 25px} 
.AgencyCard .Agency-ico{font-weight: bold;color:#0C65BF;padding: 5px;font-size: 15px;}
.AgencyCard .Agency-ico i{color:#0C65BF;font-size: 12px;}
.AgencyCard .Agency-ico span{color: #282841;font-weight: bold;font-size: 15px;}
.AgencyCard .Agency-ico .btn-call{width:auto;}

.rad [type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}
.rad label {
  display: block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 15px;
  font-weight: bold;    
}
.rad [type="radio"] + span {
  display: block;
}
.rad [type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-left: 0.75em;
  transition: 0.5s ease all;
}
.rad [type="radio"]:checked + span:before {
  background: #AD0F4E;
  box-shadow: 0 0 0 0.25em #000;
}
.rad [type="radio"]:focus + span:after {
  content: '\0020\2190';
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}
.rad fieldset {
  font-size: 15px;
  border: 2px solid #0C65BF;
  padding: 2em;
  border-radius: 0.5em;
  margin-right: 10px;
}
.rad legend {
  font-size: 23px;    
  color: #fff;
  background: #0C65BF;
  padding: 5px;
  border-radius: 1em;
  width: 100%; 
  text-align: center;     
}
.rad .p {
  text-align: center;
  font-size: 14px;
  padding-top: 120px;
}

.banners{text-align:center;}      
.banners img{margin: 10px 2px;max-width: 800px;} 

.display-desk{display: block;} 
.display-mobile{display: none;} 
.alert{font-weight: bold;}

/* Auto Service */
.card-serviceauto{margin:10px;width:250px;min-height:270px;}    
.card-serviceauto a img{width:250px;height:200px;}    
.card-serviceauto a h5{font-weight: bold;line-height: 25px}    
.card-serviceauto .card-body{padding:10px 10px 0px 10px;} 

/* Header */
.logo{width: 170px;padding: 5px;}
.navbar{padding: 10px;}
.navbar-nav li a{font-size: 14px;font-weight: bold;padding:10px;color:white;}   
.navbar-nav li :hover{color:white;}   
.navbar-nav li a:hover{background:#23272B;color:white;}    
.navbar-nav li a i{margin-left:2px;margin-right:2px;}  
.navbar-nav .countryflags a:hover{background-color: rgba(35, 39, 45, 0.9);}
.btnflags{float: right; width: 47%;margin: 5px;}
.btnflags img{width: 52px;}
.btnflags .flagstext{font-weight: bold;font-size: 19px;padding: 10px;}

.shadow{   
padding:10px;background:#F8F8F8;    
-webkit-box-shadow: 0px 9px 5px -4px rgba(212,212,212,1);
-moz-box-shadow: 0px 9px 5px -4px rgba(212,212,212,1);
box-shadow: 0px 9px 5px -4px rgba(212,212,212,1); 
text-rendering: optimizeLegibility;
}
.shadow-top{
-webkit-box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);
box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);        
}

.navbtm li a{font-size: 13px;padding:10px 5px 5px 20px;color:#282828;}   
.navbtm li a:hover{background:#eaeaea;color:#282828;}   
.navbtm li a i{margin-left:0px;font-size:14px;color:#118c7e;} 
.navbtm li a i:hover{color:#118c7e;} 
.navbtm li a:visited {color: #282828;}

.navbar-nav .dropdown-item{color:#23272B;}

/* Index */
.txt01{color:white;font-size:35px;font-weight:bold;}
.txt02{color:white;font-size:15px;}
.background {
    background: url(../images/car3.jpg);
    background-position:center;background-size:cover;
    height: 300px;position: relative;
}
.layer {
    background-color: rgba(235, 108, 29, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background .uk-margin {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
.home-title{padding:10px;font-size:23px;font-weight:bold;line-height: 10px;margin-top:30px;margin-bottom:20px;margin-right:10px;color:#118c7e;}
.home-title a{color:#118c7e;}

.formsrch{padding-top: 40px;}    
.formsrch .colum{width:20%;float:right;margin-left: 5px;}    
.formsrch .colum select{height: 60px;font-weight: bold;}    
.formsrch button{float:right;height: 60px;width:150px;font-weight: bold;} 

.icons-home{margin-right: 15%}
.icons-home .ico{float: right;margin: 10px;width:170px;text-align: center;}
.icons-home .ico i{color:#1E96E0;}
.icons-home .ico .numbertxt{font-size:25px;font-weight:bold;color:#1e1e1e;padding-top:5px;}
.icons-home .ico .smalltxt{color:black;font-size:13px;}

/* Brand */
.brands-home .item .card .card-body{padding: 10px;}
.brands-home .item img{width: 80px;}
.brands-page{margin: 5px;width: 24%;height: 120px;background:#f7f7f7;}    
.brands-page:hover{background: #f2f2f2;}    
.brands-page h5{margin-top: 15px;color:#93329e;font-weight: bold;}    
.brands-page img{width: 90px;}   
.brands-page .card{background:#f7f7f7;height: 120px;}   
.brands-page .card:hover{background:#ffffff;}  

/* Brand Page */
.brand-img{
    width: 150px;background: white;margin:20px;border-radius:5px;  
    border: 1px solid;padding: 10px;box-shadow: 5px 10px #1F314F;
}
.brand-title{color:white;font-weight:bold;font-size: 38px;}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 20%;} 
.brand-col6{width: 79%;padding:20px;}     

.brand-bg {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(11, 24, 55, 0.8), 
      rgba(11, 24, 55, 0.8)
    ),
    /* your image */
    url(../images/mountain.jpg);
    background-position:center bottom;
}
.brandmodel{
    width: 150px;margin: 10px 0 10px 10px;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);border-radius: 20px; 
}
.brandmodel a{margin-top:10px;color:#282828;}
.brandmodel a:hover{margin-top:10px;color:#0081E4;}
.brandmodel i{font-size: 12px;}
.brandmodel .card-title{font-weight: bold;}    
.brandmodel .card-body{padding: 0px;text-align: center;} 


hr.style14 { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}  

.car-card{width: 270px;height: 230px;}
.car-card .card-body{padding:10px;}
.car-card .card-body .card-title{text-align: center;height: 30px;color:#0C65BF;font-size:18px;font-weight: bold;}
.car-card .card-img-top{width:100%;height: 150px;}
.car-card .car-icon{background:#F4F4F4;width:56px;height:60px;float:right;margin:3px;padding: 5px;}
.car-card .car-icon .txt-icon{font-size: 12px;}

.car-card .car-icon2{background:#F4F4F4;width:60px;height:60px;float:right;margin:3px;padding:5px;}
.car-card .car-icon2 .txt-icon{font-size: 12px;}
.car-card img{width: 72px;margin-top: 8px;}

.fea-cars{width:220px;}

/* Footer */
.center {padding: 50px 0;text-align: center;}     
.bgfooter{
    background: url(../images/car3.jpg);
    background-position:center;background-size:cover;
    height: 170px;position: relative;
}
.layerfooter{
    background-color: rgba(17, 140, 126, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
footer{color:#FFFFFF;font-size: 14px;}
footer .card-body a {color:#FFFFFF;font-weight: bold;}
.footer-link{margin-top: 15px;margin-right: 10px;}
.card-link{padding: 0px 15px 0 0;}
footer .card-body i{font-size:10px;color:white;}

.footer-right{float: right;width:15%;text-align:center;} 
.footer-left{float: right;width: auto;padding:0px;} 
.footer-leftSale{float: left;width: 15%;padding-top:15px;font-weight: bold;font-size: 15px} 

.social{margin-top: 10px;}
.social a img{width: 32px;}
.copy a{color: #3E5252;margin-top:20px;font-size: 15px;font-weight: bold;padding: 0 0 30px 0;}    
.copy a:hover{color: #e4353a;} 

/* Footer */


/* Cars Page */
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}
#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}
#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}
#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

#myCarousel .carousel-item img{width: 100%; height: 400px;}
#myCarousel .selected img{width: 70px;height: 50px;margin: auto;}

    
.car-title{
    font-weight:bold;font-size: 25px;line-height: 40px;
    color: #2e3131;padding:0px 0 20px 0;
}   
.car-prix{color: #118c7e;font-weight:bold;font-size: 30px;line-height: 40px;} 
.breadcrumb{background:none;padding:0;font-size:12px;}  
 
.car-tab{
    margin: 2.5px;width:170px;text-align:center;background:#ececec;color:#2e3131;
    border-bottom: 2px solid #0C65BF;font-weight: bold;font-size: 13px;
}   
.car-tbl{float: right; width:48.5%;margin: 5px;} 
.car-text{line-height: 25px;font-size: 15px;color:#22426e;font-weight: bold;padding: 5px;} 
.car-tajhizat{float: right;width: 48%;margin: 7px;}    
.tajhi-tit{font-weight:bold;}    
.tajhi-tit i{font-size:15px;}  
    
.car-advertiser-info{font-size:23px;font-weight: bold;color:#2E3131;}    
.car-advertiser{margin-top:10px;color:#0c62b7;font-size:23px;} 
.car-viptxt{color:#F07D00;font-weight: bold; font-size:30px;}   
.car-alerttxt{color:#c82333;font-weight: bold;font-size:20px;}   
.car-alerttxt i{font-size:15px;}   
.car-alerttxt:hover{color:#c82333;font-size:20px;}  
.likecar{font-weight:bold;font-size:29px;color:#118c7e;padding:0 20px 20px 0;}
/* Cars Page */

/* Login */
#logreg-forms{
    width:100%;
    margin:auto;
}
#logreg-forms form {
    width: 100%;
    max-width: 410px;
    padding: 15px;
    margin: auto;
}
#logreg-forms .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#logreg-forms .form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#logreg-forms .social-login{
    width:390px;
    margin:0 auto;
    margin-bottom: 14px;
}
#logreg-forms .social-btn{
    font-weight: 100;
    color:white;
    width:190px;
    font-size: 0.9rem;
    margin-left: 5px;
    margin-bottom: 5px;
}

#logreg-forms a{
    display: block;
    padding-top:10px;
    color:lightseagreen;
}
#logreg-form .lines{
    width:200px;
    border:1px solid red;
}

#logreg-forms button[type="submit"]{ margin-top:10px; }
#logreg-forms .facebook-btn{  background-color:#3C589C; }
#logreg-forms .google-btn{ background-color: #DF4B3B; }
#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }
#logreg-forms .form-signin .social-btn{ width:210px; }
#logreg-forms .form-signup .social-btn{ width:210px; }
#logreg-forms .form-signup input { margin-bottom: 2px;}
.form-signup .social-login{width:210px !important;margin: 0 auto;}
.form-signin .social-login{width:210px !important;margin: 0 auto;}
/* Create */
form .form-group select{border-radius: 0px;}
form .form-group input{border-radius: 0px;padding: 10px;}
.CreateCard{width: 900px;margin: auto;} 
.CreateCol1{width: 49%;margin-left: 15px;}    
.CreateCol2{width: 47%;}    
.CreateCadre{background:#FAFAFA;color:#231E1C;width: 120px;font-family: 'Changa', sans-serif;font-weight: 500;}    
.input-group-text{text-align: center;}    
.Tajhizat{width: 25%;font-size:15px;}     
.form-check{margin: 5px;} 
.CreateTitle{font-weight:bold;color:#db5c0d;font-size:17px;}  

.color-picker{
  width: 300px;
  height: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding:5px;
}
.color-list{
  list-style: none;
  padding: 0;
}
.color-list li{
  display: inline-block;
  margin: 3px;
}
.color{
  height: 30px;
  width: 30px;
  border-radius: 100px;
  background-color: attr(data-color);
  transition: transform 0.3s;
}
.color:not(.active):hover{
  cursor: pointer;
  transform: scale(1.2);
}
.color.active {
  border: 5px solid #22426e;
  width: 32px;
  height: 32px;
}

.imgwd{width:93px;height:80px;}

/* Showrooms */
.PageCard{margin-top: 10px;}
/* .pagecard{text-align:right;padding:25px;width:95%;} */
.backgroundSR {
background: url(../images/car3.jpg);background-position:center;background-size:cover;
height: 80px;position: relative;
}
.layerSR {
    background-color: rgba(19, 132, 150, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}    
    
.formsrchSR{padding: 20px 20px 0 0;margin-right: 6%;}    
.formsrchSR .colum{width:200px;float:right;margin-left: 10px;}    
.formsrchSR .colum select{font-weight: bold;}    
.formsrchSR button{float:right;width:100px;font-weight: bold;} 
    
.RightShowroom{float:right;width:43%;margin-left:30px;}
.LeftShowrom{float:right;width:53%;margin-top:0px;}
.Tag{font-weight: bold;margin-left: 15px;color: #143789;font-size: 13px} 
.showroomsCard{width: 100%;height: 123px;margin:20px 0 10px 20px;}    
.showroomsCard .CT2{font-size: 17px;font-weight:bold;color: #1c263d;}  
.showroomsCard .ImgPart{width: 30%;}
.showroomsCard .ContentPart{width: 70%;}
.card-img-agency{width: 150px;max-height: 120px;}
.card-img2{width: 200px;height: 120px;}

/* Showroom */
.grid .col2 {
	width: 50%;
	padding: 0 10px 0 10px;
}
.grid .col2.first {
	float: right;
}
.grid .col2.last {
	float: left;
}

.grid .col3 {
	width: 30%;
	float: right;
	margin-left: 11px;
}
.grid .col3.first {
	margin-right: 0;
	float: right;
}
.grid .col3.last {
	margin-right: 0;
	float: right;
}

.CT1{
    font-weight:bold;font-size: 25px;
    color: #118c7e;margin-bottom: 0px;padding:20px 20px 0 0;
}
.desc-textpg{padding:10px 20px 10px 20px;line-height:30px;}
.CarCard{width: 705px;margin:20px 0 10px 20px;
background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}    
.CarCard .CC2{font-size: 18px;line-height: 28px; font-weight:bold;color: #1b1c1b;margin-top: -10px;}  
.CarCard .CC2 a{color: #1b1c1b;}  
.CarCard .CC2 a:hover{color: #1E96E0;}  
.CarCard .card-img{height: 150px;}  
.CarCard .Prix{font-size: 17px;font-weight:bold;color: #C82333;margin-bottom: 10px;}  
.CarCard .Phone{width: 150px;font-size: 12px;}  
.CarCard .ico-car{
    padding: 2px; height: 40px;margin-left:10px;
    background-image: linear-gradient(120deg, #ebedee 0%, #fdfbfb 100%);
    border-radius:25px;font-size: 14px;font-weight: bold;color:#636262;
}  
.CarCard .kmclass{direction: ltr;}  
.CarCard .ico-car img{width: 42px;}  
.CarCard .ico-car i{padding-top: 8px;color:#8c8c8c;}  
    
.showRight{width: 705px;padding:20px;} 
.showLeft{width: 370px;margin-top: 20px;} 
.CC3{font-size: 23px;font-weight:bold;color: #db5c0d;} 
    
.ico-SRinfo i{color: #0C65BF;}    
.SRINFO{margin-top: 5px;line-height: 30px;}    
.SRINFO a{width: 200px} 

/* Rent */
.rent .card{float: right; width: 250px;margin: 5px;border: none;height:230px;border: 1px solid #b7b5b5;}
.rent .card-title{line-height: 35px;}
.rent-img{width:120px;height:120px;margin-bottom:10px;border: 3px solid #0C65BF;}
.re-img{width:120px;height:120px;}
.titlerent{padding-bottom: 10px;}    
.rent-col6{width: 600px;padding-top:20px;}
.rent-col4{width: 200px;padding-top:20px;}
.Inforent{margin-top: 10px;width: 180px}
.cardrent{float: right; width: 340px;margin: 5px;border: 1px solid #c0cfe0;height:280px;}

.rent-car{padding: 0px;margin: 0px;width: 100%; }  
.rent-car .section-card .crdbody{font-size:12px;}  
.rent-car .section-card .card-title{font-size:14px;} 

.rentbg{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.rent-title{color:#0C65BF;font-weight:bold;}    
.rent-desc{margin-top:20px;line-height:25px;} 
.rent-info{font-weight:bold;padding-bottom: 10px;}    
.rent-info i{font-size:15px;color:#db5c0d;}    
.rent-infotext{line-height:35px;font-weight:700;}   
.form-rent-req{width:50%;margin:auto;font-weight:bold;}
.h_rightside{width: 65%;}
.h_leftside{width: 35%;}


/* Companies */
.cardrepair{width: 510px;margin-left: 14px;height: 230px;margin-bottom:30px;background: #fcf7f7;}
.cardrepair:last-child {margin-left: 0px;}
.repair-img{width: 120px;margin-top: 50%}

.CompCard{width:100%;height:auto;margin-left: 14px;margin-bottom:30px;padding:10px;} 
.CompCard .compImgp{width: 60%;}
.comp-img{width:100%;}
.CompCard .compInfop{width: 39%;padding-right: 10px;}
.CompCard .card-title{font-size: 18px;font-weight: bold;line-height: 30px;}
.CompCard .card-title a{color: #282841;}
.CompCard .card-title a:hover{color: #138496;}
.CompCard .repair-ico{padding-top: 5px;font-weight: bold;color: #138496;line-height: 25px;}
.CompCard .repair-ico span{color: #282841;font-weight: bold;font-size: 15px;}
.CompCard a{margin:10px 0 10px 10px;}
.CompCard i{font-size: 12px;}  

.compa-img-part{width:10%;margin-left:5px;}
.compa-img-part .c-img{width:110px;height:100px;}
.compa-header-part{width:82%;}
.compa-header-part .c-title{font-weight:bold;font-size: 25px;color: #138496;}
.compa-header-part .c-muted{font-size:12px;margin-bottom:5px;}
.compa-header-part .c-muted i{font-size:10px;}

.compa-call-part{background:#F8F8F8;height:80px;margin-top:20px;width:100%;padding:0px;}
.compa-call-part .c-p{width:31%;border-left:1px solid #e6e6e6;margin-right:20px;text-align:center;height:80px;padding:10px;}
.compa-call-part .c-p:last-child{border-left:none;}
.compa-call-part .c-p .c-p-icon{float:right;padding:10px;margin-left:20px;}
.compa-call-part .c-p .c-p-icon i{font-size:40px;color:#138496;}
.compa-call-part .c-p .c-p-info{float:right;font-weight:bold;font-size:15px;margin-top:5px;color:#424141;}
.compa-call-part .c-p .c-p-info .text-muted{font-size:12px;}

.acco-title{font-weight:bold;font-size:20px;color:#138496;}
.acco-icon{padding-top:5px;}
.acco-icon i{font-size:20px;color:#0f0f0f;}
.acco-content{line-height:30px;font-weight:bold;color:#424141;}


/* Agencie */
.Foro3{width: 340px;margin: 10px 0 10px 10px;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.Foro3 a{margin-top:10px;}
.Foro3 .card-title{font-weight: bold;}

.section1 {
	background: #fff;
	position: relative;
	border-radius: 2px;
}
.section1 div .row:first-child {
	padding: 25px;
}

.section1 .col2.first img {
	border-radius: 50%;
	margin: 0 0 0 20px;
	width: 150px;
	height: 150px;
	border:2px solid #f1f1f1;
	padding: 2px;
	float: right;
}
.section1 .col2.first {
	line-height: 25px;
	position: relative;
	border-left:1px solid #e2e2e2;
}
.section1 .col2.first h1 {
    font-weight: bold;
    margin-bottom: 10px;
	margin-top: 15px;
    font-size: 30px;
	text-transform: capitalize;
}
.section1 .col2.first p {
	font-size: 14px;
}

.section1 .col2.last {
	padding: 8px 0;
}
.section1 .col2.last .col3 span {
    color: #a2a2a2;
    font-size: 14px;
}
.section1 .col2.last .col3 h1 {
    color: #db5c0d;
}

.section1 .col2.last .col3 {
    text-align: center;
    line-height: 30px;
    border-left: 1px solid #ccc;
    margin-top: 20px
}
.section1 .col2.last .col3.last {
	border-left: 0;
}


/* New */
.ribbon-vip{width:85px;height:88px;overflow:hidden;position:absolute;top:-1px;left:0}
.ribbon-vip .ribbon-pro{
    font-size:13px;font-weight:700;color:#333;text-align:center;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    position:relative;
    padding:3px 0;
    top:15px;
    left:10px;
    width:150px;
    background-color:#ecef23;
    color:#761747;
}

/* Ribbon */
.ribbon {
z-index: 1;
position: relative;
color: white;
}
.ribbon4 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #f03434;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);
}
.ribbon5 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #1A3A66;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);
}
.ribbon6 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #2ecc71;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);
}
.ribbon7 {
position: absolute;
top: 10px;
padding: 5px 5px;
background: #FBC840;
color: #0B1837;
font-weight: bold;
font-size: 14px;    
box-shadow: -1px 2px 3px rgba(0,0,0,.3);
}
.ribbon7 i{
font-size: 10px;    
}
.ribbonplus:before, .ribbonplus:after {
content: "";
position: absolute;
}
.ribbonplus:before {
width: 7px;
height: 100%;
top: 0;
right: -6.5px;
padding: 0 0 7px;
background: inherit;
border-radius: 5px 5px 0;
}
.ribbonplus:after {
width: 5px;
height: 5px;
bottom: -5px;
right: -4.5px;
border-radius: 5px 0 0 5px;
}

/* Car Number */
.cardnumber{width: 250px;margin-left: 14px;margin-bottom:40px;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.cardnumber:last-child {margin-left: 0px;}
.cardnumber .card-img-top{height: 150px;}
.cardnumber .card-title{font-size: 14px;font-weight: bold;}
.cardnumber .card-title span{color: #138496;}
.cardnumber a{margin:10px 0 10px 10px;}
.cardnumber i{font-size: 12px;}

/* Forum */
.forum-textright{width:60%;}
.forum-img{width:35%;padding: 20px;}
.forum-img img{width:250px;}

.Forumcat{width:32%;margin: 0 0 10px 10px;text-align: center;}
.Forumcat .card-title{font-weight: bold;color:#306186;}
.Forumcat a{margin-top: 10px;}
.thead-light i{font-size: 12px;} 
/* Forum */

/* Topic */
.TopicRight{width: 50%;margin-left: 20px;margin-top: 20px;}
.TopicLeft{width: 48%;margin-top: 20px;}
.TPTitle{font-weight:bold;font-size: 20px;color: #306186;margin-bottom: 0px;}
.TPText{padding:20px;line-height:35px;font-size:20px;}
.topic-info{font-size:12px;color:#306186;padding: 2px 0 0px 10px;margin-bottom: 10px;font-weight: bold;}    
.topic-info i{font-size:10px;color:#0C65BF;}  
.topic-content{font-size:18px;line-height: 35px;}

.bidbtn{padding: 8px;margin: 2px;}
.auc-one{width:150px;}
.auc-one img{width:42px;}
.auc-one h5{font-weight:bold;color:#3160A5;font-size:17px;}
.auc-time{font-weight:normal;font-size:11px;}
.auc-bid{color:#d30f5f;width:700px;border:1px solid #DFDFDF;padding:5px;}
.auc-bid2{color:#d30f5f;width:700px;border:1px solid #DFDFDF;padding:5px;}

/* Blog */
.blog-big{width:540px;margin: 0;padding: 0;}    
.blog-big a{color:#0C65BF;}    
.blog-big a:hover{color:#295fa5;}    
.blog-big .card-title{font-weight:bold;line-height:35px;}    
.blog-big .card-img-top{width: 100%;height: auto;}    

.blog-small{width:540px;margin-right: 10px;margin-bottom: 10px;padding: 0;}
.blog-small a{color:#0C65BF;}    
.blog-small a:hover{color:#295fa5;}  
.blog-small .card-title{font-weight:bold;line-height:30px;font-size:15px;}  
.blog-small .card-img{width: 100%;height: 130px}  

.blog-descc{ line-height:30px;font-size:19px;}
.blogtitle{font-weight:bold;font-size: 25px;color: #353B48;margin-bottom: 0px;padding:20px 20px 0 0;}
.colum2{width:500px;float:right;margin-left: 10px;}  
.searchbar{
margin-bottom: auto;
margin-top: 10px;
height: 60px;
background-color: #FFFFFF;
border-radius: 30px;
padding: 10px;
}
.search_input{
color: #353B48;
border: 0;
outline: 0;
background: none;
width: 0;
caret-color:transparent;
line-height: 40px;
transition: width 0.4s linear;
}
.searchbar:hover > .search_input{
padding: 0 10px;
width: 450px;
caret-color:white;
transition: width 0.4s linear;
}
.searchbar:hover > .search_icon{
background: white;
color: #e74c3c;
}
.search_icon{
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color:#E74C3C;
text-decoration:none;
}
.blog{border-radius:0px;height:155px;}
.blogimg{border-radius:0px;width: 100%; height:155px;}
.blog .htitle{font-weight:bold;line-height:30px;font-size:15px;}
.blog .htitle a{color:#191919;}
.blog .htitle a:hover{color:#295fa5;}
  
.T1{width: 50%;}    
.T2{width: 50%;}    
.T1 a{background:#353B48;color:white;text-align:center;border-radius:0px;}    
.T2 a{background:#353B48;color:white;text-align:center;border-radius:0px;}  
.list-unstyled li{margin-bottom: 10px;}    
.t-title{font-size:13px;font-weight:bold;line-height: 23px;margin-bottom: -5px;padding-left: 8px;}
.t-title a{color:#191919;}
.t-title a:hover{color:#295fa5;}
.t-img{width: 80px;height: 60px;}

.navbreadcrumb{padding:5px;margin-bottom:10px;}    
.navbreadcrumb .breadcrumb{background:none;margin-bottom:0;padding-bottom:0;}    
.card-blogpost .card-img{width:100%;height:400px;}    
.card-blogpost .card-img-overlay{background-color: rgba(28, 28, 28, 0.9);bottom:0;}    
.card-blogpost .text-muted{margin-left:15px;}    
.title-blogpost{color:rgb(90%, 90%, 90%);font-size: 25px;font-weight: bold; line-height: 38px;padding-bottom: 20px;}
.content-blogpost{padding:20px;font-size: 17px;line-height: 30px;}
.content-blogpost img{width: 100%;} 
/* Blog */  

.form-search{padding-top:10px;}    
.form-search select{height:45px;margin-bottom:10px;font-weight: bold;} 

/* Profile */
.profileLeft{width: 99%;}
.profileRight{width: 25%;margin-left: 10px;}
.profileRight .list-group a{font-weight: bold;color:#222222;font-size: 14px;}
.profileRight .list-group .badge{font-size: 16px;}

    
.pcard-stats{width:32.1%;margin:0 0 10px 9px;float: right;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0C65BF;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 20px 20px 3px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {

	content: "";

	opacity: 0.06;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;   

	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-tertiary {
  color: #0C65BF;
  padding: 0;
  line-height: 40px;
  display: block;
  border: 2px solid #0C65BF;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #6487BB;
  border-color: #6487BB;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B;
}

.btn-form{margin:0 10px 10px 0;}    

    
/* Pages Officiel / Contact US */
.pages-card{margin: 5px;width:24%;}
.pages-card i{color:#384256;}
.pages-card i:hover{color:#0C65BF;}
.pages-card .card-title{font-weight: bold;margin-top: 20px;color:#384256;}
.pages-card .card-title:hover{color:#0C65BF;}
.pages-card .sub{font-size: 17px;}
.pages-text{color:#384256;font-size:18px;line-height:35px;padding: 20px;}
.contact-card{width:49%;margin-left:10px;}

/* Subs Cars */
.sub-card{margin: 5px;width:15.7%;}
.sub-card i{color:#384256;}
.sub-card i:hover{color:#0C65BF;}
.sub-card .card-title{font-weight: bold;margin-top: 20px;color:#384256;}
.sub-card .card-title:hover{color:#0C65BF;}
.sub-card .sub{font-size: 17px;}
.sub-text{color:#384256;font-size:18px;line-height:35px;padding: 20px;}

/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0C65BF;padding:10px;}    
.faq-icon i{color:white;font-size:27px;}    
.faq-quest{padding:17px;font-weight:bold;font-size:15px;color:#212529;text-decoration:none;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

/* User */
.user-page-right{margin-top: 20px;width: 25%;margin-left: 10px;}
.user-page-right i{color:#098ab8;}
.user-page-right .user-p{margin:10px 0;font-weight:bold;font-size:20px;}
.user-page-right .list-group-item-action{font-size:17px;color:#282828;}
.user-page-left{margin-top: 20px;width: 74%;}
.user-page-left .nav-link{font-weight:bold;font-size:15px;}


/* --- fillter */
.range-slider {
  padding-top: 3.5em;
  position: relative;
  text-align: center;
}
.range-slider::before,
.range-slider::after {
  content: " ";
  display: table;
}
.range-slider::after {
  clear: both;
}

.range-slider .track {
  bottom: 12px;
  height: 6px;
  left: 0;
  margin-bottom: -3px;
  position: absolute;
  width: 0;
  z-index: 50;
  border-radius: 15px;
}

.range-slider .track--full {
  background: #db5c0d;
  width: 100%;
}
.range-slider .track--included {
  background: #0d67b0;
  border-radius: 3px;
}
.range-slider .slider-thumb {
  border-radius: 50%;
  cursor: pointer;
  display: none;
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
  z-index: 101;
}

.range-slider [type="range"] {
  -webkit-appearance: media-slider;
  background: none;
  height: 25px;
  margin: 0;
  outline: none;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: 75;
}

.range-slider [type="range"]:focus {
  outline: none;
}
.range-slider [type="range"]::-moz-focus-outer {
  border: 0;
}
.range-slider [type="range"]:first-of-type {
  float: left;
  margin-bottom: -30px;
}

.range-slider [type="range"]:last-of-type {
  float: right;
  margin-bottom: 0;
}
.range-slider [type="range"]::-webkit-slider-runnable-track {
  background: none;
  border: 0;
  height: 6px;
  z-index: -1;
}
.range-slider [type="range"]::-ms-fill-lower {
  background: none;
  border: 0;
}
.range-slider [type="range"]::-ms-fill-upper {
  background: none;
  border: 0;
}
.range-slider [type="range"]::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  color: transparent;
  height: 6px;
  z-index: -1;
}
.range-slider [type="range"]:focus::-ms-fill-lower {
  background: none;
  border: 0;
}
.range-slider [type="range"]:focus::-ms-fill-upper {
  background: none;
  border: 0;
}
.range-slider [type="range"]::-moz-range-track {
  -moz-appearance: none;
  background: none;
  border: 0;
  height: 6px;
  z-index: -1;
}
.range-slider [type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #555;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  margin-top: -12px;
  outline: 0;
  pointer-events: all;
  position: relative;
  width: 30px;
  z-index: 100;
}

.range-slider [type="range"]::-ms-thumb {
  background: #555;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  margin-top: 0;
  pointer-events: all;
  position: relative;
  width: 30px;
  z-index: 100;
}
.range-slider [type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  background: #555;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  margin-top: -12px;
  pointer-events: all;
  position: relative;
  width: 30px;
  z-index: 100;
}

.range-slider .output,
.range-slider output {
  background: none;
  border: none;
  border-radius: 4px;
  color: #777777;
  font-weight: bold;
  display: inline-block;
  height: 5em;
  font-size: 14px;
  left: 50%;
  line-height: 5em;
  padding: 0 3px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, 0);
}

.fillter {
  span.left {
    color: #bebdbd;
    text-align: left;
    display: inline-block;
    padding-top: 12px;
  }
  span.right {
    color: #bebdbd;
    float: right;
    padding-top: 12px;
  }
}


/* Subscription */
.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.pricing hr {
  margin: 1.5rem 0;
}
.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}
.pricing .card-price {
  font-size: 3rem;
  margin: 0;
  color:#2980b9;
}
.pricing .card-price .period {
  font-size: 0.8rem;
}
.pricing ul li {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 14px;    
}
.pricing ul li i{
  color:#2ecc71;
}
.pricing .text-muted {
  opacity: 0.7;
}
.pricing .btn {
  font-size: 17px;
  border-radius: 5rem;
  font-weight: bold;
  padding: 10px;
  opacity: 0.7;
  transition: all 0.2s;
}
.subs-title{font-weight:bold;color:#3498db;padding-bottom: 10px;}    
.subs-text{width:70%;font-size:18px;font-weight:bold;color:#383838;}    
.subs-text2{font-size:18px;font-weight:bold;color:#383838;}   

.display-btnprofile{display: none;}

/* Mobile */
/* Header */
.mobileNav{width:100%;padding:10px;background:white;box-shadow: 0px 5px #e2e2e2;}
.iconPart i{margin:10px 5px 0 0;color: #118c7e;font-size:20px;}
    
/* OFF-Canavas */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.2s;
  padding-top: 60px;
}
.sidenav a {
  padding: 8px 32px 8px 8px;
  text-decoration: none;
  font-size: 17px;
  color: #118c7e; 
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #333333;
}
    
.navink-mobile a{color: #333333;}    
.navink-mobile a:hover{color: #0062cc;}    
.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 36px;
  margin-right: 50px;
}
#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* Aqar */
.aq-square{width: 49%;float: right;margin: 2px;height: 340px;}
.aq-info{padding:10px;}
.aqar-tbl{margin-bottom:-10px;}
.aqar-tbl tbody tr th{
    color:#0C6FC6;font-weight: bold;font-size:17px;
    padding:10px;width:50%;
}     
.aqar-tbl tbody tr td{color:#212529;font-weight: bold;padding:10px;width:50%;} 

/* Office New Card */
.rsofficeCard{width: 31.9%;margin:5px;}  
.rsofficeCard .img-rsoffice{width:100%;height: 170px;}  
.rsofficeCard .card-title{font-size:17px;font-weight:bold;height:40px;line-height:25px;}  


/* TEEEE */
.membership-form{width: 50%;}
.cardreg label.box{
  background: #ededed;
  margin-top: 12px;
  padding: 10px;
  display: flex;
  border-radius: 5px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 14px;    
  font-weight: bold;
  color: #212529;
}
#one1:checked ~ label.num1,
#one2:checked ~ label.num2,
#one3:checked ~ label.num3,
#one4:checked ~ label.num4,
#one5:checked ~ label.num5,
#one6:checked ~ label.num6,
#one7:checked ~ label.num7,
#one8:checked ~ label.num8,
#one9:checked ~ label.num9{
  border-color: #016c36;
  background: #d1f9e5;
}
.cardreg  label.box:hover{
  background: #d1f9e5;
}
.cardreg  label.box .circle{
  height: 22px;
  width: 22px;
  border: 5px solid #ccc;
  display: inline-block;
  margin-left: 15px;
  border-radius: 50%;
  transition: all 0.25s ease;
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.2);
}
.bk1{background: #2980b9;}
.bk2{background: #8e44ad;}
.bk3{background: #e74c3c;}
.bk4{background: #27ae60;}

#one1:checked ~ label.num1 .circle,
#one2:checked ~ label.num2 .circle,
#one3:checked ~ label.num3 .circle,
#one4:checked ~ label.num4 .circle,
#one5:checked ~ label.num5 .circle,
#one6:checked ~ label.num6 .circle,
#one7:checked ~ label.num7 .circle,
#one8:checked ~ label.num8 .circle,
#one9:checked ~ label.num9 .circle{
  border-color: #016c36;
  background: #fff;
}

.cardreg  label.box .plan{
  display: flex;
  width: 88%;
  align-items: center;
}
.cardreg .price{
  display: flex;
  width: 12%;
  align-items: center;
}
.cardreg input[type="radio"]{
  display: none;
}
/* TEEEE */

.prof-card{margin: 2px;width:48.7%;height: 89px;}
.prof-card i{color:#384256;}  
.prof-card i:hover{color:#79233e;}  
.prof-card .card-title{font-size: 15px;font-weight: bold;margin-top: 10px;color:#384256;}
.prof-card .card-title:hover{color:#0069D9;}    
.prof-card .card-body{padding: 5px;}
.prof-card i{color:#384256;font-size: 25px;margin-top: 10px;}

.neww{width:100%;}
.neww .btbid{width: 48%;}
.likeform{font-size:20px;outline: none;background:white;margin-left: 10px;}
.likeform i{color:#AAAAAA;font-size:17px;}
.likeform i:hover{color:#0062CC;}
.likeform .countlike{font-size:17px;font-weight: bold;color:#0062CC;}
.likeform .iliketxt{font-size:17px;color:#545454;font-family: 'Changa', sans-serif;}
.likeform .iliketxt:hover{color:#0062CC;}

.hotel-head-part{width:100%;height:60px;background:white;padding:10px;}
.titpart{padding:6px;}
.titpart i{color:#AAAAAA;font-size:17px;}
.titpart h4{font-size: 19px;font-weight: bold;color: #545454;}

/* Matlob */
.req-emp{width:32%;margin:0 0 25px 5px;}   
.req-emp .contentli{height:105px;}   
.req-emp:last-child{margin-left:0px;}   
.req-emp .emp-icon{padding:10px;text-align:center;}  
.req-emp .emp-icon i{font-size:40px;color:#1f8c7e;}  
.req-emp .card-title{text-align:center;font-weight:bold;color:#424141;font-size: 17px;}  
.req-emp .card-title span{color:#1f8c7e;}  
.req-emp .list-group-item{font-weight:bold;color:#424141;font-size:14px;} 
.rq1{width:70%;margin-bottom:5px;margin-left:15px;}    
.rq2{width:28%;margin-bottom:5px;}

@media screen and (min-width: 200px) and (max-width: 499px){
    
/* Matlob */
.req-emp{width:99%;margin:0 0 15px 0;}
.req-emp .contentli{height:auto;} 
.req-emp .card-footer a{width:99%;margin:2px 0;}   
.rq1{width:99%;margin-bottom:15px;margin-left:0px;}    
.rq2{width:99%;margin-bottom:15px;}  
    
.stato{font-size: 12px;}
.banners{width: 99%;}
.banners a img{width: 99%;}
.mb10{width:99%;}    
    
.prof-card{margin: 2px;width:48.7%;} 
.prof-card .card-title{font-size: 15px;}
    
/* Office New Card */
.rsofficeCard{width: 99%;margin:5px;}  
    
/* Subs Cars */
.sub-card{margin: 2px;width:48%;}
.sub-card .sub{font-size: 15px;}    
    
.aq-square{width: auto;float: none;margin: 0;height: auto;}   
.aq-info{padding:10px;}
.aqar-tbl{margin-bottom:-10px;}
.aqar-tbl tbody tr th{
    color:#0C6FC6;font-weight: bold;font-size:15px;
    padding:5px;
}     
.aqar-tbl tbody tr td{color:#212529;font-weight: bold;padding:5px;}
    
/* Companies */
.CompCard{width: 99%;margin-left: 0px;height: auto;padding:5px;} 
.CompCard .compImgp{width: 100%;}
.comp-img{width:100%;}
.CompCard .compInfop{width: 100%;}
.CompCard .card-title{font-size: 15px;}
.CompCard .repair-ico{font-size: 12px; line-height: 20px;}
.CompCard .repair-ico span{font-size: 12px;}
.CompCard i{font-size: 12px;}    
.btn-sm{width: 99%;}  
    
/* Auto Service */
.card-serviceauto{margin:10px;width:99%;min-height:auto;}    
.card-serviceauto a img{width:99%;max-height:200px;} 
    
/* New */    
.h_rightside{width: 99%;}
.h_leftside{width: 99%;} 
    
/* New Aqar */
.aqarCard{width:100%;} 
.aqarCard .aqImg{width:100%;height: 170px;object-fit: cover;}
.aqarCard .Fpart{width:30%;} 
.aqarCard .media-body{padding:10px;width:70%;} 
.heartIco i{font-size: 15px;}
.aqarCard .aqTitle{font-size:15px;}
.aqarCard .aqAdresse{font-size:12px;}
.aqarCard .aqAdresse i{font-size: 12px;}
.aqarCard .aqIco{font-size: 12px;}
.aqarCard .aqButton .aqcall{width:49%;font-size: 12px;}
    
    
    
#myCarousel .carousel-item img{width: 100%; height: 200px;}
    
.ribbonplus{font-size: 11px;}     
.ribbonplus i{display: none;}     
.btnflags{float: right; width: 45%;margin: 5px;}
.btnflags img{width: 32px;}
.btnflags .flagstext{font-weight: bold;font-size: 15px;padding: 8px;}
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
.display-brand{display: none;} 
.display-footer{display: none;} 
          
/* Index */
.txt01{font-size:23px;margin-top: 40px;}
.txt02{font-size:14px;}
.background {height: 420px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:18px;}

.formsrch{padding-top: 10px;}    
.formsrch .colum{width:80%;float:none;clear: both;margin-left: 0px;margin: auto;padding: 5px;}    
.formsrch .colum select{height: 40px;}    
.formsrch button{height: 40px;width:100%;} 
.btnsearch{float:none;clear: both; height: 40px;width:77%;margin: auto;margin-top: 5px;} 
    
.icons-home{margin-right: 10px;}
.icons-home .ico{float: right;margin: 5px;width:45%;}
.icons-home .ico .numbertxt{font-size:15px;}      
    
.fea-cars{width:99%;}    
.car-card .car-icon2{width:30.5%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon2 .txt-icon{font-size: 11px;}
    
.car-card{width: 99%;height: 220px;}
.car-card .card-img-top img{width:100%;height: 150px;}
.car-card .car-icon{width:23.5%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon img{width: 50px;margin-top: 0px;padding-top: 0px;}
    
.blog-big{width:95%;margin:0px 10px 10px 0;padding: 0;}     
.blog-big .card-title{line-height:30px;font-size: 18px;}    
.blog-big .card-img-top{width: 100%;height: 200px}    

.blog-small{width:95%;margin:10px 10px 10px 0;padding: 0;} 
.blog-small .card-title{line-height:30px;font-size:17px;}  
.blog-small .card-img{width: 100%;height: 130px} 
    
/* Footer */     
.bgfooter{height: 350px;}
.footer-right{float: none;clear: both; width:100%;text-align:center;margin: 10px 0 10px 0;} 
.footer-right a{float: none;clear: both;text-align:center;} 
.footer-left{float: none;clear: both;width:100%;text-align:center;padding:0px;} 
.social{float: none;clear: both;margin: 10px 0 10px 0;text-align:center;}
.social a img{width: 32px;margin-top: 10px;}
.footer-link a{float: none;clear: both;}    
/* Footer */ 
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;

}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
    
/* Cars Page */
.car-title{font-size: 20px;}   
.car-prix{font-size: 30px;} 
 
.car-tab{width:99%;}   
.car-tbl{float: none; width:99%;margin: 5px;} 
.car-tajhizat{float: right;width: 99%;margin: 7px;}    
    
.car-advertiser-info{font-size:20px;}    
.car-advertiser{font-size:20px;} 
.car-viptxt{font-size:23px;}   
.car-alerttxt{font-size:15px;}     
.car-alerttxt:hover{font-size:15px;}
.likecar{font-size:20px;padding:0 10px 20px 0;}    
/* Cars Page */   
    
/* Create */
form .form-group select{border-radius: 0px;}
form .form-group input{border-radius: 0px;padding: 10px;}
.CreateCard{width: 99%;margin: auto;} 
.CreateCol1{width: 99%;margin-left: 0px;}    
.CreateCol2{width: 99%;}    
.CreateCadre{background:#FAFAFA;color:#231E1C;width: 120px;font-family: 'Changa', sans-serif;font-weight: 500;}    
.input-group-text{text-align: center;}    
.Tajhizat{width: 99%;font-size:15px;margin-bottom: 10px;}     
.form-check{margin: 2px;} 
.CreateTitle{font-weight:bold;color:#db5c0d;font-size:17px;}  

.color-picker{
  width: 99%;
  height: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding:5px;
  margin-bottom: 15px;    
}
.imgwd{width:93px;height:80px;}
    
/* New + Used Cars */   
.CT1{font-size: 20px;}
.desc-textpg{line-height:25px;font-size: 13px;}   
.showRight{width: 100%;float: none;clear: both;padding:20px;} 
.showLeft{width: 99%;float: none;clear: both;display: none;} 
.CC3{font-size: 23px;font-weight:bold;color: #db5c0d;}    
    
.CarCard{width: 100%;}    
.CarCard .card-img{height: auto;}  
.CarCard .Prix{margin: 10px 0 10px 0;}  
.CarCard button{width: 150px;font-size: 12px;margin: 10px 0 10px 0;}  
.CarCard .ico-car{padding: 2px; height: 30px;margin-left:5px;font-size: 13px;}   
    
  
/* Showroom + Agencies */
.RightShowroom{float:none;clear: both;width:99%;margin:0 0 20px 0;}
.LeftShowrom{float:none;clear: both;text-align: center;width:99%;margin-top:0px;}      
.LeftShowrom img{width:200px;}      
.Tag{font-weight: bold;margin-left: 5px;color: #143789;font-size: 12px;margin-bottom: 10px;} 
.showroomsCard{width: 100%;height: auto;margin:0 0 20px 0;float: none;clear: both;}    
.showroomsCard .CT2{font-size: 14px;font-weight:bold;color: #1c263d;}  
.showroomsCard .ImgPart{width: 25%;padding:10px 5px;}
.showroomsCard .ContentPart{width: 75%;}
.showroomsCard .ContentPart .card-body{padding:10px;font-size: 12px;}
.card-img2{width: 100%;max-height: auto;} 
.card-img-agency{width: 100%;max-height: auto;}  
    
    
/* Anegncy */    
.Foro3{width: 99%;margin: 0 0 10px 0;}
.Foro3 a{margin-top:10px;}
.Foro3 .card-title{font-weight: bold;}

/* Showroom */
.grid .col2.first {float: none;clear: both;}
.grid .col2.last {loat: none;clear: both;}
.grid .col3 {
	width: 32%;
	float: right;
	margin-left: 2px;
}
.grid .col3.first {
	margin-right: 0;
	float: right;
}
.grid .col3.last {
	margin-right: 0;
	float: right;
}
.grid .col3 .btn{font-size: 10px;}    
.grid .col3 .fa-phone-volume{display: none;}    

.section1 .col2.first img {
	border-radius: 50%;
	margin: 0px;
	width: 100px;
	height: 100px;
}
.section1 .col2.first {
	border-left:none;
}
.section1 .col2.first h1 {
    margin-bottom: 10px;
    font-size: 20px;
}
.section1 .col2.first p {
	font-size: 13px;color:#8e8e8e;
}
.section1 .col2.last .col3 {margin-top: 0px;}
   
.row2tab li {width: 100%;text-align: left;}
.section1 .col2.last .col3 span {font-size: 11px;}
.section1 .col2.last .col3 h1 {font-size: 18px;}  
        
/* Rent */
.rent .card{float: right; width: 99%;margin: 5px;border: none;height:230px;border: 1px solid #b7b5b5;}
.rent .card-title{line-height: 35px;}
.rent-img{width:100px;height:auto;margin-bottom:10px;border: 1px solid #0C65BF;}
.re-img{width:120px;height:120px;}  
.rent-col6{width: 99%;padding-top:20px;}
.rent-col4{width: 99%;padding-top:20px;}
.Inforent{margin-top: 10px;width:99%}
.cardrent{float: none; width: 99%;margin: 0 0 20px 0;height:auto;}

.rent-car{padding: 0px;margin: 0px;width: 99%; }  
.rent-car .section-card .crdbody{font-size:12px;}  
.rent-car .section-card .card-title{font-size:14px;} 
   
.rent-title{font-size: 18px;}    
.rent-desc{margin-top:20px;line-height:25px;} 
.rent-info{font-weight:bold;padding-bottom: 10px;font-size: 13px;}    
.rent-info i{font-size:12px;color:#db5c0d;}    
.rent-infotext{line-height:35px;font-weight:700;font-size: 14px;} 
.form-rent-req{width:99%;margin:auto;font-weight:bold;font-size: 15px;}
    
/* Car Number */
.cardnumber{width: 100%;margin-left: 0px;margin-bottom:40px;}    
    
/* Auto Repair */
.cardrepair{width: 99%;margin-left: 0px;height: auto;}
.cardrepair .col-md-2{display: none;}
.cardrepair .col-md-9{width: 99%;}
.repair-img{max-width: 80px;}
.cardrepair .card-title{font-size: 17px;}
.cardrepair .repair-ico span{font-size: 12px;} 
    
/* Barnds */    
.brands-page{margin: 5px;width: 45%;}      
.brands-page h5{margin-top: 15px;color:#0C65BF;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 30%;} 
.brand-col6{width: 70%;padding:20px 0 20px 0;}     

/* Forum */
.forum-textright{width:99%;float: none;}
.forum-img{width:99%;float: none;text-align: center;}
.forum-img img{width:80%;text-align: center;}

.Forumcat{width:99%;margin: 5px;}
.Forumcat .card-title{font-size: 15px;}
/* Forum */
    
/* Topic */
.TopicRight{width: 99%;margin-left: 0px;margin-top: 20px;}
.TopicLeft{width: 99%;margin-top: 10px;}       
.TopicLeft img{width: 50%;} 
    
.bidbtn{clear: both;}
.auc-one{width:25%;}
.auc-one img{width:22px;}    
.auc-one h5{font-weight:bold;color:#3160A5;font-size:12px;}
.auc-time{font-weight:normal;font-size:8px;}
.auc-bid{color:#d30f5f;width:72%;border:1px solid #DFDFDF;padding:5px;}    
.auc-bid2{color:#d30f5f;width:75%;border:1px solid #DFDFDF;padding:5px;margin-right: 25px;}    
 
/* Blog */    
.btn-category{width: 49%; margin-bottom: 10px;font-size: 12px;}    

.blog-descc{ line-height:30px;font-size:19px;}
.blogtitle{font-weight:bold;font-size: 25px;margin:20px 20px 0 0;}
.colum2{width:99%;float:right;margin-left: 10px;}  
.blog{border-radius:0px;height:auto;}
.blogimg{border-radius:0px;width: 100%; height:auto;}
small{margin-bottom: 10px}
    
.card-blogpost .card-img{width:100%;height:300px;}       
.card-blogpost .text-muted{margin-left:15px;}    
.title-blogpost{font-size: 20px;font-weight: bold; line-height: 32px;padding-bottom: 10px;}
.content-blogpost{padding:20px;font-size: 17px;line-height: 30px;} 
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;font-size: 12px;}
.pages-card .card-title{font-size: 14px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0C65BF;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  
    

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-left: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:98%;margin:0 5px 10px 0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0C65BF;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 20px 20px 3px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {

	content: "";

	opacity: 0.06;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;   

	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-tertiary {
  color: #0C65BF;
  padding: 0;
  line-height: 40px;
  display: block;
  border: 2px solid #0C65BF;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #6487BB;
  border-color: #6487BB;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B;
}

.btn-form{margin:0 10px 10px 0;}    
    
}
@media screen and (min-width: 500px) and (max-width: 649px){
/* Matlob */
.req-emp{width:99%;margin:0 0 15px 0;}
.req-emp .contentli{height:auto;} 
.req-emp .card-footer a{width:32%;margin:2px 0;}
.rq1{width:99%;margin-bottom:15px;margin-left:0px;}    
.rq2{width:99%;margin-bottom:15px;} 
    
.stato{font-size: 12px;}
.banners{max-width: 500px;}
.banners a img{max-width: 500px;}
.mb10{width:99%;} 
    
.prof-card{margin: 2px;width:32.5%;margin-bottom: 10px;} 
.prof-card .card-title{font-size: 15px;} 
    
/* Office New Card */
.rsofficeCard{width: 47%;margin:5px;}
    
/* Subs Cars */
.sub-card{margin: 2px;width:32%;height: 120px}
.sub-card .sub{font-size: 15px;}  
    
.aq-square{width: auto;float: none;margin: 0;height: auto;}    
.aq-info{padding:10px;}
.aqar-tbl{margin-bottom:-10px;}
.aqar-tbl tbody tr th{
    color:#0C6FC6;font-weight: bold;font-size:15px;
    padding:5px;
}     
.aqar-tbl tbody tr td{color:#212529;font-weight: bold;padding:5px;}
    
/* Companies */
.CompCard{width: 100%;margin-left: 5px;height: auto;padding:5px;} 
.CompCard .compImgp{width: 100%;}
.comp-img{width:100%;}
.CompCard .compInfop{width: 100%;}
.CompCard .card-title{font-size: 15px;}
.CompCard .repair-ico{font-size: 12px; line-height: 20px;}
.CompCard .repair-ico span{font-size: 12px;}
.CompCard i{font-size: 12px;}    
.btn-sm{width: 99%;}    
    
/* Auto Service */
.card-serviceauto{margin:10px;width:45%;min-height:auto;}    
.card-serviceauto a img{width:99%;height:150px;}       
    
/* New */    
.h_rightside{width: 100%;}
.h_leftside{width: 100%;}  
    
/* New Aqar */
.aqarCard{width:100%;} 
.aqarCard .aqImg{width:100%;height: 170px;object-fit: cover;}
.aqarCard .Fpart{width:30%;} 
.aqarCard .media-body{padding:10px;width:70%;} 
.heartIco i{font-size: 15px;}
.aqarCard .aqTitle{font-size:15px;}
.aqarCard .aqAdresse{font-size:12px;}
.aqarCard .aqAdresse i{font-size: 12px;}
.aqarCard .aqIco{font-size: 12px;}
.aqarCard .aqButton .aqcall{width:49%;font-size: 12px;}    
    
#myCarousel .carousel-item img{width: 100%; height: 300px;}    
.ribbonplus{font-size: 14px;}     
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
          
/* Index */
.txt01{font-size:29px;margin-top: 40px;}
.txt02{font-size:14px;font-weight: bold; width: 80%}
.background {height: 300px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:23px;}

.formsrch{padding-top: 10px;}    
.formsrch .colum{width:33%;float:right;margin-left: 0px;padding: 5px;}    
.formsrch .colum select{height: 40px;}    
.formsrch button{float:right;height: 40px;width:100%;} 
.btnsearch{float:right;height: 40px;width:32%;padding-top: 5px;} 
    
.icons-home{margin-right: 10px;}
.icons-home .ico{float: right;margin: 5px;width:45%;}
.icons-home .ico .numbertxt{font-size:15px;}      
    
.fea-cars{width:99%;}       
.car-card .car-icon2{width:30%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon2 .txt-icon{font-size: 11px;}
    
.car-home{width: 49%;height: 290px;}    
.car-card{width: 99%;height: 290px;}
.car-card .card-img-top img{width:100%;height: 150px;}
.car-card .car-icon{width:23%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon img{width: 50px;margin-top: 0px;padding-top: 10px;}
    
/* Footer */      
.bgfooter{height: 300px;}
.footer-right{float: none;clear: both; width:100%;text-align:center;margin: 10px 0 10px 0;} 
.footer-right a{float: none;clear: both;text-align:center;} 
.footer-left{float: none;clear: both;width:100%;text-align:center;padding:0px;} 
.social{float: none;clear: both;margin: 10px 0 10px 0;text-align:center;}
.social a img{width: 32px;margin-top: 10px;}
.footer-link{float: none;clear: both;}   
.card-link{padding: 0px 15px 0 0;padding: 10px;}    
/* Footer */ 

/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;

}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
    
/* Cars Page */
.car-title{font-size: 20px;}   
.car-prix{font-size: 30px;} 
 
.car-tab{width:99%;}   
.car-tbl{float: none; width:99%;margin: 5px;} 
.car-tajhizat{float: right;width: 48%;margin: 2px;}    
    
.car-advertiser-info{font-size:20px;}    
.car-advertiser{font-size:20px;} 
.car-viptxt{font-size:23px;}   
.car-alerttxt{font-size:15px;}     
.car-alerttxt:hover{font-size:15px;}  
.likecar{font-size:20px;padding:0 10px 20px 0;}     
/* Cars Page */   
    
/* Create */
form .form-group select{border-radius: 0px;}
form .form-group input{border-radius: 0px;padding: 10px;}
.CreateCard{width: 99%;margin: auto;} 
.CreateCol1{width: 99%;margin-left: 0px;}    
.CreateCol2{width: 99%;}    
.CreateCadre{background:#FAFAFA;color:#231E1C;width: 120px;font-family: 'Changa', sans-serif;font-weight: 500;}    
.input-group-text{text-align: center;}    
.Tajhizat{width: 48%;font-size:15px;margin: 0 0 15px 5px;}     
.form-check{margin: 2px;} 
.CreateTitle{font-weight:bold;color:#db5c0d;font-size:17px;}  

.color-picker{
  width: 99%;
  height: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding:5px;
  margin-bottom: 15px;    
}
.imgwd{width:93px;height:80px;}
    
/* New + Used Cars */   
.CT1{font-size: 20px;}
.desc-textpg{line-height:25px;font-size: 13px;}   
.showRight{width: 100%;float: none;clear: both;padding:0 5px 0 0;} 
.showLeft{width: 99%;float: none;clear: both;display: none;} 
.CC3{font-size: 23px;font-weight:bold;color: #db5c0d;}    
    
.CarCard{width: 47%;float: right;margin: 5px;}   
.CarCard .card-img{height: 120px;}   
.CarCard .CC2{font-size: 15px;line-height: 25px; font-weight:bold;color: #1b1c1b;margin-top: -10px;}      
.CarCard .Prix{margin: 10px 0 5px 0;}  
.CarCard button{width: 80px;font-size: 12px;margin: 10px 0 10px 0;}  
.CarCard .ico-car{padding: 2px; height: 30px;margin-left:5px;font-size: 13px;}   
    
/* Showroom + Agencies */
.RightShowroom{float:none;clear: both;width:99%;margin:0 0 20px 0;}
.LeftShowrom{float:none;clear: both;text-align: center;width:99%;margin-top:0px;}     
.LeftShowrom img{width:200px;}      
.Tag{font-weight: bold;margin-left: 5px;color: #143789;font-size: 12px;margin-bottom: 10px;} 
.showroomsCard{width: 100%;height: auto;margin:0 0 20px 0;float: none;clear: both;}    
.showroomsCard .CT2{font-size: 14px;font-weight:bold;color: #1c263d;}  
.showroomsCard .ImgPart{width: 25%;padding:10px 5px;}
.showroomsCard .ContentPart{width: 75%;}
.showroomsCard .ContentPart .card-body{padding:10px;font-size: 12px;}
.card-img2{width: 100%;max-height: auto;}  
.card-img-agency{width: 100%;max-height: auto;}       
/* Anegncy */    
.Foro3{width: 45%;margin: 0 0 10px 10px;}
.Foro3 a{margin-top:10px;}
.Foro3 .card-title{font-weight: bold;}

/* Showroom */
.grid .col2.first {float: none;clear: both;}
.grid .col2.last {loat: none;clear: both;}
.grid .col3 {
	width: 32%;
	float: right;
	margin-left: 2px;
}
.grid .col3.first {
	margin-right: 0;
	float: right;
}
.grid .col3.last {
	margin-right: 0;
	float: right;
}
.grid .col3 .btn{font-size: 10px;}    
.grid .col3 .fa-phone-volume{display: none;}    

.row2tab li {width: 50%;text-align: left;}
.section1 .col2.first {text-align: center;}
.section1 .col2.first img {display: inline-block;float: none;}
.section1 .col2.first span {position: relative;right: 0;}
.section1 .col2.last {margin-top:25px;}    
    
/* Rent */
.rent .card{float: right; width: 99%;margin: 5px;border: none;height:230px;border: 1px solid #b7b5b5;}
.rent .card-title{line-height: 35px;}
.rent-img{width:99%;height:auto;margin-bottom:10px;border: 1px solid #0C65BF;}
.re-img{width:120px;height:120px;}  
.rent-col2{width: 10%;padding-top:0px;}
.rent-col6{width: 52%;padding-top:0px;}
.rent-col4{width: 30%;padding-top:0px;}
.Inforent{margin-top: 10px;width:99%}
.cardrent{float: none; width: 99%;margin: 0 0 20px 0;height:auto;}

.rent-car{padding: 0px;margin: 0px;width: 99%; }  
.rent-car .section-card .crdbody{font-size:12px;}  
.rent-car .section-card .card-title{font-size:14px;} 
   
.rent-title{font-size: 18px;}    
.rent-desc{margin-top:20px;line-height:25px;} 
.rent-info{font-weight:bold;padding-bottom: 10px;font-size: 13px;}    
.rent-info i{font-size:12px;color:#db5c0d;}    
.rent-infotext{line-height:35px;font-weight:700;font-size: 14px;} 
.form-rent-req{width:99%;margin:auto;font-weight:bold;font-size: 15px;}
    
/* Car Number */
.cardnumber{width: 48%;margin-left: 5px;margin-bottom:40px;}    
    
/* Auto Repair */
.cardrepair{width: 99%;margin-left: 0px;height: auto;}
.cardrepair .col-md-2{width: 20%;}
.cardrepair .col-md-10{width: 80%;}
.repair-img{max-width: 80px;}
.cardrepair .card-title{font-size: 17px;}
.cardrepair .repair-ico span{font-size: 12px;}  
   
/* Barnds */    
.brands-page{margin: 5px;width: 31%;}      
.brands-page h5{margin-top: 15px;color:#0C65BF;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 30%;} 
.brand-col6{width: 70%;padding:20px 0 20px 0;}     

/* Forum */
.forum-textright{width:99%;float: none;}
.forum-img{width:99%;float: none;}
.forum-img img{width:100%;}

.Forumcat{width:47%;margin: 5px;}
.Forumcat .card-title{font-size: 15px;}
/* Forum */
    
/* Topic */
.TopicRight{width: 99%;margin-left: 0px;margin-top: 20px;}
.TopicLeft{width: 99%;margin-top: 10px;}       
.TopicLeft img{width: 50%;}   
    
.bidbtn{}
.auc-one{width:25%;}
.auc-one img{width:22px;}    
.auc-one h5{font-weight:bold;color:#3160A5;font-size:12px;}
.auc-time{font-weight:normal;font-size:8px;}
.auc-bid{color:#d30f5f;width:72%;border:1px solid #DFDFDF;padding:5px;}    
.auc-bid2{color:#d30f5f;width:75%;border:1px solid #DFDFDF;padding:5px;margin-right: 25px;}        
 
/* Blog */    
.btn-category{width: 32%; margin-bottom: 10px;font-size: 15px;}    
.blog-big{width:95%;margin:0px 10px 10px 0;padding: 0;}     
.blog-big .card-title{line-height:30px;font-size: 18px;}    
.blog-big .card-img-top{width: 100%;height: auto}    

.display-blog{display: none;}
    
.blog-descc{ line-height:30px;font-size:19px;}
.blogtitle{font-weight:bold;font-size: 25px;margin:20px 20px 0 0;}
.colum2{width:99%;float:right;margin-left: 10px;}  
.blog{border-radius:0px;height:auto;}
.blogimg{border-radius:0px;width: 100%; height:auto;}
small{margin-bottom: 10px}
    
.card-blogpost .card-img{width:100%;height:400px;}       
.card-blogpost .text-muted{margin-left:15px;}    
.title-blogpost{font-size: 20px;font-weight: bold; line-height: 32px;padding-bottom: 10px;}
.content-blogpost{padding:20px;font-size: 17px;line-height: 30px;} 
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;font-size: 18px;}
.pages-card .card-title{font-size: 18px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0C65BF;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  
    

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-left: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:98%;margin:0 5px 10px 0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0C65BF;} 

/* Messages */

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  

}
@media screen and (min-width: 650px) and (max-width: 799px){
/* Matlob */
.req-emp{width:49%;margin:0 0 15px 5px;}
.req-emp .contentli{height:125px;} 
.req-emp .card-footer a{width:99%;margin:2px 0;}
.rq1{width:99%;margin-bottom:15px;margin-left:0px;}    
.rq2{width:99%;margin-bottom:15px;} 
    
.banners{max-width: 650px;}
.banners a img{max-width: 650px;}
    
.prof-card{margin: 2px;width:24.3%;margin-bottom: 10px;} 
.prof-card .card-title{font-size: 15px;}
/* Office New Card */
.rsofficeCard{width: 47%;margin:5px;}
    
/* Subs Cars */
.sub-card{margin: 2px;width:32%;height: 120px}
.sub-card .sub{font-size: 15px;}
    
.aq-square{width: auto;float: none;margin: 0;height: auto;}   
.aq-info{padding:10px;}
.aqar-tbl{margin-bottom:-10px;}
.aqar-tbl tbody tr th{
    color:#0C6FC6;font-weight: bold;font-size:15px;
    padding:5px;
}     
.aqar-tbl tbody tr td{color:#212529;font-weight: bold;padding:5px;}
    
/* Companies */
.CompCard{width: 100%;margin-left: 10px;height: auto;padding:5px;} 
.CompCard .compImgp{width: 55%;}
.comp-img{width:100%;}
.CompCard .compInfop{width: 45%;}
.CompCard .card-title{font-size: 17px;}
.CompCard .repair-ico{font-size: 15px; line-height: 20px;}
.CompCard .repair-ico span{font-size: 15px;}
.CompCard i{font-size: 12px;}   
    
/* New Aqar */
.aqarCard{width:100%;} 
.aqarCard .aqImg{width:100%;height: 170px;object-fit: cover;}
.aqarCard .Fpart{width:30%;} 
.aqarCard .media-body{padding:10px;width:70%;} 
.heartIco i{font-size: 15px;}
.aqarCard .aqTitle{font-size:15px;}
.aqarCard .aqAdresse{font-size:12px;}
.aqarCard .aqAdresse i{font-size: 12px;}
.aqarCard .aqIco{font-size: 12px;}
.aqarCard .aqButton .aqcall{width:49%;font-size: 12px;}    
    
/* Auto Service */
.card-serviceauto{margin:10px;width:30%;min-height:auto;}    
.card-serviceauto a img{width:99%;height:150px;}    
    
#myCarousel .carousel-item img{width: 100%; height: 300px;}     
.ribbonplus{font-size: 14px;}       
.ribbonplus i{display: none;}       
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
          
/* Index */
.txt01{font-size:29px;margin-top: 40px;}
.txt02{font-size:14px;font-weight: bold; width: 80%}
.background {height: 270px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:23px;}

.formsrch{padding-top: 10px;}    
.formsrch .colum{width:25%;float:right;margin-left: 0px;padding: 5px;}    
.formsrch .colum select{height: 40px;}    
.formsrch button{height: 40px;width:100%;} 
.btnsearch{float:left;height: 40px;width:100%;padding: 5px;} 
    
.icons-home{margin-right: 10px;}
.icons-home .ico{float: right;margin: 5px;width:23%;}
.icons-home .ico .numbertxt{font-size:15px;}      
    
.fea-cars{width:99%;}     
.car-card{width: 99%;height: 330px;}
.car-card .card-img-top{width:100%;height: 200px;}
.car-card .car-icon{width:23%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon img{width: 50px;margin-top: 0px;padding-top: 10px;}
    
/* Footer */      
.bgfooter{height: 260px;}
.footer-right{float: none;clear: both; width:100%;text-align:center;margin: 10px 0 10px 0;} 
.footer-right a{float: none;clear: both;text-align:center;} 
.footer-left{float: none;clear: both;width:100%;text-align:center;padding:0px;} 
.social{float: none;clear: both;margin: 10px 0 10px 0;text-align:center;}
.social a img{width: 32px;margin-top: 10px;}
.footer-link{float: none;clear: both;}   
.card-link{padding: 0px 15px 0 0;padding: 10px;}    
/* Footer */ 
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;

}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
    
/* Cars Page */
.car-title{font-size: 20px;}   
.car-prix{font-size: 30px;} 
 
.car-tab{width:99%;}   
.car-tbl{float: none; width:99%;margin: 5px;} 
.car-tajhizat{float: right;width: 48%;margin: 2px;}    
    
.car-advertiser-info{font-size:20px;}    
.car-advertiser{font-size:20px;} 
.car-viptxt{font-size:23px;}   
.car-alerttxt{font-size:15px;}     
.car-alerttxt:hover{font-size:15px;}   
/* Cars Page */   
    
/* Create */
form .form-group select{border-radius: 0px;}
form .form-group input{border-radius: 0px;padding: 10px;}
.CreateCard{width: 99%;margin: auto;} 
.CreateCol1{width: 99%;margin-left: 0px;}    
.CreateCol2{width: 99%;}    
.CreateCadre{background:#FAFAFA;color:#231E1C;width: 120px;font-family: 'Changa', sans-serif;font-weight: 500;}    
.input-group-text{text-align: center;}    
.Tajhizat{width: 48%;font-size:15px;margin: 0 0 15px 5px;}     
.form-check{margin: 2px;} 
.CreateTitle{font-weight:bold;color:#db5c0d;font-size:17px;}  

.color-picker{
  width: 80%;
  height: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding:5px;
  margin-bottom: 15px;    
}
.imgwd{width:93px;height:80px;}
    
/* New + Used Cars */   
.CT1{font-size: 20px;}
.desc-textpg{line-height:25px;font-size: 13px;}   
.showRight{width: 100%;float: none;clear: both;padding:0 5px 0 0;} 
.showLeft{width: 99%;float: none;clear: both;display: none;} 
.CC3{font-size: 23px;font-weight:bold;color: #db5c0d;}    
    
.CarCard{width: 48%;float: right;margin: 5px;height:auto;}    
.CarCard .card-img{height: 150px;}   
.CarCard .CC2{font-size: 15px;line-height: 25px; font-weight:bold;color: #1b1c1b;margin-top: -10px;}      
.CarCard .Prix{margin: 10px 0 5px 0;}  
.CarCard button{width: 80px;font-size: 12px;margin: 10px 0 10px 0;}  
.CarCard .ico-car{padding: 2px; height: 30px;margin-left:5px;font-size: 13px;}   
    
/* Showroom + Agencies */
.RightShowroom{float:right;width:48%;margin:0 0 20px 10px;}
.LeftShowrom{float:right;text-align: center;width:50%;margin-top:0px;}     
.LeftShowrom img{width:200px;}      
.Tag{font-weight: bold;margin-left: 5px;color: #143789;font-size: 12px;margin-bottom: 10px;} 
.showroomsCard{width: 100%;height: auto;margin:0 0 20px 0;float: none;clear: both;}    
.showroomsCard .CT2{font-size: 14px;font-weight:bold;color: #1c263d;}  
.showroomsCard .ImgPart{width: 25%;padding:10px 5px;}
.showroomsCard .ContentPart{width: 75%;}
.showroomsCard .ContentPart .card-body{padding:10px;font-size: 12px;}
.card-img2{width: 100%;max-height: auto;}  
.card-img-agency{width: 100%;max-height: auto;}       
/* Anegncy */    
.Foro3{width: 48%;margin: 0 0 10px 10px;}
.Foro3 a{margin-top:10px;}
.Foro3 .card-title{font-weight: bold;}

/* Showroom */
.grid .col2.first {float: none;clear: both;}
.grid .col2.last {float: none;clear: both;}
.grid .col3 {
	width: 33%;
	float: right;
	margin-left: 2px;
}
.grid .col3.first {
	margin-right: 0;
	float: right;
}
.grid .col3.last {
	margin-right: 0;
	float: right;
}
.grid .col3 .btn{font-size: 15px;}    
.grid .col3 .btn i{font-size: 15px;}    
.grid .col3 .fa-phone-volume{display: none;}    

.row2tab li {width: 50%;text-align: left;}
.section1 .col2.first {text-align: center;}
.section1 .col2.first img {display: inline-block;float: none;}
.section1 .col2.first span {position: relative;right: 0;}
.section1 .col2.last {margin-top:25px;}    
    
/* Rent */
.rent .card{float: right; width: 99%;margin: 5px;border: none;height:230px;border: 1px solid #b7b5b5;}
.rent .card-title{line-height: 35px;}
.rent-img{width:99%;height:auto;margin-bottom:10px;border: 1px solid #0C65BF;}
.re-img{width:120px;height:120px;}  
.rent-col2{width: 10%;padding-top:0px;}
.rent-col6{width: 52%;padding-top:0px;}
.rent-col4{width: 30%;padding-top:0px;}
.Inforent{margin-top: 10px;width:99%}
.cardrent{float: none; width: 99%;margin: 0 0 20px 0;height:auto;}

.rent-car{padding: 0px;margin: 0px;width: 99%; }  
.rent-car .section-card .crdbody{font-size:12px;}  
.rent-car .section-card .card-title{font-size:14px;} 
   
.rent-title{font-size: 18px;}    
.rent-desc{margin-top:20px;line-height:25px;} 
.rent-info{font-weight:bold;padding-bottom: 10px;font-size: 13px;}    
.rent-info i{font-size:12px;color:#db5c0d;}    
.rent-infotext{line-height:35px;font-weight:700;font-size: 14px;} 
.form-rent-req{width:99%;margin:auto;font-weight:bold;font-size: 15px;}
    
/* Car Number */
.cardnumber{width: 48%;margin-left: 5px;margin-bottom:40px;}    
    
/* Auto Repair */
.cardrepair{width: 48%;margin-left: 10px;height: auto;}
.cardrepair .col-md-2{width: 30%;}
.cardrepair .col-md-10{width: 70%;}
.repair-img{max-width: 150px;}
.cardrepair .card-title{font-size: 17px;}
.cardrepair .repair-ico span{font-size: 12px;}
 
/* Barnds */    
.brands-page{margin: 5px;width: 31%;}      
.brands-page h5{margin-top: 15px;color:#0C65BF;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 30%;} 
.brand-col6{width: 70%;padding:20px 0 20px 0;}     

/* Forum */
.forum-textright{width:70%;float: right;}
.forum-img{width:25%;float: right;}
.forum-img img{width:100%;}

.Forumcat{width:32%;margin: 2px;}
.Forumcat .card-title{font-size: 15px;}
/* Forum */
    
/* Topic */
.TopicRight{width: 35%;margin-left: 5px;margin-top: 10px;}
.TopicLeft{width: 58%;margin-top: 10px;}       
.TopicLeft img{width: 50%;}   
 
.bidbtn{}
.auc-one{width:25%;}
.auc-one img{width:22px;}    
.auc-one h5{font-weight:bold;color:#3160A5;font-size:15px;}
.auc-time{font-weight:normal;font-size:12px;}
.auc-bid{color:#d30f5f;width:72%;border:1px solid #DFDFDF;padding:5px;}    
.auc-bid2{color:#d30f5f;width:75%;border:1px solid #DFDFDF;padding:5px;margin-right: 25px;}    
    
/* Blog */    
.btn-category{width: 32%;margin-top: 20px;font-size: 15px;} 
.display-blog{display: none;}
.display-blogcategory{display: none;}
    
.blog-big{width:48%;margin:auto;padding: 0;}     
.blog-big .card-title{line-height:30px;font-size: 18px;}    
.blog-big .card-img-top{width: 100%;height: 130px}   
    
.blog-descc{ line-height:30px;font-size:19px;}
.blogtitle{font-weight:bold;font-size: 25px;margin:20px 20px 0 0;}
.colum2{width:99%;float:right;margin-left: 10px;}  
.blog{border-radius:0px;height:auto;}
.blogimg{border-radius:0px;width: 100%; height:auto;}
small{margin-bottom: 10px}
    
.card-blogpost .card-img{width:100%;height:400px;}       
.card-blogpost .text-muted{margin-left:15px;}    
.title-blogpost{font-size: 20px;font-weight: bold; line-height: 32px;padding-bottom: 10px;}
.content-blogpost{padding:20px;font-size: 17px;line-height: 30px;} 
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:24%;}
.pages-card i{color:#384256;font-size: 18px;}
.pages-card .card-title{font-size: 18px;}
.contact-card{width:48%;margin:0 10px 10px 0;float: right;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Profile */
.profileLeft{width: 68%;margin-top: 0px;}
.profileRight{width: 30%;margin-left: 5px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: none;}    
    
.pcard-stats{width:32%;margin:0 5px 10px 0px;float: right;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0C65BF;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 20px 20px 3px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {

	content: "";

	opacity: 0.06;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;   

	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}


.btn-form{margin:0 10px 10px 0;}    
    
}
@media screen and (min-width: 800px) and (max-width: 1000px){
/* Matlob */
.req-emp{width:49%;margin:0 0 15px 5px;}
.req-emp .contentli{height:125px;} 
.req-emp .card-footer a{width:99%;margin:2px 0;}
.rq1{width:63%;margin-bottom:15px;margin-left:10px;}    
.rq2{width:35%;margin-bottom:15px;} 
    
.banners{max-width: 800px;}
.banners a img{max-width: 800px;}
    
.prof-card{margin: 2px;width:24.4%;margin-bottom: 10px;} 
.prof-card .card-title{font-size: 15px;}
.btn-profl{width: 99%;margin: 4px;} 
    
/* Office New Card */
.rsofficeCard{width: 47%;margin:5px;}
    
/* Subs Cars */
.sub-card{margin: 2px;width:32%;height: 120px}
.sub-card .sub{font-size: 15px;}
    
.aq-square{width: auto;float: none;margin: 0;height: auto;}    
.aq-info{padding:10px;}
.aqar-tbl{margin-bottom:-10px;}
.aqar-tbl tbody tr th{
    color:#0C6FC6;font-weight: bold;font-size:15px;
    padding:5px;
}     
.aqar-tbl tbody tr td{color:#212529;font-weight: bold;padding:5px;}
    
/* Companies */
.CompCard{width: 100%;margin-left: 10px;height: auto;padding:5px;} 
.CompCard .compImgp{width: 60%;}
.comp-img{width:100%;}
.CompCard .compInfop{width: 40%;}
.CompCard .card-title{font-size: 17px;}
.CompCard .repair-ico{font-size: 15px; line-height: 20px;}
.CompCard .repair-ico span{font-size: 15px;}
.CompCard i{font-size: 12px;} 
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
          
/* Index */
.txt01{font-size:29px;margin-top: 40px;}
.txt02{font-size:14px;font-weight: bold; width: 80%}
.background {height: 270px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
  width:100%;
}
/* New Aqar */
.aqarCard{width:100%;} 
.aqarCard .aqImg{width:100%;height: 170px;object-fit: cover;}
.aqarCard .Fpart{width:30%;} 
.aqarCard .media-body{padding:10px;width:70%;} 
.heartIco i{font-size: 15px;}
.aqarCard .aqTitle{font-size:15px;}
.aqarCard .aqAdresse{font-size:12px;}
.aqarCard .aqAdresse i{font-size: 12px;}
.aqarCard .aqIco{font-size: 12px;}
.aqarCard .aqButton .aqcall{width:49%;font-size: 12px;}    
    
.home-title{padding:10px;font-size:23px;}

.formsrch{padding-top: 10px;}    
.formsrch .colum{width:25%;float:right;margin-left: 0px;padding: 5px;}    
.formsrch .colum select{height: 40px;}    
.formsrch button{height: 40px;width:100%;} 
.btnsearch{float:left;height: 40px;width:100%;padding: 5px;} 
    
.icons-home{margin-right: 10px;}
.icons-home .ico{float: right;margin: 5px;width:23%;}
.icons-home .ico .numbertxt{font-size:15px;}      
    
.fea-cars{width:99%;}     
.car-card{width: 99%;height: 330px;}
.car-card .card-img-top{width:100%;height: 200px;}
.car-card .car-icon{width:23%;height:60px;float:right;margin:2px;padding-top: 5px;}
.car-card .car-icon img{width: 50px;margin-top: 0px;padding-top: 10px;}
    
/* Footer */      
.bgfooter{height: 250px;}
.footer-right{float: none;clear: both; width:100%;text-align:center;margin: 10px 0 10px 0;} 
.footer-right a{float: none;clear: both;text-align:center;} 
.footer-left{float: none;clear: both;width:100%;text-align:center;padding:0px;} 
.social{float: none;clear: both;margin: 10px 0 10px 0;text-align:center;}
.social a img{width: 32px;margin-top: 10px;}
.footer-link{float: none;clear: both;}   
.card-link{padding: 0px 15px 0 0;padding: 10px;}    
/* Footer */  
    
/* Cars Page */
.car-title{font-size: 20px;}   
.car-prix{font-size: 30px;} 
 
.car-tab{width:99%;}   
.car-tbl{float: none; width:99%;margin: 5px;} 
.car-tajhizat{float: right;width: 48%;margin: 2px;}    
    
.car-advertiser-info{font-size:20px;}    
.car-advertiser{font-size:20px;} 
.car-viptxt{font-size:23px;}   
.car-alerttxt{font-size:15px;}     
.car-alerttxt:hover{font-size:15px;}   
/* Cars Page */   
    
/* Create */
form .form-group select{border-radius: 0px;}
form .form-group input{border-radius: 0px;padding: 10px;}
.CreateCard{width: 99%;margin: auto;} 
.CreateCol1{width: 49%;margin-left: 10px;}    
.CreateCol2{width: 49%;}    
.CreateCadre{background:#FAFAFA;color:#231E1C;width: 120px;font-family: 'Changa', sans-serif;font-weight: 500;}    
.input-group-text{text-align: center;}    
.Tajhizat{width: 32%;font-size:15px;margin: 0 0 15px 5px;}     
.form-check{margin: 2px;} 
.CreateTitle{font-weight:bold;color:#db5c0d;font-size:17px;}  

.color-picker{
  width: 60%;
  height: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfe2e5;
  padding:5px;
  margin-bottom: 15px;    
}
.imgwd{width:93px;height:80px;}
    
/* New + Used Cars */   
.CT1{font-size: 20px;}
.desc-textpg{line-height:25px;font-size: 13px;}   
.showRight{width: 65%;float: right;padding:0 5px 0 0;} 
.showLeft{width: 35%;float: right;margin-top: 0px; display: block;} 
.CC3{font-size: 23px;font-weight:bold;color: #db5c0d;}    
    
.CarCard{width: 100%;float: right;margin: 5px;height:auto;}    
.CarCard .card-img{height: 150px;}   
.CarCard .CC2{font-size: 15px;line-height: 25px; font-weight:bold;color: #1b1c1b;margin-top: -10px;}      
.CarCard .Prix{margin: 10px 0 5px 0;}  
.CarCard button{width: 80px;font-size: 12px;margin: 10px 0 10px 0;}  
.CarCard .ico-car{padding: 2px; height: 30px;margin-left:5px;font-size: 13px;}   
    
/* Showroom + Agencies */
.RightShowroom{float:right;width:48%;margin:0 0 20px 10px;}
.LeftShowrom{float:right;text-align: center;width:50%;margin-top:0px;}        
.LeftShowrom img{width:200px;}      
.Tag{font-weight: bold;margin-left: 5px;color: #143789;font-size: 12px;margin-bottom: 10px;} 
.showroomsCard{width: 100%;height: auto;margin:0 0 20px 0;float: none;clear: both;}    
.showroomsCard .CT2{font-size: 14px;font-weight:bold;color: #1c263d;}  
.showroomsCard .ImgPart{width: 25%;padding:10px 5px;}
.showroomsCard .ContentPart{width: 75%;}
.showroomsCard .ContentPart .card-body{padding:10px;font-size: 12px;}
.card-img2{width: 100%;max-height: auto;}  
.card-img-agency{width: 100%;max-height: auto;}       
/* Anegncy */    
.Foro3{width: 32%;margin: 0 0 10px 10px;}
.Foro3 a{margin-top:10px;}
.Foro3 .card-title{font-weight: bold;}

/* Rent */
.rent .card{float: right; width: 99%;margin: 5px;border: none;height:230px;border: 1px solid #b7b5b5;}
.rent .card-title{line-height: 35px;}
.rent-img{width:99%;height:auto;margin-bottom:10px;border: 1px solid #0C65BF;}
.re-img{width:120px;height:120px;}  
.rent-col2{width: 10%;padding-top:0px;}
.rent-col6{width: 52%;padding-top:0px;}
.rent-col4{width: 30%;padding-top:0px;}
.Inforent{margin-top: 10px;width:99%}
.cardrent{float: none; width: 99%;margin: 0 0 20px 0;height:auto;}

.rent-car{padding: 0px;margin: 0px;width: 99%; }  
.rent-car .section-card .crdbody{font-size:12px;}  
.rent-car .section-card .card-title{font-size:14px;} 
   
.rent-title{font-size: 18px;}    
.rent-desc{margin-top:20px;line-height:25px;} 
.rent-info{font-weight:bold;padding-bottom: 10px;font-size: 13px;}    
.rent-info i{font-size:12px;color:#db5c0d;}    
.rent-infotext{line-height:35px;font-weight:700;font-size: 14px;} 
.form-rent-req{width:99%;margin:auto;font-weight:bold;font-size: 15px;}
    
/* Car Number */
.cardnumber{width: 32%;margin-left: 5px;margin-bottom:40px;}    
    
/* Auto Repair */
.cardrepair{width: 48%;margin-left: 10px;height: auto;}
.cardrepair .col-md-3{display: none;}
.cardrepair .col-md-9{width: 99%;}
.repair-img{max-width: 80px;}
.cardrepair .card-title{font-size: 17px;}
.cardrepair .repair-ico span{font-size: 12px;}    
   
/* Barnds */    
.brands-page{margin: 5px;width: 31%;}      
.brands-page h5{margin-top: 15px;color:#0C65BF;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 30%;} 
.brand-col6{width: 70%;padding:20px 0 20px 0;}     

/* Forum */
.forum-textright{width:70%;float: right;}
.forum-img{width:25%;float: right;}
.forum-img img{width:100%;}

.Forumcat{width:32%;margin: 2px;}
.Forumcat .card-title{font-size: 15px;}
/* Forum */
    
/* Topic */
.TopicRight{width: 50%;margin-left: 5px;margin-top: 10px;}
.TopicLeft{width: 48%;margin-top: 10px;}       
.TopicLeft img{width: 50%;}   
 
.bidbtn{}
.auc-one{width:20%;}
.auc-one img{width:22px;}    
.auc-one h5{font-weight:bold;color:#3160A5;font-size:15px;}
.auc-time{font-weight:normal;font-size:12px;}
.auc-bid{color:#d30f5f;width:72%;border:1px solid #DFDFDF;padding:5px;}    
.auc-bid2{color:#d30f5f;width:75%;border:1px solid #DFDFDF;padding:5px;margin-right: 25px;} 
 
/* Blog */    
.btn-category{width: 32%;margin-top: 20px;font-size: 15px;} 
.display-blog{display: none;}
.display-blogcategory{display: none;}
    
.blog-big{width:48%;margin:auto;padding: 0;}     
.blog-big .card-title{line-height:30px;font-size: 18px;}    
.blog-big .card-img-top{width: 100%;height: 130px}   
    
.blog-descc{ line-height:30px;font-size:19px;}
.blogtitle{font-weight:bold;font-size: 25px;margin:20px 20px 0 0;}
.colum2{width:99%;float:right;margin-left: 10px;}  
.blog{border-radius:0px;height:auto;}
.blogimg{border-radius:0px;width: 100%; height:auto;}
small{margin-bottom: 10px}
    
.card-blogpost .card-img{width:100%;height:400px;}       
.card-blogpost .text-muted{margin-left:15px;}    
.title-blogpost{font-size: 20px;font-weight: bold; line-height: 32px;padding-bottom: 10px;}
.content-blogpost{padding:20px;font-size: 17px;line-height: 30px;} 
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:24%;}
.pages-card i{color:#384256;font-size: 18px;}
.pages-card .card-title{font-size: 18px;}
.contact-card{width:48%;margin:0 10px 10px 0;float: right;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Profile */
.profileLeft{width: 68%;margin-top: 0px;}
.profileRight{width: 30%;margin-left: 5px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: none;}    
    
.pcard-stats{width:32%;margin:0 5px 10px 0px;float: right;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0C65BF;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 20px 20px 3px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {

	content: "";

	opacity: 0.06;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;   

	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}


.btn-form{margin:0 10px 10px 0;}    
    
}

/* Class */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}   
@media only screen and (max-width: 1060px) {
.section1 .col2 {
    width: 100%;
    border-right:0 !important;
    padding: 0;
}
.footer-leftSale{float: left;width: auto;padding-top:0px;} 
}
@media only screen and (max-width: 660px) {
	.row2tab li {
		width: 50%;
		text-align: left;
	}
	.section1 .col2.first {
		text-align: center;
	}
	.section1 .col2.first img {
		display: inline-block;
		float: none;
	}
	.section1 .col2.first span {
		position: relative;
		right: 0;
	}
  .section1 .col2.last {
    margin-top:25px;
  }
}
@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}


/* NEW UPDATE */
/* Head */
.alignleft {
    float: right;
    text-align:left;
    width:30%;
       padding:10px 15px;
}
.aligncenter {
    float: right;
    text-align:center;
    width:55%;
    padding:10px 15px;
}
.alignright {
    float: right;
    text-align:right;
    width:15%;
    padding:15px;
} 
.bt-search{background: #eaeaea;border-color: #eaeaea;padding: 25px;border-bottom-right-radius: 10px;border-top-right-radius:10px;}    
.bt-search:focus{border-color: #eaeaea;box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(255, 0, 0, 0.6);}    
.bt-icon{}  
.bt-search::-moz-placeholder {
  color: #3a3b3d;
}
.bt-search:-ms-input-placeholder {
  color: #3a3b3d;
}
.bt-search::placeholder {
  color: #3a3b3d;
}
.bt-search:hover, .bt-search:focus, .bt-search:active {
  background: #eaeaea;
  color: #3a3b3d;
}    
.bt-icon{background: #eaeaea;border-color:#eaeaea;border-bottom-left-radius: 10px;border-top-left-radius:10px;}
.bt-icon i{color:#aaaaaa;}

.btn-pl{width: 49%;padding: 12px;margin-left: 5px;border-radius: 10px;}
.btn-pl:last-child{margin-left: 0px;}

.head-links{padding: 6px;}
.head-links a{font-size: 15px; color: #bfbdbd;margin-left: 20px;}
.head-links i{font-size: 12px;}

.head-links2{padding: 7px;}
.head-links2 a{color: #bfbdbd;margin-right: 20px;}
.head-links2 i{font-size: 12px;}

.bopl{background:#1F8C7E;border-color:#1F8C7E;}

/* Head */
.slidHeader{width: 100%;margin-top: 10px;margin-bottom: 20px; border-radius: 25px;}
.carousel-item{border-radius: 25px;}
.carousel-item img{width: 100%;height:350px;border-radius: 25px;}

.category-homep{background:#ffffff;border-color:#ffffff;} 
.category-homep .card-body{padding:18px;} 
.category-homep .category-h-right{width:20%;padding-top:5px;} 
.category-homep .category-h-right i{color:#2c3e50;font-size:25px;} 
.category-homep .category-h-left{width:80%;padding-right:10px;} 
.category-homep .category-h-left .cate-name{font-size:14px;font-weight:bold;color:#2c3e50;} 
.category-homep .category-h-left small{font-size:12px;font-weight:bold;color:#2c3e50;}

.productBox{width: 19.3%;border-radius:25px;margin-bottom: 20px;margin-left: 9px;}
.productBox:last-child{margin-left: 0px;}

.productBox-pages{width: 19.2%;}

.productBox .card-img-top{height:200px;border-top-left-radius:25px;border-top-right-radius:25px;}
.productBox .card-title{line-height:25px;margin-bottom: 5px;height: 50px}
.productBox .card-title a{font-weight:bold;font-size:15px;color:#2c3e50;}
.productBox .card-body{padding: 15px;}
.productBox small{color:#aaaaaa;font-weight: bold;font-size: 11px;}

.productBox .rightPrice{font-weight:bold;color:#93329E;font-size:19px;margin-top:17px;}
.productBox .leftPrice{color:#bdc3c7;margin-top:14px;}
.productBox .leftPrice i{margin-top:10px;font-size: 12px;}
.productBox .bt-visit{margin-top:12px;border-color:#2c3e50;color:#2c3e50;}
.productBox .bt-visit:hover{background: #2c3e50; border-color:#2c3e50;color:white;}

.card-title-home{padding-top:5px;padding-bottom: 12px;}
.card-title-home a{font-weight: bold;font-size: 25px;color:#2c3e50;}
.card-title-home i{font-size: 20px;color:#686868;}

.showmore-home{padding-top:8px;}
.showmore-home a{font-size:15px;color:#686868;font-weight:bold;}

.vip-card-first{margin: 20px 0;}
.card-vip{width: 24.4%;height:100px;margin-left:5px;border-color:white;}
.vip-img-part{width:40%;padding:5px;}
.vip-img-part img{width:100%;height:88px;border-radius:20px;}
.vip-info-part{width:60%;}
.vip-info-part .card-body{padding:5px 10px 5px 2px;}
.vip-info-part .card-title a{font-weight:bold;font-size:15px;line-height:23px;color:#494949;}
.vip-info-part .card-title a:hover{color:#2F3542;}
.vip-info-part .vip-price-rate{font-weight:bold;color:#93329E;font-size:15px;margin-top:5px;}
.vip-info-part .badgee{padding:5px;font-size:13px;border-radius:25px;}
.vip-info-part .vip-star{color:#ed853b;margin-top:5px;font-size: 12px;}

/* NEW UPDATE PAGE PROD */
.btn-youtube{margin-top:5px;font-size:12px;font-weight:bold;color:white;padding:2px 5px;}    
.btn-youtube .ico-yt{width:18px;}
.yt-iframe iframe{width:100%;height:615px;} 

.prod-page-first .card-body{padding: 25px;}
.ul-info-product {
  margin-top: -5px;
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.ul-info-product li {
  padding: 8px;
}
.ul-info-product li:first-child {
  padding-right: 0px;
}
.custom-border {
  position: relative;

}
.custom-border:after {
  content: " ";
  position: absolute;
  border-left: 1px #c1c1c1 solid;
  top: 35%;
  left: 0;
  height: 30%;
  margin-top: 1px;
  margin-bottom: auto;
}

.info-data-products .data-right{width:25%;font-weight:bold;font-size:14px;color:#7f7f7f;margin-bottom: 8px;}
.info-data-products .data-left{width:75%;font-weight:bold;font-size:14px;color:#636363;margin-bottom: 8px;}

.btn-info-prod{padding:10px;font-size:14px;border-radius:10px;font-weight: bold;}
.btn-info-prod2{padding:10px;font-size:14px;border-radius:10px;font-weight: bold;margin-left: 5px;}
.btn-info-prod3{width:49%;padding:15px;font-size:14px;border-radius:10px;font-weight: bold;margin-left: 5px;margin-bottom: 10px;}

.pod-title{font-weight:bold;font-size:24px;margin-top:5px;}
.pod-stars{direction:rtl;font-size:13px;color:#aaaaaa;}
.pod-rate{font-weight:bold;font-size:15px;color:#ED853B;margin-left:5px;}
.pod-view{font-weight:bold;color:#2f3542;margin-top: -2px;}
.pod-view i{font-size:12px;}
.pod-view span{color:#aaaaaa;font-size:12px;}
.pod-date{font-weight:bold;color:#aaaaaa;border:none;margin-top: -2px;}
.pod-date i{font-size:12px;}
.pod-date span{font-size:14px;}

.pod-fav{width:60%;}
.pod-price{width:40%;}
.pod-price h3{font-weight:bold;color:#1f8c7e;font-size:32px;}
.pod-price span{color:#aaaaaa;font-size:19px;}

.pod-content{font-weight:bold;font-size:15px;color:#7f7f7f;margin-bottom:30px;line-height:30px;}

.dynamic-wrap {
  transition: max-height 0.25s ease-in-out;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.height-active .dynamic-wrap:before{
    content:'';
    position:absolute;
    left: 0px;
    right:0;
    bottom:0;
    height:35px;
    background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
    z-index:1;
  }
.dynamic-max-height.height-active .dynamic-show-more {
  display: inline-block;
}
.dynamic-max-height .dynamic-show-more {
  display: none;
  margin-top: 0px;
  margin-bottom: 30px;
}

.likecar{font-weight:bold;font-size:22px;color:#2f3542;padding:0 5px 25px 0;margin: 5px 0;}

.prod-review-part{margin-top:10px;}
.reviewRight{width:30%;}
.reviewRight .ratesquare{width:99%;margin-left:40px;}
/* .reviewRight .reviewlists{width:62%;} */
.reviewLeft{width:70%;}

.btn-grey{
background-color:#D8D8D8;
color:#FFF;
}
.rating-block{
background-color:#FAFAFA;
border:1px solid #EFEFEF;
padding:15px 15px 20px 15px;
border-radius:3px;
}
.bold{
font-weight:700;
}
.padding-bottom-7{
padding-bottom:7px;
}

.review-block{
background-color:#FAFAFA;
border:1px solid #EFEFEF;
padding:15px;
border-radius:3px;
margin-bottom:15px;
}
.review-block-name{
font-size:13px;
margin:5px 0;
font-weight: bold;
color:#0062CC;
}
.review-block-date{
font-size:12px;
}
.review-block-rate{
font-size:13px;
margin-bottom:15px;
}
.review-block-title{
font-size:15px;
font-weight:700;
margin-bottom:10px;
}
.review-block-description{
font-size:15px;
line-height: 30px;
}

/* rev 2 */
.card2 {
width: 100%;
border-radius: 5px;
background-color: #fff;
padding-left: 30px;
padding-bottom: 30px;
}
.rating-box {
width: 100%;
height: 130px;
background-color: #2E3441;
color: #fff;
}

.card2 td {
padding-bottom: 10px;
}
.star-active {
color: #E0A800;
margin-top: 10px;
margin-bottom: 10px;
}
.star-active:hover {
color: #F9A825;
cursor: pointer;
}
.star-inactive {
color: #CFD8DC;
margin-top: 10px;
margin-bottom: 10px;
}

.rate {
    float: right;
    margin-top: -10px;
    margin-bottom: 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:left;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:38px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
/* NEW UPDATE */

@media screen and (min-width: 200px) and (max-width: 429px){
.btn-info-prod3{width:99%;}    

/* Head */
.slidHeader{width: 99%;margin-bottom: 15px;border-radius: 20px;}
.carousel-item{border-radius: 20px;}
.carousel-item img{border-radius: 20px;height:auto;}
 
.category-homep{margin-bottom: 15px;}
.category-homep .card-body{padding:6px;} 
.category-homep .category-h-right{width:10%;} 
.category-homep .category-h-right i{font-size:20px;} 
.category-homep .category-h-left{width:89%;padding-right:10px;} 
.category-homep .category-h-left .cate-name{font-size:12px;} 
.category-homep .category-h-left small{font-size:12px;}
    
.card-title-home{padding-top:5px;padding-bottom: 12px;}
.card-title-home a{font-weight: bold;font-size: 19px;color:#2c3e50;}
.card-title-home i{font-size: 15px;color:#686868;}
    
.vip-card-first{margin: 20px 0;}
.vip-card-first .card-title-home{padding-top: 5px;padding-right: 10px;}
.vip-card-first .card-body{padding-top: 5px;padding-right: 10px;}
.card-vip{width: 99%;height:100px;margin-left:0px;}
.vip-img-part{width:25%;padding:5px;}
.vip-img-part img{width:100%;height:68px;border-radius:20px;}
.vip-info-part{width:75%;}
    
.productBox{width: 99%;}
.productBox-pages{width: 99%;}
.productBox .card-title{line-height:25px;margin-bottom: 5px;height: 50px}
    
.showmore-home{padding-top:8px;}
.showmore-home a{font-size:12px;}
    
.card-prod-first .card-body{padding-top: 12px;}
.card-prod-first .card-title-home{margin-top: -6px;}

.LeftShowrom{text-align: right;padding: 10px;}
.prod-page-first .card-body{padding: 10px;}
.pod-title{font-size:22px;margin-bottom: 15px;line-height: 30px}
.pod-stars{font-size:11px;}
.pod-rate{font-size:11px;margin-left:5px;}
.pod-view {margin-top: -5px;}
.pod-view i{font-size:12px;}
.pod-view span{font-size:10px;display: none;}
.pod-date{margin-top: -5px;}
.pod-date i{font-size:12px;}
.pod-date span{font-size:10px;}

.pod-fav{width:60%;}
.pod-price{width:40%;}
.pod-price h3{font-size:28px;}
.pod-price span{font-size:15px;}

.pod-content{font-size:14px;}
.info-data-products .data-right{width:45%;font-size:12px;margin-bottom: 8px;}
.info-data-products .data-left{width:55%;font-size:12px;margin-bottom: 8px;}
    
.btn-info-prod{padding:10px;font-size:12px;border-radius:10px;width: 98%;}
.btn-info-prod2{margin-bottom: 10px;width: 48%;font-size:12px;}

.likecar{font-size:19px;padding:0 5px 25px 0;}
.yt-iframe iframe{width:100%;height:215px;} 
    
.card2 {width: 100%;padding-left: 0px;}
.prod-review-part{margin-top:5px;}
.reviewRight{width:100%;}
.reviewRight .ratesquare{width:100%;margin-left:0px;margin-bottom: 20px;}
.reviewLeft{width:100%;margin-top: 10px;text-align: center;}
.btn-rev{width: 100%;}
    
}
@media screen and (min-width: 430px) and (max-width: 499px){
.btn-info-prod3{width:99%;} 
    
/* Head */
.slidHeader{width: 99%;margin-bottom: 15px;border-radius: 20px;}
.carousel-item{border-radius: 20px;}
.carousel-item img{border-radius: 20px;height:auto;}
 
.category-homep{margin-bottom: 15px;}
.category-homep .card-body{padding:8px;} 
.category-homep .category-h-right{width:12%;} 
.category-homep .category-h-right i{font-size:20px;} 
.category-homep .category-h-left{width:87%;padding-right:10px;} 
.category-homep .category-h-left .cate-name{font-size:14px;} 
.category-homep .category-h-left small{font-size:13px;}
    
.card-title-home{padding-top:5px;padding-bottom: 12px;}
.card-title-home a{font-weight: bold;font-size: 19px;color:#2c3e50;}
.card-title-home i{font-size: 15px;color:#686868;}
    
.vip-card-first{margin: 20px 0;}
.vip-card-first .card-title-home{padding-top: 5px;padding-right: 10px;}
.vip-card-first .card-body{padding-top: 5px;padding-right: 10px;}
.card-vip{width: 99%;height:100px;margin-left:0px;}
.vip-img-part{width:25%;padding:5px;}
.vip-img-part img{width:100%;height:68px;border-radius:20px;}
.vip-info-part{width:75%;}
    
.productBox{width: 48.9%;margin-left: 4px;}
.productBox-pages{width: 48.9%;}
.productBox .card-title{line-height:25px;margin-bottom: 5px;height: 50px}
    
.showmore-home{padding-top:8px;}
.showmore-home a{font-size:12px;}
    
.card-prod-first .card-body{padding-top: 12px;}
.card-prod-first .card-title-home{margin-top: -6px;}

.LeftShowrom{text-align: right;padding: 10px;}
#myCarousel .carousel-item img{width: 90%; height: 250px;}
    
.prod-page-first .card-body{padding: 10px;}
.pod-title{font-size:22px;margin-bottom: 15px;line-height: 30px}
.pod-stars{font-size:11px;}
.pod-rate{font-size:11px;margin-left:5px;}
.pod-view {margin-top: -5px;}
.pod-view i{font-size:12px;}
.pod-view span{font-size:10px;}
.pod-date{margin-top: -5px;}
.pod-date i{font-size:12px;}
.pod-date span{font-size:10px;}

.pod-fav{width:60%;}
.pod-price{width:40%;}
.pod-price h3{font-size:28px;}
.pod-price span{font-size:15px;}

.pod-content{font-size:14px;}
.info-data-products .data-right{width:45%;font-size:12px;margin-bottom: 8px;}
.info-data-products .data-left{width:55%;font-size:12px;margin-bottom: 8px;}
    
.btn-info-prod{padding:10px;font-size:12px;border-radius:10px;width: 98%;}
.btn-info-prod2{margin-bottom: 10px;width: 48.5%;font-size:12px;}

.likecar{font-size:19px;padding:0 5px 25px 0;}
.yt-iframe iframe{width:100%;height:215px;}    
    
.card2 {width: 100%;padding-left: 0px;}
.hotel-review-part{margin-top:5px;}
.reviewRight{width:100%;}
.reviewRight .ratesquare{width:100%;margin-left:0px;margin-bottom: 20px;}
.reviewRight .reviewlists{width:100%;}
.reviewLeft{width:100%;margin-top: 10px;text-align: center;}
.btn-rev{width: 100%;}
    
}
@media screen and (min-width: 500px) and (max-width: 649px){
.btn-info-prod3{width:48%;} 
    
/* Head */
.slidHeader{width: 99%;margin-bottom: 15px;border-radius: 20px;}
.carousel-item{border-radius: 20px;}
.carousel-item img{border-radius: 20px;height:auto;}
 
.category-homep{margin-bottom: 15px;}
.category-homep .card-body{padding:8px;} 
.category-homep .category-h-right{width:12%;} 
.category-homep .category-h-right i{font-size:20px;} 
.category-homep .category-h-left{width:87%;padding-right:10px;} 
.category-homep .category-h-left .cate-name{font-size:14px;} 
.category-homep .category-h-left small{font-size:13px;}
    
.card-title-home{padding-top:5px;padding-bottom: 12px;}
.card-title-home a{font-weight: bold;font-size: 19px;color:#2c3e50;}
.card-title-home i{font-size: 15px;color:#686868;}
    
.vip-card-first{margin: 20px 0;}
.vip-card-first .card-title-home{padding-top: 5px;padding-right: 10px;}
.vip-card-first .card-body{padding-top: 5px;padding-right: 10px;}
.card-vip{width: 99%;height:100px;margin-left:0px;}
.vip-img-part{width:25%;padding:5px;}
.vip-img-part img{width:100%;height:68px;border-radius:20px;}
.vip-info-part{width:75%;}
    
.productBox{width: 48.9%;margin-left: 4px;}
.productBox-pages{width: 48.9%;}
.productBox .card-title{line-height:25px;margin-bottom: 5px;height: 50px}
    
.showmore-home{padding-top:8px;}
.showmore-home a{font-size:12px;}
    
.card-prod-first .card-body{padding-top: 12px;}
.card-prod-first .card-title-home{margin-top: -6px;}

.LeftShowrom{text-align: right;padding: 10px;}
#myCarousel .carousel-item img{width: 90%; height: 250px;}
    
.prod-page-first .card-body{padding: 10px;}
.pod-title{font-size:22px;margin-bottom: 15px;line-height: 30px}
.pod-stars{font-size:11px;}
.pod-rate{font-size:11px;margin-left:5px;}
.pod-view {margin-top: -5px;}
.pod-view i{font-size:12px;}
.pod-view span{font-size:10px;}
.pod-date{margin-top: -5px;}
.pod-date i{font-size:12px;}
.pod-date span{font-size:10px;}

.pod-fav{width:60%;}
.pod-price{width:40%;}
.pod-price h3{font-size:28px;}
.pod-price span{font-size:15px;}

.pod-content{font-size:14px;}
.info-data-products .data-right{width:45%;font-size:12px;margin-bottom: 8px;}
.info-data-products .data-left{width:55%;font-size:12px;margin-bottom: 8px;}
    
.btn-info-prod{padding:10px;font-size:12px;border-radius:10px;width: 98%;}
.btn-info-prod2{margin-bottom: 10px;width: 48.5%;font-size:12px;}

.likecar{font-size:19px;padding:0 5px 25px 0;}
.yt-iframe iframe{width:100%;height:215px;}     
    
.card2 {width: 100%;padding-left: 0px;}
.hotel-review-part{width:100%;margin-top:5px;}
.reviewRight{width:35%;margin-left:5px;}
.reviewRight .ratesquare{font-size: 12px;}
.reviewLeft{width:63%;margin-top: 0px;text-align: center;}
.btn-rev{width: 100%;}
}
@media screen and (min-width: 650px) and (max-width: 999px){
.btn-info-prod3{width:99%;} 
    
/* Head */
.slidHeader{width: 99%;margin-bottom: 15px;border-radius: 20px;}
.carousel-item{border-radius: 20px;}
.carousel-item img{border-radius: 20px;height:auto;}
 
.category-homep{margin-bottom: 15px;}
.category-homep .card-body{padding:8px;} 
.category-homep .category-h-right{width:12%;} 
.category-homep .category-h-right i{font-size:20px;} 
.category-homep .category-h-left{width:87%;padding-right:10px;} 
.category-homep .category-h-left .cate-name{font-size:14px;} 
.category-homep .category-h-left small{font-size:13px;}
    
.card-title-home{padding-top:5px;padding-bottom: 12px;}
.card-title-home a{font-weight: bold;font-size: 19px;color:#2c3e50;}
.card-title-home i{font-size: 15px;color:#686868;}
    
.vip-card-first{margin: 20px 0;}
.vip-card-first .card-title-home{padding-top: 5px;padding-right: 10px;}
.vip-card-first .card-body{padding-top: 5px;padding-right: 10px;}
.card-vip{width: 99%;height:100px;margin-left:0px;}
.vip-img-part{width:25%;padding:5px;}
.vip-img-part img{width:100%;height:68px;border-radius:20px;}
.vip-info-part{width:75%;}
    
.productBox{width: 32.6%;margin-left: 4px;}
.productBox-pages{width: 32.6%;}
.productBox .card-title{line-height:25px;margin-bottom: 5px;height: 50px}
    
.showmore-home{padding-top:8px;}
.showmore-home a{font-size:12px;}
    
.card-prod-first .card-body{padding-top: 12px;}
.card-prod-first .card-title-home{margin-top: -6px;}

.LeftShowrom{text-align: right;padding: 10px;}
#myCarousel .carousel-item img{width: 90%; height: 250px;}
    
.prod-page-first .card-body{padding: 10px;}
.pod-title{font-size:22px;margin-bottom: 15px;line-height: 30px}
.pod-stars{font-size:11px;}
.pod-rate{font-size:11px;margin-left:5px;}
.pod-view {margin-top: -5px;}
.pod-view i{font-size:12px;}
.pod-view span{font-size:10px;}
.pod-date{margin-top: -5px;}
.pod-date i{font-size:12px;}
.pod-date span{font-size:10px;}

.pod-fav{width:60%;}
.pod-price{width:40%;}
.pod-price h3{font-size:28px;}
.pod-price span{font-size:15px;}

.pod-content{font-size:14px;}
.info-data-products .data-right{width:45%;font-size:12px;margin-bottom: 8px;}
.info-data-products .data-left{width:55%;font-size:12px;margin-bottom: 8px;}
    
.btn-info-prod{padding:8px;font-size:12px;border-radius:10px;}
.btn-info-prod2{margin-bottom: 10px;width: 48.5%;font-size:12px;}

.likecar{font-size:19px;padding:0 5px 25px 0;}
.yt-iframe iframe{width:100%;height:215px;}     
    
.card2 {width: 100%;padding-left: 0px;}
.hotel-review-part{width:100%;margin-top:5px;}
.reviewRight{width:35%;margin-left:5px;}
.reviewRight .ratesquare{font-size: 12px;}
.reviewLeft{width:63%;margin-top: 0px;text-align: center;}
.btn-rev{width: 100%;}
}

@media screen and (min-width: 200px) and (max-width: 799px){.ppbox{width:100%;margin:auto;}} 
@media screen and (min-width: 800px) and (max-width: 2099px){.ppbox{width:50%;margin:auto;}}