/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

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

}



@media (min-width: 1800px){

    .container {

        max-width: 1680px;

    }

}



@media (min-width: 1700px) and (max-width: 1799px){

    .container {

        max-width: 1620px;

    }

}



@media (min-width: 1600px) and (max-width: 1699px){

    .container { max-width: 1520px; }

    .navbar-nav .nav-item:not(:last-child) {
        margin-right: 35px;
    }

    /* material */

    .material-main { padding: 95px 0 105px; }

    .compressed-non { flex: 0 0 1100px;}

    /* material */



}



@media (min-width: 1500px) and (max-width: 1599px){



    .inner-search-banner h1 {font-size: 75px; line-height: 80px;}

    .typography-description h1 {font-size: 65px; line-height: 80px;}

    .typography-description h2 {font-size: 55px; line-height: 65px;}

    .typography-description h3 {font-size: 45px; line-height: 55px;}

    .typography-description h4 {font-size: 40px; line-height: 45px;}

    .typography-description h5 {font-size: 30px; line-height: 40px;}

    .typography-description h6 {font-size: 25px; line-height: 30px;}

    .typography-description p {font-size: 22px; line-height: 30px;}

    .typography-description ul li {font-size: 18px; line-height: 25px;}

    .typography-description ol li {font-size: 18px; line-height: 25px;}

    .container { max-width: 1420px; }

    .main-title { font-size: 60px; line-height: 75px;}



    /* Header */

    .navbar-nav .nav-item:not(:last-child) { margin-right: 26px; }

    /* Header */



    /* Welcome */

    .welcome-wrp { padding: 90px 0 125px; }

    /* Welcome */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 100px 0 90px; }

    /* skilled-personnal */



    /* tech-support */

    .tech-support-wrp { padding: 70px 0 80px; }

    /* tech-support */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 95px 0 100px; }

    .gaskets-capabilities-img { max-width: 620px; }

    /* gaskets-capabilities */



    /* material */

    .material-main { padding: 90px 0 80px; }

    .compressed-non { flex: 0 0 1000px;}

    /* material */



    /* products */

    .products-block .products-img {height: 215px;}

    .products-main { column-gap: 30px; }

    .products-main .products-block { flex: 0 0 254px; margin: 0 0 50px; max-width: 254px;}

    /* products */



    /* Footer */

    .footer-bottom { padding: 30px 0 37px;}

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 110px 0; }

    .contact-form { padding: 45px 60px 45px; }

    /* Contact page */



    /* Typography */

    .typography-section { padding-top: 70px; padding-bottom: 100px; }

    /* Typography */

    

}



@media (min-width: 1400px) and (max-width: 1499px){



    .typography-section { padding-top: 50px; padding-bottom: 60px; }

    .inner-search-banner h1 {font-size: 70px; line-height: 85px;}

    .typography-description h1 {font-size: 70px; line-height: 85px;}

    .typography-description h2 {font-size: 55px; line-height: 65px;}



    .main-title { font-size: 55px; line-height: 70px; }

    .section-title { font-size: 40px; line-height: 55px; }    

    

    /* Header */

    .header-logo .year-logo { max-width: 70px; margin-left: 15px; }

    .navbar-nav .nav-item:not(:last-child) { margin-right: 20px; }

    .navbar-brand {max-width: 180px; width: 100%;}

    /* Header */



    /* Welcome */

    .welcome-wrp { padding: 70px 0 100px; }

    .welcome-img { max-width: 580px; width: 100%; }

    .welcome-img .years-50 { bottom: -64px; right: -56px; max-width: 180px; width: 100%; }

    /* Welcome */



    /* tech-support */

    .tech-support-wrp { padding: 70px 0 80px; }

    /* tech-support */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 80px 0 70px; }

    .skilled-personnal-bottom { padding: 45px 0 0 0;}

    /* skilled-personnal */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 80px 0 90px; }

    .gaskets-capabilities-img { max-width: 600px; }

    .gaskets-capabilities-last {padding: 70px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 60px; }

    /* gaskets-capabilities */



    /* products */

    .products-block .products-img {height: 210px; max-width: 210px;}

    .products-main { column-gap: 30px; }

    .products-main .products-block { flex: 0 0 254px; margin: 0 auto 50px;}
    .products-main form { flex: 0 0 234px; text-align: center;}
    .products-main .products-block .block-title { line-height: 33px; }

    /* products */



    /* material */

    .material-main { padding: 80px 0 80px; }

    .compressed-non { flex: 0 0 900px;}

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 40px 0 0 0; }

    .compressed-non-img { flex: 0 0 270px; }

    /* material */



    /* Footer */

    .footer-bottom { padding: 30px 0 37px;}

    .footer-logo a {max-width: 290px; width: 100%;}

    .contact-one { padding: 0 0 0 34px; max-width: 350px; width: 100%; }

    .contact-two { margin: 0 0 0 -50px; }

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 110px 0; }

    .contact-form { padding: 45px 50px 45px; }

    /* Contact page */



    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 40px; }

    /* our-materials-section */



}



