@media screen and (min-width:991px) and (max-width:1024px){
.header{width:100%; height:auto}
.social_icon ul li ul{min-width:100%}
.master-footer{ margin-top:-20px}
.headimg img{width:100%; margin:auto} 
.RadioSearchAll, .Radiotitle, .RadioAcdYear, .news-search-media, .date-search-media, .headline-search-media, .RadioDate, .RadioDescription, .all-search-media, .Radiotitle, .RadioAcdYear, .RadioDate, .RadioDescription, .year-search-media{padding:13px 10px!important}	
.menu ul li{padding:0 3.7%}
.login-popup{ width:44%!important}
#dhtmltooltip{ width:100%!important}
.container { width:100%;  float:left;  box-sizing:border-box;}
}

@media screen and (min-width:768px) and (max-width:990px){

.peShiner canvas{ display:none}
.text-muted img{display: block;float: left;margin-top: 12px!important;width:60%;opacity: 1!important;}
.social_icon ul li ul{min-width:100%}
.social_icon{ width:62%;!important}
.social_icon ul li{padding:0 13px; font-size:10px;}

.menu ul li a span.text-bottom{ font-size:12px}
.menu ul li{padding:0 8px}
.menu{ margin-left:27px}
.menu ul li ul{ width:100%!important}

.next-tbd, .next-std, .next-xii, .next-x{ right:56%}
.previous-tbd, .previous-std, .previous-xii, .previous-x{ margin-left:-72px}
.dbyright1{ margin-left:0px;}
.bdy_in{ margin:8px auto 8px -12px}
.photo_gallery{ overflow:hidden;min-height:232px;width:69%; margin-left:19%}
.next-pg{bottom:22px}
.previous-pg{bottom:22px}
.e_caremapp{margin:23px auto auto 54px;min-height:280px;overflow:hidden;width:57% !important;}
.aap-box{ margin-top:24px;}
ol.bjqs-markers{ margin-top:62px;}
.e_caremapp strong{ font-size:14px;}
.e_caremapp p{ font-size:13px;line-height:20px}
.next-n{right:51px}
.achievementbox{width:76%; margin-left:6%;}
.box::after{top:333px}
.headimg img{width:100%; margin:auto}

/*--dynamic--*/
.RadioSearchAll, .Radiotitle, .RadioAcdYear, .news-search-media, .date-search-media, .headline-search-media, .RadioDate, .RadioDescription, .all-search-media, .Radiotitle, .RadioAcdYear, .RadioDate, .RadioDescription, .year-search-media{padding:5px 6px!important}
.Button1{float:left!important;margin:-1px 0 0 -9px!important;}
.photo-lblPageCountTop{ width:100%}
td.DDLPhotoNo.dd{width: 22%;}
td.album-pager-in.dd{width: 22%;}
.photo-lblPageCountTop{ width:86%;}
.lbl_page{font-size:12px}
.PagerfirstDisabled{ margin-right:2px}
.photo-lblPages{ width:93%; margin:0px}

.login-popup{left:25%!important; width:64%!important}
#dhtmltooltip{ width:100%!important}
}

