@media only screen and (max-width: 1366px){
#hero.container-fluid, #hero.container-fluid .row { padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; }
/*.bc-img01 { height: 425px; }*/

}



@media only screen and (max-width: 1024px){

.hero-section .hero-section-slide .slderadm h1 {font-size: 1.5rem;}
.bc-img01, .bc-img02, .bc-img03, .bc-img04, .bc-img05, .bc-img06, .bc-img07, .bc-img08 {
    height: 100%;
    display: flex;
}

.hero-section .hero-section-slide .slderadm {
    padding-bottom: 13%;
}



.hero-section .hero-section-slide .slderadm h1 span {font-size: 16px;}
.hero-section .hero-section-slide .slderadm h1 span br {display: none;}

.email-section .emails-div p {
   
    font-size: 14px;
}

.courses-section .owl-carousel .owl-prev, .partnr_section .owl-carousel .owl-prev, .small-recr .owl-carousel .owl-prev { left: -30px;}
.courses-section .owl-carousel .owl-next, .partnr_section .owl-carousel .owl-next, .small-recr .owl-carousel .owl-next { right: -30px;}

.footer .footer-top .footer-widget ul.site-map li a br, .footer .footer-top .footer-widget ul.site-maped li a br {
    display: none;
}
}

@media only screen and (max-width: 980px){

 .container, .container-md, .container-sm {
    max-width: 100%;
}   

.widget-title p br {
    display: none;
}


.hero-section .hero-section-slide .slderadm {
    padding-top: 43%;
    padding-bottom: 4%;
    width: 100%;
    text-align: center;
}

.section3 {
    margin-top: 0px;
    padding: 45px 0 !important;
}    

.section31 .blasi {
    padding-left: 0;
    text-align: center;
    padding-right: 0;
}

.section31 .video-section .pic1__item {padding-left: 0;}

.section31 .inter p {
    text-align: center;
}

.section31 {padding: 0px;}

.section31 .video-section .pic1__item:after, .section31:after {display:none;}    

.hero-section .hero-section-slide .slderadm h1 span br { display: none;}

.header_relative.py-2 {
    padding: 0px !important;
}  

.visionary-section {
    position: relative;
    overflow: hidden;
}

.business-section .business-prog ul.ticked li {margin-left: 15px;}



.Headed {padding: 0 5%;}


.courses-section .owl-carousel .owl-prev {left: -20px;}
.courses-section .owl-carousel .owl-next {right: -20px;}
.small-recr .owl-carousel .owl-prev {left: -30px;}
.small-recr .owl-carousel .owl-next {right: -30px;}


.logo img {
    width: 80% ;
    padding: 5px 0;
}
.served_section .served__block {margin-top: 2rem;}
.contact-fild-box .form-control {padding-left: 10px;}
.formd .dsu-intro {
    /* background: #6A3908; */
    width: 100%;
    padding: 15px 10px;
    margin-bottom: 15px;
}

.formd .dsu-intro .dsu-form {
    text-align: center;
}
.frmBg p {padding: 10px 0;}
.contact-fild-box label {color: #fff;}

.bc-img01, .bc-img02, .bc-img03, .bc-img04, .bc-img05, .bc-img06, .bc-img07, .bc-img08 { height: auto; background-color: #001337; background-size: 100%;
    background-position: center top;}
.footer .footer-top .footer-widget .address-widget li{padding-right: 0px;}
.contact-fild-box .form-control option {text-align:left;}
.contact-fild-box .form-control { min-height: 37px;}
.formd {margin-top: 0px;}
.contact-fild-box.m-2:first-child {margin-left: .5rem !important;}
section.position-relative.py-5 {padding: 19px 0 !important;}
.widget-title h2 span {display: inline-block; font-size: 1.1rem; font-weight: 800;}

.faq-section {padding: 25px 0; }

#heroo.owl-theme .owl-nav [class*=owl-] { top: 25%; }
#heroo .slderadm.text-end { text-align: left !important; }
.hero-section .hero-section-slide .slderadm h1, h1, h2, h3, h3, h4, h5, h6 { font-size: 1.3rem; }
.hero-section .hero-section-slide .slderadm br {display: none;}

.hero-section .hero-section-slide .slderadm h1 span {font-size: 14px; display: block; padding: 10px 0;}
.hero-section .hero-section-slide .slderadm a:after {top: 6px;}


p, ul li { font-size: 0.875rem; }
.hero-section {padding-top: 7rem;}
section#hero {
    padding-top: 5rem;
}



.hero-section .hero-section-slide .slderadm.text-end { float: none;}

.deskt, .desktop, #heroo.owl-theme .owl-dots  { display: none;}
.mobile { display: block;}
.container.mobile .row.times {
    padding-top: 40px;}


.footer-widget.address-widget-box ul.address-widget { display: block;}


.footer-top.py-5 {
    padding: 25px 0 !important;
}
.formd {width: 100%;}


.footer .footer-top .footer-widget {
    width: 100%;
    padding-bottom: 20px;}

.footer .footer-top .footer-widget ul.site-map li a br, .footer .footer-top .footer-widget ul.site-maped li a br {display: none;}


.courses-section .expert_thumb .expert_title {padding: 10px;}
.visionary-section .mid-area.w-75 {
    width: 90% !important;
    padding: 30px 0px !important;
    margin: 0 auto !important;
    text-align: center;
    padding-left: 15px !important;}


.about-banner, .service-banner, .contact-banner {
    background-size: cover !important;
    background-position: 51% 100% !important;
    background-repeat: no-repeat;
}

.dsu-addmission {
    padding-top: 150px;}

.widget-title h4:after {display: none;}
.widget-title h4 {padding-left: 0;}

.section31 .inter.paddr {
    padding-top: 0px !important;}
.section31 .pt-3 {padding-top: 0 !important;}

.vision__section {
    text-align: center;}

.vision__section .skilled_growth_2 ul.liste {
    list-style: none;
    margin-left: 0px;}

.vision__section .skilled_growth_2 ul.liste li {
    border-bottom: dotted 1px #bc3e92;
    padding: 8px 0;}

.vision__section .skilled_growth_2 ul.liste li:last-child {
    border-bottom: 0px;}

.strength__section .strength-divi {
    width: 32%;}

.widget-title {
    text-align: center;}
.contact-page-section .contact-info-column .widget-title {
    text-align: left;}


.nops {padding: 0;}

.footer:after {width: 100%;}

.hero-section .hero-section-slide .slderadm {float: none;}

section.position-relative.sericed-section.py-5.pb-3 {
    padding-bottom: 0 !important;
}
.section31 .inter {padding-top: 0px;}
.section31 .blasi .applys.pt-3 {
    margin-top: 15px;
}
.partnr_section {
    padding: 30px 0;
    text-align: center;
}
.courses-section .expert_thumb h4 br {display: none;}
.hero-section .hero-section-slide .slderadm .callers {
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.section31:before, .section31::after, .section31 .video-section .pic1__item:before {display: none;}

#benefits-slider.owl-carousel .owl-next {
    position: absolute;
    right: 20px;
    width: 35px;
    height: 35px;
}

#benefits-slider.owl-carousel .owl-prev {
    position: absolute;
    left: 20px;
    width: 35px;
    height: 35px;
}
.segment_em_section .segment_em_divi .dealing-section p strong {
    text-align: left;
}

