@media only screen and (max-width: 320px) {
.guestSelector {
    min-width: 274px !important;
    padding: 1.5rem 1rem !important;
  
}
}

@media only screen and (max-width: 600px) {

.dekstopview {
    display: none;
}
.mobileview {
    display: block;
}
img.bannerdiv {
    animation: none !important;
}
section.bannervideo {
    padding: 0px !important;
    background: #00000073;
}
img.mobilelogo {
    width: 100px !important;
}
.mySlides {
    height: 500px;
}

section.single-section {
    padding: 3rem 1rem 0;
}

.pagetopsub {
    margin-bottom: 10px;
}
.captchadiv {
    display: block !important;
}
.mySlides img.bannerdiv {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.container.propertyiframe iframe {
    height: 400px;
}
section.page-header {
    padding: 3rem 0 !important;
}
section.about-section {
    padding-top: 3rem;
}
 .bannertext {
    font-size: 36px !important;
    line-height: 40px;
}

h2.mainheading.left {
    text-align: center;
}
video#myVideo {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(2);
    display: block;
    /* width: 400px; */
    /* height: 317px !important; */
    margin-top: 7.4rem;
}
.masonary {
    column-count: 2 !important;
}
.pushEffect span {
    font-size: 10px;
}
.bannertext {
    margin-top: 3rem;
    margin-bottom: 13px;
}
.bannerdiv img {
    height: 500px;
    object-fit: cover;
}
section.team-section {
    margin: 5rem 0 0rem !important;
}
ul.grids li:first-child figure {
    margin-bottom: 5px !important;
}
ul.grids li {
    margin-bottom: 10px;
}
ul.grids li:first-child {
    width: inherit !important;
    height: auto !important;
}
.propertyiframe {
    margin-top: 2rem !important;
}
.bannercontent {
    padding: 0 !important;
}
ul.grids {

    display: block !important;
}
ul.grids li:last-child {
    width: 25%;
    width: auto !important;
}
ul.grids2 li:first-child {
    width: auto !important;
    margin-top: -5px;
}
ul.grids2 li {
    margin-bottom: 5px;
}   
ul.grids2 li:last-child {
    width: auto !important;
}
.video-container video {
    height: 140vh;
   
}
.video-background-overlays {
    overflow: hidden;
}
span.text-basep {
    padding: 0 1rem !important;
    line-height: 1.5;
    font-size: 14px !important; 
    letter-spacing: 0.1em !important;
}
.video-background-overlay:before {
    z-index: 1;
    transform: scale(2) !important;

}
figcaption {
    background: #00000061;
}
figure a {
    font-size: 16px;
}
section.property-section {
    margin-top: 0rem;
    padding: 3rem 0.5rem !important;
}
.block1 ul {
    display: inherit;
    text-align: center;

}
.rightmodel {
    padding: 2rem 2rem !important;
    width: initial !important;
}
section.property-section p.subheading {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
}
.font-recoleta {
    font-size: 13px;
}
section.video-section {
    padding: 3rem 0;
    text-align: center;
}
.iconblock ul {
    margin-bottom: 1rem;
}
p.alreadaccount {
    margin-left: 0px !important;
    width: 100%;
    margin-top: 1rem;
}
section.homebella-section {
    padding: 3rem 0 !important;
}
.leftachvsection {
    border-right: 1px solid #09B3C9;
    padding-right: 1rem;
    border: none;
}
section.booknow-section {
    margin-top: 3rem;
    padding: 3rem 0 !important;
}
.mobileview h2.rightheading {
    text-align: left;
}
section.achivements-section {
    padding: 3rem 0 !important;
}
.leftachvsection {

    border-right: none;
      border-bottom: 1px solid #09B3C9;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}
section.achivements-section {
    margin-top: 3rem !important;
}
section.download-section img {
    width: 80%;
}
section.contactbottom {
    padding-top: 4rem !important;
}
section.contactbottom {
    padding: 4rem 1rem;
}
section.download-section h2 {
      font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
}
section.faq-section h2.mainheading {
    font-size: 26px;
}
section.faq-section {
    margin-bottom: -17px !important;
}
section.openinghours-section {
    background: linear-gradient(112deg, #018fa5 0%, #b6b9ba 100%) !important;
}
section.openinghours-section .leftsection {
    padding: 37px 0px;
}
section.openinghours-section {
    padding: 0px !important;
}
.videocolum {
    margin-bottom: 2rem;
}
section {
    padding: 3rem 0.5rem 0;
}
.text-base {
    font-size: 14px;
}
.page-header h1 {
    font-size: 46px;
}
.pagetopsub span {
    font-size: 14px;
}
.contactinfo li:last-child {
    text-align: left;
}
a.offcanvas-toggle.flex.text-\[\#016450\].hover\:text-secondary {
    color: #388790 !important;
}

nav.offcanvas-menu ul li:hover a {
    color: #388790 !important;
}
.contactinfo {
    margin-left: 0.5rem;
}
footer.footer {
    padding: 2rem 1rem;
}
section.finger-section {
       padding: 3rem 0.5rem 1rem !important;
    FONT-WEIGHT: 100;
}
section.video-section h2 {
       font-size: 22px;
    line-height: 29px;
    margin-bottom: 15px;
}
h2.sidealignhead {
    font-size: 22px;
}
.property-section .masonary figure:first-child, figure:last-child img {
    height: auto !important;
}
h2.mainheading { 
    font-size: 26px;
}
section.property-section h2.mainheading {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
}

.iconblock ul li:first-child {
    width: 100%;
    margin-bottom: 1rem;
}

.content h3 {
        font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
}
p {
    font-size: 14px;
}
ul.listedul {
    display: flex;
    flex-wrap: wrap;
}
.content p {
    font-size: 14px;
}
.leftmodel {
    display: none !important;
}
li.footerad {
    width: 30% !important;
}
.iconblock {
    display: inherit;
    width: 88%;
}
section.sliderimages {
   padding: 4rem 0.5rem !important;
    text-align: center;
}
ul.grids {

    margin-top: 25px !important;
}
.offcanvas .offcanvas-menu ul li a.active {
    font-weight: 700;
}
.slider {
    height: 100%;
}
.items {
    padding-bottom: 140% !important;
}
.uperimage {
    padding: 15px 0 !important;
}
ul.postgrid {
    display: block;
}
ul.servicesgrid {
    display: block !important;
}
ul.servicesgrid li {
    margin-bottom: 15px;
}
ul.grids2 {
    display: block !important;
}
.uperright {
    padding: 5px 5px;
}
section.upper-section {
    margin-bottom: 40px;
}
section.googlereview-section {
    padding: 3rem 0;
}
ul.servicesgrid li {
    margin-bottom: 20px;
}
ul.requestgrid {
    display: block;
}
ul.requestgrid li {
    width: 100% !important;
    margin-bottom: 15px !important;
}
ul.listedul {
    margin-top: -75px;
}
img.spaceimg {
    padding-top: 15px ;
}
table.bordertext {
    position: initial !important;
    transform: inherit !important;
    margin-bottom: 10px;
}
h2.ceomsgtitle {
    margin: 0px;
}
p.desginationceo {
    margin-top: -16px;
}
img.leftspace {
    margin-top: 35px !important;
}
h2.ceomsgtitle {
    font-size: 28px;
    }

p.subtitle {
    font-size: 13px;
    }
section.video-section {
    padding: 3rem 0.5rem !important;
}
.ceoimg {
    padding: 0px 0px;
    margin-bottom: 20px;
}
table.categories {
    text-align: left;
    margin: 30px 20px;
}

.bannercontent {
     z-index: 2;
     top: 316px !important;
}
ul.lastwidget {
    justify-content: start !important;
}
copyright .text-right p {
    text-align: left;
}
ul.postgrid li {
    margin-bottom: 30px;
}
figure > figcaption:hover a{
    transform: scale(0.7);
}
form.searchform input.submitfield {
    border-radius: 0px !important;
    font-size: 13px !important;
    padding: 8px;
}
ul.servicesgrid li {
    width: 100% !important;
}
.offcanvas .offcanvas-menu ul li a {
  color: #178D81 !important;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2em;
}
ul.listedul li {
    padding: 10px !important;
}
footer.footer p {
    font-size: 13px !important;
  }
ul.postgrid li {
    width: 100% !important;
}
form.searchform input.searchfield {
    border-radius: 0px !important;
    height: 35px;
}
.swiper-slide.testimonial {
padding: 20px 15px;
    height: inherit;
}
img.responsivelogo {
    width: 100px;
    
}
a.arrow.bounce {
    display: none;
}

}