@media (min-width: 1300px) and (max-width: 1399px){



    .typography-section { padding-top: 50px; padding-bottom: 60px; }

    .inner-search-banner h1 {font-size: 70px; line-height: 85px;}

    .typography-description h1 {font-size: 65px; line-height: 75px;}

    .typography-description h2 {font-size: 50px; line-height: 65px;}

    .typography-description h3 {font-size: 45px; line-height: 65px; }

    .typography-description h4 {font-size: 40px; line-height: 55px; }



    .container { max-width: 1220px; }

    .main-title { font-size: 50px; line-height: 60px; }

    .section-title { font-size: 42px; line-height: 55px; }  

    .block-title { font-size: 27px; line-height: 35px; }    

    

    /* Header */

    .navbar-nav .nav-item:not(:last-child) { margin-right: 15px; }

    .navbar-brand {max-width: 170px; width: 100%;}

    .navbar-nav .nav-item .nav-link { font-size: 19px; line-height: 23px; }

    .header-logo .year-logo { max-width: 60px; margin-left: 15px; }

    /* Header */



    /* Welcome */

    .welcome-wrp { padding: 70px 0 100px; }

    .welcome-img { max-width: 530px; width: 100%; }

    .welcome-img .years-50 { bottom: -53px; right: -56px; max-width: 150px; width: 100%; }

    /* Welcome */



    /* tech-support */

    .tech-support-wrp { padding: 60px 0 70px; }

    .tech-support-title { padding: 0 0 30px; }

    /* tech-support */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 70px 0 60px; }

    .skilled-personnal-bottom { padding: 45px 0 0 0;}

    /* skilled-personnal */

    

    /* Banner */

    .banner-text .detail { font-size: 23px; line-height: 37px; }

    .banner-img-slider img { height: 750px; }

    /* Banner */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 60px 0 70px; }

    .gaskets-capabilities-img { max-width: 550px; }

    .gaskets-capabilities-last {padding: 70px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 60px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 22px 0; font-size: 38px; line-height: 44px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 20px; }

    .gaskets-capabilities-title { margin: 0 auto 50px; }

    /* gaskets-capabilities */



    /* products */

    .products-block .products-img {height: 271px;}

    .products-main { column-gap: 35px; }

    .products-main .products-block { margin: 0 0 35px; }
    .products-main form { flex: 0 0 271px; text-align: center;}
    .products-main .font-24 { font-size: 21px !important; line-height: 30px !important; }

    /* products */



    /* material */

    .material-main { padding: 70px 0 60px; }

    .compressed-non { flex: 0 0 830px;}

    .filter { flex: 0 0 310px; padding: 30px 25px; }

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 40px 0 0 0; }

    .compressed-non-img { flex: 0 0 250px; }

    .compressed-non-right { padding: 0 0 0 40px; }

    /* material */



    /* Footer */

    .footer-bottom { padding: 30px 0 37px;}

    .footer-logo a {max-width: 220px; width: 100%;}

    .contact-one { padding: 0 0 0 34px; max-width: 350px; width: 100%; }

    .contact-two { margin: 0; }

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 100px 0; }

    .contact-form { padding: 45px 50px 45px; }

    /* Contact page */



    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 40px; }

    .our-materials-titles { padding: 60px 0 0 0; }

    .our-materials-list ul { padding: 30px 0 0 0; }

    .our-materials-inner .section-title { padding: 0 0 25px; }

    .our-materials-block .compressed-non-img { flex: 0 0 210px; }

    /* our-materials-section */



}



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



    .typography-section { padding-top: 50px; padding-bottom: 60px; }

    .inner-search-banner h1 {font-size: 60px; line-height: 70px;}

    .typography-description h1 {font-size: 60px; line-height: 70px;}

    .typography-description h2 {font-size: 50px; line-height: 65px;}

    .typography-description h3 {font-size: 45px; line-height: 65px; }

    .typography-description h4 { font-size: 37px; line-height: 50px; }





    .main-title { font-size: 48px; line-height: 55px; }

    .section-title { font-size: 38px; line-height: 45px; }  

    .detail { font-size: 19px; line-height: 30px; }

    .btn { font-size: 19px; line-height: 25px; padding: 13px 26px; }

    .block-title { font-size: 25px; line-height: 35px; }



    /* Header */

    .header-logo .year-logo { max-width: 50px; margin-left: 12px; }

    .navbar-nav .nav-item:not(:last-child) { margin-right: 15px; }

    .navbar-brand {max-width: 150px; width: 100%;}

    .navbar-nav .nav-item .nav-link { font-size: 17.5px; line-height: 23px; }

    /* Header */



    /* Banner */

    .banner-text .detail { font-size: 23px; line-height: 37px; }

    .banner-img-slider img { height: 750px; }

    .banner-text .main-title { padding: 21px 0; }

    /* Banner */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 50px 0 45px; }

    .skilled-personnal-bottom { padding: 45px 0 0 0;}

    /* skilled-personnal */



    /* Welcome */

    .welcome-wrp { padding: 50px 0 80px; }

    .welcome-img { max-width: 500px; width: 100%; }

    .mt-35 { margin-top: 25px; }

    .welcome-img .years-50 { bottom: -47px; right: -46px; max-width: 130px; width: 100%; }

    .welcome-content .detail { padding: 10px 0 0 0; }

    /* Welcome */



    /* tech-support */

    .tech-support-wrp { padding: 60px 0 70px; }

    .tech-support-title { padding: 0 0 30px; }

    /* tech-support */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 60px 0 70px; }

    .gaskets-capabilities-img { max-width: 500px; }

    .gaskets-capabilities-last {padding: 50px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 60px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 15px 0; font-size: 34px; line-height: 40px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 20px; }



    .bar-wrp { padding: 15px 0; }

    /* gaskets-capabilities */



    /* material */

    .material-main { padding: 60px 0 60px; }

    .compressed-non { flex: 0 0 780px;}

    .filter { flex: 0 0 300px; padding: 30px 25px; }

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 30px 0 0 0; }

    .compressed-non-img { flex: 0 0 250px; }

    .compressed-non-right { padding: 0 0 0 40px; }

    .compressed-non-block { padding: 30px 40px 30px 30px;}

    /* material */



    /* products */

    .products-block .products-img {height: 210px;}
    .products-main form { flex: 0 0 255px; text-align: center;}

    .products-main { column-gap: 30px; }

    .products-main .products-block { flex: 0 0 254px; margin: 0 0 35px; }

    .products-main .font-24 { font-size: 21px !important; line-height: 30px !important; }

    /* products */



    /* Footer */

    .footer-bottom { padding: 27px 0 35px;}

    .footer-logo a {max-width: 200px; width: 100%;}

    .contact-one { padding: 0 0 0 34px; max-width: 350px; width: 100%; }

    .contact-two { margin: 0; }

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 80px 0; }

    .contact-form { padding: 40px 45px; }

    .form-full { padding: 30px 0 0; }

    .form-full .form-control { font-size: 18px; line-height: 20px; padding: 16px 18px; }

    .form-full .form-group { margin: 0 0 23px; }

    .contact-area-common ul li { font-size: 19px; line-height: 37px; }

    /* Contact page */





    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 40px; }

    .our-materials-titles { padding: 50px 0 0 0; }

    .our-materials-list ul { padding: 30px 0 0 0; }

    .our-materials-inner .section-title { padding: 0 0 25px; }

    .our-materials-section { padding: 50px 0 70px 0; }

    .our-materials-list ul li a { padding: 16px 25px; }

    .our-materials-block .compressed-non-img { flex: 0 0 210px; }

    /* our-materials-section */



}



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



    .typography-section { padding-top: 50px; padding-bottom: 60px; }

    .inner-search-banner h1 {font-size: 55px; line-height: 65px;}

    .typography-description h1 {font-size: 55px; line-height: 65px;}

    .typography-description h2 { font-size: 45px; line-height: 60px; }

    .typography-description h3 { font-size: 40px; line-height: 55px; }

    .typography-description h4 { font-size: 33px; line-height: 40px; }

    .typography-description h5 { font-size: 30px; line-height: 40px; }



    .main-title { font-size: 48px; line-height: 55px; }

    .btn { padding: 14px 28px; font-size: 19px; line-height: 21px; }    

    .section-title { font-size: 38px; line-height: 45px; }  

    .detail { font-size: 19px; line-height: 30px; }

    .block-title { font-size: 22px; line-height: 35px; }

    

    /* Header */

    .header-logo .year-logo { max-width: 70px; margin-left: 15px; }

    .navbar-brand {max-width: 180px; width: 100%;}

    /* Header */



    /* Banner */

    .banner-text .detail { font-size: 20px; line-height: 35px; }

    .banner-img-slider img { height: 700px; }

    .banner-text { max-width: 600px; width: 100%; }

    .banner-text .main-title { padding: 21px 0; }

    /* Banner */



    /* Welcome */

    .welcome-wrp { padding: 50px 0 80px; }

    .welcome-img { max-width: 430px; width: 100%; }

    .mt-35 { margin-top: 25px; }

    .welcome-img .years-50 { bottom: -36px; right: -36px; max-width: 100px; width: 100%; }

    .welcome-content .detail { padding: 10px 0 0 0; }

    /* Welcome */



    /* material-selection */

    .material-selection-wrp { padding: 55px 0; }

    /* material-selection */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 50px 0 45px; }

    .skilled-personnal-bottom { padding: 45px 0 0 0;}

    /* skilled-personnal */



    /* tech-support */

    .tech-support-wrp { padding: 50px 0 60px; }

    .tech-support-title { padding: 0 0 30px; }

    .welcome-content ul.list-two li { flex: 0 0 50%; }

    /* tech-support */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 50px 0 60px; }

    .gaskets-capabilities-img { max-width: 500px; }

    .gaskets-capabilities-last {padding: 40px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 60px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 15px 0; font-size: 34px; line-height: 40px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 20px; }

    .gaskets-capabilities-title { margin: 0 auto 50px; }



    .bar-wrp { padding: 15px 0; }

    /* gaskets-capabilities */



    /* material */

    .material-main { padding: 40px 0 60px; }

    .compressed-non { flex: 0 0 auto; margin: 40px 0 0 ;}

    .filter { flex: 0 0 auto; padding: 25px 25px; position: relative; top: 0;}

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 30px 0 0 0; }

    .compressed-non-img { flex: 0 0 250px; }

    .compressed-non-right { padding: 0 0 0 40px; }

    .compressed-non-block { padding: 30px 40px 30px 30px;}

    .material-main {flex-direction: column;}

    .filter-form form {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

    .filter-form form .form-group {flex: 0 0 30%; padding: 0 0 20px;}

    .filter-form .form-check { padding: 0 0 8px; }

    /* material */



    /* products */

    .products-block .products-img {height: 210px; max-width: 210px;}

    .products-main { column-gap: 30px; justify-content: center; }

    .products-main .products-block { flex: 0 0 254px; margin: 0 0 35px; }
    .products-main form { flex: 0 0 210px; text-align: center;}

    .products-main .font-24 { font-size: 21px !important; line-height: 30px !important; }

    /* products */



    /* Footer */

    .footer-bottom { padding: 23px 0 30px;}

    .footer-logo a {max-width: 200px; width: 100%; margin: 0 0 30px ;}

    .contact-one { padding: 0; max-width: 350px; width: 100%; }

    .contact-two { margin: 0; }

    .footer-main { padding: 50px 0 40px; }

    /* Footer */



    .inner-search-banner { padding: 30px 0 0; }

    .typography-description { padding: 10px 0; }



    /* Contact page */

    .contact-wrp { padding: 60px 0; }

    .contact-form { padding: 30px 25px; }

    .form-full { padding: 30px 0 0; }

    .form-full .form-control { font-size: 18px; line-height: 20px; padding: 16px 18px; }

    .form-full .form-group { margin: 0 0 23px; }

    .contact-area-common ul li { font-size: 18px; line-height: 35px; }

    .form-full .row {margin: 0 -10px;}

    .form-full .row >* {padding: 0 10px;}

    .contact-area-list .contact-area-common:not(:last-child) { padding: 0 0 20px; }

    .contact-area-list { padding: 15px 0 0 0; }

    /* Contact page */



    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 25px; }

    .our-materials-titles { padding: 50px 0 0 0; }

    .our-materials-list ul { padding: 30px 0 0 0; gap: 14px;}

    .our-materials-inner .section-title { padding: 0 0 25px; font-size: 30px; }

    .our-materials-section { padding: 50px 0 50px 0; }

    .our-materials-list ul li a { padding: 12px 22px; font-size: 17px; line-height: 18px; }

    .our-materials-block .compressed-non-img { flex: 0 0 auto; }

    .our-materials-block.compressed-non-block { padding: 23px; }

    .compressed-non-content { padding: 17px 0 0; flex-direction: column; }

    .our-materials-block .compressed-non-right {padding: 20px 0 0 0;}

    .our-materials-inner .row >* { margin: 0 0 30px 0; padding: 0 15px; }

    .our-materials-inner .row { margin: 0 -15px; }

    .compressed-non-right ul li { font-size: 18px; line-height: 25px; }

    .our-materials-content ul li { font-size: 18px; line-height: 23px; }    

    .our-materials-content .block-title { font-size: 36px; line-height: 40px; padding: 0 0 15px; }

    /* our-materials-section */



}



