@media all and (max-width: 1300px) {
    .navigation.box-wp{
        width: 100%;
    }
    .slide-hd {
        margin-top: -9%;
    }
    .navigation ul {
         margin-left: 0%;
    }


    }

@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: 25px !important;
    }
    body{
       background-image: url("/images/bg_mb.jpg");
        background-size: contain;

    }

    .khung_banner_sl,.dologo, .logodo {
        display: none;
    }
    .headeran{
        display: block;
    }
    .header1 {
        display: none;
    }
    .an {
        padding-bottom: 2%;
        text-align: center;
        width: 7%;
        padding-top: 1%;
    }
    .header {
        background-color: #1A1819;
        height: 83px;
    }
    .cart img {
        position: absolute;
        width: 4%;
        right: 3%;
        top: 30%;
    }
    .cart span {
        right: 19px;
        top: 23px;
    }
    .slide-hd {
        margin-top: 4%;
    }
    .text_sl {
        top: 27%;
        width: 36%;
    }
    .khung_fix2 {
        width: 90%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
    }
    .hinh2 {
        width: 30%;
        top: 54%;
        right: 0;
        left: auto;
    }
    .hinh1 {
        right: 31%;
        top: 54%;
        width: 25%;
        left: auto;
    }
    .page1 {
        height: 43em;
    }
    .slide-da .owl-stage {
        margin-left: -19%;
    }
    .slide_daa .lv_sp_next {
        left: 11.5%;
    }
    .slide_daa .lv_sp_back {
        left: 6%;
    }
    .tieudep3 h2 {
        width: 70%;
        font-size: 18px;
        margin-top: 0;
    }
    .img.ftlogo p span {
        margin-top: 21%;
    }
    .gioi_thieu_ct {
        height: 545px;
    }
    .right_textp1 p, .left_p2 h2, .chutrai p, .chuphai p, .text_ptgt p {
        font-size: 16px;
    }
    .hinhkem {
        right: 42%;
    }
    .left_p2 {
        left: 0;
        position: absolute;
        width: 45%;
        top: 10%;
    }
    .img_gtp4 {
        width: 53%;
        padding-right: 5%;
         padding-left: 0%;
    }
    .text_ptgt {
        width: 47%;
    }
    .text_ptgt p {
        padding-top: 7%;
    }
    .bottom_gt {
        width: 45%;
    }
    .box_flower_view {
        width: 50%;
    }
    .tt1 {
        width: 56%;
        float: left;
    }
    .tt2 {
        margin-top: 2%;
        width: 44%;
        float: left;
    }
    .tt3 {
        width: 100%;
    }
    .tt4{
        padding-left: 5%;
        width: 48%;
    }
    .tt4 p,.tt4 a {
        font-size: 14px;
        margin-top: 4%;
    }
    button.book_hang {
        margin-top: 2%;
    }
    .saleof {
        padding-top: 20%;
    }
    h3.title_news.canten {
        font-size: 30px;
    }
    .boxtintucbl h5 a {
        font-size: 20px;
    }
    .boxtintucbl.c1 .cuc {
        padding: 0% 0% 10% 8%;
        height: 229px;
    }
    .boxtintucbl h5 {
        width: 100%;
    }
    p.commet_bl {
        width: 95%;
    }
    .tintuckhacct.t1 h5 a {
        padding-left: 5% !important;
        width: 35%;
    }
    .tintuckhacct.t2 h5 a {
        padding-right: 5% !important;
        width: 35%;
    }
    .maps_fb.wow.bounceInLeft iframe {
        width: 100%;
    }
    .con_bl {
        width: 65%;
    }
    .ctm a {
        font-size: 13px;
    }
    .trg {
        width: 100%;
        padding-top: 10%;
    }
    .benphai.mba {
        display: block !important;
    }
    .benphai{
        display: none;
    }

    .text_bncate a {
        margin-left: 2%;
    }
    .noidung_news{
        margin-left: 0;
    }
    .img.ftlogo p {
        margin-left: 5%;
    }
    .footer .copyright .danaweb {
        margin-top: 0.8%;
    }
    .menumbi {
        display: block;
    }
    .menudesktop{
        display: none;
    }
    .modal-content .close{
        text-shadow: none !important;
        color: white !important;
    }
    .abc {
        width: 100%;
    }
    .menuleftsp {
        padding-top: 5%;
        margin: 0 auto;
        width: 50%;
    }
    .imgnewsp img {
        height: 234px;
    }






    }

