@media screen and (max-width: 1899px) {
    .coming-soon-section{padding: 190px 0 60px 0; }
    .coming-soon-part h1{padding: 0 0 200px 0; font-size: 70px;}
    
}

@media screen and (max-width: 1799px) {    
    .coming-soon-part h2{font-size: 50px;}
    .coming-soon-part h3{font-size: 42px;}
}

@media screen and (max-width: 1699px) {    
    .coming-soon-section{padding: 160px 0 40px 0;}
    .coming-soon-part h1{font-size: 66px; padding: 0 0 150px 0;}
}

@media screen and (max-width: 1599px) {
    
}

@media screen and (max-width: 1499px) {
    
}

@media screen and (max-width: 1399px) {   
    .coming-soon-section{padding: 110px 0 40px 0;}
}

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

}


@media screen and (max-width: 1199px) {
    
    
}

@media screen and (max-width: 1023px) {
    .coming-soon-part h1{font-size: 56px;}
}

@media screen and (max-width: 991px) {
    .container{padding-left: 15px; padding-right: 15px;}
     /**** mobile menu *****/
     .hamburger{display: inline-block; vertical-align: middle; margin-left: 15px; }
     .header-in{padding: 0 15px;}
     .menu-list{position: fixed; background-color: var(--primary-color); top: 0; right: -100%; width: 100%; z-index: 11; bottom: 0; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s ease;padding-top: 70px;}
     .open-menu .main-menu .menu-list{right: 0;}
     .cross-icon{display: inline-block; width: 18px; }
     .cross-icon img{width: 100%;}
     .nav {max-height: calc(100vh - 70px);overflow: auto;}
     .nav > ul{display: block; padding-top: 40px; }
     .nav > ul > li{padding: 15px 15px; position: relative; margin: 0; text-align: center; border: 0;}
     .nav > ul > li > a{color: var(--white); font-size: 20px; }
     body::before{content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); position: fixed; z-index: 10; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
     body.overlay:before{opacity: 1; visibility: visible;}
     body.overflow-hidden {overflow: hidden;}
     /**** mobile menu end *****/
    
     .coming-soon-part h1{padding: 0 0 100px 0; font-size: 48px; }
     .coming-soon-part h2{font-size: 40px;}
     .coming-soon-part h3{font-size: 36px;}
}

@media screen and (max-width: 767px) {
    .coming-soon-section{padding: 80px 0 30px 0;}
    .coming-soon-part h1{font-size: 40px; padding: 0 0 40px 0; line-height: 1.1; }
    .coming-soon-part h2{font-size: 30px;}
    .coming-soon-part h3{font-size: 26px;}
    .details-btn .button{font-size: 30px; }
    .social a img{max-width: 50px; }
    .social a{margin: 0 10px;}
    .details-modal-section .modal-content{padding: 30px;}
    .modal-content h2{font-size: 28px;}

}

@media screen and (max-width: 576px) {
    
}

@media screen and (max-width: 400px) {
    
}

@media screen and (max-width: 350px) {
    .coming-soon-part h1{font-size: 36px; }
    .social a img{max-width: 46px; }
    .coming-soon-part h2{font-size: 25px;}
    .coming-soon-part h3{font-size: 23px;}
    .details-modal-section .modal-content{padding: 20px;}

}