@media (max-width: 1199px) {

    /* button-start */



    .navbar-nav .nav-item:not(:last-child) { margin-right: 0; }



    button.navbar-toggler {

        border: none;

    }

    

    .navbar-toggler {

        right: 0;

        top: 0;

    }

    

    .navbar-toggler {

        border: none;

        background-color: transparent;

        position: relative;

        z-index: 9999;

        right: 0;

    }

    

    .navbar-collapse {

        position: fixed;

        top: 0;

        right: -100%;

        max-width: 100%;

        width: 100%;

        bottom: 0;

        height: 100%;

        overflow: auto;

        background-color: #fff;

        transition: 0.5s;

        z-index: 999;

    }

    

    .navbar-collapse.show {

        right: 0;

        height: auto;

    }

    

    .navbar-collapse.show::before {

        right: 0;

    }

    

    .navbar-collapse::before {

        content: "";

        position: fixed;

        width: 100%;

        height: 80px;

        top: 0;

        right: -100%;

        background-color: #ffffff;

        transition: 0.5s;

        z-index: 9;

    }

    

    .navbar .navbar-nav {

        align-items: center;

        position: relative;

        top: 80px;

    }

    

    .header .navbar-nav .nav-item {

        padding: 20px 0;

    }

    

    .header .navbar-nav .nav-item:first-child {

        padding-left: 0;

    }



    .navbar-toggler span {

        background-color: #000000;

        width: 25px;

        height: 2px;

        display: block;

        margin-bottom: 5px;

        transition: 0.5s;

        position: relative;

    }

    

    .navbar-toggler.open span:first-child {

        top: 5px;

        transform: rotate(45deg);

    }

    

    .navbar-toggler.open span:nth-child(2) {

        display: none;

    }

    

    .navbar-toggler.open span:last-child {

        top: -2px;

        transform: rotate(-45deg);

    }



    .navbar-toggler:focus {

        box-shadow: none;

    }



    /* button-end */

}



