@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@media (max-width:1599px) {
    .site {
        border: 0
    }
}

@media (min-width:1200px) {
    .sroll_right img {
        width: 80px;
        height: 80px;
        margin: 15px
    }
}

@media (max-width:1069px) {
    .logo_manu_product {
        width: 100% !important
    }

    .nav-menu li a {
        padding: 12px 8px !important;
        font-size: 11px !important
    }

    .wrap_menu ul li {
        margin: 0px !important;
        padding: 10px 5px !important
    }

        .wrap_menu ul li a {
            font-size: 13px !important
        }

    .top-0 .thumb_post_feature {
        height: auto !important
    }

    .lists_news_content a {
        font-size: 13px !important
    }

    .bottom_info_product {
        right: 15%
    }

    .popup_detail {
        width: 99% !important
    }

    .title_news_related {
        padding: 0 0 0 10px !important
    }

    .sroll_right img {
        width: 70px;
        height: 70px;
        margin: 15px
    }

    .logo {
        text-align: center !important;
        padding-top: 15px
    }

    .slide_hone_left {
        padding: 15px 0 10px 0px !important
    }

    .header_km a {
        font-size: 13px !important
    }

    .sidebar img.alignleft, .linkcompare, .linkdetail {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 5px
    }

    .sidebar .wp-caption.alignleft {
        margin-left: 0
    }

    .sidebar img.alignright, .sidebar .wp-caption.alignright {
        margin-right: 0
    }

    .error404 .page-header {
        margin-left: auto;
        max-width: 604px;
        width: 100%
    }

    .archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area {
        padding-left: 20px;
        padding-right: 20px
    }

    .error404 .page-title {
        font-size: 24px;
        padding: 180px
    }

        .error404 .page-title:before {
            font-size: 554px
        }

    .attachment .image-navigation {
        max-width: 724px
    }

    .image-navigation .nav-previous, .image-navigation .nav-next {
        position: static
    }

    .site-main .widget-area {
        margin-right: 60px
    }

    .advl, .advr {
        display: none
    }
}

@media (max-width:999px) {
    .product_title {
        font-size: 20px !important
    }

    #threedary-menu li {
        width: 12.333% !important
    }

    .thumb_post_feature span img {
        height: auto !important
    }

    .subscribers_email {
        padding: 10px !important
    }

    .slide_km {
        padding: 0 10px !important
    }

    .view_full_kt_popup {
        display: none !important
    }

    .price_color_old {
        display: none !important
    }

    .wrap_menu ul {
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        height: 65px
    }

    .list_news_content span {
        display: none
    }

    .list_news_content h3 {
        font-weight: 400 !important;
        font-size: 16px !important
    }

    .title_news_related {
        padding: 0 0 0 10px !important
    }

    .sroll_right img {
        width: 60px;
        height: 60px;
        margin: 15px
    }

    .hotline {
        width: 100%
    }

    .logo {
        text-align: center !important
    }

    .header_left img {
        margin: 0 auto
    }

    .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info {
        max-width: 604px;
        padding-left: 0;
        padding-right: 0
    }

    .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title {
        max-width: 604px
    }

    .sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments {
        padding-left: 0;
        padding-right: 0
    }

    .attachment .entry-meta {
        float: left;
        text-align: left;
        width: 100%
    }

    .attachment .entry-content {
        max-width: 100%;
        padding: 40px 0
    }

    .format-status .entry-content {
        padding-top: 40px
    }

    .format-status .entry-meta {
        padding-bottom: 40px
    }

    .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {
        padding-left: 35px
    }

        .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {
            left: 10px
        }

        .sidebar .format-status .entry-content p:first-child:before {
            left: 4px
        }

    .sidebar .paging-navigation .nav-links {
        padding: 0 60px
    }

    .site-main .sidebar-container {
        height: auto;
        margin: 0 auto;
        max-width: 604px;
        position: relative;
        top: 20px
    }

    .site-main .widget-area {
        float: none;
        margin: 0;
        width: 100%
    }

    .sidebar .site-footer .widget-area {
        max-width: 100%;
        left: 0
    }

    .advl, .advr {
        display: none
    }
}

