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

@media only screen and (max-width: 1700px) {
    .contentAdvantage .contentSlider {
        margin-right: 1vw;
    }

    .contentAdvantage i.border:before {
        width: 79%;
    }
}

@media only screen and (max-width: 1500px) {
    .contentAdvantage i.border:before {
        width: 78%;
    }
}

@media only screen and (max-width: 1350px) {
    section.secAbouthome .videDetails {
        width: 35vw;
    }

    .itemProduct .container {
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1300px) {
    div.frmSendCM input, div.frmSendCM select, div.frmSendCM textarea {
        height: 40px;
    }

    input, button, select, textarea {
        font-size: 14px;
    }

    .textFAQ .container .col .caption {
        font-size: 12px;
    }

    nav.navbar .topNavbar {
        min-height: 40px;
        max-height: 40px;
    }

    .mainNavbar {
        min-height: 80px;
        max-height: 80px;
    }

    .contentMain {
        margin-top: 84px;
    }


    nav.navbar .topNavbar a.itemTopNav {
        position: relative;
        padding: 0 0 0 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    nav.navbar .topNavbar a.socicon {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .mainmenu {
        height: 80px;
    }

    nav.navbar .topNavbar .container {
        min-height: 40px;
    }

    .btnflower {
        width: 150px;
        height: 35px;
        font-size: 12px;
    }

    .searchBox input {
        font-size: 12px;
    }

    .searchBox {
        width: 120px;
        height: 35px;
        font-size: 12px;
    }

        .searchBox button.btnSearch {
            height: 35px;
            width: 35px;
            font-size: 16px;
        }

    .languages {
        height: 35px;
        font-size: 14px;
        width: 50px;
    }

    .btnflower:before {
        width: 150px;
        height: 14px;
        bottom: -9px;
    }

    .itemSliderOne .contentSliderOne .contextSliderone .rowBtns {
        height: 40px;
    }

    .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        font-size: 26px;
    }

    .itemSliderOne .contentSliderOne .contextSliderone .caption {
        font-size: 12px;
    }

    .itemBlog .caption {
        font-size: 12px;
    }

    .itemBlog h3.titleitemBlog {
        width: 100%;
        height: 40px;
        font-size: 16px;
    }

    html, body {
        font-size: 14px;
    }

    a {
        font-size: 14px;
    }

    .contentAdvantage i.border:before {
        width: 77%;
    }

    section.secAbouthome .contentAboutHome .contextAboutHome {
        width: 44vw;
    }

    section.secAbouthome .videDetails {
        width: 32vw;
    }

    .contentAdvantage .contextAdvantage {
        position: relative;
        width: 280px;
    }

    .contentAdvantage .contentSlider {
        position: relative;
        width: calc(100% - 330px);
        margin-right: 20px;
        box-shadow: 6px 6px 0px 2px rgb(0 0 0 / 30%);
    }

    .contentAdvantage .contextAdvantage h2.title {
        position: relative;
        width: 100%;
        font-size: 16px;
        color: #9ed752;
        font-family: 'XEROSANSBLACK';
        height: 40px;
        padding: 0 40px 0 10px;
        margin: 0;
    }

    .linksAdv a.linkadv {
        position: relative;
        height: 35px;
        display: flex;
        align-items: center;
        padding: 0 40px 0 10px;
        background: linear-gradient(-90deg, transparent, transparent);
        border-radius: 40px;
        margin: 1px 0;
        font-size: 12px;
        color: #fff;
    }
}

@media only screen and (max-width: 1240px) {
    .itemnews .text {
        font-size: 12px;
    }
    .NewsListContent {
        grid-template-columns: repeat(3,1fr);
    }
}
@media only screen and (max-width: 1180px) {
    .contentAdvantage i.border:before {
        width: 75%;
    }
}

@media only screen and (max-width: 1120px) {
    .contentAdvantage i.border:before {
        width: 73%;
    }

    section.secAbouthome .contentAboutHome .contextAboutHome .caption {
        padding-left: 20px;
    }

    section.secAbouthome .contentAboutHome .contextAboutHome .rowBtns {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1100px) {
    .contentAdvantage i.border:before {
        width: 72%;
    }

    .sharePost {
        width: 100%;
        margin: 10px 0;
    }

    .catalogShare {
        justify-content: space-around;
    }

    .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        font-size: 2.2vw;
    }

    .itemSliderOne .contentSliderOne .contextSliderone .caption {
        font-size: 1.2vw;
    }
}

@media only screen and (max-width: 1000px) {
    .contentAdvantage i.border:before {
        width: 70%;
    }

    .container {
        width: calc(100% - 5vw);
    }

    section.secAbouthome .videDetails {
        width: 38vw;
    }

    section.secAbouthome:before {
        width: 33%;
    }
}

@media only screen and (max-width: 980px) {
    .sidebar .SubCategoryInNavbar {
        position: relative;
        top: 0;
        display: flex;
    }
    .SubCategoryInNavbar .MegaMenuContent .container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
        .SubCategoryInNavbar .MegaMenuContent .container .col .linksMenuTop {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .SubCategoryInNavbar .MegaMenuContent .container .col {
            width: calc(100% - 20px);
            box-sizing: border-box;
        }
    .sidebar .SubCategoryInNavbar .titleMenuTop {
        height: 30px !important;
        border-radius: 0;
        margin: 0;
        background: #dcdcdc;
    }
    .sidebar .SubCategoryInNavbar a.simplelink {
        background: #ececec;
        width: 100%;
        font-size: 10px;
        height: auto;
        min-height: 20px;
    }
    .sidebar .contentSidebar {
        overflow: auto;
    }
    .sidebar .SubCategoryInNavbar a.simplelink:before {
        font-size: 14px;
    }

    .SubCategoryInNavbar {
        display: none;
    }

    .showSidebar {
        display: flex
    }


    section.secAbouthome .contentAboutHome .contextAboutHome .caption {
        font-size: 12px;
    }

    section.secAbouthome .contentAboutHome .contextAboutHome h2.title {
        font-size: 18px;
    }

    .btnflower {
        width: 150px;
        height: 40px;
        font-size: 12px;
    }

    .contextItemProduct {
        width: 100%;
        padding: 40px 40% 40px 40px;
    }

    .itemProduct:nth-child(even) .contextItemProduct {
        padding: 40px 40px 40px 40%;
    }

    .contextItemProduct .pic {
        width: 40%;
    }

    .contextItemProduct .caption {
        FONT-SIZE: 12PX;
    }

    .contextItemProduct .rowBtns {
        margin-top: 10px;
    }

    .ProductDetailTop .container {
        flex-direction: column-reverse;
        align-items: center;
    }

        .ProductDetailTop .container .col:first-child {
            margin: 100px auto 0;
            width: 100%;
        }

    .contentInfoDetailProd i.border:before {
        width: calc(100% - 25px);
    }

    .contentInfoDetailProd i.border:after {
        width: calc(100% - 25px);
    }

    .contentInfoDetailProd i.border {
        right: 0px;
    }

    .contentInfoDetailProd {
        padding: 50px 40px 0;
    }

    a.otherProduct-detail {
        width: calc(100% - 40px);
        height: 40px;
    }

        a.otherProduct-detail label {
            transform: rotate(0deg);
        }

    .itemNewestNews .context h4.title {
        font-size: 12px;
    }

    a.otherProduct-detail label:before {
        left: 0;
        font-size: 14px;
        right: 120px;
    }

    a.otherProduct-detail label:after {
        left: 120px;
        font-size: 14px;
        right: 0;
    }

    .rowDateCM {
        font-size: 12px;
    }

    .itemNewestNews picture {
        width: 80px;
        height: 100px;
    }

    .itemNewestNews .context {
        width: calc(100% - 80px);
    }

    .downItemNewsLarge .caption {
        font-size: 12px;
    }

    .titleNewsList h2.title {
        font-size: 16px;
    }

    .textFAQ .container {
        flex-direction: column-reverse;
    }

        .textFAQ .container .col {
            width: 100%;
            margin: auto;
        }

            .textFAQ .container .col:nth-child(2) {
                max-width: 800px;
                margin-bottom: 40px;
            }

    .accotdionFAQ {
        padding-left: 30px;
    }

    .textFAQ {
        padding: 30px 0 0;
    }

    section.FAQbox {
        padding: 0 0 20px;
    }

    .secFAQ .contentSecFAQ {
        padding: 20px 0;
    }

    header.headerSmall .container {
        display: grid !important;
        grid-template-areas: "col2 col2" "col1 col3" !important;
        justify-content: unset;
        align-items: unset;
        height: auto;
        padding: 0px 0 10px;
    }

        header.headerSmall .container .breadcrumbs {
            grid-area: col1;
        }

        header.headerSmall .container h1 {
            grid-area: col2;
            justify-content: center;
            height: 50px;
            align-items: center;
        }

        header.headerSmall .container .socialIcons {
            grid-area: col3;
            justify-content: flex-end;
        }

    .mainmenu span.itemmenu.level1 {
        display: none;
    }

    .newsletter .col h5.titleNewsletter {
        font-size: 17px;
        width: 40%;
    }

    .newsletter .col .captionNewsletter {
        width: 60%;
    }
}

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

    .contentAdvantage i.border:before {
        width: 69%;
    }
}

@media only screen and (max-width: 890px) {
    
    .NewsListContent {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .newsContainer .container {
        display: flex;
        flex-direction: column;
    }

        .newsContainer .container .col {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }

    a.adsNews {
        width: calc((100% / 2) - 40px);
        margin: 20px 20px 40px;
        min-width: 280px;
    }

    .topItemNewsLarge .date {
        width: 50px;
        font-size: 10px;
    }

        .topItemNewsLarge .date span {
            font-size: 40px;
            height: 40px;
        }

    .itemboxNews h3.title, .itemNewsQuick h3.title, .itemNewsQuick .caption {
        font-size: 12px;
    }

    .itemDep .right, .itemDep .left {
        width: 35%;
    }

    .rowMapAddr .container {
        flex-direction: column !important;
    }

        .rowMapAddr .container .map, .rowMapAddr .container .addressMap {
            width: 100% !important;
        }

            .rowMapAddr .container .addressMap:before {
                background: #8dc63f url(../img/mapBorder-2-ver.png) no-repeat center top / auto !important;
                height: 27px !important;
                bottom: auto !important;
                top: 0 !important;
            }

            .rowMapAddr .container .addressMap:after {
                background: #02376d url(../img/mapBorder-1-ver.png) no-repeat center top / auto !important;
                height: 27px !important;
                bottom: auto !important;
                top: 0 !important;
            }

    .newsletter .container {
        flex-direction: column;
        align-items: center;
    }

    .newsletter .col {
        flex-direction: column;
        padding: 0 0 10px;
    }

        .newsletter .col h5.titleNewsletter {
            margin: 0;
            text-align: center;
            width: 100%;
        }

        .newsletter .col .captionNewsletter {
            position: relative;
            width: 100%;
            padding: 20px 0px 0 0;
            text-align: center;
        }

            .newsletter .col .captionNewsletter:before {
                position: absolute;
                left: 100%;
                top: 7px;
                bottom: auto;
                width: 80%;
                height: 7px;
                content: '';
                background: #8dc53e;
                margin: 0 auto;
                right: 0;
                left: 0;
            }

            .newsletter .col .captionNewsletter:after {
                position: absolute;
                left: 100%;
                top: 0;
                bottom: auto;
                width: 70%;
                height: 7px;
                content: '';
                background: #bad692;
                margin: 0 auto;
                right: 0;
                left: 0;
            }

    .box-newsletter-input {
        justify-content: center;
    }

    .contentAdvantage {
        flex-direction: column-reverse;
    }

        .contentAdvantage .contentSlider {
            width: 100%;
            margin-right: 10px;
        }

    .itemAdvantage {
        height: 40vw;
    }

    .contentAdvantage .contextAdvantage {
        margin: 30px 0;
        width: auto;
    }

    .contentAdvantage i.border {
        width: calc(100% + 40px);
        height: calc(100% - 200px);
        right: -20px;
    }

        .contentAdvantage i.border i:nth-child(2) {
            display: none;
        }

    .btnsTab button.btntab {
        font-size: 12px;
        height: 40px;
        padding: 0 45px 0 10px;
    }

    .btnsTab {
        display: grid;
        grid-template-columns: repeat(2, 1fr );
    }

        .btnsTab button.btntab i.icon {
            width: 40px;
            height: 40px;
        }

    section.secAbouthome .contentAboutHome {
        display: flex;
        flex-direction: column-reverse;
    }

        section.secAbouthome .contentAboutHome .contextAboutHome {
            background: transparent;
            width: 100%;
            max-width: 800px;
            margin: auto;
        }

    section.secAbouthome .videDetails {
        position: relative;
        width: 70%;
        /* margin: 0; */
    }

    section.secAbouthome .contentAboutHome .contextAboutHome {
        background: transparent;
        width: 100%;
        max-width: 800px;
        margin: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        section.secAbouthome .contentAboutHome .contextAboutHome h2.title {
            width: auto;
        }

    section.secAbouthome .contentAboutHome i.border {
        right: -30px;
        width: calc(100% + 60px);
    }

        section.secAbouthome .contentAboutHome i.border i:nth-child(1) {
            display: none;
        }

        section.secAbouthome .contentAboutHome i.border i:nth-child(2) {
            display: none;
        }

    section.secAbouthome .contentAboutHome:before {
        width: 110%;
        right: -46px;
    }

    section.secAbouthome:before {
        width: 28%;
        opacity: 0.2;
    }

    img.imgSliderone {
        height: calc(100% - 60px);
    }

    .itemSliderOne {
        height: 48vw;
    }

        .itemSliderOne .contentSliderOne .contextSliderone {
            position: relative;
            width: 70%;
            max-width: 50vw;
            margin-right: 5vw;
        }

    section.secAbouthome .contentAboutHome .contextAboutHome .caption, section.secAbouthome .contentAboutHome .contextAboutHome .rowBtns {
        padding-left: 0;
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    .BoxesProdHome {
        grid-template-columns: 1fr !important;
        grid-template-areas: unset !important;
    }
    .BoxesProdHome .itemProdHome {
        grid-area: unset !IMPORTANT;
    }
    .itemProduct .container {
        padding-right: 0px;
    }

    .itemProduct .contentItemProduct {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .itemProduct .contentItemProduct i.lines {
            display: none;
        }

    .itemProduct .contentItemProduct {
        width: 100%;
        left: 0;
    }

    .itemProduct .contextItemProduct {
        padding: 20px !important;
    }

        .itemProduct .contextItemProduct .pic {
            position: relative !important;
            width: 60%;
            margin: auto;
            margin-top: -80px;
        }

    .contextItemProduct .rowBtns {
        justify-content: center;
        margin-bottom: -30px;
    }

    .itemProduct .contextItemProduct .pic:before {
        position: relative;
        display: block;
        content: '';
        padding-top: 100%;
        background: rgba(255,255,255,0.3);
        border-color: #f7f7f7;
    }

    .contextItemProduct .caption {
        max-height: unset;
        min-height: unset;
    }

    .itemProduct .contextItemProduct .pic {
        width: 80%;
    }

    section.News4View .col:nth-child(1) {
        width: 100%;
    }

    .itemboxNews h3.title, .itemNewsQuick h3.title, .itemNewsQuick .caption {
        font-size: 14px;
    }

    section.News4View {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    header.headerNews {
        padding: 30px 0 20px;
    }

        header.headerNews .sliderFlip .NextPrevSlider {
            right: 0;
            left: 0;
            bottom: -10px;
            top: auto;
            margin: auto;
            transform: rotate(0deg) scale(0.8);
        }

        header.headerNews .sliderFlip {
            margin: 0;
        }

            header.headerNews .sliderFlip .swiper-slide {
                justify-content: center;
            }

        header.headerNews .container {
            flex-direction: column-reverse;
        }

    .ServicesHomeContent.bigger3 .itemService:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
    }

    .ServicesHomeContent {
        grid-template-columns: auto auto;
    }

    .itemService .contentItemService h3.title {
        font-size: 12px;
    }

    .itemService .contentItemService .lineTitle i {
        position: relative;
        width: 20%;
        height: 2px;
        background: #8dc53e;
        margin-bottom: -40px;
    }

    .BoxesProdHome.items8 {
        grid-template-areas: "item1" "item2" "item3" "item4" "item5" "item6" "item7" "item8" !important;
    }

    .itemProdHome i.border {
        position: absolute !important;
        top: 20px !important;
        width: 60% !important;
        border: 2px solid #8cc440 !important;
        border-width: 1px 0px !important;
        left: 0 !important;
        margin: auto !important;
        right: 0 !important;
        transition: all 0.2s !important;
    }

    .itemProdHome:nth-child(even) i.border i:first-child {
        right: auto !important;
        left: 0 !important;
    }

    .itemProdHome:before {
        padding-top: 50% !important;
    }

    .itemProdHome i.border:before {
        padding-top: 58% !important;
    }

    .itemProdHome i.border i:first-child {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 1px !important;
        height: 100% !important;
    }

    .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border {
        width: 60% !important;
        border-width: 1px 0px !important;
    }

        .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border i:first-child:before, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border i:first-child:before, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border i:first-child:before, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border i:first-child:before, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border i:first-child:before, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border i:first-child:before, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border i:first-child:before {
            right: 0 !important;
            left: auto !important;
            top: 0 !important;
            bottom: auto !important;
            height: 35% !important;
            width: 1px !important;
        }

        .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border i:first-child:after, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border i:first-child:after, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border i:first-child:after, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border i:first-child:after, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border i:first-child:after, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border i:first-child:after, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border i:first-child:after {
            right: auto;
            left: 0;
            top: auto;
            bottom: auto;
            height: 1px;
            width: 50px;
        }

        .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border i:last-child:before, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border i:last-child:before, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border i:last-child:before, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border i:last-child:before, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border i:last-child:before, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border i:last-child:before, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border i:last-child:before {
            right: 0;
            left: auto;
            top: 0;
            bottom: auto;
            height: 35%;
            width: 1px;
        }

        .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border i:last-child:after, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border i:last-child:after, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border i:last-child:after, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border i:last-child:after, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border i:last-child:after, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border i:last-child:after, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border i:last-child:after {
            right: auto;
            left: 0;
            top: auto;
            bottom: 0;
            height: 35%;
            width: 1px;
        }

    .BoxesProdHome.items4 .itemProdHome:nth-child(3) h3.title, .BoxesProdHome.items5 .itemProdHome:nth-child(3) h3.title, .BoxesProdHome.items6 .itemProdHome:nth-child(3) h3.title, .BoxesProdHome.items7 .itemProdHome:nth-child(3) h3.title, .BoxesProdHome.items8 .itemProdHome:nth-child(3) h3.title, .BoxesProdHome.items4 .itemProdHome:nth-child(5) h3.title, .BoxesProdHome.items8 .itemProdHome:nth-child(5) h3.title {
        margin: auto;
        top: 0vw;
        bottom: 0;
        height: 40px;
        width: auto;
        left: auto;
        right: 9vw;
    }

    .itemProdHome h3.title {
        right: 8vw;
    }

    .itemProdHome:nth-child(even) h3.title {
        left: 8vw;
        right: auto;
    }

    .itemProdHome img.spicprodhome {
        position: absolute;
        width: 100%;
        left: 8vw;
        bottom: 0vw;
        max-width: 27vw;
        top: 0;
        margin: auto;
        transition: all 0.2s;
    }

    .itemProdHome:nth-child(even) img.spicprodhome {
        position: absolute;
        width: 100%;
        left: auto;
        bottom: 0vw;
        right: 8vw;
        max-width: 27vw;
        top: 0;
        margin: auto;
    }

    .BoxesProdHome.items4 .itemProdHome:nth-child(4) img.spicprodhome, .BoxesProdHome.items5 .itemProdHome:nth-child(4) img.spicprodhome, .BoxesProdHome.items6 .itemProdHome:nth-child(4) img.spicprodhome, .BoxesProdHome.items7 .itemProdHome:nth-child(4) img.spicprodhome, .BoxesProdHome.items8 .itemProdHome:nth-child(4) img.spicprodhome {
        left: auto;
        right: 8vw;
        max-width: 27vw;
    }

    .BoxesProdHome.items8 .itemProdHome:nth-child(8) img.spicprodhome {
        right: 8vw;
        left: auto;
        max-width: 27vw;
    }

    .BoxesProdHome.items4 .itemProdHome:nth-child(3) img.spicprodhome, .BoxesProdHome.items5 .itemProdHome:nth-child(3) img.spicprodhome, .BoxesProdHome.items6 .itemProdHome:nth-child(3) img.spicprodhome, .BoxesProdHome.items7 .itemProdHome:nth-child(3) img.spicprodhome, .BoxesProdHome.items8 .itemProdHome:nth-child(3) img.spicprodhome, .BoxesProdHome.items4 .itemProdHome:nth-child(5) img.spicprodhome, .BoxesProdHome.items8 .itemProdHome:nth-child(5) img.spicprodhome {
        max-width: 27vw;
        left: 8vw;
        right: auto;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .BoxesProdHome.items4 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items5 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items6 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items7 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items8 .itemProdHome:nth-child(3) i.border, .BoxesProdHome.items4 .itemProdHome:nth-child(5) i.border, .BoxesProdHome.items8 .itemProdHome:nth-child(5) i.border {
        height: auto !important;
    }


    .itemProdHome i.border i:first-child:before {
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        content: '';
        background-color: #8cc440;
        height: 35%;
    }

    .itemProdHome i.border i:first-child:after {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 1px !important;
        content: '' !important;
        background-color: #8cc440 !important;
        height: 35% !important;
    }

    .itemProdHome i.border i:last-child {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 1px !important;
        height: 100% !important;
    }

    .itemProdHome i.border:before {
        padding-top: 72% !important;
    }

    .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        font-size: 2.4vw;
    }

    .itemSliderOne .contentSliderOne .contextSliderone .caption {
        font-size: 1.4vw;
    }

    .BoxesProdHome.items8 .itemProdHome:nth-child(8) h3.title {
        right: auto;
        left: 7vw;
    }
}

@media only screen and (max-width: 680px) {
    .contentBlogHome {
        flex-direction: column;
    }

        .contentBlogHome .itemBlog {
            width: 100% !important;
        }
    .itemNewsQuick:before {
        padding-top: 50%;
    }
    .itemProdHome h3.title {
        width: 60% !important;
        line-height: 1.4;
    }
    .videoBox {
        width: 100%;
    }

        .videoBox .videoProduct {
            width: 100%;
            margin: 70px auto 40px;
        }

    section.descriptionDet .container {
        padding: 20px 0;
    }

    .itemCm .contentItemCM {
        font-size: 12px;
    }

    .rateDate {
        justify-content: space-around;
    }

    .beardcrumbSocial .container {
        justify-content: space-around;
    }

        .beardcrumbSocial .container .breadcrumbs {
            margin: 10px;
        }

    .beardcrumbSocial .socialIcons {
        margin: 10px;
    }

    .searchBox {
        width: 100px;
    }

    header.headerSmall .container {
        grid-template-areas: "col2 col2" "col1 col1" "col3 col3" !important;
    }

        header.headerSmall .container .breadcrumbs {
            width: 100%;
            justify-content: center;
        }

        header.headerSmall .container .socialIcons {
            width: 100%;
            justify-content: center;
            margin: 10px 0 0;
        }

    .TitleCM h4.titleCM, h2.titleSection {
        font-size: 18px;
    }

    .RowFAQ .col2 {
        font-size: 12px;
    }

    .ContentAccotdionFAQ .textAccordionFAQ {
        font-size: 12px;
        font-weight: normal;
    }

    .itemDep .right, .itemDep .left {
        width: 45%;
    }

    .formBox {
        position: relative;
        width: 100%;
        margin: 20px auto;
        background: #fff;
        box-shadow: 0px 10px 17px -7px #bbb;
        padding: 0 0 10px;
    }

    .itemProdHome a.hoverItemProdHome:before, .itemService .hoveritemService:before {
        display: none !important;
    }

    .itemSliderOne .contentSliderOne {
        flex-wrap: wrap-reverse;
    }

    img.imgSliderone {
        position: relative;
        width: 50%;
        display: block;
        margin: 20px auto;
    }

    .itemSliderOne .contentSliderOne .contextSliderone {
        position: relative;
        width: 100%;
        max-width: calc(100% - 40px);
        margin: 0 auto 30px;
    }

    .itemSliderOne {
        /* height: auto; */
    }

        .itemSliderOne .contentSliderOne i.border i:nth-child(2) {
            display: none;
        }

        .itemSliderOne .contentSliderOne i.border i:nth-child(1):after {
            height: 10%;
            left: calc(100% - 2px);
        }

        .itemSliderOne .contentSliderOne .contextSliderone .caption {
            font-size: 14px;
            text-align: center;
        }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        text-align: center;
        justify-content: center;
    }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone .rowBtns {
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        justify-content: center;
    }

    .itemSliderOne .contentSliderOne i.border:before {
        width: calc(100% + 30px);
    }

    .itemSliderOne .contentSliderOne i.border i:nth-child(1):before {
        height: 65%;
        left: calc(100% + 30px);
        transform: rotate(0deg);
    }

    .itemSliderOne .contentSliderOne i.border:after {
        width: calc(100% + 30px);
        height: 2px;
    }

    .itemSliderOne .contentSliderOne i.border i:nth-child(1):after {
        height: 40%;
        left: calc(100% + 30px);
        transform: rotate(-0deg);
        transform-origin: right bottom;
        bottom: 0px;
    }

    .itemSliderOne .contentSliderOne:before {
        display: none;
    }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        font-size: 22px;
    }

    section.secAbouthome .contentAboutHome {
        width: calc(100% - 60px)
    }
}

@media only screen and (max-width: 600px) {
    h2.titleSection:before {
        width: 290px;
        height: 18px;
    }

    .ServicesHomeContent {
        grid-template-columns: auto;
    }

    section.secAbouthome .videDetails {
        width: 100%;
    }

    section.secAbouthome .contentAboutHome:before {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    .itemNewsQuick .caption {
        display: none;
    }

    .itemDep {
        flex-direction: column;
    }

        .itemDep .right, .itemDep .left {
            width: 100%;
            right: 0;
            margin: 0;
            min-height: 70px;
            display: flex;
            align-items: center;
            padding: 0;
        }

        .itemDep span.bgLine {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            top: 0;
            background: rgba(2,56,110,0.7);
            transform: skewX(0deg);
            transform-origin: left center;
            color: #fff;
        }

    .itemDep {
        min-height: 210px;
    }

        .itemDep .contextDep, .itemDep .titleDep {
            color: #fff !important;
        }

            .itemDep .contextDep .itemsDep a {
                color: #Fff;
            }
}

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

    .NewsListContent {
        grid-template-columns: repeat(1,1fr);
    }
    .itemSliderOne .contentSliderOne {
        position: relative;
        width: calc(100% - 60px);
    }
}

@media only screen and (max-width: 480px) {
    .itemNewsQuick:before {
        padding-top: 60%;
    }
    .ProductDetailTop .container {
        flex-direction: column-reverse;
        align-items: center;
        padding-left: 0px;
    }

    .contentInfoDetailProd i.border {
        opacity: 0;
    }

    .contentInfoDetailProd {
        padding: 50px 0px 0;
    }

    a.otherProduct-detail {
        width: 100%;
    }

    .itemCm .Avatar {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .itemCm .date {
        width: 100%;
        justify-content: center;
    }

    .itemCm .contentItemCM {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .itemCm .Avatar a.replay {
        display: none;
    }

    .btnsTab {
        grid-template-columns: 1fr;
    }

    form.frmSendCM {
        display: flex;
        flex-direction: column;
    }

    .contentAdvantage .rowBtns {
        width: 100%;
        justify-content: center;
    }

    .itemSliderOne .contentSliderOne i.border {
        left: -15px;
        width: 100%;
    }

    .contentAdvantage i.border {
        display: none;
    }

    .contentAdvantage {
        width: calc(100% - 40px);
        padding: 40px 0 20px;
    }

    nav.navbar .topNavbar {
        display: none;
    }

    .contentMain {
        margin-top: 82px;
    }

    a.logoNav img {
        width: 100%;
    }

    a.logoNav {
        width: 100px;
    }

    section.secAbouthome .contentAboutHome .contextAboutHome h2.title {
        width: auto;
        font-size: 16px;
    }

    section.secAbouthome .contentAboutHome i.border, section.secAbouthome .contentAboutHome i.border:before, section.secAbouthome .contentAboutHome i.border:after, section.secAbouthome .contentAboutHome i.border * {
        display: none;
    }

    section.secAbouthome {
        padding: 40px 0;
    }

        section.secAbouthome .contentAboutHome {
            position: relative;
            width: calc(100% - 60px);
            padding: 30px 0 20px;
            margin: auto;
        }

            section.secAbouthome .contentAboutHome i.border {
                border: 2px solid #aad46f;
                display: block;
            }

            section.secAbouthome .contentAboutHome .contextAboutHome .rowBtns {
                flex-direction: column;
                align-items: center;
            }

                section.secAbouthome .contentAboutHome .contextAboutHome .rowBtns .btnflower.blue {
                    margin: 10px 0;
                }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone .rowBtns {
        flex-direction: column;
        height: auto;
    }

    a.btnflower.blue {
        margin: 15px 0 0;
    }

    img.imgSliderone {
        width: 80%;
    }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone h2.title {
        font-size: 18px;
    }

    .swiper-slide.swiper-slide-active .itemSliderOne .contentSliderOne .contextSliderone .caption {
        font-size: 12px;
    }
}

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

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

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