@media (max-width:1366px) {
}

@media (max-width:1280px) {
}

@media (max-width:1024px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html, body {
        width: 100%;
        min-width: 100%;
    }

    .wrapper {
        width: 98%;
    }

    .icon_flower ul.items li {
        width: 16.6%;
    }

        .icon_flower ul.items li img {
            max-width: 100%;
            height: auto;
        }

    #content .lf {
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
    }

    #content .promotion,
    #content .express {
        padding: 10px;
        width: 100%;
    }

    #content .data_items .item {
        width: 20%;
    }

    #content .promotion .item,
    #content .express .item {
        width: 20%;
        padding: 0px 10px 0px 0px;
    }

    #content .promotion .i,
    #content .promotion .t,
    #content .data_items .i,
    #content .data_items .t,
    #content .express .i,
    #content .express .t {
        width: 100%;
    }

        #content .promotion .i img,
        #content .data_items .i img,
        #content .express .i img {
            max-width: 100%;
            height: auto;
        }

    #banner_ads .lf {
        width: 50%;
    }

    #content .rt {
        width: 50%;
    }

    #banner_ads .lf .i {
        margin-right: 0px;
        padding-right: 10px;
    }

    #banner_ads .lf .d {
        margin-left: 0px;
        width: calc(100% - 240px);
        padding-top: 0px;
    }

    #banner_ads .lf h2 {
        padding: 8.5px 0px 0px 0px;
    }

    #banner_ads .lf h5 {
        font-size: 24px;
    }

    #banner_ads .rt .b {
        padding-top: 13px;
    }

    #content .rt .t,
    #content .rt .b {
        width: 100%;
    }

    .com_ddl {
        width: 30%;
    }

        .com_ddl strong {
            margin-right: 0px;
            width: 30%;
        }

        .com_ddl .dropdown_content {
            width: 70%;
        }

    .item_t, .item_m, .t_item, .b_item,
    .multi, .single, .button {
        width: 100%;
    }

    .b_item {
        padding: 0px 10px;
    }

    .multi input[type="radio"] {
        margin-right: 2%;
    }

    .multi label {
        width: 93%;
    }

    .multi table tbody,
    .multi table tr {
        width: 100%;
        float: left;
    }

    .multi table td {
        width: 100%;
        float: left;
        padding-bottom: 10px;
    }

    .multi label .sn {
        width: 60%;
    }

    .multi label .pr {
        width: 40%;
    }

    .l_item {
        width: 35%;
        margin-right: 2%;
    }

    .r_item {
        width: 63%;
    }

    .t_item img {
        max-width: 100%;
        height: auto;
    }

    .r_item .desc, .r_item .social, .r_item .benefit {
        width: 100%;
    }

    .r_item .sub_desc,
    .r_item .d_promotion {
        width: 100%;
    }

    ul.tabs, .t_content {
        width: 100%;
    }

        .t_content img {
            max-width: 100%;
            height: auto;
        }

    .check_box #content .promotion,
    .check_box #content .express {
        padding: 10px 0px 10px 10px;
    }

    .check_box {
        width: 100%;
    }

    .w600 {
        width: 58% !important;
    }

    .w420 {
        width: 42% !important;
    }

    .cart_detail .cart_ig {
        width: 30%;
    }

    .cart_detail .cart_in {
        width: 70%;
    }

    .cms_thumb {
        width: 100%;
    }

        .cms_thumb .item {
            width: 25%;
            padding: 0px 15px 15px 0px
        }

            .cms_thumb .item .i,
            .albums {
                width: 100%;
            }

                .cms_thumb .item .i img {
                    max-width: 100%;
                    height: auto;
                }

            .cms_thumb .item h4 {
                max-height: 48px;
                min-height: 48px;
            }

    .cms_topic, .contact_ct {
        width: 100%;
    }

    .contact_l {
        width: 40%;
    }

    .contact_r {
        width: 58%;
        margin-left: 2%;
    }

        .contact_r iframe {
            width: 100%;
        }

    .paging {
        width: 100%;
    }

    .form_ctrl div.desc {
        width: 100%;
    }

    .form_ctrl .col_1_2 {
        width: 49%;
    }

    .m_r12 {
        margin-right: 2%;
    }

    .frm_content {
        width: 100%;
    }

        .frm_content div label {
            width: 30%;
        }

        .frm_content div input[type="text"], .frm_content div input[type="password"], .frm_content div textarea, .frm_content div select, .s_adv div select {
            width: 70%;
        }

    .acc_ctrl {
        width: 30%;
    }

        .acc_ctrl .list_ctrl,
        .acc_ctrl .list_ctrl ul,
        .acc_ctrl .list_ctrl ul li {
            width: 100%;
        }

    .col_1_1 {
        width: 68%;
    }

    .cms_news {
        width: 100%;
    }

        .cms_news .item,
        .cms_news .item .item_info .desc {
            width: 100%;
        }

            .cms_news .item .item_img {
                width: 23%;
                margin-right: 2%;
            }

                .cms_news .item .item_img img {
                    width: 100% !important;
                    height: auto !important;
                }

            .cms_news .item .item_info {
                width: 75%;
            }

    .albums .item {
        width: 20%;
        margin: 10px 0px 10px -1px;
    }

        .albums .item img {
            max-width: 100%;
        }

    .s_adv {
        width: 100%;
    }

        .s_adv .col_1_2 {
            width: 48%;
            margin: 0px 1%;
        }

        .s_adv .m_r12 {
            margin-right: 0px;
        }

        .s_adv .col_1_2 div label {
            width: 30%;
        }
    .left-content {
        width: 100%;
        padding-right: 0px;
    }
    .right-content {
        display: none;
    }
    .flexslider-sub .slides img {
        width: 100%;
    }
}