@media (min-width: 768px) and (max-width: 991px){



    .typography-section { padding-top: 50px; padding-bottom: 50px; }

    .inner-search-banner h1 {font-size: 55px; line-height: 65px;}

    .typography-description h1 { font-size: 47px; line-height: 60px; }

    .typography-description h2 { font-size: 42px; line-height: 55px; }

    .typography-description h3 { font-size: 37px; line-height: 50px; }

    .typography-description h4 { font-size: 30px; line-height: 45px; }

    .typography-description h5 { font-size: 26px; line-height: 40px; }

    .typography-description h6 { font-size: 24px; line-height: 40px; }



    .main-title { font-size: 45px; line-height: 55px; }

    .btn { padding: 14px 28px; font-size: 18px; line-height: 20px;} 

    .section-title { font-size: 35px; line-height: 43px; }  

    .detail { font-size: 19px; line-height: 30px; } 

    .block-title { font-size: 20px; line-height: 25px; }



    /* Header */
    .header-logo .year-logo { max-width: 70px; margin-left: 15px; }

    .navbar-brand {max-width: 170px; width: 100%;}

    /* Header */



    /* Banner */

    .banner-text .detail { font-size: 20px; line-height: 35px; }

    .banner-img-slider img { height: 700px; }

    .banner-text { max-width: 600px; width: 100%; }

    .banner-text .main-title { padding: 21px 0; }

    /* Banner */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 50px 0 45px; }

    .skilled-personnal-bottom { padding: 45px 0 0 0;}

    /* skilled-personnal */



    /* Welcome */

    .welcome-wrp { padding: 50px 0 60px; }

    .welcome-img { max-width: 430px; width: 100%; margin: 0 auto 50px; }

    .mt-35 { margin-top: 25px; }

    .welcome-img .years-50 { bottom: -36px; right: -36px; max-width: 100px; width: 100%; }

    .welcome-content .detail { padding: 10px 0 0 0; }

    /* Welcome */



    /* material-selection */

    .material-selection-wrp { padding: 55px 0; }

    .material-selection-wrp .welcome-img {margin-bottom: 0; margin-top: 50px;}

    /* material-selection */



    /* tech-support */

    .tech-support-wrp { padding: 50px 0 60px; }

    .tech-support-title { padding: 0 0 15px; }

    .welcome-content ul.list-two li { flex: 0 0 33.33%; }

    .tech-support-bottom .welcome-img {margin-bottom: 0; margin-top: 50px;}

    /* tech-support */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 40px 0 60px; }

    .gaskets-capabilities-img { max-width: 500px; margin: 0 auto; }

    .gaskets-capabilities-bottom .row:nth-child(even) .gaskets-capabilities-img { margin: 0 auto; }

    .gaskets-capabilities-last {padding: 30px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 60px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 15px 0; font-size: 30px; line-height: 35px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 20px; }

    .gaskets-capabilities-title { margin: 0 auto 50px; }

    .gaskets-capabilities-contant {text-align: center; padding: 30px 0 0 !important;}

    

    .breadcrumb .breadcrumb-item { font-size: 19px; line-height: 20px;}



    .bar-wrp { padding: 15px 0; }

    /* gaskets-capabilities */



    /* products */

    .products-block .products-img {height: 190px; max-width: 190px;}

    .products-main { column-gap: 30px; justify-content: center; }

    .products-main .products-block { flex: 0 0 210px; margin: 0 0 35px; }

    .products-main .font-24 { font-size: 21px !important; line-height: 30px !important; }

    /* products */



    /* material */

    .material-main { padding: 30px 0 50px; }

    .compressed-non { flex: 0 0 auto; margin: 40px 0 0 ;}

    .filter { flex: 0 0 auto; padding: 25px 25px; position: relative; top: 0;}

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 30px 0 0 0; }

    .compressed-non-img { flex: 0 0 220px; }

    .compressed-non-right { padding: 0 0 0 30px; }

    .compressed-non-block { padding: 30px 40px 30px 30px;}

    .material-main {flex-direction: column;}

    .filter-form form {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

    .filter-form form .form-group {flex: 0 0 47%; padding: 0 0 20px;}

    .filter-form .form-check { padding: 0 0 8px; }

    .filter-btns {width: 100%; max-width: 250px; margin: 0 auto; text-align: center;}

    .compressed-non-right ul li { font-size: 18px; line-height: 29px; display: inline-block; padding: 0 0 0 12px; margin: 0 10px 0 0;}    

    .load-more {margin: 10px 0 0;}

    /* material */



    /* Footer */

    .footer-bottom { padding: 23px 0 30px;}

    .footer-logo a {max-width: 170px; width: 100%; margin: 0 0 30px ;}

    .contact-one { padding: 0; max-width: 350px; width: 100%; }

    .contact-two { margin: 0; }

    .footer-main { padding: 40px 0 30px; }

    .footer-bottom .detail { font-size: 16px; line-height: 16px; }

    .footer-top ul li { font-size: 16px; line-height: 20px; }

    .footer-top ul li:not(:last-child) { margin-bottom: 13px; }

    .footer-top ul li svg { margin: 0 10px 0 0; }

    .footer-top .footer-title { font-size: 22px; line-height: 25px; margin: 0 0 12px; }

    .footer-tag {font-size: 18px; line-height: 20px;}

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 40px 0; }

    .contact-form { padding: 30px 25px; max-width: 100%; margin: 30px 0 0; }

    .form-full { padding: 30px 0 0; }

    .form-full .form-control { font-size: 18px; line-height: 20px; padding: 16px 18px; }

    .form-full .form-group { margin: 0 0 23px; }

    .contact-area-common ul li { font-size: 18px; line-height: 35px; }

    .form-full .row {margin: 0 -10px;}

    .form-full .row >* {padding: 0 10px;}

    .contact-area-list .contact-area-common:not(:last-child) { padding: 0 0 20px; }

    .contact-area-list { padding: 15px 0 0 0; }

    /* Contact page */



    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 25px; }

    .our-materials-titles { padding: 50px 0 0 0; }

    .our-materials-list ul { padding: 30px 0 0 0; gap: 14px;}

    .our-materials-inner .section-title { padding: 0 0 15px; font-size: 28px; }

    .our-materials-section { padding: 30px 0 40px 0; }

    .our-materials-list ul li a { padding: 12px 22px; font-size: 17px; line-height: 18px; }

    .our-materials-block .compressed-non-img { flex: 0 0 auto; }

    .our-materials-block.compressed-non-block { padding: 23px; }

    .compressed-non-content { padding: 17px 0 0; flex-direction: column; }

    .our-materials-block .compressed-non-right {padding: 20px 0 0 0;}

    .our-materials-inner .row >* { margin: 0 0 30px 0; padding: 0 15px; }

    .our-materials-inner .row { margin: 0 -15px; }

    .compressed-non-right ul li { font-size: 18px; line-height: 25px; }

    .our-materials-content ul li { font-size: 18px; line-height: 23px; }    

    .our-materials-content .block-title { font-size: 36px; line-height: 40px; padding: 0 0 15px; }

    /* our-materials-section */



}



