@media screen and (max-width: 767px){
    .setbg .container {background-size: auto;}

    .btn_grdant_orng, .btn_grdant_blue {padding: 5px;width: 80%;}
    .hight_100dvh {height: 100dvh;}
    .custdgrid_plcecenter {display: grid;place-items: center;}
    .login_cont .btn_grdant_orng {width: 90% !important;}
    .login_cont .btn_grdant_blue {width: 90% !important;} 
    .strgmpgsec .strtgm_cont .btn_grdant_orng {width: 70%;padding: 10px;}
    .cuntdnpgsec .cuntdwn_cont .dwnbtn_set .btn_grdant_orng {font-size: 26px;line-height: 30px;width: 100%;}

    .app {height: calc(100vh - 50px);}
    
}
@media screen and (min-width: 768px){
    .container {width:576px;}
    .mianvideo-container .modal-content {width:576px;}
    .cuntdnpgsec .cuntdwn_cont .time_setcont, .cuntdnpgsec .cuntdwn_cont .soundplay_btnset {padding: 20px;}
    .mstkpgsec .mstkpg_maincont h3 {width: 90%;}
    
}
@media screen and (min-width: 1024px) and (max-width: 1400px){.container {width:488px;}.mianvideo-container .modal-content {width:488px;}}

@media screen and (min-width: 820px) and (max-width: 992px) {
    
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

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