﻿
@media screen and (min-width:0px) and (max-width:480px) 
{
.imp_link{ width:100%;}
.imp_link_r{ width: 100%; padding: 0px 10px; box-sizing: border-box;  margin-bottom: 15px;}
.flexslider .flex-control-nav{ bottom:0%;}
.mail_center li .fLeft-input textarea{ padding: 36px 11px 0 11px;}


.back-to-top{ bottom:90px;}



}

@media screen and (min-width:481px) and (max-width:767px) 
{
	.flexslider .flex-control-nav{ bottom:22%;}

}

@media screen and (min-width:0px) and (max-width:767px) 
{
.social_icon { width: 100%;  float: left; padding:6px 0px}
.social_icon div{ display:none;}
.social_icon ul { width:100%; text-align:center; float:left;}
.social_icon ul li{ display:inline-block; float: none;}
.wraper_bg2{ height:auto;}
.logo_sec{ position:relative; width:100%; margin:0px; height: auto;}
.logo_div{ display:none;}
.logo_mob{ display:block; width:100%; text-align; center;}

.menu{ display:none;}
.menu_bx{ width:100%; float:left;}
.menu-icon{display: block; text-align: center; padding: 6px 0px; box-sizing: border-box;  height: 40px; border-bottom: 1px solid #0c357b;}
.mnu_bar {display: block; cursor: pointer; margin: 0 auto;}
.cross { display: none;}
ul.dropmenu li{ width:100%;border-bottom: 1px solid #0c357b;}
ul.dropmenu li a{ line-height:40px; text-align:center;}
ul.submenu { position: relative;width: 100%; display:none; background: #1b4da2;} 
.new_I{ left:0px;}
.new_j{ left:0px;}


.meta{ position:relative; bottom:0px; background:#124191;}
.meta_1{ box-sizing:border-box;}

.heading_all{ padding:30px 10px;}
.heading_all h1{ font-size:26px;}
.heading_all_2{text-align:center;}
.heading_all_2 h1 {font-size:26px; }
.heading_all_3 h1{font-size:26px;}

.detail_notice { width: 100%; position: relative; margin: 0px; margin-bottom: 30px; text-align: center; padding: 0px 15px; box-sizing: border-box;}
span.read_more{ float:right;}
.notice_sec{ padding-bottom:35px;}
.notice_left{ margin:0px 3px;}
.notice_right{margin:0px 3px;}
.notice_bx{ width:100%; padding:0px 10px;}
.head_bx {width: calc(100% - 80px); -moz-width: calc(100% - 80px); -webkit-width: calc(100% - 80px); -ms-width: calc(100% - 80px);}

.about_us{ padding:35px 10px;}
.about_img{ width:100%; }
.about_img img{ width:100%; max-width:580px;}
.about_txt{ width:100%; max-width:620px;}

.wraper_bg5{ padding-bottom:35px;}
.msg_center{ padding:0px 10px;  box-sizing:border-box; width:100%;}
.up_notice{ width:100%;}
.upcoming_bx{ width:100%;}
.uocinubg_part ul li{ margin:0px;}

.achi_hbx{ width:100%; height:auto; position:relative; padding: 10px;}
.achiev_h{ text-align:left;}
.quick_linkbx{ padding-bottom:35px;}
.quick_link ul li{ margin:10px;}
.quick_link ul li:hover .linkbx{border:none; padding: 28px 0px 0px 0px;}
.linkbx{ width:130px; height:160px;}

.birthday_sec{ padding-bottom:35px;}
.birthday_center{ width:100%; margin: 0px;padding: 0px 10px; box-sizing: border-box;margin-bottom: 15px; max-width:290px;}
.stu_div{ max-width:238px;}
.tec_div{max-width:238px;}

.stu_div ul li{ margin:0px;}
.tec_div ul li{ margin:0px;}

.achiev_bx{ text-align:center;}
.ach_imgbx { width: 320px; float: none; display: inline-block;  max-width: 320px;  position: relative;}

.faci_slide ul li{ margin:0px;}
.faci_bx{ width:100%;}
.fac_imgbx{ width:100%; }

.wraper_bg10{ padding-bottom:0px;}
.gallery_con{ max-width:340px; float:none; margin:0 auto;}


.gallery_con ul li{ margin:0px;}
.gallery_imgbx {width: 100%; max-width: 320px; padding: 0px 10px;  box-sizing: border-box;}

.wraper_bg12{ background:none; height:auto;}
.footerbx{ position:relative; padding: 0px 10px; box-sizing: border-box; text-align: center;}
span.design_by{ float:none; display:inline-block;}
span.copyright{ float:none; display:inline-block; line-height: 22px;}
.all_appimg{ width: 100%; text-align: center;         height: auto; }
.all_appimg img { position: relative; margin-top: 20px;}
.download_app{ width:100%;padding: 0px 10px; box-sizing: border-box;}
.imp_link{ width:100%; padding: 0px 10px; box-sizing: border-box;}
.imp_link_r{ padding:0px 6px; box-sizing:border-box;}
.mob_tog1{ position:relative; width:100%;}
.mob_tog1b{ position:relative; width:100%;}

 


/*------ master pages -----------*/
.mas_head{ padding:35px 0px;     width: 100%; font-size:30px;}
.conetnt_master { padding: 0px 10px 35px 10px;}
span.blu_color{ line-height:28px;}
img.mas_img{ float:none; padding:0px 0px 15px 0px; width:100%; max-width:650px; margin:0 auto;}

img.mas_img2{float:none; padding:0px 0px 15px 0px; width:100%; max-width:650px; margin:0 auto;}
img.mas_img3{float: none; padding: 0px 00px 15px 0px; width:100%; max-width:230px; margin: 0 auto;  display: inherit;}

#marquee{ display:block;}
iframe#vitual { display: none;}






}

@media screen and (min-width:768px) and (max-width:990px) 
{
.notice_bx{ max-width:355px;}
.head_bx{ width:77%;}
.imp_link{ width: 80%; padding: 0px 10px; box-sizing: border-box;}
.download_app { width: 68%;}


}

@media screen and (min-width:991px) and (max-width:1024px) 
{
	.download_app{ width:410px;}
	.up_notice{ width:100%; max-width:450px;}
	.imp_link{ padding-left:10px; box-sizing:border-box;}
	.quick_link ul li{    margin: 0px 5px}
	.faci_slide ul li{ margin:0px 8px;}
	.notice_part { width: 100%; float: none; text-align: center; max-width: 990px;  margin: 0 auto;}

}

@media screen and (min-width:768px) and (max-width:1024px) 
{
.social_icon { width: 100%;  float: left; padding:6px 0px}
.social_icon div{ display:none;}
.social_icon ul { width:100%; text-align:center; float:left;}
.social_icon ul li{ display:inline-block; float: none;}
.wraper_bg2{ height:auto;}
.logo_sec{ position:relative; width:100%; margin:0px; height: auto;}
.logo_div{ display:none;}
.logo_mob{ display:block; width:100%; text-align; center;}
	
	
.menu{ display:none;}
.menu_bx{ width:100%; float:left;}
.menu-icon{display: block; text-align: center; padding: 6px 0px; box-sizing: border-box;  height: 40px; border-bottom: 1px solid #0c357b;}
.mnu_bar {display: block; cursor: pointer; margin: 0 auto;}
.cross { display: none;}
ul.dropmenu li{ width:100%;border-bottom: 1px solid #0c357b;}
ul.dropmenu li a{ line-height:40px; text-align:center;}
ul.submenu { position: relative;width: 100%; display:none; background: #1b4da2;} 
.new_I{ left:0px;}
.new_j{ left:0px;}


.notice_sec { padding-left: 10px;  padding-right: 10px;}
.about_us_sec{padding-left: 10px;  padding-right: 10px; box-sizing:border-box;}
.about_img {width: 555px;}
.messages_sec{ padding-left: 10px;  padding-right: 10px; box-sizing:border-box;}
.upcoming_sec{padding-left: 10px;  padding-right: 10px;}
.achievment_sec{padding-left: 10px;  padding-right: 10px; box-sizing:border-box;}
.facilities_sec{padding-left: 10px;  padding-right: 10px;}
.photo_gallery{padding-left: 10px;  padding-right: 10px; box-sizing:border-box;}

.achi_hbx { width:75%;}
.birthday_center{ width: 44%; margin: 0px 15px;}
.gallery_con ul li{ margin:0px 8px;}


.footerbx{ padding:0px 10px; box-sizing:border-box;}

.conetnt_master { padding: 0px 10px 55px 10px;  box-sizing: border-box;}
.mas_head { padding: 35px 0px;width: 100%;}




}






