*{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:70%}  
 .fullBox-impNotification, .fullBox-calender, .fullBox-thought, .fullBox-update, .fullBox-bd{margin-top:30px} 
 .title-cls{display:block}
 .title-cls li:nth-child(2){padding-left:4px;}
 #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}
 .readMoreButton-yellow{border: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-nav, .header-top {
        margin-left: 5%;
        width: 100% !important;
        -webkit-padding-start: 40px;
    }
    .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-toggle:hover, .navbar-default .navbar-toggle:focus{background:none}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100%}
    ul.w3_address li{width:90%}
    .addr{padding-left: 0px;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
    .navbar-brand img{width:80px !important;margin-right:15px}
    .para{padding:15px !important}
    .h1-style{font-size: 20px;font-weight: 700;text-align: center;}
    .slider-txt{font-size:16px} 
}
    

@media (min-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%}
    
}
@media (max-width:479px)
{
    .title-cls{}
    .title-cls>li:first-child{font-size:18px;margin: 0px 0px;}
    #SchoolUpdates{margin-left:0;}
    .header-nav {height:100px}
    .header-nav.container.row{position: relative;bottom: 60px;left: 50px;}
    .navbar-default {background-color:none}
    }
@media only screen and (max-width:375px)
{
    .title-cls{padding-top:5px}
    #SchoolUpdates{padding-left:0}
    .title-cls>li:first-child{font-size:15px;margin: 0px 0px;}
    .title-cls>li:nth-child(2){margin-left:-12px;font-size:10px}
}
 @media only screen and (max-width:320px)
{
    .title-cls{padding-top:5px}
    #SchoolUpdates{padding-left:0}
    .title-cls>li:first-child{font-size:14px;margin: 0px 0px;}
    .title-cls>li:nth-child(2){margin-left:-12px;font-size:8px}
    .header-nav.container.row{bottom: 70px;}
}