@media (min-width:1900px){

}

@media (max-width:1441px){
     img.img-fluid.childhood {
    margin-top:8px;
    width: 80%;
}
    
}

@media (max-width:1399px){
.animated-button-2 {
    position: relative;
    display: inline-block;
    padding: 26px 30px;
    text-align: center;
    width: 200px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: #5eb7b8;
    border: 1px solid #253b56;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    margin-left: -26px;
    z-index: 1;
    transition: color 0.3s ease;
    font-family: Cabin;
    margin-bottom: -1px !important;
}

.mleft {
    margin-left: 10px !important;
}

section.sec2 h1
{
    margin-bottom: -11px;
}

svg.danda {
    margin-right: 5%;
    position: relative;
    right: 25%;
    margin-top: -36px;
    z-index: -1;
}

.sec2 .text-section p {
    line-height: 1.7;
    margin-top: -60px;
}

.box_mid {
    margin: 0px 14px 1px 1px;
}

.left-section img {
    max-width: 100%;
    height: auto;
    width: 60%;
    margin: 0px auto;
}

.right-section {
    background-color: #253b56;
    color: #ffffff;
    height: 196px;
}
}



@media (max-width:1366px){
    .box_mid {
    margin: 0px 0px 0px 0px;
}
    .boxlast {
    position: inherit;
    right: 0px;
}
    .boxfirst {
    position: inherit;
    left: 0px;
}
    .mleft {
    margin-left: 0px !important;
}
    .left-section img {
    max-width: 100%;
    height: auto;
    width: 50%;
    margin: 0px auto;
}


.right-section {
    background-color: #253b56;
    color: #ffffff;
    height: 200px;
}
    img.img-fluid.childhood {
    margin-top: 40px;
    width: 80%;
}
    
.banner-video .count-left {
    position: relative;
    top: 7px;
    left: 85px;
    z-index: 1;
}
	
	
	.style-2 p.card-text {
    font-size: 12px;
}
	.style-2 .front h6.card-title {
   
    font-size: 21px;
    
}
	
	
}




@media (max-width:1024px){
	.fallow-us {
    float: left;
    display: none;
}
	.myheader ul li {
    margin-right: 17px;
}
}


@media (max-width:1280px){
    .box_mid {
        margin: 0px 1px 0px 12px;
    }	
}



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

@media only screen and (min-width: 980px) and (max-width: 1279px){

}




@media only screen and (min-width: 768px) and (max-width: 979px) {
	.sec6 h2 {
   
    font-size: 24px;
   
}
	.sec2 h2 {
   
    font-size: 18px;
  
}
	.enquire-count .btn{ padding: 0.375rem 0.75rem; }
	.sec1 {
    padding: 40px 0 40px 0;
}
	.style-2 .mid-heading {
    margin-top: 165px;
}
	section.sec3 {
    margin-top: 76px;
}
	.sec7 {
    width: 100%;
    padding: 20px 0;
}
	.card-count2 p {
   
    font-size: 10px;
}
	.card-count2 {
    width: 31%;
    
}
	.sec5 ul {
    background: none;
    min-height: 381px;
    padding-top: 12px;
}
	ul.prog-tab li.nav-item {
    min-width: 122px;
    background: #d4d4d4;
}
	.card-count {
    width: 47.9%;
    margin-right: 15px;
    margin-bottom: 15px;
}
	img.img-fluid.colage {
    margin-left: 0;
    width: 100%;
}
	.sec1-count {
    background: none;
    
    background-size: contain;
}
	.sec1-count {
  
    padding: 20px;
    
}
	.sec1 h2 {
  
    font-size: 16px;
   
    line-height: 20px;
   
}
	.banner {min-height: auto;}
	.count-right b {
    margin-bottom: 10px;
   
    font-size: 18px;
    
   
}
	.count-right h4 {
    margin-bottom: 10px;
   
    font-size: 16px;
    line-height: 22px;
   
}
	section.banner {
  
    margin-top: 93px;
  
}
	
.navbar-dark .navbar-nav .nav-link {
    
  font-size: 14px;
}	
.reg-btn {
  
    font-size: 12px;
    padding: 0.1rem 0.25rem;
}
	
	
	
	
}







/*style media*/

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

}
@media screen and (min-width: 601px) {
  
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}


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

}

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

