@media only screen and (max-width: 992px){
    
    .header .topheader .topheadbox {
        flex-direction: column;
        gap: 15px;
        opacity: 0;
    }
    
    .header .topheader .topheadbox .topheadleft ul {
        gap: 20px;
    }
    
    .header .topheader .topheadbox .topheadmiddle {
        display: none;
    }
    
    .header .headermenubox {
        display: none;
    }
    
    .middleheaderbox .headermenu {
        display: none;
    }
    
    .middleheaderbox .middleheaderboxx .headerlogo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    .middleheaderbox .middleheaderboxx .registrationbox {
        display: none;
    }
    
    .widget-aboutus {
        padding: 20px 0;
    }
    
    .widget-message-box:before {
        width: 100%;
    }
    
    .widget-message-box:after {height: 50%;width: 100%;top: 50%;}
    
    .mainheading {
        margin: 10px 0 15px;
    }
    
    .mainheading h2 {
        font-size: 22px;
    }
    
    .widget-notice .widgetcontent .list {
        flex-direction: column;
        align-items: baseline;
    }
    
    .widget-notice .widgetcontent {
        margin: 0 0 20px;
    }
    
    .widget-message-box .head {
        margin: 35px 0 0;
    }
    
    .cont-info {
        min-height: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    
    .cont-left, .cont-right {
        padding-top: 20px;
    }
    
    .cont-info .icon {
        padding: 0;
    }
    
    .pagecontent {
        padding: 20px 0;
    }
    
    .pagebreadcrumb {
        padding: 20px 0;
    }
    
    .content-copyright-container p {display: inline-block;text-align: center;}

    .content-copyright-container p a {
        display: inline;
    }
    
    a.mobiletooglebtn {
        display: flex;
        justify-content: end;
    }
    
    .middleheaderbox .middleheaderboxx .headerlogo a {
        width: 50%;
    }
    
    .importantlinks .inpotantlinksbox .importantlinksinner {
        width: 48%;
    }
    
    .importantlinks {
        padding: 20px 0;
    }
    
    .pagebreadcrumb .breadcrumb-col h1 {
        font-size: 22px;
    }
    
    .header .headerbox ul li a {
        font-size: 13px;
        padding: 0 3px;
    }
    
    .header .headerbox ul {
        gap: 5px;
    }
    
    .titlebox {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .latestupdates .latestupdatesbox .latestupdatesectionbox .latestupdatesection {
        width: 100%;
    }
    
    .officialcard {
        width: 48%;
    }
    
    .publicinfo .publicinfosection .bottombtn a {
        width: 100%;
    }
    
    .emergencyhelplinesection .emergencyhelpsectionbox .emergencysectionbox .emergencybox ul li {
        width: 100%;
    }
    
    .emergencyhelplinesection .publicservicebox .publicservice ul li {
        width: 100%;
    }
    
    .footer .footerbox ul li a {
        font-size: 14px;
        font-weight: 400;
    }
    
    .footer .footerbox ul li {
        padding: 0 8px;
    }
    
    .footerbottom p {
        flex-wrap: wrap;
    }
    
    .footerbottom p a {
    }
    
}

@media only screen and (max-width: 575px){
    .bannersection .bannerlogo img {
        width: 45%;
    }
    
    .bannersection .bannerimg img {
        height: 160px;
        object-fit: cover;
    }
    
    .titlebox a {
        float: right;
        width: 40%;
        margin: 0 0 0 auto;
    }
}