@media (min-width: 768px) {

}



@media (max-width: 767px) {



    .typography-section { padding-top: 40px; padding-bottom: 50px; }

    .inner-search-banner h1 {font-size: 55px; line-height: 65px;}

    .typography-description h1 { font-size: 35px; line-height: 45px; }

    .typography-description h2 { font-size: 32px; line-height: 45px; }

    .typography-description h3 { font-size: 29px; line-height: 40px; }

    .typography-description h4 { font-size: 26px; line-height: 37px; }

    .typography-description h5 { font-size: 24px; line-height: 35px; }

    .typography-description h6 { font-size: 22px; line-height: 35px; }



    .main-title { font-size: 40px; line-height: 55px; }

    .btn { padding: 13px 25px; font-size: 18px; line-height: 20px;}

    .section-title { font-size: 30px; line-height: 40px; }  

    .detail { font-size: 18px; line-height: 30px; } 

    .block-title { font-size: 18px; line-height: 22px; }



    /* Header */

    .navbar-brand {max-width: 150px; width: 100%;}

    .navbar { padding: 15px 0; }

    .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 20px; }    

    .header .navbar-nav .nav-item { padding: 13px 0; }

    /* Header */



    /* Banner */

    .banner-text .detail { font-size: 18px; line-height: 33px; }

    .banner-img-slider img { height: 700px; }

    .banner-text { max-width: 600px; width: 100%; }

    .banner-text .main-title { padding: 21px 0; }

    /* Banner */



    /* material-selection */

    .material-selection-wrp { padding: 30px 0; }

    .material-selection-wrp .welcome-img {margin-bottom: 0; margin-top: 30px;}

    /* material-selection */



    /* Welcome */

    .welcome-wrp { padding: 30px 0 40px; }

    .welcome-img { max-width: 430px; width: 100%; margin: 0 auto 50px; }

    .mt-35 { margin-top: 25px; }

    .welcome-img .years-50 { bottom: -36px; right: -36px; max-width: 100px; width: 100%; }

    .welcome-content .detail { padding: 10px 0 0 0; }

    /* Welcome */



    /* skilled-personnal */

    .skilled-personnal-wrp { padding: 50px 0 45px; }

    .skilled-personnal-bottom { padding: 25px 0 0 0;}

    .welcome-content ul li { padding: 0 0 0 20px; font-size: 18px; line-height: 20px; }

    .welcome-content ul li::before { top: 4px; }

    /* skilled-personnal */



    /* tech-support */

    .tech-support-wrp { padding: 40px 0 50px; }

    .tech-support-title { padding: 0 0 10px; }

    .welcome-content ul.list-two li { flex: 0 0 33.33%; }

    .tech-support-bottom .welcome-img {margin-bottom: 0; margin-top: 50px;}

    .tech-support-title .section-title { padding: 0 0 15px 0; }

    /* tech-support */



    /* gaskets-capabilities */

    .gaskets-capabilities-wrp { padding: 30px 0 40px; }

    .gaskets-capabilities-img { max-width: 450px; margin: 0 auto; }

    .gaskets-capabilities-bottom .row:nth-child(even) .gaskets-capabilities-img { margin: 0 auto; }

    .gaskets-capabilities-last {padding: 30px 0 0 0;}

    .gaskets-capabilities-bottom .row { margin-bottom: 50px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 10px 0; font-size: 28px; line-height: 33px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 20px; }

    .gaskets-capabilities-title { margin: 0 auto 50px; }

    .gaskets-capabilities-contant {text-align: center; padding: 30px 0 0;}

    

    .breadcrumb .breadcrumb-item { font-size: 16px; line-height: 19px;}



    .bar-wrp { padding: 15px 0; }

    /* gaskets-capabilities */



    /* products */

    .products-block .products-img { height: 160px; max-width: 160px; }

    .products-main { column-gap: 15px; justify-content: center; }

    .products-main .products-block { flex: 0 0 210px; margin: 0 0 25px; }

    .products-main .products-block .block-title { padding: 13px 0 0; }

    .products-main .font-24 { font-size: 18px !important; line-height: 25px !important; }

    /* products */



    /* material */

    .material-main { padding: 30px 0 50px; }

    .compressed-non { flex: 0 0 auto; margin: 30px 0 0 ;}

    .filter { flex: 0 0 auto; padding: 20px 20px; position: relative; top: 0;}

    .compressed-non-title .detail { padding: 20px 0 0 0; }

    .compressed-non-section { padding: 30px 0 0 0; }

    .compressed-non-img { flex: 0 0 auto; max-width: 220px; }

    .compressed-non-right { padding: 20px 0 0 !important ; }

    .compressed-non-block { padding: 30px 25px;}

    .material-main {flex-direction: column;}

    .filter-form form {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

    .filter-form form .form-group {flex: 0 0 100%; padding: 0 0 20px;}

    .filter-form .form-check { padding: 0 0 8px; }

    .filter-btns {width: 100%; max-width: 250px; margin: 0 auto; text-align: center;}

    .compressed-non-right ul li { font-size: 18px; line-height: 29px; }    

    .load-more {margin: 10px 0 0;}

    .compressed-non-content {flex-direction: column;}

    .filter-form .form-select { font-size: 17px; line-height: 30px; }    

    .compressed-non-right span { font-size: 17px; line-height: 20px; padding: 10px 0 7px 0; }

    .compressed-non-right ul li { font-size: 16px; line-height: 27px; display: inline-block; padding: 0 0 0 12px; margin: 0 10px 0 0; }

    /* material */



    /* Footer */

    .footer-bottom { padding: 18px 0 23px;}

    .footer-logo a {max-width: 170px; width: 100%; margin: 0 0 30px ;}

    .contact-one { padding: 0; max-width: 100%; width: 100%; }

    .contact-two { margin: 0; }

    .footer-main { padding: 40px 0 30px; text-align: center;}

    .footer-bottom .detail { font-size: 15px; line-height: 16px; }

    .footer-top ul li { font-size: 16px; line-height: 20px; justify-content: center;}

    .footer-top ul li:not(:last-child) { margin-bottom: 13px; }

    .footer-top ul li svg { margin: 0 10px 0 0; }

    .footer-top .footer-title { font-size: 22px; line-height: 25px; margin: 0 0 12px; }

    .footer-tag {font-size: 18px; line-height: 20px;}

    .footer-block { margin: 0 0 40px; }

    .footer-main .row >*:first-child .footer-block {margin: 0;}

    .footer-main .row >*:last-child .footer-block {margin: 0;}

    .footer-bottom-main {flex-direction: column; text-align: center;}

    .footer-bottom-main .detail:not(:last-child) { margin: 0 0 13px; }

    /* Footer */



    /* Contact page */

    .contact-wrp { padding: 30px 0; }

    .contact-form { padding: 30px 25px; max-width: 100%; margin: 30px 0 0; }

    .form-full { padding: 30px 0 0; }

    .form-full .form-control { font-size: 16px; line-height: 20px; padding: 13px 15px; }

    .form-full .form-group { margin: 0 0 17px; }

    .contact-area-common ul li { font-size: 16px; line-height: 24px; margin: 0 0 7px; }

    .contact-info .section-title { padding: 0 0 10px; }

    .form-full .row {margin: 0 -10px;}

    .form-full .row >* {padding: 0 10px;}

    .contact-area-list .contact-area-common:not(:last-child) { padding: 0 0 20px; }

    .contact-area-list { padding: 15px 0 0 0; }

    .btn { padding: 11px 25px; font-size: 17px; line-height: 20px; }

    .contact-area-common .block-title { font-size: 20px; line-height: 24px; }

    /* Contact page */



    /* our-materials-section */

    .our-materials-section .our-materials-inner:not(:last-child) { padding: 0 0 20px; }

    .our-materials-titles { padding: 30px 0 0 0; }

    .our-materials-list ul { padding: 15px 0 0 0; gap: 10px;}

    .our-materials-inner .section-title { padding: 0 0 14px; font-size: 25px; line-height: 26px; }

    .our-materials-section { padding: 30px 0 40px 0; }

    .our-materials-list ul li a { padding: 11px 18px; font-size: 16px; line-height: 15px; }

    .our-materials-block .compressed-non-img { flex: 0 0 auto; }

    .our-materials-block.compressed-non-block { padding: 23px; }

    .compressed-non-content { padding: 17px 0 0; flex-direction: column; }

    .our-materials-block .compressed-non-right {padding: 20px 0 0 0;}

    .our-materials-inner .row >* { margin: 0 0 20px 0; padding: 0 15px; }

    .our-materials-inner .row { margin: 0 -15px; }

    .compressed-non-right ul li { font-size: 18px; line-height: 25px; }

    .our-materials-content ul li { font-size: 18px; line-height: 23px; }    

    .our-materials-content .block-title { font-size: 28px; line-height: 30px; padding: 0 0 10px; }

    .our-materials-block .compressed-non-right ul li { font-size: 16px; line-height: 25px; }

    .our-materials-img { padding: 13px; }

    /* our-materials-section */



    .description-404 {padding: 60px 0;}
    .compressed-non-right ul li::before { top: 11px; }

}



