@media (min-width: 1200px) {
    .DCustom-customize-end .space-roomM{display: none;}
}

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

@media (max-width: 1440px) {
    .hero-banner .cover{height: 700px;}

    .DCustom-customize{width: 1280px;}
    .DCustom-product-select{width: 400px;}
    .DCustom-product-select .nav-tabs>li{height: calc(580px/5);}
    .DCustom-product-select .nav-tabs>li>a{padding: 20px 10px 15px 10px;}
    .DCustom-product-select .nav-tab-icon .lazy{max-width: 40px; max-height: 40px;}
    .DCustom-product-select .tab-content .h-title{height: 90px; font-size: 24px;}
    .DCustom-product-select .tab-content .mcscroll{height: 490px;}
    .DCustom-product-selected{width: 300px;}
    .DCustom-product-selected .h-title{height: 90px; font-size: 20px;}
    .DCustom-product-selected .mcscroll{height: 490px;}
}

@media (max-width: 1199px) {
    .site-container{overflow: hidden;}

    .slick-arrow{width: 46px; height: 46px; font-size: 20px;}

    .hero-banner .cover{height: 500px;}
    .hero-banner .slick-dots{bottom: 30px;}

    .wg-about-vdo .link{width: 80px; height: 80px;}

    .wg-about-content{padding: 0 30px;}
    .wg-about-content .title{font-size: 30px;}
    .wg-about-content p{font-size: 16px;}
    .wg-about-ads{padding: 0 40px; height: 340px;}
    .wg-about-ads .brand img{width: 260px;}
    .wg-about-ads p{font-size: 18px; margin-top: 25px;}
    .wg-about-ads .action{margin-top: 40px;}
    .wg-about-ads .action .btn{width: 220px; height: 46px; line-height: 46px; font-size: 15px;}

    .wg-dream{margin-top: 40px; padding-bottom: 60px;}
    .wg-dream .content{padding: 40px 0;}
    .wg-dream .content .header{width: 340px;}
    .wg-dream .content .header .title{font-size: 34px;}
    .wg-dream .content .header p{font-size: 22px;}
    .wg-dream .content .body{margin-left: 20px;}
    .wg-dream .content .body p{font-size: 15px;}
    .wg-dream-nav .link{font-size: 24px; height: 80px; padding: 0 20px;}
    .wg-dream-for .bg{height: 400px;}
    .wg-dream-for .header{margin: 0 30px; padding-top: 30px;}
    .wg-dream-for .header .title{font-size: 22px;}
    .wg-dream-for .header p{font-size: 15px;}
    .wg-dream-for .body{margin-top: 30px;}
    .wg-dream-for .body .col-1{width: 350px; margin-right: 25px;}
    .wg-dream-for .body .col-2{width: 240px; margin-right: 25px;}
    .wg-dream-for .body .topic{margin-bottom: 35px;}
    .wg-dream-for .body .topic .title{font-size: 38px;}
    .wg-dream-for .body .topic .desc{font-size: 14px;}
    .wg-dream-for .body .inner{margin-top: 0;}
    .wg-dream-for .body .inner p{font-size: 14px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; 
    }
    .wg-dream-for .body .inner p + p{margin-top: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .wg-dream-for .body .action{margin-top: 20px;}
    .wg-dream-for .body .btn{width: 140px; height: 46px; line-height: 46px; font-size: 15px;}

    .space-list .slick-list .item{padding: 0 30px;}
    .space-list .slick-arrow.slick-prev{right: 46px;}
    .space-list .slick-slider .slick-dots{font-size: 16px; line-height: 46px; margin-left: 220px;}
    .space-list .slick-slider .slick-dots .number{padding: 0 3px;}
    .wg-blog .whead .btn{width: 130px; height: 46px; line-height: 46px; font-size: 15px;}

    .wg-blog{padding: 40px 0;}
    .wg-blog .whead{margin-bottom: 30px;}
    .wg-blog .whead .title{font-size: 34px;}
    .wg-blog-list .wrapper{height: 350px;}
    .wg-blog-list .inner{padding: 15px;}
    .wg-blog-list .title{font-size: 16px; line-height: 1.4em;}
    .wg-blog-list .date{font-size: 11px;}
    .wg-blog-list .badge{margin-top: 5px; font-size: 11px;}
    .wg-blog-list .desc{font-size: 13px; margin-top: 10px;}
    .wg-blog-list .item-list{margin: 0 -5px;}
    .wg-blog-list .item{padding: 0 5px;}

    .wg-banner{padding: 40px 0;}
    .wg-banner .cover{height: 270px;}
    .wg-banner .inner{padding: 0 110px;}
    .wg-banner .title{font-size: 24px;}
    .wg-banner .action{margin-top: 20px;}
    .wg-banner .action .btn{height: 46px; line-height: 46px; font-size: 16px; padding: 0 15px;}

    .wg-gallery{padding: 10px 0 40px 0;}
    .wg-gallery .whead{margin-bottom: 30px;}
    .wg-gallery .whead .title{font-size: 34px;}
    .wg-gallery .menu .link{height: 64px; font-size: 18px;}
    .wg-gallery .menu .icon{width: 30px;}
    .wg-gallery .menu .icon::after{height: 30px;}
    .wg-gallery .menu .icon img{width: 100%;}
    .wg-gallery-list .brand .cover{height: 141px;}
    .wg-gallery-list .brand .cover img{width: 260px;}
    .wg-gallery-list .more{font-size: 40px;}

    .wg-coupon{right: 15px; bottom: 20px;}
    .wg-coupon .icon{width: 150px;}
    .wg-coupon .btn{width: 136px; font-size: 14px; height: 34px; line-height: 34px;}

    .detail-block::before{bottom: 300px;}
    .detail-block .header{padding: 40px 0;}
    .detail-block .header .title{font-size: 34px;}
    .detail-block .header .desc{font-size: 22px;}
    .detail-block .header .btn{height: 46px; line-height: 46px; font-size: 16px; padding: 0 15px;}
    .detail-block .header .icon{width: 120px; top: -15px;}
    .detail-image .cover{height: 470px;}
    .detail-info .topic{margin-bottom: 20px; padding-bottom: 20px}
    .detail-info .topic .title{font-size: 30px;}
    .detail-info .topic .sub{font-size: 20px;}
    .detail-info .desc{font-size: 15px;}
    .detail-info{padding: 30px; margin-top: -60px;}
    .detail-gallery .item-list .item:nth-child(1) .cover{height: 390px;}
    .detail-gallery .item-list .item:nth-child(2) .cover{height: 140px;}
    .detail-gallery .item-list .item:nth-child(2) .link + .link .cover{height: 230px;}
    .detail-gallery .item-list .item:nth-child(3) .cover{height: 230px;}
    .detail-gallery .item-list .item:nth-child(3) .link + .link .cover{height: 140px;}
    .detail-plan .cover{width: 440px; height: 400px; margin: 40px 0;}
    .detail-plan .inner .title{font-size: 22px;}
    .detail-plan .inner .desc{font-size: 15px; margin-top: 15px;}
    .detail-plan .inner{padding: 0 30px;}
    .detail-product{margin: 40px -30px; padding: 40px 40px 40px 40px;}
    .detail-product .whead .title{font-size: 34px;}
    .detail-product .whead .btn{height: 46px; line-height: 46px; font-size: 16px; padding: 0 15px;}
    .detail-product-list .title{font-size: 15px;}
    .detail-product-list .price{font-size: 15px; margin-top: 5px;}
    .detail-product-list .slick-dots{margin-top: 40px;}

    .modal-dialog.modal-md{width: 460px;}
    .coupon-modal{padding: 25px 30px 30px 30px;}
    .coupon-modal h2{font-size: 30px; margin-top: 10px; margin-bottom: 20px;}
    .coupon-modal .icon img{width: 100%;}
    .coupon-modal .inner{width: 350px; padding: 25px 30px 45px 30px;}
    .coupon-modal p{font-size: 15px;}
    .coupon-modal p strong{font-size: 18px;}
    .coupon-modal .action{margin-top: -23px;}
    .coupon-modal .action .btn{height: 46px; line-height: 46px; padding: 0 20px; font-size: 15px;}

    .coupon-page .wrapper{width: 460px; padding: 30px;}
    .coupon-page .wrapper h2{font-size: 30px;}
    .coupon-page .wrapper p{font-size: 15px;}
    .coupon-page .wrapper p strong{font-size: 18px;}
    .coupon-page .wrapper .inner{padding-top: 20px; margin-top: 20px;}
    .coupon-page .wrapper .icon{width: 360px;}
    .coupon-page .wrapper .icon img{width: 100%;}
    .coupon-page .wrapper .action .btn{width: 160px; height: 46px; line-height: 46px; font-size: 15px; padding: 0 20px;}
    .coupon-page .wrapper .icon .code{width: 202px; font-size: 23px;}
    
    .coupon-page .channel{width: auto; padding: 30px;}
    
    .DCustom-page .into {padding: 30px 0 35px 0;}
    .DCustom-page .into .title{font-size: 40px;}
    .DCustom-page .into .desc{font-size: 18px;}
    .DCustom-page .status-bar li:before,
    .DCustom-page .status-bar li:after {bottom: -30px; height: 4px;}
    .DCustom-page .status-bar .h-title{font-size: 36px;}
    .DCustom-page .status-bar .number{width: 60px; height: 60px; font-size: 20px;}
    .DCustom-list {padding-bottom: 70px;}
    .DCustom-list .content{padding: 15px 20px;}
    .DCustom-list .content .title{font-size: 24px;}
    .DCustom-list .content .desc{font-size: 18px;}
    .DCustom-list .more{padding: 15px 20px;}
    .DCustom-list .more .action{padding-top: 20px;}
    .DCustom-list .more .action .btn {width: 120px;height: 40px;line-height: 40px;font-size: 14px;}

    .DCustom-customize{width: 1024px;}
    .DCustom-product-select{width: 300px;}
    .DCustom-product-select .nav-tabs{width: 80px;}
    .DCustom-product-select .nav-tabs>li{height: calc(504px/5);}
    .DCustom-product-select .nav-tabs>li>a{padding: 20px 10px 15px 10px;}
    .DCustom-product-select .nav-tab-icon .lazy{max-width: 30px; max-height: 30px;}
    .DCustom-product-select .nav-tab-txt {padding-top: 12px; font-size: 12px;}
    .DCustom-product-select .tab-content{padding: 0 10px;}
    .DCustom-product-select .tab-content .h-title{height: 60px; font-size: 20px;}
    .DCustom-product-select .tab-content .mcscroll{height: 444px;}
    .DCustom-product-select .box+.box:before {font-size: 24px;width: 26px;height: 26px; line-height: 27px; left: 16px;top: -15px; border-width: 2px;}
    .DCustom-product-select .thumb .cover{width: 60px;}
    .DCustom-product-select .content .desc{margin-bottom: 2px;}
    .DCustom-product-selected{width: 220px; padding: 0 10px;}
    .DCustom-product-selected .h-title{height: 60px; font-size: 18px;}
    .DCustom-product-selected .mcscroll{height: 444px;}

    .DCustom-finalize-cate .mcscroll{height: 555px;}

}

@media (max-width: 991px) {
    .hero-banner .cover{height: 380px;}

    .wg-about-vdo .link{width: 70px; height: 70px;}
    .wg-about .wrapper .row-flex{display: block;}
    .wg-about-content{padding: 0; text-align: center; margin-top: 30px;}
    .wg-about-content .title{font-size: 30px;}
    .wg-about-content p{font-size: 16px; margin: 10px 0 0 0;}
    .wg-about-ads{margin-top: 30px; padding: 40px; height: auto;}

    .wg-dream .content{text-align: center;}
    .wg-dream .content .row-flex{display: block;}
    .wg-dream .content .header{width: auto;}
    .wg-dream .content .header .title{font-size: 30px;}
    .wg-dream .content .header p{font-size: 20px; margin-top: 4px;}
    .wg-dream .content .body{margin-left: 0; margin-top: 20px;}
    .wg-dream-nav .link{height: 64px; font-size: 20px;}
    .wg-dream-for .bg{height: 100%;}
    .wg-dream-for .header .icon{width: 60px; margin-right: 10px;}
    .wg-dream-for .header .icon img{width: 100%;}
    .wg-dream-for .header .title{font-size: 18px;}
    .wg-dream-for .header p{font-size: 14px; line-height: 1.5em;}
    .wg-dream-for .body .col-1{margin: 0; width: 100%;}
    .wg-dream-for .body .col-2{margin-right: 0; width: 100%;}
    .wg-dream-for .body .topic{margin-bottom: 33px;}
    .wg-dream-for .body .inner{margin-top: 20px; margin-bottom: 30px;}

    .space-list .row-flex{display: block; margin: 0 -10px;}
    .space-list .row-flex > div{float: left; padding: 0 10px;}
    .space-list .row-flex .col-auto{width: 60%;}
    .space-list .row-flex .col-auto + .col-auto{width: 40%;}
    .space-list .slick-arrow.slick-prev{bottom: 30px; right: 76px; font-size: 24px;}
    .space-list .slick-arrow.slick-next{bottom: 30px; right: 30px; font-size: 24px;}
    .space-list .slick-slider .slick-dots{color: #fff; left: auto; right: 140px; bottom: 30px; margin: 0;}

    .wg-blog .whead .title{font-size: 30px;}
    .wg-blog-list .item-list .item:nth-child(1){width: calc(100% / 3);}
    .wg-blog-list .item-list .item:nth-child(1) .cover{padding-top: 70%;}
    .wg-blog-list .item-list .item:nth-child(1) .title{-webkit-line-clamp: 3;}
    .wg-blog-list .item-list .item:nth-child(1) .desc{-webkit-line-clamp: 3;}
    .wg-blog-list .item-list .item{width: calc(100% / 3);}
    .wg-blog-list .wrapper{height: 360px;}

    .wg-banner .cover{height: 220px;}
    .wg-banner .title{font-size: 20px;}
    .wg-banner .inner{padding: 0 80px;}
    .wg-banner .action{margin-top: 15px;}
    .wg-banner .action .btn{font-size: 15px;}

    .wg-gallery{padding: 10px 0;}
    .wg-gallery .whead .title{font-size: 30px;}
    .wg-gallery .menu li{width: 50%; margin-bottom: 10px;}
    .wg-gallery .menu .link{height: 60px;}
    .wg-gallery-list{margin-top: 10px;}
    .wg-gallery-list .brand .cover{height: 105px;}
    .wg-gallery-list .brand .cover img{width: 200px;}

    .detail-block .header .title{font-size: 30px;}
    .detail-block .header .desc{font-size: 18px;}
    .detail-block .header .btn{font-size: 15px;}
    .detail-image .cover{height: 350px;}
    .detail-info{margin-top: -30px;}
    .detail-info .topic .title{font-size: 24px;}
    .detail-info .topic .sub{font-size: 18px;}
    .detail-gallery{margin-top: 10px;}
    .detail-gallery .item-list{margin: 0 -5px;}
    .detail-gallery .item-list .item{padding: 0 5px;}
    .detail-gallery .link{margin-bottom: 10px;}
    .detail-gallery .item-list .item:nth-child(1) .cover{height: 290px;}
    .detail-gallery .item-list .item:nth-child(2) .cover{height: 110px;}
    .detail-gallery .item-list .item:nth-child(2) .link + .link .cover{height: 170px;}
    .detail-gallery .item-list .item:nth-child(3) .cover{height: 170px;}
    .detail-gallery .item-list .item:nth-child(3) .link + .link .cover{height: 110px;}
    .detail-plan{padding: 40px 0; margin-top: 30px;}
    .detail-plan::before{width: 100%;}
    .detail-plan .row-flex{display: block;}
    .detail-plan .cover{margin: 0 auto;}
    .detail-plan .inner{text-align: center; margin-top: 30px;}
    .detail-product{padding: 30px;}
    .detail-product .whead .title{font-size: 30px;}
    .coupon-page .wrapper .icon .code{width: 202px; font-size: 23px;}
    
    .coupon-page .print{
    	background-color: #F3F3F3;
    	width: 100%;
    	margin: auto;
    	padding-bottom:40px;
	}
	.coupon-page .print .tabl{
    	font-size:6px;
    	align:center;
    	margin-left:20px;
	}
	.coupon-page .print .h_tabl1{
    	font-size:16px;
    	margin-top:30px;
	}
	.coupon-page .print .h_tabl2{
    	font-size:11px;
	}
	.coupon-page .print .h_tabl3{
    	font-size:10px;
    	font-weight:normal;
    	margin-left:20px;
	}

    .DCustom-page .into{padding: 30px 0;}
    .DCustom-page .into .title {font-size: 32px;}
    .DCustom-page .into .desc {font-size: 16px;}
    .DCustom-page .status-bar{padding: 30px 0;}
    .DCustom-page .status-bar li:before,
    .DCustom-page .status-bar li:after {bottom: -25px;height: 3px;}
    .DCustom-page .status-bar li:before {margin-right: 35px; width: 35%;}
    .DCustom-page .status-bar li:after{margin-left: 35px; width: 35%;}
    .DCustom-page .status-bar .icon {max-width: 40px; margin-right: 20px;}
    .DCustom-page .status-bar .h-title {font-size: 28px;}
    .DCustom-page .status-bar .txt {font-size: 16px;margin-bottom: 10px;}
    .DCustom-page .status-bar .number {width: 50px; height: 50px;font-size: 18px;}
    .DCustom-list{padding-bottom: 50px;}
    .DCustom-list .content{padding: 15px;}
    .DCustom-list .content .title{font-size: 22px; margin-bottom: 15px;}
    .DCustom-list .content .desc{font-size: 16px;}
    .DCustom-list .more{padding: 15px;}
    .DCustom-list .more .title {max-height: 2.8em; -webkit-line-clamp: 2;}
    .DCustom-list .more .action{padding-top: 10px;}
    .DCustom-list .more .action .btn {width: 100px;height: 36px;line-height: 36px;font-size: 12px;}

    .DCustom-customize{width: 100%; padding: 0 20px;}
    .DCustom-customize > .row-flex > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-customize > .row-flex > div:nth-child(1){order: 2; -webkit-box-ordinal-group: 3;}
    .DCustom-customize > .row-flex > div:nth-child(2){order: 1; -webkit-box-ordinal-group: 2;}
    .DCustom-customize > .row-flex > div:nth-child(3){order: 3; -webkit-box-ordinal-group: 4;}
    .DCustom-product-select{width: 100%;}
    .DCustom-product-select .tab-nav{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-product-select .nav-tabs{width: 100%;}
    .DCustom-product-select .nav-tabs>li{height: auto; width: calc(100%/5); float: left;}
    .DCustom-product-select .nav-tabs>li>a{padding: 20px 10px 15px 10px; height: 100px;}
    .DCustom-product-select .nav-tab-icon .lazy{max-width: 30px; max-height: 30px;}
    .DCustom-product-select .tab-content{padding: 0;}
    .DCustom-product-select .tab-content .mcscroll{height: auto; margin: 0 -20px;}
    .DCustom-product-select .tab-content .mcscroll .mCSB_container{overflow: auto; margin-right: 0;}
    .DCustom-product-select .tab-content .item-list{padding: 10px 10px 10px 0px; margin: 0 0 0 10px; display: inline-flex;}
    .DCustom-product-select .tab-content li{padding: 10px;}
    .DCustom-product-select .tab-content li+li{border-top: 0;}
    .DCustom-product-select .wrapper .data{display: inline-flex;}
    .DCustom-product-select .box{width: 135px; background-color: #fff; padding: 15px; display: block;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }
    .DCustom-product-select .box+.box{margin-top:0; margin-left: 10px;}
    .DCustom-product-select .box+.box:before {left: -18px;top: 0;bottom: 0;margin: auto;}
    .DCustom-product-select .thumb{display: block;}
    .DCustom-product-select .thumb .cover{width: 100%;}
    .DCustom-product-select .content{padding-left: 0; padding-top: 10px;}
    .DCustom-product-select .content .title{font-size: 11px;}

    .DCustom-product-selected{width: 100%; padding: 0; border-top: 1px solid #E2E2E2;}
    .DCustom-product-selected .mcscroll{height: auto;}
    .DCustom-product-selected .mcscroll .mCSB_container{margin-right: 0;}
    .DCustom-product-selected .mcscroll .item-list{padding: 10px 0; border-bottom: 1px solid #E2E2E2;}
    .DCustom-product-selected .mcscroll li{padding: 15px 10px 10px 10px; width: 100%;}
    .DCustom-product-selected .mcscroll .wrapper{width: 100%; margin: -5px 0;}
    .DCustom-product-selected .mcscroll .wrapper:after{content: ''; display: table; clear: both;}
    .DCustom-product-selected .mcscroll .box{width: 50%; float: left; padding: 5px 0;}
    .DCustom-product-selected .mcscroll .box+.box{margin-top: 0;}
    .DCustom-product-selected .action{right: 10px;}

    .DCustom-finalize .container > .row-flex > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-cate{width: 100%; padding-left: 0; padding-top: 10px;}
    .DCustom-finalize-cate .mcscroll{height: auto; margin: 0 -44px;}
    .DCustom-finalize-cate .mCSB_inside>.mCSB_container{margin-right: 0; overflow: auto;}
    .DCustom-finalize-cate .mCSB_inside>.mCSB_container:after{content: ''; display: table; clear: both;}
    .DCustom-finalize-cate .item-list{display: inline-flex; float: left; margin: 0 0 0 30px; padding-right: 35px;}
    .DCustom-finalize-cate .item-list>li{width: 100%;}
    .DCustom-finalize-cate .wrapper{width: 135px;}
    .DCustom-finalize-ProductList{padding-top: 0;}
    .DCustom-finalize-ProductList .table{padding-right: 0;}
    .DCustom-finalize-ProductList .total{padding: 10px 0;}
    .DCustom-finalize-ProductList .total .col{margin-right: -20px;}
    .DCustom-finalize-ProductList .total .content{padding: 15px 20px 15px 15px;}
    .DCustom-finalize-ProductList .total .content span{margin-right: 18px;}
    .DCustom-finalize-other {width: 100%; padding-left: 0; padding-top: 25px;}
    .DCustom-finalize-other:after{content: ''; display: table; clear: both;}
    .DCustom-finalize-other > div{float: left; width: 49%;}
    .DCustom-finalize-other > div+div{margin-left: 2%;}
    .DCustom-finalize-other .other-more{margin-top: 0;}
    .DCustom-finalize-end{padding: 30px 0;}
    .DCustom-finalize-end .action .btn+.btn { margin-left: 5px;}
    .DCustom-finalize-end .action.-I .btn{min-width: 280px;}
    .DCustom-finalize-end .action.-I .btn .feather{left: 15px;}
    .DCustom-finalize-end .action.-II .btn.-I{width: 165px;}
    .DCustom-finalize-end .action.-II .btn.-I .icon {margin-right: 5px; padding-right: 5px;}
    .DCustom-finalize-end .action.-II .btn.-II{width: 165px;}
    .DCustom-finalize-end .action.-II .btn.-II .icon {margin-right: 5px;}

}

@media (max-width: 767px) {
    .site-container{overflow: hidden;}

    .hero-banner .cover{height: auto; padding-top: 64%;}
    .hero-banner .slick-dots{bottom: 20px;}

    .wg-about-vdo{margin-top: 20px;}
    .wg-about-vdo .link{width: 60px; height: 60px;}
    .wg-about-content{margin-top: 20px;}
    .wg-about-content .title{font-size: 24px;}
    .wg-about-content p{font-size: 14px;}
    .wg-about-ads{padding: 20px 20px 25px 20px;}
    .wg-about-ads .brand img{width: 200px;}
    .wg-about-ads p{font-size: 15px; margin-top: 20px;}
    .wg-about-ads .action{margin-top: 25px;}

    .wg-dream{padding-bottom: 40px;}
    .wg-dream .content .header .title{font-size: 24px;}
    .wg-dream .content .header p{font-size: 18px;}
    .wg-dream .content .body p{font-size: 14px;}
    .wg-dream .content .body p + p{margin-top: 10px;}
    .wg-dream-nav{margin: 0 -20px; overflow: auto;}
    .wg-dream-nav .item-list{display: inline-flex; margin: 0 0 0 20px; float: left;}
    .wg-dream-nav .item-list li{padding: 0; width: auto; margin-right: 10px;}
    .wg-dream-nav .item-list li:last-child{margin-right: 20px;}
    .wg-dream-nav .link{width: 220px; height: 54px;}
    .wg-dream-for .header{margin: 0 20px; padding-top: 20px;}
    .wg-dream-for .header .icon{width: 50px;}
    .wg-dream-for .header .row-flex{align-items: start;}
    .wg-dream-for .body .col-1 .cover{padding-top: 60%; margin-bottom: 10px;}
    .wg-dream-for .body .col-2 .cover{padding-top: 60%;}
    .wg-dream-for .body .topic .title{font-size: 24px;}
    .wg-dream-for .body{margin-top: 20px;}
    .wg-dream-for .body .topic{margin-bottom: 20px;}
    .wg-dream-for .body .inner{margin-bottom: 20px;}

    .space-list .row-flex .col-auto{width: 100%;}
    .space-list .row-flex .col-auto + .col-auto{width: 100%;}
    .space-list .slick-list .item{padding: 0 20px;}
    .space-list .slick-arrow.slick-prev{bottom: 20px;}
    .space-list .slick-arrow.slick-next{bottom: 20px;}

    .wg-blog{padding-bottom: 30px;}
    .wg-blog .whead .title{font-size: 24px;}
    .wg-blog .whead .action{margin-bottom: 3px;}
    .wg-blog .whead .btn{width: 100px;}
    .wg-blog-list .item-list .item:nth-child(1){width: 100%;}
    .wg-blog-list .item-list .item:nth-child(1) .wrapper{height: auto;}
    .wg-blog-list .item-list .item:nth-child(1) .cover{padding-top: 50%;}
    .wg-blog-list .item-list .item{width: 50%; margin-bottom: 10px;}
    .wg-blog-list .title{-webkit-line-clamp: 2;}
    .wg-blog-list .desc{-webkit-line-clamp: 2;}
    .wg-blog-list .wrapper{height: auto;}

    .wg-banner .inner{padding: 0 20px; text-align: center; justify-content: center;}
    .wg-banner .cover{height: 200px;}
    .wg-banner .title{font-size: 18px;}

    .wg-gallery{padding: 0;}
    .wg-gallery .whead{margin-bottom: 20px;}
    .wg-gallery .whead .title{font-size: 24px;}
    .wg-gallery .menu{overflow: auto; margin: 0 -20px;}
    .wg-gallery .menu .item-list{display: inline-flex; margin: 0 0 0 20px; float: left;}
    .wg-gallery .menu .item-list li{padding: 0; width: auto; margin-right: 10px;}
    .wg-gallery .menu .item-list li:last-child{margin-right: 20px;}
    .wg-gallery .menu .link{width: 220px; height: 54px;}
    .wg-gallery-list{margin-top: 0;}
    .wg-gallery-list .item-list .item{width: 100%;}
    .wg-gallery-list .brand .cover{height: 140px;}

    .wg-coupon{right: 14px;}
    .wg-coupon .icon{width: 120px;}
    .wg-coupon .btn{width: 108px;}

    .detail-block .header .row-flex{display: block;}
    .detail-block .header{padding: 30px 0; text-align: center;}
    .detail-block .header .title{font-size: 30px;}
    .detail-block .header .icon{width: 200px; right: 70%;}
    .detail-block .header .desc{font-size: 16px;}
    .detail-block .header .action{margin-top: 20px;}
    .detail-image .cover{height: 240px;}
    .detail-info{padding: 20px; margin-top: -20px;}
    /* .detail-info .topic{margin-bottom: 15px; padding-bottom: 15px;} */
    .detail-info .topic .sub{font-size: 16px;}
    .detail-info .topic::after{width: 80px;}
    .detail-info .desc{font-size: 14px;}
    .detail-gallery .item-list .item:nth-child(1){width: 100%;}
    .detail-gallery .item-list .item:nth-child(2){width: 50%;}
    .detail-gallery .item-list .item:nth-child(3){width: 50%;}
    .detail-gallery .item-list .item:nth-child(1) .cover{height: auto; padding-top: 96%;}
    .detail-gallery .item-list .item:nth-child(2) .cover{height: auto; padding-top: 70%;}
    .detail-gallery .item-list .item:nth-child(2) .link + .link .cover{height: auto; padding-top: 120%;}
    .detail-gallery .item-list .item:nth-child(3) .cover{height: auto; padding-top: 120%;}
    .detail-gallery .item-list .item:nth-child(3) .link + .link .cover{height: auto; padding-top: 70%;}
    .detail-plan .cover{width: 100%; padding-top: 90%; height: auto;}
    .detail-plan{padding: 0 0 20px 0;}
    .detail-plan .inner .title{font-size: 22px;}
    .detail-plan .inner .desc{font-size: 14px;}
    .detail-plan .inner{padding: 0 20px; margin-top: 25px;}
    .detail-product .whead{margin-bottom: 30px;}
    .detail-product .whead .title{font-size: 24px;}
    .detail-product .whead .action{margin-left: 20px;}
    .detail-product .whead .btn{width: 100px;}

    .modal-dialog.modal-md{width: 320px; margin-left: auto; margin-right: auto;}
    .coupon-modal{padding: 25px 20px 20px 20px;}
    .coupon-modal h2{font-size: 24px; margin-top: 0; margin-bottom: 15px;}
    .coupon-modal .icon img{width: 100%;}
    .coupon-modal .inner{width: 236px; padding: 20px 20px 40px 20px;}
    .coupon-modal p{font-size: 14px; line-height: 1.4em;}
    .coupon-modal p strong{font-size: 16px;}
    .coupon-modal .action{margin-top: -23px;}
    .coupon-modal .action .btn{height: 46px; line-height: 46px; padding: 0 20px; font-size: 15px;}

    .coupon-page{display: block; padding: 20px 0;}
    .coupon-page .wrapper{width: auto; padding: 30px;}
    .coupon-page .wrapper h2{font-size: 24px;}
    .coupon-page .wrapper p{font-size: 14px; line-height: 1.4em;}
    .coupon-page .wrapper p strong{font-size: 16px;}
    .coupon-page .wrapper .inner{padding-top: 15px; margin-top: 15px;}
    .coupon-page .wrapper .inner::before{width: 40px;}
    .coupon-page .wrapper .icon{width: 280px;}
    .coupon-page .wrapper .icon img{width: 100%;}
    .coupon-page .wrapper .action .btn{width: 160px; height: 46px; line-height: 46px; font-size: 15px; padding: 0 20px;}
    .coupon-page .wrapper .icon .code{width: 129px; font-size: 16px;}
    .coupon-page .wrapper .action{display: block; margin-top: 0; margin-bottom: 10px;}
    .coupon-page .wrapper .action .btn{width: 225px; margin-top: 10px;}
    
    .coupon-page .channel{width: auto; padding: 30px;}

    .DCustom-page .into{padding: 20px 0;}
    .DCustom-page .into .title {font-size: 28px; margin-bottom: 15px;}
    .DCustom-page .status-bar{padding: 20px 0 30px 0;}
    .DCustom-page .status-bar .row-flex{display: block;}
    .DCustom-page .status-bar .col-auto{display: flex; justify-content: center;}
    .DCustom-page .status-bar li:before,
    .DCustom-page .status-bar li:after {bottom: -22px;height: 2px;}
    .DCustom-page .status-bar li:before {margin-right: 30px; width: 40%;}
    .DCustom-page .status-bar li:after{margin-left: 30px; width: 40%;}
    .DCustom-page .status-bar .icon {max-width: 32px; margin-right: 0px; margin-bottom: 10px;}
    .DCustom-page .status-bar .h-title {font-size: 24px; text-align: center; margin-bottom: 25px;}
    .DCustom-page .status-bar .txt {font-size: 14px;}
    .DCustom-page .status-bar .number {width: 40px; height: 40px;font-size: 16px;}
    .DCustom-list{padding-bottom: 30px;}
    .DCustom-list .item-list{margin: -6px;}
    .DCustom-list .item-list > li{width: 50%; padding: 6px;}
    .DCustom-list .content{padding: 10px;}
    .DCustom-list .content .title{font-size: 18px; margin-bottom: 10px;}
    .DCustom-list .content .desc{font-size: 14px;}
    .DCustom-list .more{padding: 10px;}

    .DCustom-product-select .tab-nav{overflow: auto;}
    .DCustom-product-select .tab-nav:after{content: ''; display: table; clear: both;}
    .DCustom-product-select .nav-tabs{display: inline-flex; float: left;}
    .DCustom-product-select .nav-tabs>li{width: 100%;}
    .DCustom-product-select .nav-tabs>li>a{min-width: 100px; height: 80px;}
    .DCustom-product-select .nav-tab-icon .lazy{max-width: 26px;}
    .DCustom-product-select .nav-tab-txt{padding-top: 8px;}

    .DCustom-product-selected .mcscroll li{padding: 15px 0px 10px 0px;}
    .DCustom-product-selected .mcscroll .wrapper{margin: 0;}
    .DCustom-product-selected .mcscroll .box{width: 100%; padding: 0;}
    .DCustom-product-selected .mcscroll .box+.box{margin-top: 3px;}
    .DCustom-product-selected .action{right: 0;}

    .DCustom-customize-end .end-menu{padding: 105px 0 20px 0; position: relative;}
    .DCustom-customize-end .end-menu .total {padding-right: 0; position: absolute; left: 0px;top: 15px; right: 0; 
        border-bottom: 1px solid #E2E2E2; padding-bottom: 10px; text-align: right;
    }
    .DCustom-customize-end .end-menu .action .btn {width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
    .DCustom-customize-end .end-menu .action.-I .btn .feather {left: 5px;}
    .DCustom-customize-end .end-menu .action.-I .btn:hover .feather{left: 2px;}
    .DCustom-customize-end .end-menu .action.-II .btn .feather{right: 5px;}
    .DCustom-customize-end .end-menu .action.-II .btn:hover .feather{right: 2px;}

    .DCustom-finalize .h-title{font-size: 21px;}
    .DCustom-finalize-cate .mcscroll{margin: 0 -20px;}
    .DCustom-finalize-cate .item-list{margin: 0 0 0 5px; padding-right: 12px;}
    .DCustom-finalize-ProductList .table .title{ border-bottom: 1px solid #ebebeb; padding: 10px 0;}
    .DCustom-finalize-ProductList .table .box+.box{padding-top: 0; border-top: 1px solid #999;}
    .DCustom-finalize-ProductList .table .box > .row-flex{position: relative; display: block; padding-top: 10px; 
        border-bottom: 1px solid #ebebeb;
    }
    .DCustom-finalize-ProductList .table .box > .row-flex:after{content: ''; display: table; clear: both;}
    .DCustom-finalize-ProductList .table .box > .row-flex > div:nth-child(1) {position: absolute; top: 10px; left: 0;}
    .DCustom-finalize-ProductList .table .box > .row-flex > div:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-ProductList .table .box > .row-flex > div:nth-child(3) {float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-ProductList .table .box > .row-flex > div:nth-child(4) {float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-ProductList .table .col-I{min-width: 44px; padding: 0;}
    .DCustom-finalize-ProductList .table .col-II.desc{padding: 0 0 0 50px;}
    .DCustom-finalize-ProductList .table .col-III{min-width: inherit; padding-right: 0px; padding-left: 50px;}
    .DCustom-finalize-ProductList .table .col-IV{min-width: inherit; text-align: left; padding-left: 10px;}
    .DCustom-finalize-ProductList .total{padding-bottom: 0;}
    .DCustom-finalize-ProductList .total .row-flex > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-ProductList .total .row-flex > div{margin-left: 0; margin-right: 0;}
    .DCustom-finalize-ProductList .total .txt{padding: 10px; font-size: 18px; display: block; text-align: right;}
    .DCustom-finalize-ProductList .total .content{padding: 10px; font-size: 18px;}
    .DCustom-finalize-other{padding-top: 0;}
    .DCustom-finalize-other > div{float: none; width: 100%;}
    .DCustom-finalize-other > div+div{margin-left: 0;}
    .DCustom-finalize-other .other-more{margin-top: 10px;}
    .DCustom-finalize-end{flex-direction: column;}
    .DCustom-finalize-end > .col-auto{
         -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .DCustom-finalize-end > .col-auto:nth-child(1){order: 2; padding-top: 10px;}
    .DCustom-finalize-end > .col-auto:nth-child(2){order: 1;}
    .DCustom-finalize-end .action .btn {height: 40px; line-height: 40px; font-size: 14px;}
    .DCustom-finalize-end .action.-I{padding-right: 50px;}
    .DCustom-finalize-end .action.-I .btn{min-width: inherit; width: 100%;}
    .DCustom-finalize-end .action.-II{position: relative;}
    .DCustom-finalize-end .action.-II .btn.-I{float: left;}
    .DCustom-finalize-end .action.-II .btn.-II{float: right;}
    .DCustom-finalize-end .action.-II .btn.-III{float: none; margin-left: 0; margin-top: 10px; width: 40px;
        position: absolute; top: 100%; right: 0;
    }

    .DCustom-product-customize .room .logo{width: 80px; right: 20px;}
    .DCustom-product-select .box{height: 230px;}
    .DCustom-product-select .box + .box::before{line-height: 24px;}

    .DCustom-customize-end .space-room{display: none;}
    .DCustom-customize-end .space-roomM{display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #E2E2E2;}
}

@media (max-width: 575px) {
    .wg-dream-nav .slick-list{overflow: visible;}
    .wg-dream-nav .link{height: 54px; font-size: 18px;}
}