@media (max-width:1400px){
    body{overflow-x: hidden;}
    .headingFirst{ font-size: 36px; line-height: 50px;}
    .heading2{ font-size: 28px;}

    .bannerForm{ padding: 40px;}
    .flower{ width: 50%; right: 0; top:0;}
    .formImg{ max-width: 200px; right: -50px; bottom:-80px;}

    .featureBox .flower{right:0px; bottom: 0;}
    .featureBox .flower img{ max-width: 270px; float: right;}
    .featureBox_info{ padding: 30px; gap: 10px 0; margin-bottom: 20px;}
    .featureBox_info .lowerHeading{ font-size: 18px;}
    .featureList .featureBox{ padding: 20px 10px;}
    .featureContent{ padding: 10px 0 0px;}
    .featureBox p{ font-size:16px;}
    .featureIcon{ width: 140px; height: 140px;}

    .CourseHeading{ font-size: 20px;}
    .hero, .featureBox, .course, .coreFeature, .NumberAchivment, .certificateStep, .feedBack, .alliances{ padding: 80px 0;}
    .footer{ padding: 60px 0;}
    .footerHeading{ font-size: 18px;}
    .footerLink li a, .GalleryLink li{ font-size: 14px;}
}
@media (max-width:1200px){
    .navbar-brand {max-width: 200px;}
    .navbar-collapse{ gap:0 10px;}
    .navbar-nav .nav-link{ font-size: 16px;}
    .headingFirst{ font-size: 30px;}
    .subHeading, .bannerForm p{ font-size: 18px;}
    .bannerForm{ padding: 30px;}
    .submitBtn{ margin-top: 30px;}
    p{ font-size: 16px;}
    .heading2{ font-size: 22px; line-height: normal;}
    .featureBox_info p, .relatedContent p{ font-size: 15px;} 
    .featureIcon { width: 120px; height: 120px;}
    .featureBox .flower img {max-width: 150px;}
    .relatedContent{ padding:20px 20px;}
    .reg-process ul{ margin: 50px 0 30px;}
    .reg-process ul li i, .reg-process ul li:hover i{ height: 70px; width:70px; padding: 0; background-size: 60px auto;}
    .reg-process ul li i.icon-1, .reg-process ul li:hover i.icon-1 {background-position: 10px 10px;}
    .reg-process ul li i.icon-2, .reg-process ul li:hover i.icon-2 {background-position: 10px -85px; }
    .reg-process ul li i.icon-3, .reg-process ul li:hover i.icon-3 {background-position: 10px -180px;}
    .reg-process ul li i.icon-4, .reg-process ul li:hover i.icon-4 {background-position: 10px -270px;}
    .linkBtn { padding: 10px 20px; font-size: 18px;}
    #videoBx iframe{ height: 330px !important;}
    .stu-feed-item{ margin-bottom: 20px;}
    .stu-feed-bottom p{ margin-top: 10px;}
}
@media (max-width:992px){
    .navbar-brand{ max-width: 300px;}
    .navbar-toggler{ background-color: #f2f2f2; border:2px solid #004981; width: 50px; display: flex; align-items: center; justify-content: center;}
    .navbar-toggler-icon {position: relative;display: flex;align-items: center;justify-content: center;font-size: 26px; height: fit-content;width: fit-content;color: #007cdb;}

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .fa-bars::before{content:"\f00d";}
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon .fa-bars::before{content:"\f0c9";}

    .navbar-toggler:focus, .navbar-toggler:hover{ box-shadow: none !important;}
    .navbar-collapse{ flex-basis: 100%;}
    .navbar-nav li.nav-item {border-bottom: 1px dashed #333;}
    .right-button{ margin-top: 10px;}

    /* main{ padding-top: 90px;} */
    .featureBox_bx{ display: flex; flex-flow: column; align-items: flex-end; margin-bottom: 30px;}
    .featureBox_info{ width: 270px;}

    .reg-process ul li{ flex: 0 0 49%; margin-bottom: 40px;}
    .aboutCompany {margin-top: 40px;}

    .NumberAchivment{ background-size: contain; background-position:center;}

}
@media (max-width:768px){
.modal-content{ width: 70%; }
.modal{ left: -86px; }
.featureContent ul li{ font-size:14px; line-height:26px; }





    .hero, .featureBox, .course, .coreFeature, .NumberAchivment, .certificateStep, .feedBack, .alliances{ padding: 60px 0;}
    .bannerForm{ margin-top:50px;}
    .bannerForm .form-control, .bannerForm .form-select{ padding: 8px 16px;}
    .NumberAchivment{padding: 50px 0 60px;}
    .achivmentBx{ margin-top: 30px;}
    .footer{ padding-top: 20px;}
    .footer .text-end{ text-align: left !important;}
    .GalleryLink{ align-items: self-start;}
    .footerHeading {font-size: 18px;margin-bottom: 10px; margin-top: 30px;}
}
@media (max-width:676px){
    .headingFirst {font-size: 22px; line-height: normal;}
    .aboutBanner .btn { font-size: 16px;  padding: 10px 22px;  margin-top: 10px;}
    .heading2{ margin: 10px auto 10px;}
    .course{ padding: 60px 0 20px;}
    .spaceBx {padding-top: 0px;}
}
@media (max-width:440px){
    .hero, .featureBox, .course, .coreFeature, .NumberAchivment, .certificateStep, .feedBack, .alliances{ padding: 40px 0;}
    main {padding-top: 50px;}
    .formImg {max-width: 100px;right: 0; bottom: 60%;}
    .featureBox .flower img {max-width: 80px;}
    .navbar-brand {max-width: 200px;}
    .featureBox_bx{align-items: center; margin-bottom: 0;}
    .featureBox_info{ margin: 0 auto 20px;}
    .reg-process ul {margin: 50px 0 0px;}
    .linkBtn{ margin: 0 auto;}
    .course .owl-carousel .item{ padding: 10px;}
    .owl-dots {margin: 20px auto 0;}
    .copyRight .row{ justify-content: center;}
    #videoBx{ margin-bottom: 30px;}
    #videoBx .owl-dots{ margin-top: 20px;}
}
@media (max-width:320px){}