/* media qurey for maximum 1400px Extra extra large screen */
@media (max-width:1400px) {}

/* media qurey for maximum 1200px Extra large screen */
@media (max-width:1200px) {

        /* login and register form layout */
    /* .form-box form input {
        width: 100%;
        padding: 4px 7px;
        background: var(--white-color);
        border-radius: 6px;
        border: 1px solid black;
        outline: none;
        font-size: 0.9rem;
        color: var(--black-color);
        margin: 5px 0;
    }

    .form-box form {
        padding: 0 10px;
    } */
}

/* media qurey for maximum 992px Large screen */
@media (min-width:768px) and (max-width:991px) {

    /* hero section layout */
    .hero-section .hero-contant .hero-img {
        z-index: -1;
        /* width: 100%; */
        /* right: -50%; */
        transform: translate(-10%, 0%);
    }

    /* Introduction to Heat Transfer page layout */
    .side-wrapper {
        padding: 0 60px;
    }
}

/* media qurey for  maximum 767px Medium screen */
@media (max-width: 767px) {

    /* chapters  pages content body layout */
    /* .chapter-contant-sections .topper .chapter-content {
        max-width: 700px;
        margin: 0 auto;
        border: 1px solid black;
    } */

        /* login and register form layout */
    .form-box form input {
        width: 100%;
        padding: 4px 7px;
        background: var(--white-color);
        border-radius: 6px;
        border: 1px solid black;
        outline: none;
        font-size: 0.9rem;
        color: var(--black-color);
        margin: 5px 0;
    }

    .form-box form {
        padding: 0 10px;
    }
}


/* media qurey for minmum 577px and  maximum 767px Medium screen */
@media (min-width: 577px) and (max-width:767px) {
    .hero-section .hero-contant .hero-img {
        z-index: -1;
        /* width: 100%; */
        /* right: -50%; */
        transform: translate(-10%, 0%);
    }

    /* content formula */
    .post .formula-center {
        font-size: min(max(1.2rem, 3vw), 2.15rem);
    }
}



/* media qurey for maximum 576px Small screen */
@media (max-width: 576px) {
    .hero-section .hero-contant .hero-img {
        z-index: -1;
        /* width: 100%; */
        /* right: -50%; */
        transform: translate(20%, 0%);
        opacity: 0.6;
    }

    .hero-section .hero-contant .hero-text {
        width: 100%;
    }

    .hero-section .hero-contant .hero-text p {
        width: 60%;
    }

    .hero-section .hero-contant .hero-text h1 {
        font-size: 2.514rem;
    }

    .hero-section .hero-contant .hero-text h3 {
        font-size: 1.414rem;
    }

    /* content formula */
    .post .formula-center {
        font-size: min(max(1.2rem, 3vw), 0.83rem);
    }

    /* login and register form layout */
    .form-box form input {
        width: 100%;
        padding: 4px 7px;
        background: var(--white-color);
        border-radius: 6px;
        border: 1px solid black;
        outline: none;
        font-size: 0.9rem;
        color: var(--black-color);
        margin: 5px 0;
    }

    .form-box form {
        padding: 20px 10px;
    }
}

/* only for screen 540px */

@media (width:540px) {}


/* for minimum screen */

/* media qurey for maximum 767px Medium screen */
@media (min-width: 767px) {


    /* content formula */
    .post .formula-center {
        font-size: min(max(1.2rem, 3vw), 1.5rem);
    }
}

/* media qurey for maximum 992px Medium screen */
@media (min-width: 992px) {
    .side-wrapper {
        padding: 0 120px;
    }
}