@font-face{font-family:'Roboto';src:url(fonts/Roboto-Light.woff2);font-weight:300;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.woff2);font-weight:400;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Medium.woff2);font-weight:500;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Bold.woff2);font-weight:700;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Black.woff2);font-weight:900;font-display:block;font-style:normal}
body{font-family:'Roboto',sans-serif;font-size: 16px;}
.kk-star-ratings{
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;justify-content: flex-end;}
.n2:nth-child(2n+1){clear:left}
.n3:nth-child(3n+1){clear:left}
.n4:nth-child(4n+1){clear:left}
.n5:nth-child(5n+1){clear:left}
.n6:nth-child(6n+1){clear:left}
#comments{margin:20px auto}
#wpd-post-rating{margin-bottom:20px}
#wpdcom .wpd-thread-list{padding:20px 0}
.screen-reader-text{display:none}
#back-top{position:fixed;bottom:30px;right:30px;z-index:90}
#back-top i{width: 48px;height: 48px;line-height: 48px;text-align: center;background: #fff;box-shadow: 0px 0 24px 0px rgb(0 0 0 / 8%);transition: all .4s;color: #616161;}
#back-top i:hover{background: #ffd311;color: #000;}
.tagged_as{font-weight:700;padding:6px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:10px 0}
.tagged_as a{font-size:12px;color:#666;background:#f1f1f1;margin:3px;display:inline-block;float:none;font-weight:500;padding:3px 7px;border-radius:3px}
.head.navbar-fixed-top{animation:stuckMoveDown .6s;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.15)}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}

a{transition:all 300ms ease-in-out}
.container{width: 1230px;}
.row10{margin:0 -10px}
.row5{margin:0 -5px}
.row10 >div{padding:0 10px}
.row5 >div{padding:0 5px}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.bold{font-weight:700}
.uppe{text-transform:uppercase}
.flex{display:flex;align-items:center;flex-wrap:wrap}
.row-reverse{flex-direction:row-reverse}
.table_cell{display:table}
.table_cell>div{display:table-cell}
.supports_fix{    position: fixed;
    right: 0;
    background: #fffe;
    border-radius: 5px;
    width: auto;
    z-index: 90;
    bottom: 20%;
    padding: 10px 0;
    border: 1px solid #f2f2f2;}
.supports_fix ul{list-style: none;margin: 0;}
.supports_fix ul li a{    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;}
.supports_fix ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center}
.supports_fix ul li a .icon_local{background-image: url(images/widget_icon_map.svg);}
.supports_fix ul li a .icon_zalo{background-image: url(images/widget_icon_zalo.svg);}
.supports_fix ul li a .icon_call{background-image: url(images/widget_icon_click_to_call.svg);}
.supports_fix ul li a .icon_mess{background-image: url(images/Messenger.svg);}

