.activeMenu{
    display: none !important
}
.dropdown .dropbtn i, .cssCartM {
    display: none
}
.leftNavBox3 {
    position: absolute;
    top: 0px !important;
    background: #fff;
    box-shadow: 1px 2px 6px 0 #666;
    z-index: 30000;
}

@media only screen and (max-width: 768px) {
    .iDivClip, .iDivClip iframe,.fb {
        width: 100% !important;
        height: auto !important;
    } 
    .mainFreature p img {
        width: 100% !important;
        height: auto !important;
    }
    .tbl-product {
        width: 100%;
        float: left;
    }
    .tbl-product tr {
        width: 100%;
        float: left;
    }
    .tbl-product tr td {
        width: 50%;
        float: left;
    }
    .product-item{
        width:95%;
        min-height:290px;
    } 
    .spbanchay ul li div.TextSpbanchay {
        width: 75% !important
    }
    
    .MenuonProduct {
        padding: 6px !important;
    }
    .danhgiakhachhang {
        display: none !important;
    } 
    .leftNavBox3 {
        float: left;
        width: 99%;
        position: inherit !important;
        top: auto !important;
        background: #fff;
        box-shadow: 1px 2px 6px 0 #666;
        z-index: 30000;
    }
    .dangnhap a {
        line-height: 34px !important;
        font-size:14px !important
    } 
    .dangnhap span{
        line-height: 24px !important;
    } 
    #ttDonhang tr td {
        width: 99% !important;
        float: left
    }
    .contentblock{
        margin:0px !important
    }
    #suattcn .ttt {
        width: 245px !important;
    } 
    .mainAcc .icon {
        margin-top: 15px;
    }
    .menuAcc, .mainAcc {
        width: 99% !important;
    }
    .dangnhap .noidungDangnhap {
        position: absolute;
        background: #fff;
        border-radius: 5px;
        right: -12px;
        padding: 15px;
        width: 170px;
        top: 40px;
        border: solid 1px #d9d9d9;
        z-index: 999;
        position: relative;
    }
    .dangnhap {
        top: 0px;
        position: absolute;
        float: right;
        right: 0px;
        width: 100%;
        background: #f5f5f5;
        height: 30px;
        text-align: right;
        line-height: 19px;
        max-width: 100% !important;
        border: solid 0px #1ea89c;
        
    }
    .tin-tuc-content .right table tr td {
        width: 97% !important;
        float:left;
    }
    .tin-tuc-content .right table tr {
        width: 100% !important;
        float: left;
    }

    .tin-tuc-content .right table{
        width: 99% !important;
    }
    .tin-tuc-content .right {
        width: 99% !important;
    }
    .tin-tuc-content .left{
        display:none !important;
    }
    .MaincontentonProduct {
        width: 99% !important;
    } 
    .MenuonProduct {
        width: 100% !important;
    } 
    .Confirm .img-confirm {
        display: none !important;
    } 
    .Confirm .Confirm-detail {
        padding-left: 0px !important;
    } 
    .mainhttt {
        width: 100% !important;
        margin-right: 0px !important;
    } 
    #content {
        margin-left: 0px !important;
        padding:5px !important;
    }
    #sidemenu {
        width: 100% !important;
        float: left;
    }
        #sidemenu li a.open, .subhttt {
            width: 100% !important;
        }
    .contentblock table tr td{
        text-align:left
    }
    .contentblock td .txt_tt{
        width:97% !important
    } 
    .contentChitietGiohang td {
        border-right: solid 0px #d2d2d2 !important;
        border-bottom: solid 0px #d2d2d2 !important;
        float: left !important;
    } 
    .contentChitietGiohang td .textSPChon {
        margin-top: 0px !important;
    } 
    .contentChitietGiohang td .thungrac {
        border-left: solid 0px #d9d9d9 !important;
    }
    .contentChitietGiohang {
        margin: 19px 1px 20px 3px !important;
    }
    .contentChitietGiohang td .thungrac {
        margin-left: 0px !important;
        padding-left: 0px !important
    }
    .contentChitietGiohang td .soluongSPchon {
        margin-top: 20px !important
    }
    .tdDelete {
        margin-top: 20px;
        width: 7% !important;
    } 
    .contentChitietGiohang td .giamgia, .contentChitietGiohang td b, .contentChitietGiohang td .giamgiaMon {
        margin: 0px !important;
    } 
    .tdImg img {
        margin: 0px !important;
    } 
    .contentChitietGiohang tr:last-child td {
        width: 20%;
        float: left;
        border-right: solid 0px #d2d2d2;
    } 
    .trCartHead {
        display: none !important
    }
    .tdImg, .tdSoLuong {
        width: 15% !important
    }
    .tdGOa {
        text-align: center !important;
        width: 30% !important;
        margin-top:20px;
    }
    .tdGiamGia {
        width: 25% !important;
        text-align: center !important;
    } 
    table#total, table#MTotal {
        width: 100% !important;
    } 
    .giohangSPOnMain h3 {
        margin-left: 0px !important
    } 
    .giohangSPOnMain ul li:first-child {
        width: 99% !important;
        padding-right: 0px !important;
        margin-right: 5px !important;
    }
    .giohangSPOnMain ul li.lastChild {
        text-align: center !important;
        width: 100% !important;
    }
    .giohangSPOnMain {
        width: 97% !important;
        padding: 12px 4px !important;
        margin-top: 1px !important;
        margin-left: 1px !important;
    }
    #fbLogin table tr td {
        width: 43% !important;
    }
    #fbLogin {
        border: solid 0px #d9d9d9 !important;
    }
    .col1 .row_txtFrield input.dangnhapLg {
        margin-right: 42px
    }
    .ContentLogin, .ContentLogin table, .ContentLogin table tr, .ContentLogin table tr td {
        width: 100% !important;
        margin: 0 !important;
        float: left
    }
    .col1 {
        width: 99% !important;
    } 
    .col1 .row_txtFrield input.txt_fld {
        width: 85% !important;
    }
    .spbanchay {
        width: 95% !important;
        margin-left: 4px !important;
        padding:0px !important;margin-top:5px
    }
    .cssTrongKho {
        display:none;
        width: 96px !important;
        float: left;
        font-size: 11px !important;
    }
    ._trow span.lblSoluong {
        margin-left: 0px !important
    }
    ._trow input.chovaogio {
        padding-right: 0px;
        padding-left: 36px;
    }
    .spChitietleft {
        width: 100% !important;
        margin-left:0px !important
    }
    .MaincontentChitietSP {
        width: 99% !important;
    } 
    .sp .SaleOFF {
        z-index: 99 !important
    }
    .product-category {
        display: block !important;
        position: inherit !important;
        width: 99%;
    }
        .product-category .Menu_left {
            display: block !important;
            position: inherit !important;
            border: dashed 0px #88cfc8 !important;
        }
        /*.lienhe p br, .phone br {
        display: none !important
    }*/
        .pnlMainHeader {
            display: block !important
        }
    .Intro {
        width: 95%;
        padding-left: 10px;
    }
    #bottomF a {
        display: none !important
    } 
    .Footer {
        padding: 18px 0px !important;
    }
    .EmailRegister .Email .txtEmail {
        width: 195px !important
    }
    .container_skitter, .box_skitter .image img, .box_skitter_large {
        width: 100% !important;
        height: 294px !important;
    }
    .content1 .product-item img.anhsp {
        margin-bottom: 10px;
        text-align: center;
        width: 95%;
        height: auto;
        max-height: 158px;
    }
    .box {
        left: -128px !important
    }
    .totalproductincart {
        top: -8px;
        position: absolute;
        right: 15px;text-shadow:none
    }
    .cssCartM {
        display: block;
    }
    .openact {
        background: none !important;
        text-shadow:none
    }
    .totalproductincart {
        color: black;
        text-shadow: none;
    }
    .openact {
        min-width: 55px !important;
    }
    .HotlineRight, .gt, .logo, .hotline, .yh, .dangnhap p, .cssGioHang, .cssCartW, .adsbygoogle, .formSearch h2 {
        display: none !important
    }
    .cssMarque {
        display: none
    }
    #form1 {
        overflow-x: hidden;
    }
    .mainHeader {
        width: 99%;
    } 
    .Footer ul.ulbox {
        margin-left: 7px;
    }
    .EmailRegister .Email {
        width: 95% !important;
        margin-left: 2px;
    }
    .EmailRegister {
        padding: 0px;
    }
    .mainHeader .Menu_left {
        min-height: inherit !important;
    }
    .BannerPhai img {
        width: 100% !important;
    }
    .firstBnn {
        width: 100% !important;
    }
    .BannerPhai {
        display:none;
        width: 100% !important;
    }
    .dangnhap p {
        color: #95e5de !important;
    }
    .formSearch {
        /*background: none !important;*/
        width: 98% !important;
        margin-top:0px !important;
        border-radius:0px !important;
    }
    .btnTimkiem  {
        margin-top: 1px !important;
    }
    .giohang  {
        margin-top: 15px !important;
        position:absolute;
        float:right;
        margin-right:60px;
        z-index:99;
        top:30px;right:0px;
    }
    
    .product-category {
        display: none
    }
    #topHeader {
        margin-top: 85px !important
    }
        #topHeader table tr td {
            white-space: nowrap;
            font-size: 11px;
            padding-right: 0px !important;
            text-align: left;
            float: left;
            width: 100%;
        }
        
            .topnav {
            position: absolute !important;
            width: 100%;
            float: left;
            top: 30px;
        }
    .dropdown .dropbtn {
        width: 95% !important;
    }
    .dropdown .dropbtn i {
        display: block !important;
    }
    .rigtArrow{
        display:none !important
    } 
    .product-item label {
        float: left;
        width: 100%;
        position: initial !important;
    }
    .formSearch .bgTxtTimkiem {
        width: 68% !important;
    }
        .formSearch .bgTxtTimkiem .txtTimkiem {
            width: 100% !important;
            font-size:9px !important;
        }

        .leftNavBox2 {
            float: left;
            width: 99%;
            position: inherit !important;
            top: auto !important;
            background: #fff;
            box-shadow: 1px 2px 6px 0 #666;
            z-index: 30000;
        }
   
    .dropdown-content {
        margin-left: 0px !important;
        margin-left: 0px !important;
        background: none !important;
        width: auto !important;
        height: auto !important;
        min-height:15px !important;
    }

    .dropdown {
        float: left;
        overflow: hidden;
        width: auto !important;
        background: #1ea89c
    }

    .activeMenu {
        display: block !important
    }

    .topnav {
        overflow: hidden;
        background: #fff;
    }

        .topnav.responsive .dropdown .dropbtn {
            color: #fff;
            Background: #1ea89c
        }

    .spHot {
        display:none;
        width: 99% !important;
        float: left;
    }

        .spHot img {
            width: 100% !important
        }

    .content1 .list-product {
        margin-left: 0px !important;
    }

    .tableResponse {
        width: 100%;
        float: left
    }

        .tableResponse tr {
            width: 100%;
            float: left
        }

        .tableResponse td {
            width: 48%;
            float: left;
            position: relative;
            border: solid 1px #fff0f3;
            margin-left: 5px;
            min-height: 330px;
            margin-bottom: 10px;
        }

    .content1 .product-item {
        float: left;
        border-left: solid 0px #ececec !important;
        width: 95%;
        padding: 10px;
        margin-top: 12px;
        position: relative;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .imgSP {
        width: 100%;
        float: left
    }

    .container {
        width: 99%;
        float: left
    }

    .HotlineRight {
        margin-left: 0px !important;
        position: relative !important;
        float: left !important;
        width: 95% !important;
        top: 0px !important;
    }

    .IntroText {
        width: 100%;
        float: left
    }

    #bottomF {
        width: 100%;
        float: left
    }

        #bottomF p {
            width: 100%;
            float: left
        }

    .mainHeader .Menu_left {
        width: 100%;
        float: left
    }

    .Menu_left {
        width: 100%;
        float: left
    }
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
        color: #1ea89c;
        font-size: 33px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
        z-index:9999
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}

