/* MAX 1024px */
@media only screen and (max-width: 1920px){
.bc-img01 { height: 773px; background-size: 100% 100%; }
.dsu-addmission { margin-top: 73%; }     
}

@media only screen and (max-width: 1600px){
.dsu-addmission { margin-top: 58%; }  
.bc-img01 { height: 676px; }   
}

@media only screen and (max-width: 1440px){
.dsu-addmission { margin-top: 50%; }
.bc-img01 { height: 608px;}      
}

@media only screen and (max-width: 1366px){
.dsu-addmission {
    margin-top: 40%;
}
.bc-img01 {
  height: 532px;
}      
}

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

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

}

@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; }
.sideNavi { right: -48px; }
.applyBox { margin-top: 0px; }
.sec2, .sec3, .sec4 { background-size: cover; }
#gallery-memeber.owl-theme .owl-nav .owl-next { right: 0; }
#gallery-memeber.owl-theme .owl-nav .owl-prev { left: 0px;}
.bc-img01 {
    height: 479px;
    background-size: cover;
}
.banner-heading .coursetext:nth-child(2):after { left: 0; }

.stripsection p {
  font-size: 17px;
}
.sec_date {
  background-color: #3c8521;
  padding: 35px 1px !important;
}

}

@media only screen and (max-width: 980px){
.sec4 { height: auto; }
.banner-heading h2, .banner-heading p { color: #000;}
.banner-heading .coursetext:nth-child(2):after, .banner-heading .coursetext:nth-child(2):before { background-color: #000;}
.sec5:after, .dsu-addmission h1 br, #notable-slider.owl-theme .owl-nav [class*=owl-] { display: none; }
.sec7 { display: block; }
.notableBox .notablelist { padding-left: 50px;  padding-right: 50px; }
.notableBox .notablelist:nth-child(2) { border-top: 1px solid #FFF; border-left: 0px; padding-top: 15px; margin-top: 15px;}
.sec4.py-4 .row .col-lg-4 .position-relative { width: 300px; margin: 0 auto 15px; } 
.bc-img01 { height: 735px; background-size: cover; background: #e9c101;}
.sideNavi { right: 0px; top: auto; bottom: 0px; width: 100%; -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}

.sideNavi a { width: 100%; display: block; text-align: center; padding: 10px 10px; }
.footer { height: 100px; }
.dsu-intro .leftsec_content { width: 100%; display: table; text-align: center; position: relative; }
.dsu-intro .col-sm-5 { width: 100%; }
.applyBox, .dsu-form { width: 320px; margin: 15px auto; float: none; }
.dsu-addmission { margin-top: 0%; display: block;}
.dsu-form { height: auto; }
.banner-heading .coursetext:nth-child(2):after { left: -0px; }
.dsu-addmission h1 { margin-top: 20px; color: #000; }
.banner-heading { margin-top: 10px;}
}

@media only screen and (max-width: 736px){
.container {
  max-width: 100%;
}
.stripsection p {
  font-size: 16px;
}
.sec_date {
  background-color: #3c8521;
  padding: 30px 0px !important;
}
.stripsection {
  margin-bottom: 10px;
}
.sec_date .stripsection:last-child {
  margin-bottom: 0px;
}

}

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

}

@media only screen and (max-width: 568px){
.dsu-addmission h1 { font-size: 30px; line-height: 35px; }
.sec5 .col-lg-4 .activities-area h4 { font-size: 14px;}
.logo_right { display: none; }
.logo { text-align: center;-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
.footer p { font-size: 12px; line-height: 17px;}
.notableBox .notablelist {
    padding-left: 20px;
    padding-right: 20px;
}
.notableBox .notablelist ul li span { width: 150px;}
.notableBox .notablelist ul li { padding-left: 0px; padding-right: 0px; }
}

@media only screen and (max-width: 480px){
.notableBox .notablelist ul li strong { width: 190px; } 
.logo img { width: 280px; }
.loader img { width: 208px; }

.notableBox .notablelist ul li { font-size: 12px; }

.visiting-section .single-feedback { height: auto; }
.banner-heading .coursetext  { -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
.banner-heading .coursetext:nth-child(2) { padding-top: 5px; padding-bottom: 5px; margin: 5px 0; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2);   }
.banner-heading .coursetext:nth-child(2):before, .banner-heading .coursetext:nth-child(2):after { display: none; }    
.dsu-addmission h1 { font-size: 24px; line-height: 30px;}
.bc-img01 { height: 830px; }
.sec5 .row.mt-5.mb-4.mx-5  { margin-left: 0px !important; margin-right: 0px !important; }
#gallery-memeber.owl-theme .owl-nav [class*=owl-] { top: 60px; }
h1, h2, h3, h3, h4, h5, h6, .visiting-section .single-feedback .nameheading h4 { font-size: 20px; }
.client-info.mb-3 { margin-bottom: 5px !important; }
}

@media only screen and (max-width: 414px){
.applyBox, .dsu-form { width: 100%; }
.sec1  img { width: 100%; }
.nameheading { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 15px; }

.notableBox .notablelist ul li span { width: 135px; }
.notableBox .notablelist ul li strong {
    width: 145px;
}
.notableBox .notablelist ul li { padding: 0 0; }
.section_gallery { padding-top: 10px; }
.facilities-row.mt-5 {     margin-top: 31px !important; }
.visiting-section .single-feedback { padding: 10px; }
.visiting-section .single-feedback p, .visiting-section .single-feedback .nameheading span { font-size: 12px; line-height: 16px; }
}

@media only screen and (max-width: 375px){
#gallery-memeber.owl-theme .owl-nav [class*=owl-] { top: 43px;}
.footer p { font-size: 10px; line-height: 14px;}
.sec5 .row .col-lg-4 {  text-align: center; }
.sec5 .row .col-lg-4:nth-child(2) { border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2);   }
.sec5 .col-lg-4:nth-child(2) .activities-area:before, .sec5 .col-lg-4:nth-child(2) .activities-area:after { display: none; } 
.sec5 .col-lg-4 .activities-area h4 {
    font-size: 12px;
}

#client-slider .owl-item .text-center img { width: 80px; text-align: center; }
#client-slider.owl-theme .owl-nav [class*=owl-] {    top: 22px;}
#client-slider.owl-theme .owl-nav .owl-next {
    right: -12px;
}
#client-slider.owl-theme .owl-nav .owl-prev {
    left: -12px;
} 
#notable-slider.owl-theme .owl-dots .owl-dot span { margin: 5px 2px;}
}


@media only screen and (max-width: 360px){
.sec4.py-4 .row .col-lg-4 .position-relative {
    width: 100%;
}
.clipshap img { width: 100%; }

.notableBox .notablelist ul li span {
    width: 100px;
}
.sec4 .clipshap-content { left: 32px;     top: 32px; }
.sec4 .col-lg-4 { padding: 0 40px; }
.sec4 .clipshap-content span { font-size: 16px; line-height: 22px; padding: 0 12px; }
}

@media only screen and (max-width: 320px){
.sec4 .clipshap-content { left: 15px; top: 23px; }
}