@media screen and (max-width: 1199px) {
    body {
        font-size: 15px;
    }
    .header-ctn{
        position: fixed;
        width: 100%;
        z-index: 999;
        left: 0;
        display: table;
        padding: 5px 15px;
        background: #fff;
        box-shadow: 1px 1px 8px #ececec;
        -webkit-box-shadow: 1px 1px 8px #ececec;
        -moz-box-shadow: 1px 1px 8px #ececec;
    }
    .header-left,.header-middle,.header-right{
        display: inline-block;
    }
    .header-left{
        width: 30%;
    }
    .header-middle{
        width: 40%;
        text-align: center;
    }
    .header-right{
        width: 30%;
        text-align: right;
    }
    .header-middle img{
        max-height: 60px;
    }

.index-cart{float:right;text-align:center;position:relative;padding-right:30px;padding-left:30px;margin-top:-10px}
.index-cart .icon-cart{font-size:16px;color:#fff;line-height:43px;padding-left:0px;padding-top:0px}
.index-cart .count_item_pr{right:-10px;margin-top:-10px}
.language{float:right;right:-20px;margin-top:35px;position:fixed;z-index:999;}
.arrow_box {
    top:70px;
    position: absolute !important;
    background: #fff;
    border: 0px solid #d7d7d7;
    width: 300px;
    margin:0;
    padding:0;
    line-height:50px;
    padding:10px 10px 5px 10px;
    z-index: 1000 !important;
    right:0;
    margin: 0 !important;
    box-shadow: 2px 3px 5px #e5e5e5;
    -webkit-box-shadow: 2px 3px 5px #e5e5e5;
    -moz-box-shadow: 2px 3px 5px #e5e5e5;
    transition: all 0.4s ease 0s;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 65%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px;
}
.txt-search{float:left;width:240px;border:none;margin-top:0px;padding-left:10px;}
.txt-search .txt{width:100%;height:30px;line-height:30px;margin:0;padding:0;color:#999;border:none;background:#fff;}
.button-search{float:left;width:35px;margin-top:5px}
.btn-search{
    background:#fff url('/images/icon/icon_search1.png');
    background-repeat:no-repeat;
    height:25px;
    width:100%;
    border:none;
}
    .box-search-m{display:block;clear:both;position:relative;z-index:9999;padding-top:10px}
    .search-blue{background:#fff;height:32px;padding:0px;border:1px solid #008641 !important;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
    .txt-search-blue{border:none;padding:1px;}
    .txt-search-blue .txt{width:100%;height:29px;line-height:29px;padding-left:10px;color:#999;border:none;border-collapse:separate;outline:none;background:#fff !important;}
    .btn-search-mobile{
        background:#008641 url('/Images/btn-search-mobile.png');
        background-repeat:no-repeat;
        height:32px;
        font-weight:bold;
        border-top-right-radius: 5px;border-bottom-right-radius: 5px;
        width:100%;
        border:none;
    }
    #main{
        padding-top:115px;
    }
    header .btn-toggle {
        position: relative;
        z-index: 9999;
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 20px;
    }
    header .btn-toggle span {
        position: absolute;
        z-index: 98;
        top: 50%;
        left: 0;
        display: inline-block;
        clip: auto;
        width: 100%;
        height: 2px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        transition-delay: .1s;
        text-align: left;
        text-indent: -3000em;
        opacity: 1;
        background-color: #008641;
        filter: alpha(opacity=1);
        -webkit-border-radius: 98px;
        -moz-border-radius: 98px;
        -ms-border-radius: 98px;
        -o-border-radius: 98px;
        border-radius: 98px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    header .btn-toggle:before,
    header .btn-toggle:after {
        position: absolute;
        z-index: 98;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        background-color: #008641;
        -webkit-border-radius: 98px;
        -moz-border-radius: 98px;
        -ms-border-radius: 98px;
        -o-border-radius: 98px;
        border-radius: 98px;
    }
    header .btn-toggle:before {
        top: 0;
    }
    header .btn-toggle:after {
        bottom: 0;
    }
    .ico-search {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
        background-image: url(../images/icon_search_m.png);
        vertical-align: middle;
    }
    .nav-is-active .nav-mobile {
        left: 0;
    }
    .nav-mobile {
        position: fixed;
        left: -100%;
        width: 100%;
        height: calc(100vh);
        z-index: 99998;
        top: 0;
        background: #fff;
        overflow: auto;
        -webkit-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s;
        max-width: 80%;
    }

    .nav-dropdow {
        max-height:0;
        overflow: hidden;
        -webkit-transition: max-height .5s;
        -o-transition: max-height .5s;
        transition: max-height .5s;
    }
    .nav-dropdow .SubTitleEvent{
    font-weight:bold;
    color:#000;
    font-size:10pt;
    padding-bottom:5px;padding-top:5px;
}
    .mainmenu .cruise img{
    width:100%;height:auto;
}
    span.icon{

    }
    .logo-nav{
        padding: 5px 5px 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
        position: relative;
        background:#eee;
    }
    .logo-nav img{
        max-height: 55px;

    }
    .btn-close {
        position: absolute;
        z-index: 9999;
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        top: 17px;
    }
    .btn-close:before,
    .btn-close:after {
        position: absolute;
        z-index: 98;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        background-color: #fff;
    }
    .btn-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
        bottom: 50%;
    }
    .btn-close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        bottom: 50%;
    }
    .nav-mobile ul{
        padding-left: 15px;
    }
    .nav-mobile ul li{
        margin-bottom: 10px;
        position: relative;
        list-style:none !important;
    }
    .nav-mobile ul li a{
        color: #000;
        text-transform:uppercase;
    }
    .nav-mobile ul li a:hover{
        color: #0177d7;
        text-decoration: none;
    }
    .nav-dropdow-wrap{
        margin-top: 10px;
    }
    .nav-dropdow-wrap li{
        margin-bottom: 5px;
    }
    .nav-mobile span.icons{
        position: absolute;
        right: 15px;
    }
    span.icons {
        position: absolute;
        z-index: 9999;
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 20px;
        right: 15px;
        top: 0;
        cursor: pointer;
    }
    span.icons:before,
    span.icons:after {
        position: absolute;
        z-index: 98;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        background-color: #000;
    }
    span.icons:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 50%;
        bottom: 50%;
    }
    span.icons:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 50%;
        bottom: 50%;
    }
    .is-opened span.icons:before{
        opacity: 0;
    }
    .social-mobile-nav{
        padding: 15px;
        text-align: center;
        border-top: 1px solid #ccc;
        margin-top: 30px;
    }
    .address-mobile-nav{
        background-color:#025fac;
        padding: 20px;
        font-size:12px;
    }
    .hotline-mobile-nav{
        background-color:red;
        width: 100%;
        font-size: 20px;
        text-transform: uppercase;
        line-height: 1em;
        padding: 10px 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 30px;
    }
    .block-address-nav{
        margin-bottom:0px;
        font-size:14px;
    }
    .block-address-nav h2{
        margin: 0;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }
    .block-address-nav p{
        color: #fff;
        margin: 0;
    }
    .copyright-nav{
        background: #fff;
        padding: 20px 15px;
    }
    .copyright-nav p{
        font-size: 14px;
        color: #666;
        margin: 0;
        text-align: center;
    }
    .filter-tour{
        padding-left: 15px; 
        padding-right: 15px;
    }
    .content-detail-schedule-tour{
        margin-bottom: 30px;
    }
    .thumbnail-gallery img{
        width: 100%;
    }
    .header-right .input-search-field{
        height: 55px;
        display: none;
    }
    .ico-search{
        cursor: pointer;
    }

.news-lastest img{width:100%;height:auto}
.news-lastest2 img{width:100%;height:auto}
.box-feature-new img{
    width: 100%;
    height:150px;
}
.block-footer{display:block;padding-top:30px}
.imgloading{width:100% !important;height:auto !important}
}
@media screen and (max-width: 767px) {
    table {
        width: 100%;
    }

    .img-product {
        width: auto;
        height: auto;
        max-width: 230px;
        max-height: 230px;
    }

    .product-price {
        font-size: 14px;
    }

    .product-price-old {
        font-size: 10px;
    }

    .mxh-box {
        float: left;
        padding-left: 15px;
    }

    .hotline-call {
        display: block;
    }

    .list-show .slick-prev, .list-show .slick-next {
        display: block;
        position: absolute;
        z-index: 100;
        width: 22px;
        height: 43px;
        top: 18% !important;
        text-indent: -9999px;
        border: none;
        outline: none;
    }

    .banner-product h1 {
        font-size: 24px !important;
        padding-top: 70px;
    }

    .banner-product .description {
        font-size: 15px !important;
        padding-top: 20px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 70px;
    }

    .list-show .slick-prev {
        left: 15px;
    }

    .list-show .slick-next {
        right: 15px;
    }

    .silde-promotion .slick-prev, .silde-promotion .slick-next {
        display: block;
        position: absolute;
        z-index: 100;
        width: 22px;
        height: 43px;
        top: 35% !important;
        text-indent: -9999px;
        border: none;
        outline: none;
    }

    .silde-promotion .slick-prev {
        left: 15px;
        background: url('../slider-slideshow/images/owl_left.png');
    }

    .silde-promotion .slick-next {
        right: 15px;
        background: url('../slider-slideshow/images/owl_right.png');
    }

    .no-padding-xs {
        padding: 0;
    }

    .no-padding-left-xs {
        padding-left: 0;
    }

    .no-padding-right-xs {
        padding-right: 0;
    }

    h1.trikethrough {
        font-size: 20px;
    }

        h1.trikethrough::after {
            top: 25%;
        }

    .wraper-title h3 {
        font-size: 16px;
    }

    .wraper-title h1 {
        font-size: 24px;
    }

    .wraper-title h2 {
        font-size: 20px;
    }

    .title-trikethrough::before, .title-trikethrough::after {
        bottom: 11px;
    }

    h1, .h1 {
        font-size: 24px;
    }

    .list-destination span {
        margin: 0 5px;
    }

    .thumbnail-video img {
        width: 100%;
    }

    .home-gallery .slick-prev, .home-gallery .slick-next {
        top: 100%;
        margin-top: 5px;
    }

    .home-gallery .slick-prev {
        left: 40%;
    }

    .home-gallery .slick-next {
        right: 40%;
    }

    .footer-logo {
        width: 50%;
        margin-right: 0;
    }
    .wrapper-main-content{
        padding-top: 0px;
    }
    .wrapper-main-content h1 {
        font-size: 24px;
    }

    .wrapper-main-content h2 {
        font-size: 20px;
    }

    .wrapper-main-content h3 {
        font-size: 18px;
    }

    .wrapper-main-content h4 {
        font-size: 16px;
    }

    .box-news-lastest {
        margin: 0 auto;
        max-width: 100%;
        padding: 15px 0;
    }

    .box-feature-new {
        margin-bottom: 15px;
    }

    .box-news-lastest p {
        font-size: 14px;
    }

    .box-list-news h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .box-list-news p {
        font-size: 14px;
    }

    p.date-publish-news {
        font-size: 12px;
    }

    .content-news-detail p {
        font-size: 14px;
    }

    .content-news-detail h3 {
        font-size: 18px;
    }

    .full-video-media .title-gallery {
        font-size: 14px;
    }

    .title-tab-media li {
        margin-right: 11px;
    }

        .title-tab-media li:last-child {
            margin-right: 0;
        }

        .title-tab-media li a {
            font-size: 14px;
        }

    .detail-founder p {
        font-size: 14px;
    }

    .slide-founder .slick-dots {
        display: block !important;
    }

    .slide-founder .slick-arrow {
        display: none !important;
    }

    .detail-founder {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .content-page-about p {
        font-size: 16px;
    }

    .gallery-home h2 {
        font-size: 18px;
    }

    .fulll-video iframe {
        height: 300px;
    }

    .social-footer a img {
        max-width: 20px;
    }

    .social-footer {
        float: left;
        width: 50%;
        margin-right: 0;
        text-align: right;
    }

        .social-footer .chungnhan {
            float: right;
            display: block;
            width: 100%;
        }

            .social-footer .chungnhan img {
                max-width: 120px;
                margin-bottom: 10px;
            }

    .block-footer-address {
        margin-bottom: 15px;
    }

    .box-address-contact {
        margin-top: 20px;
    }

    .page-contact h1.cBlack {
        margin-bottom: 25px;
    }

    .block-footer-address {
        width: 100%;
        padding-right: 0;
    }

        .block-footer-address h4, .block-footer-address p {
            display: inline;
        }

        .block-footer-address h4 {
            margin-right: 3px;
        }

    .btn-view-more {
        display: none;
    }

    .row-box-founder img {
        width: 100%;
    }

    .box-press-releases {
        border: none;
        margin-bottom: 0;
    }

        .box-press-releases h3 {
            margin-top: 15px;
        }

    .bg-why {
        background: none;
        margin-top: 0;
        padding: 30px 0 30px 0;
    }

    .input {
        height: 30px;
        line-height: 30px;
        background: #fff;
        border: 1px solid #eee;
        margin: 0;
        padding: 0;
        width: 100%;
        padding-left: 10px;
        margin-left: 10px;
        color: #666;
    }

    .inputform {
        height: 120px;
        background: #fff;
        border: 1px solid #eee;
        margin: 0;
        padding: 0;
        width: 100%;
        padding-left: 10px;
        margin-left: 10px;
        color: #666;
    }

    .txtname {
        width: 25%;
        font-weight: bold;
        vertical-align: middle;
    }

    .txtname1 {
        width: 25%;
        font-weight: bold;
        vertical-align: top;
    }

    .txtinput {
        width: 75%;
    }

    .list-new-more {
        padding-top: 15px;
    }

        .list-new-more img {
            max-height: none;
        }

    .new-title {
        height: auto;
    }

    .box-new {
        padding-top: 20px;
    }

        .box-new img {
            height: auto;
            width: 100%;
        }

    .col-box {
        margin-top: 5px;
    }

    .title-block {
        text-align: center;
        width: 100%;
        padding: 20px 10px;
    }

    .mail-letter {
        width: 100%;
        padding: 0px 10px 20px 10px;
    }

    .right-product,.left-product {
        width: 100%;
    }
    .box-cart{padding:10px;}
    .cart-product-name{font-size:12px}
    .top-cart, .top-cart1{margin-top:15px;}
    .box-form-content h2, .box-form-content-catalog h2{font-size:20px}
     .list-item .content {padding: 10px 5px !important;}
}
@media (min-width: 568px) and (max-width: 767px) {
     .list-item .content {padding: 10px 5px !important;}
    .list-feature-news .box-feature-new{
        width: 50%;
    }
    .box-list-news > div{
        width: 50%;
    }
    .box-list-news h3{
        margin-top: 0;
    }
    .list-media .col-md-3{
        width: 50%;
    }
    .list-media-feature .col-md-3{
        width: 33.3333%;
    }
    .list-media-feature .thumbnail-video .title-gallery{
        font-size: 12px;
    }
    .list-gallery .col-md-3{
        width: 50%;
    }
    .list-hotels .box-hotel{
        width: 50%;
    }
    .list-tien-nghi ul {
        display: inline-block;
        margin-bottom: 10px;
        width: 33.3333%;
    }
    .list-room li{
        width: 33.3333%;
        display: inline-block;
    }
    .input-search-field{
        width: 350px;
        top: 125px;
        padding-top: 0;
    }
    .input-search-field input[type="text"]{
        width: 300px;
    }

    .pc_w{width:100%;padding:0;}
    .tb_w{margin:0 auto;width:440px;}
    .content01_wrap{padding-bottom:0;}
    .content02_wrap{padding:0 20px;}

    content01_1_box{position:relative;width:440px;height:440px;overflow:hidden;}
    .over,.over2{transform:scale(1,1);transition:1s all ease;}
    .over.on,.over2.on{transform:scale(1.15,1.15);}
    .content01_box{position:relative;width:440px;height:220px;}
    .img_box{width:440px;height:220px;overflow:hidden;}
    .txt_box{position:absolute;left:0;top:0;z-index:10;width:220px;height:220px;background-color:#fff;}
    .txt_box2{position:absolute;right:0;top:0;z-index:10;width:220px;height:220px;background-color:#fff;}
    .title{margin:65px 0 20px 0;padding-bottom:22px;font-size:20px;line-height:1;background:url("/images/img_0000_title_under_bar.jpg") no-repeat 50% 100%;}
    .sub{color:#545454;}
    .txt_box01{position:absolute;top:50%;left:0;padding:30px 20px 30px 20px;width:220px;height:220px;background-color:rgba(0,0,0,0.5);}
    .box_01_title{margin-bottom:20px;font-weight:bold;font-size:17px;color:#fff;line-height:1;}
    .box_01_sub{margin-bottom:40px;font-size:12px;color:#fff;line-height:22px;}
    .detail_btn{width:130px;height:40px;font-weight:bold;border:1px solid #cdcbc8;}
    .detail_btn a{display:block;padding:14px 0 13px 20px;background:url("/images/img_0000_link_more.png") no-repeat 78% 50%;font-weight:bold;color:#fff;line-height:1;}
    .box_trans04{width:440px;transition:1s all ease;overflow:hidden;}
    .trans_01{transform:translate(220px,0);}
    .trans_02{transform:translate(-220px,0);overflow:hidden;}

}
@media (min-width: 768px)  and (max-width: 1023px) {
    .img-product{
        width:auto;
        height:auto;
        max-width: 300px;
        max-height: 300px;
    }
    .no-padding-sm{
        padding: 0;
    }
    .no-padding-left-sm{
        padding-left: 0;
    }
    .no-padding-right-sm{
        padding-right: 0;
    }
    .container{
        width: 100%;
    }
    .block-homepage .wrapper-box-tour,.list-tour .wrapper-box-tour{
        width: 50%;
    }
   
    .home-gallery .slick-prev, .home-gallery .slick-next{
        top: 100%;
        margin-top: 5px;
    }
    .home-gallery .slick-prev{
        left: 42%;
    }
    .home-gallery .slick-next{
        right: 42%;
    }
    .list-tab{
        position: relative;
    }
    .select-drop .nav-tabs > li{
        width: 100%;
        margin-top: 0;
    }
    .list-tab .nav > li:first-child > a:hover, .list-tab .nav > li.active:first-child > a{
        background: none;
    }
    .list-tab .nav > li:first-child > a{
        padding-left: 15px;
        background: none;
    }
    .list-tab .nav > li.active > a,
    .list-tab .nav > li.active > a:hover,
    .list-tab .nav > li > a:hover{
        border-color: transparent;
    }
    .select-text{
        display: block;
    }
    .box-list-news p{
        font-size: 14px;
    }
    p.date-publish-news{
        font-size: 14px;
    }
    .box-list-news h3{
        margin-bottom: 5px;
    }
    .filter-destination{
        margin-right: 15px;
    }
    .footer-logo{
        width: 33.3333%;
        margin: 0;
    }
    .time-work{
        padding: 0 0 0 25px !important;
        border: none;
        width: 33.3333%;
    }
    .social-footer{
        margin: 0;
        width: 33.3333%;
        padding-left: 30px;
    }
    .social-footer .chungnhan{
        float: right;
        margin-bottom: 10px;
        padding-top: 5px;
        width: 100%;
    }
    .block-footer-address{
        width: 33.3333%;
    }
    .googlemap,.googlemap.active{
        display: block;
        opacity: 1;
        position: relative;
        height: auto;
    }
    .box-address-contact{
        margin-top: 20px;
    }
    .input-search-field{
        width: 400px;
        top: 150px;
        padding-top: 0;
    }
    .bg-why{
        background: none;
    }
}
@media (min-width: 992px) {
    .no-padding-md{
        padding: 0;
    }
    .no-padding-left-md{
        padding-left: 0;
    }
    .no-padding-right-md{
        padding-right: 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .img-product{
        width:auto;
        height:auto;
        max-width: 300px;
        max-height: 300px;
    }
    .container{
        width: 100%;
    }
    .detail-tour-boat h3,.detail-tour-boat h3 span{
        font-size: 18px;
    }
    .type-boat{
        margin-right: 10px;
    }
    .list-tab .nav-tabs > li > a{
        padding: 5px;
        font-size: 13px;
    }
    .tab-content > .tab-pane{
        padding: 10px 5px;
    }
    .price-tab-value p span{
        font-size: 15px;
    }
    .slogan h1{
        font-size: 20px;
    }
    .footer-logo{
        width: 150px;
        margin-right: 20px;
    }
    .time-work,.social-footer{
        display: none;
    }
    .block-footer,.block-footer:last-child{
        width: 200px;
    }
    .wrapper-breadcrumb{
        display: none;
    }
    .home-gallery .slick-next{
        right: 0;
    }
    .home-gallery .slick-prev{
        left: 0;
    }

}
@media (max-width: 567px)
{
    .list-item .content .name{display:block;height:45px !important;}
    .list-item .content .name a{font-size:16px;}
    .list-item .content .des{display:block;height:70px !important;}
    .article-desc {
        margin-bottom: 0;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 130%!important;
        height: auto;
        max-height: 45px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .img_giohang{width:80%; height:auto}
    .bg-filter .count{text-align:center}
    .btn-mua{float:left;width:100%}
    .btn-add{float:left;width:100%;padding-left:0%;margin-top:10px}
}
@media (max-width: 480px) {
    .cart-name-title{width:50%;padding-left:5px;font-size:12px !important}
    .cart-pic{width:15%;padding-top:10px;font-size:12px !important}
    .cart-name{width:35%;padding-top:10px;padding-right:5px;font-size:12px !important}
    .cart-price{width:25%;padding-left:0px;font-size:12px !important;text-align:left}
    .cart-number{width:20%;padding-left:0px;font-size:12px !important;text-align:left}
    .cart-status{width:5%;padding-left:5px;text-align:center}
    .ddlnumber-cart{height:30px;border:1px solid #ccc;width:100%;text-align:center}

    .box-form-content h2, .box-form-content-catalog h2{font-size:18px !important}
    .box-feature-new img{
    width: 100%;
    height:120px;
}
    .block-footer P{height:auto;overflow:hidden}
    .danhmucsp .title h2{font-size:16px;margin:0;padding:0}
    .img-product{
        width:auto;
        height:auto;
        max-width: 400px;
        max-height: 400px;
    }
    .product-price {
        font-size: 12px;
    }
    .product-price-old {
        font-size: 8px;
    }
.list-show .slick-prev, .list-show .slick-next, .silde-promotion .slick-prev, .silde-promotion .slick-next {
    display: block;
    position: absolute;
    z-index:100;
    width: 22px;
    height: 43px;
    top: 35%;
    text-indent: -9999px;
    border: none;
    outline: none;
    }
.bg-why{background-color:#fff;border-radius:4px;box-shadow:0 0 3px 0 rgba(0,0,0,0.2);padding:15px 10px;overflow:hidden;}
.bg-why img{float:none;margin-left:auto;margin-right:auto}
.bg-why .section-policy-padding{padding:0;text-align:center;margin-top:5px}
.why-us img{width:100%;height:auto}
.tit-product{
    font-size: 28px;
}
.title-block{text-align:center;width:100%;padding:40px 10px;}
    .mail-letter{width:100%;padding:0px 10px 20px 10px}
    .title-block {
        display:block;
        padding:20px 10px;
    }
    .address-footer{padding-bottom:30px}
    .icon-address{background:url('../images/icon/icon_sprite1.png') no-repeat 0 0px;padding-left:30px;height:33px;line-height:20px;margin-top:10px}
.banner-cupthietke{
    padding: 10px 10% !important;
    }
}

@media (max-width: 390px)
{
    .banner-cupthietke{
    padding: 10px !important;
    }

    .section-title .title h2 a {
        font-size: 12px;
    }
}