/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/

@media (min-width: 576px) and (max-width: 767px){

}



@media (min-width: 240px) and (max-width: 575px){

    .main-title { font-size: 33px; line-height: 40px; }

    .btn { padding: 9px 17px; font-size: 16px; line-height: 18px; }

    .mt-35 { margin-top: 15px; }

    .font-24 { font-size: 20px !important; }

    .banner-text .main-title { padding: 10px 0; }

    .banner-text .detail { font-size: 17px; line-height: 27px; }

    .banner-img-slider img { height: 600px; }

    .section-title { font-size: 27px; line-height: 35px; }  

    .detail { font-size: 16px; line-height: 25px; } 

    .welcome-content .detail p { margin: 0 0 10px 0; }

    .welcome-content ul li { padding: 0 0 0 15px; font-size: 16px; line-height: 20px; }

    .block-title { font-size: 16px; line-height: 18px; }



    .breadcrumb .breadcrumb-item { font-size: 15px; line-height: 15px; }

    .gaskets-capabilities-title { margin: 0 auto 30px; }

    .gaskets-capabilities-title .section-title { margin: 0 0 15px; }

    .gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title { padding: 0 0 10px 0; font-size: 26px; line-height: 28px; }

    .gaskets-capabilities-bottom .row { margin-bottom: 30px; }



    .welcome-img .years-50 { bottom: -29px; right: 0; max-width: 75px; }

    .welcome-img { margin: 0 auto 30px; }



    .welcome-content ul.list-two li { flex: 0 0 50%; }



    .bar-wrp { flex-wrap: wrap; flex-direction: column; justify-content: center; gap: 7px; }

    /* .bar-wrp .block-title {margin: 0 0 7px;} */

    

    /* Header */

    .navbar-brand {max-width: 140px; width: 100%;}

    .header-logo .year-logo { max-width: 50px; margin-left: 12px; }

    /* Header */



    /* Contact Page */

    .contact-form { padding: 25px 10px;}

    .contact-form .block-title { font-size: 21px; line-height: 25px; }

    /* Contact Page */



    .our-materials-inner .section-title { padding: 0 0 14px; font-size: 25px; line-height: 26px; }

    .our-materials-inner .block-title { font-size: 20px; line-height: 23px; }

    .our-materials-block.compressed-non-block { padding: 18px; }

    .our-materials-block .compressed-non-right ul li { font-size: 16px; line-height: 18px; }

    .our-materials-content ul li { font-size: 16px; line-height: 21px; }

    .our-materials-inner .row >* { margin: 0 0 15px 0; }

    .our-materials-content ul li:not(:last-child) { margin: 0 0 7px 0; }



    .typography-description h1 { font-size: 32px; line-height: 45px; }

    .typography-description h2 { font-size: 30px; line-height: 40px; }

    .typography-description h3 { font-size: 25px; line-height: 33px; }

    .typography-description h4 { font-size: 22px; line-height: 32px; }

    .typography-description h5 { font-size: 20px; line-height: 30px; }

    .typography-description h6 { font-size: 18px; line-height: 27px; }



}



@media (max-width:374px) {

    .section-title { font-size: 24px; line-height: 30px; }

    .welcome-content ul.list-two li { flex: 0 0 100%; }

    .block-title { font-size: 15px; line-height: 16px; }

    .breadcrumb .breadcrumb-item { font-size: 13px; line-height: 14px; }

    .bar-wrp { padding: 13px 0; }

    .compressed-non-block { padding: 20px 15px; }

}