@media(max-width:768px){
    .row.slider-parent {
        flex-direction: column;gap: 50px;
    }
    .section1 .prev, .section1 .next {
        top: 50%;
    }

}
@media(max-width:767px) {
    .shop-sec .mrg-sm {
        display: none;
    }
    .shop-sec .shop-tools-menu {
        display: flex;
    }
    .zoom-pic {
        width: 90%;
    }
    .container-fluid .container .home-show-more {
        justify-content: center;
    }
    .container-fluid .container .home-show-more p {
        margin-bottom: 40px;
    }
    .our-customer .row .customer_slider {
        width: 80%;
    }
    #page .summary-box {
        padding: 83px 20px 30px 20px;
    }
    #page .summary-box::after {
        left: 15px;
        top: 40px;
    }
    #back-to-top {
        bottom: 69px;
        left: 10px;
    }
    #all_contact {
        position: fixed;
        right: 10px;
        bottom: 50px;
        z-index: 20000000000;
    }
    #all_contact .main-chat-menu {
        position: fixed;
        z-index: 2000000005;
        bottom: 65px;
        right: 10px;
    }
    #all_contact .content-goftino::after {
        top: -115px;
        right: 66px;
    }
    #all_contact .live-whatsapp {
        position: fixed;
        right: 10px;
        bottom: 255px;
    }
    #all_contact .live-call {
        position: fixed;
        right: 10px;
        bottom: 189px;
    }

    @keyframes transform_call {
        0% {
            opacity: 0;
            bottom: -100px;
        }
        100% {
            opacity: 1;
            bottom: 189px;
        }
    }
    @keyframes transform_whatsapp {
        0% {
            opacity: 0;
            bottom: -100px;
        }
        100% {
            opacity: 1;
            bottom: 255px;
        }
    }
    .quick-access {
        position: fixed;
        display: block;
        bottom: 0;
        width: 100%;
        height: 60px;
        border-top: 1px solid #eee;
        background: white;
        z-index: 100;
    }
    .quick-access .images-pack {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3px;
    }
    .quick-access .images-pack img {
        width: 35px;
        height: 35px;
    }
    .quick-access .images-pack a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .quick-access .images-pack div p {
        font-weight: 500;
    }
    .fix-padd-left,
    .fix-padd-right {
        padding: 0;
    }
    :is(.blog-categoires, .representations-categoires) ul {
        padding: 24px 20px;
    }
    .modal video {
        max-width: 90%;
    }
    .menu-bar .main-menu>li .ul-in {
        height: auto;
    }
    .menu-bar .main-menu li.has-sub-in>a:after {
        display: none;
    }
    .product-page .products .description  {
        padding: 30px 25px;
    }
    .product-page .set-image-coding {
        margin-bottom: 30px;
    }
    .product-page .total-code {
        width: 100%;
        justify-content: center;
    }
    .menu-bar .user-active .user-account-family {
        top: 20px;
        right: 30px;
        left: unset;
    }
    .error_msg,
    .success_msg {
        top: 365px;
        right: 85px;
    }
    .product-page .btn-shop a {
        width: auto;
    }
    .representation .slideTextThird {
        right: 61%;
    }
    .representation .slideTextSec {
        right: 61%;
    }
    .representation .owl-carousel .item img {
        margin-top: 5%;
    }
    .representation .container-fluid {
        padding: 0 15px;
    }
    .representation .slideTextFist {
        right: 61%;
    }
    .representation div.item a.slideBtn {
        right: 61%;
    }
    .menu-bar .logo {
        width: 120px;
    }
    .menu-bar.sticky,
    .menu-bar {
        background-color: rgba(0, 0, 0, .8);
        padding: 15px 0;
    }
    .menu-bar .main-menu {
        display: none;
        position: fixed;
        top: 83px;
        right: 0;
        left: 0;
        border-top: 3px solid #D1AE71;
        background-color: #3d3d3d;
        padding: 5%;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        text-align: right;
        max-height: calc(90vh - 95px);
        overflow-y: auto;
    }
    .menu-bar .search-box .close-btn {
        left: 25px;
        font-size: 26px;
    }
    .menu-bar .main-menu>li {
        display: block;
    }
    .menu-bar .search-btn,
    .menu-bar .search-btn-h {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-left: 0;
    }
    .menu-bar .login {
        position: absolute;
        left: 35px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-right: 0;
    }
    .menu-bar .cart {
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-right: 0;
    }
    .menu-bar .main-menu>li.has-sub>a:after {
        display: none;
    }
    .menu-bar .main-menu>li>ul,
    .menu-bar .main-menu>li:hover>ul,
    .menu-bar .main-menu>li ul,
    .menu-bar .main-menu>li:hover ul {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        visibility: visible;
        opacity: 1;
        position: relative;
        margin: 20px 0;
        width: 100%;
        box-shadow: none;
        right: inherit;
        top: inherit;
    }
    .menu-bar .main-menu>li.lang>ul,
    .menu-bar .main-menu>li.lang:hover>ul {
        width: 100px;
        text-align: center;
    }
    .menu-bar .main-menu>li>ul ul {
        margin: 0;
        padding: 10px 0;
    }
    .menu-bar .main-menu .has-sub ul {
        display: none;
    }
    .menu-bar .main-menu>li ul:after {
        display: none;
    }
    .menu-bar .main-menu .sub-menu-btn {
        font-size: 13px;
    }
    .menu-bar .main-menu>li>a {
        padding: 7px 15px;
    }
    .page-head {
        margin-top: 24px;
    }
    .slider-sec {
        margin-top: 75px;
    }
    .slider-sec .item .text-box {
        width: 45vw;
        top: 42%;
    }
    .slider-sec .item .text-box .title {
        font-size: 3.7vw;
        padding: 0 0 2.02vw;
        margin: 0 0 2.69vw;
    }
    .slider-sec .item .text-box .text {
        font-size: 1.6vw;
        margin-bottom: 2vw;
    }
    .slider-sec .item .text-box .link {
        padding: 1vw 4.04vw;
        font-size: 1.75vw;
    }
    .slider-sec .owl-nav.disabled+.owl-dots {
        bottom: 0;
    }
    .slider-sec .prev {
        left: 5px;
    }
    .slider-sec .next {
        right: 5px;
    }
    .slider-sec .owl-dots .owl-dot span {
        background: #fff;
        opacity: .7;
        width: 7px;
        height: 7px;
        margin: 0 5px;
    }
    .product-sec .owl-carousel {
        padding: 0;
    }
    .product-sec .item a span {
        font-size: 12px;
    }
    .product-sec .next {
        right: -10px;
    }
    .product-sec .prev {
        left: -10px;
    }
    .product-sec .owl-carousel:before {
        right: 0;
    }
    .product-sec .owl-carousel:after {
        left: 0;
    }
    .border-title {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .section1 .item {
        margin: 0 1%;
        width: 30%;
    }
    .section1 .item .text-box .title {
        margin: 2vw 0;
        font-size: 1.8vw;
    }
    .section1 .border-title:after {
        width: 100px;
    }
    .section1:before,
    .section1:after {
        display: none;
    }
    .section1 .item.first {
        margin-right: 2.3%;
    }
    .section1 .item.last {
        margin-left: 2.3%;
    }
    .section1 .item .text-box {
        opacity: 1;
    }
    .section1 .item .text-box .line {
        width: 60%;
    }
    .section2 {
        padding: 30px 0 80px;
    }
    .section2 .container-fluid {
        padding: 0 50px;
    }
    .section2 .p-item .pic {
        width: 80px;
    }
    .section2 .p-item .content .title {
        font-size: 12px;
    }
    .section2 .p-item .content .price .old {
        font-size: 11px;
    }
    .section2 .p-item .content .price span {
        font-size: 12px;
    }
    .section2 .sec-title {
        font-size: 20px;
    }
    .section2 .mrg-top {
        margin-top: 50px;
    }
    .section2 .pic-slider {
        margin-bottom: 90px;
    }
    .product-sec {
        padding: 70px 0;
    }
    .product-sec .products {
        flex-wrap: wrap;
    }
    .product-sec .products li {
        width: 33%;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .product-sec .products li:nth-child(3n+1) {
        border-right: 0;
    }
    .product-sec .btn-set {
        display: none;
    }
    .product-sec .products li a {
        width: auto;
        padding: 10px 25px;
    }
    .product-sec .products li a span {
        font-size: 11px;
    }
    .product-sec .products li a img {
        width: 70px;
    }
    .product-sec .products li a img {
        height: 35px;
    }
    .footer .row:first-child .col-xs-12+.col-xs-12 {
        margin-top: 35px;
    }
    .footer form {
        max-width: 400px;
    }
    .footer .social {
        text-align: center;
        float: none;
        margin-top: 20px;
    }
    .footer .col-sm-6:nth-child(3) {
        clear: both;
    }
    .footer .col-sm-6:nth-child(n+3) {
        margin-top: 35px;
    }
    .footer .mrg-top,
    .footer .social {
        text-align: center;
    }
    .footer .copyright {
        text-align: center;
    }
    .page-head {
        height: 164px;
    }
    .contact-sec {
        padding: 50px 0 80px;
    }
    .contact-sec .map {
        height: 200px;
    }
    .contact-sec .mrg-top {
        margin-top: 55px;
    }
    .faq-sec .sec-title {
        font-size: 26px;
    }
    .faq-sec p,
    .faq-sec .panel-body {
        font-size: 12px;
    }
    .inner-page .title {
        font-size: 16px;
        margin: 40px 0 20px;
    }
    .inner-page .title2 {
        font-size: 22px;
    }
    .inner-page .box span {
        font-size: 12px;
    }
    .inner-page .box {
        padding: 20px 15px;
    }
    .inner-page .box img {
        height: 40px;
    }
    .inner-page .col-xs-6:nth-child(2n+1) {
        clear: both;
    }
    .inner-page .col-xs-6:nth-child(n+3) {
        margin-top: 30px;
    }
    .side-block .border {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-top: 60px;
    }
    .side-block .post .content {
        padding: 20px;
    }
    .side-block .post .title {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .side-block .post .date {
        font-size: 11px;
    }
    .side-block .post-title {
        font-size: 16px;
    }
    .share-sec ul li {
        font-size: 11px;
    }
    .share-sec ul li a {
        font-size: 14px;
    }
    .side-block .nav-page a .pic img {
        width: 65px;
    }
    .side-block .nav-page a {
        padding: 20px;
    }
    .side-block .nav-page a .info {
        font-size: 10px;
    }
    .side-block .nav-page a .title {
        font-size: 11px;
    }
    .side-block .sub-title,
    .product-page .sub-title,
    .page .sub-title {
        margin: 55px 0 35px;
        font-size: 16px;
    }
    .comments li .body {
        padding: 20px 0;
    }
    .comments li .body .avatar {
        width: 55px;
        top: 20px;
    }
    .comments li .body .content {
        padding: 0 75px 0 0;
    }
    .comments li .body .content .name {
        font-size: 14px;
    }
    .comments li .body .content .date {
        font-size: 11px;
    }
    .comments li .body .content p {
        font-size: 12px;
    }
    .comments li .body .reply {
        font-size: 10px;
    }
    .shop-sec .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
    .product-page #sync2 {
        margin-bottom: 30px;
    }
    .product-item .title {
        font-size: 13px;
        height: 45px;
    }
    .shop-sec .mrg-sm {
        margin-top: 60px;
    }
    .product-item .price span {
        font-size: 12px;
    }
    .product-item .price .old {
        font-size: 11px;
    }
    .product-page .product-title {
        font-size: 18px;
    }
    .product-page .price span {
        font-size: 16px;
    }
    .product-page .price .old {
        font-size: 14px;
    }
    .product-page .flex .numbers-row .qty {
        font-size: 18px;
    }
    .product-page .flex .numbers-row {
        margin-left: 20px;
        width: 70px;
    }
    .product-page .flex .buy-btn {
        font-size: 12px;
    }
    .product-page .flex .buy-btn:before {
        background-size: 18px;
        margin-left: 0;
    }
    .product-page .text {
        font-size: 12px;
    }
    .tab-list li a {
        font-size: 14px;
    }
    .tab-list li+li {
        margin-right: 35px;
    }
    .product-page table tr {
        font-size: 12px;
    }
    .tab-list.inner li a {
        font-size: 11px;
    }
    .tab-list {
        margin: 80px 0 35px;
    }
    .tab-list.inner {
        margin: 0 0 35px;
    }
    .product-page .pic-list li {
        width: 11%;
    }
    .product-page .pic-list.color-list li {
        width: 18%;
    }
    .product-page .pic-list li .color {
        width: 50px;
        height: 50px;
    }
    .product-page .pic-list li span {
        font-size: 10px;
    }
    .product-page .pic-list li .pic:after {
        font-size: 16px;
    }
    .product-page .select-color label {
        font-size: 12px;
        margin-left: 6px;
    }
    .product-page .color .checkmark {
        height: 30px;
        width: 30px;
    }
    .product-page .color input:checked~.checkmark:after {
        width: 5px;
        height: 8px;
        left: 45%;
        top: 10px;
    }
    .table-responsive {
        border: 0;
    }
    .product-page .mrg-top {
        margin-top: 90px;
    }
    .product-page .next,
    .product-page .prev {
        width: 20px;
        height: 30px;
        line-height: 30px;
    }
    .product-page .prev {
        left: -22px;
    }
    .product-page .next {
        right: -22px;
    }
    .product-page .tab-pane img,
    .product-page .tab-pane video {
        width: 90%;
    }
    .shop-cat .cat-item .text-box {
        font-size: 11px;
    }
    .shop-cat {
        padding: 80px 0 2vw;
    }
    .shop-cat .cat-item .text-box .title {
        margin: 10px 0;
    }
    .shop-cat .slider {
        margin-top: 40px;
    }
    .modal .control.prev {
        width: 30px;
        background-size: 60px;
        height: 43px;
        left: 15px;
    }
    .modal .control.next {
        width: 30px;
        background-size: 60px;
        height: 43px;
        right: 15px;
    }
    /* .page {
        padding: 70px 0;
    } */
    .page .page-title {
        font-size: 16px;
    }
    .page .map,
    .contact-sec .map {
        height: 250px;
        margin-top: 60px;
    }
    .page .mrg-sm {
        margin-bottom: 60px;
    }
    .page .btn-box a,
    .contact-sec .btn-box a {
        font-size: 11px;
    }
    .page .info-box .info {
        font-size: 14px;
    }
    .page .outer-slider {
        padding: 0 30px;
    }
    .page .outer-slider .next-outer,
    .page .outer-slider .prev-outer {
        width: 25px;
        background-size: 25px !important;
    }
    .page .outer-slider .next-outer {
        right: -5px;
    }
    .page .outer-slider .prev-outer {
        left: -5px;
    }
    .page .inner-slider .owl-carousel,
    .page .inner-slider .owl-stage,
    .page .inner-slider .owl-item,
    .page .inner-slider .owl-stage-outer {
        height: auto;
    }
    .page .inner-slider .title {
        font-size: 12px;
        position: absolute;
        bottom: 15px;
        right: 0;
        left: 0;
    }
    .page .outer-slider .outer-item {
        display: block;
    }
    .page .inner-slider {
        width: 100%;
        padding: 0;
    }
    .page .inner-slider .owl-carousel {
        position: relative;
    }
    .page .inner-slider .owl-nav .owl-prev {
        left: 5px;
    }
    .page .inner-slider .owl-nav .owl-next {
        right: 5px;
    }
    .page .inner-slider {
        width: 100%;
        padding: 0;
    }
    .page .inner-slider .item {
        padding: 0;
    }
    .page .inner-slider .item img {
        position: relative;
        height: auto;
    }
    .page .flex-center {
        display: block;
        margin-bottom: 70px;
    }
    .page .flex-center .col-xs-12:nth-child(2) {
        margin-top: 50px;
    }
    .page .flex-center .page-title {
        margin-bottom: 15px;
    }
    .page .top-part {
        margin-top: 70px;
    }
    .page .top-part .title-box .title {
        font-size: 24px;
    }
    .page .cat-col .block .link,
    .page .p-item .name {
        font-size: 12px;
    }
    .projects-sec {
        padding: 70px 0;
    }
    .projects-sec .tab-pane .item .text-box .title {
        font-size: 13px;
        margin: 10px 0;
    }
    .first-block .box {
        padding: 7px 24px;
        font-size: 10px;
    }
    .first-block .tab-title {
        font-size: 28px;
    }
    .projects-sec .tab-pane .col-sm-4:nth-child(n+3) {
        margin-top: 30px;
    }
    .projects-sec .page-title,
    .page .tab-title {
        font-size: 22px;
    }
    .tab-list.no-mrg li a {
        font-size: 11px;
    }
    .tab-list.no-mrg li+li {
        margin-right: 8px;
    }
    .first-block .logo-img {
        width: 45px;
    }
    .project-page {
        padding: 70px 0;
    }
    .project-page .panel-heading .panel-title a {
        font-size: 14px;
    }
    .page .side-title {
        margin-top: 60px;
    }
    .page .side-title {
        font-size: 20px;
    }
    .page .box .q-text {
        font-size: 13px;
    }
    .page .box:after {
        font-size: 50px;
    }
    .page .box {
        padding: 20px 20px 20px 70px;
        border: solid 15px #ffe9e3;
    }
    .page .sec-title {
        font-size: 24px;
    }
    .page .text {
        font-size: 12px;
    }
    .page .next {
        right: 10px;
    }
    .page .prev {
        left: 10px;
    }
    .page .price-box {
        padding: 65px 30px 60px;
    }
    .page .price-box .title {
        font-size: 18px;
    }
    .page .price-box .date {
        margin: 15px 0 0;
        padding: 19px 0 0;
        font-size: 11px;
    }
    .page .price-box .pic {
        width: 65px;
    }
    .page .price-box .link {
        font-size: 12px;
        padding: 13px 45px;
        margin-top: 55px;
    }
    .page .big-title {
        font-size: 24px;
    }
    .page .info-text {
        font-size: 13px;
        max-width: 90%;
    }
    .page .video-item .date {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .page .video-item .title {
        font-size: 12px;
    }
    .about-sec {
        padding: 80px 0;
    }
    .about-sec .sec-title {
        font-size: 24px;
    }
    .about-sec .slider-style2,
    .about-sec .slider2,
    .about-sec .slider0,
    .about-sec .slider1 {
        margin-top: 50px;
    }
    .about-sec .sub-title,
    .shop-cat .sub-title {
        font-size: 18px;
    }
    .about-sec .text-box {
        margin-bottom: 50px;
    }
    .about-sec .next2,
    .about-sec .prev2 {
        width: 15px;
        height: 15px;
        background-size: 15px!important;
    }
    .about-sec .next2 {
        right: -2px;
    }
    .about-sec .prev2 {
        left: -2px;
    }
    .about-sec .text-box {
        padding: 40px;
    }
    .about-sec .text-box .title {
        font-size: 15px;
    }
    .about-sec .container>.row:nth-child(n+2) {
        margin-top: 60px;
    }
    .about-sec .item .text {
        font-size: 14px;
    }
    .about-sec .social-res .text-block .play {
        left: 7px;
        top: 7px;
        width: 27px;
        height: 27px;
        line-height: 31px;
        font-size: 12px;
    }
    .about-sec .social-res .text-block .box-title {
        height: 46px;
    }
    .page .gallery .col-sm-4:nth-child(n+3) {
        margin-top: 40px;
    }
    .page .text-box-border {
        border: 16px solid #f5f5f5;
        padding: 35px 10px;
        margin-top: 35px;
        margin-right: 0;
        margin-bottom: 35px;
        font-size: 20px;
    }
    .page.pda {
        padding: 80px 0;
    }
    .catalog .name {
        font-size: 11px;
    }
    .catalog .link {
        font-size: 12px;
    }
    .gallery-item .pic {
        height: 180px;
    }
    .gallery-item .text {
        font-size: 12px;
    }
    .special-sale .title {
        font-size: 22px;
    }
    .special-sale .box {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .special-sale #timer .timer-box {
        width: 13vw;
        height: 13vw;
        margin-right: 1.5%;
    }
    .special-sale #timer .timer-box:nth-child(1) {
        margin-right: 0;
    }
    .special-sale #timer .timer-box strong {
        font-size: 4vw;
        margin-top: 2vw;
        margin-bottom: 1vw;
    }
    .special-sale #timer .timer-box .name {
        font-size: 2vw;
    }
    .special-sale .link {
        margin-bottom: 30px;
    }
    .side-block .agent-item .content .title {
        font-size: 13px;
    }
    .side-block .agent-item .info .item-logo {
        width: 60px;
        height: 60px;
    }
    .side-block .agent-item .content p {
        font-size: 12px;
    }
    .side-block .agent-item .info .rate {
        font-size: 11px;
    }
    .tab-pane .col-xs-6:nth-child(2n+1) {
        clear: both;
    }
    .section2 .pic-slider {
        position: relative!important;
        right: inherit;
        left: inherit;
    }
    .section2 .pic-slider .item img {
        width: 100%!important;
    }
    .design-item .text-box .title {
        margin: 15px 0;
        font-size: 16px;
    }
    .about-sec .social-res .right-sec {
        margin-top: 50px;
    }
    .about-sec .social-res .right-sec .text-block,
    .about-sec .social-res .left-sec .text-block {
        top: 50%;
        bottom: inherit;
        transform: translateY(-50%);
    }
    .about-sec .social-res .left-sec .text-block {
        right: 0;
    }
    .about-sec .social-res .right-sec .text-block {
        left: 0;
    }
    .about-sec .social-res .item {
        padding: 15px;
    }
    .about-sec .social-res .item .col-md-6:first-child {
        margin-bottom: 50px;
    }
    .about-sec .social-res .text-block .box-title {
        font-size: 14px;
    }
    .page .col-mrg .col-xs-4:nth-child(n+4) {
        margin-top: 50px;
    }
    .page .col-mrg .col-xs-4:nth-child(3n+1) {
        clear: both;
    }
    .quick-view .content {
        padding: 50px 25px 0;
    }
    .quick-view .content .slider {
        margin-bottom: 50px;
    }
    .quick-view .content .close-btn {
        height: 27px;
        line-height: 28px;
        left: 10px;
        font-size: 13px;
        top: 10px;
        width: 27px;
    }
    .quick-view #owl-view {
        margin-bottom: 40px;
    }
    .quick-view .content .main-title {
        font-size: 18px;
    }
    .quick-view .content .price .cost {
        font-size: 15px;
    }
    .quick-view .content .link-text {
        font-size: 12px;
    }
    .contact-sec {
        padding: 70px 0 70px;
    }
    .contact-sec .form-sec {
        margin-top: 60px;
    }
    .contact-sec .sub-title {
        font-size: 14px;
    }
    .product-page .play-video {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 45px;
    }
    .product-page .bg {
        margin: 100px 0 0;
        padding: 45px 5%;
    }
    .product-page .info-box:first-child {
        margin-top: 45px;
    }
    .veneer .first-block .tab-title {
        margin-top: -17%;
    }
    .modal.modal-style2 .modal-content {
        width: auto;
        padding: 50px 30px 30px;
    }
    .modal.modal-style2 .modal-content .tab-list li a {
        font-size: 10px;
    }
    .modal.modal-style2 .modal-content .tab-list li+li {
        margin-right: 20px;
    }
    .modal .close2 {
        height: 27px;
        line-height: 27px;
        left: 10px;
        top: 10px;
        width: 28px;
        font-size: 13px;
    }
    .check-inner .shop_table .title {
        font-size: 12px;
    }
    .check-inner .shop_table .pic img {
        width: 50px;
    }
    .check-inner .price {
        font-size: 13px;
    }
    .check-inner .shop_table .numbers-row {
        width: 80px;
    }
    .check-inner .shop_table .numbers-row input {
        padding: 7px 0;
    }
    .check-inner .shop_table .numbers-row .mybtn {
        font-size: 17px;
    }
    .check-inner .shop_table .remove {
        font-size: 22px;
    }
    .check-inner .shop_table td.product {
        max-width: 210px;
    }
    .check-inner .shop_table .flex {
        width: 210px!important;
    }
    .check-inner .shop_table .pic {
        margin-left: 13px;
    }
    .check-inner .shop_table th {
        font-size: 13px;
    }
    .check-inner .shop_table .cover img {
        flex-basis: 17px;
        width: 17px;
    }
    .check-inner .shop_table .cover .color {
        flex-basis: 17px;
        height: 17px;
        width: 17px;
    }
    .check-inner .shop_table .cover span {
        font-size: 10px;
    }
    .check-inner .gray-btn,
    .check-inner .main-btn,
    .check-inner .tr-btn {
        padding: 13px 35px;
        font-size: 12px;
    }
    .check-inner .box {
        margin-top: 45px;
        padding: 0 25px;
    }
    .check-inner .table2 th {
        font-size: 14px;
    }
    .check-inner .price.total {
        font-size: 16px;
    }
    .my-modal .tab-title {
        font-size: 15px;
    }
    .form-sec .check span,
    .my-modal .link {
        font-size: 13px;
    }
    .page .compare-title {
        font-size: 18px;
    }
    .page .add-link {
        padding: 10px 30px;
        font-size: 11px;
    }
    .page .compare-table tr td img {
        width: 130px;
    }
    .page .compare-table tr th {
        width: 120px;
        max-width: 120px;
        min-width: 120px;
        font-size: 12px;
    }
    .page .compare-table tr td,
    .page .compare-table tr td p {
        font-size: 11px;
    }
    .page .compare-table tr .price {
        font-size: 13px;
    }
    .check-inner {
        padding: 50px 0;
    }
    .check-inner .shop_table.nowrap td {
        font-size: 12px;
        white-space: nowrap;
    }
    .check-inner .shop_table.nowrap .main-btn {
        padding: 11px 25px;
        font-size: 10px;
    }
    .check-inner .box .col-pda {
        padding: 30px;
    }
    .check-inner .box .sec-title.mrg-top {
        margin-top: 40px;
    }
    .check-inner .box .sec-title {
        font-size: 17px;
    }
    .form-sec .select-list,
    .check-inner p {
        font-size: 12px;
    }
    .check-inner .box .col-pda {
        padding: 25px;
    }
    .check-inner .box .title {
        font-size: 13px;
    }
    .check-inner .box .text {
        font-size: 12px;
    }
    .check-inner .top-sec .complete {
        font-size: 22px;
    }
    .about-sec .pic-item .title-box .title {
        font-size: 14;
        margin: 13 0;
    }
    .my-modal .p-item .pic img {
        max-width: 45px;
    }
    .my-modal .p-item .title {
        font-size: 12px;
    }
    .my-modal .box-title {
        font-size: 13px;
    }
    #popup .close-btn {
        font-size: 30px;
        top: 20px;
        right: 20px;
    }
    .inner-page .color-title {
        font-size: 90px;
    }
    .inner-page .text1 {
        font-size: 18px;
    }
    .inner-page .text1:after {
        width: 50px;
    }
    .inner-page .text2 {
        font-size: 13px;
    }
    .inner-page .main-btn {
        font-size: 12px;
        padding: 12px 23px;
    }
    .inner-page .main-btn.first {
        margin-left: 5px;
    }
    .honors,
    .honors2 {
        margin-top: 20px;
    }
    .xs-mrg-top {
        margin-top: 45px;
    }
    #popup2 .content .innersec,
    #popup3 .content .innersec {
        max-width: 75%;
        right: 30px;
        left: 30px;
    }
    #popup2 .close-btn,
    #popup3 .close-btn {
        font-size: 32px;
        top: 20px;
        left: 20px;
    }
    #popup2 .content .title,
    #popup3 .content .title {
        font-size: 20px;
        margin: 0 0 20px;
    }
    #popup2 .content p,
    #popup3 .content p {
        font-size: 12px;
    }
    #popup2 .content .form-sec,
    #popup3 .content .form-sec {
        margin-bottom: 50px;
        margin-top: 25px;
    }
    #popup2 .content .form-sec .button,
    #popup3 .content .form-sec .button {
        padding: 8px 25px;
        font-size: 12px;
    }
    #popup2 .content .form-sec a .button,
    #popup3 .content .form-sec a .button {
        padding: 8px 15px;
        font-size: 12px;
    }
    #popup2 .content .modal-close,
    #popup3 .content .modal-close {
        font-size: 12px;
    }
    #popup2 .content .modal-close .icon,
    #popup3 .content .modal-close .icon {
        top: 3px;
    }
    .checkout-sec ul li span:after {
        font-size: 12px;
    }
    .checkout-sec ul li span {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 36px;
    }
    .facture-sec .text {
        font-size: 13px;
    }
    .facture-sec .inner-box .text {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .facture-sec .inner-box .text+.text {
        margin-right: 5px;
    }
    .facture-sec .inner-box .gray-sec .part-2 .red-text {
        font-size: 22px;
    }
    .facture-sec .table th {
        padding: 7px;
        font-size: 12px;
    }
    .facture-sec .table td {
        font-size: 11px;
        padding: 7px;
    }
    .facture-sec .inner-box .gray-sec .part-2 {
        width: 11%;
        padding: 10px 7px;
    }
    .facture-sec .inner-box .gray-sec .part-1 {
        float: right;
        width: 78%;
        padding: 10px 7px;
    }
    .facture-sec .inner-box .top-part .title {
        font-size: 13px;
    }
    .facture-sec .inner-box .gray-sec {
        display: block;
    }
    .facture-sec .inner-box .gray-sec .part-1,
    .facture-sec .inner-box .gray-sec .part-2 {
        float: none;
        width: 100%;
    }
    .facture-sec .inner-box .gray-sec .part-2 {
        border-right: 0;
        border-top: solid 2px #6b6f72;
    }
    .facture-sec .inner-box .top-part,
    .facture-sec .inner-box .top-part .text-left {
        text-align: center;
    }
    .facture-sec .inner-box .top-part .col-sm-4:nth-child(2) {
        margin: 6px 0;
    }
    .facture-sec .inner-box .top-part .title {
        font-size: 12px;
    }
    .facture-sec .inner-box .text+.text {
        margin-top: 8px;
        margin-right: 0;
    }
    .facture-sec .inner-box .text {
        display: block;
    }
    .facture-sec .inner-box .gray-sec .part-1 .row {
        margin: 6px -15px;
    }
    .facture-sec .inner-box .gray-sec .part-1 .col-sm-4,
    .facture-sec .inner-box .gray-sec .part-1 .col-sm-3 {
        margin-top: 6px;
    }
    .facture-sec .inner-box .divider {
        font-size: 11px;
    }
    .facture-sec .inner-box .block .row:first-child {
        margin-bottom: 0;
    }
    .facture-sec .inner-box .block .text {
        margin-bottom: 8px;
    }
    .facture-sec .table th {
        padding: 7px;
        font-size: 11px;
    }
}

