/* MAX 1024px */
@media only screen and (max-width: 1024px){
#inner { padding-left: 15px; padding-right: 15px;}
#hero.container-fluid, #hero.container-fluid .row { padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; }
.bc-img01 { background-size: cover; }

}

@media only screen and (max-width: 812px){
.header.sticky { position: relative; }
.loader { display: none !important; }
.sec3:after, .center-content { display: none; }
.dsu-intro #inner .col-sm-3 {order: 2; width: 100%;}
.dsu-intro #inner .col-sm-8.nopd.leftsec_content {order: 1; width: 100%;}
.dsu-intro #inner { display: flex; flex-wrap: wrap; flex-direction: row;}
.dsu-form { background: #8d3132;  }
.dsu-form, .applyBox { float: none; margin: 0 auto;  position: relative; top: 10px; right: 0px;  }
.applyBox  { width: 100%;}
.bc-img01 { height: 690px; }
.logo { width: 100%; text-align: center;  }
.logo_right_area { width: 100%; text-align: center; margin-top: 0; }
.logo_right_area img { display: none; }
.leftsec_content, .sec3Head { width: 100%; }
.dsu-addmission {margin-top: 10px; float: none; width: 100%; text-align: center; }
.sec2 { background-size: cover; }
.sec1Head { width: 100%; }
.sec1Head .ClassItem img { width: 100%; }
.logoHeading { display: block; border: 0px; padding: 10px 0; margin: 0; }
.sec2Head { width: 60%;}
.achievementsLogo{width:100%;}
}

@media only screen and (max-width: 767px){
.ClassItem, .achievementsLogo { width: 100%; margin-bottom: 15px; }
.ClassItem {
  text-align: center;
}
.ClassItem img {
  width: auto;
  margin: 0 auto;
}

}

@media only screen and (max-width: 736px){
.dsu-addmission strong { margin-left: 0; }

}

@media only screen and (max-width: 568px){
.ClassItem span { font-size: 18px;}
.frmBg { padding: 10px 0 0; }
}

@media only screen and (max-width: 480px){
.ClassItem, .achievementsLogo { width: 100%; margin-bottom: 15px; }
.sec1Head .ClassItem img { width: auto; }
.sec1Head .ClassItem span { margin-top: 15px; }
.sec2Head { width: 100%;}
   
}
@media only screen and (max-width: 414px){
.alumna-silder .carousel-indicators li {
    width: 50px;
    height: auto;
}	
}

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

}

@media only screen and (max-width: 360px){
.dsu-form { width: 100%; }
.sec1Head .ClassItem img { width: 200px; } 
}