@media only screen and (max-width: 767px) {
    .hurry-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  
}
   
    header.header.ssl-header {
  
    background: #5eb7b8;
}
    .menu-header {
    background: #5eb7b8;
}
    .video-wrapper {
   
    margin-top: 0px;
}
    #sec2 {
        /*padding-top:400px;*/
        display: inline-block;
    }
    #sec2 {
 /* scroll-margin-top: 280px;  Header height ke hisaab se */
 
}
    .sec2 {
    width: 100%;
    display: inline-block;
   
   
}
    section.sec2 h1 {
   
    font-size: 24px;
  
}
    svg.danda {
       
        display: none;
    }
       .ssl-header .nav-link {
        color: #2f4462;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 5px;
        font-family: Cabin;
        height: inherit;
        padding-top: 0;
    }
    h4.forenquiry {
    text-align: center;
    margin-top: 20px;
}
    .ssl-header .navbar {
    border-bottom: 0;
}
       span.nav-img {
        display: block;
        position: relative;
        top: 30px;
        right: 57px;
    }
	.ssl-header .nav-item {
    border-left:0 !important;
    padding: 0;
   border-bottom: 1px solid #2F4462;
}
	.myheader ul li:last-child a {
    border-bottom: none;
}
	.myheader ul li a {
          border-right: none;
    font-size: 14px;
    border-bottom: #FF8B36 2px solid;
}
	.navbar-dark .navbar-nav .nav-link {
   
    padding: 15px 0;
   
}
    img.op-mob.wadh-logo.cpmob.hdfcmob {
    margin-top: 0px;
}
    p.bp.op-mob {
    display: block;
}
    button.close.myclose {
    z-index: 1!important;
    margin: -30px -30px 0 0;
}
    .timersec h3 {
   
    font-size: 16px;
   
}
    span.last-day {
    position: inherit;
    left: 0;
    top: -17px;
    display: inline-block;
}
    img.op-mob.wadh-logo {
    padding: 0;
    width: auto;
    text-align: center;
    margin:0 auto;
        margin-top: 30px;
}
    #feedback {
  
    display: none!important;
}
    #feedback {
  
    top:70%!important;
   
}
    .animated.delay-1s {
    -webkit-animation-delay: 0s;
    animation-delay: 0s!important;
}
    .mobile-view-only {
    display: block;
}
    a.navb {
    background: #f1f1f1;
    height: 56px;
    width: 100%;
    position: absolute;
    top: 0;
}
    .padd-left {
    padding-left: 20px;
        margin-top: 20px;
}
    .video-desk{ display:none;}
    .video-mob{ display:block;}
    .banner-video {
 
    margin-top: 0;
   
}
    .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}
   
  .banner-video .g20 {
    position: absolute;
    right: 45px;
    z-index: 2;
    top: -148px;
    width: 29%;
}
    .banner-video .count-left {
    position: relative;
    top: 23px;
    left: 37px;
    z-index: 1;
    width: 300px;
}
	.col-md-2.col-sm-push-1 {
    margin-right: 0px;
    margin-bottom: 10px;
}
	.inner-banner {
  margin-top: 0;
    min-height: auto;
   
}
	.myiframe {
    margin-top: 0;
   
}
	
	img.award-mob {
    display: block;
}
	.sec8 .award{ display:none;}
	img.op-mob {
    margin-top: 20px;
}
	img.award2 {
    margin-top: 40px;
}
	img.award-desk {
    display: none;
}
	.ge-mob {
    display: block;
}
	.sec10 {
   
    padding: 0px 0 20px 0;
    
}
	.sec11 {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 20px 0 20px 0;
    background: #efeff0;
    margin-top: 0;
}
	img.op-mob {
       display: block;
    width: auto;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
}
	img.op {
    display: none;
}
	
	.secaward ul li {
    
    text-align: center;
    width: 100%;
}
	.sec12 {
    padding: 1px 0 7px 0;
    position: fixed;
    border: 0;
    width: 100%;
    display: inline-block;
    bottom: 0;
    background: #fff;
}
	.sec12 .reg-btn {
    text-transform: uppercase;
    color: #fff;
    background-color: #ef4b26;
    border-color: #ef4b26;
    border-radius: 25px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 3px;
}
	.joinus {
       font-size: 18px;
    width: 100%;
	border-bottom: none;
}
	.contact-count {
    margin-bottom: 20px;
}
	.foram {
    width: 100%;
    margin-right: 0px;
}
	.sasec {
    width: 100%;
}
	.card-count2 p {
   font-size: 16px;
}
	.box0 {
    text-align: center;
}
	.head-col2 h5 {
    font-size: 10px;
   
    line-height: 14px;
}
	.head-col2 h3 {
    font-size: 10px;
   
}
	.head-col2 {
    text-align: center;
    padding: 0px 0 15px 0;
}
	.card-img, .card-img-bottom, .card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
}
	.mr-5, .mx-5 {
    margin-right: 0 !important;
}
	img.img-fluid.childhood {
       margin-top:0px;
}
	.g20 {
    position: inherit;
    right: 0;
    z-index: 1;
    top: 15px;
}
	.count-left {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
}
	.demopadding.head-social {
    padding: 0;
    position: relative;
    bottom: 0;
	display: none;
}
	.banner {
   
    min-height: auto;
    
}
	.navbar-toggler {
   
    background-color: #e95937;
   
}
	section.sec3 {
   margin-top: 20px;
    padding-left: 15px;
}
.sec3 {
    background: #ffffff;
    text-align: center;
    padding: 0px 0;
}