@media(max-width:600px) {
    .representations-group {
        max-width: 540px !important;
        width: 540px !important;
    }
    .representations-group .side-title {
        display: none;
    }
    .representations-group .side-search {
        width: 100%;
        margin: 0 25px;
    }
    .representations-categoires,
    .blog-categoires {
        top: 103px;
    }
    .sliedCustomer #branchSlid1 .owl-nav [class*=owl-] {
        margin: 0px -28%;
    }
    .sliedCustomer #branchSlid2 .center .textimgStyle {
        margin-top: 25%;
        right: 42%;
    }
    .sliedCustomer #branchSlid2 .textimgStyle {
        position: absolute;
    }
    .page div>p.tetxImgFit {
        font-size: 10px;
        bottom: 7%;
    }
    .representation div.item a.slideBtn {
        right: 63%;
        padding: 6px 11px 6px 11px;
        font-size: 10px;
    }
    .representation .owl-theme .owl-dots .owl-dot {
        bottom: 32px;
        margin-right: -7px;
    }
    .representation .slideTextSec {
        top: 30%;
        right: 63%;
        font-size: 11px;
    }
    .representation .slideTextThird {
        top: 41%;
        right: 63%;
        font-size: 11px;
    }
    .representation .slideTextFist {
        top: 19%;
        right: 63%;
        font-size: 9px;
    }
    .representation .secondP1 {
        top: 30%;
        right: 10%;
        font-size: 10px;
    }
    .representation {
        padding: 40px 0;
    }
    .representation .secondP {
        right: 10%;
        padding: 1px 1px 1px 1px;
        font-size: 11px;
    }
    .representation .firstP1 {
        top: 25%;
        right: 52%;
        font-size: 10px;
    }
    .representation .firstP {
        top: 14%;
        margin-right: 47%;
        padding: 1px 1px 1px 1px;
        font-size: 12px;
    }
    .representation .container-fluid {
        padding: 0 0px;
    }
    .mid-xs {
        width: 100%;
    }
    .text-xs-center,
    .tab-list.text-xs-center {
        text-align: center!important;
    }
    .footer .col-lg-3:last-child>div {
        display: inline-block;
        padding: 0 5px;
    }
    .footer .list li a {
        padding-right: 0;
    }
    .footer .list li a:before {
        display: none;
    }
    .footer .col-sm-6:nth-child(n+2) {
        margin-top: 35px;
    }
    .footer form {
        max-width: 100%;
    }
    .footer address .info,
    .footer .text,
    .footer .copyright,
    .footer .links li {
        font-size: 11px;
    }
    .side-block .post .title {
        height: 25px;
        margin-bottom: 35px;
    }
    .side-block .nav-page {
        display: block;
    }
    .side-block .nav-page a.next {
        border-left: 1px solid #f5f5f5;
        border-bottom: 0;
    }
    .shop-sec .pagination-list {
        text-align: center;
    }
    .shop-sec .text-left p {
        text-align: center;
        font-size: 12px;
    }
    .tab-list li {
        display: block;
        margin-bottom: 7px;
    }
    .tab-list li+li,
    .modal.modal-style2 .modal-content .tab-list li+li {
        margin-right: 0;
    }
    .tab-list li a:before {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .shop-cat .cat-item img {
        height: auto;
        width: 100%;
    }
    .shop-cat .flex [class*='col-'] {
        padding: 0 15px;
    }
    .shop-cat .cat-item {
        margin-bottom: 30px;
    }
    .shop-cat .cat-item .text-box {
        font-size: 14px;
    }
    .shop-cat {
        padding: 70px 0 0;
    }
    .projects-sec .tab-content {
        padding-top: 0;
    }
    .projects-sec .tab-pane .col-sm-6:nth-child(n+2) {
        margin-top: 30px;
    }
    .first-block {
        padding: 30px 0 0;
    }
    .projects-sec .tab-pane .col-sm-4:nth-child(n+2) {
        margin-top: 30px;
    }
    .projects-sec .page-title,
    .tab-list.no-mrg,
    .page .tab-title {
        float: none!important;
        text-align: center;
        display: block;
    }
    .tab-list.no-mrg li+li {
        margin-right: 0;
    }
    .gallery-item .pic {
        height: 200px;
    }
    .page .gallery .col-sm-4:nth-child(n+2) {
        margin-top: 40px;
    }
    .page .gallery .first-block {
        padding: 0;
    }
    .page .cat-col .col-xs-6:nth-child(n+2) {
        margin-top: 30px;
    }
    .page .col-mrg .col-xs-4:nth-child(n+2) {
        margin-top: 50px;
    }
    .product-page .play-video {
        width: 33px;
        height: 33px;
        font-size: 14px;
        line-height: 37px;
    }
    .product-page .block {
        display: block;
    }
    .product-page .block .item {
        border-bottom: 1px solid #ddd;
        border-left: 0;
        padding: 16px 15px 14px;
    }
    .product-page .block .item:last-child {
        border-bottom: 0;
    }
    .product-page .block .item .icon img {
        width: 32px;
    }
    .product-page .block .item .content {
        font-size: 11px;
    }
    .veneer .first-block .tab-title {
        margin-top: 0;
    }
    .about-sec .pic-item .title-box .title {
        font-size: 13px;
        margin: 10px 0;
    }
    #popup2 .content .innersec,
    #popup3 .content .innersec {
        max-width: 75%;
        right: 30px;
        left: 30px;
    }
    #popup2 .content:after,
    #popup3 .content:after {
        position: absolute;
        content: "";
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        background: #f4f5f7;
        opacity: .7;
        z-index: -1;
    }
}