@media (max-width:768px) {
    .header_cart {
        padding: 8px 0px !important
    }

    #threedary-menu li {
        width: 25% !important
    }

    .widget_show_product_home {
        margin-top: 5px !important
    }

    .widget_black_studio_tinymce, .widget_nav_menu {
        margin: 0px !important
    }

    .footer .widget {
        padding-top: 0px !important;
        padding-bottom: 10px !important
    }

    .footer .widgettitle {
        background: #288AD6 !important;
        color: #fff !important;
        padding: 5px;
        font-size: 14px !important;
        margin-top: 0px !important
    }

    .info_right {
        padding-bottom: 0px !important
    }

    .box_upsell_product h3, .rel_product {
        font-size: 16px !important
    }

    .product_view .slick-track {
        border-top: 1px solid #e3e3e3
    }

    .product_footer_left {
        padding: 15px 0px !important
    }

    .thong_so_ky_thuat {
        padding-left: 0px !important
    }

    .product_footer {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border-radius: 10px
    }

    .info_orther .widget_black_studio_tinymce img {
        display: none
    }

    .items_info_product .top_items_position > a > img {
        height: 85px !important
    }

    .links a {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .items_products.product_height:nth-child(2n+1) {
        border-right: 1px solid #e3e3e3
    }

    .items_products.product_height {
        border-bottom: 1px solid #e3e3e3;
        padding-top: 0px !important
    }

    .lists_product {
        padding-left: 0px !important
    }

    .colums_right_dgd ul.nav-menu {
        display: block !important
    }

    .colums_right_dgd {
        padding: 0 10px !important
    }

    .description_cat {
        padding: 10px !important
    }

    .search-submit {
        height: 32px !important;
        width: 20% !important
    }

    .lien_he {
        padding: 0 10px !important
    }

    .search-field {
        line-height: 18px !important;
        width: 80% !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -khtml-border-radius: 0
    }

    .list_comment_images {
        padding: 0px !important;
        margin: 0 auto !important
    }

    .list_comment_images {
        text-align: center
    }

        .list_comment_images img {
            display: none
        }

    .list_comment_items {
        padding: 10px 5px 10px 0px !important
    }

    .list_comment_images .comment_entry {
        width: 100%
    }

    .logo {
        text-align: center !important;
        padding: 0 0 0 4px !important
    }

    .sale_buttom {
        margin: 10px 0 0 0px !important;
        padding: 0px !important
    }

    .info_left {
        padding: 0px !important
    }

    .columns_lefts {
        padding: 0 5px !important
    }

    .header_search {
        margin: 0px !important;
        padding: 8px 5px 0 5px !important
    }

    .woocommerce-breadcrumb {
        font-size: 11px !important;
        border-bottom: 1px solid #f1f1f1;
        width: 100%;
        float: left
    }

    .buy_now_buttom a, .adttocart a {
        width: 100% !important
    }

    .compact_spec_mobile {
        font-size: 12px !important
    }

    .content, .main {
        margin: 0;
        padding: 0px !important
    }

    .tu_khoa {
        margin: 0;
        padding: 0 10px !important
    }

    .des_product {
        background: #f1f1f1
    }

    .hinh_anh_tong_hop, .box_center, .box_right {
        padding: 0 5px !important
    }

    .colums_right, .review_content, .infosale {
        padding: 0 5px !important
    }

    .slide_hone_left {
        padding: 5px 5px 0 5px !important
    }

    .bottom_info_product {
        position: static !important
    }

    .proding_left {
        margin: 0 auto !important
    }

    .promotions, .thong_tin_bh_cs ul li, .des_product li, .infoproduct, .thong_so_ky_thuat_chi_tiet, .review_content p, .review_content span {
        font-size: 13px !important
    }

    .review_content h3, .review_content h2 {
        font-size: 16px !important
    }

    .thumb_list, .des_product ul, .promotions, .thong_tin_bh_cs {
        padding: 0px !important
    }

    .images-sub {
        padding: 0 2px 4px 2px !important
    }

    .info_km_right, .info_km_bottom {
        font-size: 12px !important;
        margin-top: 10px
    }

    .bottom_items_position {
        padding: 0
    }

    .info_km_right {
        margin: 0
    }

    .heading_category, .logo_category {
        padding-left: 5px !important
    }

    .heading_category {
        padding-right: 5px !important
    }

        .heading_category h3 {
            background: url(/Content/images/bg_m_heading.jpg) top center repeat-x;
            padding-right: 0
        }

            .heading_category h3 a {
                padding: 15px !important;
                border-radius: 0 0 15px 0;
                background: #EC1C2E;
                color: #fff !important
            }

    .logo_category span {
        width: 33% !important;
        float: left !important
    }

    .logo_category a {
        font-size: 11px !important;
        padding: 8px 5px !important;
        font-weight: bold !important;
        border: 1px solid #e3e3e3;
        border-radius: 0;
        background: #fff;
        text-transform: none !important;
        margin: 2px !important;
        width: 95% !important
    }

    .price_color, .price_color_home {
        font-size: 18px !important;
        margin-top: 5px !important
    }

    .price_color_old {
        display: none !important
    }

    .no_icon_shockprice, .icon_bestseller, .icon_shockprice {
        display: none !important
    }

    .title_news_related {
        padding: 0 0 0 10px !important
    }

    .sroll_right img {
        width: 50px;
        height: 50px;
        margin: 10px
    }

    .hotline {
        width: 100%
    }

    .header_left img {
        margin: 0 auto
    }

    .site-header .home-link {
        min-height: 0
    }

    .site-title {
        font-size: 36px;
        padding: 8px 0 10px
    }

    .entry-content img.alignleft, .entry-content .wp-caption.alignleft {
        margin-left: 0
    }

    .entry-content img.alignright, .entry-content .wp-caption.alignright {
        margin-right: 0
    }

    .attachment .image-navigation, .attachment .entry-attachment .attachment {
        max-width: 604px;
        padding: 0;
        width: 100%
    }

    .gallery-caption {
        display: none
    }

    .advl, .advr {
        display: none
    }
}

