/* @media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 1200px;
}
} */



@media (max-width: 820px) {
    main {
        margin-top: 105px;
    }

    .navbar {
        background: var(--navbar);
    }

    .navbar-collapse {
        background-color: var(--navbar);
        padding: 25px 0;
    }

    .hero-item {
        min-height: 200px;
    }

    .hero-sec {
        min-height: 133px;
        padding: 40px 0;
        background-size: contain
    }

    .foot-about p {
        max-width: 100%;
    }

    .foot-nav {
        margin-top: 30px;
    }

    .count-box span {
        color: var(--yellow);
        font-size: 45px;
    }

    .hero-box-img .img-2 {
        display: none;
    }

    .books-img-box {
        margin-top: 15px;
    }

    .demo-class-img img {
        margin-bottom: 15px;
    }

    .btn-whatsapp-pulse {
        bottom: 80px;
        right: 20px;
    }
}

@media (max-width: 540px) {

    /* .hero-pad{
        padding: 130px 0;
    } */
    .hero-box-img {
        text-align: center;
    }

    .hero-box-img .img-1 {
        margin-top: 25px;
        float: unset;
    }

    .books-img-box {
        /* display: grid; */
        /* column-gap: 10px 0; */
        margin-top: 0;
    }

    .books-img-box img {
        height: auto;
        padding: 0 4px 10px;
    }

    .home-feature-sec .bg-white {
        padding: 40px 25px;
    }

    .home-book-sec .bg-white {
        padding: 40px 25px;
    }

    .single-book-box-img {
        display: grid;
    }

    .counter-sec .sec-head-home {
        padding-bottom: 25px;
    }

    .count-box {
        margin-bottom: 15px;
    }

    .count-box span {
        color: var(--yellow);
        font-size: 35px;
    }
}

@media (max-width: 365px) {
    .navbar-brand img {
        max-width: 170px;
        height: auto;
        object-fit: cover;
    }
}