@charset "utf-8";


:root {


    --white: #ffffff;


    --black: #333333;


    --font: "Nunito", sans-serif;


}





@media only screen and (max-width: 1800px) {


    .mission-bg{


        width: 74%;


        height: 90%;


    }


}





@media only screen and (max-width: 1699px) {


    .mission-title{


        width: 33%;


        position: relative;


        padding-left: 150px;


        padding-top: 100px;


    }


    


    .mission-text{


        width: 67%;


        position: relative;


        padding: 25px 25px 25px 300px; 


        /* background-color: #e5f7fb; */


    }





    .mission-bg{


        width: 64%;


        height: 90%;


    }





    .mission-text img{


        position: absolute;


        top : 50%;


        transform: translateY(-50%);


    }


}





@media only screen and (max-width: 1600px) {


    .header-categories .categories ul li a {


        padding: 18px 10px;


    }  





    .mission-bg{


        width: 64%;


        height: 90%;


    }





}





@media only screen and (max-width: 1500px) {





    .abt-text{


        width: 100%;


        position: relative;


        left : none;


        top : none;


        transform: 0 !important;


        padding: 0;


        


    }


    


    .abt-text h4{


        font-size: 18px;


        line-height: 25px;


        color: var(--primary);


        font-weight: 700;


    }


    .abt-text p{


        color: #666;


        font-size: 16px;


    }


}





@media only screen and (max-width: 1450px) {





    .abt-text{


        width: 100%;


        position: relative;


        left : none;


        top : none;


        transform: 0 !important;


        padding: 0;


        


    }


    


    .abt-text h4{


        font-size: 18px;


        line-height: 25px;


        color: var(--primary);


        font-weight: 700;


    }


    .abt-text p{


        color: #666;


        font-size: 16px;


    }





    .search {


        margin-left: auto !important;


    }


    .header-categories .categories ul li a {


        font-size: 16px;


        padding: 18px 15px;


    }


    .header-categories .categories ul li a img {


        /* display: none; */


        width: 18px;


        margin: 0;


        height: 18px;


    }


    #fix-header .container {


        max-width: 100%;


    }


    .new-product-title {


        padding-top: 15px;


        font-size: 30px;


        margin-bottom: 15px;


    }


    .new-product-img-div {


        height: 200px;


        width: 100%;


    }


    .new-product-img {


        max-height: 200px !important;


        width: auto !important;


    }


    .new-product-img-1 {


        max-height: 200px !important;


        width: auto !important;


    }


    .btn-new-product {


        margin-top: 25px;


    }


    .bg-adjust {


        background-color: #08274a;


    }


    .contact-title {


        font-size: 30px !important;


    }


    .about-banner {


        height: 275px;


    }


    .about-banner-text h1 {


        font-size: 32px;


        font-weight: 800;


    }


    .about-banner-text h2 {


        font-size: 20px;


        font-weight: 600;


    }


    .slider-text {


        top: 20px;


        left: 20px;


    }


    .home-banner-slider h1 {


        width: 45%;


        font-size: 30px;


    }


    .home-banner-slider p {


        width: 50%;


        font-size: 14px;


        margin-bottom: 10px !important;


    }


    .home-banner-slider .btn-light {


        margin-top: 5px;


        color: var(--primary) !important;


        border-radius: 30px;


        line-height: 40px;


        padding: 0 15px;


        border: 0px;


        font-size: 15px;


        font-weight: 600;


    }


    .small-banner-text {


        left: 25px;


    }


    .small-banner-text h3 {


        font-size: 20px;


    }


    .small-banner-text .btn-light {


        line-height: 35px;


        font-size: 14px;


    }


    .cat-section .col-lg-9 {


        width: 92%;


    }


    .main-blog-detail h1 {


        margin-bottom: 35px;


    }


    .main-blog-detail p {


        display: none;


    }


    .blogs h5 {


        font-size: 18px;


    }





    .filter-pro .col-lg-3{


        width: 33.33% ;


    }





    .product-detail-img-div {


        height: 350px;


        width: 100%;


    }


    .product-detail-img {


        max-width: 100% !important;


        max-height: 300px !important;


        width: auto !important;


    }





    .counters{


        text-align: center;


        margin-bottom: 0px;


        width: 100%;


    }





    .counters img{


        margin-bottom: 0px;


        width: 50px;


    } 


    


    .counters h4{


        margin-bottom: 5px;


        font-size: 30px;


        font-weight: 700;


        color: #fff !important;


    } 


    


    .counters p{


        margin-bottom: 0px !important;


        font-size: 16px;


        color: #fff !important;


        line-height: 20px;


    } 


    


    








    .mission-title{


        width: 35%;


        margin-bottom: 15px;


        padding-left: 150px;


        text-align: left;


        padding-top: 150px;


    }





    .mission-statement h3{


        font-size: 46px;


        color: var(--primary);


        line-height: 46px;


    }





    .mission-statement h3 span{


        font-size: 40px;


        color: var(--primary);


        line-height: 46px;


    }


    


    .mission-text{


        width: 65%;


        height: auto;


        background-color: none !important;


    }





    .mission-bg{


        width: 63%;


        height: 90%;


    }





    .mission-statement .mission-title img{


        position: absolute;


        top : 160px;


        left : 0;


        width: 110px;


    }





    .mission-text img{


        position: absolute;


        top : 50%;


        transform: translateY(-50%);


    }





}





