:root {
    --primary: #740426;
    --secondary: #FFA300;
    --dark: #222222;
    --light: #808080;
    --light1: #4B4C4C;
    --bg-light: #F4FAFD;
}
nav.custom-nav .navbar > li:nth-last-child(-n+4) > .submenu .submenu{
  right: 100% !important;
  left: auto !important;
}
@media (min-width:992px) {
    .achievements img {
    position: relative;
    left: -100px;
    z-index: -1;
}
.achievements-sub img {
    left: 0;
}
}@media (max-width:1399.98px) {
    .custom-nav .navbar {
    gap: 10px;
}
/* nav.custom-nav .navbar > li:nth-last-child(-n+4) > .submenu .submenu{
  right: 100% !important;
  left: auto !important;
} */
}@media (max-width:1199.98px) {
    .gallery-grid-container {
    gap: 10px;
}
.quick-links1 {
    padding: 20px 0px;
}
.custom-nav .navbar {
    gap: 10px;
}
.custom-nav a, .custom-nav .navbar .submenu a {
    font-size: 13px;
}

}@media (max-width:991.98px) {
    .logo img {
    height: 80px;
}
.menu {
    padding: 0;
}
.banner {
    height: 50vh;
}
section {
    padding: 40px 0;
}
.course-tab .tab-content img {
    width: 100%;
    margin-bottom: 30px;
}
.news-main .tab-btn {
    padding: 10px 3px;
    font-size: 17px;
    font-weight: 400;
}
.news-main .tab-btn i {
    display: none;
}
.quick-links1 {
    margin-bottom: 15px;
}
.achievements-content {
    border-radius: 5px 5px 0 0;
}
.achievements img {
    height: 350px!important;
    border-radius: 0 0 5px 5px;
    min-height: auto;
    object-position: top;
}
.achievements-sub .achievements-content {
    border-radius: 5px 5px 0 0;
}
.achievements-sub img {
    height: 250px!important;
    border-radius: 0 0 5px 5px;
    min-height: auto;
    object-position: top;
}
.footer-links {
    margin: 20px 0;
}
footer .footer-links ul {
    padding-bottom: 10px;
}
.copyright img, footer .footer-logo img {
    margin: 0 auto;
    display: block;
}
.footer-logo-sec p {
    text-align: center;
    margin: 15px 0;
}
.copyright p {
    text-align: center;
}
.error1, .top-menu ul {
    justify-content: center;
}
.main-menu-sec {
    padding: 5px 15px;
}
.menu-bar {
    border: none;
}
.custom-nav .navbar {
    gap: 15px;
    display: block;
    float: initial;
    margin-top: 30px;
    width: 100%}
.contact-top a, .custom-nav .navbar a {
    font-size: 13px;
}
#mainNav {
    background: var(--primary);
    position: fixed;
}
body.menu-open {
    overflow: hidden;
}
.custom-nav.open {
    left: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.custom-nav {
    width: 100%;
    max-width: 300px;
    height: 100vh;
    position: absolute;
    left: -350px;
    top: 0;
    overflow: scroll;
    z-index: 99999;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.custom-nav a {
    font-weight: 400!important;
    color: #fff!important;
}
.custom-nav .navbar a {
    padding: 10px 30px;
}
.custom-nav .submenu {
    position: inherit!important;
    height: 0;
    padding: 0;
    top: 0!important;
    width: 100%!important;
    background: #fff!important;
    box-shadow: none;
    margin: initial!important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.custom-nav .submenu a {
    color: var(--dark)!important;
    padding: 5px 15px;
    white-space: initial!important;
}
.custom-nav .submenu.open {
    height: fit-content;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.mainNav-btn {
    display: block;
}
.custom-nav .submenu .submenu {
    left: initial!important;
    background: rgba(0, 0, 0, .05)!important;
}
.gallery .view-gallery {
    bottom: 17%;
    right: 7%;
}
.social-feeds{
    justify-content: center;
    margin-bottom: 30px;
}
.feed-box{
    max-width: 50%;
}
}@media (max-width:767.98px) {
    .section-title {
    font-size: 30px;
    line-height: 36px;
}
/* h3 {
    font-size: 25px;
} */
.banner {
    height: 45vh;
}
.welcome1{
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}
.welcome img{
    max-width: 100%;
}
.est {
    top: auto;
    /* bottom: auto; */
    bottom: -100px;
    right: auto;
    left: auto;
    min-height: 130px;
}
.est h3 {
    font-size: 45px;
}
.news-main .tab-header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0;
}
.news-main .news-carousel {
    padding: 0 15px;
}
.courses .tab-content, .courses .tab-header {
    padding: 0 10px;
}
.courses .tab-btn span {
        display: none;
    }
.course-tab .tab-content ul {
    column-count: 1;
    grid-template-columns: 1fr;
}
.gallery-grid-container {
    display: grid;
    grid-template-areas: 'photo1 photo1' 'photo2 photo3' 'photo4 photo5'}
    .gallery .view-gallery {
    bottom: 10%;
    right: 10%;
}
.photos img {
    min-height: 180px;
    max-height: 200px;
}
.photos:first-child img, .photos:nth-child(3) img {
    max-height: 230px;
    min-height: auto;
    width: 100%}
    .feed-box{
    max-width: 100%;
}
.main-menu-sec {
    padding: 5px 10px;
}
.contact-top {
    padding: 3px 20px;
}
.contact-top li:first-child, .contact-top li:nth-child(2) {
    display: none;
}
.news-updates-title{
    display: none;
}
.faq p {
    padding-left: 20px;
}
footer .social{
    justify-content: center;
}
}
@media (max-width:670px) {
    .banner {
    height: 40vh;
}
}
@media (max-width:575.98px) {
        .banner {
    height: 35vh;
}
.facilities-item:hover h6 {
    animation: none;
}
    footer .footer-links ul {
    column-count: 1;
}
.sub-page-content::before {
    display: none;
}
.main-menu-sec {
    padding: 5px;
}
.faq .tab-header .tab-btn{
        padding: 10px 5px;
    font-size: 14px;
}
}
@media (max-width:530px) {
    .banner {
    height: 30vh;
}
}
@media (max-width:500px) {
    .top-menu ul {
    gap: 12px;
}
.top-menu a {
    font-size: 12px;
}
}
@media (max-width:450px) {
    .banner {
    height: 26vh;
}
.gallery .view-gallery{
    right: 8%;
}
.gallery .btn-read{
        min-width: 140px;
        padding: 7px 5px;
}
.highlight-icon {
    width: 75px;
    height: 75px;
}
.highlight-icon img {
    height: 30px;
}
}
@media (max-width:400px) {
    .contact-top ul {
    gap: 10px;
}
.contact-top i {
    padding-right: 5px;
}
    .top-menu ul {
        gap: 10px;
    }
    .top-menu a {
        font-size: 10px;
    }
        .main-menu-sec {
        padding: 0;
    }
    .contact-top a.adm {
    padding: 10px 10px;
    }
    .contact-top{
        justify-content: space-between;
    }
    .top-bar2 a {
    font-size: 11px;
}
.tab-header{
    gap: 7px;
}
.news-main .tab-btn{
    font-size: 14px;
}
footer::after, footer::before{
    width: 300px;
}

}
@media (max-width:350px) {
    .gallery .btn-read {
        min-width: 100px;
    }

}