@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");




@media print{
.header-title-01 {font-size:1.3em!important;display:block;line-height:130%;width:99%;}
.header-title-02 {font-size:1.3em!important;display:block;line-height:130%;width:99%;}
}
@media (max-width:1300px) {
.navbar li a {font-size: .9em!important;white-space: nowrap!important; padding:7px 5px !important}
.logo a {font-size:15px;}
.headerRight .rightLinks a:visited, .headerRight a {padding:5px!important;}

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

    li.mega-menu{
        position:relative !important;
    }

    li.mega-menu > ul.submenu{
        width:100% !important;
        min-width:100% !important;
        left:0 !important;
        right:0 !important;
        display:block !important;
    }

    li.mega-menu > ul.submenu > li{
        width:100% !important;
        display:block !important;
        float:none !important;
    }

    li.mega-menu > ul.submenu > li a{
        width:100% !important;
        display:block !important;
        white-space:normal !important;
    }
        .navbar li > ul > li {    
    width: 100%!important;
}
}
@media (max-width:768px) {
.header-title-01, .header-title-02 {font-size:.80em;padding:0px 0 0;line-height: 120%; font-weight:normal}
header .col-xs-6 { padding-left:4px!important; padding-right:4px!important}
.topmenu {padding: 5px 0;}
.captionDate .px-1, #date-div, #time-div{ display:none!important}

}
@media (max-width:599px) {
    .MahaITWebsite-logo-01 {width:35px;margin-right:5px;}
    
}

@media (max-width:400px) {
.header-title-01, .header-title-02 {font-size:.70em;padding:0px 0 0;line-height: 120%; font-weight:normal}
}

@media (max-width:280px) {
.header-title-01, .header-title-02 {font-size: .60em;}
}