@media (max-width:1600px){
.top-nav{padding:6px 150px;}
.top-nav2 .navbar{padding:0 150px;}
.product .container-fluid{padding:0 150px !important;}
.p-para{padding:0 0 10px;}
a.pro-link{padding:7px 14px;}
.pro-box2{padding:20px;}
    .abt-img {

        width: 100%;

        height: 335px;

      

    }



    .abt-rt {

        width: 88%;

        margin-left: 50px;

    }



    .c-box {

        padding: 38px 25px 30px;

    }



    .c-csr {

      padding: 60px 56px 0 58px;

    }



    a.nav-quote {

        

        padding: 4px 2px;

    }



    .ovr-bg {

      width: 87%;

    }



    .pro-para {

     padding: 0 390px;

       

    }

}





@media (max-width:1370px){

.top-nav{padding:6px 100px;}
.top-nav2 .navbar{padding:0 100px;}
.product .container-fluid{padding:0 80px !important;}

    .logo img {

        width: 120px;

    }



    .nav-list {

      

        margin-left: 32px;

        margin-top: 0;

    }



    .nav-quote-bg {

      padding: 19px 50px;

    }



    .abt-img {

        width: 100%;

        height: 303px;

        margin-top: 75px;

        margin-left: 0;

    }



    .a-none {

        display: none;

    }



    .abt-rt {

        width: 100%;

        margin-left: 0;

    }



    .c-img img {

        width: 100%;

        height: 275px;

    }



    .c-icon img {

        width: 60px;

    }



    .c-box {

        padding: 25px 25px 7px;

    }



    .c-csr {

        padding: 36px 56px 0 58px;

    }



    .c-header {

        font-size: 39px;

    }



    .ovr-bg {

       width: 100%;

    }



    .v-img {

      height: 274px;

    }



    .bc-img {

      min-height: 700px;

    }



    .bc-img2 {

       min-height: 700px;

    }



    .ban-content {

        padding-top: 36%;

    }



    .pro-para {

        padding: 0 310px;

        margin-bottom: 40px;

    }



    .p-column {

        flex: 0 0 33.33%;

        max-width: 33.33%;

        padding-left: 20px;

        margin-bottom: 20px;

    }



    

   

   

}



@media (max-width:1199px){

.top-nav{padding:6px 0px;}
.top-nav2 .navbar{padding:0 0px;}

    .n-container {

        padding-left: 30px;

    }



    .nav-list li {

        padding-right: 11px;

        transition: all .5s ease-in-out;

    }



    .nav-list li a {

       

        font-size: 15px;

        padding-right: 20px;

       

    }



    .nav-quote-bg {

        padding: 19px 29px;

    }



    .banner {

       

    }



    h3.ban-heading {

        font-size: 50px;

    }



    h3.ban-heading2 {

        font-size: 40px;

    }



    .bc-img {

        min-height: 600px;

    }



    .bc-img2 {

        min-height: 600px;

    }



    .ban-content {

        padding-top: 30%;

    }



    .abt-img {

        width: 100%;

        height: 303px;

        margin-top: 75px;

        margin-left: 0;

    }



    .about {

        margin-top: 65px;

    }



    .product {

        margin-top: 60px;

    }



    .pro-para {

        padding: 0 200px;

    }



    .p-column {

        flex: 0 0 33.33%;

        max-width: 33.33%;

        

    }



    .p-box {

        padding: 10px;

        min-height: auto;

        margin-bottom: 20px;

    }



    .pro-bg {

        padding: 90px 0;

    }

.p-img{height:180px; object-fit:cover;}

    .p-img img {

        width: 100%;

        height: 150px;
		padding:15px;

    }



    h5.p-caption {

      top: 170px;

    }



    .br-img img {

        width: 400px;

    }



    .brand-bg {

      min-height: 150px;

    }



    .brand-img3 img {

        width: 400px;

        margin-top: 41px;

    }



    p.c-para {

        font-size: 16px;

       

    }



    .c-box {

        padding: 25px 25px 19px;

    }



    h5.blog-heading2 {

        font-size: 28px;

    }



   

    p.ftr-para {

        font-size: 14px;

    }



    .c-header {

        font-size: 30px;

    }



    .br-img img {

        width: 215px;

    }



    .v-img {

        height: 226px;

    }



    .con-box {

     min-height: 319px;

    }





   

}





