@media (min-width: 1367px){
    .offline-boxes{margin-bottom: 0; } 
    .web-boxes-left {padding-left: 60px; } 
    .patt-16{right: 30px; bottom: -50px; }
}
@media (min-width :1550px){
    .container{max-width: 1200px; }
}
@media only screen and (min-width: 320px) and (max-width: 575px){

    .sm-mt-30{margin-top: 30px !important;}
    .header-container{flex-wrap: wrap;justify-content: center;padding-top:5px;}
    .w-100{width: 100%;}
    .header-info a span {width: 14px; height: 14px; margin-right: 0px; }
    .logo{margin-bottom:5px;}
    .header-info {justify-content: center; }
    .banner-image {padding: 0 70px;}
    .banner-image::before {width: 250px;height: 250px;border: solid 125px #FF9922;border-right: solid 125px transparent;border-top: solid 125px transparent;}
    .tr {left: 19px;bottom: 43px;width: 240px;height: 240px;}
    .tr svg {width: 100%;height: 100%;}
    .header-info a{font-size: 3.5vw;margin: 10px;}
    .banner-text {font-size: 10vw;line-height: 61px;margin-top: 20px;margin-bottom: 40px;text-align: center;}
    .banner-text span, .banner-text small {font-size: 50px;line-height: 48px;}
    .banner-text span::before {height: 75%;left: 7px;top: 11px;}
    .patt-9 {left: 30px; top: -24px; z-index: 999; }
    .patt-11 {left: 10px;bottom: -20px;}
    .patt-9 img , 
    .patt-10 img,
    .patt-11 img,
    .patt-13 img,
    .patt-15 img,
    .patt-18 img{width: 17vw;}

    .patt-16{right: 10px; bottom: -25px; }
    .patt-1 {top: 327px; left: 20px; width: 60px; }
    .patt-3 {top: 80px; left: 75%; width: 26px; }
    .patt-4 {width: 20px; height: 20px; right: 34%; top: 136px; }
    .patt-5 {width: 24px; height: 24px; right: 5%; top: 336px; }
    .patt-2 {top: 127px; left: 16%; width: 20px; height: 20px; border-radius: 4px; }
    .patt-1 svg, .patt-3 svg{width: 100%;}

    .offline-class-container {padding: 60px 0 80px; }
    .offline-heading {width: 100%; text-align: center; font-size: 6vw; line-height: 45px; font-weight: 700; } 
    .offline-heading p span {top: -30px; } 
    .offline-heading p svg {position: absolute; left: -3px; top: 13px; width: 95px; }
    .icon-box {margin-bottom: 10px; padding: 10px;}
    .tr svg {width: 100%; height: 100%; } 
    .sub-heading {font-size: 4.5vw; margin-top: 15px; line-height: 31px; } 
    .icon-img {width: 100%; height: auto; margin-bottom: 0px; } 
    .inner-footer {padding: 0 0 30px; } 
    .course_chart th {font-size: 20px; line-height: 30px; padding-bottom:50px; width: 110px; } 
    .course_chart td {font-size: 13px; line-height: 11px; padding-bottom: 6px; width: 18%; } 
    .td-footer {border-top: 5px solid #D9D9D9; padding-top: 12px; font-size: 18px !important; padding-bottom: 30px !important; } 
    .course_chart td svg{width: 25px; }
    .booknow-btn{width: 49vw; height: 50px; margin-top: 10px; font-size: 4.5vw;min-height: unset; }
    .icon-box-text {font-size: 12px; font-weight: 500; margin-top: 15px; }
    .section-container {padding: 30px 0; } 
    .logo-box{padding: 0 14px; margin-bottom: 24px; height: 44px; min-height: 50px;}
    .logo-box img {width: 100%;height: 100%;display: table;}
    .boxes-duration, .plan-duration {font-size: 5vw; line-height: 5vw; }
    .plan-duration {margin-bottom: 10px;}
    .boxes-logo, .plan-logo {font-size: 16px;margin-bottom: 19px;}
    .boxes-price, .plan-price {font-size:8vw;line-height: 10vw; }
    .plan-price {    margin-bottom: 20px;}
    .boxes-cat, .plan-cat {font-size: 5vw;margin-bottom: 20px;line-height: 5vw;}
    .boxes-btn, .plan-btn{height: 40px; width: 31vw; font-size: 4vw; font-weight: 500;}
    .inactive{height: 40px; width: 31vw; font-size: 4vw; font-weight: 500;}
    .offline-boxes {border-radius:0px;padding: 35px 30px;margin-bottom: 0; text-align: center;justify-content: center;}
    .section-heading {font-size: 6vw; line-height: 45px; } 
    .section-heading span img.line-2 {width: 100%; bottom: 2px; right: -3px; z-index: -1; } 
    .job-count {margin: 33px 0; font-size: 50px; line-height: 60px; } 
    .offline-boxes-title {font-size: 20px; font-weight: 700; margin: 20px 0 15px; } 
    .offline-boxes-content {font-weight: 400; font-size: 3.4vw; line-height: 4.8vw; min-height: auto;}
    .section-heading span img.line-3 {bottom: -5px; width: 100%; } 
    .web-boxes, .plan-boxes{margin-bottom: 30px; } 
    .counter{width: 60px; height: 60px; font-size: 30px; } 
    .web-box-title{margin: 20px 0 10px; font-size: 24px; font-weight: 700; } 
    .web-box-content{font-size: 16px; } 
    .courses-box-header img {width: 95px; height: 70px; } 
    .course-details-heading::after{width: 143px; } 
    .courses-box-title {margin-left: 20px; line-height: 32px; font-size: 24px; } 
    .course-details-lists{flex-wrap: wrap; } 
    .courses-box{min-height: 292px; } 
    .our-plan-heading::after {width: 253px; } 
    .course_chart{width: 992px;} 
    .our-mission-heading::after {width: 323px; bottom: -17px; } 
    .mission-boxtitle {font-size: 20px; line-height: 30px; } 
    .mission-box {width: 100%; padding: 45px 30px; background: #FFF; margin-bottom: 50px; min-height: 286px; } 
    .mission-content {font-size: 16px; } 
    .certificate-heading::after {width: 81px; bottom: -4px; } 
    .doubt-clear-heading::after {width: 31vw; height: 4px; bottom: 0; } 
    .our-mission-heading::after {width: 46vw; height: 4px; bottom: 0; } 
    .our-plan-heading::after {width: 38vw; height: 12px; bottom: 0; } 

    .pt-80{padding-top: 30px !important; } 
    .mt-80 {margin-top: 20px !important; }
    .pe-0{padding-right: 0;}
    .ps-0{padding-left: 0;}
    .px-0{padding-left: 0;padding-right: 0;}
    .px-3{padding-left:2.5em; padding-right: 2.5em;}

    .courses-box-title a {font-size: 23px; line-height: 29px; } 
    .certificate-box {width: 100%; max-width: 150px; height: 110px; margin: 0; padding: 17px 0; } 
    .certificate-box img{width: 24px; } 
    .certificate-box h4 {font-size: 13px; line-height: 15px; font-weight: 500; } 
    .certificate-content-wrapper{width: 100%; padding: 50px 0; } 
    .certificate-content-wrapper .plusSign  {display: none; } 
    .ques{font-size: 20px; line-height: 26px; } 
    .ans {font-weight: 400; margin-top: 10px; font-size: 16px; line-height: 26px; } 
    .ques-wrapper {margin-bottom: 40px; } 
    .footer-contact{font-size: 20px; text-align: left; margin-top: 30px; } 
    .footer-text {font-size: 18px; text-align: left; margin-top: 10px;margin-bottom: 30px; } 
    .footer-eclips{display: none;}
    .flex-column-reverse{flex-direction: column-reverse; } 
    .modal{padding-top: 0;}
    .modal-content {position: fixed;background-color: #fefefe;padding: 0;border: none;width: 100%;box-shadow: none;height: 100vh;border-radius: 0;}
     /*inner page start*/
    .inner-body-container{width:100%;}
    .inner-form-container{z-index: 999999999;}
    .inner-form-wrapper {position: fixed;padding:0;top: 0;margin-bottom: 0;background:#FFF;display: none;z-index: 9999999999999999; border-radius: 0;height: 100vh;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;}
    .inner-close{width: 30px;height: 30px;position: relative;cursor: pointer; display: block;}
    .inner-close::before{width: 14px;height: 1px;content: "";position: absolute;background: #7b8ceb;top:50%;left: 50%;margin-left: -7px;transform: rotate(-45deg);}
    .inner-close::after{width: 14px;height: 1px;content: "";position: absolute;background: #7b8ceb;top:50%;left: 50%;margin-left: -7px;transform: rotate(45deg);}
    .inner-close:hover::before, .inner-close:hover::after{background: #b3bdf9; }
    .inner-form-wrapper h2{background: #3F51B5; display: flex;justify-content: space-between;padding:25px 30px;width: 100%;align-items: center;font-size: 18px;font-weight: 500;color: #FFF;line-height: 20px;}
    .inner-form-wrapper h2::before{display: none;}
    .inner-form-field{width: 100%;height: 50px;border-radius: 7px;padding: 10px;border: 1px solid #e5e5e5;background: #f1f1f1;outline-color: #d5d5d5;}
    .formInnerContentBody{padding: 10px 30px;}
    .course_feature {margin-top: 33px;}
    .course_feature ul li {margin-right: 0px;width: 48%;margin-bottom: 18px;}
    .inner_banner {padding: 30px 0 70px;}
    .inner-page-title p {font-size: 14px;line-height: 23px;}
    .course_feature ul li p {font-size: 12px;line-height: 13px;margin-bottom: 2px;opacity: 0.7;font-weight: 400;}
    .course_feature ul li span {font-size: 16px;line-height: 22px;}

    .inner-section-heading {font-size: 25px;font-weight: 700; line-height: 34px;}
    .inner-sub-heading {margin-top: 10px;line-height: 25px;font-size:17px;}

    .version-text {margin-top: 20px; font-size: 27px; font-weight: 700; line-height: 24px; margin-bottom: 15px; }
    .inner-content {font-size: 15px; font-weight: 400; line-height: 21px; margin-top: 10px; color: #474747; }
    .inner-list-content li {font-size: 14px;line-height: 20px;margin-bottom: 6px;}
    .call-to-action-box {padding: 30px;}
    .call-to-action-content ul li {margin-bottom: 22px;    font-size: 15px;}
    .call-to-action-content ul li span {font-size: 27px;line-height:35px;}
    .know-more-btn-2 {height: 49px;font-size: 18px;top: 4px;}


    .job-type-text {font-size: 22px;}
    .job-list {margin-top: 20px;}
    .job-list li {font-size: 15px;color: #202430;margin-bottom: 13px;}
    .salary-box {padding: 26px;}
    .salary-box-text {font-size: 17px;line-height: 37px;}
    .salary-box-text span {font-size: 22px;line-height: 42px;}
    .footer{padding-top: 30px;}
    .footer-enquiry-btn{display: flex; }
    .fournotfour-banner{font-size: 140px !important;line-height: 170px !important;}
    .fournotfour-sub-banner{font-size: 22px !important;line-height: 30px !important;}
    .fournotfour-text{font-size: 16px !important;line-height: 22px !important;}
    .navigation{width: 100% !important;}
    .plan-boxes {min-height: 313px; }
    /*inner page End*/
} 
@media only screen and (min-width: 576px) and (max-width: 767px){
        .sm-mt-30{margin-top: 30px !important; } 
        .header-info {justify-content: flex-end; } 
        .banner-image {padding-left: 40px; } 
        .header-info a{font-size: 18px; } 
        .banner-text {font-size: 40px; line-height: 60px; margin-top: 50px; margin-bottom: 50px; } 
        .banner-text span, .banner-text small {font-size: 60px; } 
        .banner-text span::before {height: 75%; left: 7px; top: 11px; } 
        .offline-heading {width: 100%; text-align: center; font-size: 30px; line-height: 45px; font-weight: 700; } 
        .offline-heading p span {top: -30px; } 
        .offline-heading p svg {position: absolute; left: -3px; top: 13px; width: 95px; } 
        .tr svg {width: 100%; height: 100%; } 
        .sub-heading {font-size: 26px; margin: 0; line-height: 30px; } 
        .icon-img {width: 100%; height: auto; margin-bottom: 40px; } .inner-footer {padding: 80px 0 90px; } 
        .course_chart th {font-size: 20px; line-height: 30px; padding-bottom:50px; width: 110px; } 
        .course_chart td {font-size: 18px; line-height: 28px; padding-bottom: 20px; } 
        .course_chart td svg{width: 25px; } .booknow-btn{width: 100%; } 
        .section-container {padding: 30px 0; } .logo-box{padding: 0 30px; } 
        .section-heading {font-size: 40px; line-height: 52px; } 
        .section-heading span img.line-2 {width: 100%; bottom: 2px; right: -3px; z-index: -1; } 
        .job-count {margin: 33px 0; font-size: 80px; line-height: 84px; } 
        .offline-boxes-title {font-size: 20px; font-weight: 700; } 
        .offline-boxes-content {font-weight: 500; } 
        .section-heading span img.line-3 {bottom: -5px; width: 100%; } 
        .web-boxes, .plan-boxes{margin-bottom: 30px; } 
        .counter{width: 60px; height: 60px; font-size: 30px; } 
        .web-box-title{margin: 20px 0 10px; font-size: 24px; font-weight: 700; } 
        .web-box-content{font-size: 16px; } .courses-box-header img {width: 70px; height: 70px; } 
        .course-details-heading::after{width: 143px; } 
        .courses-box-title {margin-left: 20px; } 
        .course-details-lists{flex-wrap: wrap; } 
        .courses-box{min-height: 292px; } 
        .our-plan-heading::after {width: 253px; } 
        .course_chart{width: 992px;} 
        .our-mission-heading::after {width: 323px; bottom: -17px; } 
        .mission-boxtitle {font-size: 20px; } 
        .mission-content {font-size: 16px; } 
        .certificate-heading::after {width: 81px; bottom: -4px; } 
        .doubt-clear-heading::after {width: 217px; bottom: -20px; } 
        .certificate-box {width: 100%; max-width: 250px; height: 250px; margin: 15px; } 
        .certificate-content-wrapper{flex-wrap: wrap; margin: 30px 0; } 
        .certificate-content-wrapper svg {display: block; width: 100%; margin: 15px 0; } 
        .ques{font-size: 20px; line-height: 26px; } .ans {font-weight: 400; margin-top: 10px; font-size: 16px; line-height: 26px; } 
        .ques-wrapper {margin-bottom: 40px; } 
        
        .footer-contact{font-size: 20px; text-align: left; margin-top: 30px; } 
        .footer-text {font-size: 18px; text-align: left; margin-top: 0; } 
        .col-6{flex: 0 0 100%; max-width: 100%; } 
    } 
@media (min-width: 768px) and (max-width: 991px){
            .sm-mt-30{margin-top: 30px !important; } 
            .banner-image {padding-left: 40px; } 
            .banner-text{font-size: 40px; line-height: 90px; } 
            .banner-text span, 
            .banner-text small {font-size: 60px; } 
            .banner-text span::before{left: 8px; top: 18px; } 
            .banner-image::before {width: 200px; height: 200px; border: solid 100px #FF9922; border-right: solid 100px transparent; border-top: solid 100px transparent; } 
            .tr {left: 19px; bottom: 27px; width: 190px; height: 203px; } 
            .offline-heading {width: 100%; text-align: center; font-size: 40px; line-height: 45px; font-weight: 700; } 
            .offline-heading p span {top: -40px; } 
            .offline-heading p svg {position: absolute; left: -3px; top: 15px; width: 128px; } 
            .tr svg {width: 100%; height: 100%; } 
            .sub-heading {margin: 17px 0 15px; } 
            .inner-footer {padding: 80px 0 90px; } 
            .course_chart th {font-size: 20px; line-height: 30px; padding-bottom:50px; width: 110px; } 
            .course_chart td {font-size: 18px; line-height: 28px; padding-bottom: 20px; } 
            .course_chart td svg{width: 25px; } 
            .booknow-btn{width: 100%; } 
            .section-container {padding: 30px 0; } 
            .logo-box{padding: 0 30px; } 
            .section-heading {font-size: 40px; line-height: 52px; } 
            .section-heading span img.line-2 {width: 100%; bottom: 2px; right: -3px; z-index: -1; } 
            .job-count {margin: 33px 0; font-size: 80px; line-height: 84px; } 
            .offline-boxes-title {font-size: 20px; font-weight: 700; } 
            .offline-boxes-content {font-weight: 500; } 
            .section-heading span img.line-3 {bottom: -5px; width: 100%; } 
            .counter{width: 60px; height: 60px; font-size: 30px; } 
            .web-box-title{margin: 20px 0 10px; font-size: 24px; font-weight: 700; } 
            .web-box-content{font-size: 16px; } 
            .courses-box-header img {width: 70px; height: 70px; } 
            .course-details-heading::after{width: 143px; } 
            .courses-box-title {margin-left: 20px; } 
            .course-details-lists{flex-wrap: wrap; } 
            .courses-box{min-height: 292px; } 
            .our-plan-heading::after {width: 253px; } 
            .course_chart{width: 992px;} 
            .our-mission-heading::after {width: 323px; bottom: -17px; } 
            .mission-boxtitle {font-size: 20px; line-height: 30px; } 
            .mission-content {font-size: 16px; } 
            .certificate-heading::after {width: 81px; bottom: -4px; } 
            .doubt-clear-heading::after {width: 217px; bottom: -20px; } 
            .certificate-box {width: 199px; height: 199px; padding: 36px 0; border-radius: 18px; margin:15px; } 
            .ques{font-size: 20px; line-height: 26px; } 
            .ans {font-weight: 400; margin-top: 10px; font-size: 16px; line-height: 26px; } 
            .ques-wrapper {margin-bottom: 40px; } .footer-contact{font-size: 20px; } 
            .footer-text {font-size: 18px; } 
        } 
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .banner-text{font-size: 70px; line-height: 90px; } 
    .banner-text span, 
    .banner-text small {font-size: 80px; } 
    .banner-text span::before{left: 8px; top: 18px; } 
    .banner-image::before {width: 250px; height: 250px; border: solid 125px #FF9922; border-right: solid 125px transparent; border-top: solid 125px transparent}
    .tr {left: 19px; bottom: 43px; width: 240px; height: 240px; } 
    .tr svg {width: 100%; height: 100%; } 
    .sub-heading {margin: 30px 0 69px; } 
    .inner-footer {padding: 80px 0 90px; } 
    .course_chart th {font-size: 20px; line-height: 30px; padding-bottom:50px; width: 110px; } 
    .course_chart td {font-size: 18px; line-height: 28px; padding-bottom: 20px; } 
    .course_chart td svg{width: 25px; } 
}
@media (max-width: 1199px){
    .trending-course-container{grid-template-columns: repeat(2, 1fr); } 
    .courses-box{min-height: 479px; } 
    .footer-grid {grid-template-columns: repeat(3,1fr); } 
    .footer-widget:first-child {width: auto; } 
    .footer-contact,.footer-text,.footer-links-heading{text-align: left !important; } 
    .footer-social-links {justify-content: flex-start; } 
    .footer-social-links li {margin-left: 0; }
}
@media (max-width: 767px){
.header{padding:15px 0}
.trending-course-container{grid-template-columns: repeat(1, 1fr); } 
.header-info a, 
.header-info p {font-size: 11px; color: #000000; font-weight: 600; margin-left: 0px; display: flex; align-items: center; padding: 0 15px; line-height: normal; gap:10px; } 
.header-info a {font-size: 17px; font-weight: 600; padding: 0; margin: 0; gap: 5px; } 
.header-container{padding: 15px; } 
.logo {margin-bottom: 0px;width: 122px;} 
.banner {padding-top: 0;height:210px;}
.banner p {text-align: center;margin-top: 0;font-size: 15px;font-weight: 500;} 
.banner button{width: 151px; height: 45px; font-size: 15px; font-weight: 700; margin: 30px auto; } 
    .swiper-button-next, 
    .swiper-button-prev{display: none !important;}



.offer_box_text h4 span {font-weight: 900;font-size: 45px;line-height:50px;}
.admissionBoxpopup {flex-direction: column; text-align: center; line-height: normal; padding: 15px 20px; gap: 17px; } 
.admissionBoxpopup h4 {font-size: 18px; } 
.admissionBoxpopup button {padding: 11px 0; width: 148px; font-size: 14px; } 
.inner-page-title {font-size: 23px; line-height: normal; } 
.course_feature p {font-size: 16px; line-height: 26px; } 
.course_feature ul li span {font-size: 14px; line-height: normal; } 
.detailsPageInner{} 
.patt-2 {top: 117px; left: 4%; width: 16px; height: 16px; border-radius: 4px; } 
.patt-3 {top: -10px; left: 90%; width: 16px; } 
.patt-4 {width: 17px; height: 17px; right: 14%; top: 156px; } 
.banner-text {margin-bottom: 10px;line-height: 35px;font-size: 8vw;} 
.banner-text span, .banner-text small {font-size: 12vw;line-height: 48px;}
.section-heading {font-size: 5vw; line-height: normal; } 
.school_course_container h3 {font-size: 1.3rem; line-height: normal; } 
.school_course_container h3 span {font-size: 1rem; color: #ff6d02; margin-bottom: 6px; } 
.school_course_container{padding-top: 0; } 
.school_course_container .school_Student_image:nth-child(1) {display: none; } 
.about-somthing ul li {font-size: 16px; line-height: 22px; width: 100%; display: flex; gap: 15px; align-items: center; color: #005b7d; font-weight: 600; background: #d1f3ff; padding: 10px 15px; border-radius: 10px; border: 1px solid #a9e7ff; }
.about-somthing .school_Student_image:nth-child(1) {background: linear-gradient(0deg, #e0f6ff 0%, #ffffff 70%, #cff2ff 100%); border-radius: 20px; } 

.about-somthing ul li {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    display: inline-block;
    gap: 15px;
    align-items: center;
    color: #004a66;
    font-weight: 600;
    background: #d1f3ff;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #8bdfff;
    background: linear-gradient(47deg, rgb(209 254 255) 0%, rgb(255 249 182) 100%);
}
.about-somthing ul li i {
    width: 50px;
    height: 50px;
    display: block;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    float: left;
    margin-right: 10px;

}


.school_course_container .school_Student_image:nth-child(2) {width: 100%; height: 330px; border-radius: 15px; position: unset; margin-bottom: 40px; box-shadow: unset; } 
.custom-border-box {display: none;} 
.school_course_container button {width: 124px; height: 44px; margin: 20px 0; font-size: 13px; font-weight: 700; } 
.school_course_container {padding-top: 0; margin-bottom: 0; } 
.special_offer_box {margin-top: 40px; flex-wrap: wrap; padding: 25px 25px; padding-bottom: 0; } 
.special_offer_box img {width: 250px; position: relative; right: 0; bottom: 0; } 
.offer_box_text {width: 100%; } 
.customAccordion-header {padding: 10px 0; font-size: 15px; font-weight: 500; } 
.customAccordion-content p {font-size: 14px; line-height: 21px; } 
.courses-box-header{flex-wrap: nowrap; gap: 15px; } 
.courses-box-header div {display: flex; width: auto; align-items: unset; justify-content: flex-start; } 
.courses-box-title {margin-left: 0; line-height: normal; font-size: 24px; text-align: left; padding: 0; } 
.courses-box {padding: 20px 20px;min-height: auto;} 
.course-duration-section {margin-top: 10px;flex-direction: column;} 
.course-duration-section span {width: 100%;display: flex;align-items: center;gap: 10px;} 
.course-card-header img {height: 140px;}

.course-card-header h2 {
    padding:15px 25px 0 25px;
    font-size: 20px;
}

.course-card-toggle {
    margin-top: -4px;
    margin-bottom: 10px;
}


.featuered-learn-more-button {width: 88px; height: 26px; display: flex; font-size: 12px; font-weight: 400; color: #fff; border-radius: 4px; justify-content: center; align-items: center; background: #1c45bf; margin: 10px 0 0 0; padding: 0; } 
.patt-11_b{display: none; } 
.section-container {padding: 30px 0 15px 0 } 
.about-somthing h3 span {font-size: 1rem; color: #ff6d02; margin-bottom: 6px; } 
.about-somthing h3 {font-size: 1.3rem; line-height: normal; } 
.about-somthing a {width: 124px; height: 44px; margin: 20px 0; font-size: 13px; font-weight: 700; } 
.featuered-learn-more-button {background: transparent; width: 29px; height: auto; font-size: 0; position: absolute; right: 0; bottom: 10px; } 
.featuered-learn-more-button img{display: block; } 
.courses-box-body{position: relative; } 
.about-somthing .school_Student_image:nth-child(2){display: none; } 
.about-somthing .school_Student_image:nth-child(3) img {width: 50%; } 
.about-somthing .school_Student_image:nth-child(3) {right: auto; bottom: -150px; transform: translate(-50%, 0); left: 50%; } 
.certificate-content-wrapper {padding: 0px 0; column-count: 1; gap: 15px; display: flex; flex-wrap: wrap; } 
.certificate-box {width: 100%; padding: 15px; max-width: 100%; display: flex; gap: 10px; align-items: center; height: 90px; } 
.certificate-box img {width: 50px; margin-bottom: 0; } 
.school_course_container ul {gap: 6px; margin-top: 8px; flex-wrap: wrap; } 
.school_course_container ul li {padding: 4px 9px; font-size: 14px; } 
.footer-enquiry-btn button.myBtn {background: #202430; color: #FFF; height: 33px; border-radius: 5px; width: 113px; font-size: 13px; font-weight: 700; background: linear-gradient(0deg, #ff3f00 0%, #ffb909 80%, #ff9e04 100%); border-bottom: 2px solid #a3350f; text-transform: uppercase; } 
.footer-enquiry-btn {display: flex; background: linear-gradient(132deg, rgb(0 71 161) 0%, rgb(127 16 126) 100%); } 
.footer-enquiry-btn {display: flex; background: linear-gradient(132deg, rgb(0 71 161) 0%, rgb(127 16 126) 100%); color: #d0dfff; font-size: 14px; } 
.patt-11{display: none; } 
.certificate .custom-border-box {height: 90px; bottom: 31%; } 
.certificate-box h4 {font-size: 16px; line-height: 15px; font-weight: 600; color: #1c1c1c; } 
.footer-grid {grid-template-columns: repeat(1,1fr);}

}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .section-container {width: 100%;padding: 50px 0; position: relative;}
}
@media(max-width:1366px){
    .navigation{position: fixed; height: 100%; left: -100%; top:0; width: 345px; background: #FFF; padding: 2rem 1rem; z-index: 1111; transition: .3s; } 
    .navigation
    .active{left: 0; } 
    .navigation ul{display: block; margin: 0; } 
    .navigation ul li{display: block; } 
    .mobile-menu-button{display: block; } 
    .nav-btn-close{width: 30px; height: 30px; border:1px solid #202020; display: block; position: absolute; top: 15px; right: 15px; } 
    .nav-btn-close::before{content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 15px; transform: translateX(-50%) translateY(-50%) rotate(45deg); background: #202020; } 
    .nav-btn-close::after{content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 15px; transform: translateX(-50%) translateY(-50%) rotate(-45deg); background: #202020; } ul
    .sub-menu {width: 100%; position: relative; top: 100%; flex-wrap: wrap; margin-left: 0; background: #FFF; padding: 4px 0; width: max-content; display: block; box-shadow:none; border-radius: 5px; z-index: 111; transition: .5s; transform: translateY(0); visibility: visible; opacity: 1; height: 0; overflow: hidden; } 
    .navigation ul li:hover ul
    .sub-menu{height: auto; } ul
    .submenu-child{position: relative; top: 0; left: 0; flex-wrap: wrap; margin-left: 0; background: #FFF; padding: 4px 0; width: max-content; display: block; box-shadow: none; border-radius: 5px; z-index: 111; transition: .5s; transform: translateX(50px); visibility: hidden; opacity: 1; height: 0; overflow: hidden; } ul
    .sub-menu li:hover ul
    .submenu-child{height: auto; }
}