/*Responsive Css*/



@media (max-width:1650px) {
.text-1 {font-size:25px;} 
.text-2 { font-size:15px;}
.css-services .services-layer2 {top: 60%;}
}


@media (max-width:1600px) {#mot .red-slide {
padding: 50px;
}
.text-1 {font-size:18px;} 
.text-2 { font-size:15px;}
}

@media (max-width:1400px) {
.navbar a, .navbar a:focus {padding:30px 10px 30px 10px; font-size:16px}
#hero h4 {font-size:30px;}
#hero .carousel-content {padding: 0 15px 0 15px;}
.swiper-container a.black-btn {font-size:22px;}
.swiper-container a.black-btn span {font-size:15px;}
}

@media (max-width:1366px) {
.featured {margin-top: -140px;}
#hero h2 {font-size:50px}
.featured .frame-image .frame .icon-box { padding:60px 20px 20px 20px}
.featured .frame-image .frame .icon-box h3 {font-size:20px}
.swiper-container a.black-btn {font-size:25px}
.swiper-container a.black-btn span {font-size:15px} 
.swiper-container .black-mainbtn {width:97%} 
.swiper-container a.black-btn:after {right:-5px;}
.ser-over a.black-btn {font-size:18px;}
.ser-over a.black-btn span { font-size:16px}
.ser-over a.black-btn:after {font-size:40px;}
.ser-blackbox .doc-ic i {font-size:20px; line-height:38px}
.ser-blackbox .doc-text h5 {font-size:18px;}
.ser-blackbox .doc-ic { width:38px; height:38px;}
.ser-redbox .red-circle {width: 110px;height: 110px;padding: 30px;}
.ser-redbox {padding:30px 42px 80px 42px;}	
.ser-redbox h4 { font-size:26px;}
.contact-page .heading h2 {font-size:50px;font-weight: 700;}
.contact-page .heading { width:100%;}
#mot .red-slide .icon-box h3 {font-size:42px; line-height:42px;} 	
.mot-image {min-height:400px;}
#mot .red-slide .icon-box h4 { font-size:26px}
}

/*-----------max-width:1400px-------------*/

@media (max-width:1280px) {
.contact-page .heading h2 { font-size:50px;}
.properties-header .lotise-slide-txt a.btn-socl2, .properties-header .lotise-slide-txt a.btn-socl { position:relative; left:auto; right:auto; width:230px; margin-bottom:10px}
.properties-header .lotise-slide-txt h5 { width:100%;}

.agence-page {
background: url(/assets/img/agence-headbg.jpg) no-repeat 0 0;
min-height: 1058px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-position: center center;
}



}
/*-----------max-width:1200px-------------*/


/*-----------max-width:991px-------------*/
@media (max-width:991px) {
#hero .carousel-item { height:75vh}
.featured {margin-top:0;}
#hero .red-slide { padding:50px 0 50px 0}
.swiper-button-prev {left: 5%;}
.swiper-button-next {right: 5%;}
#hero { width:100%; margin:0}
.featured .frame-image .frame .icon-box {padding:75px 15px 20px 15px;}
.featured .frame-image .frame .icon-box h3 {font-size:17px;}
.featured .frame-image .frame .icon-box p {line-height:17px; font-size:15px;}
.about .social-media a.btn-socl .icon {width:35px; font-size:35px; line-height:35px;}
.about .social-media a.btn-socl {padding:10px 10px 10px 10px}
.about .social-media a.btn-socl .icon-txt h6 {font-size:14px;}
.services .heading h4 {font-size:30px;}
.list-css ul li {font-size:20px}
.list-css ul li img { width:40px;} 
.our-contribution { padding-bottom:50px;}
#footer .footer-top .footer-info {
margin-bottom: 30px;border-left: 0;border-right: 0;padding-left: 0;padding-right: 0;}

.ser-blackbox { width:100%; margin:20px auto 20px auto}
.ser-redbox .red-circle { position:relative; top:0; left:0; margin-bottom:10px}
.ser-btm-space { position:relative; margin:0;}
.ser-redbox {padding:30px;}
.contact-page .heading { width:100%; margin:80px auto 52px auto} 
.properties-header .lotis-slide {min-height:720px;}
.properties-header .lotis-slide .icon-box h3 {font-size:30px;}
.properties-header .lotise-slide-txt h5 { font-size:20px;}
.properties-header .lotise-slide-txt p { font-size:18px}
.property-mid-content h4 { font-size:28px;}
.property-mid-content ul li { font-size:20px;}
.property-mid-content ul li::before { width:11px; height:11px; left:-17px;}
.particul-content, .societe-content { max-width:100%; padding:30px; margin:0}
.big-check img { width:100px;}
#hero .carousel-indicators {bottom:80px!important;}
}
/*-----------max-width:991px-------------*/



@media (max-width:992px) {
.swiper-container a.black-btn {font-size:20px;}

}

