#menu li a.actived {
    color: red;
}

ul.submenu-sp {
    list-style: none !important;
    position: absolute !important;
    bottom: 100% !important;
    left: unset !important;
    padding: unset;
}

@media screen and (max-width: 1220px) {
    .pagiBanner_home {
        bottom: 50px;
    }

    .pagewrap {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .bg-popup {
        width: 100%;
        height: auto;
    }

    .bg-popup img {
        width: 100%;
        height: auto;
    }

    .bannerMain .banner li {
        background-position: center left 20%;
        background-size: cover;
    }
}

@media screen and (max-width: 1024px) {

    .ct_sp_id .right_sp ul {
        width: 95%;
    }

    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .input_search {
        width: 169px;
    }

    .bannerMain .banner li, .banner_3 li {
        background-size: cover;
    }

    .banner_2 li {
        background-size: 100% auto;
    }

    .right_header {
        margin-top: 0;
        float: none;
        position: fixed;
        top: 90px;
        right: -225px;
        -webkit-transition: right 1s;
        transition: right 1s;
    }

    .fancybox-opened {
        z-index: 99999 !important;
    }

    .bg-popup {
        width: 100% !important;
        height: auto !important;
        margin-right: 0;
    }

    .timkiem_top {
        top: 40px;
    }

    .icons-header {
        padding: 0 4px;
        background-color: rgba(84, 84, 84, 0.3);
        float: left;
        display: block;
    }

    .icons-header i {
        font-size: 30px;
        color: #666;
    }

    .icons-footer i {
        font-size: 30px;
        color: #666;
    }

    #menu > li > ul {
        display: none;
    }

    .thuvien_id ul, .sanpham_id ul {
        width: 23%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .left_contact {
        width: 40%;
    }

    .right_contact {
        width: 57%;
    }

    #contact .left, #contact .right {
        width: 100%;
        float: none;
    }

    #contact .right li textarea {
        height: 90px;
    }

    .mobile_contact_Text {
        display: block;
        margin-bottom: 20px;
    }

    .desktop_contact_Text {
        display: none;
    }

    .left_sp {
        width: 60%;
        margin-left: 0;
    }

    .ct_sp_id li {
        width: 38%;
    }

    .ct_sp_id li img {
        height: auto;
    }

    .ct_sp_id ul {
        width: 60%;
    }

    .right_sp {
        width: 100%;
        margin-right: 0;
    }

    .ct_sp_id ul h4 a {
        width: 50%;
        text-indent: 62px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }

    .ct_sp_id ul h3 a {
        margin-right: 10px;
    }

    .caroufredsel_wrapper, .caroufredsel_wrapper .placeSlide_sp {
        width: 100% !important;
    }

    .sanpham_id_2 ul, .tintuc_id {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .tintuc_id li {
        width: 40%;
    }

    .tintuc_id ul {
        width: 58%;
    }

    .video_top {
        width: 63%;
        margin-left: 0;
        height: 96%;
    }

    .video_id {
        width: 35%;
        margin-right: 0;
        height: 96%;
    }

    .video_id ul {
        margin-top: 0;
    }

    .right_new_id {
        width: 65%;
    }

    .left_nes_id {
        width: 32%;
        height: 90%;
    }

    .galleria-thumbnails .galleria-image {
        width: 32% !important;
    }
}

