/*
* Theme Name: RentUP - Real Estate HTML Template
* Author: Themezhub
* Version: 1.0
* Last Change: 10 Aug 2021
  Author URI    : https://themezhub.com/
-------------------------------------------------------------------*/
/*------------- List Of Table -----------
# Fonts
# Preloader
# Global Settings
# Header Navigation Styles
# Homes Banner
# Property Style
# How it Work
# Contact Info
# PopUp Modal
# Agency & Agents Design
# Blog Designs
# General Features 
# Dashboard
# Footer Start
# New Updated Styles
# Responsiveness Start
# Bottom To top Scroll 
------------- List Of Table ----------*/

/* CSS Document */
@import url(../css/plugins/animation.css);
@import url(../css/plugins/bootstrap.min.css);
@import url(../css/plugins/date-picker.css);
@import url(../css/plugins/dropzone.css);
@import url(../css/plugins/light-box.css);
@import url(../css/plugins/ion.rangeSlider.min.css);
@import url(../css/plugins/magnifypopup.css);
@import url(../css/plugins/select2.css);
@import url(../css/plugins/slick.css);
@import url(../css/plugins/slick-theme.css);
@import url(../css/plugins/themify.css);
@import url(../css/plugins/morris.css);
@import url(../css/plugins/line-icons.css);
/* @import url(../css/plugins/iconfont.css); */
@import url(../css/plugins/font-awesome.css);

/*------------------------------------
	Fonts
------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Livvic:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

@font-face {
    font-family: amanda;
    src: url('fonts/amandasignature.ttf');
}

@font-face {
    font-family: agraham;
    src: url('fonts/Agraham.ttf');
}

@font-face {
    font-family: brownsugar;
    src: url('fonts/BrownSugar.ttf');
}

@font-face {
    font-family: avenir;
    src: url('fonts/AvenirLTStd-Roman.otf');
}

@font-face {
    font-family: newForest;
    src: url('fonts/NewForest-Regular.ttf');
}

@font-face {
    /*font-family: "Hatton Medium";*/
    /*font-display: swap;*/
    /*src: url("fonts/Hatton-Medium.otf") format("opentype");*/
}

@font-face {
  font-family: fontin;
  src: url('fonts/Fontin-Regular.ttf');
}

.card{
  margin-bottom: unset !important;
}

section{
  padding: 80px 0 0 0 !important;
}

body {
	background: #ffffff;
	color:#696969;
	font-size:15px;
	font-family: 'Raleway', serif;
	margin: 0;
	overflow-x: hidden !important;
	font-weight: 400;
  scroll-behavior: smooth;
}

a{
  text-decoration: none;
  color: #72809D;
}

a:hover{
  text-decoration: none;
  color: #535d71;
}

p{
  margin-bottom: unset !important;
}

.pageTitle{
    color: #073937; 
    /*font-family: 'Hatton Medium'; */
    font-size:3em; 
    font-weight:bold;
}

.mainTitle{
    color: #073937; 
    /*font-family: 'Hatton Medium'; */
    font-size:2.1em !important; 
    font-weight:bold;
}

.subTitle{
    color:#707070; 
    font-family:'Raleway', serif; 
    font-size:1.2em;
    /* font-weight: bold; */
}

.subTitle2{
  color:#707070; 
  font-family:'Raleway', serif; 
  font-size:1.2em;
  font-weight: bold;
}
/* 
.sliderTitles{
  color: #0f4d19; 
  font-family:Playfair Display; 
  font-size:1.5em; 
  font-weight:bold;
} */

.description{
    color:#696969; 
    font-family:'Raleway', serif; 
    font-size:1em;
}

.listingTitle{
  color: #073937; 
  /*font-family: 'Hatton Medium'; */
    font-size:1.2em;
    /* font-weight: bold; */
    margin: unset;
}

.listingLoca{
    color:#7d7d7d; 
    font-family:'Raleway', serif; 
    font-size:1.2em;
    font-style: italic;
}

.listingDesc{
    color:#7d7d7d; 
    font-family:'Raleway', serif; 
    font-size:1em;
}