@media all and (max-width: 680px) {
    .ft_logo {
        width: 50%;
    }
    .ft {
        margin-top: 20px;
        width: 50%;
    }
    .textft_logo {
        font-size: 13px;
    }

}@media all and (max-width: 480px) {
    #hamburger{
        display: block;
    }
    .an {
        width: 11%;
    }
    #hamburger {
        top: 9px !important;
        left: 17px !important;
    }
    /*body {*/
    /*     background-attachment: fixed;*/
    /*}*/
    .header {
        height: 63px;
    }
    .cart img {
        width: 6%;
        right: 5%;
    }
    .cart span {
        right: 13px;
        top: 16px;
    }
    .slide-hd {
        margin-top: 4%;
    }
    .img_sld img {
        height: 520px;
        object-fit: cover;
    }
    .text_sl {
        width: 100%;
    }
    .page1 {
        margin-top: 0%;
    }
    .left_p1 {
        margin-bottom: 5%;
        width: 100%;
    }
    .left_p1 h2 {
        font-size: 16px;
        padding-right: 0;
        padding-top: 0;
    }
    .right_p1 {
        width: 77%;
    }
    .page1 {
        height: 40em;
    }
    .hinh1 {
        right: 50%;
        top: 56%;
        width: 48%;
    }
    .hinh2 {
        width: 47%;
        top: 56%;
        right: 0;
    }
    .title_p2 h2 {
        width: 100%;
        font-size: 24px;
    }
    .slide-da .owl-stage {
        margin-left: 7%;
    }
    .benphai {
        margin-top: 6%;
    }
    .benphai a {
        padding-left: 10%;
    }
    .slide_daa .lv_sp_next, .slide_daa .lv_sp_back {
        width: 15px;
    }
    .leftp3 {
        margin-top: 5%;
        width: 100%;
    }
    .tieudep3 h2 {
        width: 65%;
        margin-bottom: 5%;
    }
    .textda1 h4 a {
        font-size: 14px;
    }
    .rightp3 {
        float: right;
        width: 100%;
    }
    .slide-p3 .owl-dots {
        top: -16%;
        position: absolute;
        right: -2%;
        bottom: auto;
        left: auto;
    }
    .nd_p4 {
        width: 50%;
        height: 11em;
    }
    .page4 {
        margin-bottom: 5%;
    }
    .box-info.box-wp.fter.mobi {
        display: block !important;
    }
    .box-info.box-wp.fter.container {
        display: none;
    }
    .ft_logo {
        width: 100%;
        float: left;
    }
    .img.ftlogo a img {
        float: left;
        width: 75%;
    }
    .img.ftlogo {
        margin-top: 5%;
    }
    .img.ftlogo p {
        margin-top: 8%;
    }
    .ft {
        width: 100%;
    }
    p.so1 {
        font-weight:700;
        border-bottom: none;
        padding-bottom: 0 !important;
    }
    p.so1 img{
        float: right;
    }
    .footer .copyright .text, .footer .copyright .danaweb {
        font-size: 13px;
    }
    .danaweb img {
        width: 27%;
    }
    p.so1 img {
        margin-top: 0%;
        width: 5%;
    }
    .khung_da2 {
        padding-right: 100px;
        overflow: hidden;
        position: relative;
        z-index: 7;
    }
    .slide-da.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer {
        overflow: visible !important;
    }
    .slide-da .owl-dots {
        margin-right: -85%;
    }
    .slide_daa .lv_sp_next, .slide_daa .lv_sp_back{
        bottom: 5px;
    }
    .tieude_gt h2 {
        font-size: 20px;
    }
    .tieude_gt, .img_gtp1 {
        width: 100%;
    }
    .gioi_thieu_ct{
        height: auto;
    }
    .hinhkem {
        width: 67%;
        bottom: 35%;
        right: 0;
    }
    .right_textp1 {
        padding-top: 80%;
        width: 100%;
    }
    .gach_gt.lech {
        margin-left: auto;
    }
    .left_p2 {
        position: relative;
        width: 100%;
    }
    .img_p2 {
        margin-bottom: 3%;
        width: 100%;
        margin-top: 3%;
    }
    .p3_gt, .p4_gt {
        margin-top: 7%;
    }
    .sl_sp .lv_sp_back, .sl_sp .lv_sp_next {
        width: 15px;
        display: none;
    }
    .sl_da .lv_sp_next, .sl_da .lv_sp_back{
        display: none;
    }
    .chutrai, .chuphai {
        width: 100%;
        text-align: justify;
    }
    .img_gtp4 {
        width: 100%;
        padding-right: 0;
    }
    .text_ptgt {
        width: 100%;
        text-align: justify;
    }
    .bottom_gt {
        width: 100%;
        margin-bottom: 13%;
        margin-left: 5%;
    }
    .tieude_bl h1 {
        font-size: 30px;
    }
    .tieude_bl {
        width: 100%;
    }
    .con_bl {
        margin-top: 7%;
        width: 61%;
    }
    .con_bl ul li a:after {
        left: -5px;
    }
    .con_bl ul li a {
        font-size: 13px;
    }
    .box_flower_view {
        height: 32em;
        width: 100%;
        padding-right: 0;
    }
    .tt1 {
        width: 100%;
        margin-bottom: 5%;
    }
    .tt2 {
        margin-bottom: 5%;
        width: 100%;
    }
    .tt3 {
        margin-top: 8%;
        width: 100%;
    }
    button.book_hang {
        padding: 5% 4% 5% 4%;
        margin-top: -3%;
        width: 50%;
    }
    input.qty {
        width: 27%;
    }
    .tt4 p {
        display: inline-block;
        font-size: 16px;
        margin-top: 4%;
    }
    .tt4 {
        margin-top: 5%;
        padding-left: 0;
        width: 100%;
    }
    a.duoisp {
        display: inline-block !important;
        padding-left: 2%;
        font-size: 14px;
    }
    .xemgh {
        margin-top: -2%;
    }
    .saleof {
        display: inline-flex;
        padding-top: 5%;
    }
    p.sale {
        padding-left: 5%;
        margin-top: 0%;
    }
    .mota, .thongso {
        width: 100%;
        padding-right: 0;
    }
    .title_spk h3 {
        margin-bottom: 7%;
    }
    .tieude_news {
        position: relative;
        width: 100%;
    }
    .tieude_news h1 {
        font-size: 30px;
    }
    .tieude_news p {
        text-align: justify;
        font-size: 16px;
    }
    .boxtintuc {
        margin-top: 5%;
        width: 100% !important;
        margin-bottom: 5%;
    }
    .box_duoitin{
        position: relative;
    }
    .page-navigation1 {
        margin-bottom: 8%;
        margin-top: 0%;
    }
    .khoang_cach {
        margin-top: 11%;
    }
    .noidung_news{
        margin-top: -7%;
        margin-left: 0;
    }
    .text_bn {
        top: 15%;
    }
    h3.title_news.canten {
        margin-top: 3%;
        font-size: 20px;
    }
    .text_bn a {
        font-size: 12px;
    }
    .text_bn p {
        font-size: 14px;
    }
    .tintuckhac {
        padding-right: 0;
        width: 100%;
    }
    .der_tintuck {
        margin-bottom: 7%;
        margin-top: 5%;
    }
    .tintuckhac.p2, .tintuckhac.p3{
        padding: 0;
    }
    .boxtintucbl {
        margin-bottom: 10%;
        width: 100% !important;
    }
    .boxtintucbl.c1 .img_hieuungbl {
        width: 100%;
    }
    .boxtintucbl.c1 .cuc {
        padding: 0% 3% 10% 8%;
        width: 100%;
        height: auto;
    }
    .con_bl ul li a:after {
        left: -9px;
        bottom: 3px;
    }
    h3.title_news.cantenct {
        width: 100%;
        font-size: 20px;
    }
    .tren_ct p {
        width: 100%;
    }
    .tintuckhacct.t1 h5 a {
        padding-left: 10% !important;
        width: 100%;
    }
    .tintuckhacct.t1 h5 a:before {
        bottom: 5px;
    }
    .tintuckhacct.t2 h5 a {
        width: 100%;
        margin-top: 5%;
        text-align: left;
    }
    .tintuckhacct.t2 h5 a:before {
        bottom: 8px;
    }
    .qlai a {
        font-size: 12px;
    }
    h3.title_news.cantencate {
        font-size: 20px;
        width: 100%;
    }
    .slide_cata .lv_sp_next {
        left: 21%;
    }
    .slide_cata {
        margin-bottom: 15%;
    }
    .maps_fb iframe {
        height: 150px;
    }
    .left_lh h1 {
        width: 100%;
        font-size: 24px;
    }
    .lienhe_ct {
        width: 100%;
    }
    .tieude_bl.ghh {
        width: 100%;
    }
    div#order-form {
        width: 100%;
        float: left;
    }
    .right_tt {
        margin-top: 5%;
        padding-left: 0;
        width: 100%;
    }
    .ctm a {
        font-size: 12px;
    }
    input#_send_order {
        font-size: 12px;
    }
    #wrapper {

        overflow: inherit;
    }
    #thucdu {
        width: 555px !important;
    }
    .con_bl.sp_at ul li a:after{
        left: -12px;

    }
    .con_bl.sp_at ul li {
        display: contents;
        margin-left: 12%;
    }
    .content_phai {
        overflow: hidden;
    }
    .benphai.mba{
        width: 55%;
    }
    .text_p4 p {
        font-size: 13px;
    }
    .sl_da img {
        height: 200px;
        object-fit: cover;
    }
    .imgnewsp img {
        height: 200px;
        object-fit: cover;
    }
    .text_bncate a img {
        width: 4%;
    }
    .text_bncate{
        margin-top: 0;
    }
    .price_ok_sp p {
        color: white;
        font-size: 20px;
    }
    .price_na_sp {
        margin-left: 5%;
    }
    .tt4 a {
        display: block;
    }
    .lefpsp, .rightsp {
        width: 100%;
    }
    ul.submenuItems {
        display: none;
    }
    .menumbi {
        text-align: center;
        margin-bottom: 5%;
    }
    .menuleftsp {
        padding-top: 5%;
        text-align: left;
        width: 100%;
        margin-left: 8%;
    }
    .slideInLeft, .bounceInLeft, .bounceInUp, .slideInUp {
        -webkit-animation-name: none !important;
        animation-name: none !important;
    }
    .slideInRight,.slideInDown {
        -webkit-animation-name: none !important;
        animation-name: none !important;
    }
    .xemgh a {
        font-size: 13px;
    }
    .xemgh p {
        font-size: 13px;
    }
    .nd_da .page4 {
        margin-top: 0;
    }
    .textft_logo {
        width: 100%;
    }
    a.lg {
        width: 26%;
    }
    }@media all and (width: 414px) {
    .hinhkem {
        bottom: 31%;
    }
    .box_flower_view {
        height: 35em;
    }
    .an {
        width: 12%;
    }
    .header {
        height: 70px;
    }
    .page1 {
        height: 45em;
    }
    .hinhsl {
        right: 9px;
    }
}
@media (min-width: 1400px) {
    .logo.menutrai {
        width: 6%;
        margin-top: 1%;
    }
    .text_sl {
        left: 22%;
    }
    .page1, .page3, .p4, .box-info.box-wp.fter.khung_fix2, .copyright.khung_fix2{
        margin-left: 22%;
    }
    /*.page2{*/
    /*    margin-left: 8%;*/
    /*}*/

    .noidung_news {
        margin-left: -4%;
    }
    .text_bn {
        left: 18%;
    }
    .slide-cate.owl-carousel.owl-theme.owl-loaded.owl-drag {
        width: 110% !important;
    }
    /*.header {*/
    /*    padding-left: 19%;*/
    /*}*/
    .slide-da .owl-stage {
        margin-left: -22%;
    }
    .slide_daa .lv_sp_back {
        left: 16%;
    }
    .slide_daa .lv_sp_next {
        left: 18.5%;
    }




}
@media (width: 1920px) {
    .logo.menutrai {
        width: 5%;
    }
    .img {
        margin-top: 40%;
    }
    .text_sl {
        left: 26%;
    }
    .page1, .page3, .p4, .box-info.box-wp.fter.khung_fix2, .copyright.khung_fix2{
        margin-left: 25%;
    }
    /*.page2 {*/
    /*    margin-left: 13%;*/
    /*}*/

    .noidung_news {
        margin-left: -9%;
    }
    .text_bn {
        top: 45%;
        left: 23%;
    }
    .slide-cate.owl-carousel.owl-theme.owl-loaded.owl-drag {
        width: 122% !important;
    }
    .text_menuc {
        width: 100%;
        margin-left: -16%;
    }

    .slide-da .owl-stage{
        margin-left: -17%;
    }
    .slide_daa .lv_sp_back {
        left: 21%;
    }
    .slide_daa .lv_sp_next {
        left: 23.5%;
    }
    /*body{*/
    /*    background-size: cover;*/
    /*}*/

}