@media (min-width: 1200px) {
    .col-lg-72{
        width: 72% !important;
    }
    .col-lg-70{
        width: 70% !important;
    }
    .col-lg-60{
        width: 60% !important;
    }
    .col-lg-46{
        width: 46% !important;
    }
    .col-lg-40{
        width: 40% !important;
    }
    .col-lg-30{
        width: 30% !important;
    }
    .col-lg-28{
        width: 28% !important;
    }
    .col-lg-20{
        width: 20% !important;
    }
    .col-lg-18{
        width: 18% !important;
    }
    .header-infor{
        float: left;
    }
    .header-acount{
        float: right;
    }
    .categoryPage .products-list .itemsProduct,
    .blockIndex .products-list .itemsProduct{
        min-height: 325px;
    }

    .categoryPage .products-list .productItems.col-md-3:nth-child(4n+1),
    .blockIndex .products-list:not(.productsImgUri) .productItems.col-lg-20:nth-child(5n+1),
    .blockIndex .products-list.productsImgUri .productItems.col-lg-20:nth-child(5){
        clear: both;
    }
    .productNews .media-left img{
        max-height: 60px;
    }
    .newsPages  .news-item{
        min-height: 405px;
    }
    .news-item .newsImg img{
        height: 225px;
        object-fit: contain;
        border: 1px solid #eee;
    }
    .homefield .mcartProduct, .homefield  .mfastBuy{
        bottom: 5px;
        position: absolute;
    }
    .categoryPage  .productItems .imgBor, .homefield .productItems .imgBor{
        height: 230px;
    }
    .categoryPage  .productItems .imgBor img,
    .homefield .productItems .imgBor img{
        height: 220px;
    }
    .headerMiddle>div.logo img{
        max-width: 150px;
    }
    .buyItItem .tittle{
        max-height: 77px;
    }
    .itemsProduct:hover .nk-product-hover{
        display: block !important;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);

        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
    }
    .blockRightMB{
        display: none !important;
    }
    .newsDetails .des{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .col-cat-img img{
        max-height: 324px;
    }
}
@media (min-width: 1024px) {
    .headerBottom>div.policy ul li{
        margin: 0 10px;
        font-size: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .categoryPage .products-list .productItems.col-sm-4:nth-child(3n+1),
    .blockIndex .products-list:not(.productsImgUri) .productItems.col-sm-4:nth-child(3n+1),
    .blockIndex .products-list.productsImgUri .productItems.col-sm-4:nth-child(4n+1){
        clear: both;
    }
    .blockIndex .products-list.productsImgUri .productItems.col-sm-4:last-child{
        clear: none;
    }
    .headerMiddle>div.blockCenter {
        width:35%
    }
    .menuHeader ul.childNav {
        left:210px!important
    }
    .headerBottom {
        /*display:none*/
    }
    a.menuLeft {
        display:block
    }
    .bannerWrp {
        width:100%
    }
}
@media (max-width: 991px) {
    .wrap-product-detail {
        padding: 20px !important;
    }
    .loginForm form ul li select {
        min-width:35%
    }

    .blockIndex div.blockLeft {
        min-width:73%
    }

    .adsLeft,.adsRight {
        display:none!important
    }

    .imgBor img {
        width:100%
    }

    .headerMiddle>div.logo,.headerMiddle>div.blockCenter,.headerMiddle>div.blockRight {
        width:100%;
        text-align:center
    }


    .headerMiddle>div.blockCenter .blockSearch input {
        width:95%
    }

    .headerBottom {
        display:none!important
    }

    a.menuLeft {
        display:block
    }

    .bannerWrp,.newsRight,.newsLeft,.newsWrp .newsImg,.newsWrp .newsDetails {
        width:100%
    }

    .newsWrp .newsImg,.newsLeft>ul>li {
        height:100%
    }

    .blockFooter h1 {
        font-size:15px
    }

    .footerTop>div {
        margin:0 -5px;
        width:26%
    }

    .blockFooter h1,.titleProduct a,.titleProduct {
        display:block;
        text-align:left;
        padding-right:4px;
        text-overflow:ellipsis;
        white-space:normal;
    }
}
@media (max-width: 767px) {
    #content .container{
        padding-left: 0;
        padding-right: 0;
    }
    #content .install-title{
        padding: 0 20px;
    }
    #mainNav li a{
        font-size: 15px;
        padding: 10px 15px;
        color: #555;
    }
    .sliderFull .owl-nav .owl-prev, .sliderFull .owl-nav .owl-next{
        width: 26px;
        height: 33px;
    }
    .blockRightMB{
        top: 19px;
        right: 0;
        text-align: right !important;
        position: absolute !important;
        display: inline-block !important;
    }
    .blockRightMB .blockAdv{
        display: inline-block !important;
    }
    .blockRightMB .blockAdv .faright{
        float: none !important;
        width: 30px;
        height: 30px;
    }
    .headerMiddle{
        position: relative;
        padding: 10px 0 0 0;
    }


    .categoryPage .products-list .productItems.col-xs-6:nth-child(2n+1),
    .blockIndex .products-list:not(.productsImgUri) .productItems:nth-child(odd),
    .blockIndex .products-list.productsImgUri .productItems:nth-child(even){
        clear: both;
    }
    .blockIndex .products-list .productItems:nth-child(3){
        /*clear: none;*/
    }
    .blkSign {
        position:relative;
        right:0
    }

    .productDetails .columnLeftView {
        width:100%!important
    }

    .loginForm form ul li select {
        min-width:50%
    }

    .col-sm-3,.col-sm-9,.col-sm-6 {
        min-width:100%
    }

    .navFeatured li .itemPr {
        width:160px
    }
    .footerTop>div {
        margin:0;
        width:25%
    }

    .blockIndex div.blockLeft {
        min-width:100%
    }

    .blockIndex div.blockRight {
        display:none
    }

    .headerMiddle>div.logo {
        text-align:center;
        width:100%
    }

    .headerMiddle>div.blockCenter .blockSearch input {
        max-width:100%
    }
    .headerMiddle>div.blockCenter,.headerMiddle>div.blockRight,.newsRight,.newsLeft,.newsWrp .newsImg,.newsWrp .newsDetails {
        width:100%
    }
    .newsWrp .newsImg,.newsLeft>ul>li {
        height:100%
    }

    .carWrp .cartLeft,.carWrp .cartRight,.purchaseInfo ul.contact {
        width:100%
    }

    .title td {
        font-size:12px
    }
    .cloudzoom-zoom,.cloudzoom-lens,.cloudzoom-blank {
        display:none!important
    }

    #zoomer::after {
        content:"";
        height:100%;
        position:absolute;
        width:100%;
        z-index:2
    }
    .productDetails .columnRightView{
        padding: 5px;
    }
    .blockMenuSearch {
        text-align: center;
        width: 100%;
    }
    .blockMenuSearch ul {
        text-align: right;
        width: 100%;
        padding: 8px 0;
    }
    .blockMenuSearch ul li {
        float: none;
        padding: 0 7px;
        display: inline-block;
    }
    .headerMiddle>div.logo,.productDetails .columnRightView{
        width: 100%;
    }
    .headerMiddle>div.blockCenter {
        width: 100%;
        padding: 15px 0 10px 0;
    }
    .headerMiddle>div.blockRight {
        display: none;
    }
    .blockBanner {
        height: inherit;
    }
    .blockProduct>.blockMenu>h2 {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .blockProduct>.blockMenu>h2:after {
        display:none
    }
    .blockProduct>.blockMenu>ul {
        float: none;
        text-align: center;
        display: none;
    }
    .blockBrand h2 {
        margin: 0;
    }
    .footer .actionColAbout, .footer .actionCol:last-child {
        width: 100%;
        padding: 0;
    }
    .footer .actionCol {
        width: 50%;
        padding: 0;
    }
    a.menuLeft {
        background: url(../img/btn-gnb.png) no-repeat scroll 4px 7px #666666;
        top: 15px;
    }

    .productRightContent .prWrp li{
        padding: 5px 0;
        width: 50%;
    }
    .tabHome ul li{
        margin-top: 5px;
    }
    .productResgiter .proGesTitle{
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .headerMiddle>div.logo img {
        max-height: 35px;
    }
    .headerMiddle>div.blockCenter .blockSearch a {
        height: 34px;
        width: 40px;
    }
    .headerMiddle>div.blockCenter .blockSearch input {
        padding: 7px 0 7px 10px;
    }
    .blockRight .blockAdv .faright .itemCart {
        width: 20px;
        height: 20px;
    }
}
/* - - - end media max width 767*/

@media (max-width: 580px) {
    .bannerWrp {
        display:none
    }
    .blockBrand {
        display:none
    }

    .headerMiddle>div.logo {
        text-align:center;
        width:100%
    }

    .headerMiddle>div.blockCenter,.headerMiddle>div.blockRight,.footerTop>div,.footerBottom,.blockIndex div.blockLeft {
        width:100%
    }

    .footerTop>div {
        margin:0
    }

    .blockIndex div.blockRight {
        display:none
    }

    .footerBottom {
        padding:0
    }

    .carWrp .cartLeft,.carWrp .cartRight,.purchaseInfo ul.contact{
        width:100%!important
    }

    .title td {
        font-size:12px
    }
}

@media (max-width: 480px) {
    .loginForm form ul li select {
        min-width:100%
    }

    .nav>li {
        width:100%
    }

    .blockLeft .caroufredsel_wrapper {
        width:250px!important
    }

    .headerMiddle>div.blockCenter .blockSearch input {
        max-width:100%;
        max-height: 100%;
        float: left;
        display: inline;
        border: none;
        /*background: red;*/
        height: 34px;
    }
    .logo a{
        height: 35px;
    }
    .headerMiddle>div.blockRight{
        width: auto !important;
    }
    .blockBrand fieldset ul li {
        width:100%;
        margin:10px 0
    }

    .carWrp .cartLeft,.carWrp .cartRight,.purchaseInfo ul.contact {
        width:100%
    }

    .title td {
        font-size:12px
    }
    .box-buy span, .ui-tabs .ui-tabs-nav li{
        width: 100%;
    }
    .box-buy span{
        margin-bottom: 10px;
    }
    .ui-tabs .ui-tabs-nav{
        padding: 0;
    }
    .mPrice .priceRed{
        font-size: 13px;
    }
    #tabs ul li a{
        display: block;
    }
    .purchaseInfo,
    #paymentMethod {
        width: 100%;
    }
}

@media (max-width: 360px) {
    #best>li {
        width:240px
    }

    .navFeatured li .itemPr {
        width:265px
    }

    .blockProduct>.blockMenu>a {
        font-size:11px
    }

    .blockBrand fieldset ul li {
        width:100%;
        margin:10px 0
    }

    .carWrp .cartLeft,.carWrp .cartRight,.purchaseInfo ul.contact,.newsRight,.newsLeft {
        width:100%
    }

    .title td,.tabHome ul li a,.blockProduct>.blockMenu>h1 {
        font-size:12px
    }

    #paymentMethod label {
        padding:10px 0
    }

    #paymentMethod .btnOrder>button {
        margin:10px 0;
        padding:0 32px
    }
    .productItems{
        width: 100% !important;
    }
    .blockFooter h1,.titleProduct a,.titleProduct {
        text-overflow:unset;
        white-space:normal;
        height: auto;
    }
}