@media (max-width: 575.98px) { 
    /* sm */ 
    .hero-content .subtitle {
        font-size: 10px;
        letter-spacing: 1px;
        margin-bottom: 10px;        
        padding: 0px 24px;        
    }
    .box-about-home-img{margin-bottom: 40px;}
    .video-section {height: 30vh;}
    .blog-title {height: 78px;}
    .heading {height: 40vh;}
    .box-about p {font-size: 30px !important;}
    .hide-mobile{display: none !important;}
    .box-content-about h2 {font-size: 30px !important;margin-bottom: 10px;}
    .box-testimoni-guest h5 {font-size: 16px;font-weight: 600;}
    .testimonial-text {font-size: 16px !important; }
    .section-testimonial {min-height: 21vh;}
    .box-about-home h2 {font-size: 30px !important;}
    .box-title h2 {font-size: 38px !important;}
    .box-blog-detail-left {padding-right: 0px;}
    .box-blog-detail-left .img {height: 250px;}
    .contact-form {padding-right: 0px;}
    .box-booking {padding: 0px;}
}
/* Medium >=768px */
@media (min-width: 768px) { /* md */ }
/* Large >=992px */
@media (min-width: 992px) { /* lg */ }
/* Extra large >=1200px */
@media (min-width: 1200px) { /* xl */ }
/* XXL >=1400px */
@media (min-width: 1400px) { /* xxl */ }