@media only screen and (min-width:1199px){
  .container {width: 78%;}
}


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

#hero.container-fluid, #hero.container-fluid .row { padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; }
.container{max-width:87%;}
.recr::before, .recr::before {bottom:-140px;}
.facilities9::before, .facilities9::before {top: -92px;}
.facilities9 .fac-area {margin-top: 38px; padding-top: 20px; padding-bottom: 10px;}



}

@media only screen and (max-width: 980px){
.container{max-width:92%;}
.logo img {
	width: 35%;
}

.dsu-addmission{position:relative; margin-top: 10px; text-align: center;}	
.dsu-addmission .bannerContent p { color: #24664c; font-size: 22px;text-shadow:none;}
.dsu-addmission .bannerContent h1 {font-size: 2.1rem;}
.dsu-addmission h1.text-white { color: #24664c !important;}
.dsu-addmission .bannerContent .divi span {font-size: 1.65rem;}
.introo{text-align:center; padding-top: 0px;}
.abtused{padding-top: 10px;}
.introo .abtcontent figure{text-align:center;}

.recr::before, .recr::before {bottom:-145px;}
.facilities9::before, .facilities9::before {top: -125px;}

.dsu-intro { position: relative; width: 100%; top: 0px; }
.dsu-form { margin: 40px auto 0px; float: none; }
.desktop { display: none;}

.sideNavi {
    position: fixed;
    width: 100%;
    bottom: 0px;
    top: auto;
    right: auto;
    left: 0;
    z-index: 2;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sideNavi .sideNavi-flex { display: flex;}
.sideNavi a { display: block; text-align: center; padding: 12px 2px; margin-bottom: 0px; }
.sideNavi-item { width: 100%;}
.footer { height: 90px;font-size: 12px; }
.header .header-absolute { position:relative; text-align: center; background-color:#24664c;}


.mobile { display: block;}
.bc-img01 {
    background-position: top center;
    height: auto;
    background-image: none;}
}



@media only screen and (max-width: 736px){
.logo img {
	width: 50%;
}	


.dsu-addmission .bannerContent h1 {font-size: 2.2rem;}




.facilities9::before, .facilities9::before {top: -115px;}
	
.recr::before, .recr::before {bottom: -182px;}

	
.container { max-width: 720px;}
.widget-title h3 { font-size: 26px; }
.widget-title h3.orang{font-size: 26px; }




.px-4 { padding: 0 0!important; }




}

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

.dsu-addmission{margin-top: 10px; text-align: center;}	
	
.dsu-addmission .bannerContent h1 {font-size: 2.2rem;}
.dsu-addmission h1.text-white { color: #24664c !important;}
.dsu-addmission .bannerContent .divi span {
	font-size: 1.7rem;
    display: inline-block;
    line-height: 1.02;
}

.facilities9::before, .facilities9::before {
	content: '';
	position: absolute;
	left: 0;
	top: -115px;
	right: 0;
	width: 100%;
	height: 262px;
	background: url(../images/green-top.jpg) no-repeat center center;
	background-size: 100%;
	z-index: -1;
}
.facilities9 .fac-area {margin-top: 10px; padding-top: 20px; padding-bottom: 10px;}	
.recr::before, .recr::before {bottom: -193px;}

 
}

@media only screen and (max-width: 568px){
	.logo img {
	width: 70%;
}
.dsu-addmission{margin-top: 10px; text-align: center;}
.container { max-width: 540px;}
.dsu-addmission .bannerContent p { color: #24664c; font-size:20px;}

.facilities9::before, .facilities9::before {	
	top: -125px;	
}



.facilities9 .fac-area {padding-top: 20px; padding-bottom: 10px;}
.recr::before, .recr::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -220px;
	right: 0;
	width: 100%;
	height: 584px;
	background: url(../images/big-green-top.png) no-repeat center center;
	background-size: 100%;
	z-index: -1;
}


.applyBox { margin-top: 0; }



}

@media only screen and (max-width: 480px){
	
.recr::before, .recr::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -237px;
	right: 0;
	width: 100%;
	height: 584px;
	background: url(../images/big-green-top.png) no-repeat center center;
	background-size: 100%;
	z-index: -1;
}




}

@media only screen and (max-width: 414px){
.dsu-addmission .bannerContent h1 {font-size: 2rem;}

}

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

}


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


}

@media only screen and (max-width: 320px){
.footer { font-size: 10px;}


}