.segment_em_section .segment_em_divi .dealing-section h5 {
    text-align: left;
}

.segment_em_section .segment_em_divi .dealing-section ul li {
    text-align: left;
}


}

@media only screen and (max-width: 736px){

.hero-section .hero-section-slide .slderadm h1 br {display: none;}    
    
 .widget-title h4, .widget-title h2 {font-size: 1.5rem;}   

section#hero {padding-top: 5.4rem;} 

.interior-banner, .cctv-banner, .server-banner, .amc-banner, .imp-banner, .furnichure-banner, .civil-banner {
    background-size: cover !important;
    background-position: center center !important;
}


.bc-img01, .bc-img02, .bc-img03, .bc-img04, .bc-img05, .bc-img06, .bc-img07, .bc-img08 {
    height: auto;
    background-size: 115%;
    background-position: 0% 0%;
}


.hero-section .hero-section-slide .slderadm h1, h1, h2, h3, h3, h4, h5, h6 {font-size: 1.5rem;}
.hero-section .hero-section-slide .slderadm h1 span {font-size: 16px;} 
.hero-section .hero-section-slide .slderadm {
    padding-top: 48%;
    padding-bottom: 4%;
    width: 100%;
    text-align: center;
}



.mid-area p { font-size: 18px;} 
	
.container { max-width: 100%;}
.footer-widget.address-widget-box ul.address-widget {display: block;}


.footer-top .d-flex.align-content-center.flex-wrap.justify-content-between {display: block !important;}

.footer .footer-top .footer-widget {
    width: 100%;
    padding-bottom: 20px;
	        
}

.strength__section .strength-divi {width: 48%;} 
.strength__section .strength-divi:nth-child(even) {margin-right: 0px;}

.client-section .client-area .logo-section ul.listes li {width: 28%;}

.hero-section .hero-section-slide .slderadm .callers {justify-content: center;}


.section3 .blasi p, .vision__section .navigating_progrm p {text-align: center;}

.segment_em_section .segment_em_divi p {
    text-align: center;
}
.segment_em_section .segment_em_divi .hilights-div ul
 li {text-align: left;}
 
.imageed {width: auto;} 
.overlayed-container {width: 100%;}

.gallery-div .single_gallery_item img {height: 100%;}
}

