/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1500px){
    /*home page*/
    /* .banner-content { padding: 130px 0 0 55px; } */
    /* .banner-block{ z-index: 99; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; } */
    /*home page*/

    /* .partnership-block {          padding: 30px 0 10px 0; }  */
    /* .banner-image { height: 900px; }  */
}


@media (min-width: 1400px){
    .container{
        max-width: 1330px;
    }

    /* 8-10-2024 */
    .banner-block .container {
        max-width: 1205px;
    }
    /* 8-10-2024 */
}

@media (min-width: 1700px) and (max-width: 1799px){

}

@media (min-width: 1600px) and (max-width: 1699px){

}

@media (min-width: 1500px) and (max-width: 1599px){
    
}

@media (min-width: 1400px) and (max-width: 1499px){


    /* footer */
    .footer::after{top: -99px; height: 100px;}
    /* footer */

    /*banner*/
    /* .banner-image { height: 754px; }  */
    /* .partnership-block { padding: 15px 0; } */
    /* .banner-content {
        padding: 241px 0 25px 60px;
    } */
    /*banner*/


    /*porgram-details page*/

  

     /*porgram-details page*/
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* common style */
    .detail{font-size: 16px;}
    /* common style */

    /*banner*/
        /* .banner-image { height: 880px; } */
    /* .banner-content {
    padding: 300px 0 0 60px;
} */
    .banner-heading * { font-size: 56px; }
    /*banner*/

    /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 30px; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 80px; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 25px; }
    .filter-isotop-detail{height: 366px;}
    .filter-isotop-image{height: 366px;}
    /* filter section */

    /* design section */
    .design-section{padding: 50px 0 200px;}
    .design-top-left-title *{font-size: 75px;}
    .design-top-left-title{max-width: 410px; padding: 0 0 0 110px;}
    .design-center-part .detail{padding: 0 0 0 110px;}
    .design-bottom-right-title *{font-size: 80px;}
    .design-bottom-right-title{margin: 0 0 0 -123px;}
    .design-center-part .detail{margin: 40px 0 0 0;}
    .design-bottom-part{margin: 55px 0 0 0;}
    .design-bottom-right-part .detail{margin: 55px 0 0 40px;}
    /* design section */

    /* footer */
    .footer-top-left-part{padding-right: 90px;}
    .footer-social-media-part{margin-left: 95px;}
    .footer::after{top: -99px; height: 100px;}
    .footer-top-content{padding-bottom: 60px;}
    /* footer */

    /*porgram-details page*/

    /*modules*/
    .modules-main { padding: 40px 0; }
    /*modules*/

     /*porgram-details page*/
}

@media (min-width: 1200px) and (max-width: 1299px){
    /* common style */
    .detail{font-size: 16px;}
    /* common style */

    /* banner start */
    /* .banner-image { height: 880px; } */
        /* .banner-content { padding: 300px 0 0px 59px; } */
    /* .partnership-block { padding: 80px 0 48px; } */
    .banner-heading * {
    font-size: 56px;
    }
    /* banner end */

    /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 30px; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 80px; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 25px; }
    .filter-section{padding: 80px 0 160px;}
    /* filter section */

    /* design section */
    .design-section{padding: 50px 0 200px;}
    .design-top-left-title *{font-size: 75px;}
    .design-top-left-title{max-width: 410px; padding: 0 0 0 110px;}
    .design-center-part .detail{padding: 0 0 0 110px; margin: 40px 0 0 0;}
    .design-bottom-part{margin: 55px 0 0 0;}
    .design-bottom-right-part .detail{margin: 40px 0 0 40px;}
    .design-bottom-right-title *{font-size: 80px;}
    .design-bottom-right-title{margin: 0 0 0 -123px;}
    /* design section */

    /* footer */
    .footer-top-left-part{padding-right: 90px;}
    .footer-social-media-part{margin-left: 95px;}
    .footer::after{top: -99px; height: 100px;}
    .filter-isotop-detail{height: 366px;}
    .filter-isotop-image{height: 366px;}
    .footer-top-content{padding-bottom: 60px;}
    /* footer */

    .alx-programme-careers-section { padding: 80px 0 20px;}

     /*porgram-details page*/

    /*program-banner*/
    .program-banner-section .program-banner-block .program-banner-content { padding: 190px 0 125px 14px;}
    .program-banner-image * { object-position: right; object-fit: cover;}
    /*program-banner*/

    /*outcome*/
   .outcome-main .outcome-wrap .row { align-items: center; }
    /*outcome*/

     /*porgram-details page*/
}

