@media (min-width: 1500px) {
    
}

@media (max-width: 1400px) {
    

}

@media (max-width: 1200px) {
    .main-section { margin-bottom: 80px;}
    .main-section .section-content h1{
        font-size: 50px;
    }

    .gallery-text h2 {font-size: 40px;}
    .about-section .section-title {font-size: 30px;}
    .about-section h3 {font-size: 25px;}
    .footer-subscribe-btn {max-width: 140px;}

}

@media (max-width: 992px) {
    .main-section {height: auto;}
    .logo-container {width: 100px;}
    .mobile-mode {
        left: -300px;
        top: 0;
        height: 100%;
        background-color: #000;
        min-width: 300px;
        transition: all .6s ease-in-out;
        z-index: 3;
    }
    .mobile-mode.open {left: 0;}
    .mobile-mode .close-nav-btn {width: 35px; height: 35px;}
    .login-btn {height: 35px;}    
    .gallery-text h2 {font-size: 26px;}
    .virtual-section .virtual-wrap .overlay h2 {font-size: 40px;}
    .virtual-btn svg{width: 60px; height: 60px;}
    /* Start footer */
    .footer h2 {font-size: 35px;}
    .footer-subscribe-btn {max-width: 100%;}
    /* End footer */
    
    
}

@media (max-width: 768px) {
    .main-section .section-content h1 {font-size: 42px;}
   .gallery-text h2 {font-size: 20px;}
   .working-hrs {width: 100%;}
   .about-section .about-image-wrap, .about-section .aboute-text-wrap{width: 100% !important;}
   .app-section .app-section-title {font-size: 35px;}
   .app-section .mobile-wrap {max-width: 300px;}
   .app-section .mobile-wrap::after{left: -10px; right: -10px;}
   .instagram-section h2 {font-size: 35px;}
   .apps-links .store-link {width: 280px;}
   .about-section .about-img {height: 450px;}
   
   
}

@media (max-width: 576px) {
    .main-slider .slide-image {border-radius: 120px 0 120px 0;}
    .select-devlivery-method a {width: 165px}
    .app-section .app-section-title {font-size: 25px;}
    .app-section .mobile-wrap {max-width: 277px;}
    .instagram-section h2 {font-size: 30px;}
    .instagram-section .insta-img{height: 250px;}
    
}