@media only screen

and (max-width : 765px) 

{

	.news-blank, .menu-main, .info:after, .news-main:after, .aboutus-left:after, .aboutus-left a:after, .content-heading-in:after, .about-blank, .msg-line, .blank-f, .footer-nav:after, .news-master-r, .peShiner{ display:none;}

	.menu{ width:100%; float:left; height:auto;}

	.wrapper, .footer-in{ width:98%;}

	.news-main{padding-top:6px;}

	.wrapper-main, .footer-main{width:100%; float:left;}

	.menu-main ul li{ background-image:none;width:100%; float:left; height:auto;}

	.menu-div{padding: 0;  float: left;display: block;}

	.menu-div a{padding: 0 14px; display: block; height: 30px; line-height: 30px;  font-weight: bold; font-size: 15px; background-color: #0098da;  color: #fff}

	.menu-main ul ul{ position:relative; display:none;}

	.menu-main ul li:hover > ul{ display:block;}

	

	/* The modal's background */

	.modal { display: none;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);  position:fixed !important; overflow:auto; position :absolute;top:0;right:0;bottom:0;left:0;min-width:100%; min-height:100%;z-index:9999999999;}

	/* Display the modal when targeted */

	.modal:target {display:block;position: absolute;}

	/* The modal box */

	.modal-dialog {display: table-cell; vertical-align: middle;}

	/* The modal's content */

	.modal-dialog .modal-content { float:left; background-color: #f3f3f3; position: relative; padding: 0;outline: 0;border: 1px #777 solid;text-align: justify;width: 70%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  /* Add animation */ -webkit-animation-name: example; /* Chrome, Safari, Opera */  -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */  animation-name: example; animation-duration: 0.5s;}

	/* The button used to close the modal */

	.closebtn {text-decoration: none; font-size: 35px;font-weight: bold;color: #fff;position: absolute; z-index: 999; right: -18px; top: -13px; display:block;}

	.closebtn:hover,.closebtn:focus {color: #000;text-decoration: none;cursor: pointer;}

	.modal:target .menu-main{ display:block;}

	.logo{ width:100%;}

	.logo-main, .logo-name{ width:100%; float:left; text-align:center; margin:0; padding:0;}

	.logo-main img, .logo-name img{ max-width:100%;}

	.news{ width:100%; float:left; margin:0; padding:0; margin-top:10px;}

	.info{ width:100%; float:left; height:auto; margin:0; padding:0;}

	.info ul li{ margin-left:5px; background-image:none;}

	.news-main, .news-heading{ width:100%; float:left; margin:0; padding:0; height:auto;}

	.board, .news-heading a{ display:inline-block; margin:0 5px;}

	.news-in{ width:100%; float:left; margin:0; padding:0; padding-bottom:10px; padding-top:5px;}

	

	#news ul li{ max-width:100%!important;}	

	#news{ max-width:100%!important;}

	 

	.slider{ margin:5px 0;}

	.aboutus-left{ padding:2%; margin:0; width:96%; float:left;}

	.aboutus-left a{ right:0;}

	.about-img{ max-width:100%; height:auto;  background-size:100%;}

	.about-img img{max-width:100%; }

	.imp-link{ width:224px; float:none; margin:0 auto;}

	.imp-link ul li{ margin-top:10px;}

	.msg-box{ max-width:100%; float:left; margin:0; height:auto; margin:5px 0;}

	.msg-box-in{ width:96%; background:rgba(255, 255, 255, 0.8); float:left; margin:0; padding:2%;}

	.msg-box-in a{ right:0; left:auto; float:right;}

	.topper-main, .topp-in{ width:100%; float:left;}

	.topp-box, .bday{ max-width:100%; float:left; margin:5px 0;}

	.detail-photo{ width:100%; float:left;}

	.photo-upd{ float:left;}

	.gallery-in{ width:100%; float:left; margin:0; padding:0;}

	#gallery{ max-width:100%;}

	.footer-nav{ width:100%; float:left; height:auto;}

	.footer-nav ul{ height:auto; margin:0; padding:0;}

	.news-l{ left:6px;}

	.content-container, .content-heading, .content-main{ width:100%; float:left;}

	.content-heading-in{ float:left; height:auto; width:96%; padding:0 2%;}

	.content-heading{ height:auto;}

	.toppers{ float:none; margin:0 auto; width:297px;}

	.photo-img-in{ min-height:105px;}

	

	

	.searchform{ padding:0 1%;}

	.ChildHeadingborder{ width:100%; float:left;}

	.photo-gallery-button{ margin-right:0;}

	.photo-gallery-button table tr td{ width:100%; float:left;}

	.res-logo{ display:block;}

	.inner-img{ max-width:50%;}

	.tbl_career_form_L, .tbl_career_form_R{ width:99%; }

	.gb-main-rpt-sub{ width:94%;}

	.sitemap-in{ width:50%;}

.modalBackground{ display:none}



.mobi-app{ position:relative;left:auto; float:left; margin:10px 0; top:0; width:100%;}

.mobi-app ul{ text-align:center;}

.mobi-app ul li{ float:none; display:inline-block;}

#news{ margin-left:0;}



#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;}





.app-area{ height:auto; padding-bottom:28px;}

.app-area-in, .app-area-main, .app-left, .app-right{ width:100%; float:left;}

}











@media only screen

and (min-width : 500px)

and (max-width : 765px) 

{	

.bday, .topp-box-left1:after, .class:after, .name:after{ display:none;}

.msg-box{ max-width:50%;}

.imp-link ul li{ float:left;}

.imp-link{ width:100%;}

.aboutus-left, .about-img{ width:46%;}

.aboutus-left{ height:auto; padding-bottom:10px;}

.about-main{ background:#fab632;}

.topp-box12{ float:right;}

.topp-box{ max-width:50%;}

.topp-box{ width:100%; max-width:100%;}

.topp-box-in{ width:50%;  background:#0098DA;}

.arrow-r{ right:6px;}



.toppers{ width:100%; float:left;}

	

.modalBackground, #btnCancel1{ display:none}

}



@media only screen

and (min-width : 380px)

and (max-width : 765px) 

{



.modalBackground, #btnCancel1{ display:none}

}







 /* iPads (landscape) ----------- */

 @media only screen

and (min-width : 765px)

and (max-width : 989px)

 {

 	.footer-nav::after, .blank-f, .bday{ display:none;}

 .wrapper, .footer-in{ width:750px;}

 .wrapper-main, .footer-main{ width:100%; float:left;}

 .menu-main ul li a{ font-size:14px; padding:0 8px;}

 .logo{ max-width:40%;}

 .news{ max-width:60%; margin:0;}

 .logo-name{ margin-left:0;}

 .logo-name img{ max-width:100%;}

 .info{ max-width:100%; padding-left:0;}

 .news-main{ max-width:100%;}

 .news-in{ width:300px;}

 .logo-main{ max-width:30%;}

 .logo-name{ max-width:66%;}

  .logo-main img, .logo-name img{ max-width:100%;}

  .aboutus-left{ width:317px; padding:42px 14px 0 20px;}

.about-img{ width:399px; overflow:hidden;}

.imp-link ul li{margin-right: 5px; width: calc(25% - 5px);}

.msg-box{ width: calc(50% - 14px);}

.gallery-in{ width:100%; float:left;}

#gallery, #news{ max-width:100%;}

.footer-nav{ width:100%; float:left;}

.about-blank{ margin-left:12px;}

.aboutus-left a{ right:-18px;}

.detail-photo{ width:54%;}

.topper-main, .topp-in{ width:100%;}

.topp-box12{ margin-left:95px;}



.app-area-in{ width:750px;}

.app-area-main{ width:100%;}

.app-left, .app-right{ width:50%; }

.mobi-app{margin-left: 178px;}

}