@media (min-width: 992px) and  (max-width: 1199px){
    /* common style */
    .common-detail{font-size: 15px;}
    .detail{font-size: 15px;}
    /* common style */

    /* banner start */
    /* .banner-content { padding: 300px 0 0px 59px; } */
    /* .partnership-block { padding: 80px 0 48px; } */
    /* .banner-image { height: 815px; } */
    
    .banner-heading *{font-size: 50px;}
    .banner-content .common-detail{max-width: 530px;}
    /* banner end */

    /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 20px; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 60px; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 15px; }
    .filter-section{padding: 80px 0 100px;}
    .filter-isotop-image{height: 300px;}
    .filter-isotop-detail{height: 300px;}
    .filter-isotop-title *{font-size: 18px;}
    .filter-isotop-detail-title *{font-size: 18px;}
    .filter-block{margin: 70px 0 0 0;}
    .filter-isotop-title{padding: 0 20px; top: 30px;}
    .filter-isotop-detail-title{padding: 30px 20px;}
    .filter-list ul li a{width: 150px; height: 100px;}
    .filter-category-logo{padding: 0 20px;}
    /* filter section */
    
    /* design section */
    .design-top-left-title *{font-size: 75px;}
    .design-section{padding: 50px 0 150px;}
    .design-top-left-title{max-width: 410px; padding: 0 0 0 110px;}
    .design-center-part .detail{padding: 0 0 0 110px; margin: 40px 0 0 0;}
    .design-bottom-part{margin: 55px 0 0 0;}
    .design-bottom-right-part .detail{margin: 35px 0 0 0; padding: 0 20px;}
    .design-bottom-right-title *{font-size: 65px;}
    .design-bottom-right-title{margin: 0 0 0 -101px;}
    .design-section::after{top: -60px; height: 60px;}
    /* design section */

    /* footer */
    .footer-top-left-part{padding-right: 45px;}
    .footer-social-media-part{margin-left: 55px;}
    .footer-social-media-part .link-block *{font-size: 22px;}
    .footer-top-right-part{margin-left: 45px;}
    .footer::after{top: -59px; height: 60px;}
    .footer-top-content{padding-bottom: 50px;}
    .footer-top{padding: 50px 0 0;}
    /* footer */

    /* .programme-careers-tabing .tab-content { padding: 50px 0; }
    .programme-careers-tabing-section .programme-careers-main-title { margin-bottom: 35px; }
    .programme-careers-tabing .nav-tabs .nav-item{margin: 0 25px;} */

    /* our partnarship */
    .our-partnership-slider .slick-list{margin: 0 -20px 0 0;}
    .our-partnership-slider .slick-slide{padding: 0 20px 0 0;}
    .our-partnership-slider-detail .our-partnership-slider-info{padding: 30px 28px 25px;}
    /* our partnarship */

    
    /*creative track*/
    .our-partnership-section { padding: 85px 0;}
    .creative-track-section .creative-track-title { max-width: unset; }
    .creative-track-section { margin-top: 0;  padding: 80px 0;} 
    .creative-track-section .creative-track-wrap .creative-track-left { max-width: unset; }
    .creative-track-section .creative-track-wrap .row{ align-items: center; }
    .creative-track-section .creative-track-detail * { margin-top: 15px; }
    /*creative track*/

    /*porgram-details page*/
    /*program-banner*/
    .program-banner-content .program-banner-heading * { font-size: 51px;}
    .program-banner-section .program-banner-block { top: 60%;}
    .program-banner-image * { object-position: top; }
    .program-banner-section .program-banner-block .btn { padding: 11.5px 80px;}
    /*program-banner*/

    /*overview*/
    .overview-main .overview-wrap .overview-left { max-width: unset; }
    .overview-main .overview-wrap .overview-right img{margin: 15px auto; display: block;}
    .overview-main { padding: 50px 0 40px; }
    .overview-main .overview-wrap .row{align-items: center;}
    /*overview*/



    /*outcome*/
    .outcome-main .outcome-wrap .row { margin-left: -5px; margin-right: -5px; align-items: center;}
    .outcome-main .outcome-title .common-detail { max-width: 536px; }
    .outcome-main .outcome-wrap .row > * { padding-left: 5px; padding-right: 5px; }
    .outcome-main .outcome-wrap .outcome-left img { width: 100%; }
    .outcome-main .outcome-title .normal-title { font-size: 27px; margin-bottom: 12px; }
    .outcome-main .outcome-title { margin: 0 auto 25px auto;  }
    .outcome-main .outcome-wrap .outcome-right {         padding: 0 0 0 25px; }  
    .outcome-main { padding: 50px 0; }
    .outcome-main .outcome-wrap .outcome-right .block-title { font-size: 26px; }
    .outcome-main .outcome-wrap .outcome-right ul li { font-size: 17px; padding: 0 0 0 29px; }
    .outcome-main .outcome-wrap .outcome-right ul li::after { width: 19px; height: 13px; }
    .outcome-main .outcome-wrap { padding: 25px; }
    .outcome-main .outcome-title .common-detail { margin-top: 0; }
    /*outcome*/

    /*eligible*/
    .eligibility-main { padding: 50px 0; }
    .eligibility-main .eligibility-block .eligibility-detail ul ul { padding-left: 40px; }
    /*eligible*/

    /*faq*/
    .faqs-main { padding: 90px 0;}
    /*faq*/
    /*porgram-details page*/

    /* 8-10-2024 */
    .banner-content {
        padding: 170px 0 100px 0;
    }
    .banner-heading {
        max-width: 695px;
    }
    /* 8-10-2024 */

    .program-banner-section .program-banner-block .program-banner-content {         padding: 190px 0 100px 14px;}
    .program-banner-image * { object-position: right; object-fit: cover;}
}

