@media all and (max-width: 1300px) {
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 38%;
    }

}

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


}

@media all and (max-width: 800px) {


}@media all and (max-width: 768px) {
    #hamburger{
        display: block;
    }
    #hamburger {
        top: 20px !important;
        left: 15px !important;
    }
    nav.navbar .navigation.box-wp ul {
        display: none;
    }
    .itemspbc:nth-child(3n+4) {
        clear: both;
    }
    .itemspbc:nth-child(4n+1) {
        clear: none;
    }
    .header1-right {
             width: 80%;
         }
    .header1-left {
        margin-left: 10%;
    }
    .search {
        display: none;
    }
    .right_s {
        width: 20%;
    }
    .chinhh img {
        height: 500px;
        object-fit: cover;
    }
    .text_sll {
        width: 60%;
        left: 5%;
    }
    .textsl h2 {
        font-size: 24px;
    }
    .slide-hd .swiper-button-prev,.slide-hd .swiper-button-next,.slide-hd .swiper-scrollbar{
        display: none;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 35%;
        right: 0%;
    }
    .leftp11 {
        width: 100%;
        text-align: center;
    }
    .rightp11 {
        width: 100%;
        padding-left: 0;
    }
    .itemspbc {
        width: 50%;
    }
    .leftp4 {
        width: 100%;
    }
    .rightp4 {
        width: 100%;
        padding-left: 0;
    }
    .rightp4 {
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin-top: 30px;
    }
    .itemlhh {
        width: 50%;
        margin-bottom: 20px;
    }
    .ft_logo {
        width: 50%;
        float: left;
    }
    .ft {
        width: 50%;
    }
    .ft.giaiphap {
        width: 50%;
    }
    .p1gt:before {
        height: 38em;
    }
    .leftp1gt.p2 {
        margin-top: 0%;
    }
    .tieude {
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .tieude h3 {
        margin-top: 0px;
    }
    .contentp2gt {
        width: 100%;
    }
    .noidungp2gt {
        margin-left: 1%;
        margin-right: 2%;
    }
    .textp2gt p {
        padding: 17px 20px 10px 20px;
    }
    .slide_sp {
        width: 100%;
        padding-right: 0;
    }
    .detail_right {
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
    }
    .title_spk h3 {
        width: 55%;
    }
    .form_gh {
        width: 100%;
        padding-right: 0;
    }
    .show-cart {
        width: 100%;
        padding-right: 0;
    }
    .cuc h5 {
        height: 70px;
    }
    p.commet_bl {
        height: 100px;
    }
    .sidebarct h3 {
        width: 75%;
    }
    .noidung_newsct {
        width: 100%;
    }
    .breadcrumb {
        margin-top: 50px;
    }
    .header:before, .header:after {
        height: 80px;
    }
    .col_td {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .leftht{
        width: 100%;
        margin-bottom: 30px;
    }
    .rightht {
        width: 100%;
    }
    .ndungtren {
        padding-right: 20px;
        width: 50%;
        float: left;
    }
    .ndungduoi {
        margin-top: 0;
        position: relative;
        width: 50%;
        float: right;
    }
    .ndungduoi img {
        top: -12px;
        left: 165px;
    }

    .swiper-containerht {
        height: 63vw;
    }
    .button_ok:after {
        right: 34%;
    }
    .mapht iframe {
        width: 100%;
        height: 500px;
    }
    .imgspc img {
        height: 182px;
    }
    .imgspbc img {
        height: 250px;
    }
    .box_slide_sp .itemspbc .imgspbc img {
        height: 135px;
    }
    .sanpham_khac .itemspbc {
        width: 50%;
    }
    .show-cart.mobilee {
        display: block;
    }
    /*.show-cart{*/
    /*    display: none;*/
    /*}*/
    .selecoptionhuong > select {
        background-position-x: 17em;
        background-position-y: 18px;
    }
    .lienhe2 img {
        margin-bottom: 20px;
    }
    .tdung h5 {
        height: auto;
    }

    }

@media all and (width: 414px) {
    .header1-left {
        padding-top: 0px;
    }


}@media all and (max-width: 480px) {
    #hamburger{
        display: block;
    }

    #hamburger {
        top: 19px !important;
        left: 5px !important;
    }
    .text_sll {
        display: none;
        /*width: 78%;*/
        /*left: 5%;*/
    }
    header.header {
        height: 80px;
    }
    .header1-left {
        width: 21%;
    }
    .header1-left {
        margin-left: 15%;
    }
    .header1-right {
        width: 63%;
    }
    .right_s {
        width: 50%;
    }
    .page1 nav.nav-sidebar {
        overflow: auto;
        width: 100%;
    }
    .page1 ul.nav.tabs {
        display: inline-block;
        width: 160%;
    }
    .page1 ul.nav.tabs li {
        display: inline-block;
    }
    .noidungp2 h2, .page3 h3, .leftp4 h3, .rightp4 h3, .page5 h3, .tieudesp h3 {
        font-size: 22px;
    }
    .noidungp2 h2 span:before {
        top: 10px;
        background-size: 70px;
    }
    .noidungp2 h2 span:after {
        top: 10px;
        left: -85px;
        background-size: 70px;
    }
    div#slide-spc .owl-stage {
        margin-left: -70px;
    }
    div#slide-spc button.owl-next {
        right: 9%;
        top: 22%;
    }
    div#slide-spc button.owl-prev {
        left: 9%;
        top: 22%;
    }
    .page3 h3 span:before {
        top: 11px;
        background-size: 55px;
    }
    .page3 h3 span:after {
        top: 11px;
        left: -65px;
        background-size: 55px;
    }
    .itemspbc {
        padding: 0px 10px 25px 10px !important;
    }
    .leftp4 h3 span:before {
        top: 11px;
        background-size: 55px;
    }
    .leftp4 h3 span:after {
        top: 11px;
        left: -70px;
        background-size: 55px;
    }
    .rightp4 h3 span:before {
        top: 11px;
        background-size: 55px;
    }
    .rightp4 h3 span:after {
        top: 11px;
        left: -70px;
        background-size: 55px;
    }
    .itemlhh {
        width: 100%;
        margin-bottom: 10px;
    }
    .itemlhh p {
        padding-right: 0;
    }
    .itemlhh.lhsdt p {
        padding-right: 0;
    }
    .ft_logo, .leftp1gt, .rightp1gt{
        width: 100%;
    }
    .ft, .leftftduoi {
        width: 100%;
        margin-bottom: 15px;
    }
    .box-info.box-wp.fter {
        padding-left: 15px;
    }
    .rightftduoi {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .p1gt:before {
        height: 66em;
    }
    .leftp1gt.p2 {
        margin-top: 10%;
    }
    .rightp1gt.pa2 {
        padding-right: 0;
    }
    .noidungp2gt {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .noidungp2gt img {
        width: 100%;
    }
    .textp2gt p {
        padding: 85px 20px 10px 20px;
    }
    .rightp1gt.pa1 {
        padding-left: 0;
    }
    /*div#slide-sp .owl-nav [class*=owl-] {*/
    /*    display: none !important;*/
    /*}*/
    /*.sl_sp .swiper-button-next.swiper-button-white,.sl_sp .swiper-button-prev.swiper-button-white {*/
    /*    display: none;*/
    /*}*/
    .socialsp {
        display: none;
    }
    .socialsp.sharemb{
        display: block;
    }

    .xemgh {
        margin-top: 20px;
        width: 100%;
        line-height: 1.5;
    }
    .socialsp.sharemb {
        margin-bottom: 20px;
        display: block;
        width: 80%;
        float: left;
    }
    .socialsp ul li {
        margin-left: 0;
    }
    .socialsp ul {
        padding-left: 0;
        margin-left: 0;
    }
    .title_spk h3 {
        width: 100%;
        font-size: 20px;
    }
    .title_spk h3:after {
        top: 9px;
        left: 0px;
        background-size: 55px;
    }
    .title_spk h3:before {
        top: 9px;
        right: -23px;
        background-size: 55px;
    }
    .box_qty label {
        width: 25%;
    }
    .hinhgh {
        width: 100%;
    }
    .trg {
        padding-top: 10px;
        float: right;
        width: 100%;
        padding-bottom: 10px;
    }
    .page5 h3 span:after {
        top: -1px;
        left: -92px;
    }
    .page5 h3 span:before {
        top: -1px;
        right: -92px;
    }
    .breadcrumb {
        overflow: auto;
    }
    .cuc h5, p.commet_bl {
        height: auto;
    }
    .col_td {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .left_lh, .lienhe_ct {
        width: 100%;
    }
    .lh {
        margin-top: 15px;
    }
    .ndungtren {
        padding-right: 0;
        width: 100%;
    }
    .selecoptionhuong > select {
        width: 100%;
    }
    .ndungduoi {
        width: 100%;
        height: 165px;
    }
    .ndungduoi img {
        top: 10px;
    }
    .swiper-slide {

    }
    .righthtnho {
        float: left;
    }
    .swiper-containerht {
        height: 85vw;
    }
    .box_duoitin h2 {
        font-size: 14px;
        line-height: 1.5;
    }
    .box_duoitin {
        font-size: 13px;
    }
    .page1:after {
        background-position-y: 40em;
        background-position-x: 12em;
    }
    .page2:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 51px;
        background: transparent linear-gradient(92deg, #F6F6F6 0%, #F6F6F600 100%) 0% 0% no-repeat padding-box;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .page2:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 51px;
        background: transparent linear-gradient(268deg, #F6F6F6 0%, #F6F6F600 100%) 0% 0% no-repeat padding-box;
        right: 0;
        top: 0;
        z-index: 2;
    }
    div#slide-spc .owl-nav [class*=owl-] {
        padding: 6px 12px;
    }
    div#slide-spc button.owl-prev img, div#slide-spc button.owl-next img {
        width: 12px;
    }
    .page3:after {
        top: 23px;
        right: -52%;
        background-size: 250px;
    }
    .page4:before {
        top: -16em;
        left: 0;
        background-size: 500px;
        background-position-x: -23em;
    }
    .rightp4:after {
        left: -20em;
    }
    .page5:after {
        left: 0;
        bottom: 0;
        background-size: 300px;
        background-position-y: 22em;
    }
    .footer:after {
        right: -1em;
    }
    .fttren {
        padding-top: 10px;
    }
    .slide-hd {
        margin-top: 32px;
    }
    .tieudesp h3 span:before, .tieudesp h3 span:after {
        top: 0px;
    }
    .mapht iframe {
        width: 100%;
        height: 300px;
    }
    .imgspc img {
        height: 145px;
    }
    .imgspbc img {
        height: 145px;
    }
    .noidungsp img {
        height: 140px;
    }
    .box_slide_sp .itemspbc .imgspbc img {
        height: 260px;
    }
    .phantranga {
        padding-left: 30px !important;
        padding-right: 15px !important;
    }
    div#slide-sp button.owl-prev img, div#slide-sp button.owl-next img {
        width: 15px;
    }
    div#slide-sp .owl-nav [class*=owl-] {
        padding: 10px 15px;
    }
    .lefpsp:after, .lefpsp:before {
        width: 45px;
    }
    .sidebarct h3 {
        font-size: 22px;
    }
    .sidebarct h3 span:after {
        top: 12px;
        left: -74px;
        background-size: 60px;
    }
    .sidebarct h3 span:before {
        top: 12px;
        background-size: 60px;
    }
    .textspbc h4 {
        margin-top: 10px;
    }
    .itemspbc {
        margin-bottom: 20px;
    }
    .selecoptionhuong > select {
        background-position-x: 22em;
    }
    .sl_sp .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
        content:"";
    }
    .sl_sp .swiper-button-next, .sl_sp .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        bottom: 6px !important;
    }
    .sl_sp .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: "";
        padding: 0px 10px 12px 10px;
    }
    .sl_sp .swiper-button-prev, .sl_sp .swiper-container-rtl .swiper-button-next {
        bottom: 6px !important;
        left: 6px;
    }
    .sl_sp .swiper-button-prev, .sl_sp .swiper-container-rtl .swiper-button-next{
        bottom: 17px !important;
        left: 6px;
        height: 27px;
        background: transparent linear-gradient(347deg, #EE9F1F 0%, #FCBC53 100%) 0% 0% no-repeat padding-box;
        content: url(/images/nextspmb1.svg);
        transform: rotate(180deg);
        border-radius: 50px;
        padding: 5px 10px 5px 10px;
    }
    .sl_sp .swiper-button-next, .sl_sp .swiper-container-rtl .swiper-button-prev{
        bottom: 17px !important;
        right: 6px;
        height: 27px;
        background: transparent linear-gradient(347deg, #EE9F1F 0%, #FCBC53 100%) 0% 0% no-repeat padding-box;
        content: url(/images/nextspmb1.svg);
        border-radius: 50px;
        padding: 5px 10px 5px 10px;
    }
    .cuahang_mobile {
        display: block;
        margin-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    .cuahang_mobile select {
        border: 1px solid #581008;
        border-radius: 30px;
        padding: 10px 20px;
        width: 100%;
        color: #581008;
    }
    .in_search input.link.icon_find.item_search{
        top: 50px;
        right: 31px;
        left: auto;
    }
    .cuahang_mobile h4 {
        text-align: left;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 20px;
        color: #581008;
    }
    .ndungduoi.omobile {
        height: 200px;
    }
    .breadcrumb {
        margin-top: -8px;
    }
    .mapht {
        margin-top: 8%;
    }
    .chinhh img {
        height: auto;
    }
    .icon-scroll-page{
        display: none;
    }
    .page1 {
        margin-top: 30px;
    }
    .imgslsp:before{
        content: none;
    }
    .textspbc h4 {
        height: 26px;
    }
    .noidungtd {
        height: auto;
    }
    .modal-content{
        top: 0;
    }
    .modal-content .close {
        top: 20px;
    }
    .tdung h5 {
        height: auto;
    }
    }@media all and (width: 414px) {

}
@media (min-width: 1400px) {
    .text_sll {
        top: 33%;
        left: 15%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 30%;
        right: 13%;
    }
    div#slide-spc .owl-stage {
        margin-left: -36%;
    }
    .imgspc img {
        height: 289px;
    }
    .noidungsp img {
        height: 222px;
    }


}
@media (width: 1920px) {
    .text_sll {
        top: 37%;
        left: 21%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 40%;
        right: 18%;
    }
    .swiper-container-horizontal>.swiper-scrollbar {
        right: 20%;
        bottom: 73px;
        width: 260px;
    }
    div#slide-spc .owl-stage {
        margin-left: -37%;
    }
    .page4:before {
        top: -3em;
        left: -21%;
        z-index: -1;
    }
    .slide-hd .swiper-button-next, .slide-hd .swiper-container-rtl .swiper-button-prev {
        bottom: 57px !important;
    }
    .footer:after {
        right: 45em;
    }
    .noidungsp img {
        height: 270px;
    }
    .imgspc img {
        height: 276px;
    }


}