@media (max-width:643px) {
    .title_news_related {
        padding: 0 0 0 10px !important
    }

    .sroll_right img {
        width: 40px;
        height: 40px;
        margin: 10px
    }

    .header_left img {
        margin: 0 auto
    }

    .site-title {
        font-size: 30px
    }

    #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
        padding-left: 20px;
        padding-right: 20px
    }

    #content .format-status .entry-content, #content .format-status .entry-met {
        padding-left: 35px
    }

    .menu-toggle {
        cursor: pointer;
        display: inline-block;
        font: bold 16px/1.3 "Source Sans Pro",Helvetica,sans-serif;
        margin: 0
    }

        .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
            background: none;
            border: none;
            color: #141412;
            padding: 12px 0 12px 20px
        }

            .menu-toggle:focus {
                outline: thin dotted
            }

            .menu-toggle:after {
                content: "\f502";
                font-size: 12px;
                padding-left: 8px;
                vertical-align: -4px
            }

    .toggled-on .menu-toggle:after {
        content: "\f500";
        vertical-align: 2px
    }

    .toggled-on .nav-menu, .toggled-on .nav-menu > ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%
    }

    .toggled-on li, .toggled-on .children {
        display: block
    }

    .toggled-on .nav-menu li > ul {
        background-color: transparent;
        display: block;
        float: none;
        margin-left: 20px;
        position: relative;
        left: auto;
        top: auto
    }

        .toggled-on .nav-menu li > ul a {
            color: #141412;
            width: auto
        }

    .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {
        background-color: transparent;
        color: #141412
    }

    .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {
        background-color: #db572f;
        color: #fff
    }

    .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus {
        background-color: #220e10;
        color: #fff
    }

    ul.nav-menu, div.nav-menu > ul {
        display: none
    }

    #content .featured-gallery {
        padding-left: 24px
    }

    .gallery-columns-1 .gallery-item {
        margin-right: 0;
        width: 100%
    }

    .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
        font-size: 22px;
        font-weight: 700
    }

    .format-quote blockquote, .format-status .entry-content {
        font-size: 18px
    }

        .format-quote blockquote small, .format-quote blockquote cite {
            font-size: 13px
        }

    .error404 .page-title {
        padding: 40px 0 0
    }

        .error404 .page-title:before {
            content: normal
        }

    .comment-author {
        margin-right: 30px
    }

        .comment-author .avatar {
            height: auto;
            max-width: 100%
        }

    .comment-metadata, .comment-content, .comment-list .reply {
        width: 70%;
        width: -webkit-calc(100% - 104px);
        width: calc(100% - 104px)
    }

    .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px)
    }

    .comment-form textarea {
        height: 80px
    }

    .format-audio .entry-content:before {
        display: none
    }

    .format-audio .audio-content {
        background-image: none;
        float: none;
        padding-left: 0;
        width: auto
    }

    .advl, .advr {
        display: none
    }
}

