@media only screen and (max-width: 1199px) {
 
}
@media only screen and (max-width:992px) {
.header{padding-top:8px; padding-bottom:8px;}
.togglemenu{display:block; margin-top:0px;}
.responsivemenu{ padding-top:8px;padding-bottom:8px;}
.responsivemenu ul{ width:240px;display:none; position:absolute; top:44px;   z-index:999999; right:8px;  background:linear-gradient(#21CF4D,#148932);  box-shadow: 0px  7px 0px #106D27;}
.responsivemenu ul li{ width:100%; border-bottom:1px solid #148932;  position:relative; line-height:45px; border-top:none; box-shadow:none; border-right:none; border-left:none;}
.responsivemenu ul li a{ display:block; color:#FFF}
.responsivemenu ul li:hover{ border-top:none;box-shadow:none}
.responsivemenu ul li.active{ border-top:none;box-shadow:none}
.responsivemenu ul li.submenu ul{ width:100%; top:38px;}
 .mobilebanner{ display:block;}
 .aboutuspanel { background:#FFF; padding-top:0px;}
 .aboutuspanel h1{color:#242424; margin-top:15px;  }
 .aboutuspanel p{ color:#242424;}
}
@media only screen and (max-width: 768px) {
.sticky-header{ position:static; }
    .innerbanner h1 {
        font-size: 29px !important;
    }
    span.urdutext {
        display: block;
        
       
    }

    .sd {
        display: flex;
        flex-direction:column-reverse;
    }
    .sd div{flex:100%;}

    .mobile {
        display:block;
    }
    .desktop{
        display:none;
    }
}
 

@media only screen and (max-width: 620px) {
.logo{ text-align:center;}
.loginbut{ text-align:center;}
.header .container .row .col-xs-5,.header .container .row .col-xs-7{width:100%!important;}
.thankyoupanel{width:100%;}
 
}
@media only screen and (max-width: 360px) {
.loginbut  { display:flex;}	
}