/*------------------------- respon ------------------------------*/
@media (min-width: 1600px) {
    .wh-menu ul.lv1 > li > a {
        font-size: 11px;
    }
}

@media (max-width: 1320px) {
    .whm-search {
        width: 25%;
    }

    .wh-menu ul.lv1 > li {
        padding-left: 6px;
        padding-right: 6px;
    }

    .wh-top ul {
        width: auto;
    }

    .wh-top ul li {
        padding: 0 16px 0 0;
    }

    .lv1-arrow {
        height: 9px;
    }
}

@media (max-width: 1290px) {

    .wh-menu ul.lv1 > li {
        padding-left: 2px;
        padding-right: 2px;
    }

    .cn-address ul li .cn-adr-head {
        font-size: 13px;
    }

    .pdtr-orders .pdtr-buy-ism p, .pdtr-orders .pdtr-buy a {
        font-size: 0.85em;
    }

    .pdtr-orders .pdtr-buy-ism-new {
        float: left;
        margin-top: 5px;
    }
}

@media (max-width: 1200px) {
    .header {
        font-size: 11px;
    }

    .wh-menu ul.lv1 > li > a {
        font-size: 12px;
    }

    .wh-menu ul.lv1 > li {

    }

    .lv1-arrow {
        height: 9px;
    }

    span.newstore {
        padding: 2px 3px;
        margin: 0 0 0 2px;
    }

    .cn-adr-vci-l, .cn-adr-hn-l {
        background-size: contain;
    }

    .whm-search {
        width: 20%;
    }

    .wrap_news_middle .temp-tree.jobs_cat ul li h3 a,
    .w-news-menu > ul > li > a {
        font-size: 13px;
    }

    .nav-news-epx .menuby-pca li {
        width: 50%;
    }

    .pd-body {
        padding: 0 1.5%;
    }

    .pdl-pbuy {
        text-align: center;
        padding-right: 0px;
        margin: 2px 0;
    }

    .pdr-right {
        width: 35%;
    }

    .pdr-left {
        width: 62%;
    }

    .home-menu-item li a {
    }

    .home-pl .home-menu {
        font-size: 12px;
    }

    ul.pdrl-policy li {
        margin-left: 20px;
    }

    .hpl-item-li .hpl-item-image,
    .pls-item-li .pls-item-image,
    .pl-item-li .pl-item-image {
        width: 100%;
        display: block;
    }

    .hpl-item-li .hpl-item-image img,
    .pls-item-li .pls-item-image img,
    .pl-item-li .pl-item-image img {
        max-width: 90%;
    }

    .big-hpl-item-ul .hpl-item-li .hpl-item-image {
        width: 100%;
    }

    .big-hpl-item-ul .hpl-item-li .hpl-item-image img {
        max-width: 137px;
    }

    .cn-adr-list ul li p.cn-adr-head {
        font-size: 11px;
    }

    .cn-adr-list ul li {
        font-size: 11px;
        padding-right: 0px;
    }

    .pdtr-orders .pdtr-supportonline .contact-order span {
        display: inline;
    }

    .pdtr-orders .pdtr-supportonline .contact-order {
        padding-left: 0;
    }

    .pay-access span {
        width: 100%;
    }

    .pay-access .paymethod-list {
        width: 100%;
    }
}

@media (max-width: 1150px) {
    .home-menu-item li {
        margin-right: 8px;
    }

    .wh-menu ul.lv1 > li {

    }

    .wh-menu ul.lv1 > li > a {
        font-size: 10px;
    }

    .cn-address ul li .cn-adr-head {
        font-size: 12px;
    }

    span.newstore {
        font-size: 10px;
        padding: 1px 2px;
        margin: 0 0 0 1px;
    }

    .lv1-arrow {
        height: 8px;
    }

    .wh-menu ul.lv1 > li {
        padding: 0 2px;
    }

    ul.pdrl-policy {
        padding: 5px 0;
    }

    ul.pdrl-policy li {
        margin: 5px 50px 5px 0;
    }

    .pca-filter li {
        width: 100%;
    }

    .cn-adr-list ul li p.cn-adr-head {
        font-size: 11px;
    }

    .cn-adr-list ul li {
        font-size: 11px;
        padding-right: 0px;
    }

    .pd-attrvalue-feature {
        font-size: 0.9em;
    }
}