.sec4 {
    width: 100%;
    display: inline-block;
    padding: 0;
    text-align: center;
   
}
.sec1 h3 {
  
    margin-bottom: 30px;
}
	.style-2 .mid-heading {
    margin-top: 50%;
}
	div#navbarsExampleDefault {
    padding-top: 0px;
}
	.count-left {
    text-align: center;
}
	.future {
    margin-bottom: 10px;
    width: 88%;
    text-align: center;
}
	.navbar-brand {
   margin-left:-32px;
    margin-right: 0px;
       text-align: center;
    width: 100%;
}
	.navbar {
   
    padding: 0;
}
	.sec4 .table td {
    padding: 5px;
}
	ul.prog-tab .nav-link br {
    display: none;
}
	
	.sec4 h2 {
   
    
   
    margin-bottom: 10px;
    
}
	
	.card-count.first-count-glb {
    margin-top: 0!important;
}
	.card-count.first-count {
    margin-top: 0 !important;
}
	button.close {
   
    top: 0px;
    right: 0px;
    
}
	img.logo {
        width: 50%;
    margin: 0 auto;
    text-align: center;
}
	.reg-btn {
    font-size: 12px;
    width:100%;
    font-weight: bold;
}
	

	a.reglink {
    display: none;
}
.mob-btn a.reglink {
    display: block;
	    width: 88%;
}
	.mob-btn {
    margin-right: 15px;
    position: absolute;
    top: 28px;
    right:0px;
    display: block;
    z-index: 9999;
	right: -12px;
}
	.style-2 .card-count {
    margin-top: 0px;
}
	.form-heading {
    font-size: 30px;
    line-height: 16px;
    padding: 0;
    margin-bottom: 10px;
}
	.price-desktop {
    display: none;
}
	
	
	.price-mob{ display:block;     margin: 0 auto;}
	section.banner {
    
    margin-top: 0px;
    
}
	
	
	.fixed {
    position: relative;
    
}
	.sec7 {
    width: 100%;
    padding: 40px 0;
}
	
	footer {
   
    padding: 30px 0 0px 0;
   
}
	img.img-fluid.colage {
    margin-left: 0px;
}
	.sec5 {
    padding-bottom:0px;
}
	.sec3 h2 {
  
 
	    padding-top:30px;
   
}
	.sec2 h2 {
   
    padding-top: 20px;
}
	.sec1 {
    padding: 40px 0 40px 0;
}
	.count-right b {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
	.count-right h4 {
		    margin-bottom: 10px;

    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
	
    text-align: center;
}
	section.banner {
  
    padding: 40px 0px;
}
	.style-2 .card-count {
  
   margin-top: 50%;
}
	button.navbar-toggler {
    position: relative;
    left: 0;
    top: 0;
    margin:0px 0 0 0;
}
	ul.prog-tab li.nav-item {
    min-width: 100%;
    background: #d4d4d4;
    border-bottom: #ffffff 1px solid;
}
	.sec4 {
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
}
	.left-count {
    padding-top: 0px;
}
	.sec8 h2 {
    font-weight: 500;
    
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Rubik', sans-serif;
}
	.demopadding {
    margin: 0px auto;
    width: auto;
    text-align: center;
    display: inline-block;
}
.sec0 p {
  
    text-align: justify;
}
	footer {
   
    text-align: center;
}

	.sec5 h2 {
    text-align: center;
	    
   
}

.main-section {
    padding-left: 0px;
    padding-right: 0px;
}
    .sec5 ul {
        background: none;
        min-height: auto;
        padding-top: 0px;
    }
	.sec1-count {
    background: none;
    padding: 0;
    background-size: contain;
}
	.sec1 h2 {
   
        font-size: 22px;
    line-height: 30px;
    
}
	.count-right {
    padding: 0 0px;
}
	.card-count {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
}
.card-count2 {
    width: 100%;
   
}
	
}
@media only screen and (width: 1024px) { 

}
@media only screen and (min-width: 600px) and (max-width: 640px) {

}
@media screen and (max-device-width: 767px) and (orientation:portrait) {

	}