.slick-arrow{
    position: absolute;
    /* top: 5%; */
}

.slick-next:before {
    content:"\f061";
    font-family:'fontawesome';
    color: black;
}

.slick-prev:before {
    content:"\f060";
    font-family:'fontawesome';
    color: black;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1;
    color: #0a0505;
}

.slick-track{
    padding:unset;
}

.sliderCard:nth-child(even) {
    margin-top:4%;
  }

  #subMenus>li{
    display: inline;
    font-size:1.1em;
    font-weight: bold;
    /* padding: 30px; */
    /* padding-top: 50px; */
    /* padding-right:20px; */
    color:#7d7d7d; 
    font-family:'Raleway', serif; 
    padding-left: 1em;
    padding-right: 1em;
  }
  #subMenus>li>a{
    background-color: transparent;
    border: unset;
    color:#7d7d7d; 
    font-size:1em;
    font-weight: bold;
    outline: none;
    text-decoration: none !important;

  }

  a{
    cursor: pointer;
  }

  /* Style the form */
#regForm {
    background-color: #ffffff;
    /* margin: 100px auto; */
    /* padding: 40px; */
    width: 100%;
    min-width: 300px;
  }
  
  /* Style the input fields */
  input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
  }
  
  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }
  
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  
  /* Make circles that indicate the steps of the form: */
  .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
  }
  
  /* Mark the active step: */
  .step.active {
    opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #7d7d7d;
  }

  /* HIDE RADIO */
/* [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  } */
  
  /* IMAGE STYLES */
  [type=radio] + img {
    cursor: pointer;
  }
  
  /* CHECKED STYLES */
  /* [type=radio]:checked + img {
    outline: 2px solid #7d7d7d;
    border-radius: 20px;
  }

  [type=radio]:checked {
    outline: 2px solid #7d7d7d;
    border-radius: 20px;
  } */

  .btn.btn-link.collapsed:before{
    font-family: "Font Awesome 5 Free"; 
    content: '\f107';
    font-weight: 900;
  }

  .btn.btn-link:before{
    font-family: "Font Awesome 5 Free"; 
    content: '\f106';
    font-weight: 900;
    background-color: #e3b448;
  }
  .card-header{
    border-radius: 10px;
  }

  .page-item.active .page-link{
    background-color: #073937 !important;
    border-color: #073937 !important;
  }
  .pagination>li>a:hover{
    background-color: #073937 !important;
    border-color: #073937 !important;
  }

  .pagination li:last-child a{
    background-color: #e3b448;
    border-color: #e3b448;
  }

  .pagination li:first-child a{
    background-color: #e3b448;
    border-color: #e3b448;
  }

  .faqCard{
    margin-top: -1em;
  }

  .titleCont{
    top:25em !important;
  }

  .topCommuAccent{
    left: 0 !important;
  }

  #homeOwnersBody{
    /* padding-left: unset !important;
    padding-right: unset !important; */
  }

  .wantedDescLeft{
    z-index: 5;
  }


  .modal-backdrop{
    z-index: 101 !important;
  }

  /* [type=radio]:checked + img{
    outline: 2px solid #e3b448;
  } */

  .labelBorder{
    border: 1px solid #7d7d7d;
    border-radius: 10px;
  }

  .labelBorder:hover{
    border: 1px solid #e3b448;
    border-radius: 10px;
  }

  .labelBorder:focus-within{
    border: 1px solid #e3b448;
    border-radius: 10px;
  }

  .successModal{
    position: relative;
    top: 30%;
    transform: translateY(-50%) !important;
  }

  .breadcrumb{
    background-color: unset !important;
  }

  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 0 0 0;
}



img.img-footer {
  max-width: 180px;
  margin-bottom: 2rem;
  padding-bottom: 10px;
}

.servicesIcon{
  border: .5px #0739374e solid;
  border-radius:10px;
  cursor: default;
}


.servicesIcon:hover{
  border: 1px #e3b448 solid;
}

.gg_single_part-right1 {
  /* padding-bottom: 15px; */
}

.container{
  padding: unset !important;
}

.card-header{
  background-color: unset !important;
}