@media screen and (max-width: 1023px) {
    .xemtatca {
        font-size: 15px;
        margin-top: 0px;
        margin-left: 0px;
    }

    /*.bg-popup {*/
    /*!* background-image: none !important; *!*/
    /*text-align: center;*/
    /*}*/
    .right_sp {
        width: 500px;
    }

    #menu > li > a {
        padding: 0 10px;
        font-size: 13px;
        text-transform: capitalize;
    }

    .pagiBanner a {
        padding: 0 15px;
        font-size: 15px;
    }

    .wrap_gioithieu {
        background-size: cover;
        background-position: center right 16.5%;
    }

    .left_sp, .video_top {
        width: 100%;
        height: 100%;
        margin-bottom: 2%;
    }

    .right_sp {
        width: 500px;
        height: 48%;
    }

    .sanpham_id_2 ul, .thuvien_id ul, .sanpham_id ul {
        width: 31%;
        margin-right: 1.1%;
        margin-left: 1.1%;
    }

    .ct_sp_id ul h4 a {
        width: initial;
        text-indent: -9999px;
        padding-left: 65px;
        padding-right: 20px;;
        margin-left: 20px;
    }

    .thuvien_id ul {
        height: auto;
    }

    .thuvien_id ul li, .thuvien_id ul li img {
        height: auto;
    }

    .tintuc_id li img {
        height: auto;
    }

    .video_id {
        width: 100%;
        height: 48%;
    }

    .video_id ul {
        width: 31%;
        margin-right: 1.1%;
        margin-left: 1.1%;
        float: left;
    }

    .ct_sp_id ul h4 a {
        float: right;
        padding-right: 0;
        margin-left: 0;
    }

    .ct_sp_id .right_sp ul {
        width: 60%;
    }

}