@media only screen and (max-width: 1300px) {


    .header-categories .categories ul li a {


        font-size: 15px;


        padding: 18px 12px;


    }





    .mission-title{


        width: 100%;


        margin-bottom: 15px;


        padding-left: 150px;


        text-align: center;


        padding-top: 0;


    }


    


    .mission-text{


        width: 100%;


        border-top-left-radius: 200px;


        border-bottom-left-radius: 200px;


        background-color: #e5f7fb;


    }





    .mission-bg{


        display: none;


    }





    .mission-statement .mission-title img{


        position: absolute;


        left : 30%;


        top : 10px;


    }


}





@media only screen and (max-width: 1200px) {


    .search {


        margin-left: auto !important;


    }


    .header-categories .categories ul li a {


        font-size: 13px;


        padding: 17px 12px;


    }


    .header-categories .categories ul li a img {


        /* display: none; */


        width: 18px;


        height: 18px;


        margin: 0;


    }


    .main-menu li {


        margin: 12px !important;


    }


    .main-menu li a {


        font-size: 16px !important;


    }


    .main-header .header-contact-cart li span {


        font-size: 14px;


    }


    .main-header .header-contact-cart li img {


        width: 30px;


        top: 8px !important


    }


    .main-header .header-contact-cart li a {


        font-size: 15px !important;


    }


    .cat-section .col-lg-8 {


        width: 100%;


    }





    .mission-statement .mission-title img{


        position: absolute;


        left : 28%;


        top : 10px;


    }


}





