/* (1366x768) WXGA Display */
@media screen and (max-width: 768px) {

    .education-qua-strips h3 {
        text-align: center;
        color: #fff;
        border: 1px solid #194275;
        padding: 6px 25px 10px;
        background: linear-gradient(90deg, #4698d3, #00609f 47.92%, #1d3d6e);
        margin-bottom: 7px;
        display: inline-block;
        border-radius: 15px;
        text-align: center;
        display: block;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .img-banner {
        width: 50%;
        margin: 0px auto;
    }

    .largest-group-img {
        width: 50%;
        margin-bottom: 15px;
    }

    .banner-section {
        background-size: cover;
        position: relative;
        padding: 30px 0 72px;
        overflow: auto;
    }

    .openbtn  {
        display: none;
    }

    .dock-button-group  {
        display: block;
    }

    .admission-title {
        font-size: 18px !important;
    }

    .form-banner-strip h4 {
        font-size: 15px;
        color: #000;
        text-align: center;
        padding: 15px;
        border-radius: 15px;
        margin: 15px 0;
        font-weight: 700;
    }

    .form-banner-strip {
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        position: relative;
        z-index: 99;
    }

    .herobanner__small__text {
        font-size: 16px;
        font-weight: 700;
        color: var(--primaryColor);
        position: relative;
        padding-left: 45px;
        margin-bottom: 15px;
        display: inline-block;
        -webkit-text-fill-color: transparent;
        background: linear-gradient(90deg, #4698d3, #00609f 47.92%, #1d3d6e);
        -webkit-background-clip: text;
    }

    .pilot-img {
        position: relative;
        left: 0;
        bottom: 0;
        width: 530px;
    }


    .applynow-btn {
        background: linear-gradient(186deg, #ffffff, #288949 47.92%, #0a3f2d);
    }

    .main-logo  {
        margin: 0px auto;
    }

    .bame-section {
        padding: 60px 0 165px;
        background: aliceblue;
    }

    .row.m-5 {
        margin: 35px 0 !important;
    }

    .logo  {
        width: 100%;
    }

    .course-title-strip img {
        width: 285px;
        margin-bottom: 20px;
    }

    .landing-course-section {
        padding: 90px 0;
    }

    .course-title-strip {
        background: #fff;
        padding:65px 20px;
        text-align: center;
        position: initial;
        top: 0;
        border-radius: 25px;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
        margin-bottom: 30px;
    }

    .education-qua-strips {
        padding: 30px;
        background: #fff;
        border-radius: 25px;
        margin-bottom: 30px;
    }

    .landing-course-strip {
        padding: 15px;
        border: 8px double #880f98;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 35px;
        margin-bottom: 10px;
        position: relative;
        background: #fff;
        overflow: hidden;
    }

    .landing-course-strip::before {
        width: 200px;
        height: 109px;
        background: linear-gradient(90deg, #00229e, #6e1299 47.92%, #fe0094);
        content: "";
        position: absolute;
        left: -144px;
        top: 0;
        transform: rotate(58deg);
    }

    .course-title-strip2 {
        padding: 50px 30px;
        text-align: center;
        border-radius: 25px;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    section.institute-locations-section {
        padding: 50px 0;
    }

    .course-title-strip2 img {
        margin-top: 30px;
    }

    .shashib-glance {
        padding: 60px 0 40px;
        background: #fff;
    }

    .landing-course-section  {
        padding: 60px 0;
    }

    .institute-title {
        font-size: 28px;
        text-transform: capitalize;
        font-weight: 800;
        -webkit-text-fill-color: transparent;
        background: linear-gradient(94deg, #3a9c50, #125e2b 47.92%, #0a3f2d);
        -webkit-background-clip: text;
        text-align: center;
    }

    .why-institute-list li {
        margin-bottom: 10px;
        padding: 15px 25px;
        position: relative;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
        padding-left: 56px;
        border-radius: 15px;
        font-weight: 600;
        font-size: 15px;
    }

    .institute-title + p {
        font-size: 18px;
        text-align: center;
        margin-top: 15px;
    }

    .why-institute-list li  {
        box-shadow: none;
        border: 1px solid #ccc;
    }

    .whychoose-strip {
        padding: 30px 25px 25px;
        background: #fff;
        position: relative;
        margin-top: 30px;
        border-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .bcome-second-strip p {
        font-size: 18px;
    }
  
    .address-strip {
        border: 2px solid #dfdedd;
        padding: 20px 20px;
        background: #f5f2ef;
        border-radius: 20px;
        text-align: left;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: relative;
        margin-bottom: 0 !important;
    }

    .herobanner__title {
        font-size: 28px;
        line-height: 40px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
    }

    .bcome-second-strip {
        padding: 30px;
        background: #194275;
        color: #fff;
        width: 100%;
        float: right;
        border-radius: 25px;
        text-align: center;
    }

    .location-title {
        text-align: center;
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        padding: 0px 0 0px;
        font-weight: 800;
        line-height: 30px;
    }

    .bcome-second-strip h2 {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .form-banner-strip h3 {
        font-size: 18px;
        text-align: center;
        padding: 0px 15px;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        padding: 15px 0;
        border-radius: 15px;
    }

    .location-strip {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-flow: wrap;
    }

    .institute-title + p {
        font-size: 16px;
        text-align: center;
        margin-top: 15px;

    }
    .shashib-glance-title-strip p {
        width: 100%;
        margin: 0px auto;
    }

    .whychoose-strip p {
        text-align: center;
        font-size: 16px;
        width: 100%;
        margin: 0px auto;
    }

    .whychoose-strip h2 {
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 0;
        -webkit-text-fill-color: transparent;
        background: var(--gradientColor);
        -webkit-background-clip: text;
        text-transform: uppercase;
        font-size: 26px;
    }

    .why-choose-list li {
        margin-bottom: 10px;
        padding: 15px 25px;
        position: relative;
        padding-left: 48px;
        border-radius: 15px;
        font-size: 16px;
        font-weight: 600;
    }

    .sfa-logo {
        width: 100%;
        margin: 20px auto 20px;
    }

    .lisa-strip {
        display: block;
        text-align: center;
        background: azure;
        padding: 15px;
        border-radius: 15px;
        margin-bottom: 30px;
        width: 100%;
        margin: 0px auto 30px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    }

    .pilot-list-strip {
        padding: 20px;
        background: linear-gradient(235deg, #1a72c0, #076fca 47.92%, #0f1949);
        border-radius: 20px;
    }

    .airhostess-qualification-title {
        width: 250px;
        background: #fff;
        padding: 15px;
        margin-bottom: 0;
        height: 250px;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 10px solid #4c179a;
        position: absolute;
        bottom: 112px;
        right: 129px;
    }

    .airhostess-strip {
        border-radius: 15px;
        padding: 100px 0 0px;
        background: linear-gradient(90deg, #00229e, #6e1299 47.92%, #fe0094);
        position: relative;
        text-align: center;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .airhostess-strip h2 {
        color: #fff;
        font-size: 26px;
        margin-bottom: 25px;
        border: 5px double #ffffff;
        padding: 15px;
        width: 100%;
        margin: 0px auto;
        text-transform: uppercase;
        border-radius: 25px;
    }

    .program-glance-strip h4 {
        border: 5px solid #ae0b97;
        padding: 20px;
        border-radius: 15px;
        position: relative;
        width: 100%;
    }

    .glance-pera {
        font-size: 18px;
        width: 100%;
        margin: 38px auto 25px;
        padding: 20px;
        font-weight: 600;
        line-height: 30px;
        background: #56159a;
        border-radius: 15px;
        color: #fff;
    }

    .airhostess-content-strip {
        border: 10px double #ae0b97;
        padding: 20px;
        position: relative;
        min-height: 358px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    footer ul li {
        border: 2px solid #fff;
        padding: 15px 35px;
        animation-fill-mode: backwards;
        display: inline-block;
        font-size: 20px;
        border-radius: 15px;
        width: 100%;
        margin-bottom: 15px;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
  
}


/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
  


}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
  

}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */


}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */



}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

    .become-ame-banner-strip {
        padding: 30px;
        background: #fff;
        border-radius: 25px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .openbtn  {
        display: none;
    }

    .dock-button-group  {
        display: block;
    }

}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) {
    .become-ame-banner-strip {
        padding: 30px;
        background: #fff;
        border-radius: 25px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .banner-section {
        background-size: cover;
        position: relative;
        padding: 150px 0 76px;
        overflow: hidden;
    }

}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px)  and (orientation: landscape) {

    .become-ame-banner-strip {
        padding: 30px;
        background: #fff;
        border-radius: 25px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .banner-section {
        position: relative;
        padding: 115px 0 129px;
        overflow: hidden;
    }

}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {

    .location-strip {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-flow: wrap;
    }

    .herobanner__title {
        font-size: 35px;
        line-height: 40px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .bcome-second-strip h2 {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 700;
    }
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
   
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
  
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 980px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
    
}


/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}


/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
    /* insert styles here */

  
}

/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
    /* insert styles here */
  
}
@media screen and (max-width: 1400px) { 

 


 }

/* (1440x900) WXGA+ Display */
@media screen and (max-width: 1440px) {

}

/* (1680x1050) WSXGA+ Display */
@media screen and (max-width: 1680px) {

    /* insert styles here */
   
}

/* (1920x1080) Full HD Display */
@media screen and (max-width: 1920px) {
    /* insert styles here */
}

/* (1600x900) HD+ Display */
@media screen and (max-width: 1600px) {
    /* insert styles here */
}