/*category-previw-block*/
@media all and (max-width: 950px) {
    .category-previw-box .title {
        font-size: 28px;
    }
}
@media all and (max-width: 850px) {
    .category-previw-box .pics {
        width: 290px;
    }

    .category-previw-box .title {
        margin-left: 290px;
    }

    .category-previw-box .pic2 {
        display: none;
    }


    .category-previw-block .carousel .carousel-inner > .item {
        -webkit-transition: 0.3s ease-in-out left;
        -moz-transition: 0.3s ease-in-out left;
        -o-transition: 0.3s ease-in-out left;
        transition: 0.3s ease-in-out left;
    }

}
@media all and (max-width: 680px) {
     .category-previw-block {
         padding-top: 20px;
     }

    .category-previw-box {
        padding: 10px;
        margin: 0;
    }


    .category-previw-box .title {
        font-size: 24px;
    }

    .mb .category-previw-block .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .category-previw-box .pics img {
        margin-right: 0;      
    }
    
    .category-previw-box .pics {
        width: 250px;
    }

    .category-previw-box .title {
        margin-left: 250px;
    }
}
@media all and (max-width: 500px) {
    .category-previw-box .pics {
        width: auto;
        float: none;
        margin-left: -10px;
        margin-right: -10px;
    }
    .category-previw-box .title {
        margin-left: 0;
        line-height: 30px;
    }

    .category-previw-box .title br {
        display: none;
    }
    .category-previw-box .pic2 {
        display: inline;
    }
    .category-previw-box .title a {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
@media all and (max-width: 430px) {
    .category-previw-box .pic2 {
        display: none;
    }
}

/*video*/
@media all and (max-width: 767px) {
    .products .video-block {
        margin-left: -25px;
        margin-right: -25px;       
    }

    .products .video-box{
        margin: 40px auto -20px auto;
        max-width: 480px;
    }
}


/*==============*/
@media all and (min-width:768px) and (max-width: 850px) {
    .contacts .map {
        padding-bottom: 100%;
    }
}

@media all and (min-width:851px) and (max-width: 991px) {
    .contacts .map {
        padding-bottom: 80%;
    }
}


@media all and (max-width: 400px) {
    .modal-size-grid .modal-dialog .modal-content .modal-body {
         padding: 0 5px 0 5px;
    }


    .size-grid table tbody {
        font-size: 11px;
    }

    .modal-size-grid .size {
        font-size: 14px;
    }


    .products-min .container .row .col-xs-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .questions .q-img-main img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
}


@media all and (max-width: 359px) {
    .products .params .arrow {
        display: none;
    }
    
    .products .params a {
         display: block;
         margin-bottom: 25px;
    }
}


@media all and (max-width: 340px) {
    .mb .products-min .btn-order {
        padding: 15px 20px;
    }

    .products-min .container .row .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .order-process .page-title {
        font-size: 24px;
    }

    .products img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }

    .order-process .promo-code input {
        margin: 0;
    }
}


@media all and (max-width: 991px) {
    /*buy-features*/
    .buy-features .container ul {
        padding-left: 0;
    }

    .buy-features .section-title h2 {
        font-size: 26px;
    }

    /*main-features*/
    .main-features .col-lg-2, .main-features .col-xs-12 {
        padding: 0;
    }

    /*datailed-features*/
    .datailed-features img {
      height: 75px;
      width: 75px;
    }
}



/*HEADER*/
/*@media all and (min-width: 768px) and (max-width: 910px) {
    .main-menu .navbar-collapse ul > li:first-child {
        display: none;
    }
}*/


@media all and (min-width: 950px) and (max-width: 1170px) {
    .header .action {
        margin-left: -52px;
    }
}

@media all and (max-width: 949px) {
    .header .contact-form {
        margin-top: 0;
        float: none;
    }

    .header .header-container {
        padding: 40px 40px;
        min-height: 695px;
    }
}

@media all and (max-width: 949px) {
    .header .header-image {
        top: -8px;
    }


    .header .action-main-box {
        visibility: hidden;
        display: none;
    }

    .header .header-lbox,
    .header .header-lbox-sportwear {
        width: 100%;
    }

    .header .page-title {
    }

        .header .page-title h1 {
        }

    .header .shipping {
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .header .contact-form .form-title {
        font-size: 20px;
        letter-spacing: -0.21px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 10px;
    }

    .header .contact-form {
        width: 360px;
        height: auto;
    }

    .header .action-form-box {
        display: block;
    }

    .mb .header .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media all and (max-width: 719px) {
    .header .page-title h1 {
        font-size: 40px;
        letter-spacing: -1.42px;
    }

    .header .page-title {
        font-size: 40px;
        letter-spacing: -1.42px;
    }

    .header .header-image {
        left: 80px;
    }
}

@media all and (max-width: 619px) {
    .header .page-title h1 {
        font-size: 34px;
        letter-spacing: -1.42px;
        line-height: 42px;
    }

    .header .page-title {
        font-size: 34px;
        letter-spacing: -1.42px;
        line-height: 42px;
        padding: 0;
    }

    .header .header-image {
        display: none;
    }

    .mb .header .container {
        padding: 0;
        min-height: 0;
    }

    .header .header-lbox {
        background: url(img/img_bg_high.jpg) no-repeat;
        background-position: top right;
        background-size: contain;
    }

    .header .header-lbox-sportwear {
        background: url(img/img_bg_sport.jpg) no-repeat;
        background-position: top right;
        background-size: contain;
    }

        .header .header-lbox .header-wrapper,
        .header .header-lbox-sportwear .header-wrapper {
            padding: 50px 15px 15px 15px;
        }


    .header .shipping {
        margin: 0;
    }

    .header .header-rbox {
        text-align: center;
        background-color: #fff;
    }

    .header .contact-form {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        box-shadow: none;
        border: none;
        width: auto;
    }

    .header .btn-view-price-box {
        display: block;
        margin: 30px 0;
    }
}


@media all and (max-width: 589px) {
    .header .header-lbox,
    .header .header-lbox-sportwear {
        background-position: top left 185px;
    }
}


@media all and (max-width: 439px) {
    .mb .header .header-lbox,
    .mb .header .header-lbox-sportwear {
        background-position: top right -100px;
        background-size: cover;
    }

    .header .header-wrapper {
        background: rgba(247,242,244, 0.85);
        /*background:#f7f2f4;*/
    }
}




@media all and (max-width: 349px) {
    .header .page-title h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .header .page-title {
        font-size: 28px;
        line-height: 32px;
    }
}


    /*.main-menu*/
@media all and (max-width: 767px) {
    .main-menu .navbar-title {
        display: inline-block;
    }
}

@media all and (max-width: 349px) {
    .main-menu .navbar-title {
        display: none;
    }
}



/*.order-process .order-items*/
@media all and (max-width: 1170px) {
    .mb .order-process .container {
        padding: 0;
    }
}


@media all and (max-width: 991px) {
    .order-process .order-items .item-rows .row > div {
        padding-left: 2px;
        padding-right: 2px;
    }

    .order-process .order-items .item-rows > div:first-child {
        border-top: 1px solid #f2f2f2;
        margin-top: 10px;
    }

    .order-process .item-rows .row {
        padding-top: 10px;
    }

    .order-process .order-items .edit-lnk {
        display: inline-block;
        margin: 0;
        height: 20px;
    }

    .order-process .order-items .product-name {
        margin-top: 0;
    }

    .order-process .order-items .discount {
        margin-top: 40px;
    }

    .order-process .order-items .quantity {
        margin-top: 30px;
    }

    .order-process .order-items .item-rows .row .item-img {
        padding-right: 20px;
    }


    .order-process .order-items .row .col-price {
    }
}

@media all and (max-width: 767px) {
     /*.order-process*/
    .order-process .order-items .item-rows > div:first-child {
        border-top: none;
        margin-top: 0;
    }


    .order-process .order-items .item-rows .quantity-box .xs-product-info-block .product-price {
        width: 50%;
        float: left;
    }

    .order-process .order-items .quantity {
        margin-top: 0;
        width: 50%;
        float: left;
        text-align: center;
    }

    .order-process .order-items .item-rows .row .quantity-box {
        padding-right: 10px;
        text-align: right;
    }

    .order-process .order-items .quantity-box .product-name {
        width: 77%;
        float: left;
    }

    .order-process .order-items .quantity-box .price-row-lnk {
        width: 23%;
        float: left;
    }

    .order-process .order-items .item-rows .quantity-box .xs-product-info-block {
        width: 77%;
        float: left;
    }

    .order-process .order-items .quantity-box .xs-item-total-block {
        width: 23%;
        float: left;
    }

    .order-process .order-items .item-rows .quantity-box .item-price {
        font-size: 24px;
    }

        .order-process .order-items .item-rows .quantity-box .item-price span {
            font-size: 12px;
        }

    .order-process .order-items .item-rows .quantity-box .discount {
        margin-top: 5px;
    }

        .order-process .order-items .item-rows .quantity-box .discount span {
            display: block;
            font-size: 12px;
            color: #ffffff;
            line-height: 16px;
            float: right;
            height: 18px;
            padding: 0 20px 0 5px;
            background: #212121 url(img/ic_discount.png) no-repeat;
            background-position: top right;
            background-size: contain;
            border-radius: 2px 2px 0px 2px;
            border: none;
        }


    .order-process .order-items .item-rows .row .item-img {
        padding-right: 10px;
    }

    .order-process .order-items .item-rows .row .col-xs-2 {
        width: 105px;
        float: none;
        position: absolute;
        left: 5px;
    }

    .order-process .order-items .item-rows .row .col-xs-10 {
        float: none;
        padding-left: 115px;
        width: 100%;
    }

    .order-process .order-items .item-rows .row {
        min-height: 120px;
    }

    .order-process .order-items .item-rows .discount-info-row {
        min-height: 0
    }
}


@media all and (max-width: 590px) {
    .order-process .order-items .img {
        text-align: center;
    }
}


@media all and (max-width: 560px) {
    .order-process .order-items .img {
        text-align: center;
    }

    .order-process .order-items .item-rows .quantity-box .xs-product-info-block .product-price {
        width: 100%;
    }

    .order-process .order-items .quantity {
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .order-process .order-items .product-price {
        margin-top: 10px;
    }

    .order-process .order-items .product-price .price {
        font-size: 16px;
        color: rgba(0,0,0,0.87);
        line-height: 20px;
        margin-right: 10px;
    }

    .order-process .order-items .product-price .old-price {
        font-size: 12px;
        color: rgba(0,0,0,0.38);
        line-height: 16px;
    }

    .order-process .order-items .item-rows .row .product-name {
        padding-right: 115px;
        width: 100%;
    }

    .order-process .order-items .quantity-box .price-row-lnk {
        width: 100px;
        float: none;
        position: absolute;
        right: 10px;
    }

    .order-process .order-items .item-rows .quantity-box .xs-product-info-block {
        padding-right: 115px;
        width: 100%;
    }

    .order-process .order-items .quantity-box .xs-item-total-block {
        width: 100px;
        float: none;
        position: absolute;
        right: 10px;
    }
}

@media all and (max-width: 400px) {
    .order-process .order-items img {
        max-width: 50px;
        height: 50px;
    }

    .order-process .order-items .item-rows .row .col-xs-2 {
        padding-right: 5px;
        width: 60px;
        float: none;
        position: absolute;
    }

    .order-process .order-items .item-rows .row .col-xs-10 {
        float: none;
        padding-left: 65px;
        width: 100%;
    }
}

@media all and (max-width: 319px) {
    .order-process .order-items .item-rows .row .col-xs-2 {
        display: none;
    }

    .order-process .order-items .item-rows .row .col-xs-10 {
        padding-left: 5px;
        width: 100%;
    }
    .order-process .promo-code  .p-title {
        width: 100%;
        display: block;
     }
                
}



/*====ALL====*/
@media all and (max-width: 767px) {
    #scrollup {
        right: 15px;
        bottom: 15px;
    }

    /*order-process page*/
    .mb .page .order-info .container {
        padding: 0;
    }

    .order-process .order-info {
        padding-bottom: 0;
    }

    .order-process .customer-info {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .order-process .page-title {
        margin-top: 0;
    }

    .order-process .form-group label {
        padding-right: 0;
    }

    .order-process .form-group .form-control-static {
        padding-left: 0;
    }

    .order-process .order-items {
        padding: 20px 10px 0;
    }

        .order-process .order-items .page-subtitle {
            font-size: 20px;
        }

    .order-process .btn-row {
        padding: 20px 0;
        text-align: center;
    }

        .order-process .btn-row span {
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

            .order-process .btn-row span b {
                margin-right: 0;
            }


    /*buy-features*/
    .buy-features ul li {
        margin-bottom: 10px;
    }

    .mb .question-form .btn-back-call {
        padding: 15px 15px;
    }

    .mb .buy-features .container {
        padding: 10px;
    }

    .buy-features .contact-form {
        margin-top: 20px;
    }

    /*contacts*/
    .contacts {
        padding-bottom: 10px;
    }

    .mb .contacts .container {
        padding: 0;
    }

    .contacts .map {
        padding-bottom: 50%;
        margin-bottom: 20px;
    }

    .contacts .c-content {
        margin-left: 20px;
    }

    .contacts .managers .m-box {
        margin-bottom: 20px;
        margin-left: 20px;
    }


    /*content box*/
    .cb-box {
        margin: 10px 0;
        padding: 10px;
    }

    .cb-title h3 {
        font-weight: bold;
        font-size: 16px;
        color: rgba(0,0,0,0.87);
        line-height: 24px;
    }



    /*buy-process*/
    .mb .buy-process .container {
        padding: 10px;
    }


    .buy-process .sb {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        max-width: 550px;
        margin-bottom: 20px;
        min-height: 70px;
        position: relative;
        /*display: flex;
        flex-direction: column;
        justify-content: center;*/
    }


    .buy-process .step {
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 0;
        vertical-align: central;
    }

    .buy-process .txt {
        padding-left: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .buy-process .sb, .buy-process .row .sb-left,  .buy-process .row .sb-right{
        background: none;
    }

    .buy-process .sb-top-box{
        background: #fff url(img/bg_buy-process.png) repeat-y;
        background-position: top left 35px;
        max-width: 550px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
    }

    .buy-process .row .sb-right {
        margin-bottom: 0;
    }


    /*faq*/
    .faq .container {
        padding: 0;
    }

        .faq .container .row .col-xs-12 {
            padding: 0;
        }


    /*products*/
    .products .prod-title-sep {
        width: 30%;
        background: #ff73b3;
        height: 2px;
    }

    .products .product-info {
        max-width: 430px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .products .product-box {
        padding: 30px 0;
        border-bottom: 1px solid rgba(0,0,0,0.10);
    }

        .products .product-box:hover {
            border-bottom: none;
        }

    .products .container :last-child {
        border-bottom: none;
    }

    .product-name-xs h3 {
        text-align: center;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .products .product-short-txt {
        margin-top: 10px;
    }

    .products .price {
        margin: 0 5px 0 10px;
    }


    /*datailed-features*/
    .datailed-features img {
        height: 75px;
        width: 75px;
        float: left;
        display: inline;
    }

    .datailed-features .df-title h3 {
        margin-top: 0px;
    }

    .mb .datailed-features .container {
        padding-left: 10px;
        padding-right: 10px;
    }



    /*products-min*/
    .mb .products-min .container {
        padding: 0;
    }

        .mb .products-min .container .row {
            margin-left: 0;
            margin-right: 0;
        }

        .mb .products-min .container .section-title {
            margin-top: 30px;
        }

    /*questions*/
    .mb .questions .container {
        padding: 0;
    }


    /*main-features*/
    .main-features {
        padding: 15px 0 5px 0;/*x2*/
    }


    .main-features .col-xs-12 {
        width: 100%;
    }

    .main-features .f {
        text-align: left;
        max-width: 350px;
        /*min-height: 80px; x2*/
        min-height: 40px;
        margin-bottom: 10px;
        position: relative;
    }

    .main-features .f-img {
        /*vertical-align: central;
        display: inline-block;*/
    }

    .main-features .f-img img { /*x2*/
        height: 40px;
        width: 40px;
        margin-bottom: 0px;
    }

    .main-features .f-descr {
        /*display: inline-block;*/
        vertical-align: central;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        /*margin-left: 90px; x2*/
        margin-left: 50px;
    }


    /* modal forms*/
    .modal .modal-dialog {
        max-width: 440px;
        padding: 5px;
    }

        .modal .modal-dialog .modal-header {
            padding: 2px 5px 0 0;
            min-height: 30px;
        }

        .modal .modal-dialog .modal-body input {
            height: 34px;
        }

    .modal .form-title {
        font-size: 18px;
        line-height: 24px;
    }

    .modal .modal-dialog .modal-body {
        padding: 0 20px 20px 20px;
    }

    .modal .modal-header .close {
        padding: 0 5px;
    }

    .mb .modal .modal-body .btn-back-call {
        padding: 15px;
    }

    .modal-size-grid .modal-dialog {
        max-width: 600px;
        width: auto;
    }

    .modal-size-grid .modal-dialog .modal-body {
        padding: 0 20px 10px;
    }



    /*subscribe-form*/
    .subscribe-form {
        margin-top: 30px;
    }

        .subscribe-form .contact-form {
            padding: 15px;
            max-width: 560px;
        }

            .subscribe-form .contact-form .form-title {
                line-height: 26px;
            }

            .subscribe-form .contact-form .form-subtitle {
            }

            .subscribe-form .contact-form input {
                width: 100%;
            }


    /*page*/
    .page {
        padding-top: 30px;
    }

    .mb .page .container {
        padding: 5px;
    }

    .mb .page .btn-back-call {
        padding: 15px;
    }

    /*global*/
    .size-grid table {
        font-size: 14px;
    }

    .size-grid table td {
        padding: 2px;
    }



    .section-title h2, .section-title .subtitle {
        font-size: 24px;
        line-height: 30px;
    }

    .section-title {
        margin: 30px 0;
    }

    .mb .container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .mb .btn-order, .order-process .btn-continue-shopping {
        padding: 15px 35px;
    }

    .contact-form {
        padding: 20px;
    }


}



@media all and (max-height: 450px) and (max-width: 767px) {
    .contacts .map {
        padding-bottom: 25%;
    }
}