/* for large device  */
/* for home page responsive */
@media screen and (max-width:1200px) {
    .vision_mission_box {
        width: 100%;
        height: 220px;
    }

    /* contact_pg */
    .get_in_touch_section{
        margin-block: unset !important;
        padding-block: var(--padding-block);
    }
    
}

/* for normal laptop */
@media screen and (max-width:992px) {
    .nav-link {
        margin-left: 20px;
        transition: all 0.3s ease;
        border-bottom: none;
        color: #000;
    }

    .my_carousel img {
        height: 400px;
        object-fit: cover;
        overflow: hidden;
    }

    .about_box {
        width: 100%;
        color: #fff;

    }

    .about_row {
        flex-direction: column-reverse;
    }

    .about_imgs img {

        width: 100%;
        padding-block: 30px;
        border: none;
    }

    .about_imgs .about_img2 {

        display: none;
    }

    .about_us {

        padding-bottom: unset;
    }


    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        padding-block: 20px;
    }

    .swiper-pagination {
        padding-block: 15px;
    }

    .why_choose_us_section {
        padding-block: var(--padding-block);
    }



    .tagline_anchor_box a {
        width: 20%
    }

    .tagline_anchor_box {
        display: flex;
        justify-content: right;
        align-items: center;
    }

    .tagline_box h3 {
        width: 100%;
        text-align: center;
    }

    .tagline_anchor_box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
   
/* about_us pg or who we are */
.about_us .row{
    flex-direction: column-reverse;
}
.about_us_banner_section {
    height: 400px;
}
.about_box{
    padding-bottom: 30px;
}
.ab_pg_what_we_do_box {
    margin-bottom: 15px;
}

/* animal fooder_pg */
.tagline_box{
    width: 100%;
}





/* contact pg */
.form_map{
    height: 400px !important;
}
.form_section .row{
    flex-direction: column-reverse;
}

    /* chemical_pg */
    .servicePage .row{
        flex-direction: column-reverse !important;
    }


}

/* for tablets */

@media screen and (max-width:768px) {
    .my_carousel img {
        height: 400px;
        object-fit: cover;
        overflow: hidden;
    }

    .tagline_anchor_box a {
        width: 21%;
    }

    .tagline_box h3 {
        width: 100%;
        text-align: center;
    }

    .list-unstyled {

        padding-bottom: 10px;
    }

    /* who we are or About us pg */
    .tagline_anchor_box a {
        width: 22%;
    }


     /* chemical pg */

        .ft_img img{
            margin-top: 15px;
            
        }
}

/* for mobile */
@media screen and (max-width:600px) {
    .top_nav {
        display: none;
    }

    .tagline_box {
        width: 100%;
        text-align: center;
    }

    .tagline_box h3 {
        width: 100%;
    }

    .tagline_anchor_box a {
        width: max-content;
    }
    .form div{
        display: block;
    }

}


/* for very small mobile */
@media screen and (max-width:320px) {
    .about_imgs img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        position: relative;
        overflow: hidden;
        border: unset;
        padding-block: 20px;
        border-radius: 6px;
    }

    .about_box {
        overflow: visible;

        padding-bottom: 40px !important;
    }

    .about_imgs .about_img2 {
        display: none;
    }


    .vision_mission_box {
        height: 290px !important;
    }

 

    footer h5 {
        font-size: 22px;
        color: white;
        margin-top: 15px !important;

    }

    .ft_img img {
        margin-top: 30px;
    }

    .ab_pg_what_we_do_box {
        margin-bottom: 20px;
    }
    
}