/*   

Theme Name: DEV Wordpress

Version:5.0

Author: Wordpress

*/
h1, h2, h3, h4, h5, h6{font-weight:700 !important}
.comment{list-style:none!important;margin-left:0;padding-bottom:13px;border-bottom:1px dashed #ededed;margin-bottom:21px}
.comment:first-child{border-top:none}
.comment .avatar{float:left;margin-right:20px;margin-bottom:20px;width:50px;font-size: 20px;    padding: 15px;text-align: center;}
.comment li{list-style:none}
.comment cite{font-weight:700;font-style:normal;font-size:14px;line-height:1}
@media (max-width:500px) {
.comment cite{font-size:16px}
.comment cite a{display:block}
}
.comment .comment-content,.comment .comment-meta,.comment .comment-respond{margin-left:70px}
.comment .comment-content{margin-top:7px}
.comment .comment-content p{margin-bottom:21px}
.comment .comment-content p:last-child{margin-bottom:0}
.comment p{margin-bottom:0;word-wrap:break-word}
.comment .logged-in-as{margin-bottom:10px}
.comment .children{margin-left:70px;padding-top:16px;border-top:1px dashed #ededed;margin-top:13px}
@media (max-width:500px) {
.comment .children{margin-left:34px}
}
.comment .children .children{margin-left:56px}
@media (max-width:500px) {
.comment .children .children{margin-left:0}
}
.comment .children .comment:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.comment .children .comment .avatar{width:36px;height:36px;position:relative;top:5px}
@media (max-width:500px) {
.comment .children .comment .avatar{top:0}
}
.comment .children .comment .comment-content,.comment .children .comment .comment-meta,.comment .children .comment .comment-respond{margin-left:56px}
.td-comments-title-wrap{transform:translateZ(0);-webkit-transform:translateZ(0)}
.comment-link{font-size:11px;line-height:1;color:#b4b4b4;padding-left:10px}
@media (max-width:500px) {
.comment-link{padding-left:0;margin-bottom:5px;margin-top:5px;display:block}
}
.comment-edit-link{font-size:11px;line-height:1;padding-left:10px}
.comment-edit-link:hover{text-decoration:underline}
@media (max-width:500px) {
.comment-edit-link{padding-left:0;margin-bottom:5px;margin-top:5px;display:block}
}
.comment-meta{margin-top:3px}
.comment-respond{margin-bottom:21px}
@media (max-width:767px) {
.comment-respond{margin-left:0!important}
}
.comment-reply-link{font-size:11px;color:#b4b4b4}
.comment-reply-link:hover{color:#4db2ec}
.single .comments{padding-top:10px;margin-top:-10px}
#reply-title{font-size:16px;font-weight:600;margin-bottom:7px;margin-top:10px}
.logged-in-as{margin-top:0;margin-bottom:10px;font-size:13px}
.logged-in-as a{color:#111;font-weight:600}
.logged-in-as a:hover{color:#4db2ec}
@media (max-width:767px) {
.logged-in-as a:last-child{display:block;float:right}
}
#cancel-comment-reply-link{font-size:12px;font-weight:400;color:#111;margin-left:10px}
#cancel-comment-reply-link:hover{color:#4db2ec}
.comment .comment-form-input-wrap{margin-top:0;margin-bottom:21px}
.comment-subscription-form{margin-bottom:3px;font-size:13px}
.comment-subscription-form .subscribe-label{margin-left:3px;position:relative;top:-1px}
@media (max-width:767px) {
.td-login-comment{background-color:#222;width:100%;margin-top:20px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700}
.td-login-comment a{color:#fff;padding:14px 0 15px;line-height:19px;display:block}
}
@media (max-width:767px) {
.comments .comment-form .submit{width:100%;font-size:15px;font-weight:700;text-transform:uppercase}
.comment-form-cookies-consent{display:flex}
}
.comments{clear:both}
.comment-form .td-warning-comment,.comment-form .td-warning-author,.comment-form .td-warning-email,.comment-form .td-warning-email-error{display:none}
.comment-form textarea{display:block}
.td-comment-form-warnings .td-warning-comment,.td-comment-form-warnings .td-warning-author,.td-comment-form-warnings .td-warning-email,.td-comment-form-warnings .td-warning-email-error{margin-bottom:-11px;color:#ff7a7a;font-size:11px;font-style:italic;line-height:15px}
.td-form-comment,.td-form-author,.td-form-email,.td-form-url{margin-top:0;margin-bottom:21px}
@media (max-width:767px) {
.comment-pagination{margin-bottom:25px;margin-left:-3%;margin-right:-3%;text-align:center}
.comment-pagination a{background-color:#222;color:#fff;padding:14px 0;display:inline-block;width:45%;text-align:center;line-height:1;margin:0 2%;font-size:13px}
}
@media (max-width:767px) {
.comment-list li:last-child{border:none}
}
.comment-form-cookies-consent label{margin-left:8px}
.comment-form-cookies-consent *{vertical-align:middle}
#ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-decimal>.ftwp-item>.ftwp-anchor::before{font-size:0}
#ftwp-container #ftwp-list.ftwp-liststyle-decimal .ftwp-anchor::before{text-indent:-1000px}
.ftwp-in-post#ftwp-container-outer.ftwp-float-right #ftwp-contents{width:100%!important}
.ftwp-in-post#ftwp-container-outer.ftwp-float-right {
    width: 100%!important;
    float: none!important;
    margin-left: 0!important;}
    .admin-bar .head.navbar-fixed-top {
    top: 32px!important;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999}
#back-top a{display: block;width: 38px;
    height: 38px;background: #505cfd;border-radius: 4px;text-align: center;line-height: 38px;color: #fff;font-size: 20px;}
.tagged_as{font-weight: 700;padding: 10px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 10px 0}
.tagged_as a{    font-size: 15px;
    color: #666;
    background: #f1f1f1;
    margin-right: 10px;
    display: inline-block;
    float: none;font-weight: 500;
    padding: 5px 7px;
    border-radius: 3px;}
.head.navbar-fixed-top {
    animation: stuckMoveDown .6s;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}

.pp_pro{padding:0!important}
.pp_pro .title_pp{padding:16px;text-align:center;display:block}
.pp_pro .title_pp .mb-3{font-weight:700;text-transform:uppercase;text-align:center;font-size:28px}
.pp_pro .title_pp .mb-3:after{content:' ';background:#333;width:50px;height:2px;margin-top:.5rem;display:block;margin-left:auto;margin-right:auto}
.formpp{padding:16px}
.formpp .form-group input{color:inherit;background-color:#FFF;border:1px solid #ced4da;border-radius:.25rem;box-shadow:none!important;line-height:1.5;width:100%;padding:.375rem 1rem;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;transition:all .3s ease 0}
.formpp .form-group textarea{font-size:1rem;color:inherit;background-color:#FFF;border:1px solid #ced4da;border-radius:.25rem;box-shadow:none!important;line-height:1.5;width:100%;padding:.375rem 1rem;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;transition:all .3s ease 0;height:60px}
.submit_pp{background-color:#e0e0e0;padding:16px;text-align:center}
.submit_pp .form-group{margin-bottom:0}
.submit_pp .form-group input[type='submit']{color:#FFF!important;background-color:#505CFD;border-color:#505CFD;font-size:22px;font-weight:600;border:none;border-radius:25px;height:45px;line-height:45px;width:86px}




.logo_head{display: none;text-align: center;}
.logo_head a img{height: 45px;width: auto;object-fit: cover;}
.head.navbar-fixed-top .logo_head{display: block;}
.head.navbar-fixed-top .row{display: flex;align-items: center;}

@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}
}
.comment-face iframe{width: 100% !important}
.breadcrums{ padding: 8px 0;background: #f9f9f9;}
.breadcrums .fa{margin: 0 4px;}
.phone_backtotop{position:fixed;bottom:60px!important;left: 40px; z-index:999999;top:auto!important;width:60px;height:60px;line-height:60px;font-size:14px;font-weight:400;text-align:center;display:inline-block;color:#fff;border-radius:50%;background:#f62d3e;text-decoration:none;transition:opacity .2s ease-out;opacity:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;animation:play 1.5s ease infinite;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.phone_backtotop .fa{font-size:18px;color:#fff}
@keyframes play {
0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg);box-shadow:0 0 0 5px rgba(232,77,89,0.33),0 0 0 10px rgba(232,77,89,0.33)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0deg) scale(1) skew(1deg);box-shadow:0 0 0 5px rgba(232,77,89,0.33),0 0 0 10px rgba(232,77,89,0.33),0 0 0 15px rgba(232,77,89,0.33)}
100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
body{font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 15px;}
a{transition: all 300ms ease-in-out;}
.container{}
.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: bold;}
.uppe{text-transform: uppercase;}
.flex{display: flex;align-items: center;}
.support-fix{position: fixed;right: 20px;bottom: 150px;z-index: 9999;}
.support-fix ul li{display: block;}
.support-fix ul li a{width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
border: none;
font-size: 18px;
color: #fff;
text-align: center;
position: relative;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: #f7a400;}
.support-fix ul li.x1 a{background-image: url(images/widget_icon_contact_form.svg)!important;}
.support-fix ul li.x2 a{background-image: url(images/widget_icon_click_to_call.svg)!important}
.support-fix ul li.x3 a{    background-image: url(images/widget_icon_messenger.svg)!important;}
.support-fix ul li.x4 a{background-image: url(images/widget_icon_zalo.svg)!important;}
.support-fix ul li.x5 a{background-image: url(images/widget_icon_map.svg)!important;}
.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: #045d2d;}
    .popup-customer-info-group .devvn-order-btn{background: #045d2d;}
    .woocommerce .quantity .qty {
    width: 50px;    display: inline-block;
    text-align: center;
  height: 33px;}
  .woocommerce #reviews #comments h2 {
    clear: none;
    text-align: left;
    font-weight: 700;
    padding: 10px 0;}
  .woocommerce div.product form.cart .button{float: none}
  a.devvn_buy_now_style{background: #045d2d;border-radius: 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: #045d2d;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    height: 33px;}
    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 {position: absolute;
    top: 10px;z-index: 2;
    right: 0;
    width: 60px;
    height: 26px;
    background: url(images/salee.png)no-repeat;
    color: #fff;
    text-align: center;
    line-height: 26px;}
.content_ct h2{padding-top: 0 !important;margin-top: 0 !important;}
.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: 40px;height: 40px;border: 1px solid #505cfd;line-height: 38px;text-align: center;color: #505cfd;display: inline-block;padding: 0 10px;}
.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: #505cfd;color: #fff;border-color: #505cfd;}


*{margin:0;padding:0;line-height:1.6}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}

a{text-decoration:none;cursor:pointer;color:#333}
a:hover{color: #505cfd;}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}
.content-post img{display:block;margin:15px auto}
.content-post p{margin-bottom: 10px;padding: 4px 0;}
.content-post p img{margin: 0 auto;}
.content-post ul,.content-post ol{margin-left: 24px;margin-bottom: 10px;padding: 4px 0;}
.content-post table{padding: 4px 0;margin-bottom: 10px;width: auto;}
.content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{margin-top: 10px;padding: 4px 0;}
.content-post h1{font-size: 22px}
.content-post h2{font-size: 19px;color: #505CFD;}
.content-post h3{font-size: 16px;color: #FFBA00}
.content-post h4{font-size: 15px;}
.content-post h5,.content-post h6{font-size: 14px;}
.content-post a{font-weight: 500;text-decoration: underline;color: #505cfd;}
.wp-caption.aligncenter{max-width:100%!important}

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
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;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 auto;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:15px;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}
.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}
.form-group{margin-bottom:15px;position:relative}
.form-group .input{outline: none;margin-bottom: 0;line-height: 26px;border-color: #1f1f1f;padding: 0 10px;border-radius: 3px;}
.form-group label{margin-bottom: 0;}
.form-button .button{color: #fff;padding: 8px 40px;border-radius: 10px;background: #505cfd;height: auto;line-height: normal;}
.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;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;}
.owl-carousel .owl-dots .owl-dot.active span{background: #869791;}
.owl-carousel .owl-nav .owl-prev {outline: none; position: absolute; left: 0; margin: 0; line-height: 50px; border-radius: 5px;background: none; width: 30px; position: absolute; top: 50%; transform: translate(0%,-50%); height: 50px; text-align: center; font-size: 20px; font-weight: bold;  color: #1f1f1f; font-family: -webkit-body; box-shadow: 0 0 1px 2px #e8e8e8}
.owl-carousel .owl-nav .owl-next {outline: none; position: absolute; right: 0; margin: 0; border-radius: 5px;background: none; width: 30px; height: 50px; line-height: 50px; text-align: center; font-size: 20px;  font-weight: bold; position: absolute; top: 50%; transform: translate(0%,-50%); color: #1f1f1f; font-family: -webkit-body; box-shadow: 0 0 1px 2px #e8e8e8}

h1,h2,h3,h4,h5,h6{margin-top: 0;font-weight: 400;line-height: 1.3}
.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: 20px;grid-row-gap: 20px;}
.columns-3{grid-template-columns: repeat(3,1fr);display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}
.columns-4{grid-template-columns: repeat(4,1fr);display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}
.columns-5{grid-template-columns: repeat(5,1fr);display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}
.columns-6{grid-template-columns: repeat(6,1fr);display: grid;grid-column-gap: 20px;grid-row-gap: 20px;}

#header{background: #fff;z-index: 99;}
.header_top{padding: 10px 0;}
.header_top .logo img{max-height: 74px;}
.header_top .search{padding: 0 15px;}
.header_top .search form{position: relative;width: 100%}
.header_top .search form .search-field{width:calc(100% - 80px);margin-bottom: 0;outline: none;height: 40px;border-radius: 6px 0 0 6px;border: 1px solid #ddd;padding: 0 10px;line-height: 40px;}
.header_top .search form button{position: absolute;top: 0;right: 0;width: 80px;height: 40px;border: none;border-radius: 0 6px 6px 0;background: #505cfd;color: #fff;font-size: 16px;outline: none;}
.header_top .hotline .capt{margin-bottom: 0;}
.header_top .hotline .call a{color: #505cfd;font-weight: 500;font-size: 16px;}
.header_menu{border-top: 1px solid #ccc;padding: 10px 0;}
.header_menu .menu{list-style: none;margin: 0;}
.header_menu .menu li > .sub-menu{    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 99;    border-top: 3px solid #505cfd;
    width: 400px;overflow: hidden;
    list-style: none;
    margin: 0;border-radius: 10px;
    background: #fff;
    text-align: left;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    top: 110%;}
.header_menu .menu>li:hover>.sub-menu{    opacity: 1;visibility: visible;}
.header_menu .menu >li > .sub-menu > li{width: 50%;float: left;border-bottom: 1px solid #ccc;}
.header_menu .menu >li > .sub-menu > li:nth-child(2n+1){border-right: 1px solid #ccc;}
.header_menu .menu li > .sub-menu  li > a{display: block;
    color: #505cfd;font-weight: 600;
    padding: 6px 10px;}
.header_menu .menu li > .sub-menu > li:hover > a{background: #505cfd;
    color: #fff;}
.header_menu .menu li > .sub-menu > li > .sub-menu{left: 100%;top: -3px;background: #505cfd;width: 200px;}
.header_menu .menu li > .sub-menu > li > .sub-menu>li{border-bottom: 1px dashed #fff;}
.header_menu .menu li > .sub-menu > li > .sub-menu>li>a{color: #fff;}
.header_menu .menu li > .sub-menu > li > .sub-menu>li:hover>a{background: #ffba00}
.header_menu .menu li > .sub-menu > li:hover > .sub-menu{opacity: 1;visibility: visible;}


.header_menu .menu li{position: relative;}
.header_menu .menu >li{display: inline-block;margin: 0 8px;}
.header_menu .menu >li>a{font-weight: 600;display: block;line-height: 34px;padding: 0 16px;border-radius: 30px;text-transform: uppercase;font-size: 16px;}
.header_menu .menu >li:hover>a,.header_menu .menu >li.current-menu-item>a,.header_menu .menu >li.current-menu-parent>a{background: #505cfd;color: #fff;}
.policy_home{padding: 30px 0 0;}
.policy_home .columns-4{grid-column-gap: 30px;grid-row-gap: 20px;}
.policy_home .item .img{float: left;width: 40px;}
.policy_home .item .img img{transition: all 0.6s ease;}
.policy_home .item:hover .img img{transform: rotateY(360deg)}
.policy_home .item .info{float: right;width: calc(100% - 55px);}
.policy_home .item .info .capt{font-size: 15px;font-weight: 500;margin-bottom: 5px;}
.policy_home .item .info .text{color: #919191;}
#footer{padding: 20px 0;background: #eeeeee;}
.footer-title{text-transform: uppercase;font-size: 17px;margin: 10px 0;font-weight: 500;}
#footer .widget_info{margin-bottom: 5px;}
#footer .widget_info h5{font-weight: 500;line-height: 24px;margin-bottom: 5px;}
#footer .widget_info >div{color: #919191;border-left: 1px solid #919191;padding-left: 10px;line-height: 24px;font-size: 12px;}
.copyright{text-align: center;background: #000;padding: 7px 0;color: #fff;}
.copyright p{margin: 0;}
.titlehome{font-size: 22px;margin-bottom: 15px; color: #505cfd;margin-top: 10px;}
.titlehome a{display: inline-block;color: #505cfd}
.product_home{padding: 0 0 10px 0}
.box_item{padding: 0 10px;margin-bottom: 20px;}
.item_pro{text-align: center;position: relative;}
.item_pro .img{border: 1px solid #dfdfdf;background: #fff;border-radius: 6px;position: relative;overflow: hidden;height: 250px;display: table;width: 100%;}
.item_pro .img>a{display: table-cell;vertical-align: middle;position: relative;transition: all .4s;width: 100%;height: 100%;}
.item_pro .img>a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.item_pro .img>a>img{width: auto;max-height: 246px;display: block;margin: 0 auto;transition: transform 0.5s ease;}
.item_pro .img .add_to_cart {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;text-align: center;transition: all .3s;opacity: 0;visibility: hidden;}
.item_pro .img .add_to_cart .icon{color: #fff;font-weight: bold;width: 40px;height: 40px;background: #505cfd;border-radius: 50%;display: inline-block;line-height: 40px;text-align: center;}
.item_pro .img:hover>a:after{background: rgba(0, 0, 0, 0.51);}
.item_pro .img:hover>a>img{opacity: .8;transform: scale(1.1);}
.item_pro .img:hover .add_to_cart{visibility: visible;opacity: 1;}
.item_pro .info{padding-top: 10px;}
.item_pro .info .capt{margin-bottom: 8px;font-size: 16px; height: 30px;line-height: 25px;overflow: hidden;}
.item_pro .info .capt a{display: block;}
.item_pro .info .capt a:hover{font-weight: 500;}
.price{color: #ef0000;font-weight: bold;}
.price del{color: #aaa9a9;font-weight: 400;}
.price ins{text-decoration: none;}
.item_pro .info .price{font-size: 16px;line-height: 25px;}
.item_pro .info .price del{width: 49%;float: right;font-size: 14px;line-height: 25px;}
.item_pro .info .price ins{width: 49%;float: left;line-height: 25px;}
.slider_pro{margin: 0 -10px}
.slider_pro .owl-nav .owl-prev{left: 12px;top: 40%}
.slider_pro .owl-nav .owl-next{right: 12px;top: 40%}
.project_home{background: #eeeeee;background-size: cover;background-repeat: no-repeat;padding: 20px 0 30px;color: #fff;position: relative;}
.project_home:before{    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    opacity: .8;}
.project_home .titlehome{margin-bottom: 25px;color: #fff;position: relative;}
.project_home .titlehome a{color: #fff;}
.project_home .titlehome a:hover{    color: #505cfd;}
.project_home .columns-3{grid-column-gap: 30px;grid-row-gap: 30px;}
.project_home .item{position: relative;}
.project_home .item .img{display: table;table-layout: fixed;    border: 2px solid #fff;  position: relative;border-radius: 6px;width: 100%;}
.project_home .item .img a{position: relative;text-align: center;display: table-cell;vertical-align: middle;height: 100%;width: 100%;transition: all .4s;}
.project_home .item .img a img{height: 236px;transition: all .5s}
.project_home .item .img .time{position: absolute;background: #505cfd;padding: 10px 5px;bottom: -35px;left: 50%;transform: translateX(-50%);text-align: center;}
.project_home .item .img .time span{display: block;}
.project_home .item .img .time .date{font-size: 25px;line-height: 30px;font-weight: 500;}
.project_home .item .info{padding-top: 50px;}
.project_home .item .info .capt{font-size: 16px;height: 48px;overflow: hidden;line-height: 24px;}
.project_home .item .info .capt a{color: #fff;display: block;}
.project_home .item .info .text{overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.project_home .item .info .more_link{display: inline-block;padding: 3px 17px;color: #fff;border: 1px solid #fff;border-radius: 30px;margin: 10px auto;}
.project_home .item:hover .info .capt a{color: #505cfd;}
.project_home .item:hover .info .more_link{background: #505cfd;}
.project_home .item:nth-child(even) .info{padding-top: 0;}
.project_home .item:nth-child(even) .img{bottom: 0;position: absolute;}
.project_home .item:nth-child(even) .img .time{top: -35px;bottom: auto;}
.news_home{padding: 30px 0 50px;}
.news_home .item .img img{height: 185px;}
.news_home .item .info{border: 1px solid #ddd;padding: 15px;}
.news_home .item .info .capt{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 0;}
.news_home .item .info .date{display: block;padding: 10px 0;color: #666;font-size: 14px;}
.news_home .item .info .content{height: 96px;overflow: hidden;}
.news_home_mb{display: none;}


.entry-title{font-size: 24px;font-weight: 500;line-height: 36px;color: #505cfd}
.form_ct{padding-right: 100px;}
.sidebar-title{margin-bottom: 15px;background: #505cfd;color: #fff;font-size: 15px;text-transform: uppercase;line-height: 40px;border-radius: 30px;text-align: center;}
.sidebar_ct .supports{border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.sidebar_ct .supports .item{padding: 10px;background: #fff;}
.sidebar_ct .supports .item:nth-child(even){background: #f5f5f5}
.sidebar_ct .supports .item .img{float: left;width: 45px;}
.sidebar_ct .supports .item .img img{height: 45px;}
.sidebar_ct .supports .item .info{float: left;width: calc(100% - 45px);padding-left: 15px;}
.sidebar_ct .supports .item .info .name{margin-bottom: 4px;}
.sidebar_ct .supports .item .info .call a{font-size: 18px;color: #ff5152;font-weight: 400}
.single_title{color: #505cfd;}
.entry-meta{color: #6c757d;margin-bottom: 20px;}
.entry-meta span{margin-right: 10px;}
.entry-meta span .fa{margin-right: 4px;}
.comment-face iframe{width: 100% !important}
.related_post .item{padding: 10px 0;border-top: 1px dashed #ddd;}
.related_post .item .img{float: left;width: 150px;}
.related_post .item .info{float: left;width: calc(100% - 150px);padding-left: 15px;}
.related_post .item .img img{height: 100px;}
.related_post .item .info .capt{font-size: 15px;font-weight: 500;margin-bottom: 3px;}
.related_post .item .info .capt a{display: block;}
.related_post .item .info .text{font-size: 13px;}
#content_pages{padding: 15px 0 30px;}
.item_news{margin-bottom: 40px;padding-top: 10px;}
.item_news .date_post{width: 11%;float: left;font-size: 16px;font-weight: 500;}
.item_news .date_post .day{font-size: 32px;font-weight: 600;border-top: 5px solid #f1f1f1;display: inline-block;margin-top: 10px;padding-top: 5px;}
.item_news .img{width: 45%;float: left;position: relative;}
.item_news .img img{height: 300px;}
.overlay{position: absolute;bottom: 0;left: 0;top: 0;right: 0;background: #1111114f;transition: all .3s;transform: scale(0);}
.item_news .img:hover .overlay{transform: scale(1);}
.item_news .img .overlay .texts{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.item_news .img .overlay .texts a{display: block;color: #fff;font-size: 16px;}
.item_news .info{width: 44%;padding-left: 3%;float: left;}
.item_news .info .capt{font-size: 20px;font-weight: 500;}
.item_news .info .desc{color: #919191;line-height: 24px;text-align: justify;padding-bottom: 15px;border-bottom: 1px solid #ccc}
.sec1 .title{font-size: 26px;color: #6c757d;margin-bottom: 20px;}
.titleabout{margin-bottom: 30px;font-size: 22px;text-transform: uppercase;font-weight: bold;text-align: center;color: #505cfd;position: relative;}
.titleabout span{padding: 0 10px;display: inline-block;background: #fff;z-index: 2;position: relative;}
.titleabout:before{content: "";width: 75%;height: 1px;background: #6c757d;top: 50%;left: calc(25% / 2);position: absolute;}
.sec1 .titleabout{font-size: 16px;margin-bottom: 10px;}
.sec1 .item{margin-bottom: 30px;}
.linkhome{display: inline-block;padding: 6px 30px;border-radius: 10px;background: #505cfd;color: #fff;text-transform: uppercase;font-size: 15px;}
.linkhome:hover{color: #fff;transform: scale(1.1);}
.sec_about{margin-bottom: 40px;}
.sec2 .item img{width: 150px;height: 150px;object-fit: cover;display: block;margin: 0 auto 20px;}
.sec2 .item .number{font-size: 50px;font-weight: 900;color: #505cfd;line-height: 1}
.sec2 .item .text{font-size: 16px;line-height: 40px;}
.sec3 .info .meta{padding-top: 10px;}
.sec3 .info .meta .sub{font-weight: 500;color: #7a7a7a;margin-bottom: 20px;}
.sec3 .info .meta .name{font-weight: 500;font-style: italic;color: #505cfd;font-size: 16px;}
.sec4 .columns-3{grid-row-gap: 30px;grid-column-gap: 30px;}
.sec4 .item i.fa{font-size: 50px;color: #505cfd;margin-bottom: 15px;height: 50px;}
.sec4 .item i.fa:hover{ -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;}
.iconic-woothumbs-images-wrap{padding: 20px 50px;border: 1px solid #ddd;}
.iconic-woothumbs-images-wrap .slick-slide img{height: 450px;width: auto;display: block;margin: 0 auto !important;}
.iconic-woothumbs-thumbnails-wrap .slick-slide img{border: 1px solid #ddd;padding: 3px;}
.iconic-woothumbs-thumbnails__slide--active, .iconic-woothumbs-thumbnails__slide--active:hover{opacity: 1}
.iconic-woothumbs-thumbnails__slide--active.slick-slide img{box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);border-color: rgba(74,169,210,1);}
.iconic-woothumbs-thumbnails__control{display: block !important;opacity: 1;background: none;width: 20px;}
.iconic-woothumbs-thumbnails__control .iconic-woothumbs-icon{color: #333333;font-weight: 900;font-size: 20px;height: 34px;width: 20px;line-height: 34px;border-radius: 5px;box-shadow: 0 0 1px 1px #e8e8e8;}
.iconic-woothumbs-thumbnails__control .iconic-woothumbs-icon:before{font-weight: 600 !important}
.info-product .parameter{margin-bottom: 15px;}
.info-product .parameter .item{padding: 3px 3px 3px 18px;background: url(images/icon_atri.png) left center no-repeat;}
.info-product .parameter .item .attribute-label{font-weight: 500;}
.woocommerce div.product .stock{color: #505cfd;font-weight: 400}
.info-product .price {font-size: 20px;margin-bottom: 25px;}
.info-product .price .capt{font-weight: normal;color: #333;margin-right: 20px;font-size: 14px;}
.info-product .price del{font-size: 15px;margin-right: 10px;}
.info-product .cart{display: none;}
.info-product .button_link{margin-bottom: 15px;padding-right: 100px;}
.info-product .button_link a{display: block;background: #505cfd;color: #fff;font-size: 15px;font-weight: 500;padding: 3px 15px;border-radius: 25px;text-align: center;margin-bottom: 15px;}
.info-product .button_link .text{display: inline-block;}
.info-product .button_link .fa{display: inline-block;font-size: 35px;line-height: 42px;margin-right: 5px}
.info-product .button_link .text span{display: block;font-size: 12px;}
.info-product .button_link .text span.capt{text-transform: uppercase;font-size: 13px;}
.info-product .button_link a.link_yellow{background: #ffba00;}
.info-product .button_link a:hover{background: #333333}
.info-product .time_work{margin-bottom: 15px;}
.info-product .showrooms .title{font-size: 16px;padding-bottom: 10px;position: relative;font-weight: 500;}
.info-product .showrooms .title:after{    content: "";position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: #505cfd;}
.tab_pro_detail{list-style: none;margin-bottom: 15px;}
.tab_pro_detail li{display: inline-block;margin-right: 10px;margin-bottom: 6px;}
.tab_pro_detail li a{display: block;font-size: 15px;text-transform: uppercase;padding: 5px 20px;background: #d8d8d8;border-radius: 25px;}
.tab_pro_detail li:hover a,.tab_pro_detail li.active a{background: #505cfd;color: #fff;}
.product-content .tab-content{padding: 15px 0;border-top: 1px solid #505cfd;}
.kk-star-ratings{float: right;margin-bottom: 15px;}
.related-products{padding: 20px 0;}
.woocommerce-ordering{display: none;}
.banner_arc{margin-bottom: 10px;}
.archive_pro.titlehome{margin-bottom: 10px;margin-top: 0;}
.products{padding-top: 15px;}
.product-categories{list-style: none;margin: 0;}

.product-categories ul.children{list-style: none;margin: 0;display: none;}
.product-categories>li{padding: 8px 10px 8px 30px;text-transform: uppercase;font-weight: 500;position: relative;margin-bottom: 8px;background: #f3f3f3;border-radius: 5px;}

.product-categories>li a{display: inline-block;position: relative;transition: 0s;}
.product-categories>li>i.fa{position: absolute;cursor: pointer;top: 12px;left: 10px;}
.product-categories ul.children>li{padding: 3px 5px 3px 5px;font-weight: normal;text-transform: none;}
.product-categories ul.children>li .count{display: none;}
.product-categories ul.children>li>a:before{content: "-";margin-right: 5px;}
.product-categories li.current-cat>a{color: #505cfd}
.product-categories li.current-cat>span{color: #505cfd}
.product-categories li.current-cat>i{color: #505cfd}
.product-categories li.current-cat-parent>ul.children,.product-categories li.current-cat.cat-parent>ul.children{display: block;}
.content_bottom{margin-top: 20px;padding: 10px 0;border-top: 1px solid #505cfd}
.banner_arc .img img{max-height: 350px;border-radius: 10px;}
.read-more-plus, .read-more-minus{margin-top: 20px;text-align: center;}
.read-more-plus span, .read-more-minus span{display: inline-block;padding: 10px 25px;border-radius: 20px;text-transform: uppercase; background: #505cfd;color: #fff;cursor: pointer;}

.sidebar_pro .product-categories{border: 1px solid #ccc;
    border-radius: 5px;}
.sidebar_pro .product-categories>li{    margin-bottom: 0;border-radius: 0;
    background: url(http://khomaudepraothue.com/noithat01/wp-content/themes/RT/assets/css/images/li_menu.png)bottom center no-repeat;}
.sidebar_pro .product-categories>li:hover{background: #505cfd;}
.sidebar_pro .product-categories>li:hover>a{color: #fff;transition: 0s;}
.sidebar_pro .product-categories>li:hover span{color: #fff;}
.sidebar_pro .product-categories>li:hover i{color: #fff;}







.sidebar_pro .product-categories>li.cat-parent:hover{background: #fff;}
.sidebar_pro .product-categories>li.cat-parent:hover >a{color: #505cfd;}
.sidebar_pro .product-categories>li.cat-parent:hover span{color: #505cfd;}
.sidebar_pro .product-categories>li.cat-parent:hover i{color: #505cfd;}
.sidebar_pro .product-categories>li.cat-parent .children li:hover{background: #fff;}
.sidebar_pro .product-categories>li.cat-parent .children li:hover>a{color: #505cfd;transition: 0s;}




.title-sp {
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    color: #505cfd;
    margin: 30px 0;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;}
.title-sp:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    width: 32px;
    margin: 0 auto;
    background: #505cfd;}
.name-line {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;}
.category-sections>li{list-style: none;}
.category-sections>li:nth-child(3n+1) {
    clear: left;}
.list-unstyled {
    padding-left: 0;
    list-style: none;}
.mb-5, .my-5 {margin-bottom: 3rem!important;}
.category-sections>li a {padding: 5px 0;
    color: #505cfd;
    display: block;}
.info-search {
    max-width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;}
.info-search .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
    color: #333;}
.home-search {
    margin-top: 50px;}
.home-search .link a{color: #505cfd}
.frm_seach input{    height: 45px;
    line-height: 45px;
    padding: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    border-radius: 2px;
    display: block;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;}
.frm_seach button[type='submit']{width: 45px;
    height: 45px;
    line-height: 45px;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    text-indent: -3px;
    border-radius: 0 4px 4px 0;
    background-color: #505cfd;
    color: #fff;}
.social_item li {
    display: inline-block;
    clear: left;
    vertical-align: middle;}
.social_item li a {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px .5rem;
    background: #55acee;}
.social_item li:last-child a {background: #007bb5;}
.cmt-sigle .entry-comments>p{font-weight: 500;font-size: 20px;margin: 20px 0 10px !important;}
.comment-form .form-group button{border-radius: 25px;text-transform: uppercase;background: #505cfd}

.tax-product_cat .breadcrums .container>:nth-child(3), .tax-product_cat .breadcrums .container>:nth-child(4), .single-product .breadcrums .container>:nth-child(3), .single-product .breadcrums .container>:nth-child(4) {display: none;}
.sidebar .sidebar-title {
    position: relative;
    padding: 10px 15px;
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
    color: #505cfd;border-radius: 0;
    font-size: 18px;
    font-weight: 600;}
.news_sidebar{    border: 1px solid #ccc;
    margin-bottom: 25px;}
.sidebar .blog-list .loop-blog {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    margin: 0 15px;}
.sidebar .blog-list .loop-blog .name_top {
    padding: 3px 0 13px;
    font-size: 16px;}
.sidebar .blog-list .loop-blog .name_top a {
    color: #333;font-weight: 500;}
.sidebar .row>div {padding: 0 10px;}
.sidebar .row {margin: 0 -10px;}
.sidebar_pro .caps_sidepro{background: #505cfd;
    color: #fff;margin: 0;
    font-weight: 600;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;}
.sidebar_pro .box_sidepro{background: #ecebe9;
    padding: 20px;}
.sidebar_pro .box_sidepro .item{display: flex;align-items: center;margin-bottom: 20px;font-size: 14px;}
.sidebar_pro .box_sidepro .item img{    width: 50px;
    height: 50px;
    margin-right: 15px;display: block;}
.news_posts .post-item{    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #e6e5e5;
    border-radius: 5px;
    overflow: hidden;}
.news_posts .post-item .post-thumb {
    position: relative;
    border-bottom: 2px solid #505cfd;}
.news_posts .post-item .post-thumb a.img-thumb {
    height: 210px;
    overflow: hidden;
    display: block;}
.news_posts .post-item .post-thumb img {
    width: 100%;
    height: 210px;
    object-fit: cover;}
.news_posts .post-item h2 a {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #3e3d3c;
    padding: 0 25px;
    background: #fff;
    margin: 20px 0;
    max-height: 60px;
    overflow: hidden;}
.news_posts .post-item:hover{-webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 15px -3px rgba(0,0,0,.5);
    box-shadow: 0 0 15px -3px rgba(0,0,0,.5);}




@media(max-width:768px) {

.project_home .owl-nav button{color: #fff !important;top: 55% !important;box-shadow: none !important;}

.head.navbar-fixed-top{background: #505cfd;}
.header-mobile{background: #505cfd;}
.logo img {margin: 0 auto;width: 100%;display: block;max-width: 40%;}
#search_mb {
    float: right;
    position: absolute;
    margin-top: 1px;
    right: 10px;
    top: 5px;
    z-index: 99;}
#search_mb a {color: #fff;
    font-size: 26px;}
.search_mb .search_form {
    position: absolute;
    width: 300px;
    right: 0;
    top: 120%;}
.woocommerce-product-search input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;}
.search_mb .search_form button {
    height: 39px;
    top: 3px;}
.woocommerce-product-search button {
    position: absolute;
    right: 0;padding: 0 10px;
    background: #505cfd;
    border: 0;
    color: #fff;}
.slider_pro{margin: 0 !important;}
.sidebar_ct {display: none;}
.form_ct{padding: 0;}


.header-mobile{padding: 4px 0}
#sticker .hotline .text b{color:#505cfd;font-size:16px}
#sticker .lang{border-top:1px solid #505cfd;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#505cfd}
.cl-red{color:#505cfd}
#sticker-wrapper{width:310px;max-width:100%;background:#505cfd;height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:116px 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0}
#touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#fff;position:absolute;width:30px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;padding:0 10px;overflow:hidden}
iframe{width: 100%}
.menu-main{display:none}
.header-top{height:8px}
.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)}
.content-header .tbl{padding:5px 0;width:100%}
.tbl > .tbl-cell{display:table-cell}
.header-mobile{padding: 5px 0}
.content-header .tbl .tbl-cell{width:30%;white-space:nowrap}
.text-hl{font-size:13px}

.num-hl{font-size:18px;font-weight:700}
#sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed}
#sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s}
#sticker .container{padding:0}
#sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}
#sticker.opened #sticker-wrapper{left:0}
#sticker.opened #sticker-overlay{opacity:1;visibility:visible}
#sticker .tbl,#sticker .tbl-cell{display:block;width:100%}
#sticker .sticker-header{position:absolute;top:0;left:0;width:100%}
#sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px}
#sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase}
#sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff}
#sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
#sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#sticker .sticker-body{max-height:100%;overflow:auto}
#sticker .search form{position:relative}
#sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0}
#sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0}
#sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0}
#sticker .main-menu > li{display:block;border-bottom:1px solid #fff;padding:0;position:relative;width:100%}
#sticker .main-menu > li > a{color:#fff;line-height:14px;padding:11px 45px 11px 15px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize}
#sticker #sticker-wrapper .main-menu > li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;color:#fff}
#sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px}
#sticker ul.main-menu > li ul:after{display:none}
#sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px}
#sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;color:#fff}
#sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#2d2d2d;color:#fff}
.sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff}
.sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700}
#sticker .hotline .text{min-height:34px;line-height:34px;background:url(../img/hotline-icon.png) 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px}
#sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600}
#sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px}
#sticker .lang .current{color:#ddd;font-weight:700}
#sticker .socials{display:inline-block;width:auto;color:#fff;margin-bottom:0;padding:0}
#sticker .socials:after{content:"";display:table;clear:both}
#sticker .socials > li{width:16.666666666667%;border:none;float:left;list-style:none}
#sticker .socials > li > a{padding:0;display:block;height:50px;line-height:50px;border:1px solid #bbb8b8;text-align:center;border-left:none;font-size:18px;color:#fff}
#sticker .socials > li > a .fa{border-radius:0;font-size:20px;color:#fff}
#sticker .socials > li:last-child > a .fa{border-right:none}
#touch-menu{width:30px;height:25px;float:right;position:absolute;margin-top:1px;left:10px;top:12px;z-index:99}

#touch-menu .touch-menu-inner{display:block;margin-top:-2px;top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
#touch-menu.opened .touch-menu-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
#touch-menu.opened .touch-menu-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}
#touch-menu.opened .touch-menu-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{display:block;content:""}
#touch-menu .touch-menu-inner:before{top:-10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
#touch-menu .touch-menu-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
.flex,.flex_al{display: block;}
.columns-2,.columns-3,.columns-4,.columns-5,.columns-6{display: block;}
.policy_home .item{padding: 6px 0;}
.product_home{padding: 20px 0;}
.project_home .item{margin-bottom: 15px;}
.project_home .item:nth-child(2n) .img{position: relative;bottom: auto;}
.project_home .item:nth-child(2n) .img .time{top: auto;bottom: -35px;}
.project_home .item:nth-child(2n) .info{padding-top: 50px;}
.sidebar_ct,.sidebar_pro {margin-top: 20px;}
.maps iframe{height: 300px}
.box_single{padding: 10px!important;}
.iconic-woothumbs-images-wrap{padding: 10px ;}
.iconic-woothumbs-images-wrap .slick-slide img{height: auto;}
.info-product .button_link .fa{display: none;}
.info-product .button_link{padding-right: 0;}
.info-product .button_link .text span.capt{font-size: 13px;}
.info-product .button_link .text span{font-size: 12px;}
.tab_pro_detail li a{font-size: 12px;padding: 5px 15px;}
.sidebar_pro {display: none;}
.sec1 .img{margin-bottom: 15px;}
.sec2 .item img{width: 100px;height: 100px;}
.sec2 .item{margin-bottom: 15px;}
.sec2 .item .number{font-size: 40px;}
.sec2 .item .text{font-size: 14px;line-height: 20px;margin-top: 5px;}
.sec_about{margin-bottom: 30px;}
.sec4 .columns-3{display: grid;grid-template-columns :repeat(2,1fr);grid-row-gap:15px;grid-column-gap: 10px}
.sec4 .item .capt{font-size: 14px;}
.sec4 .item .text{font-size: 12px}
.item_news .date_post{width: 18%;text-align: center;}
.item_news .img{width: 82%;margin-bottom: 10px;}
.item_news .info{width: 100%;padding-left: 0;}
.item_news .img img{height: 200px;}
#content_pages{padding: 20px 0;}
.entry-title{font-size: 20px;line-height: 30px;}
.news_home .item {margin-bottom: 20px;}
.news_home_mb{display: block;}
.news_home_pc{display: none;}

}