@media (max-width:991px){



    .navbar-brand img {

        width: 100px;

    }



    .navbar-dark .navbar-toggler {

       background: #000;

    }



    .banner {

      margin-top: 0;

    }



    .top-header {

        display: none;

    }



    .banner {

       

    }



    h3.ban-heading {

        font-size: 55px;

    }



    h3.ban-heading2 {

        font-size: 55px;

    }



    .abt-img {

        width: 100%;

        height: 400px;

        margin-top: 0;

    }



    .abt-rt {

       margin-top: 20px;

    }



    .product {

        margin-top: 50px;

    }



    .pro-para {

        padding: 0 25px;

        margin-bottom: 40px;

    }



    .pro-bg {

        padding: 80px 0;

    }



    .p-img img {

        width: 100%;

        height: 175px;

    }



    h5.p-caption {

        top: 135px;

        font-size: 20px;

    }



    .p-box {

        padding: 20px 10px;

    }



    .p-column {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .brand-img3 img {

        width: 400px;

        margin-top: 6px;

    }



    h4.b-num {

       

        font-size: 75px;

    }



    .c-box {

        min-height: 275px;

    }



 



    h5.b-pre span {

        font-weight: 600;

        font-size: 30px;

    }



    h5.b-pre {

      font-size: 35px;

      line-height: 36px;

        margin-left: 10px;

        margin-top: 10px;

    }



    .brand-bg {

        min-height: 136px;

    }



    .br-img img {

        width: 300px;

    }



    .blog-para2 {

        padding: 0 50px;

        font-size: 17px;

        line-height: 25px;

    }



    .ftr-3 {

        margin-left: 0;

    }



    .ftr-caption4 {

        text-align: center;

        margin-bottom: 10px;

    }



    .ftr-item {

     justify-content: center;

    }



    .v-rt {

        width: initial;

        margin-left: initial;

        margin-top: 25px;

    }



    h5.aw-header {

      margin-bottom: 20px;

    }



    .sp-heading {

        font-size: 40px;

        color: #fff;

        padding: 101px 0;

    }



    p.get-para {

        padding: 0;

    }



    .res-nav.w-100.d-lg-none {

        position: relative;

        z-index: 1;

    }



    .navbar-dark .navbar-toggler {

        background: #000;

        margin-top: -29px !important;

    }



    

}





@media (max-width: 767px){



    .banner {

        

    }



    h3.ban-heading {

        font-size: 48px;

    }



    h3.ban-heading2 {

        font-size: 48px;

    }



    .abt-img {

     height: 300px;

    }



    .pro-header {

        font-size: 34px;

    }



    .pro-para {

        

        margin-bottom: 40px;

    }



    .p-column {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .p-img img {

        width: 100%;

        height: 223px;

    }



    h5.p-caption {

        top: 182px;

        font-size: 22px;

    }



    .brand-img3 img {

        width: 260px;

        margin-top: 6px;

    }



    .br-img img {

        width: 253px;

    }



    .c-header {

        font-size: 30px;

    }



    .blog {

        background-color: #f3f3f4;

        padding: 70px 0;

    }



    .blog-para2 {

        padding: 0;

        font-size: 15px;

        line-height: 25px;

    }



    .blog-header {

        font-size: 34px;

    }



    .blog {

        background-color: #f3f3f4;

        padding: 55px 0;

    }



    .sp-heading {

        font-size: 45px;

    }



    .abt-banner {

      padding: 98px 0;

    }



    h5.ovr-header2 {

        font-size: 35px;

    }



    .vission {

        margin-top: 60px;

    }



    h5.v-header {

        font-size: 35px;

        margin-bottom: 16px;

    }



    h5.aw-heading {

        font-size: 25px;

    }



    .sp-caption {

        font-size: 35px;

    }



    .sp-img {

       height: 353px;

    }



    .sp-rt {

        width: 95%;

        margin-left: 0;

    }



    .con-box {

        min-height: 278px;

        margin-top: 45px;

    }



    h3.get-heading {

        text-transform: capitalize;

        font-size: 30px;

        margin-bottom: 36px;

        position: relative;

    }







}



@media (max-width: 575px){



    .banner {

        

    }



    h3.ban-heading {

        font-size: 42px;

    }



    h3.ban-heading2 {

        font-size: 42px;

    }



    .abt-img {

        height: 252px;

    }



    h4.b-num {

        font-size: 60px;

    }



    h5.b-pre {

        font-size: 25px;

        line-height: 30px;

        margin-left: 10px;

        margin-top: 10px;

    }



    h5.b-pre span {

        font-weight: 600;

        font-size: 25px;

    }



    .brand-bg {

        min-height: 115px;

    }



    .br-img img {

        width: 207px;

    }



    .sp-heading {

        font-size: 40px;

    }



    .abt-banner {

      padding: 78px 0;

       

    }



    .ovr-rt {

        width: 99%;

        margin-left: 0;

    }



    .sp-img {

        height: 315px;

    }



    .pro-row {

        width: 70%;

        margin: 0 auto;

    }



    .p-column {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .bc-img2 {

        min-height: 500px;

    }



    .bc-img {

        min-height: 500px;

    }
	
	.top-rt{display:none;}
	.top-list{justify-content:center;}
	.navbar-dark .navbar-brand{width:100%;padding-right: 0px;display: block;margin-right: 0px; margin-top:10px;}
	a.navbar-brand img{display:block; margin:auto;}
	.nav-rt{display:none;}
	.abt-img2{margin-left:0px; margin-top:0px; margin-top:25px;}
	.abt-img2 img{display:block; margin:0 auto;}
	p.cer-para{padding:0 0;}
	.certifi{margin-top:30px;}
	.product .container-fluid{padding:0 15px !important;}
	.p-img{height:auto;}
	.p-img img{height:auto; display:block; margin-bottom:15px;}
	.para-title, p.w-para{padding:0 0px;}
	.w-img img{width:100%;}
	.h-box{padding-top:30px; padding-bottom:30px;}
	.csr{margin-top:30px;}
	.footer{background:#edd3be;}
	.ftr-before:before{right:auto; left:0px;}
	.ftr-3{margin-right:0px; margin-top:25px;}
	.ftr-social{justify-content:start;}
	.csr-img{height:auto;}
	.csr-img img{position:relative;}
	h5.ab-capp{padding:50px 0;}
	.product-des .container-fluid{padding:0 15px !important;}
	.pro-box{width:100%; margin-bottom:30px;}
	.product-des{margin-top:30px;}
	.pro-btn{display:flex;}
	a.pro-link{padding:7px 20px}
	.ftr-logo{margin-top:25px;}

}





@media (max-width: 480px){



    .top-panel-list {

        margin: 0;

        padding: 0;

        list-style: none;

        display: initial;

        /* margin-left: 55px; */

        /* margin-right: 55px; */

        text-align: center;

    }



    .top-panel-rt {

        float: initial !important;

    }



    h3.ban-heading {

        font-size: 33px;

    }



    h3.ban-heading2 {

        font-size: 33px;

    }



    .abt-img {

        height: auto;

    }



    .about {

        margin-top: 0;
		padding-top:25px;

    }



    .abt-heading {

       font-size: 30px;

       

    }



    .abt-rt {

        width: 100%;

        margin-left: 19px;

    }



    .pro-bg {

        padding: 60px 0;

    }



    h5.pro-header {


        font-size: 32px;

        text-transform: capitalize;

        font-weight: 400;

        position: relative;

        margin-bottom: 40px;

    }



    h5.pro-header::after {

        content: "";

        width: 67px;

        height: 3px;

        background-color: #f56600;

        position: absolute;

        /* bottom: -7px; */

        left: 0;

        bottom: -10px;

    }



    .pro-para {

        margin-bottom: 40px;

        display: none;

    }



    .p-img img {

        width: 100%;

        height: auto;

    }



    h5.p-caption {

        top: 156px;

        font-size: 20px;

    }



    .br-img img {

        width: 151px;

    }



    .c-header {

        font-size: 28px;

    }



    .c-header::before {

      display: none;

    }



    .c-header2 {

        font-size: 17px;

        color: #fff;

    }



    .c-csr {

        padding: 18px 10px 0 58px;

    }



    h5.blog-header {

        font-size: 30px;

    }



    h5.blog-header::after {

       left: 42%;

       

    }



    h5.blog-heading2 {

        font-size: 25px;

    }



    .p-box {

       min-height: 216px;

    }



    .brand-img3 img {

        width: 158px;

        margin-top: 41px;

    }



    .p-column {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .pro-row {

        width: 75%;

        margin: 0 auto;

    }



    .p-box {

        min-height: 180px;

    }



    h5.ovr-header2 {

        font-size: 27px;

    }



    h5.v-header {

        font-size: 30px;

        margin-bottom: 12px;

    }



    h5.corp-header {

        color: #fff;

        font-size: 25px;

        margin-bottom: 18px;

    }



    .sp-heading {

        font-weight: 600;

        font-size: 31px;

    }



    .sp-img {

        height: 223px;

    }



    .bc-img2 {

        min-height: 400px;

    }



    .bc-img {

        min-height: 400px;

    }





 

}









@media (max-width: 360px){



    h3.ban-heading {

        font-size: 26px;

    }



    h3.ban-heading2 {

        font-size: 26px;

    }



    .banner {

        

    }



    .abt-img {

        height: 169px;

    }



    p.abt-para {

        font-size: 14px;

    }



    h4.b-num {

        font-size: 40px;

    }



    h5.b-pre {

        font-size: 18px;

        line-height: 24px;

        margin-left: 10px;

        margin-top: 0px;

    }



    h5.b-pre span {

        font-weight: 600;

        font-size: 19px;

    }



    .brand-bg {

        min-height: 100px;

    }



    .br-img img {

        width: 135px;

    }



    .c-header {

        font-size: 25px;

    }



    .c-header2 {

        font-size: 16px;

        color: #fff;

    }



    .c-csr {

        padding: 18px 10px 0 35px;

    }



    h5.blog-heading2 {

        font-size: 20px;

    }



    .ftr-caption4 {

        font-size: 12px;

    }



    .ftr-item li a {

        font-size: 9px;

    }



    .sp-heading {

        font-size: 30px;

        color: #fff;

    }



    .v-img {

        height: 147px;

    }



    h5.aw-heading {

        font-size: 22px;

    }



    h5.corp-header {

        color: #fff;

        font-size: 21px;

        margin-bottom: 18px;

    }



    h5.corp-header3 {

       

        font-size: 15px;

        margin-bottom: 30px;

    }



    



    .sp-heading {

        font-size: 30px;

        color: #fff;

        padding: 40px 0;

    }



    .sp-img {

        height: 193px;

    }



    .bc-img2 {

        min-height: 300px;

    }



    .bc-img{

        min-height: 300px;

    }



    .brand-img3 img {

        width: 131px;

        margin-top: 5px;

    }

   

   

 



}



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