@media (max-width: 991px) {
    /* navbar toggler button start */

    /* button.navbar-toggler {
        border: none;
    }
    
    .navbar-toggler {
        right: 0;
        top: 10px;
    }
    
    .navbar-toggler {
        border: none;
        background-color: transparent;
        position: relative;
        z-index: 9999;
        right: 0;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        max-width: 100%;
        width: 100%;
        bottom: 0;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        transition: 0.5s;
        z-index: 9;
    }
    
    .navbar-collapse.show {
        right: 0;
        height: auto;
    }
    
    .navbar-collapse.show::before {
        right: 0;
    }
    
    .navbar-collapse::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 80px;
        top: 0;
        right: -100%;
        background-color: #ffffff;
        transition: 0.5s;
        z-index: 9;
    }
    
    .navbar .navbar-nav {
        align-items: center;
        position: relative;
        top: 80px;
    }
    
    .header .navbar-nav .nav-item {
        padding: 20px 0;
    }
    
    .header .navbar-nav .nav-item:first-child {
        padding-left: 0;
    }

    .navbar-toggler span {
        background-color: #000000;
        width: 25px;
        height: 2px;
        display: block;
        margin-bottom: 5px;
        transition: 0.5s;
        position: relative;
    }
    
    .navbar-toggler.open span:first-child {
        top: 5px;
        transform: rotate(45deg);
    }
    
    .navbar-toggler.open span:nth-child(2) {
        display: none;
    }
    
    .navbar-toggler.open span:last-child {
        top: -2px;
        transform: rotate(-45deg);
    }

    .navbar-toggler:focus {
        box-shadow: none;
    } */

    /* navbar toggler button end */
}