@media screen and (min-width:0) and (max-width:767px){

.peShiner canvas{ display:none}
.text-muted img{display: block; margin:auto;width:92%;opacity: 1!important;}
.social_icon{display:none}
.social_icon{display:none}
#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
#iframeid{ max-width:100%;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block; width:50px; height:50px;}
.flyerbtnnew input[type="submit"]{border:none; display:block; width:50px; height:50px; background:url(/images/close-flyer.png) no-repeat center center; background-color:none; border:none; margin-top:-10px; margin-right:-10px;}
#notice ul li.active{ border:none}
#notice{left:-46px !important; margin-top:6px; height:71px}
#notice ul li.active{ width:321px!important}

.box::before, .box1::before, .box1::after, .box::after, .right_box{display:none;}
.dir-map_canvas{ width:100% !important; border:0px solid #000 !important;}
.sectionbox{width:100%; margin-top:10px}
.achievementphpoto{ width:100%;min-height:580px}
.border-right{border:none}
.dbyright1{ margin-left:0px}
.msticon{ display:none;}
.previous-tbd, .previous-std, .previous-xii, .previous-x{margin-left:-73px}
.next-tbd, .next-std, .next-xii, .next-x{margin-right:-73px}

.headimg img{width:100%; margin:auto}

.footer{ margin:0px; padding:0px; width:100%; min-height:86px}
div#all{width:50%!important;}
.Button1{float: left!important;margin: -1px 0 0 -10px!important;}
.DDLPhotoNo, .album-pager-in{ display:block!important; width:100%!important; margin-bottom:2%!important}
.photo-lblPages{ float:left!IMPORTANT;margin-right:0px!important}
.contact_us{width:100%!important}
.cnt-map{width:100%!important}
#address{width:95%!important}

.disply-photo-path{ width:47.3%!important}
.photo-gallery-button table tr td{display:inline; float:left!important}
.change_album a, .slide_show a, .D_slide_show a, .full-view a, .thum-view a{margin:8px 0 -1px 4px!important}

.slide_show, .D_slide_show{margin:0PX!IMPORTANT}
.lblPages2, .photo-lblPages2{ text-align:left!important}
.rpt-subhead{ width:80%!important; margin:auto!important; margin-top:2%; float:none!important}
.media-detail{ width:80%!important; margin:auto; float:none!important}
.media-repeater {margin:auto!important;padding:0;width:62%!important; float:none!important}
.resposive-app{ display:none}
.resposive-app ul{padding: 0px;margin: auto;list-style: none;text-align: center;}
.resposive-app ul li {text-align: center;margin: auto;display: inline-block; margin-top:7%; padding:0 4px}

.txttitle, .button-media{ margin-bottom:10px!important}

#Calendar1{ height:auto!important;}
}



@media screen and (min-width:0px) and (max-width:567px){

.sectionbox{ margin-top:10px}
.welc p{ font-size:13px; padding:0 6px; text-align:center}
.notice_m{ display:none}

.dby{ width:100%; margin:auto}
.dbyright{float:left; margin-right:0px;}

#LBPhoto{ width:78%!important}
.bdy_in{ margin:auto; width:100%; float:none}
.col-xs-6{ width:100%!important}
.col-sm-6.welc.bdatop{ width:100%; clear:both;}

.welc h4{font-size:17px;}
img.inner-img{ width:84%; margin:10px auto 0}

div#all{width:100%!important;}
.Button1{float: left!important;margin: -1px 0 0 -10px!important;}
.DDLPhotoNo, .album-pager-in{ display:block!important; width:100%!important; margin-bottom:2%!important}
.photo-lblPages{ float:left!IMPORTANT;margin-right:0px!important}
.searchform{width:99%!important; margin:0px auto!important}
.searchform .searchbutton{ margin-right:0px!important}
.a1{width:60%!important; float:left; }



.contact_us{width:100%!important}
.cnt-map{width:100%!important}
.tbl_career_form_L{width:100%!important}
.tbl_career_form_R{width:100%!important}
.gb-main-rpt-sub{width:98%!important}
.sitemaph table tr td {width: 98%!important;float: left;}

.disply-photo-path{ width:100%!important}
.photo-gallery-button table tr td{width:100%;margin:auto;display:block}
.change_album a, .slide_show a, .D_slide_show a, .full-view a, .thum-view a{ width:85%!important; margin:2px 0 5px 14px!IMPORTANT}
.RadioSearchAll, .Radiotitle, .RadioAcdYear, .news-search-media, .date-search-media, .headline-search-media, .RadioDate, .RadioDescription, .all-search-media, .Radiotitle, .RadioAcdYear, .RadioDate, .RadioDescription, .year-search-media{ padding:0px!important; width:50%}
.txttitle, .button-media{ margin-bottom:10px!important}

.slide_show, .D_slide_show{margin:0PX!IMPORTANT}
.lblPages2, .photo-lblPages2{ text-align:left!important}

.rpt-subhead{ width:100%!important}
.media-album-detail{width:98%!important}
.media-detail{ width:100%!important}
.news-name, .date-mnth, .hdng-dcr, .dcrpt-dtl{ padding:5px 8px!important; text-align:justify!important}

.resposive-app, .responsive-notice{ display:none;}
.resposive-app ul{padding: 0px;margin: auto;list-style: none;text-align: center;}
.resposive-app ul li {text-align: center;margin: auto;display: inline-block; margin-top:7%; padding:0 4px}



table#Calendar1 tr th{padding:0px!important;font-size:11px!important}
table#Calendar1 td{font-size:11px!important;}


#dhtmltooltip{ width:100%!important}


}
@media screen and (min-width:0px) and (max-width:320px){
#Calendar1{ height:auto!important;}
table#Calendar1 tr th{padding:0px!important;font-size:11px!important}
table#Calendar1 td{font-size:11px!important;}

#dhtmltooltip{ width:100%!important}


}

@media (max-width:767px){

.al{ text-align:left; display:none; background:#928D8D}
.nav-tan:before{content:"Menu"}
.nav-tan{ font-family:Arial;font-size:13px;font-weight:700;padding:0px; margin:0px; background:#333; text-align:center; display:block; line-height:22px;color:#fff;cursor:pointer}
.menu ul{ margin-left:0px;}
.menu ul li{ background:#333; float:none; padding:0 11px}
.menu ul li a span.text-top, .menu ul li a span.text-bottom{color:#fff; text-decoration:none}
.menu ul li ul{ width:50%}
.menu ul li:hover > ul{ top:3px; padding:12px; background:rgba(201, 189, 189, 0.43); position:inherit}

.headimg img{width:100%; margin:auto}
.master-icon::before, .master-icon::after{ display:none}
.master-footer{ width:100%; height:auto}

li.home_l{ display: block}
.sectionbox.inner-img-bg{ margin-top:-20px}


.login-popup {
    width:80%!important;
    left: 8%!important;
    padding: 3px;
}
}
 
@media screen and (min-width:320px) and (max-width:560px)
{
    .rpt-subhead{ float:left !important; height:auto !important;; margin:0 auto}
    .media-image-head{width: 100% !important;}
    .media-album-detail{padding: 6px 0 0 0;}
    .rpt-subhead{ margin-bottom:20px !important;}
    .modify-date {width: 100% !important;text-align: left; float: left;}    
    } 
    @media screen and (min-width:560px) and (max-width:767px){
 
.rpt-subhead{ float:left !important}

}