.modal-content{border:none;box-shadow:none;border-radius:.5rem;position:relative;background-color:#fff;background-clip:padding-box;outline:0}
.modal-header{background-color:#045d2d;color:#fff;padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .modal-title{position:relative;min-height:44px;font-weight:400;font-size:18px;line-height:normal;margin:0;line-height:44px;color:#fff}
button.close{position:absolute;right:15px;top:30px;color:#fff;opacity:1}
.pop_box input[type=submit]{background-color:#045d2d;color:#fff;margin-bottom:0;margin-top:15px}
.modal-dialog{margin:80px auto 0}
.btn,input[type="submit"]{display:inline-block;height:40px;line-height:39px;padding:0 20px;text-align:center;white-space:nowrap;outline:none!important;cursor:pointer;border:none;font-weight:400;border-radius:0;letter-spacing:0;-webkit-transition:background-color .1s ease-in;-moz-transition:background-color .1s ease-in;-ms-transition:background-color .1s ease-in;-o-transition:background-color .1s ease-in;transition:background-color .1s ease-in;-webkit-border-radius:0;border-radius:0}
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #e1e1e1;padding:7px 10px;width:100%;margin-bottom:10px;max-width:100%;display:block}
input[type='button']{position:relative;display:inline-block;background-color:transparent;text-transform:uppercase;-ms-touch-action:none;touch-action:none;cursor:pointer;font-weight:bolder;text-align:center;color:currentColor;text-decoration:none;border:1px solid transparent;vertical-align:middle;border-radius:0;margin-top:0;margin-right:1em;text-shadow:none;padding:0 1.2em;max-width:100%;transition:transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;text-rendering:optimizeLegibility;box-sizing:border-box}
.buttons_added input{border:1px solid #777;margin:0;height:33px;display:inline-block;vertical-align:middle;padding:0 10px}
.devvn-popup-title{height:auto;padding:10px;background:#212121}
.popup-customer-info-group .devvn-order-btn{background:#ffd311;color: #212121;}
.popup-customer-info-group .devvn-order-btn:hover{color: #fff;background: #212121;}
.woocommerce #reviews #comments h2{clear:none;text-align:left;font-weight:700;padding:10px 0}

.mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display:none}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background-color:#ffd311;color:#212121;-webkit-font-smoothing:antialiased;border-radius:0}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color: #212121;color: #fff;}
a.devvn_buy_now_style{display:block;margin-top:20px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1px solid #ddd;padding:7px}
.image-product{position:relative}
.sale-flash{display:none;font-weight:700;position:absolute;top:10px;right:10px;z-index:9;color:#fff;height:40px;width:40px;font-size:12px;text-align:center;border-radius:50%;line-height:40px;background:#045d2d}
.woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px}
.woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''}
.woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px}
.woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px}
.woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms}
.woocommerce a.remove:hover{background:transparent}
.wp-pagenavi{text-align:center;padding:20px 0}
.wp-pagenavi a,.wp-pagenavi span{width:44px;height:44px;border:none;line-height:44px;text-align:center;color:#211221;display:inline-block;padding:0 10px;margin: 0 5px; border-radius: 4px;background: #fff;box-shadow: 0px 2px 12px 0px rgb(0 0 0 / 5%);}
.wp-pagenavi span.pages,.wp-pagenavi a.last,.wp-pagenavi a.first{width:auto;display: none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{background:#ffd311;color: #212121; border:none}
*{margin:0;padding:0;line-height:1.7}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
a:hover{color: #ffd311;}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}
#content_pages{padding:50px 0 100px}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 8px 16px;}
.content-post img{display:block;margin:20px auto}
.content-post hr{margin:20px 0}
.content-post iframe{display:block;margin:15px auto}
.content-post p{margin-bottom:20px}
.content-post p img{margin:20 auto}
.content-post ul,.content-post ol{margin-left:18px;margin-bottom:20px}
.content-post li{padding: 3px 0;}
.content-post table{margin-bottom:20px}
.content-post h1{font-size:30px;margin-bottom: 20px;}
.content-post h2{font-size:26px;margin-bottom: 20px;}
.content-post h3{font-size:22px;margin-bottom: 20px;}
.content-post h4{font-size:18px;margin-bottom: 20px;}
.content-post h5,.content-post h6{font-size:16px;margin-bottom: 20px;}
.content-post blockquote { padding: 10px 10px 10px 20px;position: relative;border-left: 0;margin-bottom: 20px;font-size: 16px;background: #f5f5f5;border-left: 5px solid #ffd311;}
.content-post a{font-weight:500;color:#00f}
.content-post .wp-caption.aligncenter{max-width:100%!important}

a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}
div.wpcf7 .ajax-loader{position:absolute}
.widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word}
.tabs-2 li{width:50%}
.nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff}
.nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.widget-content .single-post:last-of-type{border-bottom:none}
.widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%}
#back-top{display:none}
.widget-content .single-post{padding-bottom:12px;border-bottom:1px #efefef dotted;padding-top:12px}
.widget-content .single-post h3.title{font-size:14px;margin-bottom:2px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px}
.widget-tabs-content h3.title a{color:#424242}
.text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400}
.widget-content .single-post .text-muted{font-size:12px;color:#666;margin-top:0;font-weight:300}
.form-group{margin-bottom:20px;position:relative}
.form-group input[type='email'],.form-group input[type='date'],.form-group input[type='search'],.form-group input[type='number'],.form-group input[type='text'],.form-group input[type='tel'],.form-group input[type='url'],.form-group input[type='password'],.form-group textarea,.form-group select{margin:0;outline:none;padding:12px;line-height: 24px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:#333;transition:color .3s,border .3s,background .3s,opacity .3s}
.form-group select{height: 50px;}
.form-group input[type='email']:focus,.form-group input[type='date']:focus,.form-group input[type='search']:focus,.form-group input[type='number']:focus,.form-group input[type='text']:focus,.form-group input[type='tel']:focus,.form-group input[type='url']:focus,.form-group input[type='password']:focus,.form-group textarea:focus,.form-group select:focus{box-shadow:0 0 5px #ccc}
.form-button input[type="submit"]{color:#212121;text-transform:uppercase;font-size:16px;height: 50px;font-weight: 600; line-height: 50px; background:#ffd311;min-width: 150px;text-align: center; transition:transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s}
.form-button input[type="submit"]:hover{background: #212121;color: #fff;}
.form-group .checkbox{display: flex;flex-wrap: wrap;}
.form-group .checkbox .wpcf7-list-item{margin: 0 0 10px 0;width: 50%;padding: 0 10px 0 0;}

.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.owl-carousel .owl-dots{text-align:center;margin-top:10px}
.owl-carousel .owl-dots > *{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot{outline:none;background:none}
.owl-carousel .owl-dots .owl-dot span{margin:0 5px;display:block;width: 30px;height: 4px;background: #636c72;}
.owl-carousel .owl-dots .owl-dot.active span{background:#ffd311;}
.owl-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);outline:none;background:none}
.owl-carousel .owl-nav button span{display:block;height:50px;line-height:40px;font-size:45px;width:50px;text-align:center;font-family:-webkit-body;background: #fff;box-shadow: 0px 0 24px 0px rgb(0 0 0 / 8%);}
.owl-carousel .owl-nav button.owl-prev{left:-50px}
.owl-carousel .owl-nav button.owl-next{right:-50px}
.slider_home .owl-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
.sidebar .widget:not(:last-child){margin-bottom:20px}


.this_mb{display: none;}
.button_home{color:#fff;font-size: 18px;line-height: 60px;text-align: center;z-index:1;box-shadow:0 0 15px rgba(0,0,0,.1);
	display:inline-block;position:relative;overflow:hidden;padding:0 20px;min-width: 200px;border:1px solid #000;background:0 0;letter-spacing:1px;transition:color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86)}
.button_home:before{position:absolute;content:"";display:block;left:-2px;top:0;right:-2px;bottom:0;transform:scale(1,1);transform-origin:left center;z-index:-1;background:#000;transition:transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86)}
.button_home:hover:before{transform:scale(0,1);transform-origin:right center}
.button_home:hover{color: #000;}

.widget .gallery{display: grid;grid-column-gap: 10px;grid-row-gap: 10px;}
.widget .gallery br{display: none;}
.widget .gallery.gallery-columns-4{grid-template-columns: repeat(4,1fr);}
.widget .gallery.gallery-columns-3{grid-template-columns: repeat(3,1fr);}
.widget .gallery.gallery-columns-2{grid-template-columns: repeat(2,1fr);}
.widget .gallery.gallery-columns-5{grid-template-columns: repeat(5,1fr);}
.widget .gallery-item{margin: 0 !important;width: 100% !important;display: flex;align-items: center;float: none;}
.widget .gallery-item img{border: none !important}
h1,h2,h3,h4,h5,h6{margin-top:0;line-height: 1.2;}
.h10{height:10px;display:block}
.h20{height:20px;display:block}
.h30{height:30px;display:block}
.h40{height:40px;display:block}
.h50{height:50px;display:block}
.h60{height:60px;display:block}
.img img{width:100%;height:auto;object-fit:cover}
.columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-column-gap:30px;grid-row-gap:30px}
.columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-column-gap:30px;grid-row-gap:30px}
.columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-column-gap:30px;grid-row-gap:30px}
.columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-column-gap:30px;grid-row-gap:30px}
.columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-column-gap:30px;grid-row-gap:30px}
.box_hidden{height:300px;overflow-y:scroll;padding-right:10px}
.box_hidden::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
.box_hidden::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#154589}
.box_hidden::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5}


.sidebar ul,.sidebar-pro ul{list-style:none;margin:0}
.sidebar .widget-content,.product-categories,.sidebar .woocommerce-widget-layered-nav-list{padding:12px;background:#fff;border:solid 1px #e5e6ec}
.product-categories>li{border-top:1px solid #ececec;display:block}
.product-categories>li:first-child{border-top:none}
.product-categories>li>a{padding:6px 0;display:inline-block;flex:1;font-size:16px}
.product-categories li>.children{margin:0 0 10px 5px;padding:12px;border:solid 1px #e5e6ec;display:none}
.product-categories li>.children li>a{display:inline-block;padding:3px 0}
.product-categories li>.fa{float:right;width:20px;height:20px;margin:8px 0;line-height:20px;text-align:center;cursor:pointer;font-size:18px}
.product-categories >li>.children li>.fa{font-size:16px;margin:3px 0}
.product-categories >li>.children .children{padding:5px 8px}
.product-categories li.current-cat >.children,.product-categories li.current-cat-parent >.children{display:block}
.product-categories li.current-cat>.fa,.product-categories li.current-cat-parent>.fa{transform:rotate(-180deg)}
.sidebar .woocommerce-widget-layered-nav-list{margin:0!important}
.sidebar .viewed_box .item{padding:5px 0 8px}
.sidebar .viewed_box .item .thumbnail{float:left;width:70px;margin-bottom:0}
.sidebar .viewed_box .item .info{float:left;width:calc(100% - 70px);padding-left:15px}
.sidebar .viewed_box .item .info .capt{font-size:16px;margin-bottom:5px}
.sidebar .viewed_box .item .info .capt a{line-height:normal}
.sidebar .viewed_box .item .info .price{font-size:16px}
.sidebar .viewed_box .item .info .price del{font-size:13px}
.sidebar .price_fillter li{padding:0 5px!important;margin-bottom:5px!important}
.sidebar .price_fillter li a{display:inline-block;padding:0 0 0 25px !important;position:relative}
.sidebar .price_fillter li a:before{content:'';font-size:12px;color:#222;width:15px;height:15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ddd;display:inline-block;font-family:FontAwesome;position:absolute;top:50%;left:0;margin:0;margin-top:-7.5px}
.sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before{content:'\f00c';font-size:12px;line-height:15px;text-align:center;font-family:FontAwesome}
body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity:1;color:#e5007f}
.sidebar .price_fillter li a:active:before,.sidebar .price_fillter li a:focus:before,.sidebar .price_fillter li a:hover:before,.sidebar .price_fillter li a.chosen:before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before,body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before{color:#e5007f;border-color:#e5007f}

.share_socials{display: flex;flex-wrap: wrap;}
.share_socials a{display: block;background: #fff;border-radius: 3px;box-shadow: 0px 0 24px 0px rgb(0 0 0 / 8%);margin: 0 6px 6px 0;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;}
.share_socials a:hover{background: #212121;color: #fff;}


/* HEADER */
#header{box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);background: #fff;}
#header .row_flex{padding: 0 0 0 70px;}
.header_logo{float: left;}
.header_logo a{display: flex;align-items: center;height: 88px;line-height: 88px;margin-right: 15px;}
.header_logo img{max-height: 80px;height: auto;width: auto;max-width: 260px;}
.header_menu{float: left;}
.header_menu ul{list-style:none;margin:0}
.header_menu .menu{display: flex;}
.header_menu .menu>li{display:inline-block;margin: 0 15px;position:relative}
.header_menu .menu .sub-menu{opacity:0;visibility:hidden;position:absolute;z-index:99;background:#fff;width:256px;    box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);padding:22px 0;transition:all .3s}
.header_menu .menu>li>a{display:block;line-height:88px;font-size:17px;font-weight:500;letter-spacing: 0.25px;position: relative;color: #444;}
.header_menu .menu>li>a:before{content: "";display: block;position: absolute;left: 0;bottom: 30px; transition: border-color 300ms ease-out, background-color 300ms ease-out, opacity 300ms ease-out, transform 600ms cubic-bezier(.19,1,.22,1);opacity: 1;width: 100%;
   height: 4px; backface-visibility: hidden;transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: bottom right;
    -ms-transform-origin: bottom right;}
.header_menu .menu>li:hover>a:before,.header_menu .menu>li.current-menu-item>a:before{    background-color: #ffd311;    transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform-origin: bottom left;}
.header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{}
.header_menu .menu>li.menu-item-has-children>a:after{content:"\f107";    font-family: "Font Awesome 5 Free";font-weight: 900;font-size:12px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.header_menu .menu>li.menu-item-has-children>a{padding-right: 13px;}
.header_menu .menu>li>.sub-menu{top:100%;left:0;transform:scaleY(0);transform-origin:0 0}
.header_menu .menu>li>.sub-menu li>.sub-menu{top:0;left:100%;transform:scaleX(0);transform-origin:0 0}
.header_menu .menu>li>.sub-menu li>a{display:block;padding:8px 24px;font-size: 16px;color: #444;}
.header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content:"\f105";font-family:"Font Awesome 5 Free";font-weight: 900; font-size:12px;float:right}
.header_menu .menu>li>.sub-menu li:hover>a{color: #ffd311;}
.header_menu .menu li:hover>.sub-menu{opacity:1;visibility:visible}
.header_menu .menu>li:hover>.sub-menu{transform:scaleY(1)}
.header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform:scaleX(1)}

.header_nav{display: flex;float: right;position: relative;}
.header_nav>div{height: 88px;display: flex;align-items: center;}
.header_nav .icon{width: 40px;height: 40px; display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: .4;transition: all .4s;}

.header_nav .icon:hover{opacity: 1;}
.header_search{padding: 10px;position: relative;}
.header_search .icon{background-image: url(images/icon_search.png);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
.header_search .icon.close{background-image: url(images/icon_close.png);}
.header_search form{position: absolute;top: 100%;right: 0;background: #fff;padding: 10px;width: 280px;display: none;z-index: 99;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.header_search form .search-field{width: 100%;outline: none;margin: 0;padding: 10px 50px 10px 10px;line-height: 26px;font-size: 16px;}
.header_search form button{height: 46px;width: 46px;display: flex;align-items: center;justify-content: center;outline: none;border: none;background: none;position: absolute;top: 10px;right: 10px;}
.header_search form button img{max-width: 22px;max-height: 22px;}
.header_search:before{content: "";height: 48px;background-color: #e0e0e0;width: 1px;position: absolute;top: 20px;left: 0;}
.header_polilang{padding: 15px;}
.header_polilang .icon{background-image: url(images/icon_world.png);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
.header_polilang .icon.close{background-image: url(images/icon_close.png);}
.header_polilang .widget_polylang{background: #fff;position: absolute;top: 100%;right: 0;z-index: 100;  box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);display: none;}
.header_polilang .widget_polylang ul{list-style: none;margin: 0;padding: 15px 0;}
.header_polilang .widget_polylang ul li{display: block;}
.header_polilang .widget_polylang ul li a{display: flex;align-items: center;padding: 8px 24px;min-width: 160px;}
.header_polilang .widget_polylang ul li:hover a{background: #bdbdbd;color: #fff;}
.header_polilang .widget_polylang ul li img{margin-right: 8px;}

/* FOOTER */
.mail_home{padding: 70px 0;background: #f5f5f5;}
.mail_home .icon{color: #ffd311;font-size: 64px;}
.mail_home .title{font-size: 32px;margin-bottom: 0;}
.mail_home .sub{font-size: 18px;color: #616161;}
.mail_home .form{position: relative;width: 100%;}
.mail_home .form .input{width: 100%;padding: 14px 54px 14px 24px;line-height: 42px;border: none;outline: none;margin: 0;font-size: 18px;color: #616161;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.mail_home .form .button{font-size: 0;height: 70px;width: 70px;background-color: #ffd311;background-image: url(images/button_right.png);background-size: 30px;background-repeat: no-repeat;background-position: center; border: none;outline: none;position: absolute;top: 0;right: 0;}

.footer_main{background-size: contain;background-repeat: no-repeat;background-position: center;padding: 70px 0;color: #fff;font-size: 16px;}
.footer_main .f-widget{display: flex;flex-wrap: wrap;}
.footer_main .textwidget *{line-height: 1.8;}
.footer-title{font-size: 18px;font-weight: 600;margin-bottom: 30px;line-height: 1.8;}
.footer_main .footer_content{font-size: 18px;}
.footer_main .footer_content .title{margin-bottom: 5px;font-size: 24px;color: #9a9a9a;}
.footer_main .widget:nth-child(2){padding: 0 45px;}
.footer_main .widget:nth-child(2):after,.footer_main .widget:nth-child(2):before{content: "";height: 100%;position: absolute;top: 0;}
.footer_main .widget:nth-child(2):after{border-right: 1px dashed #eee;right: 15px;}
.footer_main .widget:nth-child(2):before{border-left: 1px dashed #eee;left: 15px;}
.footer_main .supports .number{font-size: 32px;color: #ffd311;}
.footer_main .supports .link{display: inline-block;margin-top: 20px; position: relative; min-width: 210px;text-align: center;z-index: 1; font-size: 16px;color: #000;padding: 10px;line-height: 40px;background: #000;}
.footer_main .supports .link:before{position:absolute;content:"";display:block;left:0;top:0;right:0;bottom:0;transform:scale(1,1);transform-origin:left center;z-index:-1;background:#ffd311;transition:transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86)}
.footer_main .supports .link:hover:before{transform:scale(0,1);transform-origin:right center}
.footer_main .supports .link:hover{color: #fff;}
.footer_main .infomation .item{padding-left: 48px;position: relative;margin-bottom: 20px;}
.footer_main .infomation .item .icon{position: absolute;left: 0;top: 2px;color: #ffd311;font-size: 24px;line-height: 24px;}
.footer_main .infomation .item .icon i{line-height: 24px;}
.footer_main .socials{display: flex;flex-wrap: wrap;margin-top: 35px;}
.footer_main .socials a{display: block;margin-right: 3px;background: #fff;color: #212121; width: 36px;height: 36px;line-height: 36px;text-align: center;font-size: 20px;}
.footer_main .socials a:hover{background: #ffd311;}
.footer_bot{background: #f5f5f5;padding: 40px 0 20px;color: #9a9a9a;font-size: 16px;}
.footer_bot *{margin-bottom: 0;}
.footer_bot .menu{list-style: none;margin: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.footer_bot .menu li{margin-left: 40px;}

/* PAGES */

.breadcrumbs{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;}
.breadcrumbs *{margin-bottom: 0;}
.breadcrumbs .separator{margin:0 5px;color: #ffd311;}
.head_pages{margin-bottom: 50px;}
.head_pages .col-title{width: 40%;}
.head_pages .col-bread{width: 60%;}
.title_pages{font-size: 48px;text-transform: uppercase;color: #212121;}
.head_pages .title_pages{margin-bottom: 0;}
.entry_content{padding: 20px 0;font-size: 18px;}


/* ABOUT */
.ab_sec1{padding: 55px 0 90px;}
.ab_sec1 .row{margin: 0 -20px;}
.ab_sec1 .row>div{padding: 0 20px;}
.ab_sec1 .title{font-size: 88px;margin-bottom: 0;color: #212121;}
.ab_sec1 .sub{font-size: 36px;color: #ffd311;font-weight: bold;}
.ab_sec1 .text{font-size: 24px;color: #616161;}
.ab_sec1 .video{transition: all .4s;padding-top: 20px;}
.ab_sec1 .video:hover{-ms-transform: translateY(-16px);
    transform: translateY(-16px);
    box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.ab_sec1 .video img{width: 100%;height: 330px;}
.ab_sec1 .video a{display: block;position: relative;}
.ab_sec1 .video a:after{content: "\f167";font-family: "Font Awesome 5 Brands";
    font-weight: 400;color: #ffd311;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 60px;display: block;}
.ab_sec2{padding: 90px 0;background: #f5f5f5;}
.ab_sec3{padding: 90px 0;}
.ab_sec3 .title{text-align: center;text-transform: uppercase;font-size: 32px;font-weight: bold;color: #9a9a9a;margin-bottom: 25px;}
.ab_sec3 .sub{font-size: 32px;font-weight: normal;text-align: center;color: #9a9a9a}
.ab_sec3 .sub span{line-height: normal;color: #ffd311;}
.ab_sec3 .list{list-style: none;margin-top: 30px;counter-reset: li;}
.ab_sec3 .list .item{display: block;width: 50%;margin-right: 50%;padding-top: 36px;padding-bottom: 32px;position: relative;}
.ab_sec3 .list .item:nth-child(even){margin-right: 0;margin-left: 50%;}
.ab_sec3 .list .item .capt{font-size: 24px;color: #212121;margin-bottom: 12px;font-weight: 600;}
.ab_sec3 .list .item .text{font-size: 18px;color: #616161;}
.ab_sec3 .list .item:before{content: counter(li);
    counter-increment: li;
    position: absolute;width: 16px;height: 16px;font-size: 0;color: #fff;line-height: 1.1;text-align: center;
    border-radius: 50%;background: #ffd311;left: 0;top: 0;    transition: transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity 200ms ease-out;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;font-weight: 900;}
.ab_sec3 .list .item:hover:before{-ms-transform: scale(5);
    transform: scale(5);font-size: 14px;}
.ab_sec4{padding: 90px 0;}
.ab_sec4 .list{grid-gap: 0;}
.ab_sec4 .list .item{padding: 30px 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.ab_sec4 .list .item img{max-width: 100%;max-height: 120px;}
.ab_sec5{padding: 90px 0;background-size: contain;background-repeat: no-repeat;background-position: center;}
.ab_sec5 .capt_single{font-size: 20px;margin-bottom: 60px;}
.ab_sec5 .tab_group{display: flex;flex-wrap: wrap;}
.ab_sec5 .tab_title{width: 300px;}
.ab_sec5 .tab-content{width: calc(100% - 300px);padding: 40px;background: #fff;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.ab_sec5 .tab_title{list-style: none;margin: 0;}
.ab_sec5 .tab_title li{display: block;margin-bottom: 5px;}
.ab_sec5 .tab_title li a{display: flex;flex-wrap: wrap;align-items: center;padding: 20px;background: #f5f5f5;font-size: 20px;color: #212121;font-weight: 500;}
.ab_sec5 .tab_title li.active a{border-right: 4px solid #ffd311;}
.ab_sec5 .tab_title li a .icon{width: 40px;}
.ab_sec5 .tab_title li a .icon img{width: 32px;height: auto;}
.ab_sec5 .tab_title li a .name{width: calc(100% - 40px);padding-left: 5px;}
.ab_sec5 .tab-content .row{margin: 0 -20px;}
.ab_sec5 .tab-content .row>div{padding: 0 20px;}
.ab_sec5 .col-left .img{margin-bottom: 15px;}
.ab_sec5 .col-left .content{font-size: 20px;color: #616161;margin-bottom: 15px;}
.ab_sec5 .col-right .title_tab{font-size: 40px;line-height: 1;padding: 8px 24px;background: #ffd311;color: #212121;font-weight: 600;margin-bottom: 40px;}
.ab_sec5 .col-right .list .item{position: relative;padding-left: 60px;padding-bottom: 30px;}
.ab_sec5 .col-right .list .item .capt{font-size: 24px;margin-bottom: 12px;}
.ab_sec5 .col-right .list .item .text{font-size: 18px;color: #616161;margin-bottom: 0;}
.ab_sec5 .col-right .list .item:before{content: "\f054";    font-family: "Font Awesome 5 Free";
    font-weight: 900;position: absolute;color: #ffd311;top: 5px;left: 0;font-size: 24px;width: 40px;height: 40px;box-shadow: inset 0 0 0 4px #ffd311;border-radius: 50%;text-align: center;line-height: 40px;}
.ab_sec5 .button_home{background: #ffd311;border: none;color: #212121;font-size: 16px;min-width: 160px;}
.ab_sec5 .button_home:before{background: #fff;border: 1px solid #212121;left: 0;right: 0;}
.ab_sec6{background-size: cover;background-repeat: no-repeat;background-position: center;padding: 90px 0 40px;}
.ab_sec6 .capt_single{font-size: 18px;margin-bottom: 15px;}
.ab_sec6 .title{font-size: 88px;font-weight: 800;color: #212121;margin-bottom: 50px;line-height: 1;}
.ab_sec6 .item{padding: 48px;min-height: 390px;display: flex;flex-wrap: wrap;background: #212121;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.ab_sec6 .item .capt{font-size: 48px;font-weight: 600;align-self: flex-start;display: block;width: 100%;color: #fff;}
.ab_sec6 .item .capt span{display: block;color: #ffd311;line-height: normal;}
.ab_sec6 .item .button_home{align-self: flex-end;background: #ffd311;border: none;font-size: 16px;min-width: 160px;}
.ab_sec6 .item .button_home:before{background: #212121;border: 1px solid #fff;left: 0;right: 0;}
.ab_sec6 .item .button_home:hover{color: #212121;}
.ab_sec6 .list{display: grid;grid-gap: 40px;grid-auto-rows: auto;
    grid-auto-flow: row;grid-template-columns: [col1] auto [col2] auto [col3] auto [end];grid-template-rows: [row1] auto [row2] auto [end];}
.ab_sec6 .item:nth-child(odd){background: #fff;}
.ab_sec6 .item:nth-child(odd) .button_home{color: #212121;}
.ab_sec6 .item:nth-child(odd) .button_home:before{background: #fff;border: 1px solid #212121;}
.ab_sec6 .item:nth-child(odd) .capt{color: #212121;}
.ab_sec6 .item:nth-child(odd) .capt span{font-size: 72px;}
.ab_sec6 .item:nth-child(1){    grid-column: 1/3;}
.ab_sec6 .item:nth-child(5){background: #ffd311;}
.ab_sec6 .item:nth-child(5) .capt span{color: #fff;font-size: 48px;}
.ab_sec6 .item:nth-child(5) .button_home{background: #fff;}
.ab_sec6 .item:nth-child(5) .button_home:before{background: #ffd311;}

.cn_sec2 .list{grid-column-gap: 40px;}
.cn_sec2 .list .item .img{margin-bottom: 15px}
.cn_sec2 .list .item .capt_single{font-size: 16px;margin-bottom: 5px;}


/* CONTACT */
.maps_ct{margin-bottom: 50px;}
.maps_ct iframe{width: 100%;height:450px;border: 5px solid #f5f5f5 !important;}
.form_ct{padding: 0 40px 0 20px;}
.info_ct .item:not(:last-child):after{content: "";display: block; height: 1px;width: 100%;margin: 16px 0;border-bottom: 1px dashed #e0e0e0;}
.info_ct .item .title{font-size: 18px;color: #212121;font-weight: 500;}
.info_ct .item .socials{display: flex;flex-wrap: wrap;margin-top: 16px;}
.info_ct .item .socials a{display: block;margin-right: 3px;background: #ffd311;box-shadow: 0px 0 24px 0px rgb(0 0 0 / 8%); width: 36px;height: 36px;line-height: 36px;text-align: center;font-size: 20px;}
.info_ct .item .socials a:hover{background: #212121;color: #fff;}


/* NEWS */
.item_news{position: relative;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);background: #fff;transition: all .3s;}
.list_news{grid-gap: 40px;margin-bottom: 40px;}
.item_news .img{position: relative;padding-top: 80%;}
.item_news .img img{height: 100%;position: absolute;top: 0;left: 0;}
.item_news .img a{position: absolute;width: 100%;height: 100%;display: block;z-index: 2;left: 0;top: 0;opacity: 0;transition: all .5s;background: rgba(255,211,17,0.9);}
.item_news .img a:hover{opacity: 1;}
.item_news .img a i{transition: all .3s;color: #212121;  width: 48px;height: 48px;line-height: 48px;text-align: center;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.item_news .img a i:hover{color: #fff;background: #212121;}
.item_news .info{padding: 40px;color: #616161;}
.meta_single{display: flex;align-items: center;margin-bottom: 8px;padding-left: 15px;border-left: 4px solid #ffd311;font-size: 14px;letter-spacing: 0.25px;}
.meta_single>div:not(:last-child){margin-right: 5px;}
.meta_single .cate{text-transform: uppercase;font-weight: 500;}
.item_news .info .capt{font-size: 24px;font-weight: 600;margin-bottom: 8px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item_news .info .capt a{line-height: normal;}
.item_news .info .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item_news .info .link{display: inline-block;margin-top: 20px;color: #212121;font-weight: 600;letter-spacing: 0.25px;position: relative;}
.item_news .info .link:after {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    opacity: 1 !important;
    bottom: 1px;
    margin-top: 0;background-color: #ffd311;
    transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transition: background-color 300ms ease-out, transform 600ms cubic-bezier(.19,1,.22,1);
}
.item_news .info .link:hover:after{    transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: bottom right;}
.img_single{margin-bottom: 60px;}
.img_single img{width: 100%;height: 550px;object-fit: cover;}
.block_single{width: 850px;max-width: 100%;margin: 0 auto;}
.title_single{font-size: 48px;margin-bottom: 20px;color: #212121;}
.entry_single{border-bottom: 1px solid #e0e0e0;}
.related-posts{width: calc(100% + 40px);margin: 40px -20px;position: relative;}
.capt_single{padding-left: 15px;border-left: 4px solid #ffd311;font-size: 18px;letter-spacing: 0.25px;text-transform: uppercase;font-weight: 600;margin: 0 0 10px;}
.capt_single.small{font-size: 14px;margin-bottom: 5px;}
.related-posts .capt_single{margin: 0 20px 20px;}

.related-posts .item_news{margin:20px;}
.related-posts .owl-nav {position: absolute;right: 20px;top: -32px;}
.related-posts .owl-nav button{position: unset;margin-left: 15px;}


/* PROJECT */
.head_project{padding: 50px 0 60px;}
.block_project{display: flex;flex-wrap: wrap;width: 950px;}
.block_project .col_content{width: 60%;}
.block_project .col_info{width: 40%;padding-left: 40px;}
.block_project .col_info .item{display: flex;flex-wrap: wrap;padding: 3px 0;margin-bottom: 10px;}
.block_project .col_info .item .key{font-weight: 600;width: 100px;}
.block_project .col_info .item .value{width: calc(100% - 100px);padding-left: 10px;}
.related-projects{padding: 70px 0;background: #f5f5f5;}
.related-projects .title{text-align: center;font-size: 26px;font-weight: 600;margin-bottom: 30px;}
.related-projects .list{width: calc(100% + 40px);margin: 0 -20px;}
.related-projects .item_news{margin: 20px;}


/* PRODUCT */
.head_detail{padding-bottom: 20px;border-bottom: 1px solid #eee;}
.price{font-weight:600;color:#d20500}
.price del{margin-right:10px;font-weight:400;opacity:.8;color:#545454}
.price ins{text-decoration:none}
.woo-variation-gallery-slider-wrapper{margin-bottom: 20px !important; border-radius: 8px;border: 1px solid #eee;border-radius: 8px; box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%)}
.woo-variation-gallery-slider-wrapper .slick-arrow{display: none !important;}
.woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-slider{display: flex;justify-content: center;}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image{opacity: 1;}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image>div{border: 1px solid #eee;border-radius: 8px;    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 5%);overflow: hidden;}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail>div,.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.slick-current>div{border-color: #ffd311;}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow, .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow{font-size: 0;background-size: 13px !important;background-repeat: no-repeat !important;background-position: center !important;background-color: rgba(255, 255, 255, .5);}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow{background-image: url(images/icon_rightt.png) !important;}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow{background-image: url(images/icon_leftt.png) !important;}
.woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow:hover, .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow:hover{background-color: rgba(255, 255, 255, 1);}
.iconic-woothumbs-thumbnails__control{opacity: 1;}
.iconic-woothumbs-thumbnails__control i{display: none;}
.info-product{padding-left: 20px;}
.product_title {font-size: 48px;color: #000;}
.info-product .price{font-size: 30px;margin-bottom: 20px;}
.info-product .price del{font-size: 22px;}
.woocommerce-product-details__short-description{padding: 30px 30px 20px;background: #fff;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);margin: 20px 0 30px;}
.info-product .cate_pro{color: #616161;padding-top: 20px;border-top: 1px solid #eee;}
.quantity{margin: 0 !important;}
.info-product .quantity{margin: 0 20px 10px 0 !important;}
.quantity input{height: 46px;width: 36px;border-radius: 5px;border-color: #eee;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.quantity input.text{width: 80px !important;}
.devvn_prod_variable .quantity{padding-left: 0;}
.woocommerce div.product form.cart .button{height: 46px;line-height: 46px;padding: 0 20px;min-width: 200px;font-weight: normal;margin-right: 20px; font-size: 18px;border-radius: 5px;}
a.devvn_buy_now_style{margin: 0;width: auto;min-width: 100px;padding: 9px 20px;height: 46px;clear: none; max-width: none;background: #212121;border: none;border-radius: 5px;line-height: 28px;}
a.devvn_buy_now_style:hover{background: #ffd311;color: #212121 !important;}
a.devvn_buy_now_style span{display: none;font-size: 0;}
a.devvn_buy_now_style strong{font-weight: normal;}
.woocommerce div.product form.cart{margin-bottom: 20px;}
.info-product .share_socials{margin-top: 20px;}
.body_detail{padding: 60px 0;border-bottom: 1px solid #eee;}
.body_detail .capt_single{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.related_products{padding-top: 60px;}
.related_products .capt_single{font-size: 20px;font-weight: bold;margin-bottom: 25px;}
.related_products .owl-carousel{width: calc(100% + 40px);margin: 0 -20px;}
.related_products .item_pro{margin: 20px;}
.woocommerce-ordering{display: none;}
.list_product{grid-gap: 40px;margin-bottom: 40px;}
.item_pro{position: relative;}
.item_pro .img{position: relative;width: 100%;padding-top: 80%;overflow: hidden;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.item_pro .img img{height: auto;width: auto;max-width: 100%;max-height: 100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.item_pro .info{padding: 40px;text-align: center;box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);background: #fff;position: relative;}
.item_pro .info .capt{font-size: 24px;font-weight: 600;margin-bottom: 8px;}
.item_pro .info .capt a{line-height: normal;}
.item_pro .info .price{font-size: 20px;}
.item_pro .info .price del{font-size: 16px;}
.item_pro .info .divider{display: block;margin: 0 auto;background: #ffd311;height: 3px;width: 50px;}
.cate_title{font-size: 30px;font-weight: bold;margin-bottom: 30px;}
.term-description{overflow: hidden;}
.box-description{margin-bottom: 20px;}
.box-description button.btnz{margin: 20px auto;display: none;padding: 0 10px;background: #000;color: #ffd311;box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.box-description.ellipsis button.btnz{display: block;}
.box-description.ellipsis .term-description{height: 200px;}
.box-description.ellipsis .term-description.heightauto{height: auto;}
.box-description.ellipsis button .down{display: none;}
.box-description.ellipsis button .up{display: block;}
.box-description.ellipsis button.btn_up .up{display: none;}
.box-description.ellipsis button.btn_up .down{display: block;}
.readmore_content_exists {display: block;margin: 15px 0 30px 0;text-align: center;}
.readmore_content_exists button{background: #000;color: #ffd311;font-size: 14px;padding: 5px 15px;box-shadow: 0 0 15px rgb(0 0 0 / 10%);transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);letter-spacing: 1px;border: none;}


/* CART */
.woocommerce-error, .woocommerce-info, .woocommerce-message{margin-left: 0 !important;border-top-color: #01559a}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{color: #01559a;}
.product-thumbnail img{margin: 0;width: 80px !important;}
.product-thumbnail{width: 106px;}
table.shop_table tbody td,table.shop_table thead th{border-left: none;border-right: none;}
table.shop_table tbody td:last-child,table.shop_table thead th:last-child{text-align: right;}

/* CHECKOUT */
#customer_details{width: 60%;}
#order_review{width: 40%;padding-left: 40px;}
#order_review_heading{display: none;}
form.woocommerce-checkout{display: flex;flex-wrap: wrap;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width: 100%;float: none;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width: 100%;float: none;}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{display: none;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 49%;}
table.woocommerce-checkout-review-order-table .cart-subtotal{display: none;}
table.woocommerce-checkout-review-order-table .product-name{font-size: 16px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px 15px;}
.select2-container .select2-selection--single{height: 44px;}
.select2-container--default .select2-selection--single{border-radius: 0;border: 1px solid #ddd;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 15px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;}
.woocommerce form .form-row textarea{height: 6em;}


/* HOME */
.sectiong_bg{background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner_home .item{height: calc(100vh - 88px);}
.slider_home .owl-nav{position: absolute;right: 70px;top: 50%;transform: translateY(-50%);}
.slider_home .owl-nav button{position: initial;display: block;}
.slider_home .owl-nav button span{height: 88px;width: 88px;line-height: 80px;}
.slider_home .owl-nav button.owl-next span{background: #ffd311;}
.slider_home .owl-dots{display: none;}
.banner_home .item .inner{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 20px 70px;max-width: 1200px;color: #fff;}

.banner_home .item .inner .big_title{color: #ffd311;font-size: 88px;margin-bottom: 0;text-transform: uppercase;}
.banner_home .item .inner .small_title{font-size: 64px;text-transform: uppercase;}
.banner_home .item .inner .text{font-size: 24px;max-width: 700px;}
.banner_home .item .inner .link{display: inline-block;color: #fff;line-height: 18px;padding: 20px 40px;border: 1px solid #fff;margin-top: 15px;}
.banner_home .item .inner .link i{margin-left: 3px;}
.section1{padding: 70px 0 90px;}
.section1 .capt_single{margin-bottom: 25px;}
.section1 .list{background: #f5f5f5;border: 1px solid #f5f5f5; box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);display: grid;grid-template-columns: repeat(3, 3fr);grid-gap: 1px;position: relative;}
.section1 .list .item{background: #fff;transition: all .4s;padding: 48px;}
.section1 .list .item .icon{margin-bottom: 20px;}
.section1 .list .item .icon img{height: 88px;width: auto;}
.section1 .list .item .capt{font-size: 24px;margin-bottom: 12px;color: #212121;}
.section1 .list .item .text{color: #616161;font-size: 18px;margin-bottom: 0;}
.section1 .list .item:hover{    transform: translateY(-16px);    box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);background: #ffd311;}
.section1 .list .item:hover .capt,.section1 .list .item:hover .text{color: #000;}
.section2{display: flex;flex-wrap: wrap;}
.section2 .col_img{width: 50%;backface-visibility: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.section2 .col_inner{padding: 3% 8%;color: #888;width: 50%;}
.section2 .col_inner .title{font-size: 100px;color: #fff;margin-bottom: 20px;}
.section2 .col_inner .title span{position: relative;z-index: 2;line-height: normal;}
.section2 .col_inner .title span:after{content: "";width: 100%;height: 20px;position: absolute;left: 0;bottom: 18px;background: #ffd311;z-index: -1;}
.section2 .col_inner .sub{font-size: 24px;font-weight: normal;}
.section2 .col_inner .list{display: grid;grid-template-columns: repeat(2,2fr);grid-gap: 10px;margin-top:40px;}
.section2 .col_inner .list .item{padding-bottom: 13px;padding-left: 50px;position: relative;font-size: 18px;}
.section2 .col_inner .list .item:before{content: "\f054";    font-family: "Font Awesome 5 Free";
    font-weight: 900;position: absolute;color: #ffd311;top: 0;left: 5px;font-size: 30px;}
.section2 .col_inner .list .item .capt{color: #fff;font-size: 24px;font-weight: bold;margin-bottom: 12px;}
.section2 .col_inner .list .item .capt a{color: #fff;}
.section2 .col_inner .list .item .capt:hover a{color: #ffd311;}
.section3{padding: 70px 0 90px;}
.section3 .capt_single{margin-bottom: 25px;font-size: 20px;font-weight: bold;}
.section3 .list{display: grid;grid-template-columns: repeat(6,2fr);grid-gap: 1px;border: 1px solid #e0e0e0;background: #e0e0e0;}
.section3 .list .item{position: relative;padding-top: 100%;background: #fff;overflow: hidden;}
.section3 .list .item img{position: absolute;width: auto;height: auto;max-width: 70%;max-height: 70%;top: 50%;transform: translate(-50%,-50%);left: 50%;transition: all .3s;filter: brightness(0);
  -webkit-filter: brightness(0);}
.section3 .list .item:hover img{filter: none;-webkit-filter: none}
.section4{background-attachment: fixed;position: relative;padding: 160px 0;overflow: hidden;}
.section4 .line{    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(-35deg) translateX(35%);
    transition: .9s cubic-bezier(.19,1,.22,1);
    z-index: 1;    background: linear-gradient(55deg, transparent 6%, #ffd311 50%);}
.section4 .inner{width: 50%;margin-left: 50%;position: relative;z-index: 2;}
.section4 .inner .title{font-size: 78px;color: #000;font-weight: normal;margin-bottom: 20px;}
.section4 .inner .sub{font-size: 30px;color: #fff;font-weight: normal;}
.section4 .inner .list{display: grid;grid-template-columns: repeat(3,2fr);grid-column-gap: 10px;grid-row-gap: 30px; margin-top: 40px;}
.section4 .inner .list .item{padding-left: 50px;position: relative;display: flex;align-items: center;}
.section4 .inner .list .item .capt{font-size: 24px;color: #000;margin-bottom: 0;}
.section4 .inner .list .item:before{content: "\f054";    font-family: "Font Awesome 5 Free";
    font-weight: 900;position: absolute;color: #fff;top: 50%;transform: translateY(-50%); left: 10px;font-size: 30px;}
.section4 .inner .button_home{margin-top: 30px;}
.section5{padding: 95px 0 170px;background-color: #fff;background-size: contain;background-repeat: no-repeat;background-position: center;}
.section5 .inner .title{font-size: 88px;color: #000;margin-bottom: 20px;font-weight: bold;}
.section5 .inner .title span{position: relative;z-index: 2;line-height: normal;}
.section5 .inner .title span:after{content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 10px;
    background: #ffd311;
    z-index: -1;}
.section5 .inner .sub{font-size: 24px;color: #000;font-weight: normal;}
.section5 .inner .list{display: grid;grid-template-columns: repeat(2,2fr);grid-column-gap: 10px;grid-row-gap: 30px; margin-top: 35px;}
.section5 .inner .list .item{padding-left: 65px;position: relative;display: flex;align-items: center;}
.section5 .inner .list .item .capt{font-size: 24px;color: #000;line-height: 1.4;margin-bottom: 0;}
.section5 .inner .list .item:before{content: "\f054";    font-family: "Font Awesome 5 Free";
    font-weight: 900;position: absolute;color: #ffd311;top: 50%;transform: translateY(-50%); left: 0;font-size: 20px;height: 48px;width: 48px;box-shadow: inset 0 0 0 4px #ffd311;line-height: 48px;text-align: center;border-radius: 50%;}
.et-counter {
   
    opacity: 1;
     transition: transform 700ms cubic-bezier(.19,1,.22,1);
    text-align: center;
    border-radius: 500%;
    margin: 0 auto;
    overflow: hidden;
        top: 0;
    left: 0;will-change: transform;
    transform-origin: center;z-index: 10;border-color:#e0e0e0;width: 200px;
    height: 200px;
}
.section5 .et-counter:nth-child(1){transform: translate3d(360px, 57px, 0px); position: absolute;}
.section5 .et-counter:nth-child(2){transform: translate3d(310px, 285px, 0px);width: 240px;
    height: 240px; position: absolute;}
.section5 .et-counter:nth-child(3){transform: translate3d(51px, 54px, 0px);width: 300px;
    height: 300px; position: absolute;}
.et-counter .et-counter-inner {
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: inherit;
    display: flex;
    border: 2px dashed #e0e0e0;
    border-color: inherit;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 4px;
    left: 4px;
}
.et-counter .et-counter-inner .counter-value{font-size: 72px;color: #ffd311;line-height: 80px;font-weight: 400;}
.et-counter .et-counter-inner .counter-value *{line-height: normal;}
.et-counter .et-counter-inner .counter-title{margin: 0;color: #212121;font-size: 18px;line-height: 32px;}
.et-counter .counter-moving {
    -webkit-animation: rotateCounter 40s linear infinite;
    animation: rotateCounter 40s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.et-counter .counter-moving .counter-moving-child {
    overflow: hidden;
    position: absolute;
    top: -.2rem;
    right: 50%;
    bottom: 50%;
    left: -.2rem;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(45deg) skewX(30deg);
    transform: rotate(45deg) skewX(30deg);
}
.et-counter .counter-moving .counter-moving-child:before{    box-sizing: border-box;
    display: block;
    border: solid 4px #bdbdbd;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    content: '';border-color: #ffd311;}
@keyframes rotateCounter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.section6{padding: 60px 0 50px;}
.section6 .capt_single,.section7 .capt_single{font-size: 20px;margin-bottom: 25px;font-weight: bold;}
.section6 .item_news:hover{    transform: translateY(-16px);
    box-shadow: 0px 8px 24px 0px rgb(0 0 0 / 8%);}
.list_cate{list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: 32px;}
.list_cate li{margin-left: 20px;margin-bottom: 5px;}
.list_cate li a{font-size: 16px;color: #212121;font-weight: 600;position: relative;letter-spacing: 0.25px;}
.list_cate li a:before{content: "";display: block;position: absolute;left: 0;bottom: -5px; transition: border-color 300ms ease-out, background-color 300ms ease-out, opacity 300ms ease-out, transform 600ms cubic-bezier(.19,1,.22,1);opacity: 1;width: 100%;
   height: 4px; backface-visibility: hidden;transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: bottom right;
    -ms-transform-origin: bottom right;}
.list_cate li:hover a:before,.list_cate li.active a:before{    background-color: #ffd311;    transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform-origin: bottom left;}
.section7{padding: 70px 0 90px;}
.section7 .this_pc .list_news{grid-gap: 0;margin-bottom: 0;}
.section7 .this_pc .item_news{padding-top: 200%;}
.section7 .this_pc .item_news .img{padding-top: 100%;position: absolute;bottom: 0;left: 0;width: 100%;}
.section7 .this_pc .item_news .img:after{ content: "";display: block; position: absolute; top: 0; left: 50%;z-index: 5;margin-left: -24px;
    width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 24px; border-color: #ffffff transparent transparent transparent;}
.section7 .this_pc .item_news .info{width: 100%;height: 50%;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;}
.section7 .this_pc .item_news:nth-child(2) .img{top: 0;bottom: auto;}
.section7 .this_pc .item_news:nth-child(2) .img:after{    top: auto;bottom: 0;-ms-transform: rotate(180deg); transform: rotate(180deg);}
.section7 .this_pc .item_news:nth-child(2) .info{bottom: 0;top: auto;}
.section7 .this_pc .button_home{float: right;background: #000;border: none;color: #000;font-size: 16px;}
.section7 .this_pc .button_home:before{background:  #ffd311;}
.section7 .this_pc .button_home:hover{color: #fff;}



@media screen and (max-width: 1024px) {
	/* Màn hình Ipad - ngang */
}


@media(max-width:768px) {
.n3:nth-child(2n+1){clear: left;}
.n3:nth-child(3n+1){clear: none;}
.n5:nth-child(2n+1){clear: none;}
.n5:nth-child(2n+1){clear: left;}
.container{width:100%;padding:0 10px;}
.row{margin: 0 -10px}
.row>div{padding: 0 10px;}
iframe{width: 100%}
#header_mb{background: #fafafa;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);position: relative;z-index: 999}
.header_top_mb .nav_supports{display: flex;align-items: center;justify-content: space-between;padding: 8px 0;font-size: 12px;flex-wrap: wrap; border-bottom: 1px solid #d0d0d0}
.header_main_mb .row_flex{padding: 10px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.header_main_mb .logo_mb{display: flex;align-items: center;justify-content: center;width: 200px;}
.header_main_mb .logo_mb img{max-width: 160px;max-height: 60px;}
.header_main_mb .icon_search .fa{font-size: 18px;width: 24px;height: 24px;line-height: 24px;text-align: center;cursor: pointer;}
.touch_menu {width: 40px;height: 40px;display: flex;align-items: center; justify-content: center;position: relative; cursor: pointer;}
.touch_menu:after, .touch_menu:before {content: ""; -moz-transition: 0.3s ease; -o-transition: 0.3s ease;-webkit-transition: 0.3s ease; transition: 0.3s ease;height: 2px; width: 24px;position: absolute;left: 8px;background: #333;}
.touch_menu:before {top: 10px;}
.touch_menu:after {bottom: 10px;}
.touch_menu .line {width: 24px;display: block;height: 2px; background: #333;}
.touch_menu.opened .line { display: none;}
.touch_menu.opened:before {transform: rotate(-45deg);top: 22px;}
.touch_menu.opened:after {transform: rotate(45deg);bottom: 16px;}
#menu_bar_mobile {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: scroll;
    background: #111;
    -moz-transition: left 0.5s ease;
    z-index: 99;
    -o-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    top: 0;
    left: 100%;
    padding-top: 70px;}
#menu_bar_mobile.opened {
    left: 0;
}
.menu_mobile {list-style: none;margin: 0;}
.menu_mobile ul{list-style: none;margin: 0;display: none;}
.menu_mobile>li{display: block;position: relative;border-bottom: 1px solid #333;}
.menu_mobile>li>a{display: block;padding: 12px 20px;line-height: 26px; font-size: 14px;text-transform: uppercase;color: #999;font-weight: 600;}
.menu_mobile li>i.fa{width: 30px;height: 30px;position: absolute;top: 10px;right: 10px;line-height: 30px;text-align: center;cursor: pointer;color: #999;font-size: 16px;}
.menu_mobile>li ul{padding-left: 20px;padding-bottom: 10px;}
.menu_mobile>li ul>li{display: block;position: relative;}
.menu_mobile>li ul>li>a{font-size: 14px;color: #999;display: block;padding: 6px 15px;line-height: 22px;}
.menu_mobile>li li>i.fa{top: 2px;font-size: 13px;}
.menu_mobile>li.opened{background: #1d1d1d;}

.line_dark{width: 100%;height: 100%;position: fixed;top: 0;left: 0;    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;background: rgba(0,0,0,0.9);z-index: 101;opacity: 0;visibility: hidden;}
.line_dark.opened{opacity: 1;visibility: visible;}
.fixed_search{width: 100%;position: fixed;top: 50%;transform: translateY(-50%);z-index: 104;opacity: 0;visibility: hidden; -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;transition: 0.3s ease;}
.fixed_search.opened{opacity: 1;visibility: visible;}
.fixed_search form{max-width: 1000px;margin: 0 auto 20px;padding: 0 20px;position: relative;}
.fixed_search form .search-field{outline: none;width: 100%;margin: 0; padding: 6px 60px 6px 15px;border: none;border-bottom: 1px solid #444;line-height: 37px;background: none;font-size: 18px;color: #d0d0d0}
.fixed_search form button{position: absolute;outline: none;width: 50px;height: 50px;line-height: 50px;background: none;top: 0;right: 20px;border: none;}
.fixed_search form button .arrow{display: inline-block;background-color: #fff;-webkit-mask-image: url(images/ic_search_arrow.svg);width: 30px;height: 6px;background-size:auto;}
.close_bt{width: 40px;height: 40px;border: 1px solid #333;border-radius: 50%;line-height: 40px;text-align: center;cursor: pointer;margin: 30px auto 0;color: #999;}


.fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}

.this_pc{display: none;}
.this_mb{display: block;}
.flex,.flex_al{display: block;}
.columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}

#back-top{bottom: 40px;}
.supports_fix{padding: 5px 0 8px;}
.supports_fix ul li{width: 25%;float: left;}
.supports_fix{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;}
.content-post{font-size: 14px;}
.content-post h1{font-size: 20px;}
.content-post h2{font-size: 18px;}
.content-post h3,.content-post h4{font-size: 16px;}
.content-post h5,.content-post h6{font-size: 14px;}

/* HOME_MB */
.button_home{font-size: 16px;line-height: 46px;min-width: 180px;}
.banner_home .item{height: 60vh;}
.banner_home .item .inner{padding:15px;}
.capt_single{padding-left: 10px;}
.banner_home .item .inner .big_title{font-size: 34px;}
.banner_home .item .inner .small_title{font-size: 20px;}
.banner_home .item .inner .text{font-size: 16px;line-height: 1.3;}
.slider_home .owl-nav button{display: inline-block;}
.slider_home .owl-nav{top: auto;transform: translateY(0);bottom: -12px;right: 7px;}
.slider_home .owl-nav button span {
    height: 38px;
    width: 38px;
    line-height: 30px;
}
.banner_home .item .inner .link{padding: 12px 25px;}
.section1{padding: 30px 0;}
.section1 .list{grid-template-columns: repeat(2, 2fr);}
.section1 .list .item{padding: 15px;}
.section1 .list .item .icon img{height: 60px;}
.section1 .list .item .capt{font-size: 16px;margin-bottom: 10px;}
.section1 .list .item .text{font-size: 14px;}
.section2{display: block;}
.section2 .col_inner{padding: 20px;width: 100%;}
.section2 .col_inner .title{font-size: 34px;margin-bottom: 15px;}
.section2 .col_inner .title span:after{height: 10px;bottom: 5px;}
.section2 .col_inner .sub{font-size: 18px;}
.section2 .col_inner .list .item{padding-left: 40px;padding-bottom: 10px;font-size: 14px;}
.section2 .col_inner .list .item:before{font-size: 24px;top: 5px;}
.section2 .col_inner .list .item .capt{font-size: 18px;margin-bottom: 10px;}
.section3{padding: 30px 0;}
.section3 .list{grid-template-columns: repeat(4,2fr);}
.section3 .list .item{padding-top: 80%;}
.section4{padding: 40px 0;}
.section4 .inner{width: 100%;margin-left: 0;}
.section4 .inner .title{font-size: 30px;font-weight: 600;margin-bottom: 15px;}
.section4 .inner .sub{font-size: 20px;}
.section4 .inner .list{margin-top: 30px;grid-template-columns: repeat(2,2fr);}
.section4 .inner .list .item{padding-left: 40px;}
.section4 .inner .list .item:before{font-size: 24px;}
.section4 .inner .list .item .capt{font-size: 18px;}
.section5{padding: 30px 0 350px;}
.section5 .inner .title{font-size: 34px;margin-bottom: 15px;}
.section5 .inner .title span:after{height: 10px;bottom: 5px;}
.section5 .inner .sub{font-size: 18px;}
.section5 .inner .list{margin-top: 30px;}
.section5 .inner .list .item{padding-left: 55px;}
.section5 .inner .list .item .capt{font-size: 16px;}
.section5 .inner .list .item:before{font-size: 18px;width: 38px;height: 38px;line-height: 38px;box-shadow: inset 0 0 0 3px #ffd311;}
.section5 .et-counter:nth-child(1){transform: translate3d(210px, 10px, 0px);
width: 130px;
height: 130px;}
.section5 .et-counter .et-counter-inner .counter-value{font-size: 40px;line-height: 52px;}
.section5 .et-counter .et-counter-inner .counter-title{font-size: 16px;line-height: 28px;}
.section5 .et-counter:nth-child(3) {
    transform: translate3d(0px, 40px, 0px);
    width: 200px;
    height: 200px;
}
.section5 .et-counter:nth-child(2) {
    transform: translate3d(200px, 160px, 0px);
    width: 160px;
    height: 160px;
}

.list_news{grid-template-columns: repeat(1,1fr);grid-row-gap: 25px;margin-bottom: 0;}
.item_news .info{padding: 30px;}
.item_news .info .capt{font-size: 20px;}
.section6{padding: 30px 0;}
.list_cate{margin-bottom: 15px;}
.list_cate li a{font-size: 14px;}
.section7{padding: 30px 0;}
.mail_home{padding: 30px 0;text-align: center;}
.mail_home .icon{font-size: 50px;}
.mail_home .title{font-size: 24px;margin-bottom: 5px;}
.mail_home .sub{font-size: 16px;}
.mail_home .form{margin-top: 15px;}
.mail_home .form .input{padding: 10px 50px 10px 15px;line-height: 30px;}
.mail_home .form .button{height: 50px;width: 60px;background-size: 24px;}

.footer_main{padding: 40px 0;font-size: 14px;}
.footer_main .footer_content .title{font-size: 20px;}
.footer_main .footer_content{font-size: 14px;}
.footer_main .widget:nth-child(2){padding: 20px 10px;margin: 15px 0;}
.footer_main .widget:nth-child(2)::after, .footer_main .widget:nth-child(2)::before{height: 1px;width: 100%;}
.footer_main .widget:nth-child(2)::before{border-left: none;border-top: 1px dashed #eee;left: 10px;top: 0;}
.footer_main .widget:nth-child(2)::after{border-right: none;border-bottom: 1px dashed #eee;bottom: 0;top: auto;right: 10px;}
.footer-title{margin-bottom: 10px;}
.footer_main .infomation .item{margin-bottom: 15px;padding-left: 38px;}
.footer_bot{padding: 20px 0;font-size: 14px;text-align: center;}
.footer_bot .menu{justify-content: center;}
.footer_bot .menu li{margin-left: 20px;margin-right: 20px;}

#content_pages{padding: 30px 0 50px;}
.maps_ct iframe{height: 250px;}
.maps_ct{margin-bottom: 30px;}
.form_ct{padding: 0;margin-bottom: 30px;}
.form-group .checkbox{display: block;}
.form-group .checkbox .wpcf7-list-item{width: 100%;font-size: 14px;}

.breadcrumbs{display: none;}
.head_pages{margin-bottom: 20px;}
.head_pages .col-title{width: 100%;}
.title_pages{font-size: 26px;}
.cate_title{font-size: 26px;margin-bottom: 25px;}
.img_single img{height: 250px;}
.img_single{margin-bottom: 20px;}
.title_single{font-size: 20px;margin-bottom: 10px;}
.block_project{display: block;}
.block_project .col_content{width: 100%;}
.block_project .col_info{width: 100%;padding-left: 0;padding-top: 10px;}
.head_project{padding: 30px 0;}
.related-projects{padding: 30px 0;}
.related-projects .title{font-size: 24px;margin-bottom: 10px;text-align: left;}
.list_product{grid-template-columns: repeat(1,1fr);margin-bottom: 0;grid-row-gap: 25px;}
.item_pro .info{padding: 30px;}
.item_pro .info .capt{font-size: 20px;}
.woo-variation-product-gallery{width: 100%;}
.info-product{padding-left: 0;}
.product_title{font-size: 24px;}
.info-product .price{font-size: 24px;margin-bottom: 15px;}
.info-product .price del{font-size: 18px;}
.woocommerce-product-details__short-description{padding: 15px 15px 10px;margin: 15px 0 20px;}
.quantity input{width: 32px;}
.quantity input.text{width: 70px;}
.woocommerce div.product form.cart .button{width: 100%;text-transform: uppercase;}
.info-product .share_socials{margin-top: 15px;}
.body_detail{padding: 30px 0;}
.related_products{padding-top: 30px;}
.related_products .capt_single{margin-bottom: 10px;font-size: 18px;}
.related-pro .owl-carousel .owl-nav button{position: unset;}
.related-pro .owl-carousel,.related-projects .list{width: calc(100% + 20px);margin: 0 -10px;}
.related-pro .owl-carousel .owl-nav{position: absolute;right: 10px;top: -25px;}
.related-pro .item_pro,.related-pro .item_news{margin: 10px;}

form.woocommerce-checkout{display: block;}
#customer_details{width: 100%;}
#order_review{width: 100%;padding-left: 0;padding-top: 20px;}

/* ABOUT_MB */
.ab_sec1{padding: 30px 0;}
.ab_sec1 .video{padding-top: 0;margin-bottom: 15px;}
.ab_sec1 .video img{height: 230px;}
.ab_sec1 .title{font-size: 36px;}
.ab_sec1 .sub{font-size: 22px;}
.ab_sec1 .text{font-size: 16px;}
.ab_sec2{padding: 30px 0;}
.ab_sec2 .row>div{width: 50%;float: left;}
.ab_sec2 .et-counter{width: 170px;height: 170px;}
.ab_sec2 .et-counter .et-counter-inner .counter-value{font-size: 50px;line-height: 60px;}
.ab_sec2 .et-counter .et-counter-inner .counter-title{font-size: 16px;line-height: 24px;}
.ab_sec3{padding: 30px 0;}
.ab_sec3 .title{font-size: 24px;margin-bottom: 15px;}
.ab_sec3 .sub{font-size: 18px;}
.ab_sec3 .list .item{width: 100%;margin: 0 !important;}
.ab_sec3 .list .item::before,.ab_sec3 .list .item:hover::before{transform: scale(3);font-size: 14px;left: 12px;}
.ab_sec3 .list .item .capt{font-size: 18px;margin-bottom: 10px;}
.ab_sec3 .list .item .text{font-size: 16px;}
.ab_sec4{padding: 30px 0;}
.ab_sec4 .list .item{padding: 20px;}
.ab_sec5{padding: 40px 0;}
.ab_sec5 .tab_group{display: block;}
.ab_sec5 .capt_single{margin-bottom: 30px;}
.ab_sec5 .tab_title{width: 100%;margin-bottom: 15px;}
.ab_sec5 .tab_title li a{padding: 10px 20px;font-size: 18px;}
.ab_sec5 .tab-content{width: 100%;padding: 25px;}
.ab_sec5 .col-left .content{font-size: 16px;}
.ab_sec5 .col-right .title_tab{margin-bottom: 25px;margin-top: 10px;font-size: 28px;padding: 8px 20px;}
.ab_sec5 .col-right .list .item .capt{font-size: 20px;}
.ab_sec5 .col-right .list .item .text{font-size: 16px;}
.ab_sec6{padding: 30px 0;}
.ab_sec6 .title{font-size: 34px;margin-bottom: 25px;}
.ab_sec6 .capt_single{margin-bottom: 10px;}
.ab_sec6 .list{display: block;}
.ab_sec6 .item{padding: 25px;min-height: 250px;}
.ab_sec6 .item .capt{font-size: 30px;}
.ab_sec6 .item:nth-child(2n+1) .capt span{font-size: 48px;}
.ab_sec6 .item:nth-child(5) .capt span{font-size: 40px;}

}


@media screen and (max-width: 1023px) and (min-width: 768px) {
/* Màn hình Ipad - dọc */
}