@media(max-width:425px) {
    .share-social {
        top: 40px;
    }
    .shop-sec .shop-tools-menu .sidebar {
        margin: 0 10px 40px;
    }
    .shop-sec :is(.shop-filter, .shop-sort) {
        margin: 0 10px;
    }
    .representations-categoires,
    .blog-categoires {
        top: 80px;
    }
    .menu-bar .user-active .user-account-family {
        top: 12px;
    }
    .success_msg,
    .error_msg {
        padding: 9px 20px;
        top: 270px;
        left: 35px;
        right: 80px;
    }
    .error_msg {
        font-size: 12px;
    }
    .sliedCustomer #branchSlid2 .center .textimgStyle {
        margin-top: 28%;
        right: 42%;
    }
    .sliedCustomer #branchSlid2 .textimgStyle {
        position: absolute;
    }
    .page div>p.tetxImgFit {
        font-size: 14px;
        bottom: 14%;
    }
    .representation div.item a.slideBtn {
        right: 60%;
        padding: 6px 11px 6px 11px;
        font-size: 10px;
    }
    .representation .owl-theme .owl-dots .owl-dot {
        bottom: 32px;
        margin-right: -7px;
    }
    .representation .slideTextSec {
        top: 30%;
        right: 60%;
        font-size: 11px;
    }
    .representation .slideTextThird {
        top: 41%;
        right: 60%;
        font-size: 11px;
    }
    .representation .slideTextFist {
        top: 19%;
        right: 60%;
        font-size: 9px;
    }
    .representation .secondP1 {
        top: 30%;
        right: 10%;
        font-size: 10px;
    }
    .representation {
        padding: 40px 0;
    }
    .representation .secondP {
        right: 10%;
        padding: 1px 1px 1px 1px;
        font-size: 11px;
    }
    .representation .firstP1 {
        top: 25%;
        right: 52%;
        font-size: 10px;
    }
    .representation .firstP {
        top: 14%;
        margin-right: 47%;
        padding: 1px 1px 1px 1px;
        font-size: 12px;
    }
    .file_input_div {
        font-size: 11px;
    }
    .min-xs {
        width: 100%;
    }
    .menu-bar .logo {
        width: 100px;
    }
    .menu-bar .main-menu>li>a {
        padding: 5px 15px;
        font-size: 12px;
    }
    .menu-bar .main-menu>li ul li a {
        display: block;
        color: #fff;
        padding: 5px 10px;
        font-size: 11px;
        line-height: 1.6;
    }
    .menu-bar .search-btn,
    .menu-bar .search-btn-h,
    .menu-bar .cart,
    .menu-bar .login {
        font-size: 14px;
    }
    .menu-bar .login {
        left: 25px;
    }
    .menu-bar .cart {
        left: 50px;
    }
    .menu-bar .lang-part {
        left: 77px;
    }
    .menu-bar .main-menu {
        top: 68px;
        max-height: calc(90vh - 80px);
    }
    .menu-bar .search-box .close-btn {
        left: 15px;
        font-size: 22px;
    }
    .menu-bar .search-box .search-form .search {
        font-size: 12px;
    }
    .menu-bar .cart .toggle-box {
        left: -50px;
        margin-top: 25px;
    }
    .menu-bar .login .toggle-box {
        left: -25px;
        margin-top: 25px;
    }
    .menu-bar .toggle-box:before {
        display: none;
    }
    .menu-bar .main-menu .sub-menu-btn {
        font-size: 12px;
    }
    .page-head {
        margin-top: 17px;
    }
    .slider-sec {
        margin-top: 63px;
    }
    .slider-sec .owl-dots .owl-dot span {
        background: #fff;
        opacity: .7;
        width: 6px;
        height: 6px;
        margin: 0 4px;
    }
    .section1 .item {
        margin: 0 1%;
        width: 46%;
    }
    .section1 .item .text-box .title {
        margin: 2.2vw 0;
        font-size: 3vw;
    }
    .section1 .border-title:after {
        width: 80px;
    }
    .section2 .container-fluid {
        padding: 0 30px;
    }
    .section2 .owl-theme .owl-dots .owl-dot span {
        margin: 5px 3px;
        width: 10px;
        height: 10px;
    }
    .section2 .sec-title {
        font-size: 18px;
    }
    .section2 .p-item .pic {
        width: 70px;
    }
    .section2 .p-item .content .title {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .section2 .p-item .content .price .old {
        font-size: 10px;
    }
    .section2 .p-item .content .price span {
        font-size: 11px;
    }
    .section2 .p-item .content .rate i {
        font-size: 10px;
    }
    .section2 .p-item .content .rate {
        margin-top: 5px;
    }
    .product-sec .next {
        right: -15px;
    }
    .product-sec .prev {
        left: -15px;
    }
    .product-sec .products li a img {
        height: 70px;
    }
    .border-title {
        font-size: 18px;
        margin: 0 0 40px;
    }
    .section1 .border-title:after {
        width: 80px;
    }
    .product-sec {
        padding: 30px 0;
    }
    .product-sec .products li a {
        padding: 12px 8px;
    }
    .product-sec .products li a span {
        font-size: 9px;
    }
    .product-page .vertical-slider .owl-nav .owl-prev {
        left: -20px!important;
        right: inherit!important;
    }
    .product-page .result {
        font-size: 16px;
    }
    .product-page .vertical-slider .owl-nav .owl-next {
        right: -17px!important;
        left: inherit!important;
    }
    .product-sec .products li a img {
        width: 65px;
    }
    .page-head {
        height: 112px;
    }
    .contact-sec {
        padding: 50px 0 70px;
    }
    .contact-sec .map {
        height: 150px;
        margin-bottom: 40px;
    }
    .contact-sec .mrg-top {
        margin-top: 50px;
    }
    .border-title {
        font-size: 16px;
        margin: 0 0 35px;
    }
    .our-customer .border-title, .section1 .border-title {
        margin-right: 19px;
    }
    p,
    .contact-sec .info {
        font-size: 12px;
    }
    .contact-sec .info i {
        font-size: 13px;
    }
    .footer .social li a {
        font-size: 13px;
    }
    .footer .inout-box {
        font-size: 12px;
    }
    .footer .links li {
        font-size: 10px;
        padding-left: 15px;
    }
    .footer .links li:after {
        left: -9px;
    }
    #back-to-top {
        width: 35px;
        height: 35px;
        line-height: 39px;
        bottom: 69px;
        left: 10px;
        font-size: 18px;
    }
    .form-sec .input-box {
        font-size: 12px;
    }
    .faq-sec {
        padding: 70px 0;
    }
    .faq-sec .sec-title {
        font-size: 22px;
    }
    .faq-sec p {
        max-width: 100%;
    }
    .faq-sec .panel-heading a {
        font-size: 12px;
        padding: 15px;
    }
    .faq-sec .panel-heading a:before {
        margin-left: 8px;
    }
    .faq-sec .panel-body {
        padding: 20px 25px;
    }
    .inner-page .col-xs-6:nth-child(n+2) {
        margin-top: 30px;
    }
    .inner-page .title {
        font-size: 14px;
    }
    .inner-page .title2 {
        font-size: 16px;
    }
    .side-block {
        padding: 70px 0;
    }
    .side-block .post .content {
        padding: 15px;
    }
    .side-block .post .title {
        font-size: 12px;
    }
    .side-block .post .date {
        font-size: 10px;
    }
    .pagination-list li a {
        padding: 5px 10px;
        font-size: 11px;
        line-height: 17px;
        min-width: 25px;
        height: 27px;
    }
    .pagination-list li.navigate a {
        line-height: 13px;
        padding: 5px 15px;
        font-size: 10px;
    }
    .sidebar .side-title {
        font-size: 14px;
    }
    .sidebar .cats li a,
    .sidebar .filter li a {
        font-size: 12px;
    }
    .sidebar .post-list li .title {
        height: 37px;
        font-size: 11px;
    }
    .sidebar .post-list li .date {
        margin-top: 6px;
        font-size: 10px;
    }
    .sidebar .post-list li .pic img {
        max-width: 92px;
    }
    .sidebar .post-list li .pic {
        width: 107px;
    }
    .side-block .post-title {
        font-size: 14px;
    }
    .share-sec ul li+li {
        margin-right: 7px;
    }
    .share-sec ul li {
        font-size: 10px;
    }
    .share-sec ul li a {
        font-size: 13px;
    }
    .side-block .nav-page a .pic img {
        top: 20px;
        width: 50px;
    }
    .side-block .nav-page a .info {
        font-size: 9px;
    }
    .side-block .nav-page a {
        padding: 15px;
    }
    .side-block .sub-title,
    .product-page .sub-title,
    .page .sub-title {
        margin: 50px 0 30px;
        font-size: 14px;
    }
    .side-block .city-filter li a {
        font-size: 12px;
    }
    .side-block .city-filter li a:before {
        width: 12px;
        height: 12px;
        margin-left: 12px;
    }
    .comments li .body .avatar {
        width: 45px;
    }
    .comments li .body .content {
        padding: 0 55px 0 0;
    }
    .comments li .body .content .name {
        font-size: 13px;
    }
    .comments li .body .content .date {
        font-size: 10px;
    }
    .comments li .body .content p {
        font-size: 11px;
    }
    .comments li .body .reply {
        font-size: 9px;
        left: 0;
    }
    .comments li ul {
        margin-right: 30px;
    }
    .shop-sec {
        padding: 70px 0;
    }
    .product-item .title {
        font-size: 12px;
        height: 41px;
    }
    .product-page {
        padding: 60px 0;
    }
    .product-page .product-title {
        font-size: 15px;
    }
    .product-page .price {
        margin-bottom: 35px;
    }
    .product-page .price span {
        font-size: 14px;
    }
    .product-page .price .old {
        font-size: 11px;
    }
    .product-page .flex .numbers-row .qty {
        font-size: 15px;
    }
    .product-page .flex .numbers-row .mybtn {
        font-size: 8px;
    }
    .product-page .flex .numbers-row {
        margin-left: 13px;
        width: 60px;
    }
    .product-page .flex .buy-btn {
        font-size: 11px;
    }
    .product-page .flex .buy-btn:before {
        background-size: 16px;
    }
    .product-page .text {
        font-size: 11px;
    }
    .product-page .flex {
        margin: 20px 0 35px;
    }
    .product-page #sync2 .owl-nav [class*=owl-] {
        font-size: 20px;
    }
    .product-page #sync2 .owl-nav .owl-next {
        left: -17px;
    }
    .product-page #sync2 .owl-nav .owl-prev {
        right: -17px;
    }
    .tab-list li a {
        font-size: 12px;
    }
    .product-page table tr {
        font-size: 11px;
    }
    .product-page .pic-list li {
        width: 23%;
    }
    .product-page .pic-list li span {
        font-size: 10px;
    }
    .product-page .mrg-top {
        margin-top: 60px;
    }
    .product-page .tab-pane img,
    .product-page .tab-pane video {
        width: 100%;
    }
    .product-page .select-box .preview img {
        width: 30px;
    }
    .product-page .select-box .preview .selected-color {
        width: 30px;
        height: 30px;
    }
    .product-page .pic-list li .color {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }
    .shop-cat .cat-item .text-box {
        font-size: 12px;
    }
    /* .page {
        padding: 50px 0;
    } */
    .page .page-title {
        font-size: 14px;
        margin: 35px 0 20px;
    }
    .page p {
        font-size: 12px;
    }
    .project-page {
        padding: 60px 0;
    }
    .project-page .panel-heading .panel-title a {
        font-size: 13px;
        padding: 9px 10px 8px;
    }
    .project-page .panel-body {
        border: 0;
        padding: 20px 10px;
    }
    .project-page .panel-body p {
        font-size: 12px;
    }
    .slider-style2 .next,
    .slider-style2 .prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .page .side-title {
        font-size: 18px;
    }
    .page .side-form input {
        font-size: 12px;
    }
    .page .side-form button {
        font-size: 13px;
    }
    .page .side-title2 {
        font-size: 15px;
    }
    .page .sec-title {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .page .text {
        font-size: 11px;
    }
    .page .play,
    .page .video-play .play {
        width: 55px;
        height: 55px;
    }
    .page .play span:first-child,
    .page .video-play .play span:first-child {
        margin: 20px 18px 20px 18px;
        border-width: 9px 0 9px 15px;
    }
    .page .next {
        right: 5px;
    }
    .page .prev {
        left: 5px;
    }
    .page .mrg-btm,
    .page .mrg-sm {
        margin-bottom: 40px;
    }
    .page .btn-box,
    .contact-sec .btn-box {
        display: block;
    }
    .page .btn-box a,
    .contact-sec .btn-box a {
        display: block;
        width: 100%;
    }
    .page .btn-box a:first-child,
    .contact-sec .btn-box a:first-child {
        margin-bottom: 15px;
    }
    .page .info-box .info {
        font-size: 12px;
    }
    .page .info-box {
        padding: 25px 20px;
    }
    .page .map,
    .contact-sec .map {
        height: 200px;
        margin-top: 40px;
    }
    .page .box:after {
        font-size: 44px;
        left: 10px;
    }
    .page .box {
        padding: 15px 15px 15px 60px;
        border: solid 10px #ffe9e3;
    }
    .share-sec .pull-left,
    .share-sec .pull-right {
        float: none!important;
    }
    .author {
        display: block;
        margin-top: 10px;
        font-size: 12px;
    }
    .page .big-title {
        font-size: 20px;
    }
    .page .info-text {
        font-size: 12px;
        max-width: 100%;
    }
    .page .price-box .title {
        font-size: 16px;
    }
    .page .social li a {
        font-size: 14px;
    }
    .page .info-box .info i {
        font-size: 14px;
    }
    .page .social li {
        margin-left: 10px;
    }
    .page .outer-slider {
        padding: 0 15px;
    }
    .page .outer-slider .next-outer,
    .page .outer-slider .prev-outer {
        width: 20px;
        background-size: 20px !important;
    }
    .page .outer-slider .prev-outer {
        left: -8px;
    }
    .page .outer-slider .next-outer {
        right: -8px;
    }
    .page .inner-slider .title {
        font-size: 11px;
    }
    .page .top-part .title-box .title {
        font-size: 16px;
        padding-left: 10px;
    }
    .page .top-part .controls div {
        width: 22px;
        height: 22px;
        line-height: 26px;
        font-size: 13px;
    }
    .page .top-part .controls {
        bottom: 0;
    }
    .page .top-part .title-box:before {
        width: calc(100% - 60px);
    }
    .about-sec {
        padding: 60px 0;
    }
    .about-sec .sec-title {
        font-size: 22px;
    }
    .about-sec p {
        font-size: 12px;
    }
    .about-sec .link-btn {
        padding: 10px 30px;
        font-size: 11px;
    }
    .about-sec .sub-title,
    .shop-cat .sub-title {
        font-size: 16px;
    }
    .about-sec .info,
    .shop-cat .info {
        font-size: 11px;
        max-width: 85%;
    }
    .about-sec .item .text {
        font-size: 12px;
    }
    .about-sec .social-res .text-block {
        max-width: 80%;
        padding: 8vw 5.8vw;
    }
    .about-sec .social-res .text-block .box-title {
        font-size: 13px;
        margin: 0 0 3vw;
    }
    .about-sec .social-res .text-block p {
        font-size: 11px;
    }
    .scroll-wrapper {
        height: 30vw;
    }
    .projects-sec {
        padding: 60px 0;
    }
    .shop-cat .slider .item .text {
        font-size: 12px;
        text-align: center;
    }
    .special-sale .title {
        font-size: 18px;
    }
    .special-sale .text {
        font-size: 11px;
    }
    .special-sale .offer {
        font-size: 16px;
    }
    .special-sale .text2 {
        font-size: 14px;
    }
    .special-sale .link {
        font-size: 12px;
    }
    .design-item .text-box .title {
        margin: 12px 0;
        font-size: 13px;
    }
    .quick-view .content {
        padding: 50px 15px 0;
    }
    .quick-view .content .main-title {
        font-size: 15px;
    }
    .quick-view .content .price .cost {
        font-size: 13px;
    }
    .quick-view .content .price .old-cost {
        font-size: 11px;
    }
    .quick-view .content form .input-box {
        width: 55px;
        margin: 0 0 5px 5px;
    }
    .quick-view .content form .button {
        font-size: 11px;
        padding: 12px 30px;
    }
    .quick-view .content .sub-title {
        font-size: 12px;
    }
    .sidebar .amount input {
        font-size: 12px;
    }
    .contact-sec .sub-title {
        font-size: 12px;
    }
    .sidebar .best-list li .content .title {
        font-size: 12px;
    }
    .sidebar .best-list li .content .price span {
        font-size: 10px;
    }
    .sidebar .best-list li .content .price .old {
        font-size: 9px;
    }
    .product-page .play-video {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 27px;
    }
    .product-page .bg {
        margin: 60px 0 0;
        padding: 30px 5% 30px;
    }
    .page .text-box-border {
        border: 10px solid #f5f5f5;
        padding: 25px 10px;
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .page.pda {
        padding: 60px 0;
    }
    .catalog .col-lg-4:nth-child(n+2) {
        margin-top: 40px;
    }
    .product-page .select-box .select-btn {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        font-size: 11px;
        padding: 8px 3px;
    }
    .product-page .select-box .preview .code {
        font-size: 11px;
    }
    .product-page .numbers-row .qty {
        font-size: 12px;
    }
    .product-page .buy-btn {
        font-size: 12px;
    }
    .product-page .buy-btn:before {
        background-size: 17px;
        margin-left: 0;
    }
    .product-page .info-box .title {
        font-size: 12px;
    }
    .product-page .info-box .info {
        font-size: 10px;
    }
    .product-page .text.small {
        font-size: 10px;
        margin-top: 25px;
    }
    .check-inner .action-part {
        display: block;
    }
    .check-inner .gray-btn,
    .check-inner .main-btn,
    .check-inner .tr-btn {
        width: 100%;
        display: block;
    }
    .check-inner .sub-title {
        font-size: 16px;
        margin: 0 0 25px;
    }
    .check-inner .box {
        padding: 0 18px;
    }
    .check-inner .box.pda {
        padding: 10px 18px;
    }
    .check-inner .table2 th {
        font-size: 13px;
        padding: 15px 0;
    }
    .check-inner .table2 td {
        padding: 15px 0;
    }
    .check-inner .box .info .col-sm-6:nth-child(n+2) {
        margin-top: 15px;
    }
    .check-inner .box .col-pda {
        padding: 20px;
    }
    .check-inner {
        padding: 40px 0;
    }
    .check-inner .box .sec-title {
        font-size: 14px;
    }
    .form-sec .select-list {
        padding-right: 32px;
    }
    .form-sec .select-list,
    .check-inner p {
        font-size: 12px;
    }
    .check-inner .box .col-pda {
        padding: 20px;
    }
    .check-inner .box .info .col-sm-6:nth-child(n+2) {
        margin-top: 15px;
    }
    .check-inner .box .title {
        font-size: 12px;
    }
    .check-inner .box .text {
        font-size: 11px;
    }
    .check-inner .top-sec .complete {
        font-size: 16px;
        display: block;
        float: none!important;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .check-inner .top-sec .main-btn {
        float: none!important;
    }
    .my-modal .flex {
        display: block;
    }
    .my-modal .check {
        margin-bottom: 10px;
        display: block;
    }
    .form-sec .check span,
    .my-modal .link {
        font-size: 12px;
    }
    .my-modal .content .tab-list li a {
        font-size: 16px;
    }
    .my-modal .tab-title {
        font-size: 14px;
    }
    .page .compare-title {
        float: none!important;
        display: block;
        margin-bottom: 15px;
    }
    .page .add-link {
        float: none!important;
    }
    .page .compare-table tr td img {
        width: 90px;
    }
    .page .compare-table tr th {
        width: 100px;
        max-width: 100px;
        min-width: 100px;
        font-size: 11px;
    }
    .check-inner .shop_table.nowrap td {
        font-size: 11px;
    }
    .check-inner .shop_table.nowrap th {
        font-size: 11px;
    }
    .my-modal .p-item .pic img {
        max-width: 40px;
    }
    .my-modal .p-item .title {
        font-size: 11px;
    }
    .my-modal .box-title {
        font-size: 12px;
    }
    .form-sec .input-box {
        font-size: 11px;
    }
    .has-ul ul li {
        font-size: 12px;
    }
    #popup .close-btn {
        font-size: 24px;
        top: 6%;
        right: 3%;
    }
    .inner-page .color-title {
        font-size: 70px;
    }
    .inner-page .text1 {
        font-size: 17px;
    }
    .inner-page .text1:after {
        width: 45px;
    }
    .inner-page .text2 {
        font-size: 12px;
    }
    .inner-page .main-btn {
        font-size: 11px;
        padding: 11px 20px;
        width: 100%;
    }
    .inner-page .main-btn.first {
        margin-left: 0;
    }
    .inner-page {
        padding: 60px 0;
    }
    .inner-page .mrg-top-60 {
        margin-top: 40px;
    }
    .page .text.mb-15 {
        margin-bottom: 15px;
        font-size: 11px;
    }
    #popup2 .close-btn,
    #popup3 .close-btn {
        font-size: 26px;
        top: 15px;
        left: 10px;
    }
    #popup2 .content .title,
    #popup3 .content .title {
        font-size: 18px;
        margin: 0 0 15px;
    }
    #popup2 .content p,
    #popup3 .content p {
        font-size: 11px;
    }
    #popup2 .content .form-sec,
    #popup3 .content .form-sec {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    #popup2 .content .form-sec .button,
    #popup3 .content .form-sec .button {
        padding: 6px 20px;
        font-size: 11px;
    }
    #popup2 .content .modal-close,
    #popup3 .content .modal-close {
        font-size: 11px;
    }
    #popup2 .content .modal-close .icon,
    #popup3 .content .modal-close .icon {
        top: 3px;
    }
    .min-xs-10 {
        width: 83.33333333%;
    }
    .checkout-sec {
        padding: 40px 0 20px;
    }
    .checkout-sec ul li {
        text-align: right;
        margin-bottom: 20px;
    }
    .checkout-sec ul li:last-child {
        margin-bottom: 0;
    }
    .checkout-sec ul li+li:before {
        width: 1px;
        height: 100%;
        top: -24px;
        right: 32px;
        z-index: 0;
        left: inherit;
    }
    .checkout-sec ul li span {
        width: 36px;
        height: 36px;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
    }
    .checkout-sec ul li span:after {
        font-size: 11px;
        right: 45px;
        left: 0;
        transform: none;
        text-align: right;
        bottom: inherit;
        top: 5px;
    }
}

