@media screen and (min-width: 320px) and (max-width: 480px){

    .sbmhssblog ul li .sbmhssblogs h2 {color: #13407c; font-size: 20px; padding: 0px 0 20px 0; margin: 0 line-height: 30px;}

    .sbmhssblogs h6{float: right; display: inline;}
    .sbmhssblog ul li .sbmhssblogs h6 a{background: none; padding: 0 5px; margin: 0; line-height: 17px;}
    .share-buttons .share-lable{font-weight: bold; padding: 20px 0; margin-right: 5px; font-size: 16px;}
    .share-buttons .fa{font-size: 20px; padding: 0px 6px; color: #fff; vertical-align: 0px;}
    .sbmhssblog ul li .sbmhssblogs .share-facebook a{background-color: #4267B2; border-radius: 50px; padding: 6px; margin-top: 5px;}
    .sbmhssblog ul li .sbmhssblogs .share-whatsapp a{background-color: #25D366; border-radius: 50px; padding: 6px; margin-top: 5px;}
    .sbmhssblog ul li .sbmhssblogs .share-twitter a{background-color: #1DA1F2; border-radius: 50px; padding: 6px; margin-top: 5px;}

    .acdmicacemntsb ul li {

      min-height: 237px !important;
            
    }

  } 

  
  @media (max-width: 767px){
		.row{margin-right: 0;margin-left: 0;}
		.header .container{padding:0;}
		.header .header_logo{width: 35%;margin-left: 0;padding-bottom: 7px;}
		.header .mob-nav{display: inline-block;position: absolute;right: 7px;top: 28px;z-index: 9999;}
		.header .contact{position: absolute;top: -50px;right: 37px;}
		.header .contact .call .mob img{width: 45px;display: inline-block;}
		.header .contact .call .mob:first-child img{margin-right:10px;}
		.header .header_menu{background: #fff;position: absolute;left: -30px;right: -29px;box-shadow:7px 3px 8px rgb(170 170 170 / 70%);top: 0px;}
		.header_menu .menu{background: #236e99;position: absolute;top: -98px;padding: 0px 50px;}
		.header .header_menu ul li a{color: #fff;font-size: 15px;box-shadow: none;}
	
		.header .header_menu ul li.active a{color:#fff;}
		.home-banner .banner-content{width: 60%;top: 14%;left: 24px;display:none;}
		.home-banner .banner-content h1{font-size: 22px;line-height: 33px;margin-bottom: 13px;}
		.home-banner .owl-carousel .owl-nav{position: static;}
		.home-banner .owl-carousel .owl-nav .owl-prev{position: absolute;bottom: -12px;}
		.home-banner .owl-carousel .owl-nav .owl-next{position: absolute;bottom: -12px;right: 0;}
		.home-banner .banner-content label{font-size: 18px;line-height: 26px;}
		
		.header nav #toggle .two{position: static;}
	 
		
		
		.header{padding: 0px 0 0px 0;border-top:0;background: #fff;}
		.header .header_menu ul li.active a:before{display: none;}
		.header .icon-sec{position: absolute;top: -47px;right: 52px;z-index: 9998;}
		.header .icon-sec a{margin: 0 3px;}
		
		.header .header_appointment{top: -61px;right: 44px;position: absolute;}
		.header .header_appointment a{font-size: 11px;line-height: 14px;display:none;}
		.header .right-header{margin-top: 0;}
		.header .right-header .contact img{margin-right: 4px;width: 13%;}
		.header .right-header .contact .num{    font-size: 14px;}
		.header.active{padding: 0px 0 0px 0;}
		
		.home-banner{margin-top: 135px;}
		.home-banner .banner-content a.st_btn{margin-top: 25px;margin-left: 0;font-size: 20px;padding: 15px;}
		.home-banner .owl-dots{bottom: 40%;transform: none;}
			
		.inner-banner{margin-top: 119px;}
		.inner-banner p{font-size: 28px;left: 9%;}
		
		.demo-gallery > ul > li{width: 100%;}
		.gallery-sec-1 h2{font-size: 30px;line-height: 37px;}
		.modal{    padding-top: 50px;}
		.modal-dialog{width: 95%;}
		.modal-header .close{top: -40px;right: -5px;border-radius: 50%; display:  none;}
		
		
		/*Satheesh Balaji*/
        
        
		
		.home-sec-1{width:100%;}

        .pd, .header .sec-1 ul li{
            display: none;
        }
        li.admission{display: block!important;;    z-index: 999999;    width: 100%; }    
        .header .sec-1 ul li.admission a{display: block; text-align: center; padding: 20px 0; border-radius: 0;}
        .header .head-about-menu label{
            text-align: left;
            line-height: 10px;
        }
        .header .head-about-menu img {    display: inline-block;    width: 26px;    float: left;    margin-right: 10px;}
        .mega-menu{
            width: 100%;   border: none;}
        .header .head-about-menu .bg{
            padding-left: 20px;
            border: none;
                border-bottom: 1px dotted;
        }
        .home-sec-1 .bg img{
            margin-top: 0;
        }
        .home-sec-1 .submit {
    width: 100%;    display: inline-block;    margin: 0 0 20px 0; }
        
        /************************************************************hamburger***********************************/
        .menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
       /* a.toggle-menu{z-index: 999999; padding: 0px; right: 0; position: absolute;}*/
     .header .sec-1{background: transparent; padding: 0;}
        .header .sec-2 .web-logo {
    margin-top: 0px;
            padding-bottom: 1px;
}
        a.toggle-menu{padding: 0; z-index: 999999; background-color: #0f3b76;}
        
        /************************************************************hamburger***********************************/
        
        
        
        /*******************************************home page***************************************************/
        .home-sec-2 p{
            line-height: 35px;
            width: 100%;
        }
        .home-sec-2 .amenities .bg{margin-bottom: 20px;}
        .home-sec-2 .amenities .bg:before{content: none;}
        .home-sec-2 .admission{ width: 100%; }
        .home-sec-2 .admission .bg2 b{    line-height: 23px; margin-left: 3px; font-size: 18px;}
        .home-sec-3{padding: 45px 0 40px 0;}
        .nav-tabs>li{width: 100%;}
        .home-sec-3 .nav-tabs>li>a{border-radius: 0; text-align: center;}
        .home-sec-3 .tab-content{ padding: 40px 5px;        }
        .home-sec-3 .tab-content label:before{top: 45px;}
        .home-sec-3 .tab-content a{display: block; text-align: center; margin-bottom: 20px;}
        .home-sec-4 .act-bg span{display: block; text-align: center; padding: 15px 0; font-size: 14px;}
        .home-sec-4 .act-bg img{display: block; margin: 0 auto;}
        .home-sec-5{padding: 40px 0;}
        .pdbtm{margin-bottom: 20px;}        .fixed-floating { display: none;}
        .cpy-rght p{line-height: 27px;}
        .cpy-rght .social-media {
    text-align: center;
    margin: 20px 0;
}
        .home-sec-7 .testimonials-slider p{width: 100%;}
        .home-sec-7 .testimonials-slider p:before, .home-sec-7 .testimonials-slider p:after{content: none;}
        .home-sec-7 .testimonials-slider p{text-align: justify;}
        .home-sec-7{padding: 40px 0;}
        
        .home-sec-6 .news {     padding-right: 0px;}
 
        .home-sec-5 .nav-tabs>li>a{border-radius: 0;}
        .home-sec-5 h6, .home-sec-2 h3, .home-sec-3 h4, .home-sec-3 .tab-content label, .home-sec-4 h5, .home-sec-6 .title b{font-size: 25px; line-height: 40px; font-weight: 700; margin-bottom: 25px;}
        .home-sec-5 .tab-content{padding: 40px 10px 0 10px;}
        .home-sec-6 .know-more a{width: 100%; text-align: center; display: block; margin: 25px 0;}
        .home-sec-6 .news-events-slider .event-name{font-size: 14px; bottom: 0;}
        .home-sec-6 .news-events-slider .date{right: 0;}
        .home-sec-6 .news-events-slider .owl-dots{right: 5px; bottom: -23px;}
        .mega-menu{padding: 0;}
        
        /************************************************************about us***************************************************************/
        .about-sec-1 ul{display: block; text-align: center;}
        .about-sec-2 .bg{padding: 40px 5px;}
        .about-sec-2 ul li{margin-bottom: 20px;}
        .about-sec-3 .bg1 p{font-size: 16px;}
        .about-sec-3 .bg1{padding: 50px 20px; min-height: auto;}
        .about-sec-3 .bg1 .tit label{font-size: 20px;}
        .n-pad{padding: 0;}
        .about-sec-2 .border{padding: 0; border: none;}

        .curriculamb_cont.pad { padding: 15px 30px; }
        .labbs_img{ text-align: center;}
        .labbs{ padding:30px 10px;}
        .labbs_cont h2{ font-size: 22px;}
        .management-bg-1{padding: 35px 20px 65px 20px;}
        .management-bg-1 .tit h2{ font-size: 16px;}
        .management-bg-1{ margin-top: 20px;}
        .management-bg-1 .tit span{ font-size: 20px;}
        .management-bg-2{ margin-top: 25px;}
        .management-bg-2{padding: 45px 20px 45px 20px;}
        .management-bg-3{ margin-top: 25px;}
        .management-bg-3{padding: 35px 20px 65px 20px;}
        .management-bg-3 .tit h2{ font-size: 18px;}
        .management-bg-3 .tit p{ padding: 5px 0;}
        .management-bg-3{padding: 35px 20px 20px 20px;}
        .management-bg-3{ margin-bottom: 20px;}
        .management-bg-1{padding: 35px 20px 25px 20px;}
        .vision-sec-1 .vision{ margin-top: 20px;}
        .vision-sec-1 .vision{ padding: 20px 0;}
        .vision-sec-1 .vision label{ font-size: 25px;}
        .vision-sec-1 .mission{ padding: 20px 15px;}
        .vision-sec-1 .mission label{ font-size: 25px;}
        .chairman-sec-1 label{ margin-left: 0;}
        .chairman-sec-1 h2{ font-size: 20px; margin-left: 30px;}
        .chirmanmsgb{ padding: 0; text-align: center;}
        .chairman-sec-1 .chair-img{ padding: 0; text-align:  center;}
        .chairman-sec-1 .name{ width: 100%;}
        .founder{ padding: 0;}
        .chairman-sec-1{ margin-bottom: 15px;}
        .ftrinfo{ padding: 0;}
        .ftrlink{ padding: 0;}
        .footer .sec-2{}
        .vision_img{ text-align:  center;}
        .vision-sec-1 .mission{ margin-top: 20px;}
        .vision-sec-1 .award{ margin-top: 20px;}
        .vision-sec-1 .award{ padding: 20px 0;}
        .vision-sec-1 .award ul li::before{ left: 0;}
        .vision-sec-1 .award ul li{ padding-left: 20px;}
        .award_icon{ text-align:  center;}
        .award_icon img{ display: inline-block;}
        .vision-sec-1 .award{ margin-bottom: 20px;}
        .principle_msg{ padding: 0; text-align: center;}
        .sbrar{ padding: 20px 0; margin-top: 20px;}
        .sbrar label, .stud_rspon label{ font-size: 20px; vertical-align: top;}
        .sbrar img, .stud_rspon img{ float:  none;}
        .rlsrugtn{ text-align: center;}
        .sbrar{ margin-bottom: 20px;}
        .stud_rspon{ padding: 20px 10px 0 10px;}
        .stud_rspon{ margin-bottom: 20px;}
        .stud_val{ padding: 0;}
        .st_val{ padding: 20px 15px; text-align: center;}
        .st_val label{ font-size: 20px;}
        .sb_menu{padding: 0;background: transparent }
        .navbar-default .navbar-collapse{background: #0f3b76;position: absolute; width: 100%; overflow: scroll; height: 550px; }
        .nav > li{margin-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,.2); }
        .mgdrpdn img{display: inline-block;margin: 0 0 0 20px; float: left;width: 38px; padding: 0 7px 0 7px; }
        .mega-dropdown-menu > li > ul > li > a{padding: 10px 0; min-height: auto; text-align: left;}
        .navbar-toggle { padding: 0px 6px;}
          .home-sec-1{ margin-top: -32px;}
          .navbar-default .navbar-toggle{ position: absolute;right: 0; top: -66px;}
          .mega-dropdown-menu > li > ul{}
          .mega-dropdown-menu > li > ul > li{ line-height: 27px;}
          .mega-dropdown-menu > li > ul > li > a{ font-size: 12px;}
          ul.dropdown-menu li a{ font-size: 12px;}
          .sec-2{ padding: 0;}
          .header .sec-2{ padding: 8px 0;}
          .admopen{ padding: 0;}
          .visitors{ padding: 0;}
          .st_vstrs{ padding: 20px 15px; margin-top: 20px;}
          .st_vstrs label{ font-size: 20px;}
          .susgen{ padding: 0;}
          .suspns{ padding:20px 0;}
          .suspns label{ font-size: 20px; display: inherit;}
          .st_vstrs{ margin-bottom: 25px; text-align: center;}
          .suspns{ margin-bottom: 25px; text-align: center;}
          .idcard{ text-align:  center;}
          .idcard img{ display: inline-block; float:  none;}
          .punctuality_img{ text-align:  center;}
          .punctuality_img img{  }
          .punctuality_icon{ text-align: center;}
          .punctuality_icon img{ float:  none; display: inline-block;}
          .about-sec-1 ul li{ padding: 20px 0;}
          .about-sec-2 .border{}
          .about_adu{ padding: 0;}
          .about-sec-3 .bg1{ margin: 20px 0 20px 0;}
          .footer .sec-1 ul li img{ margin-right: 2px;}
          .chairman-sec-1 h2::before{ left: 5px;}
          .admission-sec-1 label{ font-size: 20px;}
          .admission-sec-1{ margin-top: 10px;}
          .scholarship{ padding: 0;}
          .admission-sec-1.wings .tab-content{ padding-top: 10px;}
          .blooming{ text-align:  center;}
          .blooming img{ display:  inline-block;}
          .about-sec-2 ul li::before{ left: 5px;}
          .vision-sec-1 .award:after{ background:  none;}
          .chairman-sec-1::after{ z-index: -2;}
          .stud_rspon ul li{ line-height: 30px;}
          .admission-sec-1 .nav-tabs > li > a{ transform: none;}
          .admission-sec-1 .nav-tabs > li > a span{ transform: none;}
          .admission-sec-1.wings .nav-tabs li img{ transform:  none;}
          .admission-sec-1 .nav-tabs > li > a{ margin-right: 0;}
          .pencil_abs{ display: none;}
          .acdmicacemntsb_tab .nav-tabs > li.active > a{ transform:  none;}
          .acdmicacemntsb_tab .nav-tabs > li > a{ transform:  none;}
          .acdmicacemntsb_tab .nav-tabs > li.active{ transform:  none;}
          .acdmicacemntsb_tab .nav-tabs > li{ transform:  none;}
          .about-sec-1 .t-tit h2{ font-size: 20px;}
          .admission-sec-1 .tab-content #admissions-one::before{ display:  none;}
          .admission-sec-1 .tab-content #admissions-two::before{ display:  none;}
          .admission-sec-1 .tab-content .links a{ width: 100%; margin-bottom: 10px;}
          .linkss{ padding: 0;}
          .pattern_abs{ z-index: -2;}
          .navbar-default .navbar-nav > li:last-child{ padding-left: 22px;}



          .stshbcntub ul li{ padding: 10px 0;}
          .stshbcntub ul li .stshbcntubs{ padding: 20px;}
          .stshbcntub{ padding: 20px 0;}
          .contact_enq{ padding: 0;}
          .navbar-default .navbar-nav .open .dropdown-menu > li > a{ color: #fff;}
          .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color: #fff;}
          .cerguibs{ padding: 30px 10px;}
          .cerguibs_info h2{ font-size: 24px;}
          .cerguibs.explo{ margin-top: 50px;}
          .cerguibs.minhgt{  max-width: 100%;}
          .libtransflybs_info{ padding: 0;}
          .libtransflybs_info h2{ font-size: 19px;}
          .libtransflybs h6{ margin: 20px 0;}
          .libtransflybs_info.slpasst{ padding: 20px;}
          .modal-open .modal{ padding: 0 !important; top: 30px;}
          .modal-footer{ right: 0;}
          .mdlcons{ padding: 15px;}
          .clbactybs button{ width: 100%;}
          .cusglry{ padding: 0;}
          .home-sec-5 .bg{ text-align: center; margin-bottom: 20px;}
          .home-sec-5 .bg img{ display:  inline-block;}
          .home-sec-6 .title img{ vertical-align: inherit;}
          .home-sec-6{ padding: 30px 0;}
          .home-sec-6 .title{ margin-bottom: 0; text-align: center;}
          .management-bg-1 .tit img{ width: 15%;}
          .management-bg-1 .tit p{ text-align:  left;}
          .management-bg-1 .tit h2{ margin-left: 7px;}
          .stud_rspons{ text-align: center;}
          .stud_rspon ul{ text-align: left;}
          .labbs_cont h2 img{ vertical-align:  middle;}
          .acdmicacemntsb{ padding: 20px 0 30px 0;}
          ul.dropdown-menu li img{ top: 4px; position: relative;}
          .navbar-default .navbar-nav > li:last-child li{ color: #fff; margin-top: 10px;}
          .navbar-default .navbar-nav > li:last-child li .fa{ color: #fff; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; border: 1px solid #fff; font-size: 16px;}
          .navbar-default .navbar-nav > li:last-child a{ font-size: 20px; padding: 0; margin-top: 20px; margin-bottom: 10px;}
          .navbar-default .navbar-nav > li:last-child a .fa{ margin-right: 10px;}
          .navbar-default .navbar-nav > li:last-child{ font-size: 20px; color: #fff; margin-top: 20px; border:  none;}
          .about-sec-1 .t-tit{ text-align: center;}
          .about-sec-3 .bg1 .tit{ text-align: center;}
          .vi-tit{ text-align: center;}
          .management-bg-1 .tit{ text-align: center;}
          .management-bg-3 .tit{ text-align: center;}
          .rlsarltctr{ text-align: center;}
          .announcement h1{ display:  none;}
          .admission-sec-1 .tab-tit{ text-align: center;}
          .labbs_cont h2{ text-align:  center;}
          .curriculamb_cont{ padding: 0;}
          .cerguibs_info{ padding: 0;}
          .cerguibs_img{ height: inherit;}
          .inner-banner-content{ bottom: 20px; left: 10px;}
          .inner-banner-content label{ font-size: 25px; margin: 0;}
          .ban_pos_abs{ text-align: center; left: 0; bottom: 55px; top:  inherit;}
          .banner_info h3{ font-size: 30px;}
          .banner_info h2{ font-size: 40px;}
          .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background-color:  none;}
          .banner_info a{ display:  none;}
          .sbmhssblog ul li{ padding: 0;}
          .sbmhssblog ul li .recent{ margin-top: 30px;}
          .sbmhssblog ul li .recent ul li .fa{ left: 0;}
          .sbmhssblog{ padding: 0;}

          .sb_menu .navbar-nav{ text-align: left;}
.navbar-nav > li{ display: inherit;}
.navbar-nav > li:first-child a{ padding-left: 16px;}
.navbar-nav > li:last-child a{ padding-right: 16px;}
.navbar-default .navbar-collapse{ padding:0 20px;}
.mega-dropdown-menu > li > ul > li > a{ border:  none;}
ul.dropdown-menu li a{ border:  none;}

.modal-footer button{ padding: 7px;}

.acdmicacemntsb h2{ font-size: 22px;}
.announcement h3{ padding: 7px 0; margin:0px auto; width: 100%;}

.gallery_s_icon{ height: 67%;}

.gallery_s{ padding: 0 5px;}
.acdmicacemntsb ul li{ min-height: inherit !important; padding:0;}
.acdmicacemntsb p{ min-height: 60px;}

.acdmicacemntsb p.acade_achieve{ min-height:  inherit;}

.satbjiexcab ul li{ padding: 5px;}

.sathshbarsultb{ padding: 0;}

.newss{ padding: 0;}
.admopen .form-group{ padding: 0;}
.newssliders{ padding: 0; margin-top: 30px;}
.satbjiexcab{ padding: 0;}

.satbjiexcab ul li.cocuricular{ min-height:  inherit !important;}
.satbjiexcab ul li .satbjiexcabs h3.cocurricular{ font-size: 18px;}
.acdmicacemntsb ul li.sportsachievement{ min-height: inherit !important;}
.admission-sec-1 .nav-tabs{ z-index: 2; position: relative;}
.lanage ul li{ min-height:  inherit !important; padding-left: 25px; }

.acdmicacemntsb_tab ul li.acade_achieve{ min-height:  inherit !important;}

.acdmicacemntsb_tab .tab-contents p.sports_achiev{ font-size: 12px;}
.acdmicacemntsb ul li.result{ min-height: inherit !important;}
.acdmicacemntsb .acdmicacemntsbs p{ font-size: 16px;}
.acdmicacemntsb .acdmicacemntsbs{ min-height: 355px;}

.home-sec-3 .tab-content .img{ text-align: center;}
.home-sec-5 .content{ position: inherit; margin: 0; left:  inherit; bottom:  inherit; width: 100%;}
.home-sec-5 .content label{ font-size: 14px;}
.gallery_s:hover .gallery_s_icon { top: 10px; right: 10px; left: 10px; bottom: 10px;}
.lg-sub-html h4.district{ width: 100%;}

.lg-sub-html{ padding: 0;}

.inner-banner-content label{ display:  none;}

.ftrlinkm{ padding: 0;}

.sbmhssblog ul li .recent{ position: static;}
.sbmhssblog ul li .sbmhssblogs{ padding: 15px 0px 30px 0px;}
.acdmicacemntsb_tab .tab-contents h3.result{ font-size: 14px;}

/*jana*/
.sbmhssblog ul li .suischols p{height: auto;}
.fhbalajisss p{height: 67px;}
.buindsatheshb{height:227px;} 
.modal-body img{width:100%;height: auto;}
.neetaca a{ font-size: 16px;}
.neetaca{ top: 19px;}	
.navbar-default .navbar-nav > li > a .neet{ left: inherit; right: 40%; top: 7px;}
}