@media only screen and (max-width: 767px) and (orientation:landscape){
	
	
	
}
@media only screen  and (max-width :480px){}
@media only screen  and (max-width :414px){
    h2.pad_bot {
    padding-bottom: 0px;
}
    h2.Leadership-heading br {
    display: none;
}
    section.sec6 {
    padding-left: 15px;
           padding-top: 46px;
}
    section.sec4a.sec4 {
    margin-top: 60px;
    padding-left: 15px;
}
    section.sec4a.sec4

    h2.pad_bot {
    padding-bottom: 0px;
}
    .modal-open .modal {

    width: 100% !important;
}
    
    .programme-item img {
    width: auto;
    height: auto;
    margin-bottom: 10px;
}
    h2.bordered-heading.sec6_space_extra {
    margin-top: 14px;
    margin-bottom: 25px;
}
    .animated-button-3 {
   
    padding: 10px 17px;
   
}
    .animated-button {
  
    width: auto;
   
}
    
     button.navbar-toggler {
        position: relative;
        left: 0;
        top: 0;
        margin: -74px 0 0 0;
    }
    
        .count-left {
        text-align: center;
        margin-top: -25px;
    }
    .border-right-side {
    border-right: none;
}
    footer.footer ul {
    padding: 0;
    margin: 0;
}
    h2.Leadership-heading {
    margin-top: 0px;
    width: 100%;
    display: inline-block;
}
   .schedule-box {
        width: 85%;
        margin-left: 17px;
        height: auto;
        padding-top: 15px;
    }
    
    
    div#navbarContent {
    margin-bottom: 0;
}
       .animated-button-2 {
        padding: 6px 9px !important;
        width: auto;
        position: absolute;
        top: 26px;
        right: 10px;
    }
    #timer {
    display:flex;
    gap: 15px;
    align-content: flex-start;
    justify-content: center;
}
    h2.bordered-heading.mg_tp_bt {
    margin-top:0px;
    margin-bottom:55px;
}
        .sec5 ul {
        background: none;
        min-height: auto;
        padding-top: 0px;
    }
      .sec5 h2 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 65px;
    }
        video {
        min-width: 100%;
        height: auto;
        z-index: 1;
        margin-top: 20px;
    }
        .sec4 h2 {
       
        font-size: 30px;
    }
     .sec6 h2
     {
         font-size:26px;
     }
     
     .count-bottom p
     {
         text-align:center !important;
     }
     
     .animated-button
     {
         margin: 0px auto;
     }
     
         h1.typeHeading {
        font-size: 30px !important;
        margin-top: -44px;
    }
    
       .sec2 h2 {
        font-size: 16px;
        margin-top: 0;
    }
     
    .boader-bottom p {
        margin-top: -30px;
    } 
    
       .animated-button-2 {
        padding: 15px 50px;
        margin-left: 25px;
    }
    
    .scroll-border {
        position: absolute;
        bottom: -5px;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: #2F4462;
    }

    .button_bottom {
        position: inherit;
        right: 0;
       bottom: -40px;
    }
    
    .image-section-parallax {
        position: relative;
        overflow: visible;
        padding-left: 0px;
        min-height: auto;
    }
    
   .boxfirst {
    position: inherit;
   left: -25px;
}
    
    .boxlast {
    position: inherit;
           right: 23px;
}

    section.sec3 {
        margin-top: 20px;
        padding-left: 15px;
        min-height: 100vh;
        background-image: url(../images/bg.jpg);
        background-size: cover;
        background-repeat: repeat-y;
        background-position: center;
        font-family: "Cabin", sans-serif !important;
    }
    
    .schedule-box
    {
        background-color: #ffffff !important;
                min-height: 170px;
    }
    
    .float_left {
        width: auto;
        margin: 0px auto !important;
    }
    
    .sec1 .card
    {
        margin: 0px auto;
    }
    
    .card.text-center.p-3 {
        margin-bottom: 30px;
    }
    
    .sec1 {
               padding: 60px 0 0px 10px;
        margin-bottom: -20px;
    }
     
    .modal {

   width: 93% !important;
   
}
    
  .mleft {
    margin-left: 0px !important;
}  
	

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

}