@media(max-width:330px) {
    .sliedCustomer #branchSlid2 .center .textimgStyle {
        margin-top: 31%;
        right: 38%;
        position: absolute;
    }
    .representation div.item a.slideBtn {
        right: 59%;
        padding: 6px 11px 6px 11px;
        font-size: 9px;
    }
    .representation .owl-theme .owl-dots .owl-dot {
        bottom: 32px;
        margin-right: -7px;
    }
    .representation .slideTextSec {
        top: 30%;
        right: 61%;
        font-size: 8px;
    }
    .representation .slideTextThird {
        top: 41%;
        right: 61%;
        font-size: 9px;
    }
    .representation .slideTextFist {
        top: 19%;
        left: 0px;
        right: 61%;
        font-size: 8px;
    }
    .representation .secondP1 {
        top: 30%;
        right: 7%;
        font-size: 8px;
    }
    .representation {
        padding: 40px 0;
    }
    .representation .secondP {
        right: 6%;
        padding: 1px 1px 1px 1px;
        font-size: 9px;
    }
    .representation .firstP1 {
        top: 28%;
        right: 50%;
        font-size: 8px;
    }
    .representation .firstP {
        top: 14%;
        margin-right: 45%;
        padding: 1px 1px 1px 1px;
        font-size: 10px;
    }
    .product-sec .products {
        padding: 0 20px;
    }
    .product-sec .products li {
        width: 100%;
        border-right: 0!important;
    }
    .product-sec .products li:nth-child(3n+1) {
        border-right: 0;
    }
    .product-sec .products li:nth-child(n+2) {
        border-top: solid 1px #efefef;
    }
    .modal .control.prev {
        left: 10px;
    }
    .modal .control.next {
        right: 10px;
    }
    .footer .flex {
        display: block;
    }
    .footer .main-btn {
        width: 100%;
        margin-top: 15px;
    }
    .first-block .tab-title {
        font-size: 24px;
    }
    .about-sec .social-res .pic-box {
        max-width: 100%;
    }
    .about-sec .social-res .text-block {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: inherit;
        margin-top: 15px;
        transform: translateY(0)!important;
    }
    .about-sec .social-res .text-block {
        max-height: 70vw;
        padding: 33px 17px;
    }
    .product-page .play-video {
        width: 20px;
        height: 20px;
        font-size: 8px;
        line-height: 23px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .shop-sec .mrg-sm {
        display: none;
    }
    .shop-sec .shop-tools-menu {
        display: flex;
    }
    .container-fluid .container .home-show-more p {
        margin-bottom: 40px;
    }
    .our-customer .row .customer_slider {
        width: 80%;
    }
    #page .summary-box {
        padding: 83px 20px 30px 20px;
    }
    #page .summary-box::after {
        left: 15px;
        top: 40px;
    }
    #back-to-top {
        bottom: 69px;
        left: 10px;
    }
    #all_contact {
        position: fixed;
        right: 10px;
        bottom: 50px;
        z-index: 20000000000;
    }
    #all_contact .main-chat-menu {
        position: fixed;
        z-index: 2000000005;
        bottom: 65px;
        right: 10px;
    }
    #all_contact .content-goftino::after {
        top: -115px;
        right: 66px;
    }
    #all_contact .live-whatsapp {
        position: fixed;
        right: 10px;
        bottom: 255px;
    }
    #all_contact .live-call {
        position: fixed;
        right: 10px;
        bottom: 189px;
    }
    @keyframes transform_call {
        0% {
            opacity: 0;
            bottom: -100px;
        }
        100% {
            opacity: 1;
            bottom: 189px;
        }
    }
    @keyframes transform_whatsapp {
        0% {
            opacity: 0;
            bottom: -100px;
        }
        100% {
            opacity: 1;
            bottom: 255px;
        }
    }
    .quick-access {
        position: fixed;
        display: block;
        bottom: 0;
        width: 100%;
        height: 60px;
        border-top: 1px solid #eee;
        background: white;
        z-index: 100;
    }
    .quick-access .images-pack {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3px;
    }
    .quick-access .images-pack img {
        width: 35px;
        height: 35px;
    }
    .quick-access .images-pack a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .quick-access .images-pack div p {
        font-weight: 500;
    }
    .fix-padd-left,
    .fix-padd-right {
        padding: 0;
    }
    .menu-bar .main-menu>li .ul-in {
        height: auto;
    }
    .menu-bar .main-menu li.has-sub-in>a:after {
        display: none;
    }
    .product-page .set-image-coding {
        margin-bottom: 30px;
    }
    .menu-bar .user-active .user-account-family {
        top: 25px;
        right: 30px;
        left: unset;
    }
    .error_msg,
    .success_msg {
        padding: 15px 30px;
        top: 415px;
        left: 65px;
        right: 110px;
    }
    .representation .owl-carousel .item img {
        margin-top: 5%;
    }
    .representation .container-fluid {
        padding: 0 34px;
    }
    .menu-bar .logo {
        width: 140px;
    }
    .menu-bar.sticky,
    .menu-bar {
        background-color: rgba(0, 0, 0, .8);
        padding: 15px 0;
    }
    .menu-bar .main-menu {
        display: none;
        position: fixed;
        top: 90px;
        right: 0;
        left: 0;
        border-top: 3px solid #D1AE71;
        background-color: #3d3d3d;
        padding: 5%;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        text-align: right;
        max-height: calc(90vh - 103px);
        overflow-y: auto;
    }
    .menu-bar .main-menu>li {
        display: block;
    }
    .menu-bar .main-menu .has-sub ul {
        display: none;
    }
    .menu-bar .main-menu>li ul:after {
        display: none;
    }
    .menu-bar .search-btn,
    .menu-bar .search-btn-h {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-left: 0;
    }
    .menu-bar .login {
        position: absolute;
        left: 35px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-right: 0;
    }
    .menu-bar .cart {
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin-right: 0;
    }
    .menu-bar .main-menu>li.has-sub>a:after {
        display: none;
    }
    .menu-bar .main-menu>li>ul,
    .menu-bar .main-menu>li:hover>ul,
    .menu-bar .main-menu>li ul,
    .menu-bar .main-menu>li:hover ul {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        visibility: visible;
        opacity: 1;
        position: relative;
        margin: 20px 0;
        width: 100%;
        box-shadow: none;
        right: inherit;
        top: inherit;
    }
    .menu-bar .main-menu>li.lang>ul,
    .menu-bar .main-menu>li.lang:hover>ul {
        width: 100px;
        text-align: center;
    }
    .menu-bar .main-menu>li>ul ul {
        margin: 0;
        padding: 10px 0;
    }
    .menu-bar .main-menu>li>a {
        padding: 7px 15px;
    }
    .menu-bar .search-box .close-btn {
        left: 25px;
    }
    .page-head {
        margin-top: 31px;
    }
    .slider-sec {
        margin-top: 76px;
    }
    .slider-sec .item .text-box {
        width: 330px;
    }
    .slider-sec .item .text-box .title {
        font-size: 24px;
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
    .slider-sec .item .text-box .text {
        font-size: 11px;
    }
    .slider-sec .item .text-box .link {
        padding: 7px 30px;
        font-size: 13px;
    }
    .section1 .item {
        margin: 0 1%;
        width: 28%;
    }
    .section1 .item .text-box .title {
        margin: 15px 0;
        font-size: 13px;
    }
    .section1 .border-title:after {
        width: 110px;
    }
    .section2 {
        padding: 30px 0 80px;
    }
    .section2 .container-fluid {
        padding: 0 50px;
    }
    .section2 .p-item .pic {
        width: 80px;
    }
    .section2 .p-item .content .title {
        font-size: 12px;
    }
    .section2 .p-item .content .price .old {
        font-size: 11px;
    }
    .section2 .p-item .content .price span {
        font-size: 12px;
    }
    .section2 .sec-title {
        font-size: 20px;
    }
    .section2 .pic-slider {
        margin-bottom: 90px;
    }
    .section2 .pic-slider {
        position: relative!important;
        right: inherit;
        left: inherit;
    }
    .section2 .pic-slider .item img {
        width: 100%!important;
    }
    .border-title {
        font-size: 24px;
        margin-bottom: 50px;
    }
    .section1 .border-title:after {
        width: 110px;
    }
    .product-sec .products {
        flex-wrap: wrap;
    }
    .product-sec .products li {
        width: 20%;
        margin-bottom: 10px;
    }
    .product-sec .products li:nth-child(5n+1) {
        border-right: 0;
    }
    .product-sec .btn-set {
        display: none;
    }
    .product-sec .products li a {
        width: auto;
        padding: 10px 25px;
    }
    .product-sec .products li a span {
        font-size: 11px;
    }
    .product-sec .products li a img {
        width: 90px;
    }
    .product-sec .products li a img {
        height: 37px;
    }
    .footer .col-sm-6:nth-child(3) {
        clear: both;
    }
    .footer .col-sm-6:nth-child(n+3) {
        margin-top: 35px;
    }
    .footer .mrg-top,
    .footer .social,
    .footer .copyright {
        text-align: center;
    }
    .footer .social {
        text-align: center;
        float: none;
        margin-top: 20px;
    }
    .page-head {
        height: 175px;
        margin-top: 31px;
    }
    .contact-sec .map {
        height: 250px;
    }
    .contact-sec .mrg-top {
        margin-top: 55px;
    }
    .faq-sec .sec-title {
        font-size: 28px;
    }
    .faq-sec p,
    .faq-sec .panel-body {
        font-size: 12px;
    }
    .inner-page .title {
        font-size: 16px;
        margin: 40px 0 20px;
    }
    .inner-page .title2 {
        font-size: 22px;
    }
    .inner-page .box span {
        font-size: 12px;
    }
    .inner-page .box {
        padding: 20px 15px;
    }
    .inner-page .box img {
        height: 40px;
    }
    .side-block .border {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-top: 60px;
    }
    .side-block .post .title {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .side-block .post .date {
        font-size: 11px;
    }
    .side-block .post-title {
        font-size: 18px;
    }
    .shop-sec .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
    .product-item .title {
        font-size: 13px;
        height: 45px;
    }
    .shop-sec .mrg-sm {
        margin-top: 60px;
    }
    .product-page .product-title {
        font-size: 18px;
    }
    .product-page .price span {
        font-size: 16px;
    }
    .product-page .price .old {
        font-size: 14px;
    }
    .product-page .flex .numbers-row .qty {
        font-size: 18px;
    }
    .product-page .flex .numbers-row {
        margin-left: 20px;
        width: 70px;
    }
    .product-page .flex .buy-btn {
        font-size: 12px;
    }
    .product-page .flex .buy-btn:before {
        background-size: 18px;
        margin-left: 0;
    }
    .product-page .text {
        font-size: 12px;
    }
    .tab-list li a {
        font-size: 15px;
    }
    .product-page table tr {
        font-size: 12px;
    }
    .tab-list.inner li a {
        font-size: 12px;
    }
    .tab-list {
        margin: 100px 0 45px;
    }
    .tab-list.inner {
        margin: 0 0 45px;
    }
    .product-page .pic-list li {
        width: 11%;
    }
    .product-page .pic-list li span {
        font-size: 12px;
    }
    .product-page .pic-list li .pic:after {
        font-size: 16px;
    }
    .product-page .next,
    .product-page .prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .product-page .prev {
        left: -30px;
    }
    .product-page .next {
        right: -30px;
    }
    .product-page .tab-pane img,
    .product-page .tab-pane video {
        width: 65%;
    }
    .shop-cat .cat-item .text-box {
        font-size: 12px;
    }
    .shop-cat .cat-item .text-box .title {
        margin: 10px 0;
    }
    .shop-cat .slider {
        margin-top: 40px;
    }
    .projects-sec .tab-pane .item .text-box .title {
        font-size: 14px;
        margin: 10px 0;
    }
    .first-block .tab-title {
        font-size: 22px;
    }
    .first-block .box {
        padding: 7px 24px;
        font-size: 11px;
    }
    .page .side-title {
        margin-top: 60px;
    }
    .page .box .q-text {
        font-size: 14px;
    }
    .page .box:after {
        font-size: 58px;
    }
    .page .box {
        padding: 25px 25px 25px 80px;
        border: solid 20px #ffe9e3;
    }
    .page .price-box {
        padding: 65px 30px 60px;
    }
    .page .price-box .title {
        font-size: 18px;
    }
    .page .price-box .date {
        margin: 15px 0 0;
        padding: 19px 0 0;
        font-size: 11px;
    }
    .page .price-box .pic {
        width: 65px;
    }
    .page .price-box .link {
        font-size: 12px;
        padding: 13px 45px;
        margin-top: 55px;
    }
    .page .big-title {
        font-size: 30px;
    }
    .page .info-text {
        font-size: 14px;
    }
    .page .map,
    .contact-sec .map {
        height: 300px;
        margin-top: 60px;
    }
    .page .mrg-sm {
        margin-bottom: 60px;
    }
    .page .outer-slider {
        padding: 0 5px;
    }
    .page .outer-slider .next-outer,
    .page .outer-slider .prev-outer {
        width: 25px;
        background-size: 25px !important;
    }
    .page .outer-slider .next-outer {
        right: -25px;
    }
    .page .outer-slider .prev-outer {
        left: -25px;
    }
    .page .inner-slider .owl-nav .owl-prev {
        left: 13px;
    }
    .page .inner-slider .owl-nav .owl-next {
        right: 13px;
    }
    .page .inner-slider .title {
        font-size: 12px;
    }
    .page .top-part {
        margin-top: 70px;
    }
    .page .top-part .title-box .title {
        font-size: 26px;
    }
    .about-sec .sec-title {
        font-size: 28px;
    }
    .about-sec .slider-style2,
    .about-sec .slider2,
    .about-sec .slider0,
    .about-sec .slider1 {
        margin-top: 60px;
    }
    .about-sec .sub-title,
    .shop-cat .sub-title {
        font-size: 22px;
    }
    .about-sec .text-box {
        margin-bottom: 60px;
    }
    .about-sec .social-res .text-block .box-title {
        font-size: 13px;
    }
    .about-sec .social-res .text-block p {
        font-size: 11px;
    }
    .about-sec .social-res .text-block {
        max-width: 31.25vw;
        padding: 3.3vw 2.6vw;
    }
    .about-sec .social-res .left-sec .text-block {
        top: 5.8vw;
    }
    .about-sec .social-res .right-sec .text-block {
        bottom: 5.8vw;
    }
    .about-sec .social-res .text-block .play {
        left: 7px;
        top: 7px;
        width: 27px;
        height: 27px;
        line-height: 31px;
        font-size: 12px;
    }
    .scroll-wrapper {
        height: 10.3vw;
    }
    .projects-sec .page-title,
    .page .tab-title {
        font-size: 26px;
    }
    .tab-list.no-mrg li+li {
        margin-right: 15px;
    }
    .tab-list.no-mrg li a {
        font-size: 12px;
    }
    .first-block .logo-img {
        width: 45px;
    }
    .gallery-item .pic {
        height: 170px;
    }
    .gallery-item .text {
        font-size: 12px;
    }
    .special-sale .link {
        margin-bottom: 30px;
    }
    .side-block .agent-item .content .title {
        font-size: 14px;
    }
    .side-block .agent-item .info .item-logo {
        width: 65px;
        height: 65px;
    }
    .side-block .agent-item .content p {
        font-size: 12px;
    }
    .side-block .agent-item .info .rate {
        font-size: 11px;
    }
    .tab-pane .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
    .design-item .text-box .title {
        margin: 15px 0;
        font-size: 16px;
    }
    .page .col-mrg .col-sm-3:nth-child(n+5) {
        margin-top: 50px;
    }
    .page .col-mrg .col-sm-3:nth-child(4n+1) {
        clear: both;
    }
    .page .p-item .name {
        font-size: 12px;
    }
    .page .text-box-border {
        border: 20px solid #f5f5f5;
        padding: 45px 10px;
        margin-top: 40px;
        margin-right: 0;
        margin-bottom: 40px;
        font-size: 22px;
    }
    .contact-sec {
        padding: 70px 0 70px;
    }
    .contact-sec .form-sec {
        margin-top: 60px;
    }
    .product-page #sync2 {
        margin-bottom: 30px;
    }
    .product-page .block .item {
        padding: 12px 13px;
    }
    .product-page .block .item .icon img {
        width: 32px;
    }
    .product-page .block .item .content {
        font-size: 11px;
    }
    .product-page .block .item .icon {
        padding-left: 7px;
    }
    .tab-list.inner li+li {
        margin-right: 30px;
    }
    .about-sec .social-res .text-block .box-title {
        height: 46px;
    }
    .veneer .first-block .tab-title {
        margin-top: -35%;
    }
    .modal.modal-style2 .modal-content {
        width: 700px;
        padding: 60px 40px 40px;
    }
    .modal.modal-style2 .modal-content .tab-list li a {
        font-size: 11px;
    }
    .modal.modal-style2 .modal-content .tab-list li+li {
        margin-right: 25px;
    }
    .product-page .bg {
        width: calc(100% - 30px);
    }
    .check-inner .shop_table .title {
        font-size: 12px;
    }
    .check-inner .shop_table .pic img {
        width: 50px;
    }
    .check-inner .price {
        font-size: 13px;
    }
    .check-inner .shop_table .numbers-row {
        width: 80px;
    }
    .check-inner .shop_table .numbers-row input {
        padding: 7px 0;
    }
    .check-inner .shop_table .numbers-row .mybtn {
        font-size: 17px;
    }
    .check-inner .shop_table .remove {
        font-size: 22px;
    }
    .check-inner .shop_table td.product {
        max-width: 210px;
    }
    .check-inner .shop_table .pic {
        margin-left: 13px;
    }
    .check-inner .shop_table th {
        font-size: 13px;
    }
    .check-inner .shop_table .cover img {
        flex-basis: 17px;
        width: 17px;
    }
    .check-inner .shop_table .cover .color {
        flex-basis: 17px;
        height: 17px;
        width: 17px;
    }
    .check-inner .shop_table .cover span {
        font-size: 10px;
    }
    .check-inner .gray-btn,
    .check-inner .main-btn,
    .check-inner .tr-btn {
        padding: 13px 35px;
        font-size: 12px;
    }
    .check-inner .box {
        margin-top: 45px;
    }
    .page .compare-title {
        font-size: 20px;
    }
    .check-inner .shop_table td {
        font-size: 13px;
    }
    .check-inner .box .sec-title {
        font-size: 17px;
    }
    .form-sec .select-list,
    .check-inner p {
        font-size: 12px;
    }
    .check-inner .box .title {
        font-size: 13px;
    }
    .check-inner .box .text {
        font-size: 12px;
    }
    .check-inner .top-sec .complete {
        font-size: 24px;
    }
    .about-sec .pic-item .title-box .title {
        font-size: 16px;
        margin: 15px 0;
    }
    .inner-page .color-title {
        font-size: 110px;
    }
    .inner-page .text1 {
        font-size: 22px;
    }
    .inner-page .text1:after {
        width: 70px;
    }
    .inner-page .text2 {
        font-size: 14px;
    }
    .inner-page .main-btn {
        font-size: 13px;
        padding: 13px 35px;
    }
    .honors,
    .honors2 {
        margin-top: 20px;
    }
    .xs-mrg-top {
        margin-top: 45px;
    }
    #popup2 .close-btn,
    #popup3 .close-btn {
        font-size: 32px;
        top: 20px;
        left: 20px;
    }
    #popup2 .content .title,
    #popup3 .content .title {
        font-size: 20px;
        margin: 0 0 20px;
    }
    #popup2 .content p,
    #popup3 .content p {
        font-size: 12px;
    }
    #popup2 .content .form-sec,
    #popup3 .content .form-sec {
        margin-bottom: 50px;
        margin-top: 25px;
    }
    #popup2 .content .form-sec .button,
    #popup3 .content .form-sec .button {
        padding: 8px 25px;
        font-size: 12px;
    }
    #popup2 .content .modal-close,
    #popup3 .content .modal-close {
        font-size: 12px;
    }
    #popup2 .content .modal-close .icon,
    #popup3 .content .modal-close .icon {
        top: 3px;
    }
    .checkout-sec ul li span:after {
        font-size: 13px;
    }
    .facture-sec .text {
        font-size: 13px;
    }
    .facture-sec .inner-box .text {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .facture-sec .inner-box .text+.text {
        margin-right: 5px;
    }
    .facture-sec .inner-box .gray-sec .part-2 .red-text {
        font-size: 22px;
    }
    .facture-sec .table th {
        padding: 7px;
        font-size: 12px;
    }
    .facture-sec .table td {
        font-size: 11px;
        padding: 7px;
    }
    .facture-sec .inner-box .gray-sec .part-2 {
        width: 11%;
        padding: 10px 7px;
    }
    .facture-sec .inner-box .gray-sec .part-1 {
        float: right;
        width: 78%;
        padding: 10px 7px;
    }
}

