@media(max-width:1200px) {
    .productList .item {
        height: 1230px
    }

    div.menu li > a > span {
        padding: 0 7px 10px;
        font-size: 9.5pt
    }

    .logo {
        margin: 3px 0
    }

        .logo img {
            height: auto;
            width: 75px
        }

    .menufix div.menu li > a > span {
        padding-bottom: 12px
    }

    #main-slide .slider-content h3 {
        font-size: 25px
    }

    .col-md-6.text-center span {
        font-size: 8pt
    }

    #main-slide .slider-content h2 {
        font-size: 30px
    }

    .font-31 {
        font-size: 20px !important
    }

    .slide .col-xs-6 p {
        font-size: 8.5pt
    }

    .slide .col-xs-6 cite {
        font-size: 9.1pt
    }

    .slide .slider-text-green h2 {
        font-size: 28pt !important
    }

    .slide .slider-text-green h3 {
        font-size: 23pt !important
    }

    .dark-blue {
        margin-top: -4% !important
    }

        .dark-blue strong {
            font-size: 14pt;
            margin-bottom: 20px
        }

        .dark-blue p {
            margin-bottom: 30px !important;
            font-size: 11.5pt !important
        }

    .orange-text h2 {
        margin-bottom: 15px
    }

    .part1 span, .slide .col-xs-6 p {
        margin-bottom: 0
    }

    .orange-img2 {
        top: -83px
    }

    .slide .col-xs-6 {
        margin-top: -5.5%
    }

    .part1 {
        padding: 10px 0
    }

        .part1 .col-xs-6 {
            font-size: 8.8pt
        }

        .part1 span {
            font-size: 12pt
        }

        .part1 .more {
            font-size: 8.5pt;
            margin-top: 0
        }

        .part1 .col-xs-5 strong {
            margin-bottom: 10px;
            margin-top: 0
        }

    #owl-demo2 .owl-next {
        right: 45%
    }

    #owl-demo2 .owl-prev {
        left: 45%
    }

    .item-in img {
        width: 215px
    }

    .owl-carousel2 .owl-item .item {
        min-height: 1139px
    }

    #owl-demo3 .item > a > img {
        width: 200px;
        height: 122px
    }

    #owl-demo3 .owl-next, #owl-demo3 .owl-prev {
        top: 45px
    }

    .customer-comm > span {
        font-size: 12pt
    }

    .customer-comm li a {
        font-size: 9pt
    }

    .list-in {
        font-size: 8.5pt
    }

    .your-comment {
        padding: 20px 30px
    }

        .your-comment > span {
            font-size: 11.5pt;
            margin-bottom: 10px
        }

        .your-comment .feedback-input {
            width: 41%
        }

        .your-comment .captcha-data .group {
            width: 47% !important
        }

        .your-comment .submit {
            font-size: 10.5pt
        }

    .parallax2 .col-xs-4 .box .more {
        font-size: 9pt;
        margin-top: 35px;
        max-width: 100px
    }

    .map-icon {
        margin-right: 60px
    }

    .map-show-open .map-icon {
        margin-right: 160px
    }

    .iso img {
        width: 111px;
        height: 30px
    }

    .col-sm-3 .pro-item {
        max-height: 371px
    }

    .pro-item > a img {
        width: 200px;
        height: 198px
    }

    .formLogin .captcha-data {
        width: 802px !important
    }

        .formLogin .captcha-data .group {
            width: 629px !important
        }

    .news-list a img {
        height: 197px !important
    }

    .faq-item .question p {
        width: 724px
    }

    .contact-comment .captcha-data {
        width: 370px !important
    }

        .contact-comment .captcha-data .group {
            width: 228px !important
        }

    .user .captcha-data .group {
        width: 303px !important
    }

    .msg {
        font-size: 8pt
    }

    .features {
        margin-top: 8px;
        width: 100%;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center
    }

    header .top {
        height: auto
    }

        .features:after, header .top:after {
            clear: both;
            display: table;
            content: ''
        }

    .features a {
        font-size: 9pt;
        padding: 0 0 0 20px
    }

    #owl-demo2 .item img {
        height: 228px
    }

    .part3 img {
        margin-top: 85px
    }

    .comments {
        padding: 25px 0 15px
    }

    .viewVersion span.input-validate {
        width: 50%;
    }
}

