@media only screen and (max-width:1440px){
    html,
    body{
        font-weight: 300;
        font-size: 16px;
    }

    .main-nav{
        margin-left: 120px;
    }

    .btnMetal{
        top:50%;
        left: 45%;
    }

    .item-flex-home{
        justify-content: start;
    }
    
    .list-home-flex{
        justify-content: space-between;
        margin: 0px 25px 0px 40px;
    }

    .home-box-img{
        width: 60px;
        height: 60px;
    }

    .btn-flex-home {
        margin: 120px 0px 0px 40px;
        padding: 10px !important; 
    }

    .content-table{
        position: absolute;
        left: 38%;
        top: 60%;
        border-collapse: collapse;
        font-size: 0.9em;
        width: 25%;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    }

    .hero-text-box{
        top:50%;
        left: 50%;
    }

    blockquote:before {
        top: 0px;
        left: 245px;
    }

    blockquote:after {
        top: 0px;
        left: 830px;
    }

    blockquote.mis:before {
        top: 0px;
        left: 205px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 880px;
    }

    blockquote.quote-en:before {
        top: 0px;
        left: 245px;
    }

    blockquote.quote-en:after {
        top: 0px;
        left: 835px;
    }

    blockquote.quote-en.mis-en:before {
        top: 0px;
        left: 255px;
    }

    blockquote.quote-en.mis-en:after {
        top: 0px;
        left: 815px;
    }

    @keyframes MoveUpDown2 {
        0%{
          top: 0%;
        }
        50%,100% {
          top: 50%;
        }
    }

    .section-cities div.row div.box-product {
        height: 70vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 75vh;
    }

    .section-cities div.row div.box h3.main-product-h3{
        margin-top: 55%;
    }

    .section-cities div.row div.box h3.main-product-h3.product-h3-en{
        margin-top: 55%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3{
        margin-top: 65%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3-en{
        margin-top: 65%;
    }

    .btnMetal{
        left:80%;
        top:20%;
    }
    .content-table{
        left: 75%;
        top: 28%;
    }

    
}

@media only screen and (max-width:1200px){
    html,
    body{
        font-weight: 300;
        font-size: 16px;
    }

    body.th {
        font-weight: 300;
        font-size: 16px;
    }

    ul.main-nav.en{
        margin-left: 75px;
    }

    ul.main-nav.en li{
        margin-left: 35px;
    }


    .row {
        margin: 0 40px;
    }

    .logo{
        height: 90px;
        margin-left: 40px;
    }

    

    .contact-navs{
        margin-right: 20px;
    }

    .long-copy {
        margin-left: 20%;
    }

    .box p {
        font-size: 90%;
        margin-left: 60px;
    }

    .section-blog-home div.row div.box {
        margin: 25px;
    }

    .contact-img{
        height: 300px;
        margin: 0;
    }

    .section-cities div.row div.box-product:hover p {
        right: 70px;
    }

    .section-cities div.flex-product {
        display: flex;
        flex-wrap: wrap;
        margin-left: 17%;
    }

    .section-cities div.flex-main-product {
        display: flex;
        flex-wrap: wrap;
        margin-left: 25%;
    }

    .section-cities div.row div.box-product {
        height: 70vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 75vh;
    }

    .section-cities div.row div.box h3.main-product-h3{
        margin-top: 60%;
    }

    .section-cities div.row div.box h3.main-product-h3.product-h3-en{
        margin-top: 60%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3{
        margin-top: 65%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3-en{
        margin-top: 65%;
    }

    .back-button{
        margin-left: 38%;
    }

    
    a.back-button_en{
        margin-left: 42%;
    }

    a.back-sub_en{
        margin-left: 40%;
    }

    a.back-catalog_en{
        margin-top: 40px;
        margin-left: 42%;
    }

    blockquote:before {
        top: 0px;
        left: 275px;
    }

    blockquote:after {
        top: 0px;
        left: 725px;
    }

    blockquote.mis:before {
        top: 0px;
        left: 225px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 775px;
    }

    blockquote.quote-en:before {
        top: 0px;
        left: 205px;
    }

    blockquote.quote-en:after {
        top: 0px;
        left: 795px;
    }

    blockquote.quote-en.mis-en:before {
        top: 0px;
        left: 225px;
    }

    blockquote.quote-en.mis-en:after {
        top: 0px;
        left: 775px;
    }
}

@media only screen and (max-width:1024px){
    html,
    body{
        font-weight: 300;
        font-size: 14px;
    }

    body.th {
        font-weight: 300;
        font-size: 14px;
    }

    

    .btn-flex-home {
        margin: 80px 0px 0px 20px;
        margin-right: 20px !important;
        padding: 10px !important; 
    }

    .main-nav{
        margin-left: 60px;
    }

    .main-nav li ul li {
        margin-left: 0;
        margin-top: 0px;
        display: block;
        width: 250px;
    }

    ul.main-nav.en{
        margin-left: 45px;
    }

    ul.main-nav.en li{
        margin-left: 25px;
    }


    .hero-text-box{
        width: 1024px;
        top:45%;
        left: 50%;
    }

    @keyframes MoveUpDown2 {
        0%{
          top: 0%;
        }
        50%,100% {
          top: 45%;
        }
    }

    .section-blog-home div.row div.box {
        margin: 20px;
    }

    /* .table-pricing{
        margin-left: 20%;
    } */

    
    div.pic-flex img{
        width: 250px;
    }

    .content-table {
        border-collapse: collapse;
        margin: 25px 20%;
        font-size: 0.9em;
        width: 60%;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        
    }

    .info1 div.box img.office-img{
        width: 400px;
    }

    .info1 div.box img{
        width: 350px;
    }

    .steps-box:last-child {
        padding-left: 0%; 
        
    }

    .contact-img {
        height: 250px;
    }

    .contact-map {
        width: 900px;
        margin-left: 0px;
    }

    .info1 div.box img.zinc-prduct {
        margin-left: 30%;
    }

    .info1 div.box img {
        width: 150px;
    }

    .accordion {
        width: 70%;
      }

    .accordion-item-body-content{
        margin: 40px 80px;
        line-height: 40px;
    }
    
    
    .accordion-item-body-content h3{
        color: #000;
        font-size: 120%;
        height: 50px;
    }
    
    .accordion-item-body-content li{
        margin-left: 60px;
    }
    .btnMetal{
        left:84%;
        top:15%;
    }
    .content-table{
        left: 50%;
        top: 18%;
        width: 30%;
    }


    .section-cities div.row div.subProduct{
        width: 288px;
        height: 284px;
    }

    .info1 div.box img.subproduct-image{
        width: 270px;
        height: 259px;
    }

    .en{
        margin-left: 0px;
    }

    p.vis-en{
        margin-left: 12%;
    }

    p.home{
        margin-bottom: 30px;
        width: 75%;
        text-align: center;
        margin-left: 12%;
    }

    .section-cities div.flex-main-product {
        margin-left: 20%;
    }

    .back-button{
        margin-left: 36%;
    }

    .back-catalog{
        margin-left: 40%;
    }

    .back-sub{
        margin-left: 37%;
    }

    a.back-button_en{
        margin-left: 40%;
    }

    a.back-sub_en{
        margin-left: 39%;
    }

    a.back-catalog_en{
        margin-top: 40px;
        margin-left: 42%;
    }

    blockquote:before {
        top: 0px;
        left: 165px;
    }

    blockquote:after {
        top: 0px;
        left: 590px;
    }

    blockquote.mis:before {
        top: 0px;
        left: 135px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 615px;
    }

    blockquote.quote-en:before {
        top: 0px;
        left: 110px;
    }

    blockquote.quote-en:after {
        top: 0px;
        left: 645px;
    }

    blockquote.quote-en.mis-en:before {
        top: 0px;
        left: 200px;
    }

    blockquote.quote-en.mis-en:after {
        top: 0px;
        left: 550px;
    }

    .section-cities div.row div.box-product {
        height: 70vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 75vh;
    }

    .section-cities div.row div.box h3.main-product-h3{
        margin-top: 60%;
    }

    .section-cities div.row div.box h3.main-product-h3.product-h3-en{
        margin-top: 60%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3{
        margin-top: 65%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3-en{
        margin-top: 65%;
    }

    table{
        margin: 0px;
        margin-top: 20px;
    }

    table th, table td {
        padding: 10px 8px;
    }

    .download{
        width: 100%;
        margin: 80px 0px;
        margin-bottom: 40px;
    }

    .download-flex span {

        padding: 1%;
        width: 50%;
    }

    img.download-file {
        width: 10%;
        height: auto;
    }

    .section-blog div.row div.blog-content img {
        width: 600px;
        height: auto;
    }

    .product-detail-cms p{
        margin-left: 5px;
    }

    .product-detail-cms ul{
        margin-left: 10px;
    }
    

}

@media only screen and (max-width:768px){
    ul.main-nav.en{
        margin-left: 10px;
    }

    ul.main-nav.en li{
        margin-left: 25px;
    }

    .section-cities div.flex-product {
        display: flex;
        flex-wrap: wrap;
        margin-left: 27%;
    }

    a.back-catalog_en {
        margin-top: 40px;
        margin-left: 40%;
    }

    .box_about{
        margin-top: 0px;
    }

    .box_pic{
        margin-top: 20px;
    }
    
    html,
    body{
        font-weight: 300;
        font-size: 12px;
    }

    body.th {
        font-weight: 300;
        font-size: 12px;
    }

    .hero-text-box{
        width: 768px;
    }

    .item-flex-home{
        flex-wrap: wrap;
        padding-top: 0px;
    }
    
    .list-home-flex{
        flex-basis: calc(40%);
        justify-content: space-between;
        margin: 40px 25px 0px 40px;
    }

    .btn-flex-home {
        margin: 120px 0px 20px 40px;
        margin-right: 50px !important;
        text-align: center;
        padding: 10px !important; 
    }

    table{
        margin: 0px;
    }

    .logo{
        height: 80px;
        margin-left: 20px;
    }

    .main-nav {
        margin-left: 0px;
        margin-bottom: 5px;
    }
    .main-nav li a:link, .main-nav li a:visited {
        padding: 0px;
    }

    .contact-navs{
        margin-right: 10px;
    }

    .long-copy {
        width: 50%;
        margin-left: 25%;
    }

    .section-features p.vis{
        width: 100%;
        margin-left: 1%;
    }

    .section-features p.vis-en{
        width: 100%;
        margin-left: 1%;
    }

    blockquote:before {
        top: 0px;
        left: 75px;
    }

    blockquote:after {
        top: 0px;
        left: 445px;
    }

    blockquote.mis:before {
        top: 0px;
        left: 45px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 475px;
    }

    blockquote.quote-en:before {
        top: 0px;
        left: 35px;
    }

    blockquote.quote-en:after {
        top: 0px;
        left: 485px;
    }

    blockquote.quote-en.mis-en:before {
        top: 0px;
        left: 95px;
    }

    blockquote.quote-en.mis-en:after {
        top: 0px;
        left: 425px;
    }


    div.pic-flex img{
        width: 180px;
    }

    

    .en li{
        margin-left: 30px;
    }

    .box p {
        font-size: 80%;
        margin-left: 40px;
    }

    .section-blog-home div.row div.box {
        margin: 15px;
    }

    .box p {
        font-size: 80%;
        margin-right: 60px;
        margin-left: 20px;
        margin-bottom: 10px;
        width: 100%;
    }

    .info1 div.box img{
        width: 250px;
    }
    .steps-box:first-child {
        text-align: right;
        padding-right: 3%;
        margin-top: 0px;
    }

    
    .info1 div.box img.office-img{
        width: 250px;
    }

    /* .section-cities div.row div.subProduct h3 {
        color: #547ca4;
        font-size: 60%;
        font-weight: 600;
        margin-top: 10%;
        margin-right: 0px;
    } */
    .info1 div.box img {
        margin: 0px; 
    }

    .info1 div.box img.zinc-prduct {
        margin-left: 20%;
    }

    .info1 div.box img {
        width: 130px;
    }

    .section-cities div.row div.box-product {
        height: 70vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 75vh;
    }
    .submit-product{
        margin-left: 0px;
    }

    .product-p{
        margin-bottom: 10px;
    }

    .section-blog div.row div.box {
        margin-left: 20px;
    }

    .box p {
        margin-right: 10px;
        margin-left: 5px;
    }

    .contact-img {
        height: 180px;
    }
    .contact-map {
        width: 630px;
        height: 300px;
    }

    .section-blog div.row img.head-blog-image{
        width: 400px;
        height: auto;
        margin-left: 20%;
    }

    .section-blog div.row div.blog-content{
        margin: 40px 100px;
        line-height: 40px;
    }
    
    
    
    .section-blog div.row div.blog-content h1{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-size: 180%;
        font-weight: 350;
        word-spacing: 4px;
        letter-spacing: 1px;
    }
    
    .section-blog div.row div.blog-content h2{
        font-size: 130%;
        margin: 10px 0;
        text-align: start;
    }
    .section-blog div.row div.blog-content h2:after{
        content: none;
    }
    
    .section-blog div.row div.blog-content h3{
        color: #000;
        font-size: 100%;
    }

    .accordion {
        width: 70%;
      }

    .accordion-item-body-content{
        margin: 40px 50px;
        line-height: 30px;
    }
    
    
    
    .accordion-item-body-content li{
        margin-left: 40px;
    }

    .btnMetal{
        left:82%;
        top:15%;
    }
    .content-table{
        left: 50%;
        top: 20%;
        width: 30%;
    }



    table th, table td {
        padding: 5px 6px;
    }



    .section-cities div.row div.subProduct{
        margin: 10px 0 40px 40px;
    }

    .info1 div.box img.subproduct-image{
        width: 190px;
        height: 179px;
        margin-top: 20px;
    }

    .long-copy {
        width: 80%;
        margin-left: 10%;
    }

    .section-cities div.flex-main-product {
        margin-left: 10%;
    }

    .back-button{
        margin-left: 34%;
    }
    .back-catalog{
        margin-left: 38%;
    }

    .back-sub{
        margin-left: 32%;
    }

    .section-blog div.row div.blog-content img {
        width: 500px;
    }

    .section-blog div.row div.box a {
        width: 18%;
    }

    .section-cities div.row div.box h3.main-product-h3{
        margin-top: 50%;
    }

    .section-cities div.row div.box h3.main-product-h3.product-h3-en{
        margin-top: 50%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3{
        margin-top: 55%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3-en{
        margin-top: 55%;
    }

    .download{
        width: 100%;
        margin: 80px 0px;
        margin-bottom: 40px;
    }

    .download-flex span {

        padding: 2%;
        width: 50%;
    }

    img.download-file {
        width: 9%;
        height: auto;
    }

    div.list-waste img {
        width: 350px;
        height: auto;
    }

    div.list-waste ul {
        font-size: 120%;
    }

    .waste-h5 {
        font-size: 120%;
        margin-top: 5%;
        margin-left: 10%;
    }

    a.back-sub_en{
        margin-left: 35%;
    }


    
    
}


@media screen and (max-width: 425px) {
    html,
    body{
        font-weight: 300;
        font-size: 10px;
    }

    h2{
        font-size: 210%;
    }

    .box h3.h3-home{
        font-size: 190%;
        text-decoration: none;
    }

    .box_pic{
        margin-top: 0px;
    }

    .box p.p-home{
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 135%;
        line-height: 25px;
        margin-left: 30px;
    }

    body.th {
        font-weight: 300;
        font-size: 10px;
    }

    .hero-text-box{
        width: 400px;
        top: 50%;
    }


    


    .your{
        margin-top: 10%; 
        margin-right:0px;
        margin-bottom: 0;
    }
    

    .logo{
        height: 80px;
        margin-left: 20px;
    }

    .main-nav {
        display: none;
    }
    .main-nav-res {
        display: none;
        position: sticky;
        float: none;
        margin-top: 0;
        margin-right: 40px;
        text-align: center;
        z-index: 9999;
    }

    
    .main-nav-res li {
        margin-top: 10px;
        z-index: 9999;
    }

    .main-nav-res li:after{
        display: block;
        height: 3px;
        background-color: #030d2d;
        content: " ";
        width: 100px;
        margin: 10px auto;
    }

    .main-nav-res li a:link,
    .main-nav-res li a:visited{
        padding: 8px;
        color: #00174d;
        text-decoration: none;
        text-transform: uppercase;
        font-size:170%;
        font-weight: 800;
        border-bottom: 1.5px solid transparent;
        transition: border-bottom 0.4s
    }

    .contact-navs{
        margin-right: 10px;
    }

    .btn-full:link, .btn-full:visited, input[type=submit] {
        margin-right: 0px;
    }

    .long-copy {
        font-size: 150%;
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }

    .section-features p.vis {
        font-size: 150%;
        margin-left: 0%;
        text-align: center;
    }

    .section-features .long-copy{
        font-size: 150%;
        width: 100%;
        margin-left: 0px;
    }

    blockquote:before{
        top: 5px;
        left: -20px;
    }
    blockquote:after{
        top: 5px;
        left: 190px;
    }

    blockquote.mis:before {
        top: 0px;
        left: -20px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 190px;
    }

    blockquote.quote-en:before{
        top: 5px;
        left: -20px;
    }
    blockquote.quote-en:after{
        top: 5px;
        left: 190px;
    }

    blockquote.quote-en.mis-en:before {
        top: 5px;
        left: -20px;
    }

    blockquote.quote-en.mis-en:after {
        top: 5px;
        left: 190px;
    }

    div.pic-flex {
        justify-content: center;
    }

    div.pic-flex img{
        width: 300px;
        margin-top: 20px;
    }

    .icon-home {
        font-size: 680%;
    }

    .section-cities div.row div.box {
        margin-top: 40px;
    }

    .section-blog-home div.row div.box {
        margin: 15px;
    }

    .box p.detail-main-product{
        margin-left: 40px;
    }


    .box p {
        font-size: 80%;
        margin-left: 0px;
        margin-bottom: 10px;
        width: 80%;
    }

    table {
        margin: 0px;
    }

    .content-table th, .content-table td {
        padding: 12px 5px;
    }

    .section-blog-home div.row div.box {
        margin-left: 28%;
    }

    .blog div.box p {
        margin-left: 20px;
        width: 80%;
    }

    .contact-form {
        width: 80%;
    }
    
    .contact-form div.row div.span-1-of-3{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .submit-tell{
        margin-left: 50px;
    }

    .steps-box:first-child {
        text-align: right;
        padding-right: 3%;
        margin-top: 0px;
    }

    .section-cities div.row div.box-product {
        height: 48vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 50vh;
    }

    .product-p{
        margin-bottom: 10px;
    }

    .section-blog div.row div.box {
        width: 100%;
        margin-top: 40px;
        margin-left: 0px;
    }

    .works-step div {
        height: 35px;
        width: 35px;
    }


    .contact-img {
        width: 200%;
        height: 180px;
    }

    div.contact-flex{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    

    a.back-button_en{
        margin-left: 30%;
    }

    a.back-sub_en{
        margin-left: 29%;
    }

    a.back-catalog_en{
        margin-left: 31%;
    }

    div.row.contact-flex{
        margin: 20px 0px;
    }
    .span-1-of-2.contact{
        width: 50%;
    }

    .section-blog-home div.row div.box {
        width: 80%;
    }
    .section-blog-home div.row div.box {
        margin-left: 10%;
    }
    .section-blog-home div.row div.box a {
        margin-bottom: 10px;
    }

    .section-blog div.row div.box a {
        width: 14%;
    }
    
    .section-blog div.row div.box img {
        width: 25%;
        height: auto;
        margin-bottom: 15px;
        opacity: 0.7;
        transform: scale(1.0);
        transition: transform 0.5s,opacity 0.5s;
    }

    .box h3{
        margin-left: 0px;
        margin-top: 20px;
        text-decoration: underline;
    }


    .item-flex-home{
        flex-wrap: wrap;
        padding-top: 0px;
    }
    
    .list-home-flex{
        flex-basis: calc(100%);
        justify-content: space-between;
        margin: 40px 40px 0px 40px;
    }

    .btn-flex-home {
        margin: 60px 0px 20px 40px;
        margin-right: 50px !important;
        text-align: center;
        padding: 10px !important; 
    }
    


    .box ul{
        margin-left: 125px;
    }

    footer{
        font-size: 150%;
    }

    .social-links .contact-foot {
        font-size: 120%;
    }

    .social-links {
        list-style: none;
        float: right;
        width: 120%;
    }

    ul.social-links{
        margin: 40px 0px;
    }

    .flag-foot{
        display: none;
    }

    footer p {
        color: #fff;
        text-align: center;
        margin-top: 0px;
        width: 100%;
    }
  



    .info1 div.box img.zinc-prduct {
        margin-left: 0%;
        margin-right: 30%;
    }


    .row.row-subproduct{
        margin: 0 0px;
    }
    .row.info1{
        margin: 20px 5px;
    }

    .info1 div.box img {
        width: 150px;
        margin-left: 125px;
        margin-top: 10px;
    }

    .info1 div.box img.office-img {
        margin-left: 0px;
    }

    .info1 div.box img.office-img {
        width: 340px;
    }

    .box ul.about-list {
        margin-left: 50px;
        font-size: 140%;
    }


    .responsive-menu{
        display: block;
    }


    

    .contact-map {
        width: 290px;
    }

    .info1 div.box img.img-brands {
        margin-left: 50px;
    }

    .section-blog div.row img.head-blog-image{
        width: 300px;
        height: auto;
        margin: 0 6%;
    }

    .section-blog div.row div.blog-content{
        margin: 40px 20px;
        line-height: 35px;
        font-size: 140%;
    }
    
    
    
    .section-blog div.row div.blog-content h1{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-size: 180%;
        font-weight: 350;
        word-spacing: 4px;
        letter-spacing: 1px;
    }
    
    .section-blog div.row div.blog-content h2{
        font-size: 130%;
        margin: 10px 0;
        text-align: start;
    }
    .section-blog div.row div.blog-content h2:after{
        content: none;
    }
    
    .section-blog div.row div.blog-content h3{
        color: #000;
        font-size: 100%;
    }

    .section-blog div.row div.blog-content li{
        margin-left: 40px;
    }

    .accordion {
        width: 100%;
    }

    .accordion-item-body-content{
        margin: 40px 40px;
        line-height: 20px;
    }
    
    .accordion-item-body-content h3{
        color: #000;
        font-size: 120%;
        height: 40px;
    }

    .accordion-item-body-content li{
        margin-left: 30px;
    }
    .section-cities div.row div.subProduct{
        margin: 10px 0 20px 20px;
    }

    .info1 div.box img.subproduct-image{
        width: 140px;
        height: 129px;
        margin-left: 90px;
    }

    .section-blog div.row div.blog-content img {
        width: 300px;
        height: auto;
    }

    .btnMetal{
        top:50%;
        left: 40%;
    }

    

    .content-table{
        left: 8%;
        top: 55%;
        width: 50%;
    }
    .back-button{
        margin-left: 22%;
    }
    .section-cities div.flex-product {
        margin-left: 12%;
    }

    .back-catalog{
        margin-left: 28%;
    }

    .back-sub{
        margin-left: 26%;
    }
    
    table{
        font-size: 0.5em;
    }
    .info1 div.box img.brands-img{
        margin-left: 0;
    }
    .flex-brands{
        flex-direction: column;
        margin-left: 28%;
    }

    .section-blog div.row div.box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        text-align: left;
        width: 100%;
       
    }

    .section-blog div.row div.box img {
        width: 100%;
        height: auto;
    }

    .section-blog div.row div.box div.blog-detail {
        margin-top: 0px;
        flex-wrap: wrap;
        width: 100%;
        font-size: 150%;
    }
    .section-blog div.row div.box div.blog-detail a{
        width: fit-content;
        position: absolute;
        left: 32%;
        top: 89%;
    }


    .section-blog div.row div.box a {
        width: 35%;
    }

    .section-blog div.row div.box div.blog-detail h3{
        text-decoration: none;
    }
    .section-blog div.row div.blog-content a{
        padding: 0px 40px;
        margin-left: 25%;
    }

    .download{
        width: 100%;
        margin: 0px 0px;
        margin-bottom: 40px;
    }

    
    table th, table td {
        padding: 10px 0px;
    }

    .product-detail-cms{
        font-size: 150%;
    }

    

    .download-flex span {
        
        padding: 2%;
        width: 100%;
    }
    .box h3.product-brands-h3 {
        margin-left: 32%;
        margin-top: 20px;
        text-decoration: underline;
    }

    .flex-brands {
        flex-direction: column;
        margin-left: 28%;
    }

    .info1 div.box img {
        width: 150px;
        margin-left: 25%;
        margin-top: 10px;
    }
    .box ul {
        margin-left: 15%;
    }

    .subProduct h3{
        text-decoration: none;
    }

    .section-blog div.row div.box div.blog-detail a.btn-blog-en{
        left:30%
    }

    h2.h2-blog_en{
        font-size: 120%;
        font-weight: 800;
    }

    div.list-waste{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    

    div.list-waste img {
        width: 100%;
        height: auto;
        
    }

    div.list-waste ul {
        font-size: 160%;
    }

    .waste-h5 {
        font-size: 100%;
        margin-top: 5%;
        margin-left: 10%;
    }

    .about-list-item-text{
        margin: 20px 0px 20px 0px !important;
    }

    @keyframes MoveUpDown2 {
        0%{
          top: 0%;
        }
        50%,100% {
          top: 50%;
        }
    }
  
    
}

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

    h2 {
        font-size: 210%;
    }

    .download{
        width: 100%;
        margin: 100px 0px;
        margin-bottom: 40px;
    }

    .box ul {
        margin-left: 125px;
    }
    
    .box h3.product-brands-h3 {
        margin-left: 40px;
        margin-top: 20px;
        text-decoration: underline;
    }

    .box p.p-home{
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 140%;
        line-height: 25px;
    }

    .flex-brands {
        flex-direction: column;
        margin-left: 28%;
    }

    .hero-text-box {
        width: 350px;
        font-size: 80%;
        top: 50%;
    }

    

    .logo {
        height: 80px;
        margin-left: 40px;
    }
    .box p {
        margin-left: 40px;
        width: 80%;
    }

    
    table {
        margin: 0px;
    }
    .box h3{
        margin-left: 0px;
        margin-top: 20px;
        text-decoration: underline;
    }

    .box h3.product-brands-h3 {
        margin-left: 120px;
    }

    .box ul{
        margin-left: 100px;
    }
    .long-copy {
        font-style: 100%;
        width: 100%;
        margin-left: 5%;
    }
    .section-blog-home div.row div.box {
        width: 80%;
    }
    .section-blog-home div.row div.box {
        margin-left: 10%;
    }
    .section-blog-home div.row div.box a {
        margin-bottom: 10px;
    }
    .submit-tell {
        margin-left: 25px;
    }

    

    .info1 div.box img.office-img {
        width: 290px;
    }

    .about-list-item-text{
        margin: 20px 0px 20px 0px !important;
    }

    .section-cities div.row div.subProduct h3 {
        margin-top: 0%;
    }

    .section-cities div.row div.subProduct a {
        margin-bottom: 5%;
    }

    
    .section-cities div.row div.box h3 {
        margin-top: 10px;
        margin-left: 0px;
    }

    .section-cities div.row div.box h3.main-product-h3{
        margin-top: 48%;
    }

    .section-cities div.row div.box h3.main-product-h3.product-h3-en{
        margin-top: 50%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3{
        margin-top: 68%;
    }

    .section-cities div.row div.box h3.main-product-h3.sub-h3-en{
        margin-top: 68%;
    }

    .section-cities div.row div.box-product {
        height: 45vh;
    }

    .section-cities div.row div.box-product:hover {
        height: 50vh;
    }

    .section-cities div.row div.box-product p{
        margin-left: 20%;
        width: 60%;
    }
    
    .span-1-of-2.contact{
        width: 50%;
    }

    footer {
        padding: 30px;
    }

    ul.social-links {
        margin: 20px;
    }

    footer p{
        margin-left: 0px;
    }

    span.contact-p-foot li{
        font-size: 90%;
        margin-top: 5px;
    }

    .span-1-of-2.foot{
        width: 50%;
    }
    .contact-map {
        width: 230px;
    }

    .contact-img {
        width: 210%;
        height: 180px;
    }

    .row.box{
        margin: 0 0;
    }
    .info1 div.box img.zinc-prduct {
        margin-left: 5%;
    }

    .info1 div.box img {
        width: 150px;
        margin-left: 100px;
    }

    .social-links li{
        margin-left: 70px;
    }

    .info1 div.box img.img-brands {
        margin-left: 65px;
    }

    

    .info1 div.box img.office-img {
        margin-left: 0px;
    }

    .info1 div.box img.brands-img{
        margin-left: 0;
    }

    .flex-brands{
        flex-direction: column;
        margin-left: 28%;
    }
    

    .box ul.about-list {
        font-size: 140%;
        margin-left: 40px;
    }

    .section-blog div.row img.head-blog-image{
        width: 300px;
        height: auto;
        margin: 0 1%;
    }

    .btnMetal{
        top:50%;
        left: 40%;
    }

    

    .content-table{
        left: 8%;
        top: 52%;
        width: 50%;
    }

    table th, table td {
        padding: 10px 0px;
    }

    .product-detail-cms{
        font-size: 150%;
    }

    .download-flex span {
        
        padding: 2%;
        width: 100%;
    }
    .box h5.product-brands-h5 {
        font-size: 100%;
        margin-right: 25px;
        margin-top: 20px;
    }

   
    

    .info1 div.box img.subproduct-image{
        width: 150px;
        height: 150px;
        margin-left: 105px;
    }


    .box h5.product-detail-h5 {
        margin-left: 0px;
    }

    .download{
        width: 100%;
        margin: 100px 0px;
        margin-bottom: 40px;
    }

    .section-blog div.row div.box img {
        width: 100%;
        height: auto;
    }

    .section-blog div.row div.blog-content img {
        width: 250px;
        height: auto;
    }


    .back-button{
        margin-left: 25%;
    }

    .back-catalog{
        margin-left: 32%;
    }

    .section-cities div.row div.subProduct h3 {
        text-decoration: none;
        margin-top: 15%;
    }
    
    .back-sub{
        margin-left: 29%;
    }

    .back-sub_en{
        margin-left: 30%;
    }

    .section-blog div.row div.box div.blog-detail a{
        width: fit-content;
        position: absolute;
        left: 28%;
        top: 90%;
        font-size: 80%;
    }

    .section-blog div.row div.box div.blog-detail{
        font-size: 140%;
        width: 100%;
    }

    .section-features p.vis-en {
        margin-left: 15px;
        width: 80%;
    }


    blockquote:before{
        top: 5px;
        left: -20px;
    }
    blockquote:after{
        top: 5px;
        left: 140px;
    }

    blockquote.mis:before {
        top: 0px;
        left: -20px;
    }

    blockquote.mis:after {
        top: 0px;
        left: 140px;
    }
    
   
    blockquote.quote-en:before{
        top: 5px;
        left: -10px;
    }
    blockquote.quote-en:after{
        top: 5px;
        left: 130px;
    }

    blockquote.quote-en.mis-en:before {
        top: 5px;
        left: -10px;
    }

    blockquote.quote-en.mis-en:after {
        top: 5px;
        left: 130px;
    }

    h2.h2-blog_en{
        font-size: 100%;
        font-weight: 800;
    }

    .section-blog div.row div.blog-content a {
        width: fit-content;
        margin-left: 20%;
        padding: 0px 40px;
    }

    div.contact-flex{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    div.row.contact-flex{
        margin: 20px 0px;
    }

    a.back-button_en{
        margin-left: 31%;
    }

    a.back-sub_en{
        margin-left: 32%;
    }

    a.back-catalog_en{
        margin-left: 36%;
    }

    .product-detail-cms ul{
        margin-left: 15%;
    }

    @keyframes MoveUpDown2 {
        0%{
          top: 0%;
        }
        50%,100% {
          top: 50%;
        }
    }

   
}