@media (max-width:920px) {
    .nav_mobile {
        display: block;
    }

    ul.top_lf li {
        display: none;
    }

    ul.top_rt {
        float: left;
        margin-left: 10px;
    }

    .sb-search input[type="text"] {
        width: 235px;
    }

    .top_header {
        display: none;
    }

    #top_menu {
        display: none;
    }

    #header .search {
        margin-top: 15px;
    }

    #content .data_items .item {
        width: 25%;
    }

    #footer .col_1_of_4 {
        width: 50%;
        padding-right: 10px;
        padding-bottom: 10px;
    }

        #footer .col_1_of_4:nth-child(3) {
            clear: left;
        }

    .com_ddl {
        width: 40%;
    }

    .ddlist {
        left: 0px;
        right: auto;
    }

    .check_box #content .promotion,
    .check_box #content .express {
        display: none;
    }

    .check_box .rt {
        width: 100% !important;
        float: left;
    }

    .cart_detail .cart_ig {
        width: 15%;
    }

    .check_box .lf {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0px;
    }

    .p-info ul.b-bank li {
        width: 50%;
    }

    .inew {
        right: -6px;
        z-index: 10;
    }

    .services {
        width: 50%;
    }

        .services a {
            padding: 15px 5px 15px 15px;
        }

            .services a:before,
            .services a:after {
                display: none;
            }

    .w-920 {
        display: flex;
    }

    .left-menu {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 100000;
        top: 0;
        right: 0;
        background-color: #FFF;
        overflow-x: hidden;
        transition: 0.5s;
        padding: 0px;
        margin: 0px !important;
    }

    #content .page-cat {
        width: 100%;
    }

    .ctrl-filter {
        padding: 0px 10px;
    }

    .df-menu {
        width: 100%;
        margin-top: 5px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        float: left;
    }

        .df-menu::-webkit-scrollbar {
            display: none;
        }

    #content {
        margin-top: 10px;
    }
    .area_order .add-cart,
    .area_order .buy-now {
        width: 49%;
    }

    .area_order .buy-now {
        margin-left: 1%;
    }

    .on-phone .call-now {
        width: 100%;
    }
    .cart-items{
        width: 65%;
    }
    .total{
        width: 35%;
    }
    .close-filter{
        display: block;
    }
    .image-sub{
        width:400px;
    }
    #real-image .popup-content {
        left: 65%;
    }
}

