/*  Responsive css
==========================================================================================================*/
@media only screen and (min-width:992px) {
    .navbar-nav li .dropdown-item { text-align: center; letter-spacing: 0; }
    .dropdown .dropdown-toggle.show { font-weight: 600; }
    .dropdown .dropdown-menu { max-width: 385px; }
}

@media only screen and (max-width: 1799px) {
    .residence-content-box { padding: 5rem 2rem; }    
    .residence-content-box h3 { font-size: 3.6rem; }
    .section-row { padding: 4.5rem 0; } 
    .section-title h6 { font-size: 1.363rem; }
    .cruz-marques-row .section-title h2 { font-size: 3.575rem; }
    .our-history-row .section-title h2 { font-size: 3.9rem; }
    
    
}
@media only screen and (max-width: 1399px) {
    .section-row { padding: 4rem 0; }
    .slider-text h1 { font-size: 3.7rem; }
    .section-title h2 { font-size: 3.975rem; margin: 0 0 0.9rem 0; }
    .section-title { font-size: 1.025rem; margin-bottom: 2.8rem; }
    .residence-content-box h3 { font-size: 3.4rem; }
    .residence-content-box { font-size: 1.025rem; }
    .service-row .section-title h2 { font-size: 2.875rem; }
    .service-box h6 { font-size: 1rem; margin: 1rem 0 0.5rem 0; }
    .footer-top { padding: 6.75rem 0 3.625rem; }
    .schedule-box h6, .f-contact-box h6 { font-size: 1.05rem; }
    .schedule-box { font-size: 0.838rem; }
    .flogo { max-width: 140px; }
    .f-contact-box { font-size: 0.9rem; }
    .footer-bottom { padding: 1.4rem 0; font-size: 0.838rem; }
    .section-title h6 { font-size: 1.163rem; }
    .cruz-marques-row .section-title h2 { font-size: 2.975rem; }
    .cruz-marques-row .section-title figure { max-width: 9.5rem; }
    .our-history-row .section-title h2 { font-size: 3.4rem; }
    .slide-title h3 { font-size: 1.5rem; }
    .piso-box { height: 10rem; width: 10rem; }
    .piso-box h2 { font-size: 7rem; }
    .slider-caption { font-size: 1.85rem; }
    .other-service-row .section-title small { font-size: 66%; }
    .other-service-box { font-size: 1rem; }
    .other-hotel-box figure { min-width: 150px; }
    .section-title h4 { font-size: 2.638rem; }
    .service-page-row .service-box h6 { font-size: 1.2rem; }
    
}
@media only screen and (max-width: 1199px) {
    
    .navbar-nav { font-size: 0.9rem; }
    ul.navbar-nav > li > a { padding: 0.6rem 0.4rem; }
    .dropdown-menu { font-size: 0.8rem; }
    .navbar-nav li { margin-right: 0.5rem; }
    .section-row { padding: 3.5rem 0; }
    .hero-slider .swiper-slide figure img { min-height: 80vh; object-fit: cover; }
    .slider-text h1 { font-size: 2.7rem; }
    .slider-text { padding: 2rem 3rem; max-width: 410px; }
    .logo { max-width: 180px; }
    .navbar-nav li .dropdown-item { padding: 0.7rem 1rem; }
    .dropdown-menu[data-bs-popper] { margin-top: 0.5rem; }
    .section-title h2 { font-size: 3.175rem; }
    .section-title { font-size: 1rem; margin-bottom: 2rem; }
    .residence-content-box h3 { font-size: 2.7rem; }
    .residence-content-box { font-size: 1rem; }
    .residence-content-box h3, .residence-content-box p { margin-bottom: 1rem; }
    .service-box { padding-top: 1.75rem; }
    .service-ico { width: 3.6rem; height: 3.6rem; }
    .service-row .section-title h2 { font-size: 2.275rem; }
    .btn { font-size: 0.9rem; }
    .service-box h6 { font-size: 0.8rem; }
    body { padding-top: 105px; font-size: 1rem; }
    .scroll-top { height: 4rem; width: 4rem; }
    .section-title h6 { font-size: 1.063rem; }
    .cruz-marques-row .section-title h2 { font-size: 2.375rem; }
    .cruz-marques-row .section-title figure { max-width: 8.4rem; }
    .slider-nav-box .swiper-pagination, .slider-nav .swiper-button-next, .slider-nav .swiper-button-prev { height: 4rem; width: 4rem; }
    .slider-nav .swiper-button-next::after, .slider-nav .swiper-button-prev::after { font-size: 1.3rem; }
    .our-history-row .section-title h2 { font-size: 2.9rem; }
    .slide-title { max-width: 900px; }
    .piso-box { height: 8rem; width: 8rem; }
    .piso-box h2 { font-size: 5rem; }
    .section-title h4 { font-size: 2.238rem; }
    .contact-bottom-row h2 { font-size: 4.988rem; }
    .contact-bottom-row h5 { font-size: 2.438rem; }
    .service-page-row .service-box h6 { font-size: 1.1rem; }
}
@media only screen and (max-width: 991px) {
    
    #header .navbar, #header .row > div, #header .row > div .dropdown { position: static; }
    #header .row > div .dropdown .dropdown { position: relative; }
    .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; background: #fff; max-height: calc(100vh - 77px); overflow: auto; }
    #header { padding: 0.5rem 0; }
    .navbar-nav { align-items: start; }
    .navbar-nav li { border-top: 1px solid rgba(237,237,237,0.6); margin-right: 0; width: 100%; }
    .navbar-nav { font-size: 0.9rem; }
    ul.navbar-nav li a { padding: 0.7rem 1.5rem; display: block; position: relative; white-space: inherit; }
    ul.navbar-nav > li > a.btn { display: block; border-radius: 0; text-align: left; }
    .dropdown .dropdown-toggle:after { height: 10px; width: 10px; top: -7px; left: auto; right: 1rem; }
    .navbar-nav .dropdown-menu { margin: 0; box-shadow: none; transform: none; }
    .navbar-nav li .dropdown-item { padding: 0.7rem 2.5rem; white-space: inherit; }
    .logo { max-width: 150px; }
    body { padding-top: 78px; }
    /* #header.navhide { margin-top: -78px; } */
    .section-row { padding: 3rem 0; }
    .go-down { height: 1.225rem; width: 1.225rem; bottom: 0.95rem; }
    .slider-text figure { width: 85%; }
    .slider-text { padding: 1.5rem 1.5rem; max-width: 340px; width: 50%; }
    .section-title h2 { font-size: 2.575rem; margin: 0 0 0.7rem 0; }
    .section-title { font-size: 0.9rem; margin-bottom: 1.5rem; }
    .residence-content-box { font-size: 0.8rem; padding: 3rem 2rem; }
    .residence-content-box figure { max-width: 70px; }
    .residence-content-box h3 { font-size: 2.3rem; margin-bottom: 0.5rem; }
    .service-row .section-title h2 { font-size: 2.075rem; }
    .btn { font-size: 0.8rem; }
    .footer-top { padding: 2.75rem 0 3rem; }
    .flogo { max-width: 100px; margin: 0 auto 1.2rem 0; }
    .footer-top h5 { font-size: 1.175rem; }
    .f-contact-box { font-size: 0.8rem; }
    .footer-bottom p { margin: 0.3rem 0; }
    .footer-bottom ul li { margin: 0.3rem 0; padding: 0 0.5rem; }
    .footer-bottom ul { margin: 0.3rem 0.5rem; }
    .footer-bottom { padding: 1.2rem 0; font-size: 0.8rem; }
    .hero-banner figure img { min-height: 80vh; object-fit: cover; }
    .our-history-row .section-title h2 { font-size: 2.5rem; }
    .history-ico { max-width: 60px; }
    .slider-caption { font-size: 1.45rem; }
    .slide-title h3 { font-size: 1.3rem; }
    .logo-ico { position: absolute; right: 1rem; bottom: 8.5rem; z-index: 2; width: 50px; }
    .slide-title { width: 90%; }
    .piso-box { height: 6rem; width: 6rem; padding: 0.6rem; }
    .piso-box h2 { font-size: 3rem; }
    .slider-caption { font-size: 1.15rem; padding: 0.7rem 0; }
    .other-service-box { font-size: 0.9rem; }
    .other-service-box figure { max-width: 55px; }
    .bottom-img .logo-ico.pos-bottom-left { left: 2.5rem; bottom: 2.5rem; }
    .contact-box-list > div:nth-child(2n+2) .contact-sub-box::after { display: none; }
    .section-title h4 { font-size: 1.938rem; }
    .contact-bottom-row figure { width: 70px; margin: 0 auto 0.9rem; }
    .contact-bottom-row h2 { font-size: 4.288rem; }
    .contact-bottom-row h5 { font-size: 2.038rem; }
    .contact-map-row h4 { font-size: 2rem; }
    .service-page-row .service-box h6 { font-size: 1rem; }
    .cruz-marques-row .section-title figure { margin:0; }

}
@media only screen and (max-width: 767px) {
    .section-row { padding: 2.5rem 0; }
    .container { width: 100%; }
    .slider-text { max-width: 590px; width: 100%; bottom: 2rem; }
    .slider-text h1 { font-size: 2.2rem; }
    .slider-text figure { width: 75%; max-width: 340px; }
    .section-title h2 { font-size: 2.375rem; margin: 0 0 0.5rem 0; }
    body { letter-spacing: 0.02rem; font-size: 0.9rem; }
    .go-down { bottom: 1.2rem; }
    .residence-content-box { padding: 2.5rem 1.5rem; }
    .residence-content-box figure { max-width: 60px; }
    .residence-content-box h3 { font-size: 2.2rem; }
    .service-row .section-title { margin-bottom: 0; }
    .footer-bottom ul::after { display: none; }
    .fsocial figure { height: 1.3rem; width: 1.3rem; }
    .fsocial a { margin: 0.55rem 0 0.55rem 0.55rem; }
    .residence-img-box img { height: auto; }
    .footer-bottom ul li:first-child { margin-left: 0; padding-left: 0; }
    .footer-bottom ul li:first-child:after { display: none; }
    .footer-bottom ul li:last-child { margin-right: 0; padding-right: 0; }
    .scroll-top { height: 3rem; width: 3rem; }
    .cruz-marques-row .section-title figure { max-width: 9rem; margin-left: 0; margin-top: 0.7rem; }
    .cruz-marques-row .section-title { margin-bottom: 1rem; }
    .cruz-marques-row .section-title h2 { font-size: 2.075rem; }
    .slider-nav-box .swiper-pagination, .slider-nav .swiper-button-next, .slider-nav .swiper-button-prev { height: 3rem; width: 3rem; }
    .slider-nav .swiper-button-next::after, .slider-nav .swiper-button-prev::after {  font-size: 1rem; }
    .history-ico { max-width: 50px; }
    .our-history-row .section-title h2 { font-size: 2.2rem; }
    .slider-nav-box .swiper-pagination { font-size: 0.9rem; }
    .senior-residence-row h5 { margin: 0 0 0.4rem 0; }
    h5 { font-size: 1.55rem; }
    .general-objectives-row ul li { margin-bottom: 0.6rem; }
    .installations-row p {  margin-left: auto; margin-right: auto; }
    .piso-box { height: 4.5rem; width: 4.5rem; padding: 0.5rem; }
    .piso-box h2 { font-size: 2.2rem; }
    .logo-ico { bottom: 6.8rem; }
    .slide-title h3 { font-size: 1.1rem; }
    .bottom-img-with-text img { min-height: 40vh; object-fit: cover; object-position: top right; }
    .hero-banner .slider-text { margin-bottom: 2rem; }
    .service-page-row .service-box { margin-bottom: 1.5rem; }
    .other-service-box figure { max-width: 50px; margin: 0 auto 0.7rem; }
    .other-service-box p { max-width: 100%; }
    .other-hotel-box { padding: 1.5rem; }
    .other-hotel-box figure { min-width: 110px; }
    .section-row.contact-top-section { padding-left: 1rem; padding-right: 1rem; }
    .section-title h4 { font-size: 1.738rem; }
    .contact-bottom-row h2 { font-size: 3.488rem; }
    .contact-bottom-row h5 { font-size: 1.738rem; }
    .contact-bottom-row .btn { max-width: inherit; width: auto; }
    .contact-map-row h4 { font-size: 1.75rem; }
    .general-objectives-row ul, .general-objectives-row p, .our-history-row p, .cruz-marques-row p { max-width: 100%; }
    .service-page-row .service-box h6 { font-size: 0.9rem; }
    
}
@media only screen and (max-width: 575px) {
    .slider-text h1 { font-size: 1.9rem; }
    .section-title h2 { font-size: 1.975rem; }
    .welcome-row .section-title { margin: 0; }
    .residence-content-box h3 { font-size: 2rem; }
    .service-row .section-title h2 { font-size: 1.775rem; }
    .service-box h6 { font-size: 0.9rem; }
    .flogo { max-width: 70px; }
    .schedule-box h6, .f-contact-box h6 { font-size: 0.95rem; margin: 0 0 0.3rem 0; }
    .schedule-box, .f-contact-box { font-size: 0.8rem; }
    .fsocial { flex-direction: row; align-items: center; justify-content: center; }
    .fsocial a, .fsocial a:first-child, .fsocial a:last-child { margin: 0.7rem; }
    body { font-size: 0.85rem; }
    .our-history-row .section-title h2 { font-size: 2rem; }
    .single-slider img { min-height: 35vh; object-fit: cover; }
    .bottom-img .logo-ico.pos-bottom-left { left: 1.5rem; bottom: 1.5rem; }
    .other-hotel-box { flex-direction: column; text-align: center; }
    .other-hotel-box figure { min-width: inherit; max-width: 110px; margin: 0 0 0.8rem 0; }
    .contact-box-list > div:nth-child(2n+2) .contact-sub-box::after { display: block; }
    .contact-box-list > div:last-child .contact-sub-box::after { display: none; }
    .contact-sub-box::after { top: auto; right: 0; left: 0; width: 100%; height: 1px; }
    .section-row.contact-top-section { padding-left: 2rem; padding-right: 2rem; }
    .contact-box figure { height: 30px; min-height: 30px; width: 30px; min-width: 30px; margin: 0 auto 0.9rem; }
    .section-title h4 { font-size: 1.538rem; }
    .contact-bottom-row figure { width: 60px; margin: 0 auto 0.7rem; }
    .contact-bottom-row h2 { font-size: 3rem; }
    .contact-bottom-row h5 { font-size: 1.438rem; }
    .contact-map-row h4 { font-size: 1.65rem; margin: 0 0 0.5rem 0; }
}