@media(min-width:1199px) and (max-width:1325px) {
    .menu-bar .user-active .user-account-family {
        top: -6px;
        left: 44px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .our-customer .row .customer_slider {
        width: 80%;
    }
    .menu-bar .user-active .user-account-family {
        top: -6px;
        left: 60px;
    }
    .representation .container-fluid {
        padding: 0 34px;
    }
    .representation .slideTextFist {
        right: 58%;
    }
    .representation div.item a.slideBtn {
        right: 58%;
    }
    .menu-bar .main-menu {
        display: block!important;
    }
    .menu-bar .main-menu>li>a {
        font-size: 10px;
        padding: 0 7px;
    }
    .menu-bar .main-menu>li ul li a {
        font-size: 11px;
    }
    .menu-bar .main-menu>li>ul {
        background-color: rgba(34, 34, 34, .8);
    }
    .menu-bar .cart {
        margin-right: 5px;
    }
    .menu-bar .search-btn,
    .menu-bar .search-btn-h {
        margin-left: 7px;
    }
    .menu-bar .login {
        margin-right: 15px;
    }
    .menu-bar .main-menu .has-sub ul {
        display: block!important;
    }
    .section1 .item .text-box .title {
        font-size: 15px;
    }
    .product-sec .products li a {
        padding: 5px 15px;
    }
    .product-sec .products li a span {
        font-size: 10px;
    }
    .product-sec .products li a img {
        height: 35px;
    }
    .section1 .border-title:after {
        width: 135px;
    }
    .page-head {
        height: 300px;
    }
    .contact-sec .map {
        height: 255px;
    }
    .side-block .border {
        margin-right: 20px;
        padding-right: 30px;
    }
    .side-block .post .title {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .sidebar .side-title {
        font-size: 14px;
    }
    .sidebar .cats li a,
    .sidebar .filter li a {
        font-size: 12px;
    }
    .sidebar .post-list li .pic {
        width: 95px;
    }
    .sidebar .post-list li .pic img {
        max-width: 80px;
    }
    .sidebar .post-list li .title {
        font-size: 11px;
        height: 35px;
    }
    .sidebar .post-list li .content {
        padding: 10px 0 5px 7px;
    }
    .sidebar .post-list li .date {
        margin-top: 5px;
        font-size: 10px;
    }
    .shop-sec .col-md-4:nth-child(3n+1) {
        clear: both;
    }
    .product-item {
        min-height: unset;
    }
    .product-item .title {
        font-size: 13px;
        height: 45px;
    }
    .product-page .next,
    .product-page .prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .product-page .prev {
        left: -10px;
    }
    .product-page .next {
        right: -10px;
    }
    .product-page .result {
        font-size: 16px;
    }
    .product-page .same-slider {
        padding: 0 20px;
    }
    .product-page .bg {
        width: calc(100% - 30px);
    }
    .product-page .select-box .preview .selected-color {
        width: 30px;
        height: 30px;
    }
    .shop-cat .cat-item .text-box {
        font-size: 15px;
    }
    .projects-sec .tab-pane .item .text-box .title {
        font-size: 18px;
        margin: 15px 0;
    }
    .section2 .p-item .pic {
        width: 70px;
    }
    .section2 .p-item .content .title {
        font-size: 12px;
    }
    .section2 .p-item .content .price .old {
        font-size: 11px;
    }
    .section2 .p-item .content .price span {
        font-size: 12px;
    }
    .section2 .row {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .section2 .pic-slider,
    .section2 .pic-slider .owl-stage-outer,
    .section2 .pic-slider .owl-stage,
    .section2 .pic-slider .owl-item,
    .section2 .pic-slider .item {
        height: 100%;
    }
    .section2 .pic-slider .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .shop-cat .slider .item .text {
        font-size: 12px;
    }
    .shop-cat .next,
    .shop-cat .prev {
        width: 17px;
        background-size: 17px!important;
    }
    .shop-cat .prev {
        right: -10px;
    }
    .shop-cat .next {
        left: -10px;
    }
    .special-sale .title {
        font-size: 20px;
    }
    .special-sale .title:after {
        width: 65px;
        margin: 10px auto;
    }
    .special-sale .text {
        font-size: 11px;
    }
    .special-sale .offer {
        font-size: 16px;
    }
    .special-sale .text2 {
        font-size: 13px;
    }
    .special-sale #timer .timer-box {
        width: 80px;
        height: 80px;
    }
    .special-sale #timer .timer-box strong {
        font-size: 24px;
    }
    .special-sale #timer .timer-box .name {
        font-size: 12px;
    }
    .special-sale .link {
        margin-top: 13px;
    }
    .side-block .agent-item .content .title {
        font-size: 15px;
    }
    .side-block .agent-item .info .item-logo {
        width: 70px;
        height: 70px;
    }
    .tab-pane .col-md-4:nth-child(3n+1) {
        clear: both;
    }
    .design-item .text-box .title {
        margin: 15px 0;
        font-size: 16px;
    }
    .page .outer-slider .next-outer,
    .page .outer-slider .prev-outer {
        width: 25px;
        background-size: 25px !important;
    }
    .page .outer-slider .next-outer {
        right: -10px;
    }
    .page .outer-slider .prev-outer {
        left: -10px;
    }
    .page .inner-slider .owl-nav .owl-prev {
        left: 17px;
    }
    .page .inner-slider .owl-nav .owl-next {
        right: 17px;
    }
    .page .top-part .title-box .title {
        font-size: 24px;
    }
    .page .cat-col .block .link,
    .page .p-item .name {
        font-size: 13px;
    }
    .about-sec .social-res .text-block .box-title {
        font-size: 14px;
    }
    .about-sec .social-res .text-block p {
        font-size: 11px;
    }
    .about-sec .social-res .text-block {
        max-width: 260px;
        padding: 35px 20px;
    }
    .about-sec .pic-item .title-box .title {
        font-size: 16px;
        margin: 15px 0;
    }
    .scroll-wrapper {
        height: 105px;
    }
    .page .col-mrg .col-md-3:nth-child(n+5) {
        margin-top: 50px;
    }
    .page .col-mrg .col-md-3:nth-child(4n+1) {
        clear: both;
    }
    .page .text-box-border {
        border: 20px solid #f5f5f5;
        padding: 40px 10px;
        margin-top: 40px;
        margin-right: 35px;
        font-size: 22px;
    }
    .first-block .tab-title {
        font-size: 32px;
    }
    .product-page .play-video {
        width: 30px;
        height: 32px;
        font-size: 13px;
        line-height: 37px;
    }
    .product-page .block .item {
        padding: 10px 3px 9px;
    }
    .product-page .block .item .icon img {
        width: 18px;
    }
    .product-page .block .item .content {
        font-size: 8px;
    }
    .product-page .vertical-slider {
        position: relative;
        padding-right: 78px;
    }
    .product-page .vertical {
        transform: rotate(90deg);
        position: absolute;
        width: 370px;
        top: 157px;
        right: -146px;
        margin-top: 0!important;
    }
    .product-page .vertical.slider{
        position: initial;
        display: block;
        margin: 0;
    }

    .product-page .vertical .item {
        transform: rotate(-90deg);
    }
    .product-page .w-1 {
        width: 480px!important;
    }
    .product-page .w-2 {
        width: 480px!important;
    }
    .about-sec .social-res .text-block .box-title {
        height: 46px;
    }
    .gallery-item .pic {
        height: 200px;
    }
    .product-page .select-box .preview {
        padding-right: 10px;
    }
    .product-page .select-box .preview img {
        width: 30px;
        margin-left: 5px;
    }
    .product-page .select-box .preview .code {
        font-size: 11px;
    }
    .check-inner .shop_table .title {
        font-size: 13px;
    }
    .check-inner .shop_table .pic img {
        width: 65px;
    }
    .check-inner .price {
        font-size: 14px;
    }
    .check-inner .shop_table .numbers-row {
        width: 95px;
    }
    .check-inner .shop_table .numbers-row input {
        padding: 7px 0;
    }
    .check-inner .shop_table .numbers-row .mybtn {
        font-size: 18px;
    }
    .check-inner .shop_table .remove {
        font-size: 26px;
    }
    .form-sec .col-md-6:nth-child(2n+1) {
        clear: both;
    }
    .facture-sec .inner-box .text {
        font-size: 11px;
    }
    .facture-sec .inner-box .text+.text {
        margin-right: 15px;
    }
    .facture-sec .inner-box .gray-sec .part-2 .red-text {
        font-size: 22px;
    }
    .facture-sec .table th {
        padding: 7px;
        font-size: 12px;
    }
    .facture-sec .table td {
        font-size: 11px;
        padding: 7px;
    }
    .sitemap-other ul li {
        display: block;
        margin-left: 20px
    }
}