@media (max-width:800px) {
    #header .wrapper:before {
        clear: both;
    }

    #header .wrapper {
        position: relative;
        padding-bottom: 88px;
        display: flex;
    }

    #header .search {
        position: absolute;
        width: 100%;
        margin-top: 0px;
        padding-right: 0px;
        bottom: 0px;
        left: 0px;
    }

    #header .cart,
    #header .my-account {
        position: absolute;
        right: 0px;
    }

    #header .cart {
        right: 100px;
    }

    .fixed .wrapper {
        padding-bottom: 0px !important;
    }

    .fixed .search {
        display: none;
    }

    .icon_flower ul.items li {
        width: 33.3%;
    }

    .banner {
        display: none !important;
    }

    #banner .filter {
        position: relative;
        width: 100%;
        left: 0px;
        top: 0px;
    }

        #banner .filter .f select {
            width: 230px;
        }

    .p-info ul.ul-cash li {
        width: 100%;
    }

        .p-info ul.ul-cash li label {
            width: 95%;
        }

    #content .data_items .item {
        width: 25%;
    }

    .top-title {
        width: 100%;
    }

    .data-top-link {
        width: 100%;
        margin-top: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        float: left;
    }

        .data-top-link::-webkit-scrollbar {
            display: none;
        }

        .data-top-link a:first-child {
            margin-left: 0px;
        }

    #banner_ads .lf,
    #content .rt {
        width: 100%;
    }

    #banner_ads .lf {
        padding-bottom: 10px;
    }

        #banner_ads .lf h5 {
            padding: 4px;
        }

    .cms_thumb .item {
        padding-right: 0px;
        margin-left: -1px;
    }

    .multi label {
        width: 90%;
    }

    #content .page-cat .data_items .item {
        width: 25%;
    }
    .cart-items{
        width: 60%;
    }
    .total{
        width: 40%;
    }
    .frm-data,
    .sc-right {
        width: 100%;
    }
    .sc-right{
        padding-left: 0px;
    }
    .image-sub {
        width: 350px;
    }

    #real-image .popup-content {
        left: 65%;
    }
}

@media (max-width:768px) {
    .cms_news .item .item_img {
        width: 28%;
    }

    .cms_news .item .item_info {
        width: 70%;
    }

    .form_ctrl .col_1_2 {
        width: 100%;
        clear: both;
    }

    .m_r12 {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .acc_ctrl {
        margin-right: 2%;
    }

    .popup-content {
        width: 80%;
        max-height: 90%;
        margin-left: -40%;
        top: 10px;
        overflow: scroll;
    }

    .s_adv .col_1_2 {
        width: 100%;
        margin: 0px;
        padding: 0px 10px;
    }
}

@media (max-width:667px) {
    .l_item,
    .r_item {
        width: 100%;
        float: left;
        clear: both;
    }

    .r_item {
        margin-top: 10px;
    }

    ul.tabs li {
        padding: 8px 10px;
    }

    .contact_l,
    .contact_r {
        width: 100%;
        float: left;
        clear: both;
    }

    .contact_r {
        margin-left: 0px;
        margin-top: 10px;
    }

    #content .data_items .vn {
        font-size: 13px;
    }

    .albums .item {
        width: 25%;
    }

    #content .data_items .item {
        width: 50%;
    }

    #content .page-cat .data_items .item {
        width: 50%;
    }

    .flexslider .slides img{
        margin:auto;
    }
    .flex-control-thumbs img{
        margin: auto;
    }
    .panel img{
        width:100%;
        height:auto;
    }
    .r_item{
        padding-left: 0px;
    }
    .panel{
        border-top: none;
    }
    .cart-items {
        width: 100%;
        padding-right: 0px;
    }

    .total {
        width: 100%;
    }
}

@media (max-width:640px) {
    #content .data_items .item {
        width: 50%;
    }

    .com_ddl {
        width: 50%;
    }

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

    .col_1_1 {
        width: 100%;
    }

    .p-info ul.b-bank li {
        height: 202px;
        overflow: hidden;
    }

    .cms_thumb .item {
        width: 50%;
    }

    #content .data_items .vn {
        font-size: 14px;
    }
}

@media (max-width:600px) {
    ul.tabs {
        border: none;
    }

        ul.tabs li {
            width: 100%;
            clear: both;
            margin-right: 0px;
        }

    .p-info ul.b-bank li {
        height: 220px;
    }

    #banner .filter .f select {
        width: 200px;
    }
}

@media (max-width:568px) {
    #footer .col_1_of_4 {
        width: 100%;
        padding: 0px;
    }

    #footer h3 {
        margin-top: 10px;
    }

    .com_ddl {
        width: 100%;
        float: left;
        clear: both;
        margin-top: 10px;
    }

        .com_ddl strong {
            text-align: right;
        }

    #footer .ft-topic {
        display: none;
    }

    .services {
        width: 100%;
    }
}

