@media only screen and (max-width:1100px) {



.ourVissionSub {max-width: 550px;}



}



@media only screen and (max-width:1000px) {



.cmSec .captionSec {margin-left: 0; padding: 10px 10px 10px 10px;}

.cmSec .captionSec h2 {font-size: 21px; margin: 0;}

.cmSec .captionSec h2 span {font-size: 14px;}



.micSec .captionSec {margin-right: 0; padding: 10px 10px 10px 10px;}

.micSec .captionSec h2 {font-size: 21px; margin: 0;}

.micSec .captionSec h2 span {font-size: 14px;}



}



@media only screen and (max-width: 950px) {

.innerPageLeftSub ul.leftNav li a {padding: 15px 0px 15px 10px; font-size: 14px;}

  

}





@media only screen and (max-width: 850px) {

.logoSec{max-width:70%;}

}



@media only screen and (max-width:800px) {

.rightImgOverLap{display:none;}

}



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

.topSectionHeader {position: inherit;}

.bannerSliderMain {margin: 0;}

.desctopNav{display:none;}

.navSecTop a.hambargerOpen{display:none;}

.navSecTop a.mobileBtn{display:block;}

.resMenuPanel{display:block;}



.col_sm_4_cm, .col_sm_4_mic {max-width: 50%;}

.col_sm_4_About {max-width:100%;}



.ourVissionSub h2 {font-size: 24px;  margin-bottom: 8px;}

.ourVissionSub p {font-size: 16px; line-height: 26px;}



.aboutBox {padding:18px 18px;}

.aboutBox h1 {font-size: 28px; margin-bottom: 10px; margin-top: 0;}

.aboutBox p {font-size: 15px; line-height: 30px;}



.productServices h2 {font-size: 28px; margin-top: 0;}

.productServices ul.slideBox li h3 {font-size: 14px; font-weight: 500;}



.threeBoxMain {min-height: 350px;}

  

.threeBoxSection_wrapper{display:block;}

.threeBoxSection_wrapper .who_we_are_1{max-width:50%; min-height: 355px; margin-bottom: 25px;}

.threeBoxSection_wrapper .who_we_are_2{max-width:50%; min-height: 355px; margin-bottom: 25px;}

.loginSec{max-width:100%;}



.aboutMainSec {padding-bottom: 35px;}



.threeBoxSection {padding:35px 0;}

.ourVission {padding-top: 20px;}



.footerLeft ul li {width:50%; padding-right:35px;}



.footerLeft{max-width:100%;}

.footerRight{max-width:100%;}



.bannerInner {margin:0;}



ul.photosGallery li {width: 33.33%;}
	
.notice_cus .table-responsive table thead{display: none;}
.notice_cus .table-responsive table tbody tr{width: 100%;}
.notice_cus .table-responsive table tbody tr td{width: 100%; float: left; border-bottom: #d9d9d9 solid 1px; text-align: right;}
.notice_cus .table-responsive table tbody tr td:last-child{border-bottom: none;}
	
.notice_cus .table-responsive table tbody tr td:before	{font-weight: 700; padding-right: 8px; float: left;}
.notice_cus .table-responsive table tbody tr td:nth-child(1):before{content: "S.L.:";}
.notice_cus .table-responsive table tbody tr td:nth-child(2):before{content: "Date:";}
.notice_cus .table-responsive table tbody tr td:nth-child(3):before{content: "Indicative Advertisement:";}	
.notice_cus .table-responsive table tbody tr td:nth-child(4):before{content: "Detail Advertisement With Terms And Conditions:"; font-weight: 700; padding-right: 8px;}
.notice_cus .table-responsive table tbody tr td:nth-child(5):before{content: "Application Form:"; font-weight: 700; padding-right: 8px;}
.notice_cus .table-responsive table tbody tr td:nth-child(6):before{content: "Application End Date:"; font-weight: 700; padding-right: 8px;}
	
	
	
	

}



@media only screen and (max-width: 700px) {



.cmSec .imgFrm, .micSec .imgFrm {margin-top: 35px;}



.latestUpdateSecLeft{max-width:100%; min-height:475px !important;}

.latestUpdateSecRight{max-width:100%;}



.latestUpdateSecLeft .listNotice p{display:inline-block; width:100%;}

.latestUpdateSecRight .mapSec iframe {height: 340px !important; width: 100%;}

.latestUpdateSecRight .mapSec {border-radius:0;}

.latestUpdateSecRight h2 {margin-top: 0;}

.latestUpdateSecRight {min-height:inherit !important;}



.contactForm h2 {margin-top: 0;}



.contactForm .fmField {margin-bottom: 12px; max-width: 100%;}

.contactForm input {padding:8px 20px !important; height:45px;}



.ourVissionSub {max-width: 100%;}

.ourVissionSub p{padding-left:60px; padding-right:60px;}

.ourVissionSub p::before{left:0;}

.ourVissionSub p::after{right:0;}



.bannerSliderMain .slick-prev.slick-arrow{width: 35px; height: 36px; left: 10px; background-size: cover; background-color: #fff !important; border-radius: 50px;}

.bannerSliderMain .slick-next.slick-arrow{width: 35px; height: 36px; right: 10px; background-size: cover; background-color: #fff !important; border-radius: 50px;}



.innerPageLeft{max-width:100%; margin-bottom: 25px;}

.innerPageRight{max-width:100%;}

.innerPageRightSub{min-height:inherit;}



.innerPageTitle {left: 0; font-size: 22px; padding: 12px 11px 12px 11px; min-width: 100%; margin: 0; text-align:left; position:relative;}

.innerPageTitle::before, .innerPageTitle::after{display:none;}

.innerPage {padding-top:10px;}

.breadcrumb {margin-bottom: 5px !important;}



.contactPageSec{max-width:100%; margin-bottom: 25px;}

.contactPageSec .imgBox img{width:100%;}



}







@media only screen and (max-width: 570px) {

.logoSec{max-width:85%;}



.col_sm_4_cm, .col_sm_4_mic {max-width: 100%;}

.micSec .imgFrm {max-width: 100%; width: 100%;}

.micSec, .cmSec{max-width: 290px;float: none;margin: 0 auto;}



a.redBtnRound {padding: 5px 7px;}
	
.notice_cus .table-responsive table tbody tr td{width: 100%; float: left; border-bottom: #d9d9d9 solid 1px; text-align: left;}
.notice_cus .table-responsive table tbody tr td:before	{float: none; width: 100%; display: block; padding-bottom: 6px; padding-right: 0;}	



}

	

@media only screen and (max-width: 500px) {

.navSecTop a.mobileBtn{padding: 15px 19px; width: 40px; height: 42px; background-size: 27px;}



.innerPageRightSub img.alignright{margin:0 0 15px 0; width:100%;}

.innerPageRightSub img.alignleft{margin:0 0 15px 0; width:100%;}

ul.photosGallery li {width:50%;}



}



@media only screen and (max-width: 470px) {

.threeBoxSection_wrapper .who_we_are_1{max-width:100%; min-height: inherit; margin-bottom: 25px;}

.threeBoxSection_wrapper .who_we_are_2{max-width:100%; min-height: inherit; margin-bottom: 25px;}

.threeBoxMain {min-height: inherit;}



}



@media only screen and (max-width: 400px) {

.footerLeft ul li {width:100%; padding-right:0;}



}

@media only screen and (max-width: 380px) {

}