/* Scss Document */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
  background:#000;
  overflow-x: hidden;  
}

.typo-font{ font-family: 'DM Serif Display', serif; }

p {
  font-size: 14px;
  color: #111; }

img {
  max-width: 100%;
  border: 0; }

.clear {
  clear: both;
  float: none;
  width: 100%; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

a {
  text-decoration: none !important;
  transition: all 0.2s ease-in;
  color: #000; }

strong a{
color:#a98a52;
}

a:hover { color: #a98a52; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb-100 {
  margin-bottom: 100px; }

.mt0 {
  margin-top: 0px !important; }

.pt15 {
  padding-top: 15px; }

.pl-0 {
  padding-left: 0; }

.pr-0 {
  padding-right: 0; }

.no-padding {
  padding: 0px; }

.img-responsive {
  width: 100%;
  height: auto; }

/*------------------common-css-------------------*/
.fa-phone {
  transform: scaleX(-1); }

.red-text {
  color: #81c242; }

.red-bg {
  background: #81c242; }

.common-btn {
  font-size: 16px;
  background:#a98a52;
  color: #fff;
  padding:20px 36px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  border: 1px solid transparent;
  border-radius:40px; text-transform: uppercase; font-weight:500;  }

.common-btn:hover {
  background:#000;
  color: #fff;
  border: 1px solid #666;
  box-shadow: none;
 }

  .common-btn-line{
  font-size: 16px;
  background:none;
  color: #999;
  padding: 20px 36px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  border:1px solid #494949;
  border-radius:40px;
  text-transform: uppercase;
  font-weight:500;  
}

.common-btn-line:hover{ border-color: #a98a52; background: #a98a52; color: #fff; }

.title-col{ margin-bottom:30px; text-align: center; }

.title {
  position: relative;
  font-size:46px;
  color:#fff;
  font-family: 'DM Serif Display', serif;    
}

.title-para{ font-size:18px; }

.small-title {
    font-size: 16px;
    font-weight: 500;
    color: #a98a52;
    margin-bottom: 0;
}

.form-control {
    border-radius:0px;
    padding: 1.3rem 1.5rem;
    font-size: 15px;
	height:45px;
    font-weight: 500;
    color:#000; 
}

select.form-control { padding: 0; padding-left:15px;  }

:focus {
  box-shadow: none !important;
  outline: none !important; }

/*------------------end common-css-------------------*/

.topbar {
    background: #221e83;
    padding: 6px 0;
    color: #fff;
    border-bottom: 1px dashed #3e3b9f;
    position: relative;
    z-index: 1;
}
.topbar .container{ max-width:1300px; }
.topbar p{ margin-bottom:0;  color:#fff;  font-size:14px;  } 
.header-top-action ul, .header-top-right ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	list-style: none;
	padding: 0;
    margin-bottom: 0;
}

.header-top-action ul li {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    position: relative;
}
.header-top-action ul li i {
    margin-right: 8px;
    font-size: 16px;
    vertical-align: middle;
}
.header-top-action ul li a {
    color: #fff;
}

.header-top-action ul li + li::before {
    content: "|";
    display: inline-block;
    padding-left: 13px;
    padding-right: 13px;
    color: #fff;
}

.main-header{ padding:10px 0px; transition: all 0.3s ease; background:#000; width:100%; z-index:99; top:0;  }
.logo img{ max-height:70px; }

.navbar-expand-lg .navbar-collapse{ z-index: 9; }

.main-header .container{ max-width:1300px; }

.main-header .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight:500;
    padding:30px 5px;
    text-align: center;
    margin:0px 15px;
     border-top:3px solid transparent;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link i{ font-size:24px; margin-bottom:5px; vertical-align: middle; }

.main-header .navbar-expand-lg .navbar-nav .nav-link:hover { color: #fff; border-top:3px solid #a98a52; }

.navbar-nav .nav-item:last-child .nav-link {
  background: #a98a52;
  padding: 8px 25px;
  color: #fff;
  margin-left: 10px;
  margin-right: 0px;
  border-radius: 40px;
}

header.main-header.fixed-nav {
    position: fixed;
    background:rgb(0 0 0 / 75%);
    z-index: 9;
    width: 100%;
    padding: 0px 0;
	    top: 0;
}

header.main-header.fixed-nav .logo img{ max-height:60px; }

.top-social i{ font-size:15px; color:#103a54; background:#fff; width:20px; height:20px; border-radius:5px;  text-align: center; line-height:20px;  margin:0px 2px;    }

.navbar-nav .dropdown-menu {
    border-radius: 0;
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    min-width: 250px;
    min-height: 66px;
    background:#000;
    margin: 0;
    z-index: 100 !important;
	padding: 0;
	 
}

.navbar-nav .dropdown-menu a{ font-size:14px; text-transform: uppercase; color:#fff; padding:10px 20px;  } 

.dropdown-item:focus, .dropdown-item:hover {
    background:#12b7e9;
    color: #fff;
	
}


/*-------------banner---------------*/

.banner{ position: relative; background: #000;  }

.banner .banner-pic img {
    width: 100%;
    height: 100vh;
    object-fit: cover; 
}
.banner-container {
    max-width: 1100px;
    margin: auto;
    position: absolute;
    top:10%;
    left:20%;
    transform: translate(-20%, -10%);
    z-index: 1;
    width: 100%;
}
.banner-text {  max-width:700px;   }
.banner-text h1{ font-size:72px; color:#000; margin:20px 0 30px; line-height:60px;  }
.banner-text p{ font-size:21px; color:#000; font-weight:400; margin:15px 0px 0px 0; }

.banner .owl-nav .owl-prev {
  position: absolute;
  color: #fff;
  top: 50%;
  left:2%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}

.banner .owl-nav span { position: relative; }

.banner .owl-nav .owl-next {
  position: absolute;
  color: #fff;
  top: 50%;
  right:2%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}
.banner .owl-nav i { font-size:2.3rem; color: #ffffff; }

.banner .owl-theme .owl-dots { position: absolute; left:0; right:0; bottom:10px; }
.banner .owl-theme .owl-dots .owl-dot span{ background:#fff; }
.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span{ background:#fe0000; }

.banner .owl-theme .owl-nav {  margin-top: 0px; }

.bannerform {
  padding:40px 50px;
  background:#a98a52;
  width:100%;
  /* height: 100%; */
}

.bannerform-ico {
    position: absolute;
    top: 7px;
    right: 15px;
    font-size: 20px;
}
.bannerform h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}
.banner-innerform .form-group {
    margin-bottom: 13px;
    position: relative;
}

.bannerform .form-control{ border: none; padding-left: 15px; border-radius: 10px; background: rgb(255 255 255 / 20%);
  color: #fff; }

  .bannerform-ico {
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 24px;
    color: #e1d3ba;
}

.about-col {
    margin-bottom: 30px;
}
.about-txt h3 {
    color: #fff;
    margin:10px 0 10px;
    display: block;
}

.about-txt p {
  color: #8b8b8b;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 20px;
}

.moreabout-sec{ text-align: center; padding-top:80px; padding-bottom:60px; }

.moreabout-sec p {
  color: #8b8b8b;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 20px;
}

.about-wrapper {
  padding-top: 50px;
  padding-bottom:50px;
  background: #080A09;
  border-bottom: 5px dashed;
}

.about-txt {
    padding:15px 10% 0px;
    height: 100%;
    width: 100%;
}


.counterbg-sec { background:#f0f4f9; padding:50px 0 20px; }
.h-about-no {
    color: #000;
    font-size:20px;
    margin-bottom: 30px;
    text-align:center;
    border-left: 1px solid #cbcbcb;
}
.h-about-no b {
    font-size: 65px;
    color: #fe0000;
    display: block;
    line-height: 1.1;
    position: relative;
    letter-spacing: 3px;
}

#counter .col-sm-6:first-child .h-about-no{ border:none; }

.comingsoon-fiesta{ padding:70px 0 0;  text-align: center; }

.homeservices-sec{ padding:60px 0 0px; position: relative; }

.serviceslider-text {
    max-width: 600px;
    width: 100%;
    padding: 10% 6%;
}
.serviceslider-text .title{ font-size:52px; }
.serviceslider-text h3{ font-size:26px; font-weight: 600; color:#444;  }
.slide-maintitle{ font-size:32px; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:15px 0; padding-bottom: 12px; }
.slide-maintitle span{ background:#005ba9; color:#fff;  padding:2px 6px; font-weight: 700; font-size:38px; }
.slide-maintitle strong{ color:#f0741a; font-weight: 700; font-size:42px; line-height:1;  }
.serviceslider-text p{ font-size:18px; margin-bottom:8px;  }
.serviceslider-text ul{ padding-left:16px; margin-bottom:25px;  }
.serviceslider-text li{ font-size:16px; color:#000; font-weight: 500;  }

.homeservices-sec .owl-nav .owl-prev {
  position: absolute;
  color: #fff;
  top:-60px;
  right:5%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}

.homeservices-sec .owl-nav span { position: relative; }

.homeservices-sec .owl-nav .owl-next {
  position: absolute;
  color: #fff;
  top:-60px;
  right:2%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}
.homeservices-sec .owl-nav i { font-size:2rem; color: #444; }

.layoutplan-sec{ position: relative; }

.layoutplan-sec .owl-nav .owl-prev {
  position: absolute;
  color: #fff;
  top:50%;
  left:-5%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}

.layoutplan-sec .owl-nav span { position: relative; }

.layoutplan-sec .owl-nav .owl-next {
  position: absolute;
  color: #fff;
  top:50%;
  right:-5%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px; 
}
.layoutplan-sec .owl-nav i { font-size:2rem; color: #444; }

.roof-sec{ margin-bottom:60px; text-align: center; margin-top:50px;  }

.home-gallery{ padding:80px 0 0; }

.home-gallery * div{ margin:0px;border-radius: 20px;
 padding:0px; }
.home-gallery a{ width:100%;  }
.home-gallery img {
    width: 100%;
margin:5px !important;
min-height: 188px;
border-radius: 20px;
height: 280px;
    /* min-height: 188px;
    max-height: 250px;
    object-fit: cover; */
    transition: all 0.3s ease-in;
}

.home-gallery .col-sm-6{ overflow: hidden; }


.nearby-sec { background: #faf2ee; padding-top: 80px; }
.location-text{ display: flex; }
.location-col{ background-image: linear-gradient(to right, #f24149 , #455d89); padding:20px 10px; color:#fff; text-align: center; border:1px solid #fff; flex-grow: 5; }
.location-col h3{ margin-bottom:0px; margin-top:10px; font-size:20px;   }

.area-covered-sec{ padding:70px 0 90px; background:url(../images/area-bg.jpg) no-repeat #fe0000; background-size: cover; margin-bottom: 60px; }
.area-covered-sec .small-title{ color:#fff;  }
.area-covered-sec .title{ color:#fff;  }
.area-grid{ text-align: center; }
.area-tx{ color:#000; background:#fff; padding:20px 20px; }
.area-tx h3{  font-size:22px; font-weight: 600; color: #000;  }
.area-tx h6{  font-size:15px; color:#fe0000; font-weight: 600;   }
.area-tx p{  font-size:12px; font-weight:400;   }

.homearea-col .owl-theme .owl-dots .owl-dot span{ background:#fff;}
.homearea-col .owl-theme .owl-dots .owl-dot.active span{ background:#f0ff00;}

#contact{ padding:60px 0; border-top: 5px dashed; }
.contact .info-box {
    color: #313030;
    box-shadow: 0 0 30px rgb(214 215 216 / 60%);
    padding: 20px;
    height: 100%;
}
.contact .info-box i {
    font-size: 32px;
    color: #fd0000;
    border-radius: 50%;
    padding: 8px;
    border: 2px dotted #ffded4;
    float: left;
}
.contact .info-box h3 {
    font-size: 20px;
    color: #656262;
    font-weight: 700;
    margin: 10px 0 10px 68px;
}
.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 16px;
    margin: 0 0 0 68px;
    font-weight: 500;
}
.contact .php-email-form {
    box-shadow: 0 0 30px rgb(214 215 216 / 60%);
    padding: 30px;
}

#contact .form-control{ background: #f5f5f5;}

.jewar-invest-sec .title-col{ text-align: left; }
.jewar-invest-sec{ padding:70px 0; }
.jewar-invest-sec p{ margin-bottom:30px; line-height:30px; font-size:16px; }

footer {
    color: #fff;
    padding:20px 0px 70px;
    background: #000;
}

.footer-logo img{ max-height:150px;}

footer h3 {
    margin-bottom:20px;
	font-size:20px;
	border-left:5px solid #fe0000;
	padding-left:10px;
  color:#fe0000;
  text-transform: uppercase;
  font-weight: 700; 
}


.footer-about p {
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
}

footer p, footer p a {
    font-size: 14px;
    color: #666;
}

.copyright {
  display: flex;
  justify-content: space-between;
  color: #999;
}

.copyright a{
  color: #ccc;
}


footer p a:hover{ color:#fe0000; }

footer p strong {
    margin-bottom: 3px;
    display: block;
    font-size: 18px;
    color:#000;
	font-weight: 600;
}

.contact-conten { padding-left: 50px; }

.quicklinks-cont p{ margin-bottom:8px; }
.quicklinks-cont p a{ display: block; border-bottom:1px solid #384d8f; padding-bottom:8px;  }

.quicklinks-cont p:last-child a{ border-bottom:none; padding-bottom:0;  }

.footer-social i{ font-size:20px; color:#fff; background:#555; width:40px; height:40px; border-radius:50%;  text-align: center; line-height:40px;  margin:0px 2px;    }
.footer-social i:hover{ background:#fe0000; }

.quicklinks{ padding-left:60px; }

.copyright p {
    color: #000;
    margin: 0px;
    padding: 10px 0 30px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.copyright a{ font-size:13px; }

.whatsapp-fix{ position: fixed; right:30px; bottom:50px; z-index:1;   }

.footer-action-btn {
    background: rgb(0 0 0 / 90%) !important;
    text-align: center;
    padding:6px 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    justify-content: center;
    color: #fff;
    display: none;
}

.fixed-bot {
    display: flex;
}
.foot-enquire-btn {
    background-color: #60ba4b;
    border: 1px solid #fff;
    padding: 10px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    margin: 0px 5px;
    line-height: 1;
    cursor: pointer;
}


.footer-action-btn .common-btn{ padding:10px 24px 8px; color:#fff; }
.footer-action-btn .common-btn i { font-size: 23px; vertical-align: middle; }
.footer-action-btn .common-btn:hover{ background:#fff; color: #000 !important; }

.common-btn2{ background:#000; color: #fff; }
.common-btn2:hover{ background:#fff; color: #000; }
.common-btn3{ background:#4a9d17; }

.common-modal .close {
    color: #000;
    margin: 0;
    opacity: 1;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: #fff;
    padding: 10px;
}

.modal-fiesta-col img{ width:100%; }
.mobile-block{ display:none; }

.big-ft-title{ font-size:24px; color:#333; font-weight: 700; margin-top: 30px; }


.video-sec{ padding: 40px 0px; background: #272727; }
.video-sec video{ width: 100%; }

/* .onyxhighlight-sec{ padding: 0px 20px; position: relative; } */
/* .onyxhighlight-sec img{ height:110vh; object-fit: cover; } */

.onyxhightlight-text {
  /* position: absolute; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  background: rgb(255, 255, 255);
  padding: 30px;
  /* max-width: 1120px; */
  width: 100%;
  /* text-align: center; */
}

.onyxhightlight-text h3{ color: #000000; }
.onyxhightlight-text p {
  color: #000000;
  font-size: 16px;
  font-weight: 300;
}
.onyxhightlight-text ul{ padding-left:0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; align-items: center; padding: 0px; list-style: none; margin-top:30px; }
.onyxhightlight-text ul li {
  max-width: 100%;
  flex: 0 0 49%;
  color: #000000;
  font-size: 16px;
   display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* text-align: left; */
  margin: 0.5%;
  padding: 5px;
  font-weight: 600;
}

.onyxhightlight-text ul li i{ color: #a98a52; margin-right: 10px; font-size: 24px; }

.onyxhightlight-text ul li b{ color: #fff; font-weight: 500; }

.floorplan-sec{ padding: 60px 0px; }

.feature-block-one{ text-align: center; }
.floor-pic{  border-radius: 20px; overflow: hidden; }
.feature-block-one h4 {
  color: #fff;
  font-weight: 300;
  padding-top:20px;
}
.feature-block-one a{ color: #a98a52; }

.onyxmap-sec{ background: #272727; padding: 50px 0px; }

.location-txt{ padding: 0px 40px; }

.accordion .card-header:after {
  font-family: 'Line Awesome Free';
  font-weight: 900;
  content: "\f068";
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 0px;
  line-height: 1.1;
}

.accordion .card-header.collapsed:after {
  content: "\f067";
  color: #777;
}

#accordion .card-header {
  cursor: pointer;
  position: relative;
  background-color: transparent;
  
  font-size:18px;
  letter-spacing: 1px;
  border-bottom: 1px dashed #3f3e3e;
  padding-left: 0px;
    padding-right: 0px;
}

#accordion .card-header a.card-title{ color: #fff; }
#accordion .card-header.collapsed a.card-title{ color: #b6b6b6; }
#accordion .card-header a.card-title i{ margin-right: 10px; }

#accordion .card{ background-color:transparent; }

#accordion .card-body ul{ padding-left:10px; color: #ccc; }
#accordion .card-body ul li{ margin: 5px 0px; }
#accordion .card-body ul li span{ color: #ccc; min-width:120px; display: inline-block; }
#accordion .card-body ul li b{ color:#a98a52; font-weight: 500;} 
#accordion .card-body{ padding: 10px 10px 0px; }

.footer-map {
  position: relative;
}

.contact-4col {
  padding: 50px 0 100px;
}
.contact-col1 {
  text-align: center;
  margin: 15px 0;
}
.contact-ico {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 54px;
  color: #a98a52;
}

.contact-col1 h3 {
  font-family: 'DM Serif Display', serif;
  font-size: 30px;
  color: #fff;
}
.contact-col1 p {
  font-size: 16px;
  margin-bottom: 5px;
  color: #a98a52;
}
.contact-col1 a {
  color: #a98a52;
  font-weight: 500;
  font-size: 16px;
}

.social-icons a{ color:#a98a52; font-size: 24px; margin: 0px 5px; }
.social-icons a:hover{ color: #fff; }

.foot-disclaimer{ font-size: 13px; color: #666; margin-bottom: 20px; }
.common-btn4{ background: #777; }

.bannerform h3{ margin-bottom: 20px; }

.downbtnfix {
  background: #a98a52;
  position: fixed;
  top: 250px;
  z-index: 99;
  padding:12px 15px;
  right: -62px;
  transform: rotate(270deg);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #000;
}
.downbtnfix a{ color: #fff; font-weight: 600; }


.bannerform .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e1d3ba;
  font-weight: 400;
  opacity: 1; /* Firefox */
}

.bannerform .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e1d3ba;
  font-weight: 400;
}

.bannerform .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #e1d3ba;
  font-weight: 400;
}

.btn-close{ border: none; background: none; font-size: 26px; font-weight: 400; }
.modal-title{ font-size: 24px; }

.layoutplan-sec{ padding-bottom: 80px; }
.layout-pic{ border-radius: 20px;
  width: 100% !important;
  overflow: hidden; display: inline-block; margin: auto; }

.bannerform {
  display: flex;
  align-items: center;
  width: 100%;
}

.bannerform .banner-innerform{ width: 100%; }

.about-txt .common-btn{ padding: 15px 21px; }



/*----------------media----------*/


@media (max-width:1180px){
.banner .banner-pic img{  height: 62vh;}	
.banner-text{ padding: 50px; max-width: 500px; }
.banner-text h1{ font-size: 38px; line-height: 45px; }
.banner-text p{ font-size: 14px; font-weight: 300;}    
.banner-container{ margin-left:2%; }		
.quality-sec{ padding: 30px 50px; }
.main-header .navbar-expand-lg .navbar-nav .nav-link{ font-size: 14px; }
.main-header .navbar .logo:before{ left: 74%; }
.about-txt h3{ font-size: 21px; } 
.about-txt p{ font-size: 14px; line-height: 22px; }    
.about-pic { height: 100%; }
.about-pic img{ height: 100%; object-fit: cover; }    
.h-about-no b{ font-size: 40px; } 
.h-about-no{ font-size: 16px; }     
.main-header .navbar-expand-lg .navbar-nav .nav-link{ margin: 0px 10px; }       
.about-txt{ padding: 70px 10% 0px; } 
.homeservices-sec .owl-nav .owl-prev{ right: 6%; }    
.serviceslider-text .title { font-size: 36px; }
.slide-maintitle{ font-size: 24px; }    
.slide-maintitle span{ font-size: 28px; }    
.slide-maintitle strong{ font-size: 32px; }    
.serviceslider-text h3{ font-size: 20px; } 
.serviceslider-text p{ font-size: 16px; }    
.location-col h3{ font-size: 15px; }    
   
.about-wrapper{ padding-top:0px; }
.logo img { max-height: 55px; }
.container { max-width: 96%; }

}

@media (max-width:1024px){
.about-txt .common-btn {
    padding: 15px 18px;
    font-size: 13px;
}
.onyxhightlight-text ul li{ display: flex; }
.onyxhightlight-text ul li i{ min-width: 35px; }



}


@media (max-width:980px){
.main-header:before{ display: none; }    
.main-header .navbar .logo:before { display:none;  }    
.main-header .navbar-expand-lg .navbar-nav .nav-item{ width:100%; }
.main-header .navbar-expand-lg .navbar-nav .nav-link{ padding:10px 20px; text-align: left; }	
.navbar-nav { margin: 0; width: 100%; }
li.nav-item { width: 100%; }	
footer .footer-social a i{font-size: 16px; width: 30px; height: 30px; line-height: 30px; }		
.main-header{ padding: 15px 0; }
.navbar-toggler{  font-size: 2rem; color:#fff; }	
.fixed-nav	.navbar-toggler{ color: #fff; }

.main-header.fixed-nav .navbar-expand-lg .navbar-nav .nav-link{ margin:0; }

.blue-bg{ margin-top:30px; }
.hs-sec{ margin-bottom:30px; }	
.home-about-text { padding-left: 0px; margin-top: 30px; }	
.home-about-pic img{ width:100%; }	
.contact-conten { padding-left: 0px; }
.footer-about{ margin-bottom:40px; }
.newcar-items .carslide-col { max-width: 45%; flex: 0 0 45%; }
.carsl-pic img{ width:100%; }	
.car-logo span { max-width: 30%; flex: 0 0 30%; }	
.home-about-text{ padding-right:0px !important; }	

.about-pic img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}    
.about-txt{ padding: 50px 4% 50px; text-align: center; }    
.about-wrapper .col-lg-5.p-0{ order:2; }
.common-box.text-left{ text-align: center !important; }    
.h-about-no{ border:none; }    
.form-vector{ display: none; }
.locations li{ max-width: 46%; flex: 0 0 46%; }    
.profileScroll img{ width:100% !important; margin-bottom:20px;   }    
.service-text{ margin-top:30px; }    
.service-col{ margin-bottom: 40px; }    
.contact-details{ margin-left:0px; margin-top:30px;  }
.bannerform{ position: static; width:100%; transform: translateY(0%); }    
.banner .banner-pic img { height: 500px; }    
.about-txt h3 { font-size: 32px; }    
.comingsoon-fiesta{    padding: 0px 0 0; }
.title{ font-size: 34px; }
  
.home-gallery { padding: 50px 0 0; }    
.navbar-toggler{ color: #fff; }  
.navbar-nav .nav-item:last-child .nav-link{ background: none; margin-left: 0px; }
.location-txt {
  padding: 0px;
  margin-top: 35px;
}


}

@media (max-width:768px){
.container { max-width:96%; }	
.homeservices-sec .owl-nav .owl-prev { padding:5px 10px; color: #000;  left:2%; top: 50%; }	
.homeservices-sec .owl-nav .owl-next { padding: 5px 10px; color: #000; right:2%; top: 50%; }
.container.mb-5.p-0{ padding:0px 30px !important; }   
.homeservices-sec{ padding: 60px 0 20px; } 
.mobile-block{ display:block; }    
.desk-block{ display:none; }        
.home-gallery img{ min-height: 200px; }  
.onyxhighlight-sec img{ height: 100%; }
.onyxhightlight-text{ position: static; transform: translate(0); }
.onyxhighlight-sec{ padding-top: 30px; }

}


@media (max-width:745px){	
.footer-social{ margin-bottom:25px; margin-top:10px;  }	
.footer-logo { margin-bottom: 15px; }	
.container {  max-width:96%; }	
.quicklinks { padding-left: 0px; margin-top:20px;  }	
.inner-banner-text h1{ font-size: 30px;}	
footer{ background-position: bottom center; }
.feature-block-one{ margin-top: 40px; }	
header.main-header.fixed-nav .logo img { max-height: 40px; }	
.copyright{ flex-direction: column; }
.footer-action-btn .common-btn {
  padding: 7px 18px 5px;
  color: #fff;
  font-size: 14px;
}
.footer-action-btn .common-btn i{ font-size: 20px; }
.foot-disclaimer{ padding: 0px 20px; }
.copyright{ padding: 0px 20px; }
.downbtnfix{ top: 180px; }

}

@media (max-width:667px){
.inner-banner-text{ width: 100%; text-align: center; }	
.banner-text h1 { font-size: 28px; line-height: 35px; }
.banner-text p{ font-size: 14px; }	
.banner-text{ max-width: 400px; }	
.about-me-sec:before{ width:100%; }
.about-me-sec{ text-align: center; }	
.contact-us-sec { padding-left: 0px; }
.contact-us-sec p b{ width:100%; font-size: 18px; font-weight: 500; }
.contact-us-sec p strong{ font-size: 20px; }	
.contact-gray-sec{ padding: 40px 0; }
	
.copyright p{ justify-content: space-between; flex-direction: column; }    
.homeservices-sec .item:before{ display: none; }  
.serviceslider-text { max-width: 100%; width: 100%; padding:5% 6% 5%; }    
  
.fixed-bot div{ flex-grow:3; }
.fixed-bot .common-btn{ width:100%; }   
a.common-btn.common-btn3.ml-2, a.common-btn.common-btn2.ml-2 { margin-left: 0px !important; } 
    
}

@media (max-width:520px){
.top-social{ display:none; }	
.inner-banner img{ height:200px; object-fit: cover; }	
.inner-banner-text h1 { font-size: 24px; }
.banner .banner-pic img { height:65vh; }
.logo img{ max-height:60px; }
.car-logo span {
    max-width: 45%;
    flex: 0 0 45%;
}	
	
.about-me-sec:before{ height: calc(100% + 58px); }
.newcar-items .carslide-col {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 30px;
}
	
.header-top-action ul li{ font-size: 11px; }	
a.navbar-brand { width: 82%; margin-right: 0; }
.navbar-toggler{  padding-right: 0;}    
.banner-text p{ margin: 15px 20px 10px 0; }    
.common-btn { font-size: 14px; padding: 14px 20px; }
.title{ font-size: 30px; }    
.homeservices-sec h3{ min-height: inherit; }    
.clients-logo{ flex-wrap: wrap; }
.clients-logo span {
    max-width: 45%;
    flex: 0 0 45%;
}    
.testi p { font-size: 13px; line-height: 23px; }    
.testi h4{ font-size: 60px; }    
.col-12.mt-3 .common-box.text-left { text-align: left !important; }    
.inner-page { margin: 30px 0 20px; }    
.fullScreenWrapper .rightWrapper section .infoWrapper .info{ width: 100%; }    
.inner-banner h1{ font-size: 26px; }    
.about-txt{  padding: 50px 4% 20px;}  
    
.homeservices-sec .owl-nav .owl-prev { top:-20px; }	
.homeservices-sec .owl-nav .owl-next { top:-20px; }    
.location-text{  flex-direction: column;}    
.footer-action-btn a{ font-size:0; }    
.banner-text{ padding: 20px; }   
.banner-text h1{ margin-top: 0px; margin-bottom: 20px;
  font-size: 53px;
  line-height: 52px;
}
.about-txt .common-btn {
  padding: 15px 18px;
  font-size: 13px;
  width: 70%;
  margin: 10px 0px !important;
}
.about-wrapper{ padding-bottom: 0px; }
.onyxhightlight-text ul li{ max-width: 100%; flex: 0 0 100%; }
.onyxhightlight-text{ padding-left: 0px; }
.floorplan-sec{ padding-top: 0px; }
.floorplan-sec .title-col{ margin-bottom: 0px; }
#accordion .card-body ul li span{ display: block; }

.moreabout-sec .common-btn {
  padding: 15px 18px;
  font-size: 13px;
  width: 70%;
  margin: 10px 0px !important;
}

.fixed-bot .common-btn{ font-size: 0px; }
.fixed-bot .common-btn {
  width: 80%;
}










}