.center-bottom{
  background-position:center 70% !important; 
}

.center-bottom2{
  background-position:center bottom !important; 
}

.childInput{
  width: 50%;
  height: 3em;
  font-size: 13px;
  border:1px solid rgba(0, 0, 0, 0.231); 
  border-radius:5px;
  margin-left: 5%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.btn-primary{
  background-color: #e3b448 !important;
  border-color: unset !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
  background-color: #e3b448a4 !important;
}

.whyUsDescCont{
  width: 50% !important;
}

  /* RESPONSIVE START */
@media (max-width: 767px) {
  .archiveCont{
    width: 100% !important;
  }

  .archiveCol{
    text-align: left !important;
  }
}

@media (max-width: 575px) { 
    .header{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .pt-xs-0{
      padding-top: unset !important;
    }

    .pt-xs-1{
      padding-top: 1em !important;
    }

    .px-xs-0{
      padding-left: unset !important;
      padding-right: unset !important;
    }

    .px-xs-1 {
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .mt-xs-0{
      margin: unset !important;
    }

    .w-xs-100{
      width: 100% !important;
    }

    .w-xs-0{
      width:unset !important;
    }

    .contactusTitle{
      padding-top: 1em !important;
    }

    .whyUsContent{
      display: none;
    }

    .whyUsContent2{
      display: block !important;
    }
    
    .activityTitleCont {
      width: 100% !important;
    }
    .px-7 {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
  }

 

    .homePageVideoCont{
      display: none !important;
    }

    .homePageMobile{
      display: block !important;
    }

    #titleCont{
        font-size: 9px;
        /* padding-top: 1em; */
        padding-left: 1em;
        padding-right: 1em;
        text-align: center;
    }

    #subTitle{
        font-size: 2em !important;
    }

    #videoContMobile{
        height: 30% !important;
    }

    .activitySliderSect{
      padding: 0 15px 0 15px;
      padding-bottom: unset !important;
      padding-top: unset !important;
    }

    .activityCont{
      /* justify-content: center !important; */
      padding: unset !important;
    }

    .activityTitleCont{
      /* text-align: center !important; */
      padding-left: unset !important;
      padding-right: unset !important;
      width: 90%!important;
    }

    .comeHomeCont{
      /* padding: unset !important; */
      padding-top: 1em !important;
    }

    .slick-prev:before, .slick-next:before{
      display: none;
    }

    .activityImage{
      /* max-height:15em; 
      min-height:15em; */
      width: 100%;
    }

    .homePageListingSlick{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .topCommuSect{
      height: fit-content;
      /* padding-left: unset !important;
      padding-right: unset !important; */
    }

    .topCommuContainer{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }
    
    .topListingDetail{
      /* width: unset !important; */
    }

    .topCommuGallery{
      display: none;
    }

    .topComuSlider{
      display: block !important;
    }

    .reqValuCont{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .formCont{
      padding: unset !important;
    }

    .reqValForm{
      width: 100% !important;
    }

    .textLeftMobile{
      text-align: left !important;
    }
    .articleCont{
      padding-top: unset !important;
    }

    .articleTitleMobile{
      display: block !important;
    }

    .articleTitleMobile>div{
      /* text-align: center !important; */
    }

    .articleTitle{
      display: none !important;
    }

    .footerMobile{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .bannerCont{
      /* padding: unset !important; */
      margin: unset !important;
    }

    .bannerImageCont{
      padding: unset !important;
    }

    .homeOwnerTitleImage{
      border-radius: unset !important;
      height: 26em !important;
    }

    .subMenuBG{
      height: unset !important;
      border-radius: unset !important;
      bottom: -2em;
      margin-right: 1em;
      margin-left: 1em;
      box-shadow: -5px 10px 10px rgba(7, 7, 7, 0.454);
    }

    #subMenus{
      text-align: center !important;
      padding-left: unset !important;
    }

    #subMenus>li{
     
      padding: .5em;
      /* padding-left: 1em;
      padding-right: 1em;
      padding-top: 1em; */
      display: inline-block;
    }

    
    #subMenus>li>a{
     
      font-size: 12px !important;
    }

    #homeOwnersBody{
      padding-top: unset !important;
      margin-top: 5em !important;
    }

   .whyUsDescCont,.caseStudyDescCont,.wantedDescCont,.forSaleDescCont{
    padding: unset !important;
    }

    .whyUsDesc,.caseStudyDesc,.wantedDesc,.forSaleDesc{
      width: 100% !important;
    }

    .whyUsContent{
      padding-top: unset !important;
    }

    .interiorContentDesc{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .whyUsCarouselCont{
      justify-content: unset !important;
    }

    #carouselExampleIndicatorsWhyUs{
      padding-left: 1em !important;
      padding-right: 1em !important;
      width: 100% !important;
    }

    .whyUsImage{
      min-height: 20em !important;
      max-height: 20em !important;
    }
    .whyUsBG {
      width: 100% !important;
      height: 100% !important;
      top: 1em !important;
  }

    .selected{
      text-align: center !important;
    }

    .archiveCont{
      width: 100% !important;
    }

    .archiveCol{
      text-align: left !important;
    }

    .wantedContentCont{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .wantedImgMobile{
      display: block !important;
    }

    .wantedImg{
      display: none !important;
    }

    .wantedDescLeft{
      text-align: left !important;
    }

    .wantedContent,.interiorDescTitle{
      padding-top: 1em;
    }

    .wantedBtn{
      margin-bottom: 1em;
    }

    .interiorImgMobile{
      display: flex !important;
    }

    .interiorImg{
      display: none !important;
    }

    .interiorPortfolio{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .sliderCard{
      height: 15em !important;
    }

    .interiorPortfolioDesc{
      justify-content: center !important;
    }

    .interiorPortfolioText{
      width: unset!important;
    }

    .contactUsSect{
      padding-top: 1em !important;
      padding-left: unset !important;
      padding-right: unset !important;
      padding-bottom: 2em !important;
    }

    .contactUsImg{
      border-radius: unset !important;
    }

    .contactTitle{
      margin-top: 2em !important;
      margin-left: 1em !important;
      margin-right: 1em !important;
    }

    .ourOfficeSect{
      padding: unset !important;
    }

    #contactUsMap{
      height: 20em !important;
    }

    .contactUsImg1{
      margin-top: 2em !important;
      border-radius: unset !important;
    }

    .customerService{
      padding-left: 4em !important;
      padding-right: 1em !important;
    }

    .contactFormSect{
      margin-top: -2em !important;
    }

    .formBottomImg{
      display: none;
    }

    .contactFormCont{
      padding: unset !important;
    }

    .teamSliderCont{
      width: unset !important;
    }

    .reqValuImage{
      padding-left: 2em !important;
      padding-right: 2em !important;
    }

    .card{
      background-color: unset !important;
    }

    .reqValuAccent{
      top: 21.8em !important;
      width: 105% !important;
    }

    .reqValuFormCont{
      padding: 3em 3em 3em 3em !important;
    }

    .yourComfortCont{
      margin-top: unset !important;
    }

    .headerNumber{
      right: unset !important;
    }

    .grid_agents.style-2 .fr-grid-thumb img{
      width: unset !important;
    }

    .listing-body-commu{
      padding: 1em !important;
      padding-right: 2em !important;
    }
    /* .slick-slide{
      height: unset !important;
    } */

    .commuGalleryCont{
      padding-left: 2em !important;
      margin-top: 1em !important;
    }

    .dubaiCommuTitle{
      padding: 1em !important;
      padding-right: 2em !important;
    }

    .slick-dots li button:before{
      width: 10px !important;
      height: 10px !important;
    }

    .slick-dots li.slick-active button:before{
      background: #e3b448;
    }

    .about-us-gallery{
      display: none;
    }

    .aboutUsAccent{
      width: 100% !important;
      height: 90% !important;
    }

    .comeHomeAccent{
      height: 100% !important;
    }

    .topCommuAccent{
      width: 100% !important;
    }

    .wantedAccent1{
      top:.5em !important;
      height: 75% !important;
    }

    .interiorAccent1{
      left: 0em !important;
      top: 0em !important;
      width: 100% !important;
      height: 100% !important;
    }
    
    .faqSect{
      padding-left: 1em !important;
      padding-right: 1em !important;
    }

    .faqCont{
      width: unset !important;
    }

    .commuName{
      justify-content: center;
    }

    .commuImageCont{
      /* padding-left: unset !important;
      padding-right: unset !important; */
      padding-top: 2em !important;
    }

    .properties-for-rent {
      padding-left: unset !important;
      padding-right: unset !important;
      padding-top: 2em !important;
    }

    .commuPropTitle{
      text-align: center;
    }

    .commuListingTitle{
      margin-top: unset !important;
    }

    .whyUsContentDesc {
      width: 100% !important;
    }

    .mobileMargin{
      margin-top: 3em;
    }

    .exploreVid{
      display: none;
    }


    .listingPageImg{
      min-height: 20em !important;
      max-height: 20em !important;
    }
    
    
}
  /* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  #titleCont{
    top: 5em !important;
  }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #titleCont{
      top: 5em !important;
    }
    .listingPageImg{
      min-height: 15em !important;
      max-height: 15em !important;
    }

    .activityImage{
      /* max-height:20em !important; 
      min-height:20em !important; */
      width: 100%;
    }

    .activityTitleCont{
      /* text-align: center !important; */
      width: 90%!important;
    }

    .activityCont{
      /* justify-content: center !important; */
      padding: unset !important;
    }

    .comeHomeAccent{
      height: 100% !important;
    }

    .topCommuAccent{
      width: 100% !important;
      height: 100% !important;
    }

    .yourComfortCont{
      margin-top: unset !important;
    }

    .reqValuAccent{
      height: 28em !important;
    }

    .articleTitleMobile{
      display: block !important;
    }

    .articleTitleMobile>div{
      /* text-align: center !important; */
      justify-content: center !important;
    }

    .articleTitle{
      display: none !important;
    }

    .reqValuFormCont{
      padding-right: 3em !important;
    }

    .tablet-center-img{
      background-position-x: 75%!important;
    }

    .aboutUsAccent{
      width: 108% !important;
      height: 55% !important;
      top: 36em !important;
      left: -2em !important;
    }

    .contactTitle {
      padding-top: 5em !important;
    }

    .bannerCont{
      /* padding: unset !important; */
      /* margin: unset !important; */
    }

    .caseStudyDesc {
      width: unset !important;
    }

    .homeOwnerTitleImage{
      border-radius: unset !important;
    }

    .whyUsDesc {
      width: unset !important;
    }

    #subMenus{
      text-align: center !important;
      padding-left: unset !important;
      line-height: 3em;
    }

    .subMenuBG{
      height: 20% !important;
      width: 80% !important;
    }

    .topCommuListingNone{
      display: none;
    }

    .reqValuTitle{
      text-align: center !important;
    }

    .headerNumber{
      right: unset !important;
    }

    .topCommuGallery {
      padding-left: unset !important;
      padding-right: unset !important;
    }

    .listing-body-commu{
      padding-left: unset !important;
      padding-right: unset !important;
    }

    .commuName{
      margin-left: auto;
      margin-right: auto;
    }

    .commuImageCont{
      /* padding-left: unset !important;
      padding-right: unset !important; */
    }

    .sliderCard{
      height: 20em !important;
    }

    .commuListingTitle{
      text-align: center;
    }

    .commuName2{
      text-align: center;
    }

    .contactUsSect {
      padding-left: unset !important;
      padding-right: unset !important;
      padding-top: unset !important;
    }

    .about-us-gallery{
      padding-left: unset!important;
      padding-right: unset !important;
    }

    .aboutUsActCont{
      /* padding-top: unset !important; */
    }

    .activitySliderSect{
      padding-top: unset !important;
      padding-bottom: unset !important;
    }

    .bannerImageCont{
      padding-top: 1em !important;
    }

    .homeOwnerTitleImage{
      border-radius: 5px !important;
    }

    .wantedDesc {
      width: unset !important;
    }

    .wantedContentCont{
      padding-left: unset !important;
      padding-right: unset !important;
    }

    .wantedRow{
      padding-bottom: 2em;
    }

    .wantedAccent1{
      top: -1em !important;
      width: 100% !important;
      height: 90% !important;
    }

    .interiorDescTitle {
      padding-top: 1em !important;
    }

    .interiorPortfolioDesc {
      justify-content: center !important;
      text-align: center !important;
    }

    .interiorAccent2{
      top: 1em !important;
      left: unset !important;
      width: 60% !important;
      height: 80% !important;
    }

    .interiorImg {
      display: none !important;
    }

    .interiorImgMobile{
      display: block !important;
    }

    .interiorPortfolioText {
      text-align: unset !important;
      margin-left: unset !important;
      width: unset !important;
    }

    .faqCont {
      width: 100% !important;
    }

    .ourOfficeSect{
      padding-left: unset !important;
      padding-right: unset !important;
    }

    .ourOffice{
      padding-left: 1em !important;
    }

    .contactUsSect {
      padding-top: 5em !important;
      padding-bottom: unset !important;
    }

    .getInTouchAccent{
      height: 20em !important;
    }

    .commuName {
      justify-content: center;
    }
    .exploreVid{
      display: none;
    }

    .reqVCont{
      margin-top: 10em
    }
 }

 @media (max-width: 992px){
 
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #titleCont{
    top: 14em !important;
  }

  .activityImage{
    /* max-height:30em !important; 
    min-height:30em !important; */
    width: 100%;
  }

  .exploreVid{
    display: flex;
  }

  .topCommuListingNone {
    display: block !important;
}

