#boxes{
    z-index:1;
    position:absolute;
    top:0%;
}
.home-page-popup .close22 {
    display: block;
    height: 30px;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 9px;
    text-indent: 0;
    top: 10px;
    width: 30px;
}

.popup-dsgn { width: 100%; display: table; }

.popup-dsgn-box .popup-dsgn { border-radius: 2px; }

.content_set2{ margin-top:25px; display:table; width:100%;} 

.content_bx { background: #ffffff; display:table; width:100%; background-size: cover; padding: 0 0 25px 0; box-shadow: 0 2px 6px 0 rgba(255,255,255,.4);}
.content_bx a{ text-decoration: none;}
.mymodal_body{padding: 0}
.my_model_ctnt{border:5px solid #02416c;}
.close22 i {
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 23px;
    border-radius: 30px;
    z-index: 9;
}
.mymodel_here{border-bottom: 0;padding: 0;}

.pnd_ddl{ padding:0px 0; text-align:center;}
.pnd_ddl img {
    margin: 0px 0 0px 0;
    width: 90%;
}
.mnbcv_trps {
    text-align: center;
    margin: 5px 0 0px 0;
}
.mnbcv_trps img {
    width: 169px;
}
.pnd_ddl h5 {
    font-size: 20px;
    color: #2c4162;
    margin: 5px 0 5px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.pnd_ddl h6{
    float: left;
    margin: 15px 2% 0px 2%;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 8px 5px 8px 5px;
    font-weight: 500;
    width: 46%;
    background:#20376d;
    border-radius: 4px;
}
.pnd_ddl h6 a{
    text-decoration: none;
    color: #fff;
}
.pnd_ddl h6 span {
    display: block;
    background: #e01933;
    padding: 10px 0;
    margin: 10px auto 0 auto;
    color: #fff !important;
    font-size: 22px;
    border-radius: 10px;
    width: 80%;
    font-weight: 500;
}
.nn_dst { text-align: center;}
.nn_dst h3 { font-size: 40px; text-transform: capitalize; line-height: 40px; color: #00416a; margin: 20px 0 22px 0; font-weight: 700; letter-spacing: 0;}
.nn_dst h4 {
    font-size: 22px;
    letter-spacing: 0px;
    /* text-transform: uppercase; */
    color: #2c4162;
    margin: 20px 15px 0px 15px;
    font-weight: 600;
    line-height: 30px;
}
.nn_dst h5 { font-size: 22px; letter-spacing: 0px; text-transform: uppercase; color: #333; margin: 0 0 20px 0; font-weight: 600;}
.lakdi_pn {
    overflow: hidden;
    margin:1px auto -9px auto;
    text-align: center;
    background: #fff;
}
.lakdi_pn img {
    width: 90px;
    height: 85px;
    border-radius: 60px;
    padding: 4px;
}

.exbt_cl {
    text-align: left;
    margin: 20px 0 0 0;
}
.exbt_cl h3 {
    font-size: 24px;
    color: #2c4162;
    margin: 12px 0 0px 0;
    position: relative;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

.mobile-main, .mobile-main2 {
    padding: 4vw 3vw !important;
    background:#003876;
}
.banner_number p {
    background-color:#003876;
}
.pnd_ddl h6 {
    float: left;
    margin: 15px 2% 0px 2%;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 8px 5px 8px 5px;
    font-weight: 500;
    width: 46%;
    background:#003876;
    border-radius: 4px;
}
.exbt_cl h5 {
    font-size: 36px;
    color: #ffffff;
    background:#003876;
    width: 88%;
    margin: 0 auto;
    padding: 12px 5px 12px 12px;
    position: relative;
    border-radius: 35px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
}
.exbt_cl h5 a{
    color: #fff;
}
.nn_dst h4 {
    font-size: 15px;
    letter-spacing: 0px;
    /* text-transform: uppercase; */
    color: #2c4162;
    margin: 8px 15px 0px 15px;
    font-weight: 500;
    line-height: 10px;
}
.exbt_cl p {
    color: #2c4162;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: 500;
}
/* RESONSIVE CSS START */

@media (min-width:320px) and (max-width:479px) {
#boxes .window{ display:block; width: 100%; left: 0 !important; top: 0px !important; height:100%;}
    #boxes {
        
        display: block;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        text-align-last: center;
    }
}

@media (min-width:360px) and (max-width:912px){
#boxes .window{ display:block; width: 100%; left: 0 !important; top: 0px !important; height:100%;}
    #boxes {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        text-align-last: center;
        z-index:1;
        
    }
}
   
@media (max-width:1400px) and (min-width:913px){
    .home-page-popup{
        display:hidden;
    }
    #boxes{
        display: none;
    }
    }
@media (max-width:319px){
    .home-page-popup{
        display:hidden;
    }
    #boxes{
        display: none;
    }
    }