@media (max-width: 1100px) {

    .wh-menu ul.lv1 > li {

    }

    .cn-adr-list ul li p.cn-adr-head {
        font-size: 9px;
    }

    .cn-adr-list ul li {
        font-size: 10px;
        padding-right: 0px;
    }

    .newstore_2, .newstore {
        font-size: 9px;
    }

    .wf-top ul li > * {
        font-size: 14px;
    }

    .wf-menu ul li a {
        font-size: 11px;
    }

    .wf-menu h4 {
        font-size: 14px;
    }

    /*------------------- Product -----------------------*/
    .pls-item-li.pls-item-li-big.pls-item-li-mover .pls-item-image,
    .pl-item-li.pl-item-li-big.pl-item-li-mover .pl-item-image {
        width: 214px;
    }

    .pls-item-li .pls-item-mover .pls-item-support,
    .pl-item-li .pl-item-mover .pl-item-support {
        font-size: 11px;
    }

    .pls-item-li .pls-item-mover .pls-item-detail a,
    .pl-item-li .pl-item-mover .pl-item-detail a {
        width: 64px;
    }

    .pls-item-li .pls-item-mover .pls-item-orders a,
    .pl-item-li .pl-item-mover .pl-item-orders a {
        width: 100px; /* background-position: 6px 11px;*/
    }

    .pls-item-li .pls-item-mover .pls-item-orders a:hover,
    .pl-item-li .pl-item-mover .pl-item-orders a:hover {
        /**! background-position: 6px 11px;*/
        /**!*/
    }

    .pls-item-li .pls-item-name,
    .pl-item-li .pl-item-name {
        max-height: 33px;
        overflow: hidden;
    }

    .pl-item-li-big.pl-item-li.pl-item-li-mover .pl-item-ism > p.pl-item-ins-price {
        font-size: 11px;
    }
}

@media (max-width: 1050px) {

}

@media (max-width: 1000px) {

    .wh-menu ul.lv1 > li {
        padding: 0;
    }

    .home-pl .home-menu {
        font-size: 10px;
    }

    .whm-search {
        width: 20%;
    }

    .pdr-moreinfo-head ul li {
        margin-right: 0;
    }

    .pdr-moreinfo-head ul li a {
        padding: 8px 10px 6px;
    }
}
@media (max-width: 767px) {
    .big-hpl-item-ul .hpl-item-li .hpl-item-image img{
        max-width: 150px;
    }
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover > div{
        width: 100%;
    }
    .big-hpl-item-ul .hpl-item-li:hover > div:nth-child(2n+1) {
        left: 0px;
    }
}
@media  (min-width: 1200px) {
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism > p.hpl-item-ins-title {
        float: left
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism .hpl-item-ins-price {
        float: left;
        line-height: 20px;
        margin-left: 15px
    }
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
        color: #ed1c24;
        font-size: 15px;
        overflow: hidden;
        height: 22px;
        display: block
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover {
        display: block;
        margin: 32px 0 0;
        width: 50%;
        padding-bottom: 1px;
        margin-left: 0;
        background: -moz-linear-gradient(left, #bdbdbd 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(left, #bdbdbd 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, #bdbdbd 0%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#00ffffff', GradientType=1)
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover .hpl-item-des {
        height: 165px;
        border-bottom: none;
        background: #f5f6f7;
        background: -moz-linear-gradient(left, #EEF1F3 0%, #fff 100%);
        background: -webkit-linear-gradient(left, #EEF1F3 0%, #fff 100%);
        background: linear-gradient(to right, #EEF1F3 0%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF1F3', endColorstr='#ffffff', GradientType=1)
    }
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-support {
        position: absolute;
        top: 200px;
        left: 22px
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-orders {
        position: absolute;
        top: 230px;
        left: 110px
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-detail {
        position: absolute;
        top: 230px;
        left: 22px
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-pbuy {
        top: 197px
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-pmarket {
        top: 170px
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-soffer {
        top: 250px
    }
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
        max-height: inherit
    }
    .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a:hover {
        color: #ed1c24
    }

    .hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover {
        display: block;
        text-align: center
    }

    .hpl-item-li.hpl-item-li-mover:hover .hpl-item-brand {
        display: none
    }
    .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism {
        display: block
    }

    .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
        color: #000;
        text-transform: uppercase;
        max-height: 33px;
        overflow: hidden;
        font-weight: 700
    }
    .hpl-item-li-mover:hover .hpl-item-ism .hpl-item-name {
        margin: 60px 0 0 !important
    }.h-ugr-c .hpl-item-li.hpl-item-li-mover:hover > div {
         height: 431px
     }.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
          max-height: inherit
      }
    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name {
        position: absolute;
        top: 10px
    }
    .hpl-item-li.hpl-item-li-mover:hover > div {
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
        height: 514px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        padding-top: 5px
    }
    .hpl-item-li.hpl-item-li-mover:hover {
        z-index: 3
    }


    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover > div {
        height: 490px;
        height: 313px;
        width: 170%
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover.hpl-item-li-3:hover > div {
        right: 0;
        left: inherit
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-image {
        float: right;
        margin-top: 30px;
        max-width: 50%
    }

    .big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism {
        display: block;
        position: absolute;
        top: 170px;
        left: 22px;
        margin: 0;
        overflow: hidden
    }
}