@media only screen and (max-width: 667px){


.mid-area p { font-size: 16px;} 

.footer .footer-top .footer-widget .footer-title { font-size: 18px; }



}

@media only screen and (max-width: 568px){


#back-top { bottom: 60px;}
.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 a { display: block; text-align: center; padding: 12px 2px; background-color: #b2b2b2; }

.sideNavi-item {
    width: 100%;
}

.sericed-section .benefits-item .bene_content h3 {
    margin: 1rem 0;
    font-size: 1.2rem !important;
    line-height: 1.1;
}
.sericed-section .benefits-item {padding: 1rem;}


}

@media only screen and (max-width: 480px){


.hero-section .hero-section-slide .slderadm h1, h1, h2, h3, h3, h4, h5, h6 {font-size: 1.3rem;}
.hero-section .hero-section-slide .slderadm h1 span {font-size: 0.9rem;}   


.programs__content ul li {
   
    flex-direction: column;
    gap: 10px;
}

.dsu-addmission .bannerContent h1 {font-size: 1.6rem;}
.dsu-addmission .bannerContent .breadcrumb a, .dsu-addmission .bannerContent .breadcrumb li {font-size: 13px;}
.segment_em_section .segment_em_divi {text-align: center; margin-bottom: 40px;}
.dsu-addmission .bannerContent .breadcrumb ol {
    gap: 5px;
    
}
.client-section .client-area .logo-section ul.listes li {width: 42%;}


.section3 .odo-meter .rank__item .digitally-one__counter-single {width: 250px;}
.rank__item {
    display: flex;
    justify-content: center;
}
.section3 .odo-meter .rank__item .digitally-one__counter-single:after {display: none;}


.sericed-section .benefits-item .bene_content h3 {font-size: 1.25rem !important;}
.sericed-section .benefits-item {padding: 2rem;}
}

@media only screen and (max-width: 414px){


}

@media only screen and (max-width: 384px){


}


@media only screen and (max-width: 360px){
.client-section .client-area .logo-section ul.listes li {width: 75%;}
.hero-section .hero-section-slide .slderadm h1, h1, h2, h3, h3, h4, h5, h6 {
    font-size: 1.2rem;
}


}

@media only screen and (max-width: 320px){

.hero-section .hero-section-slide .slderadm a {font-size: 12px;}  

.hero-section .hero-section-slide .slderadm h1, h1, h2, h3, h3, h4, h5, h6 {
    font-size: 1.3rem;
}
.mid-area p {font-size: 16px;}  
	

}
