@media screen and (min-width: 901px) {
    .mobile-only {
        display: none !important;
    }

    /*  Fonts */

    .d-fs-14 {
        font-size: .14rem;
    }

    .d-fs-15 {
        font-size: .15rem;
    }

    .d-fs-16 {
        font-size: .16rem;
    }

    .d-fs-18 {
        font-size: .18rem;
    }

    .d-fs-20 {
        font-size: .2rem;
    }

    .d-fs-24 {
        font-size: .24rem;
    }

    .d-fs-26 {
        font-size: .26rem;
    }

    .d-fs-32 {
        font-size: .32rem;
    }

    .d-fs-40 {
        font-size: .40rem;
    }

    .d-fs-42 {
        font-size: .42rem;
    }

    .d-fs-48 {
        font-size: .48rem;
    }

    .d-fs-50 {
        font-size: .50rem;
    }

    .d-fs-64 {
        font-size: .64rem;
    }

    .d-fs-72 {
        font-size: .72rem;
    }

    /* Hovers */

    .btn.primary:hover {
        background-color: #0093C9;
    }

    .btn.primary:active {
        background-color: #2270AC;
    }

    .btn.secondary:hover {
        background-color: rgba(53, 133, 194, 0.15);
    }

    .btn.secondary:active {
        background-color: rgba(53, 133, 194, 0.3);
    }

    footer .bottom .right .social-items .item:hover {
        opacity: 1;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    section.vehicles .wrapper .items .item:hover .img-box {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
    }

    section.vehicles .wrapper .items .item .btn {
        opacity: 0;
    }

    section.vehicles .wrapper .items .item:hover .img-box::after {
        opacity: 1;
    }

    section.vehicles .wrapper .items .item:hover .btn {
        opacity: 1;
    }

    section.usefult-infos .right .items .item:hover {
        z-index: 1;
        border-color: transparent;
        box-shadow: 0 .24rem .4rem 0 rgba(0, 0, 0, .2);
    }

    section.solution-boxes .wrapper .boxes .box:hover {
        width: calc(33.33% + .32rem);
        margin: -.16rem;
        padding-bottom: 35.25%;
        box-shadow: 0 .24rem .48rem 0 rgba(0, 0, 0, .4);
        z-index: 2;
    }

    .language-selector .content .bottom .menu .items .item:hover {
        color: #3585C2;
    }

    header > .submenu-items .submenu .left .subtext:active {
        color: #2270AC;
        border-bottom: 1px solid #2270AC;
    }

    header > .submenu-items .submenu .left .subtext:hover {
        color: #0093C9;
        border-bottom: 1px solid #2270AC;
    }

    section.main-slider .locations .approve:hover {
        background-color: #0093C9;
    }

    section.main-slider .locations .approve:active {
        background-color: #2270AC;
    }

    section.slider .items .owl-nav > *:hover {
        background-color: #2270AC;
        box-shadow: 0 0.08rem 0.16rem 0 rgb(53, 133, 194, .50);
    }

    section.slider .items .owl-nav .owl-next:hover {
        background-image: url(Icons/arrow-right-white-hover.svg);
    }

    section.slider .items .owl-nav .owl-prev:hover {
        background-image: url(Icons/arrow-right-white.svg);
    }

    section.tab-slider .contents .content-item .main-carousel .owl-nav > *:hover {
        background-color: #2270AC;
        box-shadow: 0 0.08rem 0.16rem 0 rgb(53, 133, 194, .50);
    }

    section.tab-slider .contents .content-item .main-carousel .owl-nav .owl-next:hover {
        background-image: url(Icons/arrow-right-white-hover.svg);
    }

    section.tab-slider .contents .content-item .main-carousel .owl-nav .owl-prev:hover {
        background-image: url(Icons/arrow-right-white.svg);
    }

    section.icon-slider .items .owl-nav > *:hover {
        background-color: #2270AC;
        box-shadow: 0 0.08rem 0.16rem 0 rgb(53, 133, 194, .50);
    }

    section.icon-slider .items .owl-nav .owl-next:hover {
        background-image: url(Icons/arrow-right-white-hover.svg);
    }

    section.icon-slider .items .owl-nav .owl-prev:hover {
        background-image: url(Icons/arrow-right-white.svg);
    }

    section.main-slider .owl-nav > *:hover {
        opacity: 1;
        transform: scaleX(1.2);
    }

    section.sidebar .menu-wrapper .items .social-items .social-item:hover {
        filter: opacity(1);
    }

    section.main-banner .container .content .tab-menu .menu-item .btn:hover {
        opacity: 1;
    }

    section.locations .list .head form.general .check-item .form-item.check::-webkit-scrollbar {
        width: .06rem;
        height: .06rem;
    }

    section.locations .list .head form.general .check-item .form-item.check::-webkit-scrollbar-track {
        background: transparent;
    }

    section.locations .list .head form.general .check-item .form-item.check::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        border-radius: .06rem;
        -webkit-border-radius: .06rem;
        -moz-border-radius: .06rem;
        -ms-border-radius: .06rem;
        -o-border-radius: .06rem;
    }

    section.locations .list .items-wrapper .items::-webkit-scrollbar {
        width: .08rem;
    }

    section.locations .list .items-wrapper .items::-webkit-scrollbar-track {
        background: transparent;
    }

    section.locations .list .items-wrapper .items::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        border-radius: .08rem;
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        -ms-border-radius: .08rem;
        -o-border-radius: .08rem;
    }

        section.locations .list .items-wrapper .items::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    section.locations .list .detail .wrapper::-webkit-scrollbar {
        width: .08rem;
    }

    section.locations .list .detail .wrapper::-webkit-scrollbar-track {
        background: transparent;
    }

    section.locations .list .detail .wrapper::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        border-radius: .08rem;
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        -ms-border-radius: .08rem;
        -o-border-radius: .08rem;
    }

        section.locations .list .detail .wrapper::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
}