@media(max-width:992px) {
    .logo img, .slide .col-xs-6 {
        margin-top: 0
    }

    .productList .item {
        height: 1060px
    }

    .productList .col-sm-2:last-child .item {
        display: block
    }

    .container-in {
        min-height: 730px
    }

    .productList .col-sm-2 {
        width: 33.333333%;
        float: right
    }

    .logo img, .menufix .logo img {
        width: 85px
    }

    div.menu {
        display: none
    }

    .menu2 {
        display: block
    }

    .logo img {
        height: 48px;
        width: initial
    }

    .menufix {
        height: 102px
    }

    header .top {
        height: auto;
        padding: 0
    }

    .top-l, .top-r {
        width: 100%;
        float: none !important;
        clear: both;
        text-align: center
    }

        .top-l > *, .top-r > * {
            float: none !important;
            display: inline-block;
            vertical-align: middle
        }

        .top-l:after, .top-r:after {
            clear: both;
            display: table;
            content: ''
        }

    #main-slide .carousel-control i {
        width: 45px;
        height: 45px;
        font-size: 11.5px
    }

    #main-slide .slider-content h2 {
        font-size: 28px
    }

    .font-31 {
        font-size: 19px !important
    }

    .slide .col-xs-6 p {
        font-size: 9pt;
        line-height: 1.5
    }

    .slide .col-xs-6 cite {
        font-size: 8.1pt
    }

    .slide .slider-text-green {
        margin-top: 5%
    }

        .slide .slider-text-green h2 {
            font-size: 24pt !important;
            margin-bottom: 20px
        }

        .slide .slider-text-green h3 {
            font-size: 18pt !important
        }

    .dark-blue {
        margin-top: -2% !important
    }

        .dark-blue strong {
            font-size: 15pt;
            margin-bottom: 10px
        }

        .dark-blue p {
            margin-bottom: 20px !important;
            font-size: 10.5pt !important
        }

    .orange-text {
        margin-top: 5%
    }

    .orange-img2 {
        top: -57px
    }

    .part1 {
        padding: 15px 0
    }

        .part1 .col-xs-7 {
            width: 100%
        }

        .part1 .col-xs-5 {
            width: 100%;
            margin-top: 20px
        }

    .item-in img {
        width: 220px
    }

    #owl-demo2 .owl-next {
        right: 44%
    }

    #owl-demo2 .owl-prev {
        left: 44%
    }

    #owl-demo3 .owl-next, #owl-demo3 .owl-prev {
        top: 55px;
        width: 40px;
        height: 40px;
        font-size: 6pt
    }

    .your-comment .feedback-input {
        width: auto
    }

    .your-comment .captcha-data .group {
        width: 100% !important
    }

    .your-comment span.input-validate .inputArea {
        height: 100px
    }

    .parallax2 .col-xs-4 .box {
        padding: 30px 15px;
        height: 465px;
        margin-top: 30px
    }

        .parallax2 .col-xs-4 .box .title {
            font-size: 10pt;
            margin-bottom: 10px
        }

        .parallax2 .col-xs-4 .box ul li {
            font-size: 8.5pt
        }

        .parallax2 .col-xs-4 .box .more {
            font-size: 8pt;
            margin-top: 10px;
            max-width: 80px;
            padding: 3px 0
        }

        .parallax2 .col-xs-4 .box ul {
            height: 243px
        }

    .map-icon {
        margin-right: 0
    }

    .map-show-open .map-icon {
        margin-right: 100px
    }

    footer {
        padding: 20px 0
    }

        footer strong {
            font-size: 11pt;
            margin-bottom: 20px
        }

    .info p {
        font-size: 10pt
    }

    .social {
        margin-top: 25px
    }

    footer ul li {
        margin-bottom: 0;
        font-size: 9pt
    }

    .iso {
        margin-top: 50px
    }

        .iso a {
            margin: 0 0 15px
        }

        .iso img {
            width: 143px;
            height: 39px
        }

    .contact-fix {
        display: none
    }

    .link-fix .orange {
        display: inline-block;
        top: 41px
    }

    .link-fix .green {
        border-left: 0;
        border-right: 0
    }

    .copyright {
        padding: 10px 0;
        height: 40px
    }

    #back-top {
        width: 45px;
        height: 45px;
        font-size: 6pt;
        margin-top: -55px
    }

    .products-list .col-sm-3 {
        width: 33.3%
    }

    .formLogin .captcha-data {
        width: 585px !important
    }

        .formLogin .captcha-data .group {
            width: 412px !important
        }

    .news-list a {
        padding-bottom: 10px
    }

        .news-list a img {
            height: 148px !important;
            margin-bottom: 15px
        }

        .news-list a p {
            font-size: 8pt;
            padding: 0 15px;
            margin: 5px 0 10px
        }

        .news-list a h3 {
            font-size: 9.5pt;
            padding: 2px 15px
        }

        .news-list a span {
            font-size: 8pt;
            margin: 0 15px;
            padding: 2px 8px
        }

    .news-in img {
        width: 100%;
        margin: 0 0 15px
    }

    .faq-item .question p {
        width: 505px
    }

    .map-page {
        height: 405px
    }

    .user .captcha-data .group {
        width: 175px !important
    }

    .order-form .col-xs-4, .order-form .col-xs-6 {
        width: 50%;
        height: 80px
    }

    #owl-demo2 .item img {
        height: 234px
    }

    .customer-comm ul {
        height: auto
    }

    .checkBox {
        margin-top: 0
    }

    header .top-l {
        display: none
    }

    .basketDiv, .compareList.cd-stretchy-nav, .top-r .btns > a {
        margin-top: 1px
    }

    .viewVersion {
        width: 100%;
    }

        .viewVersion span.input-validate {
            width: 53%;
        }
}