@media (min-width: 768px) and (max-width: 991px){
    /* common style */
    .common-detail{font-size: 16px;}
    .section-title{font-size: 38px;}
    .detail{font-size: 15px;}
    /* common style */

    /* header */
    .navbar-brand {max-width: 180px;}
    .digital-creative{font-size: 20px; line-height: 22px; padding: 30px 25px 14px 14px; margin-left: 0;}
    .navbar-toggler span{width: 34px; height: 3px; margin-bottom: 7px;}
    .navbar-toggler.open span:first-child{top: 2px;}
    /* header */

     /* banner start */
        /* .banner-image { height: 635px; } */
     /* .partnership-block { padding: 45px 0; } */
    .banner-heading *{font-size: 40px;}
    /* .banner-content {         padding: 220px 0 29px 0;; } */
    .banner-content .common-detail{margin: 25px 0 0 0; max-width: 570px;}
    .partnership-block ul li *{max-width: 90%;}
    .partnership-block ul li:not(:last-child){margin-right: 0;}
     /* banner end */

     /* design section */
    .design-section{padding: 50px 0 100px;}
    .design-top-left-title *{font-size: 50px;}
    .design-center-part .detail{padding: 0 0 0 0; margin: 25px 0 0 0;}
    .design-bottom-part{margin: 30px 0 0 0;}
    .design-bottom-right-part .detail{margin: 35px 0 0 0; padding: 0 20px 0 0; max-width: 100%;}
    .design-bottom-right-title *{font-size: 50px;}
    .design-bottom-right-title{margin: 0 0 0 0;}
    .design-top-part{ position: relative; top: 0; transform:translateY(0) ; -webkit-transform:translateY(0) ;-moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
    .design-top-right-part .row{justify-content: center;}
    .design-top-left-title{max-width: 100%; padding: 0 0 0 0;}
    .design-top-right-image{padding: 0; margin: 25px 0 0;}
    .design-bottom-left-image{padding: 0;}
    .design-bottom-right-part{padding: 30px 30px 0 30px;}
    .design-section::after{height: 50px; top: -50px;}
    .design-top-left-title > * > *:nth-child(2){ margin-right: 0; }
    .design-top-left-title > * > *:nth-child(1){ position: relative; top: 0; }
    .design-top-left-title b{ position: relative; top: 0; }
     /* design section */

     /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 20px; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 60px; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 0; }
    .filter-section{padding: 60px 0 100px;}
    .filter-isotop-image{height: 300px;}
    .filter-isotop-detail{height: 300px;}
    .filter-isotop-title *{font-size: 18px;}
    .filter-isotop-detail-title *{font-size: 18px;}
    .filter-block{margin: 55px 0 0 0;}
    .filter-isotop-title{padding: 0 20px; top: 30px;}
    .filter-isotop-detail-title{padding: 30px 20px;}
    .filter-list ul li a{width: 150px; height: 100px;}
    .filter-category-logo{padding: 0 20px;}
    .filter-list{margin: 40px 0 0 0;}
    /* filter section */

    /* 404 page */
    .error-page{height: calc(100vh - 450px); margin: -70px 0 0 0;}
    .error-main .section-title{font-size: 80px; line-height: 80px;}
    /* 404 page */

    /* footer */
    .footer-top-left-part{padding-right: 30px;}
    .footer-social-media-part{margin-left: 0; align-items: flex-start;}
    .footer-social-media-part .link-block *{font-size: 22px;}
    .footer-top-right-part{margin-left: 45px; flex-direction: column;}
    .footer::after{top: -49px; height: 50px;}
    .footer-top-content{align-items: flex-start;}
    .footer-top-left-part::after{height: 240px; bottom: -50px;}
    .footer-social-media-part .link-block{margin-bottom: 20px; margin-top: 20px;}
    .footer-top{padding: 30px 0 0 0;} 
    .footer-top-content{padding-bottom: 50px;}
    .footer-top{padding: 50px 0 0;}
    /* footer */

    /* .programme-careers-tabing .tab-content { padding: 50px 0 30px; } */
    /* .programme-careers-tabing-section .programme-careers-main-title { margin-bottom: 35px; } */
    /* .programme-careers-tabing .nav-tabs .nav-item { margin: 0 15px; }
    .programme-careers-tabing .nav-tabs .nav-item .nav-link{font-size: 16px;} */
    .alx-programme-careers-section .programme-careers-main-title .main-detail { font-size: 16px; }
    .alx-programme-careers-section .programme-careers-main-title .block-title { font-size: 31px;}

    /* our partnarship */
    .our-partnership-slider .slick-list{margin: 0 -20px 0 0;}
    .our-partnership-slider .slick-slide{padding: 0 20px 0 0;}
    .our-partnership-slider-detail .our-partnership-slider-info{padding: 30px 28px 25px;}
    .our-partnership-section{padding: 50px 0;}
    .our-partnership-content .common-detail * { font-size: 16px; }
    .our-partnership-content .our-partnership-title * { font-size: 32px;}
    .our-partnership-slider-block { margin: 40px auto 0;}
     /* our partnarship */

    /*creative track*/
    .creative-track-section .creative-track-detail * { font-size: 15px; margin: 24px 0; }
    .creative-track-section .creative-track-title { max-width: unset; }
    .creative-track-section .creative-track-title * { font-size: 28px; }
    .creative-track-section { margin-top: 0; padding: 50px 0;} 
    .creative-track-section .creative-track-wrap .creative-track-left { max-width: unset; }
    .creative-track-section .creative-track-wrap .row{ align-items: center; }
    /*creative track*/

     /*porgram-details page*/
    /*program-banner*/
    .program-banner-section .program-banner-block .program-banner-content {         padding: 190px 0 100px 14px;}
    .program-banner-image * { object-position: right; object-fit: cover;}
    .program-banner-content .program-banner-heading * { font-size: 45px;}
    .program-banner-section .program-banner-block .btn { padding: 11.5px 80px;}
    /*program-banner*/

    /*program purple bar*/
    .pnpbr-below { padding: 36px 26px; box-shadow: none; background-color: transparent; border: none; border-radius: 0; }
    .pnpbr-mobile .pnpbr-btn { margin-bottom: 20px; max-width: 316px; margin-left: auto; margin-right: auto; }
    .program-navy-mobile-item { margin-bottom: 0px; }
    /*program purple bar*/

    /*overview*/
    .overview-main .overview-wrap .overview-left { max-width: unset; }
    .overview-main .overview-wrap .overview-right img{margin: 20px auto; display: block; width: 100%;}
    .overview-main { padding: 50px 0 40px; }
    .overview-main .overview-wrap .overview-left .detail { margin: 0 0 20px; }
    /*overview*/

    /*modules*/
    .modules-main { padding: 20px 0; }
    .modules-title { align-items: center; }
    .modules-main .modules-title .btn {padding: 8px 23px 10px;font-size: 15px; }
    .modules-wrap .module-block { min-height: 150px;padding: 25px; }
    .modules-wrap .module-block .detail { font-size: 15px;}
    /*modules*/
    
    /*outcome*/
    .outcome-main .outcome-wrap .row { margin-left: -5px; margin-right: -5px;align-items: center;}
    .outcome-main .outcome-wrap .row > * { padding-left: 5px; padding-right: 5px; }
    .outcome-main .outcome-wrap .outcome-left img { width: 100%; }
    .outcome-main .outcome-title .normal-title { font-size: 28px; margin-bottom: 12px; }
    .outcome-main .outcome-title { margin: 0 auto 25px auto; flex-direction: column; }
    .outcome-main .outcome-wrap .outcome-right {        max-width: unset; padding: 0 0 0 11px;  }
    .outcome-main { padding: 30px 0 50px; }
    .outcome-main .outcome-wrap .outcome-right .block-title { font-size: 26px; }
    .outcome-main .outcome-wrap .outcome-right ul li { font-size: 15px; padding: 0 0 0 29px; }
    .outcome-main .outcome-wrap .outcome-right ul li::after { width: 19px; height: 13px; }
    .outcome-main .outcome-wrap { padding: 20px; }
    .outcome-main .outcome-title .common-detail { margin-top: 0; }
    /*outcome*/

    /*eligible*/
    .eligibility-main { padding: 30px 0; }
    .eligibility-main .eligibility-block { padding: 25px 20px;} 
    .eligibility-main .eligibility-block .eligible-icon img { width: 40px; height: 40px; }
    .eligibility-main .eligibility-block .eligible-icon { width: 60px; height: 60px; padding: 15px;} 
    .eligibility-main .eligibility-block .eligibility-detail .common-detail { font-size: 18px; margin-bottom: 17px; }
    .eligibility-main .eligibility-block .eligibility-detail { margin-left: 15px; max-width: 351px; }
     /*eligible*/

     /*faq*/
     .faqs-main { padding: 50px 0;}
     /*faq*/

     /*program-navy-bar*/
     .program-navy-mobile-list { justify-content: center; }
     .program-navyb-mobile-item{ margin-right:20px; }
     /*program-navy-bar*/

     /*porgram-details page*/

    /* 8-10-2024 */
    .partnership-block {
        margin-top: 40px;
    }
    .banner-content {
        padding: 130px 0 60px 0;
    }
    .navbar-brand {
        margin-top: 0;
    }
    /* 8-10-2024 */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* common style */
    .common-detail{font-size: 15px;}
    .section-title{font-size: 30px;}
    .detail{font-size: 15px;}
    .normal-title { font-size: 28px; }

    /* common style */

    /* header */
    .navbar-brand {max-width: 150px; display: inline-flex;}
    .digital-creative{font-size: 17px; line-height: 20px; padding: 25px 25px 10px 10px; margin-left: 0;}
    .navbar-toggler span{width: 34px; height: 3px; margin-bottom: 7px;}
    .navbar-toggler.open span:first-child{top: 2px;}
    /* header */

    /* banner start */
    /* .banner-image { height: 702px; } */
    .banner-heading *{font-size: 36px;}
    /* .banner-content { padding:200px 0 60px 0; } */
    .banner-content .common-detail{margin: 20px 0 0 0;}
    .partnership-block{margin-right: 0;
        /* padding: 20px 0 10px 0; */
    }

    .partnership-block ul li *{max-width: 90%;}
    .partnership-block ul li:not(:last-child){margin-right: 0;}
    .partnership-title{margin-bottom: 12px;}
    .partnership-child-block ul::before { top: 27px; }
    /* banner end */

    /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 20px; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 60px; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 0; }
    .filter-section{padding: 40px 0 50px;}
    .filter-isotop-image{height: 294px;}
    .filter-isotop-detail{height: 294px;}
    .filter-isotop-title *{font-size: 18px;}
    .filter-isotop-detail-title *{font-size: 18px;}
    .filter-block{margin: 30px 0 0 0;}
    .filter-isotop-title{padding: 0 20px; top: 20px;}
    .filter-isotop-detail-title{padding: 20px;}
    .filter-list ul li a{width: 120px; height: 70px;}
    .filter-category-logo{padding: 0 20px;}
    .filter-list{margin: 40px 0 0 0;}
    .filter-list ul li:not(:last-child){margin-right: 10px;}
    /* filter section */

    /* design section */
    .design-section{padding: 50px 0 60px;}
    .design-top-left-title *{font-size: 34px;}
    .design-top-left-title{max-width: 100%; padding: 0 0 0 0;}
    .design-center-part .detail{padding: 0 0 0 0; margin: 25px 0 0 0;}
    .design-bottom-part{margin: 30px 0 0 0;}
    .design-bottom-right-part .detail{margin: 25px 0 0 0; padding: 0 20px 0 0; max-width: 100%;}
    .design-bottom-right-title *{font-size: 34px;}
    .design-bottom-right-title{margin: 0 0 0 0;}
    .design-top-part{ position: relative; top: 0; transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
    .design-top-right-part .row{justify-content: center;}
    .design-top-right-image{padding: 0; margin: 25px 0 0;}
    .design-bottom-left-image{padding: 0;}
    .design-bottom-right-part{padding: 30px 0 0 30px;}
    .design-bottom-right-title *{-webkit-text-stroke-width: 1px;}
    .design-top-left-title span {-webkit-text-stroke-width: 1px;}
    .design-section::after{top: -35px; height: 35px;}
    .design-top-left-title > * > *:nth-child(2){ margin-right: 0; }
    .design-top-left-title > * > *:nth-child(1){ position: relative; top: 0; }
    .design-top-left-title b{ position: relative; top: 0; }
    /* design section */

   /* 404 page */
   .error-page{height: calc(100vh - 450px); margin: -60px 0 0 0;}
   .error-main .section-title{font-size: 50px; line-height: 80px;}
   .small-title-404 *{font-size: 18px; line-height: 20px; margin-top: 10px;}
   .error-page .detail{margin-top: 10px;}
   /* 404 page */

    /* footer */
    .footer-top-left-part{padding-right: 0;}
    .footer-social-media-part{margin-left: 0; align-items: center;}
    .footer-social-media-part .link-block *{font-size: 19px;}
    .footer-top-right-part{margin-left: 0; flex-direction: column; margin-top: 30px; width: 100%; align-items: center;}
    .footer::after{display: none;}
    .footer-top-content{align-items: flex-start; flex-direction: column; padding-bottom: 25px;}
    .footer-top-left-part::after{display: none;}
    .footer-social-media-part .link-block{margin-bottom: 20px; margin-top: 20px;} 
    .footer-left-part-paragraph{margin-top: 30px; max-width: 100%; text-align: center;}
    .footer-social-media-icon ul li:not(:last-child){margin-right: 22px;}
    .footer-bottom-content{flex-direction: column;}
    .footer-bottom-right-list{margin-top: 20px;}
    .footer-logo{display: flex; justify-content: center;}
    .footer-menu-list ul li{text-align: center;}
    .footer-menu-title{text-align: center;}
    .footer-social-media-icon ul{justify-content: center;}
    .footer-top-content{padding-bottom: 30px;}
    .footer-top{padding: 30px 0 0;} 
    /* footer */

    .alx-programme-careers-section .programme-careers-main-title { margin-bottom: 30px; }
    .alx-programme-careers-section .programme-careers-main-title .block-title { font-size: 25px; }
    .alx-programme-careers-section .programme-careers-main-title .main-detail { font-size: 14px; line-height: 150%; letter-spacing: 0.32px; }
    .alx-programme-careers-section .programme-careers-mobile-view-section .programme-careers-main-title .block-title { font-size: 20px; margin-bottom: 12px; line-height: 130%; color: #029DE0; text-align: center; }
    .alx-programme-careers-section .programme-careers-mobile-view-section .programme-careers-accordion .accordion-item { border-bottom: none; }
    .alx-programme-careers-section .programme-careers-mobile-view-section .alx-programme-careers-section { padding: 34px 0 50px 0; }
    .curriculum-tabing .nav-pills .nav-link { min-width: unset; font-size: 14px; }
    .alx-programme-careers-section .programme-careers-mobile-view-section .programme-careers-main-title .main-detail { display: none; }
    .alx-programme-careers-section .programme-careers-mobile-view-section .programme-careers-main-title { margin-bottom: 0; }
    .programme-careers-accordion .accordion-button{display: none;}

    /* our partnarship */
    .our-partnership-slider .slick-list{margin: 0 -10px;}
    .our-partnership-slider .slick-slide{padding: 0 10px;}
    .our-partnership-slider-detail .our-partnership-slider-info{padding: 30px 28px 25px;}
    .our-partnership-section{padding: 50px 0;}
    .our-partnership-slider-block{margin: 40px auto 0;}
    .our-partnership-content .our-partnership-title * { font-size: 28px; }
    .our-partnership-content .common-detail * { font-size: 15px;}
    /* our partnarship */


    /*creative track*/
    .creative-track-section .creative-track-detail * { font-size: 15px; margin: 24px 0; }
    .creative-track-section .creative-track-title { max-width: unset; }
    .creative-track-section .creative-track-title * { font-size: 28px; }
    .creative-track-section { margin-top: 0; padding: 50px 0;} 
    .creative-track-section .creative-track-wrap .creative-track-left { max-width: unset; }
    /*creative track*/

    /*program-details-page*/
    /*program-banner*/
    .program-banner-section .program-banner-block .program-banner-content {         padding: 190px 0 100px 14px;}
    .program-banner-content .program-banner-heading * { font-size: 36px;}
    .program-banner-image * { object-position: right; object-fit: cover;}
    .program-banner-section .program-banner-block .btn { padding: 11.5px 80px;}
    /*program-banner*/

    .pnpbr-below { padding: 36px 26px; box-shadow: none; }
    .pnpbr-mobile .pnpbr-btn { margin-bottom: 20px; max-width: 250px; margin-left: auto; margin-right: auto; }
    .pnpbr-btn .btn { font-size: 18px; padding: 12px 76.5px 12px; width: 100%; }
    
    /*overview*/
    .overview-main { padding: 30px 0; }
    .overview-main .overview-wrap .overview-left .normal-title { margin-bottom: 13px;font-size: 28px; }
    .overview-right{margin-top: 15px;}
    .overview-main .overview-wrap .overview-left { max-width: unset;}
    .overview-main .overview-wrap .overview-left .detail { font-size: 16px; margin: 0 0 20px; }

/*overview*/


/*modules*/
/* .modules-main { padding: 20px 0; }
.modules-title { align-items: center; }
.modules-main .modules-title .btn {padding: 8px 23px 10px;font-size: 15px; }
.modules-wrap .module-block { min-height: 150px;padding: 25px; }
.modules-wrap .module-block .detail { font-size: 15px;} */
/*modules*/

/*eligible*/

.eligibility-main .eligibility-block .eligibility-detail ul ul { padding-left: 33px; margin-top: 13px; }
.eligibility-main .eligibility-wrap { margin: 0 auto 0 auto; }
.eligibility-main { padding: 30px 0; }
    .eligibility-main .eligibility-block { padding: 25px 20px;        min-height: unset;
        height: 98%;} 
        .eligibility-main .eligibility-block .eligible-icon img { width: 40px; height: 40px; }
        .eligibility-main .eligibility-block .eligible-icon { width: 60px; height: 60px; padding: 15px;} 
        .eligibility-main .eligibility-block .eligibility-detail .common-detail { font-size: 18px; margin-bottom: 17px; }
        .eligibility-main .eligibility-block .eligibility-detail {  margin-left: 0; max-width: unset;}
        /*eligible*/
        
        /*outcome*/
        .outcome-main .outcome-wrap { padding: 0px; }
    .outcome-main .outcome-wrap .outcome-left img { width: 100%;       border-radius: 8px 8px 0 0;}
    .outcome-main .outcome-title .normal-title { font-size: 28px; margin-bottom: 12px; }
    .outcome-main .outcome-title { margin: 0 auto 25px auto; flex-direction: column; }
    .outcome-main .outcome-wrap .outcome-right { max-width: 505px; padding: 30px 20px;   }
    .outcome-main { padding: 30px 0 50px; }
    .outcome-main .outcome-wrap .outcome-right .block-title { font-size: 28px; }
    .outcome-main .outcome-wrap .outcome-right ul li { font-size: 17px; padding: 0 0 0 29px; }
    .outcome-main .outcome-wrap .outcome-right ul li::after { width: 19px; height: 13px; }
    .outcome-main .outcome-title .common-detail { margin-top: 0px; }
    /*outcome*/

    /*ccs*/
    .ccs-wrap { flex-direction: column; }
    .ccs-main .ccs-wrap .ccs-detail { margin: 10px 0 0 0; }
    .ccs-main .ccs-wrap img { max-width: 136px; }
    .ccs-main .ccs-wrap .ccs-detail .detail { margin: 11px 0 20px 0; }
    .ccs-main { padding: 50px 0;}
    /*ccs*/
     /*program-navy-bar*/
     .program-navy-mobile-list { justify-content: center; }
     .program-navyb-mobile-item{ margin-right:20px; }
     /*program-navy-bar*/
    /*program-details-page*/

    /* 8-10-2024 */
    .partnership-block {
        margin-top: 40px;
    }
    .banner-content {
        padding: 120px 0 60px 0;
    }
    .navbar-brand {
        margin-top: 0;
    }
    /* 8-10-2024 */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
    /* common style */
    .section-title{font-size: 24px;}
    .normal-title { font-size: 27px;}
    /* common style */

    /* banner start */
    /* .banner-image { height: 595px; object-fit: cover; } */
    .partnership-child-block { max-width: 232px; }
    .banner-heading *{font-size: 30px;}
    /* .banner-content{padding: 175px 0 0 10px;} */
    .partnership-block ul li *{max-width: 93%;}
    .partnership-child-block ul::before { top: 26px; }
    /* banner end */
    
    /* filter section */
    .filter-block .row>*:first-child>*:first-child { margin-top: 0; }
    .filter-block .row>*:nth-child(2)>*:first-child { margin-top: 0; }
    .filter-block .row>*:nth-child(4)>*:first-child { margin-top: 0; }
    .filter-list{overflow: auto; width: 100%; max-width: 510px; margin: 30px auto 0;}
    .filter-list ul{justify-content: flex-start;}
    .filter-isotop-detail{width: 270px; margin: 0 auto 20px; height: 320px;}
    .filter-isotop-image{width: 270px; margin: 0 auto 20px; height: 320px;}
     /* filter section */

     /* design section */
    .design-section::after{top: -28px; height: 28px;}
    .design-top-left-title > * > *:nth-child(2){ margin-right: 0; }
    .design-top-left-title > * > *:nth-child(1){ position: relative; top: 0; }
    .design-bottom-right-part{padding: 30px 0 0 15px;}
    .design-top-left-title b{ position: relative; top: 0; }
     /* design section */

    /* footer */
    .footer-bottom-left-list ul li::after{display: none;}
    .footer-bottom-left-list ul li:not(:last-child){margin-right: 0; margin-bottom: 10px;}
    .footer{padding: 0;}
    .footer::after{top: -28px; height: 28px;}
    .footer-bottom-left-list ul{flex-direction: column; align-items: center;}
    /* footer */

    .programme-careers-slider { margin: 0 -15px 0 0; overflow: hidden; }
    .programme-careers-carousel .slick-list { padding-right: 100px; }
    .programme-careers-carousel .programme-careers-block.programme-careers-block-red .careers-detail { height: auto; }

    /* our partnarship */
    .our-partnership-slider .slick-list{margin: 0;}
    .our-partnership-slider-detail .our-partnership-slider-logo .partners-logo { height: 30px; }
    .our-partnership-slider-info .our-partnership-slider-logo { min-height: 48px; }
    .our-partnership-slider-detail .our-partnership-slider-info{padding: 22px 18px 20px;}
    .our-partnership-section{padding: 40px 0; margin: 0 0 -1px 0;}
    .our-partnership-slider-block{margin: 30px auto 0;}
    .our-partnership-slider-info .our-partnership-slider-info-paragraph{margin: 18px 0 0; font-size: 14px;}
    .our-partnership-content .our-partnership-title *{font-size: 30px;}
    .our-partnership-slider-info .our-partnership-slider-logo img{max-width: 100px; height: 30px;}
    /* our partnarship */

    /*creative track*/
    .creative-track-section .creative-track-title { max-width: unset; }
    .creative-track-section .creative-track-title * { font-size: 26px; }
    .creative-track-section { margin-top: 0; padding: 50px 0;} 
    .creative-track-section .creative-track-wrap .creative-track-left { max-width: unset; }
    /*creative track*/

    /*porgram-details page*/

    /*program banner*/
    .program-banner-content .program-banner-heading { margin: 8px 0 12px; }
    .program-banner-content .program-banner-heading * { font-size: 29px; line-height: 106%; } 
    .program-banner-section .program-banner-block .btn { padding: 10.5px 89px;}
    .program-banner-section .program-banner-block .program-banner-content .small-block * { font-size: 20px; }
    /*program banner*/


    /*overview*/
    .overview-main { padding: 30px 0; }
    .overview-main .overview-wrap .overview-left .normal-title { margin-bottom: 13px;font-size: 28px; }
    .overview-right{margin-top: 15px;}
    .overview-main .overview-wrap .overview-left { max-width: unset;}
    .overview-main .overview-wrap .overview-left .btn {
    padding: 8px 39px 10px;margin-top: 0px;}
    .overview-main .overview-wrap .overview-left .detail { margin: 0 0 20px;  font-size: 15px; line-height: normal;}
    .outcome-main .outcome-title .common-detail { font-size: 15px; margin-top: 0px; }
    .outcome-main .outcome-wrap { padding: 0px; background: unset;}
     /*overview*/

    /*modules*/
    /* .modules-main { padding: 20px 0; }
    .modules-title { flex-direction: column; align-items: center; }
    .modules-main .modules-title .btn { padding: 8px 50px 10px; margin-top: 10px; }
    .modules-wrap .module-block { min-height: 150px;padding: 25px; }
    .modules-wrap .module-block .detail { font-size: 15px;} */
    /*modules*/

    /*eligible*/
    .eligibility-main .eligibility-block .eligibility-detail ul ul { padding-left: 33px; margin-top: 13px; }
    .eligibility-main .eligibility-wrap { margin: 0 auto 0 auto; }
    .eligibility-main { padding: 30px 0; }
    .eligibility-main .eligibility-block { padding: 20px; height: 98%;min-height: unset;} 
    .eligibility-main .eligibility-block .eligible-icon img { width: 30px; height: 30px; }
    .eligibility-main .eligibility-block .eligible-icon { width: 50px; height: 50px; padding: 10px;} 
    .eligibility-main .eligibility-block .eligibility-detail .common-detail { font-size: 18px; margin-bottom: 17px; }
    .eligibility-main .eligibility-block .eligibility-detail ul li { font-size: 14px;}
    .eligibility-main .eligibility-block .eligibility-detail { margin-left: 0px; max-width: unset; }
     /*eligible*/

    /*outcome*/
    .outcome-main .outcome-title .normal-title { font-size: 25px; margin-bottom: 10px; }
    .outcome-main .outcome-title { margin: 0 auto 25px auto; flex-direction: column; }
    .outcome-main .outcome-wrap .outcome-right { max-width: 505px; padding: 20px;  background: #fff; }
    .outcome-main { padding: 30px 0 50px; }
    .outcome-main .outcome-wrap .outcome-right .block-title { font-size: 24px; }
    .outcome-main .outcome-wrap .outcome-right ul li { font-size: 15px; padding: 0 0 0 29px; }
    .outcome-main .outcome-wrap .outcome-right ul li::after { width: 19px; height: 13px; }
    /*outcome*/

    /*ccs868*/
    .ccs-wrap { margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; }
    .ccs-main .ccs-wrap .ccs-detail { margin: 20px 0 0 0; } 
    .ccs-main { padding: 30px 0; }
    .ccs-main .ccs-wrap .ccs-detail .normal-title { font-size: 24px; } 
    .ccs-main .ccs-wrap .ccs-detail .detail { margin: 15px 0 20px 0; font-size: 15px; } 
    .ccs-main .ccs-wrap img { max-width: 118px; }
    /*ccs*/
    .program-navyb-mobile-item { margin-right: 40px; text-align: center;}
    .program-navy-mobile-list *:last-child{ margin-right: 0px;
    }
    /*porgram-details page*/




}
@media (max-width: 374px){
    .programme-careers-slider { margin: 0 -15px 0 0; }
    .programme-careers-carousel .slick-list { padding-right: 50px; }
}