.bannerImageCont {
  /* padding-top: 5em !important; */
}

.bannerCont {
  /* padding: 70px 0em 0  0em !important; */
  margin: unset !important;
}

.subMenuBG {
  height: 8% !important;
  width: unset !important;
}

.whyUsDesc {
  width: 75% !important;
}

.bannerImageCont{
  padding-left: 4em !important;
  padding-right: 4em !important;
}

.wantedDesc {
    max-width:900px;
  /* width: 50% !important; */
}

.forSaleDesc {
    max-width:900px;
  /* width: 50% !important; */
}


.interiorImg {
  display: block !important;
}

.interiorImgMobile{
  display: none !important;
}

.interiorPortfolioTextFull {
  text-align: right !important;
  margin-left: auto !important;
  width: 50% !important;
  margin-top: 10%;
}

.topCommuAccent {
  width: 55% !important;
  height: 100% !important;
}

.articleTitleMobile{
  display: flex !important;
}

.articleTitleMobile>div{
  /* text-align: right !important; */
}

.articleTitle{
  display: none !important;
}

 }
 @media (max-width: 1024px) {

  .nav-menus-wrapper>ul>li>a{
    font-size: .6em !important;
  }
 }


/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #titleCont{
    top: 18em !important;
  }



  .listingPageImg{
    min-height: 19em !important;
    max-height: 19em !important;
  }

  .topCommuSubText{
    display: none;
  }

  .activityImage{
    /* max-height:15em !important; 
    min-height:15em !important; */
    width: 100%;
  }

  .headerNumber {
    right: 10% !important;
}

