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

    .banner-text {

        left: 40px;
    }


}

@media screen and (min-width:0px) and (max-width:767px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 540px;
    }

    .form-sec {
        background: #ffffff;
        max-width: 320px;
        border: solid 1px #eee;
        margin: 17px auto 10px;
        box-shadow: 0 0 10px #eee;
        position: static;
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .adm-txt {
        color: #0a0a0a;
    }

    .banner-text {
    transform: translateY(0);
    top: 66px;
    padding: 13px 15px;
    background: transparent;
    margin-top: 0;
    position: static;
    width: 100%;
}

    .banner-text h1 {
        font-size: 29px;
        line-height: 37px;
        font-weight: 700;
        margin: 6px 0 0px;
    }

    .banner-text p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 13px !important;
    }

    .banner-text label {
        font-size: 17px;
        line-height: 26px;
    }

    footer {
        text-align: center;
        margin-bottom: 57px;
    }

    .form-sec.sticky {
        position: static;
        margin-top: 10px;
    }

    .checkbox-label {
        color: #111010;
    }

    .sbt {
        background: #d27033;
        color: #fff;
    }

    .paddingbox {
        padding: 30px 0 !important
    }

    .heading h2 {
        font-size: 27px;
        line-height: 30px;
    }

    .applybtn a {
        position: fixed;
        transform: rotate(0);
        border-radius: 0;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 16px;
        z-index: 99;
    }

    /***********/



    .buildskills ul li {
        background: #ffe0b6;
        padding: 15px 15px 5px;
    }

    .buildskills ul li h4 {

        font-size: 15px;
        padding-right: 0;
        margin-bottom: 21px;
    }

    .buildskills ul li:last-child h3 {
        font-size: 20px;
        padding: 70px 0 0;
    }

    .buildskills ul li:last-child div {
        padding: 0;
    }

    .heading h2 br {
        display: none;
    }

    .bottom-impact p.mt-4 {
        margin-top: 0 !important;
    }

    .card-box {
        padding: 14px;
        border-radius: 2px;
    }

    .impact,
    .bottom-impact, .top-section {
        padding: 25px;
    }

    .stakeholders {
        padding: 25px 0;
    }
section.stakeholders .row.mt-5 {
    margin-top: 20px !important;
}
.stakeholders .container, .buildskills .container, .workshop-section .container, .cta-section .container, .testimonials .container {
    padding: 0 15px!important;
}
.bg2 {
    
    opacity: 0.4;
}
.cta-section {
    
    background-size: cover;
}
.cta-buttons.mt-5 {
    margin-top: 0 !important;
}
 .mb-5, .my-5 {
    margin-bottom: 1rem!important;
}   
    .Stakeholders {
    margin-top: 30px;
 }
    .img-fluid.logo {
    width: 191px;
    margin: auto;
    display: block;
}
    
   .banner-text > div {
    padding: 120px 0px 0!important;
    text-align: center;
} 
   .callf a {
    min-width: 275px;
} 
  .banner-img {
    height: auto;
    padding-bottom: 0;
}  
   .term.text-muted label {
    color: #000;
} 
    
.quote-box {
    width: 100%;
    border: 0px solid #C96B2B;
    border-right: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
  .quote-box.right-quote {
    border-right: none;
    border: 0px solid #C96B2B;
   
    border-bottom: none;
    margin-top: 10px;
}  
  .Thinking .col-md-6 {
    border-bottom: 1px solid #C96B2B;
    padding: 10px 0px;
}  
 .Thinking .col-md-6.d-flex.align-items-center {
    padding-left: 15px;
}  
.cta-buttons .btn {
    padding: 11px 27px;
    font-size: 16px;
    border-radius: 8px;
    margin: 10px;
    min-width: 283px;
}
.buildskills ul li {
    
    max-width: 100%;
     
}
.buildskills ul li:last-child h3 {
     padding: 0;
}
  .Thinking .col-md-6.d-flex.align-items-center {
    padding: 15px;
}  

  .Thinking  .align-items-center {
    align-items: start!important;
}  
  .cta-heading {
    
    font-size: 20px;
}  
.cta-section {
     
padding: 30px 0 30px;
     
margin-bottom: 30px;
}
  .row.Educational {
    padding-left: 0;
}
 .Educational h2 {
    font-size: 33px;
}   
    
    .mobile{display: block!important}
    .desktop{display: none!important}
   header { 
    display: none;
} 
    
    
    
}











@media screen and (min-width:0px) and (max-width:576px) {
     .row.Educational .col-md-6.col-sm-6 {
    margin: 0 !important;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 1px !important;
    border: solid 1px #642b0a;
    width: 50%;
}
    header.sticky {
        position: static;
    }
.callf a {
    min-width: 275px;
    padding: 8px 16px 8px 0;
    font-size: 14px;
}
.heading h2 {
    font-size: 25px;
 }
    .cta-section .row.text-left.mt-5 {
    margin-left: 30px;
}
    .applybtn a {background: #d27033;color: #fff;font-weight: bold;}

     .banner-text h1 {
    font-size: 23px;
    line-height: 28px;
    
}
   .workshop-section {
     padding: 30px 0 0;
    margin-top: 0;
} 
.feature-box {
   
    text-align: center;
}
    
    .bg2 {
    opacity: 0.4;
    width: 100%;
    right: 0;
}
 .line {
   
    margin: 10px auto 15px;
}   
  .workshop-section .row.mt-5.text-left {
    margin-top: 30px !important;
}  
  .paddingbox, buildskills {
    padding-bottom: 10px !important;
}  
  .buildskills ul li {
    
    padding: 15px 15px 15px;
}  
    
   .line {
     display: none;
} 
   .datashow {
    padding: 15px 25px 15px 15px;
    transform: translate(-50%, 0%);
    top:  0%;
    height: 100%;
} 
    
  .closebtn {
    color: #fff;
    font-size: 20px;
    position: absolute;
    cursor: pointer;
    right: -1px;
    top: -29px;
    font-weight: 700;
    width: 30px;
    text-align: center;
    background: #000;
}  
    
    
    
    

}