@media(max-width:280px) {
    .menu-bar .user-active .user-account-family {
        top: -10px;
        right: 1px;
        font-size: 8px;
    }
    .sliedCustomer #branchSlid1 .owl-nav [class*=owl-] {
        margin: 0px -25%;
    }
    .sliedCustomer #branchSlid2 .center .textimgStyle {
        margin-top: 36%;
        right: 37%;
    }
    .sliedCustomer #branchSlid2 .textimgStyle {
        position: absolute;
    }
}

@media(max-width:278px) {
    .quick-access,
    .representations-categoires,
    .blog-categoires,
    .menu-bar {
        display: none;
    }
}

@media (min-width: 576px) {
    .representations-group .side-title {
        display: none;
    }
    .representations-group .side-search {
        width: 100%;
    }
    .representations-categoires,
    .blog-categoires {
        top: 96px;
    }
    .representations-design .position-manage .representations-all-data,
    .blog-design .container .position-manage .blog-all-data {
        grid-template-columns: repeat(1, 1fr);
    }
    .representations-design .container .item-representations,
    .blog-design .container .item-blog {
        width: 100%;
    }
    .representations-group,
    .blog-ul,
    .representations-design .container,
    .blog-design .container {
        max-width: 540px !important;
        width: 540px !important;
    }
}

