@media (min-width:768px) {
    .category_content ul li i {
        display: none;
    }
    .menu-icon {
        display: none;
    }
    p.homemb {
        display: none;
    }
    .category_content ul li .sub_cate,
    .category_content_nohover ul li .sub_cate {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        list-style: none;
        padding: 0;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.45s ease-out 0s;
        -moz-transition: all 0.45s ease-out 0s;
        -o-transition: all 0.45s ease-out 0s;
        transition: all 0.45s ease-out 0s;
        -moz-transform: translate(50px, 0);
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0);
        border: 1px solid #ccc;
        border-left: 5px solid #e03232;
    }
    .category_content ul li:hover .sub_cate,
    .category_content_nohover ul li:hover .sub_cate {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        transform: translate(0px, 0);
        -webkit-transition: all 0.4 0.5s ease-out 0s;
        -moz-transition: all 0.4 0.5s ease-out 0s;
        -o-transition: all 0.4 0.5s ease-out 0s;
        transition: all 0.4 0.5s ease-out 0s;
        visibility: visible;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
}

@media (min-width:992px) {
    .menu ul li ul.level_1 {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: perspective(600px) rotateX( -90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        transform: perspective(600px) rotateX( -90deg);
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
}

@media (min-width: 1200px) {
    .header .container {
        width: 1360px;
    }
    .content_intro {
        width: 1170px;
        margin: 0 auto;
    }
    .container {
        width: 90%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu ul li ul.level_1 {
        display: none;
    }
    section#cate-home .item a h3 span {
        font-size: 20px;
    }
}

@media (max-width:991px) {
    .detail-service #slider li a {
        height: 150px;
    }
    .category_content_nohover {
        width: 100%;
    }
    .menu ul li i.fa-caret-down {
        display: none;
    }
    .tophead .hotline {
        display: none;
    }
    .header .logo {
        text-align: center;
    }
    .header .search {
        width: calc(100% - 122px);
        margin-left: 40px;
    }
    .menu.fixed {
        position: relative;
    }
    .contentct .item .img {
        width: 108px;
        height: 110px;
    }
    .contentct .item .meta {
        width: calc(100% - 125px);
        padding: 5px 0;
    }
    .contentct .item .meta .desc {
        display: none;
    }
    .contentct .item .meta h3 a {
        font-size: 15px;
    }
    .listmenufooter.col-md-2.col-sm-4.col-xs-12 {}
    .itempr .img .overlay {
        display: none !important;
    }
    .zoomContainer {
        opacity: 0;
        display: none !important;
    }
    .f-pr-image-zoom:before {
        width: 100%;
        height: 100%;
        background: transparent;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
    }
    .info-pr {
        margin-top: 20px;
    }
    .f-pr-image-zoom img {
        height: 300px !important;
    }
    section#cate-home .item.itemmain a {
        height: 430px;
    }
    .newhome {
        margin-top: 20px;
    }
    section#news-ct {
        margin: 20px 0;
    }
    .f-block .content .item .img a {
        height: 150px;
    }
}

