/* MEDIA QUERY 1170PX */

@media (max-width:1200px) {

    /* GENERAL CSS */
    .section-subtitle {
        max-width: 60%;
    }


    /* 02 NAVBAR */
    .header .navbar .navbar-brand {
        width: 5.5rem;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {

    /* 02 NAVBAR */
    .header .navbar-nav .nav-link {
        color: var(--text-white);
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: 400;
        padding: 0.5rem 1rem;
        margin: 0rem;
        font-family: var(--primary-font);
    }

}

/* MEDIA QUERY 991PX */
@media(max-width:991px) {

    /* GENERAL CSS */
    .about .banner_section,
    .product .banner_section,
    .gallery .banner_section,
    .contact .banner_section,
    .distributors .banner_section {
        background: url('../images/banner-slide/top-banner.jpg');
        padding-top: 17rem;
        padding-bottom: 10rem;
    }

    /* 01 NAVBAR CSS */
    .header .navbar {
        background-size: cover;
        padding: 2rem;
    }

    .header .navbar-nav {
        margin-top: 2rem;
    }

    .header .navbar-brand {
        width: 6rem;
    }

    .header .navbar-nav .nav-link {
        padding: 0.2rem 0.5rem;
        margin-bottom: 1rem;
    }

    .header .header_right span {
        padding: 0.2rem 0.5rem;
    }

    /* 02 BANNER CSS */
    .banner_section {
        min-height: 100vh;
    }

    .banner_section .carousel-item {
        height: 100vh;
    }
}

/* MEDIA QUERY 767PX */

@media (max-width:590px) {

    /* GENERAL CSS */
    body,
    html {
        font-size: 8px
    }

    /* 02 BANNER CSS */
    .banner_section {
        min-height: 70vh;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-item {
        height: 70vh;
    }
}

/* MEDIA QUERY 590PX */
@media(max-width:590px) {

    /* GENERAL CSS */
    body,
    html {
        font-size: 7px
    }

    /* 02 BANNER CSS */
    .banner_section {
        min-height: 70vh;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-item {
        height: 70vh;
        padding-bottom: 0rem;
    }
}

/* For screens smaller than 768px */
@media (max-width: 767px) {
    .banner_section .carousel-caption h1 {
        font-size: 5rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption p {
        font-size: 1rem;
        padding-bottom: 0rem;
    }
}

/* For screens between 768px and 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    .banner_section .carousel-caption h1 {
        font-size: 6rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.2rem;
        padding-bottom: 0rem;
    }
}

/* For screens larger than 1023px */
@media (min-width: 1024px) {
    .banner_section .carousel-caption h1 {
        font-size: 7rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.5rem;
    }
}
 /* for screen smaller than 310 px */
@media (min-width:280px)and(max-width:310px) {
    .application .container  table.heading {
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-right: .25rem;
        padding-left: .25rem;
        font-size: 10px;
    }

    .tr .trial table.appli{
        width: 10%;
        padding: 0rem 0rem 0rem 0rem ;
        margin: 0rem 0rem 0rem 0rem;
        font-size: 10px;
        font-weight: 100;
    }

    .product img.haryaliproduct{
        width: 500px;
        height: 300px;
    }
    .product img.barakaproduct{
        width: 500px;
        height: 300px;
    }
    
    .banner_section .carousel-caption h1 {
        font-size: 6rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.2rem;
        padding-bottom: 0rem;
    }

}

@media (max-width:310px) {
    .product img.haryaliproduct{
        width: 500px;
        height: 300px;
    }
    .product img.barakaproduct{
        width: 500px;
        height: 300px;
    }
    
    .tr .trial table.appli{
        width: 90%;
    }

    .banner_section .carousel-caption h1 {
        font-size: 6rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.2rem;
        padding-bottom: 0rem;
    }
}

@media (min-width:414px) and (max-width:310px){

        .product img.haryaliproduct{
        width: 500px;
        height: 300px;
    }
    .product img.barakaproduct{
        width: 500px;
        height: 300px;
    }
    
    .tr .trial table.appli{
        width: 90%;
    }

    .banner_section .carousel-caption h1 {
        font-size: 6rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.2rem;
        padding-bottom: 0rem;
    }

}

@media (min-width:414px) and (max-width:540px) {
    .product img.haryaliproduct{
        width: 500px;
        height: 300px;
    }
    .product img.barakaproduct{
        width: 500px;
        height: 300px;
    }
    
    .tr .trial table.appli{
        width: 90%;
    }
    .banner_section .carousel-caption h1 {
        font-size: 6rem;
        padding-bottom: 0rem;
    }

    .banner_section .carousel-caption h3 {
        font-size: 2.2rem;
        padding-bottom: 0rem;
    }
}