@media only screen and (max-width: 1350px) {
    
}
@media only screen and (max-width: 1250px) {
    .contenShowProduct .itemBoxSlideProduct {
        width: calc((100% / 2) - 40px);
        margin: 0 9px 30px;
    }
}
@media only screen and (max-width: 1200px) {
    .contentMenuTop .ItemMenu {
        font-size: 12px;
    }

}
@media only screen and (max-width: 1150px) {
    .textStep {
        font-size: 12px;
    }
}
@media only screen and (max-width: 1100px) {
    .SliderNewsLetter .col2 {
        width: calc(50% - 10px);
    }
    .SliderNewsLetter .col1 {
        width: calc(50% - 10px);
    }
}
@media only screen and (max-width: 1022px) {
    .contentMain {
        margin-top: 250px;
    }
}
@media only screen and (max-width: 980px) {
    .TextContentBoxNews {
        font-size: 12px;
    }
    .TextBoxNews h2.titleBoxNews {
        font-size: 14px;
    }
    .contenShowProduct .itemBoxSlideProduct {
        width: calc((100% / 2) - 40px);
    }
    .contentGallery .boxGall {
        width: calc((100% / 3) - 20px);
    }
    header.innerHeader {
        height: 17vw;
    }
    .contentNewsLetterDownload .BoxNewsLetter {
        height: calc(22vw - 10px);
    }
    .ItemSlideArticleHome {
        height: 40vw;
    }
}
@media only screen and (max-width: 890px) {
    .PropertiesProductDet .col {
        width: 100%;
    }
    .contentDetailProd .col1 , .contentDetailProd .col2 {
        position: relative;
        width: 100%;
    }
    .ContentNewsList .itemBoxNews {
        width: calc(100% - 40px);
    }
    .TextBoxNews h2.titleBoxNews {
        font-size: 16px;
    }
    .TextContentBoxNews {
        font-size: 14px;
    }
    .itemBoxNews .picBoxNews:before {
        padding-top: 80%;
    }
    .itemboxactivity {
        width: calc((100% / 2) - 10px);
        margin: 5px;
    }
    .itemboxactivity .textActivityBox {
        font-size: 20px;
        transition: all 1s;
    }
    .contentBoxProductHome .col1 {
        width: 100%;
    }
    .contentBoxProductHome .boxDiscountHome.bxvertical:before {
        padding-top: 70%;
    }
    .boxDiscountHome.bxvertical img.picBxDic {
        width: 50%;
        margin: auto;
    }
    .boxDiscountHome.bxvertical .textBoxDiscount h2.titleBcDic {
        font-size: 5vw;
    }
    .boxDiscountHome.bxvertical  .textBoxDiscount h3.titleBcDic {
        font-size: 3vw;
    }
    .boxDiscountHome.bxsquar img.picBxDic {
        width: 60%;
        margin: auto;
    }
    .boxDiscountHome.bxsquar  .textBoxDiscount h2.titleBcDic {
        font-size: 5vw;
    }
    .textBoxDiscount h2.titleBcDic {
        font-size: 3vw;
    }
    .textBoxDiscount h3.titleBcDic {
        font-size: 2vw;
    }
    .boxDiscountHome.bcdev2 .textBoxDiscount {
        right: 1vw;
        bottom: 1vw;
    }
    
    .boxDiscountHome.bxsquar .textBoxDiscount {
        top: 3vw;
        right: 3vw;
    }
    .contentBoxProductHome .boxDiscountHome.bxsquar:before {
        padding-top: calc(60% - 8px);
    }
    .contentBoxProductHome .col2 {
        width: 100%;
    }
    .row2Col , .SliderNewsLetter {
        flex-wrap: wrap;
    }
    .row2Col .boxDiscountHome.bcdev2 {
        position: relative;
        width: 100%;
    }
    .contentBoxProductHome .boxDiscountHome.bxhoriz:before {
        padding-top: 35%;
    }
    .SliderNewsLetter .col1  , .SliderNewsLetter .col2 {
        width: 100%;
    }
    .BoxNewsLetter img.picNewsLetter {
        width: 32vw;
    }
    .BoxNewsLetter h2.titleNewsLetter {
        font-size: 3vw;
    }
    .BoxNewsLetter h3.subtitleNewsLetter {
        font-size: 3vw;
    }
    .contentNewsLetterDownload .BoxNewsLetter {
        height: calc(26vw - 10px);
    }
    .BoxNewsLetter .boxInputNewsletter {
        left:auto;
        right: 1vw;
    }
    .contentNewsLetterDownload .boxCatalog {
        height: 30vw;
    }
}
@media only screen and (max-width: 768px) {
    .sidebar .ContentSideBar span.ItemMenu .submenuNav {
        overflow: hidden;
        display:none;
    }
    .sidebar .ContentSideBar .submenuNav {
        top: 0px;
    }
    .ItemSlideDetProd {
        height: 65vw;
    }
    nav.navbar .topLine {
        display: none;
    }

    .contenShowProduct .itemBoxSlideProduct {
        width: calc(100% - 40px);
    }
    .contentGallery .boxGall {
        width: calc((100% / 2) - 20px);
    }
    .contact3Box {
        justify-content: space-around;
    }
    .contact3Box .itemBoxContact {
        width: calc((100% / 2) - 20px);
        margin: 10px;
    }
    header.innerHeader {
        height: 25vw;
    }
    .ItemSlideArticleHome {
        height: 60vw;
    }
    .contentMain {
        margin-top: 255px;
    }
    section.sectionSlider .itemSlide {
        height: 36vw;
    }
    .contactFormMap {
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% - 20px);
        padding: 10px;
    }
    .contactFormMap .col1, .contactFormMap .col2 {
        position: relative;
        width: calc(100% - 10px);
        margin: 10px 0;
    }
    .js-map.mapboxgl-map {
        min-height: 45vw;
    }
    .contentUnits .itemUnit h2.titleUnit {
        width: calc(100% - 20px);
    }
    .contentMain {
        margin-top: 215px;
    }
}
@media only screen and (max-width: 680px) {

    .contentCustomer .row {
        flex-wrap: wrap;
    }
    .contentCustomer .row .col2 {
        width: 100%;
        margin: 0 0 10px;
    }
    .boxinput {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .boxinput input, .boxinput select, .boxinput textarea {
        width: 100%;
        max-width: 100%;
    }
    .contentCustomer .row .boxinput label {
        height: 25px;
        text-align: right;
    }
    .showCMs .itemCm {
        flex-wrap: wrap;
    }
    .ContentTextCM {
        text-align: justify;
    }
    .ShareBar {
        justify-content: space-around;
        flex-wrap: wrap-reverse;
    }
    .ContentFormCM .boxInput {
        width: 100%;
    }
    
    .itemBoxNews .picBoxNews {
        width: 100%;
    }
    .itemBoxNews .TextBoxNews {
        width: calc(100% - 20px);
    }
    .ContentNewsList .itemBoxNews {
        flex-wrap: wrap;
    }
    .itemBoxNews .picBoxNews:before {
        padding-top: 60%;
    }
    .contentUnits {
        flex-wrap: wrap;
    }
    .contentUnits .itemUnit {
        height: 40vw;
        justify-content: flex-start;
    }
    .contact3Box .itemBoxContact {
        width: calc(100% - 20px);
        margin: 10px;
    }
    .itemboxactivity .textActivityBox {
        font-size: 16px;
    }
    .boxDiscountHome.bcdev2 .textBoxDiscount {
        right: 2vw;
        bottom: 2vw;
    }
    .textBoxDiscount h2.titleBcDic {
        font-size: 5vw;
    }
    .textBoxDiscount h3.titleBcDic {
        font-size: 3vw; 
    }
    .topFooter .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    h2.titleFooter {
        text-align: center;
    }
    .col .LinksFooter a.linkfooter {
        color: #353535;
        text-align: center;
    }
    .topFooter .container .col {
        margin: 0 0 20px;
    }
    .topFooter .container .col::before, .topFooter .container .col1::before {
        display: none;
    }

}
@media only screen and (max-width: 600px) {
    .ContentListProducts {
        flex-wrap: wrap;
    }
    .ContentListProducts .col1 , .ContentListProducts .col2{
        width: 100%;
    }
}
@media only screen and (max-width: 580px) {
    .TextContentBoxNews {
        font-size: 12px;
    }
    .TextBoxNews h2.titleBoxNews {
        font-size: 14px;
    }
    .itemboxactivity {
        width: calc(100% - 10px);
    }
    .itemboxactivity .textActivityBox {
        font-size: 20px;
    }
}
@media only screen and (max-width: 540px) {
    .stepbystep {
        flex-direction: column;
        align-items: center;
        margin: 0 auto 0px;
        padding: 0;
    }
    h4.titlestepe {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 0px 10px -7px #000;
    }
    .StepBasket.show {
        margin: 0px auto;
    }
    .stepe {
        margin: 0 0 70px;
    }
    button.discountBtn {
        left: -10px;
    }
    input.dicountInput {
        border-left: 0;
    }
    .contentGallery .boxGall { 
        width: calc(100% - 20px);
    }
    .stepbystep:before {
        height: calc(100% - 250px);
        width: 4px;
        bottom: 0;
        top: 0;
        margin: auto;
        left: 0;
        right: 0;
    }
    .stepbystep:after {
        left: 0;
        right: 0;
        top: 30px;
        width: 4px !important;
        bottom: auto;
    }
    .stepbystep.s1:after {
        height: calc(15% - 50px);
    }

    .stepbystep.s2:after {
        height: calc(40% - 50px);
    }

    .stepbystep.s3:after {
        height: calc(60% - 50px);
    }

    .stepbystep.s4:after {
        height: calc(100% - 50px);
    }
    .contentCompare .col1 h2.titleSection span {
        font-size: 12px;
    }
    .contentCompare .col1 {
        width: 180px;
    }
    .contentCompare .col2 {
        width: calc(100% - 180px);
    }
    .BoxNewsLetter img.picNewsLetter {
        position: relative;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 10px;
    }
    .contentNewsLetterDownload .BoxNewsLetter {
        height: auto;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .BoxNewsLetter .TextNewsLetter {
        position: relative !important;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 10px;
    }
    .BoxNewsLetter .boxInputNewsletter {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 10px;
    }
}
@media only screen and (max-width: 480px) {
    .propAbstract .itemProp {
        font-size: 14px;
    }
    .rowPrice .realPrice {
        width: 100%;
    }
    .rowButtonDetailProd .right {
        min-height: 50px;
        height: auto;
        width: 100%;
        justify-content: center;
    }
    .rowButtonDetailProd .left {
        width: 100%;
        justify-content: center;
    }
    .titlePage {
        justify-content: space-around;
    }
    .amountInput .frmInputBox {
        width: 100% !important;
    }
    .textCm {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .showCMs .itemCm {
        justify-content: center;
    }
    .RowButton {
        position: relative;
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }
    header.innerHeader {
        height: 35vw;
    }
    .contentNewsLetterDownload .boxCatalog {
        height: 50vw;
    }
}
@media only screen and (max-width: 420px) {
    .itemPropComp {
        font-size: 12px;
        text-align: center;
    }
    .contentCompare .col1 h2.titleSection span {
        font-size: 10px;
    }
    .contentCompare .col1 {
        width: 100px;
    }
    .contentCompare .col2 {
        width: calc(100% - 100px);
    }
    
    .itemboxactivity .textActivityBox {
        font-size: 16px;
    }
    .picsNamad {
        flex-wrap: wrap;
    }
    .picsNamad .ItemNamad {
        position: relative;
        width: calc((100%) - 40px );
        display: flex;
        align-items: center;
        margin: 10px auto;
        justify-content: center;
    }
    .downFooter .container {
        flex-direction: column;
    }
}
@media only screen and (max-width: 360px) {
    
}
@media only screen and (max-width: 320px) {
    
}