@media(min-width:601px) {
    .shop-cat .flex {
        display: flex;
        display: -webkit-flex;
        height: 40vw;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        max-height: 600px;
    }
    .shop-cat .cat-item,
    .shop-cat .cat-item.big {
        height: 40vw;
        max-height: 600px;
    }
    .shop-cat .flex .inner {
        height: 40vw;
    }
    .shop-cat .flex .inner .cat-item {
        height: 19vw;
        max-height: 274px;
    }
    .shop-cat .mrg-top {
        margin-top: 2vw;
    }
    .shop-cat .mrg-btm {
        margin-bottom: 2vw;
    }
    .shop-cat .flex .h-full .cat-item {
        height: 40vw;
    }
    .shop-cat .flex,
    .shop-cat .flex .row {
        margin-right: -1vw;
        margin-left: -1vw;
    }
    .shop-cat .flex [class*='col-'] {
        padding: 0 1vw;
    }
}

@media (min-width: 768px) {
    .representations-group .side-title {
        display: block;
    }
    .representations-group .side-search {
        width: 75%;
    }
    .representations-categoires,
    .blog-categoires {
        top: 103px;
    }
    .representations-design .position-manage .representations-all-data,
    .blog-design .container .position-manage .blog-all-data {
        grid-template-columns: repeat(2, 1fr);
    }
    .representations-design .container .item-representations,
    .blog-design .container .item-blog {
        width: 100%;
    }
    .representations-group,
    .blog-ul,
    .representations-design .container,
    .blog-design .container {
        max-width: 748px !important;
        width: 748px !important;
    }
}