body {
    margin: 0;
    font-family: Arial
}

.topnav {
    overflow: hidden;
}

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 8px 16px;
        text-decoration: none;
        font-size: 17px;margin-top:5px;
    }
    .topnav a img {
        width:180px;height:auto;
    }
        .active {
    background-color: #4CAF50;
    color: white;
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
    width: 100%;
}

    .dropdown .dropbtn {
        font-size: 14px;
        border: none;
        outline: none;
        color: #1ea89c;
        padding: 3px 8px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        font-weight: bold;
        line-height: 33px;
        border-bottom: #d2d2d2 1px dotted;
        width: 80%;
        text-align: left;
    }

        .dropdown .dropbtn i {
            float: right;
            margin-top: 5px;
        }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        float: none;
        color: black;
        padding: 1px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        font-size: 12px;
    }

.topnav a:hover, .dropdown:hover .dropbtn {
    color: #1ea89c;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

        .topnav.responsive .dropdown {
            float: left;
            width: 100% !important;
        }

        .topnav.responsive .dropdown-content {
            position: relative;
        }

        .topnav.responsive .dropdown .dropbtn {
            display: block;
            width: 80%;
            text-align: left;
            float: left;
        }
}

span.rigtArrow {
    background: url(/Images/moreIcon_menu.png) no-repeat;
    display: block;
    height: 33px;
    background-position: 10px 12px;
    margin: 0 0 0 0;
    position: relative;
    z-index: 30001;
    width: 26px;
    float: right;
}

.dropdown-content {
    margin-left: 220px;
    z-index: 999;
    border-radius: 4px;
    position: absolute;
    width: 480px;
    min-height: 448px;
}

    .dropdown-content p {
        padding-top: 15px;
        margin-bottom: 5px;
    }

    .dropdown-content a {
        margin-left: 10px;
        font-size: 12px;
        font-weight: normal;
        display: block;
        line-height: 19px !important;
        color: #484848;
        text-decoration: none;
    }

        .dropdown-content a span {
            color: #ff7550;
        }

    .dropdown-content p {
        margin-left: 15px;
    }

.leftNavBox2 {
    position: absolute;
    top: 166px;
    background: #fff;
    box-shadow: 1px 2px 6px 0 #666;
    z-index: 30000;
}

span.rigtArrow :hover {
    background: #fff url(/Images/moreIcon_hover.png) no-repeat;
    display: block;
    height: 33px;
    background-position: 10px 12px;
    margin: 0 0 0 0;
    position: absolute;
    z-index: 30001;
    width: 26px;
    float: right
}

.dropdown:hover {
    background: #fff;
    color: #000
}