@media screen and (max-width: 767px) {

    .box_title_banner_left ul, .box_title_banner_right ul {
        top: 30px;
        transform: scale(0.7);
    }

    .box_title_banner_left ul {
        left: -40px;
    }

    .box_title_banner_right ul {
        right: -60px;
    }

    .header {
        padding-top: 0;
    }

    .logo_top {
        position: absolute;
        transform: scale(0.7);
        left: -10px;
        top: -6px;
        float: none;
        padding-left: 0;
    }

    .logo_top img {
        height: 50px;
    }

    #menu {
        width: 580px;
        position: absolute;
        right: 0;
        float: none;
        margin-top: 0;
        top: 0;
        transform: scale(1);
    }

    .right_header {
        top: 50px;
    }

    .placeNav.next, .placeNav_2.next, .placeNav_3.next {
        transform: scale(0.6);
        right: -6px;
    }

    .placeNav.prev, .placeNav_2.prev, .placeNav_3.prev {
        transform: scale(0.6);
        left: -6px;
    }

    .footer {
        height: 35px;
    }

    .copyright_footer {
        position: absolute;
        left: -37px;
        transform: scale(0.8);
        bottom: -27px;
    }

    .icon_footer_hotline {
        position: absolute;
        right: -35px;
        transform: scale(0.8);
        bottom: -30px;
    }

    .conten_page {
        padding-top: 0;
    }

    .conten_pagesub {
        padding-top: 40px;
        padding-bottom: 35px;
    }

    .wrap_baiviet {
        transform: scale(0.7);
        top: -36px;
        right: -50px;
        height: 100%;
    }

    .menu_sp ul {
        width: 760px;
        bottom: 5px;
        left: -10%;
        transform: scale(0.8);
        padding-bottom: 0;
    }

    .bannerMain .banner li, .banner_3 li {
        /* background-size: 100% 100%; */
    }

    .box_title_banner_sp ul {
        transform: scale(0.8);
        height: 100%;
        right: -40px;
        top: 40px;
    }

    .pagiBanner {
        bottom: 60px;
    }

    .menu-nhanhang {
        bottom: 60px;
    }

    /*.bg-popup {*/
    /*width: 100%;*/
    /*height: 100%*/
    /*}*/
    /*.bg-popup .box_title_banner_sp ul {*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*overflow: auto;*/
    /*top: 20%;*/
    /*right: 0;*/
    /*}*/
    .conten_pagesub {
        position: relative;
    }

    .conten_page { /* width: 1004px; *//* height: 410px; *//* overflow: auto; *//* transform: scale(0.65); *//* position: absolute; *//* left: -135px; *//* top: -14px; */
    }

    .thuvien_id ul, .sanpham_id ul {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .left_sp {
        width: 60%;
        margin-left: 0;
    }

    .ct_sp_id li {
        width: 38%;
    }

    .ct_sp_id li img {
        height: auto;
    }

    .ct_sp_id ul {
        width: 100%;
        margin: 0;
        padding-right: 15px;
        /* margin-top: 15px; */
    }

    .right_sp {
        width: 59%;
        /* margin-right: 0; */
        height: 100%;
    }

    .ct_sp_id ul h4 a {
        width: 100%;
        text-indent: 62px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }

    .ct_sp_id ul h3 a {
        margin-right: 10px;
    }

    .sanpham_id_2 ul, .tintuc_id {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .sanpham_chitiet {
        height: 365px;
        /*overflow: auto;*/
    }

    .right_sp {
        padding-bottom: 0;
        margin-top: -380;
    }

    .menu_sp ul {
        /* bottom: -5px; */
    }

    .chitiet_tintuc {
        height: 77%;
    }

    .video_top {
        width: 63%;
        margin-left: 0;
        height: 96%;
        margin-bottom: 0;
    }

    .video_id {
        width: 35%;
        margin-right: 0;
        height: 96%;
    }

    .video_id ul {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .right_contact {
        height: auto;
    }

    .wrap_baiviet {
        transform: scale(1);
        right: 10px;
        top: 0;
    }

    .box_title_banner_right ul h2, .box_title_banner_left ul h2, .box_title_banner_sp ul h2 {
        font-size: 40px;
    }

    .bannerMain .banner li, .banner_2 li, .banner_3 li {
        /* height: 90vh !important; */
        background-position: center left 20%;
    }

    .icons-footer {
        padding: 0 4px;
        background-color: rgba(84, 84, 84, 0.3);
        display: block;
        position: fixed;
        bottom: 0;
        transition: bottom 1s;
        z-index: 99999;
    }

    .footer {
        bottom: -35px;
        transition: bottom 1s;
    }

    .galleria-thumbnails .galleria-image {
        width: 48% !important;
    }

    .header {
        height: 40px;
    }

    .ct_sp_id .right_sp ul {
        width: 95%;
    }

    .sanpham_id_2 {
        margin-bottom: 50px;
    }

    .ct_sp_id ul h2 {
        font-size: 17px;
    }

    .left_contact, .right_contact {
        width: 100%;
        padding-left: unset;
        padding-right: unset;
    }
}

@media screen and (max-width: 667px) {
    #menu {
        transform: scale(0.9);
        right: -29px;
    }

    .menu-nhanhang a img {
        height: 25px;
    }

    .conten_page { /* height: 395px; *//* transform: scale(0.57); *//* left: -200px; *//* top: -39px; */
    }

    .wrap_baiviet {
        right: 30px;
        top: 0;
    }

    .placeNav {
        top: 40%;
    }

    .placeNav_3 {
        top: 30%;
    }

    .box_title_banner_sp ul {
        transform: scale(0.6);
        right: -60px;
        top: 0;
    }

    .box_title_banner_left ul, .box_title_banner_right ul {
        transform: scale(0.6);
    }

    .nums {
        margin-bottom: 50px;
    }

}

@media screen and (max-width: 567px) {
    #menu {
        transform: scale(0.8);
        right: -55px;
    }

    .pagiBanner a {
        padding: 0 10px;
    }

    .pagiBanner a {
        font-size: 13px;
    }

    .conten_page {
        /* height: 376px; */
        /* transform: scale(0.47); */
        /* left: -228px; */
    }

    .nums {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 479px) {
    .menu_sp ul li a {
        font-size: 15px;

        padding: 0 15px;
    }

    .menu_sp ul {
        margin-left: 0;
        margin-right: 0;
        left: -125px;
    }

    .sanpham_id {
        margin-bottom: 50px;
    }

    ul.submenu-sp {
        left: unset !important;
    }

    .sanpham_id_2 ul, .tintuc_id {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media screen and (max-width: 414px) {
    #menu > li > a {
        padding: 0 10px;
        font-size: 13px;
        text-transform: capitalize;
    }

    .pagiBanner a {
        padding: 0 15px;
    }

    .wrap_gioithieu {
        background-size: cover;
        background-position: center right 16.5%;
    }

    .left_sp, .video_top {
        width: 100%;
        height: 50%;
        margin-bottom: 2%;
    }

    .right_sp {
        width: 100%;
        height: 48%;
        margin-top: 0px;
    }

    .sanpham_id_2 ul, .thuvien_id ul, .sanpham_id ul {
        width: 31%;
        margin-right: 1.1%;
        margin-left: 1.1%;
    }

    .ct_sp_id ul h4 a {
        width: 100%;
        text-indent: 62px;
        padding-left: 0;
        padding-right: 20px;
        margin-left: 20px;
    }

    .thuvien_id ul {
        height: auto;
    }

    .thuvien_id ul li, .thuvien_id ul li img {
        height: auto;
    }

    .tintuc_id li img {
        height: auto;
    }

    .video_id {
        width: 100%;
        height: 48%;
    }

    .video_id ul {
        width: 31%;
        margin-right: 1.1%;
        margin-left: 1.1%;
        float: left;
    }

    .bannerMain .banner li, .banner_3 li {
        background-size: cover;
    }

    .copyright_footer {
        left: -70px;
        transform: scale(0.5);
    }

    .icon_footer_hotline {
        right: -87px;
        transform: scale(0.45);
    }

    #menu {
        transform: scale(0.5);
        right: -145px;
    }

    .conten_page {
        width: 100%;
        transform: scale(1);
        left: 0;
        height: 100%;
        top: 0;
        padding-bottom: 35px;
        padding-top: 50px;
    }

    .icons-footer {
        display: none;
    }

    .footer {
        bottom: 0;
    }

    .box_title_banner_left ul, .box_title_banner_right ul {
        transform: scale(1);
        position: relative;
        left: 0;
        top: 80px;
        width: 100%;
        padding: 0 15px;
    }

    .bannerMain .banner li {
        background-position: center left 20%
    }

    .wrap_baiviet {
        height: initial;
        max-height: 100%;
        right: initial;
        top: 0;
        transform: 1;
        width: 100%;
    }

    .menu_sp ul {
        left: -195px;
        transform: scale(0.45);
        bottom: 40px;
        position: absolute;
    }

    .pagiBanner {
        left: -170px;
        transform: scale(0.6);
        bottom: 65px;
        width: 700px;
    }

    .menu-nhanhang {
        left: -170px;
        transform: scale(0.6);
        bottom: 60px;
        width: 700px;
    }

    .sanpham_id_2 ul, .sanpham_id ul {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .sanpham_id ul h2 a, .sanpham_id_2 ul h2 a {
        font-size: 12px;
    }

    .left_sp {
        height: auto;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .sanpham_chitiet {
        height: auto;
        overflow: initial;
    }

    .ct_sp_id li, .ct_sp_id ul {
        width: 100%;
        float: none;
    }

    .sanpham_id_2 ul, .tintuc_id {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .right_new_id {
        width: 100%;
        float: none;
    }

    .left_nes_id {
        width: 100%;
    }

    .chitiet_tintuc {
        height: 100%;
    }

    .left_nes_id {
        margin-top: 50px;
        margin-bottom: 50px;
        float: none;
    }

    .thuvien_id ul {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .left_contact, .right_contact {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .video_id ul {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .bannerMain .banner li, .banner_2 li, .banner_3 li {
        height: 100% !important;
    }

    .bannerMain_3, .bannerMain_3 .caroufredsel_wrapper, .bannerMain_3 .caroufredsel_wrapper .banner_3 {
        height: 100% !important;
    }

    .bannerMain_2, .bannerMain_2 .caroufredsel_wrapper, .bannerMain_2 .caroufredsel_wrapper .banner_2 {
        height: 100% !important;
    }

    .bannerMain, .bannerMain .caroufredsel_wrapper, .bannerMain .caroufredsel_wrapper .banner {
        height: 100% !important;
    }

    .conten_mobile {
        padding: 0;
        margin-bottom: 35px;
        margin-top: 50px;
        height: initial;
        bottom: 0;
    }

    .conten_pagesub_mobile {
        height: 100% !important;
    }

    .conten_page .pagewrap {
        position: initial;
    }

    .sp_type ul {
        bottom: 0;
        position: relative;
    }

    .galleria-thumbnails .galleria-image {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .conten_page {
        padding: 0 10px;
    }

    .albumView {
        margin-top: 20px;
    }

    .order-page .left, .order-page .right {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #cart_list {
        max-height: initial;
    }

    #cart_list table {
        width: 760px;
    }

    #cart_list td #pro_sum, .total_money .pro_sum {
        float: none;
    }

    .ct_sp_id .right_sp ul {
        width: 100%;
    }

}