@media(max-width:768px) {
    header {
        height: auto
    }

    .menufix {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        .menufix .menuLine {
            height: 43px;
            -webkit-box-shadow: 0 1px 3px 0 rgba(16,17,17,.2);
            -moz-box-shadow: 0 1px 3px 0 rgba(16,17,17,.2);
            box-shadow: 0 1px 3px 0 rgba(16,17,17,.2);
            background: #fff
        }

    .customers, .productList .item {
        height: auto;
        padding-bottom: 15px
    }

        .productList .item .btn {
            position: inherit
        }

    .productList {
        padding: 0 5px
    }

        .productList .col-sm-2 {
            width: 100%;
            float: right
        }

        .productList .item {
            position: relative;
            width: 100%;
            margin: 0 auto 15px
        }

    .container {
        width: 100%
    }

    .container-in {
        min-height: 500px
    }

        .container-in table {
            overflow: auto
        }

    .dark-blue strong, .slide .col-xs-6 p {
        display: none
    }

    .basketParent {
        left: 0
    }

    .display-show {
        left: 45px;
        top: 3px
    }

    .slide .col-md-6.text-center {
        margin-top: 4%
    }

    #main-slide .slider-content h3 {
        font-size: 26px;
        margin-top: 10px;
        color: #555
    }

    .col-md-6.text-center span {
        font-size: 11pt
    }

    .col-md-6.text-center a span {
        font-size: 8pt
    }

    #main-slide .slider-content h2 {
        font-size: 21px
    }

    .font-31 {
        font-size: 14px !important
    }

    .slide .col-xs-6 {
        margin-top: 8%
    }

        .slide .col-xs-6 cite {
            font-size: 10pt
        }

    .slide .slider-text-green {
        margin-top: 11%
    }

        .slide .slider-text-green h2 {
            font-size: 19pt !important
        }

        .slide .slider-text-green h3 {
            font-size: 13pt !important;
            margin-top: 0 !important
        }

    .dark-blue {
        margin-top: 6% !important
    }

        .dark-blue p {
            display: block !important;
            margin-bottom: 0 !important;
            font-size: 9pt !important
        }

    .orange-text {
        margin-top: 8%
    }

    .orange-img2 {
        top: -30px
    }

        .orange-img2 img {
            width: 93%
        }

    .slide .col-xs-6 h1 {
        font-size: 11pt
    }

    .item-in img {
        width: 100%
    }

    #owl-demo2 .owl-next {
        right: 41%
    }

    #owl-demo2 .owl-prev {
        left: 41%
    }

    #owl-demo3 .item > a > img {
        width: 170px;
        height: 104px
    }

    #owl-demo3 .owl-next, #owl-demo3 .owl-prev {
        top: 45px
    }

    .comments {
        padding: 35px 0
    }

        .comments .col-xs-5, .comments .col-xs-7 {
            width: 100%
        }

            .comments .col-xs-5:first-child {
                margin-bottom: 15px
            }

    .your-comment .group {
        width: 49%;
        float: right
    }

        .your-comment .group:nth-child(odd) {
            float: left
        }

        .your-comment .group:nth-child(7) {
            width: 100%
        }

    .your-comment .line.captcha-data {
        width: 100% !important;
        clear: both
    }

    .your-comment .feedback-input {
        width: 30%
    }

    .your-comment .captcha-data .group {
        width: 60% !important
    }

    .tab {
        height: auto;
        margin: 15px 0
    }

    .idea-box {
        height: 188px
    }

    .idea-down, .idea-up {
        bottom: 9px
    }

    .tab h2.resp-accordion {
        font-size: 9pt;
        padding: 10px 15px;
        position: relative
    }

    .tab .resp-tab-content {
        height: 238px;
        padding: 0 15px;
        position: relative
    }

    .parallax2 {
        height: auto;
        padding: 15px 0
    }

        .parallax2 .col-xs-4 {
            width: 100%
        }

            .parallax2 .col-xs-4 .box {
                padding: 30px;
                height: auto;
                margin: 10px 0
            }

        .parallax2 .col-xs-6 .box {
            height: 490px;
            padding: 15px 5px
        }

            .parallax2 .col-xs-6 .box .more {
                font-size: 9pt
            }

    .map-show {
        font-size: 10pt;
        line-height: 8.5
    }

    .map-icon {
        width: 25px;
        height: 32px;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }

    .map-show span:before {
        right: -15px;
        margin-top: 17px;
        font-size: 7pt
    }

    .map-show-open .map-icon {
        margin-right: 85px
    }

    footer .col-xs-3, footer .col-xs-4, footer .col-xs-5 {
        width: 100%
    }

    .iso {
        margin: 25px 0 0
    }

        .iso img {
            width: 116px;
            height: 32px
        }

    .copyright {
        padding: 15px 0;
        height: 45px
    }

    #back-top {
        margin-top: -65px
    }

    .products-list .col-sm-3 {
        width: 50%;
        float: right
    }

    .col-sm-3 .pro-item {
        max-height: inherit
    }

    .pagination, .parentCategori {
        position: relative;
        min-width: 100%;
        float: none;
        clear: both
    }

    .formLogin .captcha-data {
        width: 80% !important;
        margin-left: 2%
    }

    .formLogin img.feedback-input {
        width: 25%;
        margin-top: 3%
    }

    .formLogin .reload {
        width: 4%;
        margin: 6% 2% 0
    }

    .formLogin .captcha-data .group {
        width: 67% !important
    }

    .clear-right {
        display: none
    }

    .product-in img {
        margin-bottom: 10px
    }

    .pro-details {
        margin-top: 0;
        margin-bottom: 15px;
        width: 100%;
        clear: both
    }

    .info-pro > * {
        display: block;
        margin-left: 0
    }

    .news-list a {
        padding-bottom: 20px
    }

        .news-list a img {
            height: auto !important;
            margin-bottom: 25px
        }

        .news-list a h3 {
            font-size: 10.5pt;
            padding: 3px 25px
        }

        .news-list a p {
            font-size: 9pt;
            padding: 0 25px;
            margin: 10px 0 15px
        }

        .news-list a span {
            font-size: 9pt;
            margin: 0 25px;
            padding: 4px 11px
        }

    .faq-item .question i {
        width: 7%;
        margin-left: 2%;
        height: auto;
        margin-top: 0
    }

    .faq-item .question p {
        width: 90%;
        margin: 0
    }

    .faq-item .reply {
        margin-top: 10px;
        padding: 0
    }

    .secFormfaq .captcha-data {
        width: 338px !important
    }

        .secFormfaq .captcha-data .group {
            width: 186px !important
        }

    .map-page {
        height: 285px
    }

    .contact-comment .captcha-data {
        width: 328px !important;
        margin: 0 0 20px 10px
    }

        .contact-comment .captcha-data .group {
            width: 186px !important
        }

    .user .col-sm-7 form {
        border-left: 0;
        padding-left: 0;
        margin-bottom: 15px
    }

    .user .captcha-data .group {
        width: 393px !important
    }

    .features a {
        font-size: 9pt;
        padding: 0;
        width: 50%;
        float: right;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center
    }

    #owl-demo2 .item img {
        height: auto
    }

    .full-image .container-fluid .col-md-5.col-sm-6.pull-right img {
        position: relative !important
    }

    .productList .item {
        padding-top: 10px
    }

        .productList .item img {
            width: 50%;
            display: block;
            margin: auto;
            float: none;
            clear: both
        }

        .item-in button, .productList .item .item-in img {
            display: none
        }

        .productList .item p {
            font-size: 10pt;
            text-align: center;
            display: block;
            font-weight: 700
        }

        .productList .item .btn {
            box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
            width: 130px;
            padding: 5px 0;
            font-size: 11pt
        }

    .panel-option {
        display: table
    }

        .panel-option li {
            width: auto !important;
            display: table-cell;
            vertical-align: inherit;
            padding: 3px 9px
        }

    .productList .item strong {
        font-size: 9pt
    }

    .linerPrice {
        margin-left: 7px
    }

    .panel-option li:nth-child(odd) {
        background: 0 0 !important
    }

    .part3 .col-xs-3 {
        display: none
    }

    .part3 {
        padding: 25px 0 15px;
        text-align: center
    }

        .part3 .col-xs-9 {
            width: 100%
        }

        .part3 .titr {
            font-size: 14pt;
            padding: 3px 25px;
            display: inline-block;
            margin-top: 0;
            background: #fe7400;
            color: #fff
        }

    .productList .item .title {
        display: inline-block;
        padding: 5px 15px;
        min-width: 255px;
        max-width: 100%
    }

    .descItem {
        min-height: inherit
    }

    .phone span {
        letter-spacing: 0;
        font-size: 13pt
    }

    .top-r .phone {
        padding: 7px 10px;
        height: 44px
    }

        .top-r .phone i {
            font-size: 11.5pt;
            margin-right: 5px
        }

    .linkToHome {
        font-size: 10pt;
        padding: 9px 15px
    }

    .viewVersion .user .captcha-data .group {
        width: 279px !important
    }

    .viewVersion span.input-validate {
        width: 279px;
    }

    .label-success {
        padding: 5px;
    }
}

