@charset "UTF-8";
/* CSS Document */

/************ coming soon ************/
    #comingsoon-popup { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 999999;}
    #comingsoon-popup .icon-close { width: 50px; color: #fff; font-size: 3rem; text-align: center; position: absolute; top: 10px; right: 30px; cursor: pointer; z-index: 9;}
    #comingsoon-popup .text-con { width: 80%; height: 90%; padding: 0; box-sizing: border-box; font-size: 1.2rem; font-weight: 300; background-color: #fff; overflow: auto; z-index: 1;}


@media screen and (min-width: 1360px) {   
    
    

    
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {

    /************ coming soon ************/
    #comingsoon-popup { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 999999;}
    #comingsoon-popup .icon-close { width: 50px; color: #fff; font-size: 3rem; text-align: center; position: absolute; top: 10px; right: 30px; cursor: pointer;}
    #comingsoon-popup .text-con { width: 80%; max-height: 90%; padding: 60px 80px; box-sizing: border-box; font-size: 1.2rem; font-weight: 300; background-color: #fff; overflow: auto;}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    /************ coming soon ************/
    #comingsoon-popup { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 999999;}
    #comingsoon-popup .icon-close { width: 50px; color: #fff; font-size: 3rem; text-align: center; position: absolute; top: 5px; right: 10px; cursor: pointer;}
    #comingsoon-popup .text-con { width: 90%; max-height: 86%; padding: 60px; box-sizing: border-box; font-size: 1.2rem; font-weight: 300; background-color: #fff; overflow: auto;}
        
    
}

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

    /************ coming soon ************/
    #comingsoon-popup { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 999999;}
    #comingsoon-popup .icon-close { width: 50px; color: #fff; font-size: 3rem; text-align: center; position: absolute; top: 5px; right: 10px; cursor: pointer;}
    #comingsoon-popup .text-con { width: 96%; max-height: 86%; padding: 40px 20px; box-sizing: border-box; font-size: 1.1rem; font-weight: 300; line-height: 1.8em; background-color: #fff; overflow: auto;}
        
    
}