@media (max-width:359px) {
    .search-field {
        width: 80% !important
    }

    .title_news_related {
        padding: 0 0 0 10px !important
    }

    .header_left img {
        margin: 0 auto
    }

    .site-title {
        font-weight: 400
    }

    .site-description {
        clip: rect(1px,1px,1px,1px);
        position: absolute
    }

    .gallery {
        margin-left: 0
    }

        .gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item {
            max-width: none;
            width: 49%;
            width: -webkit-calc(50% - 4px);
            width: calc(50% - 4px)
        }

    .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
        display: block
    }

        .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item {
            text-align: center;
            width: 98%;
            width: -webkit-calc(100% - 4px);
            width: calc(100% - 4px)
        }

    .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
        margin-right: 4px
    }

    .gallery br {
        display: none
    }

    .gallery .gallery-item:nth-of-type(even) {
        margin-right: 0
    }

    .comment-author {
        margin: 0 0 5px;
        max-width: 100%
    }

        .comment-author .avatar {
            display: inline;
            margin: 0 5px 0 0;
            max-width: 20px
        }

    .comment-metadata, .comment-content, .comment-list .reply {
        width: 100%
    }

    .advl, .advr {
        display: none
    }
}

@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
    .site-header .search-field {
        background-image: url(../../../../../../../themes/dienmayonline/css/images/search-icon-2x.png)
    }

    .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before {
        background-image: url(../../../../../../../themes/dienmayonline/css/images/dotted-line-2x.png)
    }
}

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt
    }

    footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after {
        content: " [" attr(href) "] "
    }

    .site {
        max-width: 98%
    }

    .site-header {
        background-image: none !important
    }

        .site-header .home-link {
            max-width: none;
            min-height: 0
        }

    .site-title {
        color: #000;
        font-size: 21pt
    }

    .site-description {
        font-size: 10pt
    }

    .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link {
        display: none
    }

    .entry-header, .entry-content, .entry-summary, .entry-meta {
        margin: 0;
        width: 100%
    }

    .page-title, .entry-title {
        font-size: 21pt
    }

    .entry-meta, .entry-meta a {
        color: #444;
        font-size: 10pt
    }

    .entry-content img.alignleft, .entry-content .wp-caption.alignleft {
        margin-left: 0
    }

    .entry-content img.alignright, .entry-content .wp-caption.alignright {
        margin-right: 0
    }

    .format-image .entry-content .size-full {
        margin: 0
    }

    .hentry {
        background-color: #fff
    }

    .comments-area > li.comment {
        background: none;
        position: relative;
        width: auto
    }

    .comment-metadata {
        float: none
    }

    .comment-author .fn, .comment-reply-link, .comment-reply-login {
        color: #333
    }
}