@media (min-width: 992px) {
    .representations-group .side-search {
        width: 50%;
    }
    .representations-categoires,
    .blog-categoires {
        top: 119px;
    }
    .representations-design .position-manage .representations-all-data,
    .blog-design .container .position-manage .blog-all-data {
        grid-template-columns: repeat(2, 1fr);
    }
    .representations-design .container .item-representations,
    .blog-design .container .item-blog {
        width: 100%;
    }
    .representations-group,
    .blog-ul,
    .representations-design .container,
    .blog-design .container {
        max-width: 960px !important;
        width: 960px !important;
    }
}

@media(min-width:1200px) {
    .representations-group .side-search {
        width: 25%;
    }
    .representations-design .position-manage .representations-all-data,
    .blog-design .container .position-manage .blog-all-data {
        grid-template-columns: repeat(3, 1fr);
    }
    .representations-design .container .item-representations,
    .blog-design .container .item-blog {
        width: 100%;
    }
    .representations-group,
    .blog-ul,
    .representations-design .container,
    .blog-design .container {
        max-width: 1150px !important;
        width: 1150px !important;
    }
    .our-customer .row .customer_slider {
        width: 90%;
    }
    .representation .container-fluid {
        padding: 0 34px;
    }
    .menu-bar .main-menu {
        display: block!important;
    }
    .menu-bar .main-menu>li>ul {
        background-color: rgba(34, 34, 34, .8);
    }
    .menu-bar .main-menu .has-sub ul {
        display: block!important;
    }
    .shop-sec .col-md-4:nth-child(3n+1) {
        clear: both;
    }
    .section2 .row {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .section2 .pic-slider,
    .section2 .pic-slider .owl-stage-outer,
    .section2 .pic-slider .owl-stage,
    .section2 .pic-slider .owl-item,
    .section2 .pic-slider .item {
        height: 100%;
    }
    .section2 .pic-slider .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .tab-pane .col-md-4:nth-child(3n+1) {
        clear: both;
    }
    .page .col-mrg .col-lg-2:nth-child(n+7) {
        margin-top: 50px;
    }
    .page .col-mrg .col-lg-2:nth-child(6n+1) {
        clear: both;
    }
    .sidebar.pda-right {
        padding-right: 10px;
    }
    .product-page .vertical-slider {
        position: relative;
        padding-right: 78px;
    }
    .product-page .vertical {
        transform: rotate(90deg);
        position: absolute;
        width: 475px;
        top: 198px;
        right: -204.5px;
        margin-top: 0!important;
    }
    .product-page .vertical.slider{
        position: initial;
        display: block;
        margin: 0;
    }
    .product-page .vertical .item {
        transform: rotate(-90deg);
    }
    .product-page .w-1 {
        width: 580px!important;
    }
    .product-page .w-2 {
        width: calc(100% - 580px)!important;
    }
    .product-page .same-slider {
        padding: 0 20px;
    }
    .form-sec .col-md-6:nth-child(2n+1) {
        clear: both;
    }
}

@media(min-width: 1400px) {
    .our-customer .row .customer_slider {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .representations-categoires,
    .blog-categoires {
        top: 119px;
    }
    .representations-design .position-manage .representations-all-data,
    .blog-design .container .position-manage .blog-all-data {
        grid-template-columns: repeat(4, 1fr);
    }
    .representations-design .container .item-representations,
    .blog-design .container .item-blog {
        width: 100%;
    }
    .representations-group,
    .blog-ul,
    .representations-design .container,
    .blog-design .container {
        max-width: 1570px !important;
        width: 1570px !important;
    }
}