@media only screen and (max-width: 1100px) {





    .counters{


        text-align: center;


        margin-bottom: 0px;


        width: 100%;


    }





    .counters img{


        margin-bottom: 0px;


        width: 40px;


    } 


    


    .counters h4{


        margin-bottom: 5px;


        font-size: 18px;


        font-weight: 700;


        color: #fff !important;


    } 


    


    .counters p{


        margin-bottom: 0px !important;


        font-size: 14px;


        color: #fff !important;


        line-height: 20px;





    } 





    /* .header-categories .categories ul li a {


		font-size: 12px;


    	padding: 17px 10px;


	} */


    #fix-header .container {


        max-width: 960px !important;


    }


    .main-header {


        height: auto;


    }


    .main-header .logo {


        padding: 10px 0;


        width: 120px;


    }


    .mobile-header {


        position: fixed;


        width: 100%;


        z-index: 10000 !important;


        box-shadow: 0 2px 5px rgba(0, 0, 0, .2) !important;


        background-color: #fff !important;


        top: 0;


    }


    .main {


        padding-top: 60px;


    }


    .section-title {


        font-size: 26px;


        text-align: left;


    }


    .mobile-none,


    .main-menu,


    .header-categories {


        display: none !important;


    }


    .header-contact-cart {


        margin-left: auto !important;


    }


    .main-header .header-contact-cart li {


        margin: 0 0 0 15px !important;


    }


    .header-contact-cart .link,


    .header-contact-cart span {


        display: none;


    }


    .main-header .header-contact-cart li div img {


        top: -15px !important;


        width: 27px;


        right: 0 !important;


        left: 20px !important


    }


    .cloase_btns {


        right: 0;


    }


    .mobile-menu {


        display: block !important;


    }


    .inquiry-count {


        width: 20px;


        height: 20px;


        line-height: 20px;


        border-radius: 20px;


        position: absolute !important;


        top: -25px !important;


        right: -5px !important;


        background-color: var(--primary);


        color: var(--white) !important;


        font-weight: 800;


        font-size: 12px;


        padding: 0 !important;


        text-align: center !important;


        display: block;


    }


    .copyrights .col-md-12 {


        width: 100%;


        text-align: center;


    }


    .copyrights p,


    .copyrights p.text-end {


        text-align: center !important;


    }


    .about-text {


        width: 100%;


    }


    .slider-text {


        top: 20px;


        left: 20px;


    }


    .home-banner-slider h1 {


        width: 50%;


        font-size: 24px;


    }


    .home-banner-slider p {


        width: 50%;


        font-size: 14px;


        margin-bottom: 10px !important;


    }


    .home-banner-slider .btn-light {


        margin-top: 5px;


        color: var(--primary) !important;


        border-radius: 30px;


        line-height: 40px;


        padding: 0 15px;


        border: 0px;


        font-size: 15px;


        font-weight: 600;


    }


    .small-banner-text {


        left: 25px;


    }


    .small-banner-text h3 {


        font-size: 18px;


        margin-bottom: 0px !important;


    }


    .small-banner-text .btn-light {


        line-height: 30px;


        font-size: 12px;


    }


    .cat-section .col-lg-8 {


        width: 100%;


    }


    .director-msg {


        padding: 50px;


    }


    .director-msg h4 {


        font-size: 26px;


        line-height: 36px;


    }


    .coma {


        position: absolute;


        top: 35px;


        opacity: 0.2;


        left: 50px;


    }


    .main-blog-detail {


        padding: 30px 35px;


    }


    .main-blog-detail h1 {


        font-size: 36px;


        font-weight: 800;


        margin-bottom: 40px;


    }


    .main-blog-detail h4 {


        font-size: 22px;


        font-weight: 800;


        line-height: 28px;


        margin-bottom: 25px;


    }


    .main-blog-detail h5 {


        font-size: 15px;


        font-weight: 800;


        line-height: 35px;


        margin-bottom: 25px;


    }


    .main-blog-detail p {


        font-size: 16px;


    }


    .filter-mobile {


        display: block;


    }


    .filter-pro .col-lg-10{


        width: 100%;


    }





    .filter-pro .col-lg-3{


        width: 33.33% ;


    }


    .product-detail-img-div {


        height: 350px;


        width: 100%;


    }


    


    .product-detail-img {


        max-width: 100% !important;


        max-height: 300px !important;


        width: auto !important;


    }





    .btn-sticky{


        display: block;


    }





    .blog-detail-bg{


        width: 95%;


        height: 250px;


        left :50%;


        transform: translateX(-50%);


    }





    .blog-detail h1{


        font-size: 24px;


    }





    .blog-detail img{


        width: 90%;


    }





    .blog-detail h5 {


        font-size: 18px;


    }





    .table-h4{


        font-size: 18px;


        margin-bottom: 20px;


    }





    .main_filter .content {


        overflow-y: scroll !important;


    }


    .abt-text{


        width: 100%;


        position: relative;


        left : none;


        top : none;


        transform: 0 !important;


        padding: 0;


        


    }


    


    .abt-text h4{


        font-size: 18px;


        line-height: 25px;


        color: var(--primary);


        font-weight: 700;


    }


    .abt-text p{


        color: #666;


        font-size: 15px;


    }


}