@media (max-width:991px) {
#hero {margin-top:60px}
.property-mid-content {
background: url(/assets/img/property-rightbg.jpg) no-repeat center center #ee0439;
padding:30px 0;background-size: cover;background-position: center;background-repeat: no-repeat;background-position: center center;}

.agen-head-container { width:100%}
.em-circle { display:inline-block; margin-left:10px; margin-right:10px; margin-bottom:10px}
.agence-gallery .gallery-bx  { max-width:100%; width:100%;}
#agence-gallery { padding-bottom:0!important;}
#hero .carousel-item { height:836px}
.dos-cont {padding:0}
.dos-cont h3 { font-size:35px;}

.agence-title {font-size: 22px;padding: 5px 0;}
.agen-contnt-left h4 {font-size:25px; color:#fff;}
.agen-contnt-left p{color:#fff;}
.big-check h4 { font-size:26px;}

.em-circle  { width:200px; height:200px; border: #ffc928 15px solid;}

}

/*-----------max-width:992px-------------*/

@media (max-width:768px) {
#hero .carousel-item { height:710px}
.swiper-container a.black-btn {font-size:18px;}
.swiper-container a.black-btn span {font-size: 14px;}
.satisfaction .head-txt {font-size:30px; padding-bottom:20px}
section {padding:0 0 30px 0;}
#footer .footer-top .footer-links ul {margin:30px 0 0 0;}
#hero h2, #hero h3 {font-size: 35px;}
#header .logo img {max-height:50px;}
#header {height:60px}

.contact-form { padding:30px}
.properties-header .lotise-slide-txt h5 { padding-right:50px;}
.properties-header .lotise-slide-txt a.btn-socl2 .icon, .properties-header .lotise-slide-txt a.btn-socl .icon {font-size: 28px;line-height: 35px;}
#mot {width:100%;}
#mot .red-slide {padding:30px;}
#mot .red-slide .icon-box h3 { font-size:35px; line-height:35px;}
.agence-gallery .owl-carousel .owl-nav button.owl-next, .agence-gallery .owl-carousel .owl-nav button.owl-prev, .agence-gallery .owl-carousel button.owl-dot {
background: 0 0;
border: none;
padding: 0!important;
}

.nos-lotissement h4{ font-size:24px; }
.featured .frame-image .frame .icon-box {padding:20px 15px 20px 15px;}
#hero .carousel-indicators {bottom:100px!important;} 
.agence-autor h4 { font-size:25px; line-height:30px; margin-bottom:10px ; margin-top:10px; color:#000}
.agence-autor a {color:#000}
body {margin-top: 62px;}
.css-services .services-layer2 {margin:5% 2%;}
}

 


/*-----------max-width:768px-------------*/

@media (max-width:576px) {
#hero h2, #hero h3 {font-size:30px;}
#hero h4 {font-size: 25px;}
#hero .red-slide {padding:30px 0 30px 0}
#hero .carousel-item { height:600px}
 
#footer .copy-social a i {font-size:25px;}
#footer .footer-contct .phone-icon { font-size:40px}
#footer .footer-contct h3 { font-size:25px;}
#footer .footer-contct .mailbx {font-size:16px;}
#footer .footer-contct .phonebx {font-size:16px;}
.about .content ul li:hover { padding:16px 5% 16px 25%}  
.about .content ul .doc-text h5 { font-size:15px;}
.ser-redbox h4 { font-size:20px;}
.ser-redbox { padding:20px;}
.ser-redbox .red-circle { width:90px; height:90px; padding:20px;}
.ser-redbox p {line-height: 24px;font-size:16px;}

.contact-page .heading h2, .contact-page .heading h3 {font-size: 30px;}
.contact-page .heading h4 { font-size:26px;}
.contact-page .heading {width:100%; margin:110px auto 20px auto;}
.contact-address {padding:25px;}
.contact-address h4 { font-size:20px; line-height:26px;}
.address-detail ul li { font-size:16px;}
.properties-header .lotis-slide {min-height:640px;}
.mot-about .mot-about-content h3 span {font-size:40px;}
.agence-chef ul .doc-text h5 {font-size:16px;}
.agence-chef ul .doc-text a::before {top:-6px;right:-20px; font-size:40px}
.ser-blackbox .doc-text a:before{top: -18px; font-size:40px;}
.em-circle {border:#ffc928 10px solid;}


.css-services .services-layer2 {
    top: 50%;
}

}
/*-----------max-width:576px-------------*/

@media (max-width:480px) {
#hero .carousel-item { height:550px}
#hero h2, #hero h3 {font-size: 25px;}
.about .content ul li:hover {padding:16px 35px 16px 70px}
.about .content ul li:hover .doc-ic {left:15px;}
.about .content ul li { padding:16px 35px 16px 70px}
.ser-over a.black-btn {font-size:15px;}
.ser-over a.black-btn span {font-size:13px;}
.bread-link ul li a { font-size:15px}
.ser-redbox h4 {font-size:19px;}
.property-mid-content h5 {font-size:25px}
.property-mid-content h4 { margin-bottom:10px; font-size:25px}
.property-mid-content ul li {font-size: 18px; margin-bottom:0; padding:0}
.properties-header .lotis-slide .icon-box h3 {font-size:23px;}
.properties-bg {background-position:-220px 70px;}
.properties-header .lotis-slide .icon-box {height: 115%;}
#mot .red-slide .icon-box h3 {font-size: 23px;line-height: 23px;}
#mot .red-slide .lotise-slide-txt h5 {font-size: 20px;}
#hero .carousel-indicators {bottom:100px!important; right:30px!important;} 


}
/*-----------max-width:480px-------------*/

@media (max-width:414px) {
#hero .carousel-item { height:500px}
.contact-page .heading h4 {font-size: 20px;}
.contact-page .heading h2, .contact-page .heading h3 {font-size: 25px;}
.contact-page .heading {padding-bottom:20px;}
.properties-header .lotis-slide {min-height:580px;}
.big-check h4 {font-size:20px;}
.em-circle {width: 180px;height: 180px;border: #ffc928 15px solid;}

h1 {
font-size: 28px;
line-height: 30px;
margin: 10px 0 10px 0;
}

.css-services .services-layer2 {
margin: 5% 2%;
padding: 2% 2%;}


}

/*-----------max-width:414px-------------*/

@media (max-width:375px) {
}
/*-----------max-width:375px-------------*/