@media (max-width:767px) {
    .product_related {
        margin-bottom: 25px;
    }
    .zoomWrapper {
        height: 300px !important;
    }
    .f-block .content .item .img a {
        height: 250px;
    }
    h2.title span,
    .title-page span {
        font-size: 22px;
    }
    .partner .owl-nav {
        display: none;
    }
    .menu ul li ul.level_1 li a:before {
        color: #333;
    }
    .category_content ul li i {
        position: absolute;
        right: 10px;
        top: 0px;
        font-size: 13px;
        z-index: 11;
        width: 40px;
        height: 40px;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
    }
    .category_content ul li ul {
        display: none;
    }
    .new-home-main {
        display: block;
    }
    .new-home-main-info {
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
    .new-home-content-item {
        width: 100%;
    }
    p.new-home-main-img {
        width: 100%;
    }
    section#cate-home .item p.img a {
        height: 220px;
    }
    section#cate-home .item {
        /* width: 50%; */
    }
    .flexslider .slides img {
        height: auto;
    }
    .option-detail-sp .content img {
        max-width: 100%;
        height: auto !important;
    }
    ul.tab-detail li a {
        margin: 0;
        background: #eee;
        padding: 8px 10px;
    }
    ul.tab-detail li {
        margin-right: 2px;
    }
    .title-detail-sp .meta {
        left: 15px;
        bottom: 15px;
        font-size: 17px;
        line-height: 23px;
        width: 90%;
    }
    .title-detail-sp .meta h1 {
        font-size: 20px;
        line-height: 25px;
    }
    .breadcrumb.pagesp {
        width: 100%;
        padding: 0;
    }
    .tab-detail-sp {
        margin-top: 0;
    }
    ul.tab-detail.nav.nav-tabs {
        padding-left: 15px;
    }
    .option-detail-sp .tab-title {
        font-size: 20px;
    }
    .option-detail-sp .meta {
        display: block;
    }
    .option-detail-sp .meta p.img,
    .option-detail-sp .meta .info {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .option-detail-sp .items {
        padding: 5px;
    }
    h1.title-page-sp {
        font-size: 22px;
    }
    h2.title-detail {
        font-size: 22px;
    }
    .page-detail img {
        max-width: 100%;
        height: auto !important;
    }
    .page-detail table {
        width: 100% !important;
    }
    .menu_mb ul li a {
        color: #000;
        display: block;
        padding: 10px 0;
        margin: 5px;
    }
    .menu ul li i.fa-caret-down {
        display: none;
    }
    .menu_mb ul li {
        display: block;
    }
    .menu ul li ul.level_1,
    .menu ul li ul.level_1 li ul.level_2 {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        display: block;
        background: #eee;
    }
    .menu ul li ul.level_1 li a {
        color: #000;
        border-bottom: 1px solid #ccc;
        font-weight: 400;
        font-size: 16px;
    }
    .menu ul li ul.level_1 li ul.level_2 li a {
        margin-left: 30px;
        border-bottom: none;
        font-weight: 500;
        font-size: 15px;
    }
    .bg-white {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000082;
        z-index: 3;
        display: none;
    }
    .menu ul li ul.level_1 li:last-child a {
        border-bottom: none;
    }
    .bg-white.open {
        display: block;
    }
    .menu_mb {
        position: fixed;
        left: -260px;
        margin-top: 0 !important;
        top: 0;
        text-align: left;
        background: #fff;
        height: 100%;
        z-index: 1111;
        width: 260px;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        overflow-y: scroll;
    }
    .menu_mb.open {
        left: 0;
        width: 260px;
        margin-top: 0;
    }
    .listmenufooter,
    .fanpage {
        margin-top: 15px;
    }
    .tophead {
        background: none;
        padding: 0;
    }
    .menu {
        width: auto;
        margin: 0;
        font-size: 21px;
        float: none;
    }
    .tophead .content .topright {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .menu-icon {
        position: absolute;
        right: 0;
        float: none;
        font-size: 25px;
        top: 15px;
    }
    body {
        font-size: 15px;
    }
    h2.title,
    h2.title span,
    .title2 h2,
    section#feedback .content h2,
    footer h2 {
        font-size: 20px;
    }
    .contentct .item .meta h3 a {
        line-height: 22px;
        font-size: 16px;
    }
}

@media (max-width:479px) {
    .lst-category li {
        width: auto;
    }
    .lst-category li a {
        display: inline-block;
        height: auto;
        margin-bottom: 6px;
        padding: 5px;
        font-size: 14px;
    }
    h2.title span,
    .title-page span,
    .ttl_related span {
        font-size: 21px;
    }
    h1.title-detail {
        font-size: 18px;
        line-height: 24px;
    }
    .detail-service #slider li {
        width: calc(100%/2 - 12px);
        margin: 6px;
    }
    .wrap_category h2 {
        width: 200px
    }
    .new-home-item-info h3 a {
        font-size: 14px;
    }
    .menu-icon {
        position: absolute;
        /* right: 16px; */
        /* top: -45px; */
        z-index: 12;
    }
    .tophead p:nth-child(1) {
        display: none;
    }
    .product_list .items p.img a {
        height: 150px;
    }
    section#news-related ul li {
        margin-bottom: 5px;
        width: 100%;
    }
    .contentct .item .meta .desc {
        display: block;
    }
    section#cate-home .item a h3 span {
        font-size: 22px;
    }
    .videohome iframe {
        height: 300px !important;
    }
    .header.fixed {
        height: auto;
    }
    .header.fixed .logo img {
        max-height: 40px;
    }
    .header.fixed .search {
        display: none;
    }
    .contentnews .item .img a,
    .f-block .content .item .img a {
        height: 205px;
    }
    .contentnews .item .meta h3 a,
    .contentnews.pagenews .item .desc {
        height: auto;
        overflow: visible;
        font-size: 15px;
        line-height: 21px;
    }
    .info-pr .support {
        padding: 10px;
    }
    .info-pr .state .sta {
        clear: both;
        margin-top: 5px;
        float: left;
    }
    .header .search {
        padding: revert;
        margin-top: 20px;
        display: none;
    }
    .contentct .item .img {
        height: auto;
        float: none;
        width: 100%;
    }
    .contentct .item .meta {
        padding: 10px;
        float: none;
        width: 100%;
    }
    .itempr .img a.thumb-sp img {
        max-height: 50px;
    }
    .itempr .meta p {
        font-size: 13px;
    }
    .itempr .meta .pr-price p.new-price {
        font-size: 13px !important;
    }
    .itempr .meta .pr-price p.old-price {
        font-size: 12px !important;
    }
    .itempr .meta h3 a {
        font-size: 15px;
    }
    h2.title {
        margin-top: 0;
    }
    .contentnews .item {
        width: 100%;
        margin-bottom: 15px;
        display: block !important;
    }
    .contentnews {
        display: block;
    }
    .contentnews .item p.img {
        height: auto !important;
        width: 100% !important;
    }
    .contentnews .item .meta {
        width: 100%;
        padding: 0;
    }
}