@media only screen and (max-width:  992px) {





    .section-sub-title{


        font-size: 18px;


    }





    .abt-text{


        width: 100%;


        position: relative !important;


        left : none;


        top : none;


        transform: 0;


        padding: 0;


    }


    


    .abt-text h4{


        font-size: 20px;


        line-height: 25px;


        color: var(--primary);


        font-weight: 700;


    }





    .section-title-1,


    .cat-section-title{


        font-size: 30px;


        line-height: 40px;


    }





    p {


        font-size: 15px !important;


    }


    #fix-header .container {


        max-width: 720px !important;


    }


    .order1 {


        order: 1;


    }


    .order2 {


        order: 2;


    }


    .main-header {


        height: auto;


    }


    .main-header .logo {


        padding: 10px 0;


        width: 120px;


    }


    .mobile-header {


        position: fixed;


        width: 100%;


        z-index: 10000 !important;


        box-shadow: 0 2px 5px rgba(0, 0, 0, .2) !important;


        background-color: #fff !important;


    }


    .section-title {


        font-size: 26px;


        text-align: left;


    }


    .mobile-none,


    .main-menu,


    .header-categories {


        display: none !important;


    }


    .header-contact-cart {


        margin-left: auto !important;


    }


    .main-header .header-contact-cart li {


        margin: 0 0 0 15px !important;


    }


    .header-contact-cart .link,


    .header-contact-cart span {


        display: none;


    }


    .main-header .header-contact-cart li div img {


        top: -15px !important;


        width: 27px;


        right: 0 !important;


        left: 20px !important


    }


    .cloase_btns {


        right: 0;


    }


    .mobile-menu {


        display: block !important;


    }


    .inquiry-count {


        width: 20px;


        height: 20px;


        line-height: 20px;


        border-radius: 20px;


        position: absolute !important;


        top: -25px !important;


        right: -5px !important;


        background-color: var(--primary);


        color: var(--white) !important;


        font-weight: 800;


        font-size: 12px;


        padding: 0 !important;


        text-align: center !important;


        display: block;


    }


    .footer-widgets {


        margin-bottom: 30px;


    }


    .copyrights p {


        text-align: center;


    }


    .main {


        padding-top: 60px;


    }


    .bg-adjust,


    .new-product-bg,


    .product-banner-div {


        border-radius: 10px;


        margin-top: 15px;


    }


    .bg-adjust {


        background-color: rgba(0, 0, 0, 0);


    }


    .contact-title {


        font-size: 36px !important;


    }


    .about-banner-mobile {


        width: 80%;


        background-position: center;


        background-repeat: no-repeat;


        background-size: cover;


        height: 400px;


        border-radius: 7px;


        position: relative;


        display: block;


        margin: 0 auto;


        border-bottom-left-radius: 0;


        border-bottom-right-radius: 0;


    }


    .about-img-mobile {


        display: block;


        width: 80%;


        border-top-left-radius: 0;


        border-top-right-radius: 0;


    }


    .about-banner-text-mobile {


        width: 70%;


        position: absolute;


        top: 50%;


        left: 50%;


        color: #fff;


        transform: translate(-50%, -50%);


        text-align: center;


    }


    .about-banner-text-mobile h1 {


        font-size: 48px;


        font-weight: 800;


    }


    .about-banner-text-monile h2 {


        font-size: 20px !important;


        font-weight: 600;


    }


    .about-text {


        width: 100%;


    }


    .slider-text {


        top: 20px;


        left: 20px;


    }


    .home-banner-slider h1 {


        width: 50%;


        font-size: 24px;


    }


    .home-banner-slider p {


        width: 50%;


        font-size: 14px;


        margin-bottom: 10px !important;


    }


    .home-banner-slider .btn-light {


        margin-top: 5px;


        color: var(--primary) !important;


        border-radius: 30px;


        line-height: 50px;


        padding: 0 15px;


        border: 0px;


        font-size: 15px;


        font-weight: 600;


    }


    .director-msg {


        padding: 50px;


    }


    .director-msg h4 {


        font-size: 26px;


        line-height: 36px;


    }


    .coma {


        position: absolute;


        top: 35px;


        opacity: 0.2;


        left: 50px;


    }


    .main-blog-detail {


        padding: 15px 35px;


    }


    .main-blog-detail h1 {


        font-size: 36px;


        font-weight: 800;


        margin-bottom: 40px;


    }


    .main-blog-detail h4 {


        font-size: 22px;


        font-weight: 800;


        line-height: 28px;


        margin-bottom: 25px;


    }


    .main-blog-detail h5 {


        font-size: 15px;


        font-weight: 800;


        line-height: 35px;


        margin-bottom: 25px;


    }


    .main-blog-detail p {


        font-size: 16px;


    }


    .blogs {


        width: 100%;


    }


    .blogs h5 {


        font-size: 18px !important;


    }


    .map {


        width: 100% !important;


        height: 300px !important;


    }


    .product-head {


        height: 125px;


        padding: 25px;


    }


    .product-head h1 {


        font-size: 36px;


    }


    .product-head nav {


        bottom: 0px;


    }


    .product-detail-img-div {


        height: 350px;


        width: 100%;


    }


    .product-detail-img {


        max-width: 100% !important;


        max-height: 300px !important;


        width: auto !important;


    }


    .product-detail-name {


        font-size: 20px;


    }


    .product-section-title{


        text-align: left;


    }





    .filter-pro .col-lg-3{


        width: 50% ;


    }





    .sustainability-gray-text{


        color: #666;


        font-size: 18px !important;


        line-height: 25px;


        font-weight: 600 !important;


    }


    


    .sustainability-blue-text{


        color: var(--secondary);


        font-size: 20px !important;


        line-height: 25px;


        font-weight: 800 !important;


    }





    .counts{


        position: relative;


        top : 50%;


        left : 50%;


        transform: 0;


        width: 100%;


        margin: 15px 0 25px 0;


    }


    


    .counters{


        text-align: center;


        margin-bottom: 25px;


        width: 100%;


    }


    


    .counters img{


        margin-bottom: 10px;


        width: 60px;


    } 


    


    .counters h4{


        margin-bottom: 10px;


        font-size: 42px;


        font-weight: 700;


        color: #fff !important;


    } 


    


    .counters p{


        margin-bottom: 0px;


        font-size: 16px;


        color: #fff !important;


    } 





    .mission-title{


        width: 50%;


        margin-bottom: 15px;


        padding-left: 150px;


    }


    


    .mission-img{


        width: 50%;


        text-align: right;


        margin-bottom: 15px;


    }


    


    .mission-text{


        width: 100%;


        height: auto;


        border-top-left-radius: 200px;


        border-bottom-left-radius: 200px;


        background-color: #e5f7fb;


    }





    .mission-bg{


        display: none;


    }





    .mission-statement .mission-title img{


        position: absolute;


        left : 0;


        top : 75px;


    }


    


    .mission-statement h3{


        font-size: 48px;


        color: var(--primary);


    }


    


    .mission-statement h3 span{


        font-size: 48px;


        color: var(--primary);


        font-weight: 800;


    }


    


    .mission-statement h4{


        font-size: 24px;


        color: var(--tertiary);


        font-weight: 800;


    }


    


    .mission-statement p{


        font-size: 16px;


        color: #666;


        font-weight: 600;


    }





    .mission-title{


        width: 100%;


        text-align: center;


        margin-bottom: 15px;


        padding-left: 0px;


        padding-top: 0;


    }


    


    /* .mission-text{


        width: 100%;


        padding: 25px;


        text-align: center;


    } */





    .mission-statement .mission-title img{


        position: relative;


        left : 0px;


        top : 0px;


        width: 50px;


        margin-bottom: 15px;


    }





    .mission-statement h3{


        font-size: 36px;


        color: var(--primary);


        line-height: 40px;


    }





    .mission-statement h3 span{


        font-size: 36px;


        color: var(--primary);


        line-height: 40px;


    }





    .mission-text img{


        position: absolute;


        left : 25px;


        top : 50%;


        transform: translateY(-50%);


        margin-bottom: 0px;


    }


    


    .mission-statement h4{


        font-size: 24px;


        color: var(--tertiary);


        font-weight: 800;


    }


    


    .mission-statement p{


        font-size: 16px;


        color: #666;


        font-weight: 600;


    }


    


}