@media screen and (max-width: 900px) {
    .desktop-only {
        display: none !important;
    }

    html {
        font-size: 26.666666vw;
    }

    /* General */

    .container {
        width: 100%;
        padding-left: .32rem;
        padding-right: .32rem;
    }

    /*  Fonts */

    .m-fs-12 {
        font-size: .12rem;
    }

    .m-fs-14 {
        font-size: .14rem;
    }

    .m-fs-16 {
        font-size: .16rem;
    }

    .m-fs-18 {
        font-size: .16rem;
    }

    .m-fs-20 {
        font-size: .2rem;
    }

    .m-fs-24 {
        font-size: .24rem;
    }

    .m-fs-32 {
        font-size: .32rem;
    }

    .m-fs-40 {
        font-size: .40rem;
    }

    .m-fs-48 {
        font-size: .48rem;
    }

    .m-fs-64 {
        font-size: .64rem;
    }

    .m-fs-72 {
        font-size: .72rem;
    }

    /*  Line Height */

    .m-lh-12 {
        line-height: 1.2em;
    }

    .m-lh-14 {
        line-height: 1.4em;
    }

    .m-lh-16 {
        line-height: 1.6em;
    }

    /*  Font weighth */

    .m-fw-400 {
        font-weight: 300;
    }

    .m-fw-500 {
        font-weight: 500;
    }

    .m-fw-700 {
        font-weight: 700;
    }

    /*  Buttons */

    .btn.primary {
        padding-left: .26rem;
        padding-right: .26rem;
    }

    .btn {
        font-size: 0.14rem;
        padding-top: .16rem;
        padding-bottom: .16rem;
        padding-left: .26rem;
        padding-right: .26rem;
    }

    /*  Form */

    form.general .form-item.half-w {
        width: calc(100% - .16rem);
    }

    form.general .form-item input[type=text],
    form.general .form-item input[type=email],
    form.general .form-item input[type=password],
    form.general .form-item textarea {
        height: .56rem;
        padding: 0 .18rem;
        font-size: .14rem;
    }

    form.general .form-item textarea {
        padding: .18rem;
        height: 2.08rem;
    }

    /*  Select */

    form.general .form-item .select2-container--default .select2-selection--single {
        height: .56rem;
    }

    form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: .3rem;
        padding-left: .18rem;
        line-height: .56rem;
        font-size: .14rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: .18rem;
    }

    /*  Vehicle Select */

    .select2-dropdown {
        overflow: hidden;
        border-radius: .08rem;
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        -ms-border-radius: .08rem;
        -o-border-radius: .08rem;
    }

    .vehicle-select .select2-dropdown {
        border: none;
        border-radius: .4rem;
        -webkit-border-radius: .4rem;
        -moz-border-radius: .4rem;
        -ms-border-radius: .4rem;
        -o-border-radius: .4rem;
    }

    .select2-dropdown .select2-search .select2-search__field {
        padding: .12rem .2rem;
        font-size: .14rem;
        border: 1px solid #d4d4d4 !important;
        border-radius: .04rem;
        -webkit-border-radius: .04rem;
        -moz-border-radius: .04rem;
        -ms-border-radius: .04rem;
        -o-border-radius: .04rem;
    }

    .select2-dropdown--above {
        border-bottom: 0;
    }

    .vehicle-select .select2-dropdown--above {
        padding-top: .2rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .select2-dropdown--below {
        border-top: 0;
    }

    .select2-dropdown--above .select2-search {
        padding-top: .04rem;
    }

    .vehicle-select .select2-dropdown--below {
        border-top: 0;
        padding-bottom: .2rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .select2-dropdown .select2-results__option {
        font-size: .14rem;
        padding: .16rem .2rem;
        font-weight: 400;
    }

    .vehicle-select .select2-dropdown .select2-results__option {
        padding: .23rem .32rem;
        font-weight: 700;
    }

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #E1E6EA;
        color: black;
    }

    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #4F4F4F;
        color: white;
    }

    .select2-container--default .select2-results > .select2-results__options {
        max-height: 3.6rem;
    }

    /*  Radio Button */
    form.general .radio-item .title {
        width: 100%;
    }

    form.general .radio-item .form-item.radio {
        width: 100%;
        padding-top: .28rem;
        padding-bottom: .28rem;
    }

        form.general .radio-item .form-item.radio label .text {
            font-size: .14rem;
            padding-left: .36rem;
        }

        form.general .radio-item .form-item.radio * + label {
            margin-top: .2rem;
        }
    /*  Header */

    header .wrapper {
        padding: .2rem .32rem;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

        header .wrapper .logo {
            width: 1.18rem;
            height: .32rem;
        }

        header .wrapper .contact-item {
            width: calc(100% - 1.72rem);
            padding-left: .1rem;
            padding-right: .16rem;
            text-align: right;
            border-left: 0;
        }

            header .wrapper .contact-item .content .icon {
                display: none;
            }

        header .wrapper .menu-wrapper {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 100%;
            top: 0;
            padding: .72rem .32rem .32rem .32rem;
            z-index: 9;
            background: #3585C2;
            overflow: auto;
            transition: left .3s ease-in-out;
            -webkit-transition: left .3s ease-in-out;
            -moz-transition: left .3s ease-in-out;
            -ms-transition: left .3s ease-in-out;
            -o-transition: left .3s ease-in-out;
        }

            header .wrapper .menu-wrapper.active {
                left: 0;
            }

            header .wrapper .menu-wrapper .menu-item {
                display: block;
            }

                header .wrapper .menu-wrapper .menu-item + .menu-item {
                    margin-left: 0;
                    margin-top: .06rem;
                }

                header .wrapper .menu-wrapper .menu-item > a {
                    transition: none;
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                }

                header .wrapper .menu-wrapper .menu-item.parent.active > a {
                    color: #FFFFFF;
                    text-decoration: none;
                }

                header .wrapper .menu-wrapper .menu-item.parent > a {
                    padding-right: .36rem;
                    position: relative;
                }

                    header .wrapper .menu-wrapper .menu-item.parent > a::before {
                        background-image: url(Icons/chevron-bottom-white.svg);
                        transition: none;
                        -webkit-transition: none;
                        -moz-transition: none;
                        -ms-transition: none;
                        -o-transition: none;
                    }

                header .wrapper .menu-wrapper .menu-item > .submenu-items {
                    padding-left: .16rem;
                    padding-top: .24rem;
                    padding-bottom: .24rem;
                    display: none;
                }

                    header .wrapper .menu-wrapper .menu-item > .submenu-items .submenu-item {
                    }

                    header .wrapper .menu-wrapper .menu-item > .submenu-items * + .submenu-item {
                        margin-top: .12rem;
                    }

                    header .wrapper .menu-wrapper .menu-item > .submenu-items .submenu-item a {
                    }

        header .wrapper .menu-icon {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: .54rem;
            height: .54rem;
            background-color: #3585C2;
            border-radius: .12rem;
            -webkit-border-radius: .12rem;
            -moz-border-radius: .12rem;
            -ms-border-radius: .12rem;
            -o-border-radius: .12rem;
        }

            header .wrapper .menu-icon span {
                position: absolute;
                width: .2rem;
                height: 2px;
                left: 50%;
                margin-left: -.1rem;
                background-color: white;
                border-radius: 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
            }

                header .wrapper .menu-icon span:nth-child(1) {
                    top: calc(50% - .04rem - 2px - 2px);
                }

                header .wrapper .menu-icon span:nth-child(2) {
                    top: calc(50% - 1px);
                }

                header .wrapper .menu-icon span:nth-child(3) {
                    top: calc(50% + .04rem + 2px);
                }

    header.menu-active {
        background-color: transparent;
    }

        header.menu-active .wrapper {
            padding-bottom: 0;
        }

            header.menu-active .wrapper .menu-wrapper .menu-item:not(.active) {
                opacity: .4;
            }

            header.menu-active .wrapper .menu-wrapper .menu-item > a {
                color: #FFFFFF;
            }

    header .wrapper .menu-wrapper .menu-item.parent.active > .submenu-items {
        display: block;
    }

    header .wrapper .menu-wrapper * + .social-items {
        margin-top: .32rem;
    }

    header .wrapper .menu-wrapper .social-items .item {
        display: inline-block;
        vertical-align: middle;
        max-height: .24rem;
    }

    header .wrapper .menu-wrapper .social-items * + .item {
        margin-left: .24rem;
    }

    header .wrapper .menu-wrapper .language-toggler {
        display: inline-block;
        cursor: pointer;
        padding: .20rem .25rem;
        background-color: #2270AC;
        border-radius: .08rem;
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        -ms-border-radius: .08rem;
        -o-border-radius: .08rem;
        white-space: nowrap;
    }

    header .wrapper .menu-wrapper * + .language-toggler {
        margin-top: .32rem;
    }

    header .wrapper .menu-wrapper .language-toggler .text {
        display: inline-block;
        vertical-align: middle;
        margin-left: .08rem;
    }

    header .wrapper .menu-wrapper .language-toggler .icon {
        display: inline-block;
        vertical-align: middle;
        width: .16rem;
    }

    header .wrapper .menu-wrapper .menu-icon {
        position: absolute;
        width: .54rem;
        height: .54rem;
        right: .32rem;
        top: .2rem;
    }

        header .wrapper .menu-wrapper .menu-icon span {
            position: absolute;
            width: .32rem;
            height: 2px;
            left: 50%;
            top: 50%;
            margin-left: -.16rem;
            margin-top: -1px;
            background-color: white;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
        }

            header .wrapper .menu-wrapper .menu-icon span:nth-child(1) {
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
            }

            header .wrapper .menu-wrapper .menu-icon span:nth-child(2) {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
            }

    /*  Footer */

    footer {
        padding-top: .32rem;
        padding-bottom: .48rem;
    }

        footer .menu-groups .item-group {
            width: 100%;
        }

        footer .menu-groups * + .item-group {
            margin-top: .48rem;
        }

        footer .middle {
            margin-top: .48rem;
            margin-bottom: .3rem;
        }

            footer .middle .logo {
                width: 2.25rem;
            }

        footer .bottom {
            display: inline-block;
            width: 100%;
        }

            footer .bottom .items {
                text-align: center;
            }

                footer .bottom .items * + .social-items {
                    margin-top: .5rem;
                }

                footer .bottom .items .social-items .item {
                    max-height: .26rem;
                }

                footer .bottom .items .social-items * + .item {
                    margin-left: .32rem;
                }

            footer .bottom .left {
                width: 100%;
                text-align: center;
            }

            footer .bottom * + .left {
                margin-top: .5rem;
            }

            footer .bottom .left .item {
                display: block;
            }

            footer .bottom .left * + .item {
                margin-left: 0;
                margin-top: .16rem;
            }

            footer .bottom .right .social-items .item {
                opacity: 1;
            }

    /* Language Selector */
    .language-selector .content {
        width: 100%;
    }

        .language-selector .content .top {
            height: .8rem;
            padding-right: .7rem;
            padding-left: .7rem;
        }

            .language-selector .content .top .close {
                width: .48rem;
                height: .48rem;
                right: .16rem;
                top: .16rem;
            }

        .language-selector .content .bottom {
            padding: .32rem;
            height: calc(100% - .8rem);
        }

            .language-selector .content .bottom .menu * + .title {
                margin-top: .24rem;
            }

            .language-selector .content .bottom .menu * + .sub-title {
                margin-top: .24rem;
            }

            .language-selector .content .bottom .menu * + .items {
                margin-top: .08rem;
            }

            .language-selector .content .bottom .menu .items * + .item {
                margin-left: .16rem;
            }

    /*  Popup */
    .popup-wrapper.solution-form .popup-container {
        height: auto;
        min-height: inherit;
        max-height: 90%;
        overflow: auto;
        border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        -moz-border-radius: 0.1rem;
        -ms-border-radius: 0.1rem;
        -o-border-radius: 0.1rem;
    }

        .popup-wrapper.solution-form .popup-container .close {
            top: .1rem;
            right: .1rem;
            width: .4rem;
            height: .4rem;
        }

        .popup-wrapper.solution-form .popup-container .wrapper {
            padding-top: .6rem;
        }

            .popup-wrapper.solution-form .popup-container .wrapper .head .title {
                width: 100%;
            }

            .popup-wrapper.solution-form .popup-container .wrapper .head .tabs {
                width: 100%;
            }

            .popup-wrapper.solution-form .popup-container .wrapper .head * + .tabs {
                margin-top: .2rem;
            }

            .popup-wrapper.solution-form .popup-container .wrapper .head .tabs .tab {
                width: 50%;
                height: .5rem;
                text-align: center;
                padding: .1rem .12rem;
                vertical-align: middle;
            }

                .popup-wrapper.solution-form .popup-container .wrapper .head .tabs .tab:before {
                    content: '';
                    height: 100%;
                    display: inline-block;
                    vertical-align: middle;
                }

                .popup-wrapper.solution-form .popup-container .wrapper .head .tabs .tab span {
                    vertical-align: middle;
                    display: inline-block;
                }

    /* Form Agreement Popup */

    .popup-wrapper.form-agreement .popup-container .close-btn {
        display: none;
    }

    .popup-wrapper.form-agreement .popup-container .content {
        padding: .4rem .14rem;
    }

        .popup-wrapper.form-agreement .popup-container .content * + .text {
            margin-top: .14rem;
        }

        .popup-wrapper.form-agreement .popup-container .content * + .btn {
            margin-top: .24rem;
        }

    /*  Video Popup */

    .popup-wrapper.video .popup-container {
        height: 80%;
        min-height: initial;
    }

    .popup-wrapper.video .close {
        width: .4rem;
        height: .4rem;
    }

    /* Custom Alert */

    .popup-wrapper.custom-alert .popup-container .icon {
        width: .64rem;
    }

    .popup-wrapper.custom-alert .popup-container {
        padding: .2rem;
    }

    /*  Main Slider */
    section.main-slider .items::before {
        content: '';
        position: absolute;
        bottom: 0;
        z-index: 2;
        height: .08rem;
        width: 100%;
        background-color: #3585C2;
    }

    section.main-slider .items .item {
        min-height: auto;
    }

        section.main-slider .items .item .content {
            bottom: 1.5rem;
            left: .32rem;
            right: .32rem;
            width: auto;
            padding-bottom: .82rem;
        }

            section.main-slider .items .item .content .text {
                position: relative;
                padding-left: 0;
            }

                section.main-slider .items .item .content .text .index {
                    position: relative;
                    display: block;
                    width: 100%;
                    margin-top: 0;
                    margin-bottom: .16rem;
                    font-size: .14rem !important;
                }

                    section.main-slider .items .item .content .text .index::before {
                        right: auto;
                        left: .3rem;
                    }

    section.main-slider .owl-nav {
        position: absolute;
        width: 1.12rem;
        height: .48rem;
        bottom: 1.5rem;
        left: .32rem;
        padding: .16rem 0;
        text-align: center;
    }

        section.main-slider .owl-nav > * {
            margin: 0 .12rem;
            opacity: 1;
        }

    section.main-slider .btn {
        bottom: 1.5rem;
        left: 1.6rem;
    }

    section.main-slider .locations .text {
        display: none;
    }

    section.main-slider .locations .select-location {
        display: none;
    }

    section.main-slider .locations .approve {
        width: 2.34rem;
        height: auto;
        padding: .25rem .21rem .25rem .35rem;
        text-align: center;
        background-color: #3585C2;
    }

        section.main-slider .locations .approve img {
            display: inline-block;
            vertical-align: middle;
            width: .19rem;
        }

        section.main-slider .locations .approve span {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - .24rem);
            text-align: left;
            padding-left: .24rem;
        }

    section.main-slider .scroll {
        bottom: .22rem;
        right: .6rem;
        z-index: 3;
    }

    /*  Round Text Boxes */

    section.round-text-box {
        padding-top: .64rem;
        padding-bottom: .32rem;
    }

        section.round-text-box .items {
            padding: 0 .32rem;
        }

            section.round-text-box .items .item {
                display: inline-block;
                position: relative;
                margin: 0;
                width: 100%;
                height: 0;
                padding-bottom: 100%;
                margin-top: .45rem;
            }

            section.round-text-box .items * + .item {
                margin-top: .77rem;
            }

            section.round-text-box .items .item::after {
                box-shadow: 0 0.08rem 0.24rem 0.24rem rgb(255, 255, 255);
            }

            section.round-text-box .items .item .content {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 0;
                padding-top: .12rem;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
            }

                section.round-text-box .items .item .content .title {
                    margin-bottom: .06rem;
                }

                section.round-text-box .items .item .content * + .title {
                    margin-top: .14rem;
                }

    /*  Slider */

    section.slider {
        padding-bottom: .12rem;
        padding-top: .12rem;
    }

    section.main-slider .items .img-item {
        display: none!important;
    }

    section.main-slider .items .img-item-mobile {
       visibility:visible;
    }

        section.slider .items {
            margin: 0 -.32rem;
            width: calc(100% + .64rem);
        }

        section.slider * + .items {
            margin-top: .24rem;
        }

        section.slider .items .owl-nav .owl-next,
        section.slider .items .owl-nav .owl-prev {
            display: none;
        }
    /*  Text Image Blocks */
    section.text-image-block {
        padding-top: .12rem;
        padding-bottom: .12rem;
    }

        section.text-image-block + section.solution-specs {
            padding-top: .2rem;
        }

        section.text-image-block .items .item .head {
            margin-top: .32rem;
            margin-bottom: .24rem;
        }

        section.text-image-block .items.pattern .item:nth-child(n):after,
        section.text-image-block .items.pattern .item:nth-child(n):before {
            content: none;
        }

        section.text-image-block .items.right-start .item .text-content {
            padding-left: .32rem !important;
            padding-right: .32rem !important;
        }

        section.text-image-block .items .item:nth-child(even) {
            direction: ltr;
        }

        section.text-image-block .items.item-spaces .item {
            margin-top: 0;
        }

        section.text-image-block .items .item .img-box {
            width: 100%;
        }

        section.text-image-block .items .item:nth-child(even) .text-content,
        section.text-image-block .items .item:nth-child(odd) .text-content {
            padding-right: .32rem;
            padding-left: .32rem;
        }

        section.text-image-block .items .item .text-content {
            width: 100%;
            vertical-align: middle;
            padding-top: .24rem;
            padding-bottom: .48rem;
        }

        section.text-image-block .items .item:last-child .text-content {
            padding-bottom: .2rem;
        }

        section.text-image-block .items .item .text-content .content {
            text-align: center;
        }

            section.text-image-block .items .item .text-content .content.small {
                padding: 0;
            }

        section.text-image-block.left-align .items .item .text-content .content {
            text-align: left;
        }

        section.text-image-block .items .item .text-content .buttons .logo {
            height: auto;
            margin-bottom: 0;
        }

        section.text-image-block .items .item .text-content .buttons .btn + .logo {
            margin-left: 0;
            margin-top: .24rem;
        }

        section.text-image-block .items .item .text-content .buttons .logo + .logo {
            margin-left: 0;
            margin-top: .16rem;
        }

        section.text-image-block .items .item .text-content .buttons .logo img {
            height: .62rem;
        }

        section.text-image-block .items .item .text-content .buttons {
            text-align: center;
        }

            section.text-image-block .items .item .text-content .buttons .btn {
                padding-left: .4rem;
                padding-right: .4rem;
                max-width: 100%;
            }

        section.text-image-block .items .item .text-content * + .buttons {
            margin-top: .32rem;
        }

        section.text-image-block .items .item .text-content .substances + .buttons {
            margin-left: 0;
        }

        section.text-image-block .items .item .text-content .buttons + .buttons {
            margin-left: 0;
            margin-top: .1rem;
        }

        section.text-image-block .items .item .text-content * + .substances {
            margin-top: .32rem;
        }

        section.text-image-block .items .item .text-content .substances .substance {
            padding-left: .32rem;
        }

            section.text-image-block .items .item .text-content .substances .substance:before {
                width: .2rem;
            }

    /*  Mobile App */

    section.mobile-app {
        direction: ltr;
        padding-top: .2rem;
    }

        section.mobile-app .img-box {
            display: block;
            width: 100%;
            padding-left: .32rem;
            padding-right: .32rem;
        }

        section.mobile-app .text-section {
            display: block;
            width: 100%;
        }

            section.mobile-app .text-section .content {
                text-align: center;
                padding: .24rem .32rem .45rem .32rem;
            }

                section.mobile-app .text-section .content * + .stores {
                    margin-top: .24rem;
                }

                section.mobile-app .text-section .content .stores * + a {
                    margin-top: .16rem;
                    margin-left: 0;
                }

    /*  Main Banner */

    section.main-banner {
        height: auto;
    }

        section.main-banner .bg {
            height: 3.33rem;
        }

        section.main-banner .container {
            height: 3.33rem;
            padding-bottom: .32rem;
            padding-top: .8rem;
        }

            section.main-banner .container:before {
                vertical-align: bottom;
            }

            section.main-banner .container .content .text-content {
                padding-right: 0;
            }

        section.main-banner .mobile-text {
            padding-top: .24rem;
            padding-left: .32rem;
            padding-right: .32rem;
        }

        section.main-banner .mobile-btn {
            margin-left: .32rem;
            margin-right: .32rem;
        }

        section.main-banner * + .mobile-btn {
            margin-top: .32rem;
        }

    /*  Contact Info */

    section.contact-info {
        padding-top: .48rem;
    }

        section.contact-info .wrapper {
            display: block;
            padding-left: .32rem;
            padding-right: .32rem;
        }

        section.contact-info .address {
            width: 100%;
            display: block;
        }

            section.contact-info .address .content {
                width: 100%;
                margin-left: auto;
                padding-left: 0;
                padding-right: 0;
            }

                section.contact-info .address .content * + .items {
                    margin-top: .32rem;
                }

                section.contact-info .address .content .items * + .item {
                    margin-top: .16rem;
                }

                section.contact-info .address .content .items .item .icon {
                    width: .2rem;
                    height: .2rem;
                }

                section.contact-info .address .content * + .btn {
                    width: 100%;
                    margin-top: .32rem;
                    text-align: center;
                }

        section.contact-info .map {
            width: calc(100% + .64rem);
            display: block;
            top: -.32rem;
            margin-left: -.32rem;
            margin-right: -.32rem;
        }

            section.contact-info .map img {
                width: 100%;
            }

        section.contact-info .center-image {
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            width: 100%;
            margin-left: 0;
        }

        section.contact-info * + .center-image {
            margin-top: .48rem;
        }

        section.contact-info .center-image img {
            width: 100%;
            height: auto;
        }

    /*  Contact Form */

    section.contact-form .left {
        width: 100%;
        padding-left: .32rem;
        padding-right: .32rem;
        padding-top: .48rem;
        padding-bottom: .32rem;
    }

        section.contact-form .left .wrapper {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

            section.contact-form .left .wrapper * + .text {
                margin-top: .32rem;
            }

    section.contact-form .right {
        width: 100%;
        padding-left: .32rem;
        padding-right: .32rem;
        padding-top: .32rem;
        padding-bottom: .48rem;
    }

        section.contact-form .right .wrapper {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

            section.contact-form .right .wrapper form.general .btn.primary {
                width: calc(100% - .16rem);
                margin-left: .08rem;
            }

    /*  Faq */

    section.faq {
        padding-bottom: .48rem;
    }

        section.faq .tab-menu {
            width: 100%;
            padding-right: .24rem;
            white-space: nowrap;
            overflow: auto;
            background-color: #F1F4F6;
        }

            section.faq .tab-menu * + .tab-menu-item {
                margin-left: 0;
            }
            section.faq .tab-menu  .tab-menu-item:last-child {
                margin-right: .24rem;
            }

            section.faq .tab-menu .tab-menu-item .btn * + span {
                margin-left: .1rem;
            }

        section.faq * + .tab-contents {
            margin-top: .32rem;
        }

        section.faq .tab-contents .item .accordion-items .accordion-item {
            padding: .24rem .18rem;
        }

        section.faq .tab-contents .item .accordion-items * + .accordion-item {
            margin-top: .16rem;
        }

        section.faq .tab-contents .item .accordion-items .accordion-item .head {
            padding-right: .6rem;
        }

            section.faq .tab-contents .item .accordion-items .accordion-item .head .title {
                font-size: .14rem;
            }

        section.faq .tab-contents .item .accordion-items .accordion-item.active {
            padding-top: .18rem;
            padding-bottom: .18rem;
        }

            section.faq .tab-contents .item .accordion-items .accordion-item.active .head .title {
                font-size: .18rem;
            }

        section.faq .tab-contents .item .accordion-items .accordion-item .head .icon {
            margin-top: -.14rem;
            width: .28rem;
            height: .28rem;
        }

        section.faq .tab-contents .item .accordion-items .accordion-item .content {
            padding-top: .16rem;
        }

    /*  Text Block*/

    section.text-block {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

        section.text-block .title {
            width: 100%;
        }

        section.text-block .subtitle {
            width: 100%;
        }

        section.text-block * + .subtitle {
            margin-top: .16rem;
            margin-bottom: 0;
        }

        section.text-block .content {
            width: 100%;
            margin: 0;
        }

        section.text-block * + .content {
            margin-top: .16rem;
        }

        section.text-block .content .text {
            width: 100%;
            margin: 0;
        }

            section.text-block .content .text + .text {
                margin-top: .16rem;
            }

        section.text-block .content .col-50 {
            width: 100%;
            margin: 0;
        }

        section.text-block .image {
            margin-top: .48rem;
            margin-bottom: .24rem;
        }

    /*  Spot Text */

    section.spot-text {
        margin-top: .24rem;
        margin-bottom: .24rem;
        padding-bottom: 0;
        padding-top: .4rem;
    }

    section.services + section.spot-text {
        margin-top: .24rem;
    }

    section.spot-text::before {
        width: 70%;
        height: 1.82rem;
        top: 0;
    }

    section.spot-text::after {
        width: 30%;
        height: .96rem;
        top: .86rem;
    }

    section.spot-text .container {
        z-index: 2;
        padding-top: 0;
        padding-bottom: 0;
    }

    section.spot-text.right-align .container .content {
        padding-left: 0;
        padding-right: 0;
    }

    section.spot-text.left-align .container .content {
        padding-right: 0;
        padding-left: 0;
    }

    section.spot-text .container .image {
        position: relative;
        width: 100%;
        height: 1.67rem;
        top: auto;
        bottom: auto;
    }

    section.spot-text.right-align .container .image {
        left: auto;
    }

    section.spot-text.left-align .container .image {
        right: auto;
    }

    section.spot-text .container * + .content {
        margin-top: .24rem;
    }

    section.spot-text .container .content .text {
        color: black;
    }

    section.spot-text .container .content * + .btn {
        margin-top: .32rem;
    }

    /* Solution Specs */

    section.solution-specs {
        padding-top: .24rem;
        padding-bottom: .34rem;
    }

        section.solution-specs .container {
            padding-bottom: 0;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }

            section.solution-specs .container.border {
                border: none;
            }

            section.solution-specs .container .image {
                display: block;
                width: calc(100% + .64rem);
                margin-left: -.32rem;
                margin-right: -.32rem;
            }

                section.solution-specs .container .image img {
                    width: 100%;
                }

            section.solution-specs .container .wrapper {
                display: block;
                width: 100%;
                padding-right: 0;
            }

                section.solution-specs .container .wrapper .btn {
                    margin-top: .32rem;
                }

            section.solution-specs .container .items {
                width: 100%;
                margin: 0;
            }

            section.solution-specs .container * + .items {
                margin-top: .8rem;
            }

            section.solution-specs .container .items .item {
                display: block;
                width: 100%;
                margin: 0;
            }

                section.solution-specs .container .items .item + .item {
                    margin-top: .64rem;
                }

                section.solution-specs .container .items .item * + .title {
                    margin-top: .28rem;
                }

                section.solution-specs .container .items .item * + .text {
                    margin-top: .16rem;
                }

        section.solution-specs .calculator {
            width: 100%;
            padding: .32rem .08rem .12rem .08rem;
            margin-top: .57rem;
        }

            section.solution-specs .calculator .left {
                display: block;
                width: 100%;
                padding: 0 .16rem;
            }

                section.solution-specs .calculator .left * + .subtext {
                    margin-top: .08rem;
                }

            section.solution-specs .calculator .right {
                display: block;
                width: 100%;
            }

            section.solution-specs .calculator * + .right {
                margin-top: .24rem;
            }

            section.solution-specs .calculator .right .compare {
                width: 100%;
                padding-left: .24rem;
                padding-right: .24rem;
                padding-top: .45rem;
                padding-bottom: .24rem;
            }

                section.solution-specs .calculator .right .compare .descriptions .item small {
                    font-size: .1rem;
                }

                section.solution-specs .calculator .right .compare .descriptions .item:first-child {
                    width: calc(33.33% + .08rem);
                    margin-left: -.08rem;
                }

                section.solution-specs .calculator .right .compare .descriptions .item:last-child {
                    width: calc(33.33% + .08rem);
                    margin-right: -.08rem;
                }

    /*  Services */

    section.services {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

        section.services * + .items {
            margin-top: .24rem;
        }

        section.services .items .item {
            width: calc(50% - .16rem);
            margin: .08rem;
        }

        section.services .items:not(.vertical) .item {
            width: calc(100% - .16rem);
            padding: .36rem;
            padding-right: .12rem;
        }

        section.services .items .item .icon {
            width: .9rem;
            height: .9rem;
        }

        section.services .items:not(.vertical) .item .icon {
            width: .56rem;
            height: .56rem;
        }

        section.services .items .item .icon img {
            width: 100%;
            height: 100%;
        }

        section.services .items .item .content {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - .56rem);
            padding-left: .3rem;
        }

            section.services .items .item .content * + .subtext {
                margin-top: 0;
            }

        section.services .items.vertical .item {
            padding: .43rem 0 0 0;
        }

            section.services .items.vertical .item:nth-child(1),
            section.services .items.vertical .item:nth-child(2) {
                padding: 0;
            }

            section.services .items.vertical .item .content {
                width: 100%;
                padding: 0;
            }

            section.services .items.vertical .item * + .content {
                margin-top: .4rem;
            }

    /* Banner */
    section.banner {
        height: auto;
        padding: .9rem .7rem;
    }

        section.banner .container {
            padding-left: 0;
            padding-right: 0;
        }

    * + section.banner {
        margin-top: .24rem;
    }

    section.banner .container {
        height: auto;
    }

        section.banner .container .content * + .text {
            margin-top: .16rem;
        }

    /*  Box Image */

    section.box-image {
        padding-top: .28rem;
        padding-bottom: .48rem;
    }

        section.box-image .items {
            width: 100%;
            margin: -0;
        }

            section.box-image .items .item {
                width: 100%;
                margin: 0;
            }

            section.box-image .items.one-columns .item {
                width: 100%;
            }

            section.box-image .items.three-columns .item {
                width: 100%;
            }

            section.box-image .items.four-columns .item {
                width: 100%;
            }

            section.box-image .items .item + .item {
                margin-top: .48rem;
            }

            section.box-image .items .item .image {
                padding-bottom: 85.5%;
            }

            section.box-image .items .item * + .title {
                margin-top: .2rem;
            }

            section.box-image .items .item * + .text {
                margin-top: .16rem;
            }

            section.box-image .items .item .subtext {
                display: inline-block;
                padding-bottom: 2px;
                border-bottom: 1px solid #3585C2;
            }

            section.box-image .items .item * + .subtext {
                margin-top: .24rem;
            }

    /*  Icon Slider */

    section.icon-slider {
        padding-top: .32rem;
        padding-bottom: .24rem;
    }

        section.icon-slider .container {
            width: 100%;
        }

        section.icon-slider .head * + .text {
            margin-top: .22rem;
        }

        section.icon-slider .items {
            width: 100%;
        }

        section.icon-slider * + .items {
            margin-top: .18rem;
        }

        section.icon-slider .items .owl-stage-outer {
            overflow: hidden;
        }

        section.icon-slider .items .owl-item .item {
            width: 100%;
            height: auto;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
        }

            section.icon-slider .items .owl-item .item .content {
                opacity: 1;
            }

        section.icon-slider .items .owl-item.focused .item {
            width: 100%;
            height: auto;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
        }

            section.icon-slider .items .owl-item.focused .item .content {
                opacity: 1;
            }

        section.icon-slider .items .owl-item .item .image {
            width: 100%;
            height: 2.4rem;
            background: linear-gradient(180deg, rgba(53, 133, 194, .1) 0%, rgba(53, 133, 194, 0.04) 100%);
        }

        section.icon-slider .items .owl-item.focused .item .image {
            width: 100%;
            height: 2.4rem;
        }

        section.icon-slider .items .owl-item .item .image img {
            width: 2.37rem;
        }

        section.icon-slider .items .owl-item.focused .item .image img {
            width: 2.37rem;
        }

        section.icon-slider .items .owl-item .item .image .icon-img {
            width: 100%;
        }

        section.icon-slider .items .item .image:after {
            opacity: 1;
        }

        section.icon-slider .items .owl-dots {
            margin-top: .24rem;
            text-align: center;
        }

            section.icon-slider .items .owl-dots .owl-dot {
                display: inline-block;
                vertical-align: middle;
                width: 8px;
                height: 8px;
                border-radius: 8px;
                background-color: #C4C4C4;
            }

                section.icon-slider .items .owl-dots .owl-dot + .owl-dot {
                    margin-left: 8px;
                }

                section.icon-slider .items .owl-dots .owl-dot.active {
                    background-color: #3585C2;
                }

    /* Wizard */

    section.wizard {
        padding-top: .32rem;
        padding-bottom: .38rem;
    }

        section.wizard .head * + .text {
            margin-top: .16rem;
        }

        section.wizard .items {
            width: calc(100% + .64rem);
            margin: 0 -.32rem;
        }

        section.wizard * + .items {
            margin-top: .32rem;
        }

        section.wizard .items .item {
            display: block;
            width: 3.1rem;
            margin: 0 .04rem;
        }

            section.wizard .items .item .content {
                padding: .36rem;
                padding-bottom: .3rem;
            }

        section.wizard .items .owl-item.center .item .content {
            box-shadow: 0 .24rem .4rem 0 rgba(53, 133, 194, .25);
            border-color: #3585C2;
        }

            section.wizard .items .owl-item.center .item .content::before {
                opacity: 1;
            }

        section.wizard .items .item .content .icon {
            width: 1.93rem;
        }

            section.wizard .items .item .content .icon img {
                width: 100% !important;
                height: auto !important;
                left: auto !important;
                top: auto !important;
            }

        section.wizard .items .item .content * + .title {
            margin-top: .26rem;
        }

        section.wizard .items .item .content * + .text {
            margin-top: .16rem;
        }

        section.wizard .items .item .content * + .detail {
            margin-top: .24rem;
        }

    /*  Vehicles */

    section.vehicles {
        padding-top: .32rem;
        padding-bottom: .48rem;
    }

        section.vehicles::after {
            height: 6.64rem;
        }

        section.vehicles .wrapper {
            width: 100%;
            padding: 0 .32rem;
        }

            section.vehicles .wrapper .header {
                padding: 0;
            }

                section.vehicles .wrapper .header .filter .form-item.half-w {
                    display: block;
                    width: 100%;
                }

                section.vehicles .wrapper .header .filter * + .form-item.half-w {
                    margin-top: .24rem;
                }

                section.vehicles .wrapper .header .filter .select2-container--default .select2-selection--single {
                    height: .64rem;
                }

                section.vehicles .wrapper .header .filter .select2-container .select2-selection--single .select2-selection__rendered {
                    line-height: .64rem;
                }

                section.vehicles .wrapper .header .filter {
                    padding: 0;
                }

                section.vehicles .wrapper .header * + .text {
                    margin-top: .16rem;
                }

                section.vehicles .wrapper .header * + .filter {
                    margin-top: .38rem;
                }

            section.vehicles .wrapper .items {
                width: calc(100% + .64rem);
                margin-left: -.32rem;
                margin-right: -.32rem;
            }

            section.vehicles .wrapper * + .items {
                margin-top: .64rem;
            }

            section.vehicles .wrapper .items .item {
                padding-left: .58rem;
                padding-right: .58rem;
            }

            section.vehicles .wrapper .items.owl-carousel .item {
                width: 2.58rem;
                padding-left: 0;
                padding-right: 0;
            }

            section.vehicles .wrapper .items.owl-carousel .owl-item.center {
                transform: scale(1);
            }

            section.vehicles .wrapper .items.owl-carousel .owl-item .item .btn {
                opacity: 0;
            }

            section.vehicles .wrapper .items.owl-carousel .owl-item.active .item .btn {
                opacity: 1;
            }

            section.vehicles .wrapper .items .item .img-box {
                padding: 0;
                height: 1.8rem;
            }

                section.vehicles .wrapper .items .item .img-box::after {
                    display: none;
                }

            section.vehicles .wrapper .items .item .title {
                padding: 0;
            }

            section.vehicles .wrapper .items .item * + .title {
                margin-top: .4rem;
            }

            section.vehicles .wrapper .items .item .title::before {
                width: .24rem;
                height: .03rem;
                margin-left: -.12rem;
                top: -.15rem;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
            }

            section.vehicles .wrapper .items .item .text {
                padding: 0;
            }

            section.vehicles .wrapper * + .all-products {
                margin-top: .36rem;
            }

        section.vehicles .detail-popup .content {
            width: 100%;
            height: 100%;
            padding: 1.1rem .6rem .4rem .6rem;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }

            section.vehicles .detail-popup .content .specifications {
                width: calc(100% + .16rem);
                margin-left: -.08rem;
                margin-right: -.08rem;
            }

                section.vehicles .detail-popup .content .specifications .tabs {
                    display: inline-block;
                    text-align: center;
                    width: 100%;
                }

                    section.vehicles .detail-popup .content .specifications .tabs .tab-item {
                        display: inline-block;
                        padding: .08rem .2rem .08rem .1rem;
                        border: 1px solid #EDEDED;
                        top: -.15rem;
                        border-radius: .4rem;
                        -webkit-border-radius: .4rem;
                        -moz-border-radius: .4rem;
                        -ms-border-radius: .4rem;
                        -o-border-radius: .4rem;
                    }

                    section.vehicles .detail-popup .content .specifications .tabs * + .tab-item {
                        margin-left: .08rem;
                    }

                    section.vehicles .detail-popup .content .specifications .tabs .tab-item .icon {
                        display: inline-block;
                        position: relative;
                        vertical-align: middle;
                        width: .24rem;
                        height: .24rem;
                    }

                        section.vehicles .detail-popup .content .specifications .tabs .tab-item .icon img {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: .24rem;
                            height: .24rem;
                        }

                            section.vehicles .detail-popup .content .specifications .tabs .tab-item .icon img.light {
                                opacity: 0;
                            }

                    section.vehicles .detail-popup .content .specifications .tabs .tab-item.active {
                        background-color: #3585C2;
                        border-color: #3585C2;
                        color: white;
                    }

                        section.vehicles .detail-popup .content .specifications .tabs .tab-item.active .icon img {
                            opacity: 0;
                        }

                            section.vehicles .detail-popup .content .specifications .tabs .tab-item.active .icon img.light {
                                opacity: 1;
                            }

                    section.vehicles .detail-popup .content .specifications .tabs .tab-item .title {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: .04rem;
                    }

                section.vehicles .detail-popup .content .specifications * + .cols {
                    margin-top: .32rem;
                }

                section.vehicles .detail-popup .content .specifications .col {
                    display: none;
                    width: calc(100% - .16rem);
                    margin-left: .08rem;
                    margin-right: .08rem;
                    padding: .48rem .14rem .32rem;
                }

                    section.vehicles .detail-popup .content .specifications .col.active {
                        display: block;
                    }

                    section.vehicles .detail-popup .content .specifications .col .head {
                        display: none;
                    }

    /* Tab Slider */
    section.tab-slider {
        padding-top: .32rem;
        padding-bottom: 0;
    }

        section.tab-slider .tab-menu * + .tab-menu-item {
            margin-left: .16rem;
        }

        section.tab-slider .tab-menu .tab-menu-item .item {
            font-size: .24rem;
        }

        section.tab-slider * + .contents {
            margin-top: .32rem;
        }

        section.tab-slider .contents .content-item .main-carousel .item {
            width: 3.1rem;
            height: 2.4rem;
        }

            section.tab-slider .contents .content-item .main-carousel .item .title {
                width: 100%;
                left: 0;
                bottom: 0;
                padding: .24rem;
                text-align: center;
            }

        section.tab-slider .contents .content-item .main-carousel .owl-nav {
            width: calc(100% - .16rem);
            height: auto;
            bottom: 50%;
            left: .08rem;
        }

            section.tab-slider .contents .content-item .main-carousel .owl-nav > * {
                width: .48rem;
                height: .48rem;
                margin-top: -.24rem;
            }

        section.tab-slider .contents .content-item .text-carousel {
            position: relative;
            width: 100%;
            right: auto;
            bottom: auto;
            padding-top: .4rem;
            padding-bottom: .48rem;
            padding-left: 0;
            padding-right: 0;
        }

            section.tab-slider .contents .content-item .text-carousel .item {
                padding-left: .32rem;
                padding-right: .32rem;
                text-align: center;
            }

            section.tab-slider .contents .content-item .text-carousel * + .btn {
                margin-top: .32rem;
            }

    /*  Solutiion Boxes */

    section.solution-boxes {
        padding-top: .32rem;
        padding-bottom: .4rem;
    }

        section.solution-boxes::before {
            height: 38.3%;
            width: 100%;
            top: auto;
            right: 0;
            bottom: 0;
        }

        section.solution-boxes .wrapper {
            padding-left: .32rem;
            padding-right: .32rem;
        }

            section.solution-boxes .wrapper .head {
                display: block;
                width: 100%;
                padding-left: 0;
                padding-right: 0;
                text-align: center;
            }

                section.solution-boxes .wrapper .head * + .btn {
                    margin-top: .32rem;
                }

                section.solution-boxes .wrapper .head .btn {
                    color: white;
                    border-color: white;
                }

            section.solution-boxes .wrapper .boxes {
                width: 100%;
                margin: 0;
            }

            section.solution-boxes .wrapper * + .boxes {
                margin-top: .48rem;
            }

            section.solution-boxes .wrapper .boxes .box {
                display: block;
                width: 100%;
                height: 0;
                padding-bottom: 110%;
                margin: 0;
            }

                section.solution-boxes .wrapper .boxes .box:nth-child(3n +2) {
                    width: 100%;
                    margin: 0;
                    padding-bottom: 110%;
                    box-shadow: none;
                }

                section.solution-boxes .wrapper .boxes .box + .box {
                    margin-top: .24rem;
                }

                section.solution-boxes .wrapper .boxes .box .content {
                    bottom: 0;
                    padding: .32rem;
                    width: 100%;
                    left: 0;
                    margin: 0;
                }

                    section.solution-boxes .wrapper .boxes .box .content .title {
                        padding: 0;
                    }

                    section.solution-boxes .wrapper .boxes .box .content .buttons {
                        padding: 0 .24rem;
                    }

                    section.solution-boxes .wrapper .boxes .box .content * + .buttons,
                    section.solution-boxes .wrapper .boxes .box .content * + .btn {
                        margin-top: .24rem;
                    }

                    section.solution-boxes .wrapper .boxes .box .content .btn {
                        width: 100%;
                    }

                    section.solution-boxes .wrapper .boxes .box .content * + .btn {
                        margin-left: 0;
                    }

                    section.solution-boxes .wrapper .boxes .box .content .btn + .btn {
                        margin-top: .08rem;
                    }

    /*  Footer Banner */

    section.footer-banner {
        padding-top: .32rem;
        padding-bottom: 1.36rem;
        height: auto;
        background-size: 100%;
        background-position: bottom;
    }

        section.footer-banner .content * + .text {
            margin-top: .16rem;
        }

        section.footer-banner .content * + .buttons {
            margin-top: .36rem;
        }

        section.footer-banner .content .buttons .btn {
            display: inline-block;
            vertical-align: middle;
            width: calc(50% - .05rem);
            padding-left: .24rem;
            padding-right: .24rem;
        }

        section.footer-banner .content .buttons * + .btn {
            margin-left: .1rem;
        }

    /*  Features  */

    section.features {
        display: inline-block;
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: .32rem;
        padding-bottom: .24rem;
    }

        section.features .items {
            width: 100%;
            margin: 0;
        }

        section.features .items {
            margin-top: .16rem;
        }

            section.features .items .item {
                width: 100%;
                margin: 0;
            }

                section.features .items .item + .item {
                    margin-top: .9rem;
                }

                section.features .items .item .title {
                    height: auto !important;
                }

                section.features .items .item .text {
                    height: auto !important;
                }

    /*  Useful Infos */

    section.usefult-infos {
        margin-top: .24rem;
        margin-bottom: .24rem;
        padding-top: .72rem;
        padding-bottom: 0;
    }

        section.usefult-infos::before {
            height: 1.78rem;
            width: 80%;
        }

        section.usefult-infos::after {
            left: 65%;
            height: 1.78rem;
            width: 30%;
        }

        section.usefult-infos .left {
            width: 100%;
            text-align: center;
        }

        section.usefult-infos .right {
            width: 100%;
        }

        section.usefult-infos * + .right {
            margin-top: .32rem;
        }

        section.usefult-infos .right .items {
            width: 100%;
            margin: 0;
        }

            section.usefult-infos .right .items .item {
                width: 100%;
                margin: 0;
                padding: .4rem .25rem;
            }

            section.usefult-infos .right .items * + .item {
                margin-top: .32rem;
            }

            section.usefult-infos .right .items .item * + .title {
                margin-top: .16rem;
            }

            section.usefult-infos .right .items .item * + .btn {
                margin-top: .24rem;
            }

    /* Locations */

    section.locations {
        overflow: hidden;
    }

        section.locations .list {
            width: 100%;
        }

            section.locations .list .head {
                z-index: 4;
                padding: .24rem .32rem .12rem .32rem;
            }

                section.locations .list .head form.general .check-item {
                }

                section.locations .list .head form.general input[type='text'] {
                    height: .48rem;
                    padding-left: .48rem;
                    font-size: .12rem;
                    background-size: .16rem;
                    background-position: 0.16rem center;
                }

                section.locations .list .head form.general .check-item .form-item.check {
                    width: calc(100% + .64rem);
                    white-space: nowrap;
                    overflow: auto;
                    margin-right: -.32rem;
                    margin-left: -.32rem;
                    padding-bottom: .1rem;
                    padding-right: .32rem;
                    padding-left: .32rem;
                }

                        section.locations .list .head form.general .check-item .form-item.check label .text {
                            padding: .08rem .15rem;
                            font-size: .12rem;
                        }

                    section.locations .list .head form.general .check-item .clear {
                        display: none;
                    }

            section.locations .list .items-head {
                position: absolute;
                width: 100%;
                background: white;
                z-index: 3;
                text-align: center;
                bottom: -4.74rem;
                padding: .3rem .2rem .24rem .2rem;
                border-radius: .3rem .3rem 0 0;
                -webkit-border-radius: .3rem .3rem 0 0;
                -moz-border-radius: .3rem .3rem 0 0;
                -ms-border-radius: .3rem .3rem 0 0;
                -o-border-radius: .3rem .3rem 0 0;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
            }

            section.locations .list.mobile-active .items-head {
                bottom: 0;
            }

        section.locations.detail-active .list .items-head {
            display: none;
        }

        section.locations .list .items-head:before {
            content: '';
            position: absolute;
            left: 50%;
            top: .1rem;
            margin-left: -.16rem;
            background-color: #C4C4C4;
            width: .32rem;
            height: .04rem;
            border-radius: .04rem;
            -webkit-border-radius: .04rem;
            -moz-border-radius: .04rem;
            -ms-border-radius: .04rem;
            -o-border-radius: .04rem;
        }

        section.locations .list .items-head .icon {
            display: inline-block;
            vertical-align: middle;
        }

        section.locations .list .items-head .text {
            display: inline-block;
            vertical-align: middle;
            margin-left: .16rem;
        }

        section.locations .list .items-wrapper {
            position: absolute;
            width: 100%;
            transform: translateY(100%);
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            bottom: -4.74rem;
            left: 0;
            height: 4.74rem;
            overflow: hidden;
            padding-right: .32rem;
            padding-left: .32rem;
            padding-top: .24rem;
            padding-bottom: .24rem;
            box-shadow: inset 0 0 .24rem 0 rgba(0,0,0,.2);
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
        }

        section.locations.detail-active .list .items-wrapper {
            display: none;
        }

        section.locations .list.mobile-active .items-wrapper {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }

        section.locations .list.mobile-active .items-wrapper.no-result{
            height:1.9rem !important;
        }

        section.locations .map.no-result {
            height: 1.9rem !important;
        }

        section.locations .list .items-wrapper .items {
            padding: 0;
            height: 100%;
        }

            section.locations .list .items-wrapper .items .item .icon {
                width: .4rem;
                height: .4rem;
                border-radius: .1rem;
                -webkit-border-radius: .1rem;
                -moz-border-radius: .1rem;
                -ms-border-radius: .1rem;
                -o-border-radius: .1rem;
            }

                section.locations .list .items-wrapper .items .item .icon svg {
                    width: .24rem;
                }

            section.locations .list .items-wrapper .items .item .content {
                display: inline-block;
                width: calc(100% - .4rem);
                vertical-align: middle;
                padding-left: .16rem;
            }

        section.locations .list .detail {
            position: relative;
            padding-top: .52rem;
            padding-left: .32rem;
            padding-right: .32rem;
            padding-bottom: 1.15rem;
            left: 0;
            width: 100%;
            display: none;
        }

            section.locations .list .detail.active {
                left: auto;
                display: block;
            }

            section.locations .list .detail .close {
                width: .2rem;
                height: .2rem;
            }

            section.locations .list .detail .wrapper {
                width: 100%;
                margin-right: 0;
                height: 100%;
                padding-right: 0;
                overflow-y: auto;
                overflow-x: hidden;
                position: relative;
            }

                section.locations .list .detail .wrapper .infos .items {
                    margin: -.04rem -.08rem;
                }

                section.locations .list .detail .wrapper .infos * + .items {
                    margin-top: .08rem;
                }

                section.locations .list .detail .wrapper .infos .items .item {
                    display: inline-block;
                    width: calc(100% - .16rem);
                    margin: .04rem .08rem;
                    padding: .16rem .2rem .16rem .14rem;
                    background-color: white;
                    border: 1px solid #c4c4c4;
                    border-radius: .08rem;
                    -webkit-border-radius: .08rem;
                    -moz-border-radius: .08rem;
                    -ms-border-radius: .08rem;
                    -o-border-radius: .08rem;
                }

                    section.locations .list .detail .wrapper .infos .items .item .icon {
                        display: inline-block;
                        vertical-align: top;
                        width: .2rem;
                        height: .26rem;
                    }

                    section.locations .list .detail .wrapper .infos .items .item .content {
                        width: calc(100% - .2rem);
                        vertical-align: top;
                        padding-left: .14rem;
                    }

                        section.locations .list .detail .wrapper .infos .items .item .content .title {
                            display: inline-block;
                            width: 50%;
                            vertical-align: middle;
                        }

                        section.locations .list .detail .wrapper .infos .items .item .content .text {
                            display: inline-block;
                            width: 50%;
                            vertical-align: middle;
                            text-align: right;
                        }

                section.locations .list .detail .wrapper .power-specs .items .item .icon {
                    display: inline-block;
                    vertical-align: top;
                    width: .2rem;
                    height: .26rem;
                }

                section.locations .list .detail .wrapper .power-specs .items .item .contents {
                    width: calc(100% - .2rem);
                    vertical-align: top;
                    padding-left: .14rem;
                }

                    section.locations .list .detail .wrapper .power-specs .items .item .contents .content {
                        width: 100%;
                    }

                    section.locations .list .detail .wrapper .power-specs .items .item .contents * + .content {
                        padding-left: 0;
                        padding-top: .12rem;
                    }

                    section.locations .list .detail .wrapper .power-specs .items .item .contents .content .title {
                        display: inline-block;
                        width: 50%;
                        vertical-align: middle;
                    }

                    section.locations .list .detail .wrapper .power-specs .items .item .contents .content .text {
                        display: inline-block;
                        width: 50%;
                        vertical-align: middle;
                        text-align: right;
                    }

        section.locations .map {
            position: relative;
            width: 100%;
            left: 0;
            height: 4.74rem;
        }

        section.locations.detail-active .map {
            display: none;
        }

        /* Prices */
    section.prices {
        padding-top: .5rem;
        padding-bottom: .8rem;
    }


    section.prices .cols .col {
        display: inline-block;
        width: 100%;
        margin: 0;
    }

        section.prices .cols * + .col{
            margin-top:.6rem;
        }

        section.prices .cols {
            width: 100%;
            display: inline-block;
            margin: 0;
        }

        section.prices .cols .col .items .item .desc .icon{
            width:.4rem;
        }

        section.prices .cols .col .items .item .desc .text {
            width:calc(100% - .4rem);
            padding-left: .1rem;
            padding-right: .1rem;
        }

        section.prices .cols .col * + .items {
            margin-top: 0.26rem;
        }

        section.prices .cols .col .items > * + * {
            margin-top: 0.15rem;
        }

        section.prices .cols .col .items .header + * {
            margin-top:.08rem;
        }

    section.prices * + .cols {
        margin-top: 1rem;
    }

    section.prices * + .details {
        margin-top: .6rem;
    }


    /* 404 */
    section.not-found {
        padding: 2rem 0;
        text-align: center;
    }

        section.not-found .image {
            width: 100%;
        }

        section.not-found .content {
            position: relative;
            width: 100%;
            left: auto;
            top: auto;
        }

        section.not-found * + .content {
            margin-top: .48rem;
        }

        section.not-found * + .text {
            margin-top: .32rem;
        }

        section.not-found * + .btn {
            margin-top: .32rem;
        }

    section.faq .tab-contents .item .personel-card {
        padding: .2rem;
        flex-direction: column;
    }
        section.faq .tab-contents .item .personel-card .content{
            margin-left:0;
            margin-top:.2rem;
        }
        section.faq .tab-contents .item .personel-card img {
            object-fit: cover;
            width: 1.4rem;
            height: 1.4rem;
        }

    /*Select Area*/
    section.select-area .main {
        width: 100%;
        padding: 0.24rem;
        padding-bottom: 0;
        display: flex;
        height: auto;
        flex-direction: column;
    }

    section.select-area {
        height: auto;
        min-height: 100vh;
        display: flex;
        align-items: center;
    }

        section.select-area .main .item .title .link {
            width: 0.32rem;
            height: 0.32rem;
        }

        section.select-area .main .item .text {
            font-size: 0.16rem;
            line-height: 1.2em;
            padding-top: 0.24rem;
        }

        section.select-area .main .item {
            width: 100%;
            margin: 0;
            margin-bottom: .24rem;
            padding: 0.24rem;
            min-height: 3.5rem;
        }

            section.select-area .main .item .title {
                font-size: 0.26rem;
            }

    .solar-main .container {
        padding: .32rem;
    }

        .solar-main .container .logo img {
            height: .48rem;
        }

        .solar-main .container .title {
            font-size: .4rem;
            padding-top: .2rem;
        }

        }
