*{margin:0;padding:0;}
@media(max-width:1024px)
{
    .title-cls>li:first-child{font-size: 26px;}
    .menubar li{margin-right:5px;}
    .navbar-default .navbar-nav > li > a{padding:10px 6px;}
    .phne{padding-left:190px}
    .icon-container{padding-left:0;}
    .newsBox{overflow-x:scroll}
    .navbar-right .dropdown-menu{right: 0; left: 0;width: max-content;}
}
@media (max-width:768px)
{
 .gsp{width:100%}  
 .fullBox-impNotification, .fullBox-calender, .fullBox-thought, .fullBox-update, .fullBox-bd{margin-top:30px} 
 #SchoolUpdates{margin-left:12%}
 .icon-container{padding:20px 0px;}
 .fullBox-update{margin-bottom:30px}
 .phne{padding-left:0px;}
 h4{padding:10px 20px}
 .img-cls img{width:100% !important}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none}
}
@media (min-width:600px) and (max-width:767px)
{
    .d-flex{display:inline;}
    .title-cls{padding-top:20px}
    .navbar-brand{padding-right:20px}
    .gsp{display:none}
    .navbar-default .navbar-toggle .icon-bar{background:#fff}
    .navbar-default .navbar-toggle{border-color: #fff;}
    #SchoolUpdates{margin-left:0;}
    .brand-image{width:100%}
    .phne{padding-left:0;}
    .addr{padding-left:0;}
    }
@media (max-width:600px)
{
    .d-flex{display:inline;}
    .gsp{display:none}
    .brand-image{width:100%}
    .cl-effect-13 ul li a:hover::before, .cl-effect-13 ul li a:focus::before, ul.nav.navbar-nav li a.active::before{display:none}    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100%}
     ul.w3_address li{width:100%}
    .addr{padding-left: 0px;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
    .navbar-brand img{width:80px !important;}
    .para{padding:15px !important}
    .h1-style{font-size: 20px;font-weight: 700;text-align: center;}
    .contact_txt{float:left}
}
    

@media (max-width:480px) and (max-width:599px)
{
    .title-cls>li:first-child{font-size:20px}
    .title-cls{padding-left:120px;padding-top:30px}
    #SchoolUpdates{margin-left:2%}
     ul.w3_address li{width:90%}
     
    
}
@media (max-width:479px)
{
    .title-cls{padding-left:90px;padding-top:20px}
    .title-cls>li:first-child{font-size:18px}
    
     ul.w3_address li{width:90%}
}
@media (max-width:375px)
{
    .title-cls{padding-top:5px}
    #SchoolUpdates{padding-left:0}
}