@media only screen and (max-width: 767px) {





    .abt-text{


        width: 100%;


        position: relative !important;


        left : none;


        top : none;


        transform: 0;


        padding: 0;


    }


    


    .abt-text h4{


        font-size: 20px;


        line-height: 25px;


        color: var(--primary);


        font-weight: 700;


    }





    #fix-header .container {


        max-width: 720px !important;


    }


    .order1 {


        order: 1;


    }


    .order2 {


        order: 2;


    }


    .mobile-header {


        position: fixed;


        width: 100%;


    }


    .header-icon {


        font-size: 20px;


    }


    .main-header .header-contact-cart li div img {


        top: -15px !important;


        width: 23px;


        right: 0 !important;


        left: 20px !important


    }


    .main-header .header-contact-cart li {


        margin: 0px !important;


    }


    .copyrights p {


        text-align: center;


        font-size: 13px;


    }


    .about-img-mobile {


        width: 100%;


    }


    .about-banner-mobile {


        width: 100%;


        height: 275px !important;


    }


    .about-banner-text-mobile {


        width: 90%;


    }


    .about-banner-text-mobile h1 {


        font-size: 30px;


        font-weight: 800;


    }


    .about-banner-text-mobile h2 {


        font-size: 21px !important;


        font-weight: 600;


    }


    .about-text {


        width: 100%;


    }


    .slider-text {


        top: 25px;


        left: 25px;


        padding-right: 20px;


    }


    .home-banner-slider h1 {


        width: 95%;


        font-size: 26px;


    }


    .home-banner-slider p {


        width: 100%;


        font-size: 12px;


        margin-bottom: 0px !important;


        display: none;


    }


    .home-banner-slider .btn-light {


        margin-top: 5px;


        color: var(--primary) !important;


        border-radius: 30px;


        line-height: 40px;


        padding: 0 15px;


        border: 0px;


        font-size: 15px;


        font-weight: 600;


    }


    .main-banner {


        display: none;


    }


    .mobile-banner {


        display: block;


    }


    .small-banner-text {


        left: 35px;


    }


    .small-banner-text h3 {


        font-size: 20px;


        margin-bottom: 0px !important;


    }


    .small-banner-text .btn-light {


        line-height: 30px;


        font-size: 12px;


    }


    .footer-widgets h4 {


        font-size: 20px;


    }


    .footer-widgets p {


        font-size: 16px;


    }


    .count {


        font-size: 28px;


        text-align: center;


    }


    .count-detail {


        font-size: 15px;


        text-align: center;


    }


    .director-msg {


        padding: 20px;


    }


    .director-msg h4 {


        font-size: 20px;


        line-height: 26px;


    }


    .coma {


        position: absolute;


        top: 15px;


        opacity: 0.2;


        left: 15px;


    }





    .product-detail-img-div {


        height: 350px;


        width: 100%;


    }


    


    .product-detail-img {


        max-width: 100% !important;


        max-height: 300px !important;


        width: auto !important;


    }





    .filter-pro .col-lg-3{


        width: 100% ;


    }





    .mission-title{


        width: 100%;


        text-align: center;


        margin-bottom: 15px;


        padding-left: 0px;


        padding-top: 0;


    }


    


    .mission-text{


        width: 94%;


        margin: 0 auto;


        padding: 25px;


        text-align: center;


        height: auto;


        background-color: #e5f7fb;


        border-top-right-radius: 400px;


        border-top-left-radius: 400px;


        border-bottom-left-radius: 0px;


    }





    .mission-statement .mission-title img{


        position: relative;


        left : 0px;


        top : 0px;


        width: 50px;


        margin-bottom: 15px;


    }





    .mission-statement h3{


        font-size: 36px;


        color: var(--primary);


        line-height: 40px;


    }





    .mission-statement h3 span{


        font-size: 36px;


        color: var(--primary);


        line-height: 40px;


    }





    .mission-text img{


        position: relative;


        left : 0px;


        top : 0px;


        transform: none;


        margin-bottom: 15px;


    }


    


    .mission-statement h4{


        font-size: 24px;


        color: var(--tertiary);


        font-weight: 800;


    }


    


    .mission-statement p{


        font-size: 16px;


        color: #666;


        font-weight: 600;


    }





    .counters{


        padding: 10px;


    }





    .counters p{


        margin-bottom: 0px;


        font-size: 14px;


        color: #fff !important;


    } 


}





@media only screen and (max-width: 640px) {}





@media only screen and (max-width: 600px) {}





@media only screen and (max-width: 568px) {}





@media only screen and (max-width: 480px) {}





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

@media (max-width: 991.98px) {
    .industry-image {
        margin-bottom: 20px;
        margin-top: 2rem !important;
    }

    .industry-list {
        margin-top: 20px;
    }

}