@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {

    header .headermn {
        padding: 5px 0px;
    }

    header .headermn .navbar .navbar-brand {
        width: 8%;
    }


    #vision .imgs .content {
        max-width: 450px;
        padding: 40px 38px 40px 0px;
    }


}

@media(max-width:991px) {


    header .navbar-nav {
        align-items: start;
    }

    header .navbar .whatsapp {
        margin-top: 15px;
    }

    #slider .owl-item {
        padding: 150px 0;
    }

    #vision .imgs .content {
        max-width: 343px;
    }


    #counter {
        margin-top: 30px;
    }

    #counter .row {
        row-gap: 20px;
    }

    #testimonals {
        padding: 30px 0px 0px;
    }

    #testimonals h2 {
        font-size: 30px;
    }

    #blog {
        padding: 35px 0;
    }

    #blog h2 {
        font-size: 30px;
        margin-bottom: 35px;
    }

    #blog-detail .content h5 a {
        font-size: 18px;
    }

    #blog-detail .content p {
        font-size: 14px;
    }
    
    
    header .navbar-nav {gap: 25px;}




}

@media(max-width:768px) {}

@media(max-width:643px) {}

@media(max-width:579px) {}

@media(max-width:480px) {

    header .offcanvas.offcanvas-end {
        width: 80%;
    }

    header .headermn .navbar .navbar-brand {
        width: 30%;
    }

    .sticky .headermn .navbar .navbar-brand {
        width: 19%;
    }


    header .header-top .top-info li,
    header .header-top .top-info li a {
        font-size: 10px;
    }

    header .header-top .top-info li:last-child a {
        height: 22px;
        width: 22px;
        border-radius: 50px;
        line-height: 22px;
    }

    #slider .owl-item {
        padding: 77px 0;
    }

    #about .content h2 {
        font-size: 25px;
    }

    #about {
        padding: 20px 0px;
    }

    #about .content .text {
        font-size: 13px;
        margin-bottom: 10px;
    }

    #about .content .btn {
        display: inline-block;
        padding: 10px 20px;
        background-color: transparent;
        color: #e56215;
        font-size: 13px;
    }

    #vision .imgss .content .text,
    #vision .imgs .content .text {
        font-size: 14px;
    }

    #vision .imgss .content H4,
    #vision .imgs .content H4 {
        font-size: 18px;
    }
    
    .our-visi{display:block;}

    #product {
        padding: 0px 0px;
    }

    #product h2 {
        font-size: 27px;
        margin-bottom: 30px;
    }

    #product h6 {
        margin-bottom: 5px;
    }

    #product .row {
        row-gap: 25px;
    }

    #counter {
        padding: 35px 0;
        margin-top: 50px;
    }

    #counter h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #testimonals {
        padding: 30px 0px 0px;
    }

    #testimonals .testimonalsinr {
        display: block !important;
        text-align: center;
    }

    #testimonals .testimonalsinr img {
        width: 65px;
        text-align: center;
        margin: auto;
    }

    #testimonals h2 {
        font-size: 30px;
    }

    #testimonals .testimonalsinr p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
    
    #product-page .h2 {font-size: 25px;} 
    #about-banner h1 {font-size: 28px;}
    #product-page .iner.iner h4 {font-size: 13px;}
    #product-page h2, #product-det h2, #product-det h3{font-size: 22px;}
    #product-page p, #about p{text-align:justify;}
    footer .footertop .about p {width: 100%; text-align:justify;}
    footer .footerboo .soical li:first-child {margin-bottom:12px;}


   #product-det table{margin:20px 0px; display: block; width: 100%; overflow-x: scroll;}
   
   #product-page {padding: 5px 0px;}

    footer .footertop .about .text {
        width: 100%;
    }

    footer .footertop .about img {
        width: 30%;
    }

    footer .footertop .heading {
        gap: 10px;
        margin-top: 15px;
    }

    footer .footertop {
        padding: 30px 0px 0px;
    }

    footer .footertop .soical-a img {
        width: 64%;
    }

    footer .footertop .soical-a {
        margin-top: 20px;
        padding-top: 20px;
    }
    
    footer .footerboo ul{
        display: block;
        text-align: center;
    }
    footer .footerboo ul li img{
        margin-top: 10px;
    }

    /* about banner */

    #about-banner {
        padding: 30px 0px;
    }

    #contact {
        padding: 30px 0px;
    }

    #contact h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    #contact .text {
        font-size: 14px;
        margin-bottom: 30px;
    }

    #contact .iner {
        row-gap: 15px;
    }

    #contact .btn {
        padding: 9px 29px;
        font-size: 13px;
        margin-bottom: 20px;
    }

    #contact .content {
        margin-left: 0px;
    }

    #contact ul {
        margin-bottom: 25px;
    }

    #contact ul li a,
    #contact ul li {
        color: #000;
        font-size: 13px;
    }

    #contact ul li h5 {
        font-size: 17px;
    }

    #contact .map {
        margin-top: 20px;
    }

    #contact .map iframe {
        height: 170px !important;
    }

    /* product-det */

    #product-det {
        padding: 50px 0px 0px;
    }

    #product-det .row {
        row-gap: 30px;
    }

    #our-vision {
        display: none;
    }
 

    #our-vision-1 .imgs {
        left: -45px;
    }

    #our-vision-1 ul {
        padding-left: 20px;
        margin-bottom: 0;
        align-items: center;
        gap: 0px !important;
    }
    
    #our-vision-1 ul li{text-align:justify;}

    #our-vision-1 .row {
        row-gap: 30px;
    }

    #our-vision-1 {
        padding: 60px 22px 0px 0px;
        overflow: hidden;
    }

    #our-vision-1 .content {
        text-align: start;
        margin-left:20px;
    }
    
        #our-vision-1 .content p{text-align:justify; margin-bottom:20px;}
        

    #our-vision-1 .content h3 {
        width: 56%;
        font-size: 20px;
        text-align: center;
        margin: auto;
    }

    #our-vision-1 .content h5{margin: 15px 0px 4px;}
    #our-vision-1 .content .text {
        text-align: center;
        font-size: 14px;
        padding: 0px 10px;
    }
    #our-vision-1 .content .text.text-1{margin-bottom: 25px;}
    
   .product-sec-a h2, .product-sec-a h2, .product-sec-a h3 {margin: 5px 0px 4px !important;}
   .product-sec-a ul, .product-sec-a ol {margin: 0px !important;}
   .product-sec-a .row {row-gap: 0px !important;}

    






}

@media(max-width:400px) {}

@media(max-width:359px) {}