@media(max-width:744px) {
    .owl-carousel2 .owl-item .item {
        min-height: 1306px
    }
}

@media(max-width:668px) {
    .item-in img {
        width: 240px
    }

    .owl-carousel2 .owl-item .item {
        min-height: 1228px
    }

    .order-form .col-xs-4, .order-form .col-xs-6 {
        width: 100%;
        height: auto
    }

    .order-form .submit, .order-form p {
        font-size: 9.5pt
    }
}

@media(max-width:600px) {
    .FormBuilderValidation button#sendForm {
        clear: both;
        margin: 15px 0 0;
        float: right
    }

    .basketDiv, .compareList.cd-stretchy-nav, .top-l > a, .top-r .btns > a {
        margin-left: 4px
    }

    .top-r .phone {
        margin-right: 0
    }

    .foot, .head {
        padding: 5px 0
    }

    #main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right {
        display: none
    }

    .item-in img {
        width: 100%
    }

    .user .captcha-data .group {
        width: 313px !important
    }


    .login-tips i {
        margin-left: 15px;
        top: 8px
    }

    .head {
        margin-bottom: 5px;
        margin-top: 15px
    }

        .head i {
            font-size: 25pt
        }

        .head h3 {
            font-size: 10pt;
            margin-top: -10px
        }

    .foot {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 9pt
    }

    .wiki {
        margin-right: 3px
    }

    .part3 .col-xs-3, .part3 .col-xs-9 {
        width: 100%
    }

    .part3 img {
        margin: 0 auto;
        display: block
    }

    .part3 .titr {
        margin-top: 15px;
        font-size: 13pt
    }

    .myForm .row > div {
        width: 100%;
        margin-bottom: 10px;
        clear: both
    }

    .radio {
        margin: 0
    }

    .parallax2 {
        padding: 30px 0 15px
    }

        .parallax2 .col-xs-6 {
            width: 100%
        }

            .parallax2 .col-xs-6 .box {
                height: auto;
                margin-top: 0;
                margin-bottom: 15px
            }
}