.interiorAccent3{
  width: 60% !important;
  right: 14em !important;
  height: 80% !important;
}

.interiorPortfolioTextFull {
  text-align: center !important;
  margin-left: unset !important;
  width:unset !important;
  margin-top: 52%;
  margin-right: 12em;
}

.commuGalleryCont,.listing-body-commu,.contactUsSect {
  padding-left: 5em !important;
  padding-right: 5em !important;
}

.bannerImageCont {
  padding-left: unset !important;
  padding-right: unset !important;
}

.caseStudyDesc {
    max-width: 900px;
}

.faqCont {
  width: 50% !important;
}

.commuImageCont {
  /* padding-left: 5em !important;
  padding-right: 5em !important; */
}

.sliderCard {
  height: 35em !important;
}

.laptopMargin{
  margin-top: 7em;
}

.reqVCont{
  margin-top: 10em
}


.about-us-gallery{
  /* padding-left: 5em !important;
  padding-right: 5em !important; */
}

.wantedContentCont {
  max-width:900px;
  margin: auto;
  /* padding-left: 35em !important;
  padding-right: 30em !important; */
}


.activityCont {
    justify-content: left !important;
    padding: unset !important;
}

 

}

@media (min-width:1440px){

  .activityImage {
    /* max-height: 13em !important;
    min-height: 13em !important; */
    width: 100%;
}
  
}