@media (max-width:480px) {
    .cms_topic iframe,
    .cms_topic img {
        width: 100%;
        height: auto;
        margin: 0px !important;
    }

    ul.step li {
        width: 100%;
    }

        ul.step li.step_current a,
        ul.step li.step_done a,
        ul.step li.step_todo a {
            padding-left: 13px;
        }

            ul.step li.step_current span:after, ul.step li.step_current a:after,
            ul.step li.step_done.step_done_last a:after {
                display: none;
            }

    ul.step li {
        border: none;
    }

    .p-info ul.b-bank li {
        height: auto;
        width: 100%;
    }

    #banner .filter .f select {
        width: 160px;
    }

    #header .logo {
        padding-right: 0px;
    }

        #header .logo img {
            width: auto;
        }

    .flex-control-thumbs img{
        width: 80% !important;
    }
    .frm-data div label:before{
        clear: both;
    }
    .frm-data div label {
        width: 100%;
    }
    .frm-data input[type=checkbox] ~ label {
        width: auto;
    }
        .frm-data input[type=text], .frm-data select, .frm-data textarea {
            width: 100%;
        }
    .invalid-feedback{
        margin-left: 0px;
    }
    .frm-data div.cbb-2{
        width: 100%;
        padding-right: 0px;
        padding-top: 10px;
    }
    .item-img,
    .item-info,
    .item-desc {
        width: 100%;
    }
    .item-img img{
        width:100%;
    }
    .item-info{
        float:left;
    }

    #real-image .popup-content {
        left: 50%;
    }
}

@media (max-width:425px) {
    #header .logo {
        width: 235px;
        padding-right: 0px;
    }

        #header .logo img {
            width: 100%;
        }

    #banner_ads {
        display: none;
    }

    #banner .filter .f select {
        width: 140px;
    }

    .icon_flower ul.items li {
        width: 50%;
    }

    .frm_content div label {
        width: 100%;
    }

    .frm_content div input[type="text"], .frm_content div input[type="password"], .frm_content div textarea, .frm_content div select, .s_adv div select {
        width: 100%;
        margin-top: 5px;
    }

    .cart_detail .cart_ig {
        width: 30%;
    }

    .frm div label {
        width: 100%;
    }

        .frm div label[for*="cck"] {
            width: auto;
            padding-right: 10px;
        }

    .frm div input[type="text"], .frm div input[type="password"], .frm div textarea, .frm div select {
        width: 100%;
        margin-top: 5px;
    }
    .voucher input {
        margin-top: 0px !important;
    }

    .s_adv .col_1_2 div label {
        width: 100%;
    }
    .location label{
        display:none;
    }
}

@media (max-width:384px) {
    #header .wrapper {
        padding-bottom: 115px;
    }

    #header .logo {
        width: 205px;
        padding-right: 0px;
    }

    #banner .filter .f select {
        width: 155px;
    }

    .wrapper {
        width: 98%;
    }

    .morelist a {
        width: 100%;
    }

    a.view_cart {
        text-indent: -9999px;
        height: 32px;
        width: 30px;
        overflow: hidden;
        padding: 0px !important;
        background-position: center 9px !important;
    }
    .frm-data div.cbb-4:nth-child(1),
    .frm-data div.cbb-4:nth-child(2) {
        width: 30%;
    }

    .frm-data div.cbb-4:nth-child(3),
    .frm-data div.cbb-4:nth-child(4) {
        width: 20%;
    }
    .image-sub {
        width: 300px;
    }
}

@media (max-width:375px) {
    #content .promotion,
    #content .express {
        padding: 5px 0px 5px 5px;
    }

    #header .cart {
        right: 75px;
    }
}

@media (max-width:360px) {
    #content .data_items .vn {
        font-size: 13px;
    }
}

@media (max-width:320px) {
    .paging ul li {
        line-height: 30px;
    }

        .paging ul li a, .paging ul li.current {
            width: 30px;
            height: 30px;
        }

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

    .morelist h5 {
        font-size: 13px;
    }

    #header .logo {
        width: 185px;
    }

    #header .cart {
        right: 60px;
    }

    .oprice {
        display: none;
    }
    .area_order .add-cart, .area_order .buy-now{
        width: 48%;
    }

    .frm-data div.cbb-4{
        width: 50% !important;
    }
        .frm-data div.cbb-4:nth-child(3),
        .frm-data div.cbb-4:nth-child(4) {
            margin-top: 5px;
        }

    .image-sub {
        width: 280px;
    }
}

@media (max-width:319px) {
    .nav_mobile {
        display: block;
        width: 100%;
    }

    #header .logo {
        width: 100%;
    }

    #header .cart, #header .my-account {
        position: relative;
        right: auto;
    }
    #header .wrapper{
        display: block;
    }
    .fixed .logo{
        display: none;
    }
    #banner .filter .f select{
        width:240px;
    }
    #content .data_items .item{
        width:100%;
    }

    .image-sub {
        width: 200px;
    }
}