@media only screen and (max-width: 580px) {
    .viewVersion .user {
        padding: 20px;
    }

        .viewVersion .user .captcha-data .group {
            width: 200px !important;
        }
}

@media(max-width:520px) {
    .select-port > span {
        display: block
    }

    .link-fix .blue, .link-fix .orange {
        display: none
    }

    header .top {
        height: auto;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center;
        padding: 0
    }

    .top-l, .top-r {
        width: 100%;
        float: none !important
    }

        .top-r:after {
            display: table;
            content: '';
            clear: both
        }

    .menufix .topCenter * {
        font-size: 9pt !important;
    }

    .menufix .topCenter > * {
        padding: 0 5px;
        min-height: 25px;
        min-width: initial;
    }

    .linkToHome {
        float: none !important;
        padding: 0 !important;
        font-size: 8pt;
        height: 25px !important;
    }

    .compareList.cd-stretchy-nav, .top-r .basketDiv, .top-r .btns > a {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

    .col-md-6.text-center h3, .col-md-6.text-center span, .top-l {
        display: none
    }

    .cart-wrapper.top_block.basket i.fa-close {
        right: -166px
    }

    .top-l {
        margin-bottom: 5px
    }

    .top_block.basket {
        right: -38px
    }

    .top_block:before {
        right: 44px
    }

    .fa-close:before {
        right: 80.5px
    }

    .compareList-Box {
        right: -45px
    }

        .compareList-Box:before {
            right: 51px
        }

    .display-show .compareList-Box {
        right: 0
    }

        .display-show .compareList-Box:before {
            right: 85%
        }

    .slide .col-md-6.text-center {
        margin-top: 18%
    }

    .col-md-6.text-center a span {
        display: block
    }

    #main-slide .slider-content h2 {
        font-size: 16px
    }

    .font-31 {
        font-size: 10px !important
    }

    .slide .col-xs-6 {
        margin-top: 10%
    }

        .slide .col-xs-6 h1 {
            font-size: 8pt
        }

        .slide .col-xs-6 cite {
            font-size: 7.2pt
        }

    .slide .slider-text-green {
        margin-top: 15%
    }

        .slide .slider-text-green h2 {
            font-size: 14pt !important
        }

        .slide .slider-text-green h3 {
            font-size: 10pt !important
        }

    .dark-blue {
        margin-top: 10% !important
    }

        .dark-blue p {
            font-size: 7.5pt !important
        }

    .orange-text {
        margin-top: 13%
    }

    .orange-img2 {
        top: 11px
    }

        .orange-img2 img {
            width: 85%
        }

    #owl-demo2 {
        margin-top: 55px;
        margin-bottom: 15px
    }

        #owl-demo2 .owl-next {
            right: 0
        }

        #owl-demo2 .owl-prev {
            left: 0
        }

        #owl-demo2 .item .btn {
            font-size: 10pt
        }

        #owl-demo2 .owl-next, #owl-demo2 .owl-prev {
            top: -40px !important;
            width: 30px;
            height: 30px;
            font-size: 5pt;
            line-height: 2
        }

    .customers .title {
        font-size: 13pt
    }

    .comments {
        padding: 15px 0
    }

    .your-comment > span {
        font-size: 9.5pt
    }

    .your-comment span.input-validate .inputText {
        height: 40px
    }

    .your-comment .group label {
        font-size: 8pt
    }

    .your-comment .group input:focus ~ label, .your-comment .group input:valid ~ label {
        font-size: 7.5pt
    }

    .your-comment .feedback-input {
        width: 100px
    }

    .your-comment .reload {
        width: 15px;
        margin-top: 10px
    }

    .your-comment .submit {
        font-size: 9pt;
        width: auto !important;
        height: auto;
        padding: 3px 17px
    }

    .customer-comm > span {
        font-size: 10pt
    }

    .customer-comm li a {
        font-size: 8pt
    }

    .list-in {
        font-size: 7.5pt
    }

    .your-comment .group {
        width: 100%
    }

    .your-comment .captcha-data .group {
        width: 100% !important;
        margin-top: 5px !important
    }

    span.field-validation-valid {
        font-size: 7pt !important
    }

    .parallax2 .col-xs-4 .box {
        padding: 15px
    }

    footer strong {
        font-size: 9pt;
        margin-bottom: 10px
    }

    .info p {
        font-size: 8pt
    }

        .info p i {
            margin-left: 10px;
            font-size: 10pt
        }

    .social {
        margin-top: 15px
    }

        .social a {
            width: 25px;
            height: 25px;
            margin-left: 5px;
            font-size: 9pt
        }

    .iso {
        margin: 15px 0 0
    }

        .iso a {
            width: 50%;
            float: right
        }

        .iso img {
            width: 80%;
            height: auto
        }

    footer ul li {
        font-size: 7.5pt
    }

    .modal {
        top: -255px;
        right: -98px
    }

    .copyright {
        font-size: 7pt
    }

    #back-top {
        width: 35px;
        height: 35px;
        font-size: 5pt;
        margin-top: -55px
    }

    .bread-crumb ol li span, .formLogin #result, .pro-details .shoping span, .pro-item > a .price, .technical-title span, span.infiniteScrollPageContainer, span.page-txt, ul.category li.has-sub ul li a, ul.category li.has-sub ul li ul li a, ul.category > li > a {
        font-size: 8pt
    }

    .pagination a, .paging-model2 select, .paging-model2 span, .paging-model2 ul {
        font-size: 9pt;
        line-height: 2.5
    }

    .page-number, span.infiniteScrollPageContainer, span.page-txt {
        height: 20px
    }

    .page-title span, .product-in h2 {
        font-size: 13pt
    }

    .pro-details, .pro-item > a > h2, .sidebar-widget-title, .technical ul li, .technical-general ul li {
        font-size: 9pt
    }

    .products-list .col-sm-3 {
        width: 100%;
        float: none
    }

    .pro-item > a img {
        width: 260px;
        height: 257px
    }

    .col-sm-3 .pro-item {
        margin-bottom: 12px
    }

    .login, .login-show {
        height: 85px
    }

        .login-show span {
            font-size: 11pt;
            margin: 0 25px
        }

    .login-icon {
        font-size: 28pt;
        margin-top: 8px
    }

    .login-show .login-arrow:before {
        font-size: 13pt
    }

    .formLogin {
        margin-top: 85px;
        padding-bottom: 10px;
        width: 300px !important
    }

    .login-open {
        height: 280px
    }

    .formLogin .captcha-data {
        width: 100% !important;
        margin: 0
    }

    .formLogin button.submit.ripplelink {
        padding: 0 20px;
        font-size: 10pt
    }

    .formLogin img.feedback-input {
        width: auto;
        margin: 0
    }

    .formLogin .reload {
        width: 18px;
        margin: 15px 15px 0
    }

    .formLogin .captcha-data .group {
        width: 100% !important;
        margin-top: 10px !important
    }

    .formLogin #result {
        margin-top: 5px
    }

    .product-in img {
        clear: both;
        display: block;
        max-width: 100%
    }

    .pro-details {
        margin: 15px 0
    }

    .product-in h3, .product-in p {
        font-size: 9.5pt
    }

    .product-in p {
        margin-bottom: 5px
    }

    .technical, .technical-general {
        margin-top: 15px
    }

    .technical-title span {
        padding: 6px 70px
    }

    .technical-general ul {
        margin-top: 10px
    }

    .technical ul li strong {
        width: 201px
    }

    .faq-item .question i {
        font-size: 20pt
    }

    .faq-item .question p {
        font-size: 9pt
    }

    .faq-item .showReply {
        padding: 2px 10px;
        color: #000;
        font-size: 7.5pt
    }

    .faq-item .reply p {
        font-size: 8.5pt
    }

    .secFormfaq .captcha-data {
        width: 100% !important;
        margin: 0 0 15px
    }

    .map-page {
        height: 250px
    }

    .contact-info p span, .contact-info p strong {
        font-size: 10.5pt
    }

    .contact-info p {
        font-size: 9pt;
        margin-bottom: 5px
    }

    .contact-social span {
        font-size: 9.5pt;
        margin-bottom: 10px;
        margin-top: 0
    }

    .contact-social {
        min-height: 230px;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }

        .contact-social > a {
            margin-left: 10px;
            width: 43px;
            height: 43px;
            font-size: 11pt
        }

    .contact-comment > span {
        font-size: 12pt;
        margin-bottom: 0
    }

    .contact-comment .captcha-data {
        width: 100% !important;
        margin: 0 0 10px
    }

    .contact-comment .submit {
        padding: 0 30px;
        font-size: 10pt;
        height: 37px
    }

    .user .captcha-data .group {
        width: 212px !important
    }

    .mainHeading {
        max-width: 85%
    }

    .link-fix > a.green {
        background: #90be07
    }

    .link-fix > a > * {
        color: #fff !important
    }
}