@media (max-width:1439px){
  .nav-menus-wrapper>ul>li>a{
    font-size: 1em;
  }
}

 @media (max-width: 1450px){
  .numberHeader{
    display: none;
  }
 }

 /* // XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1920px) { 
  #titleCont{
    top: 25em !important;
  }


  .listingPageImg{
    min-height: 27em !important;
    max-height: 27em !important;
  }

  .topCommuSubText{
    display: block;
  }
  .yourComfortCont {
    margin-top: 0em !important;
  }

  .aboutUsAccent {
    width: 57% !important;
    height: 46% !important;
    top: 7em !important;
    left: 33em !important;
}

.interiorPortfolioTextFull {
  text-align: center !important;
  margin-left: unset !important;
  width:unset !important;
  margin-top: 25%;
  margin-right: unset;
}

.interiorAccent3{
  width: 60% !important;
  right: 14em !important;
  height: 80% !important;
}

.interiorAccent2{
  top: 5em !important;
}

.activityTitleCont  {
  /* justify-content: right !important; */
}

.activityTitleCont {
  /* text-align: right !important; */
}

.reqVCont {
  margin-top: 0em;
}

.topCommuTitle{
  /* text-align: center !important; */
}

.contactUsSect2 {
  padding-top: 5em !important;
  /* padding-bottom: 5em !important; */
}