@media (max-width:768px) {
    body
    {
        overflow-x: hidden;
    }
    
    html
    {
        overflow-x: hidden;
    }
    }
    


@media (max-width:480px) {
 
 .box_mid {
        margin: 0px 33px 0px 0px;
    }
 
 .float_left .animated-button-3 {
    float: right;
    margin-bottom: -1px;
    margin-left: -17px;
}
 
 button.navbar-toggler {
    background-color: white;
}
p.hoverptwo {
    font-size: 18px;
    margin-top: -7px;
    text-align: center;
    margin-bottom: 13px;
}

p.hoverpone {
    font-size: 27px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 13px;
}
 
   
.ssl-header .logo img {
    max-height: 63px;
    margin-top: 12px;
}
    
    .banner-video .g20 {
    position: absolute;
    right: 14px;
    z-index: 2;
    top: -111px;
    width: 29%;
}
	.sec1 h3
	{
		    font-size: 23px;
	}
	
	p.counter-count0 {
    font-size: 21px;
	}
	
	p {
    font-size: 14px;
	}


.modal-content
{
    width: 80%;
    margin: 0px auto;
}

.sec3 ul li
{
	font-size: 15px;
}

	

.sec4 h3
{
font-size:23px;	
}

.sec5 h3
{
	font-size:23px;
}	

.sec6 h3
{
font-size: 21px;	
}

.sec9 h3
{font-size: 21px;}


.sec7 h3
{font-size: 21px;}

.card-count2 img
{
	
}

}

@media (max-width:360px) {
    .highlight {
        font-size: 12px;
        margin-left:0px;
    }
}


@media only screen  and (max-width :320px){
 
     .animated-button-2 {
        padding: 6px 8px !important;
        margin-left: 25px;
        width: 109px;
        position: absolute;
        top: 30px;
        right: 11px;
    }
     
    .row.ban-count {
    position: absolute;
    top: 19px;
    width: 100%;
}
    .banner-video .g20 {
    position: absolute;
    right: 4px;
    z-index: 2;
    top: -137px;
    width: 29%;
}
    .banner-video .count-left {
    position: relative;
    top: 0;
    left: 37px;
    z-index: 1;
    width: 274px;
}
	.sec1 h3 {
    font-size: 16px;
}
	.head-col2 h5 {
    font-size: 8px;
    line-height: 14px;
    font-weight: 600;
}
	.head-col2 h3 {
    font-size: 8px;
}
	.card-count2 p {
    font-size: 12px;
}
	.style-2 .card-count {
    margin-top: 80px;
}
	.mob-btn {
  
    top: 28px;
    
}
	img.logo {
    width: 70%;
    margin: 0px 0 0 0px;
}
	
	.reg-btn {
    font-size: 10px;
}

.ssl-header .logo img {
    max-height: 46px;
    margin-top: 12px;
}

    button.navbar-toggler {
        position: relative;
        left: 0;
        top: 0;
        margin: -52px 0 0 0;
    }
	
a.animated-button-2.button_right.mgbtm {
    margin-top: 0px;
}

.animated-button-fivearea
{
    width: 212px;
}



p.hoverptwo {
    font-size: 18px;
    margin-top: -7px;
    text-align: center;
    margin-bottom: 13px;
}

p.hoverpone {
    font-size: 27px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 13px;
}

    .float_left {
        width: auto;
        margin: 0px auto !important;
        position: relative;
        left: -10px;
    }
    
    .highlight
    {
        font-size: 9px;
    }

}