@media(max-width:483px) {
    .FormBuilderValidation input#captcha {
        float: right;
        clear: both;
        margin: 15px 0 0
    }

    .item-in img {
        margin: auto;
        display: block;
        clear: both
    }

    .owl-carousel2 .owl-item .item, .panel-option {
        min-height: inherit
    }

    #owl-demo2 .item .btn, .plus {
        position: initial
    }

    #owl-demo2 .owl-wrapper {
        transform: none !important
    }

    #owl-demo2 .owl-next, #owl-demo2 .owl-prev {
        display: none
    }
}

@media only screen and (max-width: 460px) {
    .viewVersion .user .captcha-data .group {
        width: 112px !important;
    }
}

@media(max-width:420px) {
    .menufix {
        height: 80px
    }

    .productList .item {
        width: 100%
    }

    .link-fix {
        top: 48%
    }

    header .top {
        padding: 0 0 2px
    }

    .basketDiv, .compareList.cd-stretchy-nav, .top-r .btns > a {
        width: 30px;
        height: 30px;
        line-height: 1.8;
        margin-left: 0
    }

    .basket_top i {
        font-size: 12.5pt;
        line-height: 1.9
    }

    .compareList > a {
        font-size: 12pt;
        line-height: 2
    }

    .top-r .btns > a > span svg {
        width: 20px !important;
        height: 20px !important;
        display: block;
        margin-right: 6px
    }

    .top-r .phone {
        padding: 2px;
        font-size: 10pt;
        margin-top: 0;
        height: auto
    }

        .top-r .phone i {
            font-size: 10.5pt;
            margin-right: 3px
        }

    .search_box:checked ~ .search_form {
        width: 185px
    }

    .compareList-Box {
        right: -93px
    }

        .compareList-Box:before {
            right: 98px
        }

    .slide .col-xs-6 {
        margin-top: 16%
    }

        .slide .col-xs-6 cite {
            font-size: 5pt
        }

    .slide .slider-text-green {
        margin-top: 22%
    }

        .slide .slider-text-green h2 {
            font-size: 11pt !important;
            margin-bottom: 10px
        }

        .slide .slider-text-green h3 {
            font-size: 7pt !important
        }

    .dark-blue {
        margin-top: 17% !important
    }

        .dark-blue p {
            font-size: 5.5pt !important
        }

    .orange-img2 {
        display: none
    }

    .orange-text {
        width: 100%;
        float: none;
        margin: 18% auto 0;
        padding: 0
    }

    .technical-title span {
        width: 100%;
        padding: 6px 0;
        display: block;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center
    }

    .technical ul li {
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center
    }

        .technical ul li strong {
            width: 100%;
            background: #eee
        }

    .news-list a {
        padding-bottom: 10px
    }

        .news-list a p {
            font-size: 8pt;
            padding: 0 15px;
            margin: 5px 0 10px
        }

        .news-list a h3 {
            font-size: 9.5pt;
            padding: 2px 15px
        }

        .news-list a span {
            font-size: 8pt;
            margin: 0 15px;
            padding: 2px 8px
        }

    .faq-item .question i {
        width: 12%
    }

    .faq-item .question p {
        width: 84%
    }

    .inpultHalf {
        width: 100% !important;
        float: none !important
    }

    .contact-comment .feedback-input, .secFormfaq .feedback-input {
        width: 100px;
        margin: 12px 0 0
    }

    .contact-comment .reload, .secFormfaq .reload {
        width: 15px;
        margin: 21px 5px 0 10px
    }

    .contact-comment .captcha-data .group, .secFormfaq .captcha-data .group {
        width: 143px !important
    }

    .faq-title {
        font-size: 10.5pt;
        padding-bottom: 5px
    }

    .secFormfaq {
        padding-top: 10px
    }

        .secFormfaq .submit {
            font-size: 10pt;
            height: 35px;
            width: 100px !important
        }

    .map-page {
        height: 200px
    }

    .contact-social {
        min-height: 200px
    }

    .user .captcha-data .group {
        width: 112px !important
    }

    .testSMSContainer .user .captcha-data .group {
        width: 105px !important
    }

    .order-form .captcha-data .group {
        width: 100% !important;
        margin-top: 10px !important
    }

    .order-form .col-xs-4, .order-form .col-xs-6 {
        margin-bottom: 10px
    }

    .order-form .col-xs-12 {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .features a {
        font-size: 7.5pt
    }

    .video .circle {
        width: 55px;
        height: 55px;
        top: 35%
    }

        .video .circle:before {
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 15px solid #fff;
            left: 22px;
            top: 18px
        }

    .menufix .menuResize {
        top: 0
    }

    .checkBox {
        display: block;
        margin: 0
    }
}

@media only screen and (max-width: 360px) {
    .viewVersion .user .captcha-data .group {
        width: 112px !important;
    }

    .viewVersion .user .feedback-input {
        width: 90px !important;
        margin: 15px 0 0 !important;
    }

    .viewVersion .user .reload {
        margin: 32px 8px 0;
    }

    .viewVersion span.input-validate {
        width: 100%;
    }
}

.menufix .menuResize label {
    width: 40px;
    height: 40px;
    top: 2px
}

@media only screen and (max-width:992px) {
    .link-fix {
        left: 0;
        bottom: 0;
        height: 327px;
        width: 30px;
        top: inherit
    }

        .link-fix .orange, .link-fix > a {
            left: -48px;
            width: 125px;
            height: 30px
        }

        .link-fix .blue {
            top: 250px
        }

        .link-fix .green {
            top: 125px
        }

        .link-fix .orange {
            top: 0
        }

    .topCenter .phone.phoneFix strong {
        display: block
    }
}

@media only screen and (min-width:992px) and (max-height:720px) {
    .link-fix {
        top: 0
    }
}

@media only screen and (max-width:992px) and (max-height:480px) {
    .link-fix {
        height: 264px
    }

        .link-fix .orange, .link-fix > a {
            left: -35px;
            width: 100px;
            height: 30px
        }

        .link-fix .green {
            top: 100px
        }

        .link-fix .blue {
            top: 200px
        }
}

@media only screen and (max-width:768px) {
    .enamad img {
        margin: auto;
        text-align: center;
        display: block;
        float: none !important
    }

    .parallax2 .col-xs-4 .box ul {
        height: auto
    }
}

@media only screen and (max-width:380px) {
    .topCenter .phone.phoneFix {
        text-align: left !important;
        padding: 10px 20px
    }

    .phone *, .phone span {
        font-size: 11pt;
        letter-spacing: 0
    }

    .topCenter i {
        font-size: 12.5pt;
        margin-right: 0
    }

    .topCenter > a, .topCenter > div {
        padding: 0 20px;
        min-height: 25px;
        min-width: 135px
    }

    .topCenter .loginTo {
        padding: 2px 8px;
        font-size: 8pt
    }

    .phone *, .phone span {
        font-size: 9pt
    }

    .topCenter i, .topCenter > a svg {
        display: none
    }
}

@media(max-width:1192px) {
    .festival {
        font-size: 12px
    }

    .offbanner {
        width: 250px
    }
}

@media(max-width:785px) {
    .festival {
        float: left;
        margin-left: 32px
    }
}

@media(max-width:737px) {
    .festival {
        float: left;
        margin-left: 32px;
        line-height: 2
    }

    .fixed-bottom {
        z-index: 9999999999
    }

    h1 {
        font-size: 20px !important
    }

    .full-image ul {
        font-size: 10pt
    }

    .full-image .two img {
        width: 50px;
        height: 50px
    }

    .full-image .two i {
        font-size: 10.5pt;
        width: 25px;
        height: 25px
    }

    .full-image .two strong {
        margin-top: 13px;
        font-size: 9pt
    }
}

.topCenter .phone.phoneFix {
    bottom: -37px;
    margin: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 10;
    animation: .4s ease 27ms normal both 1 running header-anim;
    -webkit-animation: .4s ease 27ms normal both 1 running header-anim;
    -moz-animation: .4s ease 27ms normal both 1 running header-anim;
    -ms-animation: .4s ease 27ms normal both 1 running header-anim;
    -o-animation: .4s ease 27ms normal both 1 running header-anim;
    transition: #000 .3s ease-in-out 0;
    -webkit-transition: #000 .3s ease-in-out 0;
    -moz-transition: #000 .3s ease-in-out 0;
    -ms-transition: #000 .3s ease-in-out 0;
    -o-transition: #000 .3s ease-in-out 0
}

@media only screen and (max-width:580px) {
    .myBtns span {
        font-size: 10pt;
        height: 45px;
        padding-left: 8px;
        min-width: 200px
    }

        .myBtns span:before {
            width: 45px;
            height: 45px
        }

        .myBtns span svg {
            top: 5px;
            width: 27px !important
        }

        .myBtns span span {
            margin-right: 55px
        }

    .myBtns .viewBtn span:after {
        font-size: 7pt;
        margin-right: 2px
    }
}

@media only screen and (max-width:420px) {
    .social-special a {
        display: block;
        margin: 0
    }
}

@media only screen and (max-width:330px) {
    .productList .item .title {
        min-width: 200px
    }
}