.contactUsSect {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

.articleCont{
  /* padding-left: 5em !important; */
}

.container{
 /* padding-left: unset !important; */
 /* padding-right: unset !important; */
}
 
 }

@media (min-width: 2560px) { 
  #titleCont{
    top: 40em !important;
  }

  .bannerCont {
    /* padding: unset !important; */
    margin: auto !important;
}

.bannerImageCont {
  padding-top: 6em !important;
}

.listing-checkin-widget{
  /* width: 70% !important; */
}
 }

 @media (min-width: 2561px) { 
  #titleCont{
    top: 55em !important;
  }

  .yourComfortCont {
    margin-top: -10em !important;
  }

  

 }

 @media (min-width: 1920px){


  .container2 {
    max-width: 1440px;
    /* padding-left: unset !important;
    padding-right: unset !important; */
 }
 }


 .iti__flag {background-image: url("img/flags.webp");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("img/flags@2x.webp");}
}

.container {
  max-width: 1920px;
  /* padding-left: unset !important;
  padding-right: unset !important; */
}

.default-top{
  display: none !important;
}

.mobile-booking{
  display: none;
}
.closeBooking-Mobile{
  display: none;
}

.btnCont-mobile{
  display: none;
}

@media (max-width:1024px) {
  .float{
    display: none !important;
  }

  .mobile-booking{
    display: block;
    background-color: #e3b448;
    z-index: 90;
    padding: 20px 0;
  }

 .booknow-mobile{
  margin-top: 2.5%;
  font-size: 2em;
  padding: 15px 20px;
 }
 .mobile-price{
  font-size: 2em;
  color: white;
}

.listing-checkin-widget{
  display: none;
  position: fixed;
  left: 50%;
  transform: translate(-55%);
}
.closeBooking-Mobile{
  display: block;
  cursor: pointer;
}

}


@media (max-width:578px) {
  .mobile-booking{
    display: block;
    background-color: #e3b448;
    z-index: 90;
    padding: 20px 0;
  }
  

 .booknow-mobile{
  margin-top: 2.5%;
  font-size: 1.5em;
  padding: 15px 20px;
 }
 .mobile-price{
  font-size: 1.5em;
  color: white;
}

.btnCont-mobile{
  justify-content: unset !important;
}
}