*{margin:0;padding:0;line-height:1.5}
#wtg-wrapper {
    width: 100%;
    position: relative;
    z-index: 999;}
    #bottombar {
    width: 100%;
    border: none;
    position: fixed;
    bottom: 0px;
    z-index: 9999999;
    left: 0px;
    background: #06548f;border-top:1px solid #ddd;
    opacity: 1;
    color: #fff;
    font-size: 16px;}
    #bottombar .hotline {
    line-height: 40px;
    vertical-align: middle;
    background: url(img/hotline.png) no-repeat left;
    padding-left: 80px;
    float: left;
    white-space: nowrap;}
    #bottombar .line2 {
    margin-left: 0px;}
    #bottombar .line3 {
    float: right;}
    #bottombar .hotline span {
    font-size: 18px;
    font-weight: bold;}
    #bottombar .hotline span a{color: #fff}
.pad5 {margin: 0 -8px;}
.pad5 > div  ,.pad5 > ul{padding: 0 8px;}

a:hover, a:focus, a:visited {
text-decoration: none;
outline: none;}
a {
text-decoration: none;
cursor: pointer;
color: #333;}
img{max-width:100%;border:none;height:auto}
li{list-style:none}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%}
p.wp-caption-text{text-align: center;}
.breadcrumb{text-align: left !important;}
.content-post img, .content-post iframe{display: block;margin: 15px auto}
.wp-caption.aligncenter{max-width: 100% !important}
.hotline-mobile{display: none}
.sidebar-product .info_right{width: 100% !important;padding: 0 !important;margin-top: 30px;}
#slide-banner .fr .item img{    border: 1px solid #66c9f9;    border: 1px solid #66c9f9;
    height: 169px;
    width: 100%;
    object-fit: contain;}
.chosen-container{width: auto !important}
.woocommerce div.product form.cart{margin-bottom: 0}
/*.logo{max-width: 12%}*/
/*.logo{max-width: 16%}*/
.headerV2 .logo img {
    max-height: 80px;
    /*height:40px;*/
}
.tit-mt{font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;}
.chosen-container-single .chosen-single{border: 0;
    border-radius: 0;
    padding: 0;
    background: none;
    box-shadow: 0 0 0px #fff inset, 0 0px 0px rgba(0,0,0,.1);
    height: auto !important;
    line-height: inherit !important;}
.content-post ul {
padding-left: 20px;}
.content-post li {
list-style: inside;}
ul.class {
    float: left;
    width: calc(100% + 20px);
    display: flex;
    flex-wrap: wrap;}
    .pagination ul li:first-child, div.info-quantity li a{display: none;}
    div.info-quantity li a:first-child{display: inline-block;}
    .woof_redraw_zone{ 
    width: 100%;
    display: table;}
     .woof_redraw_zone > div{    display: table-cell;
    vertical-align: middle;
    position: relative;}
    div.info-quantity li a {color: #f21313;}
    .woocommerce .woocommerce-ordering{margin: 0}
    .woocommerce-pagination{margin: 20px 0}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width: 100%}
ul.class li {
    width: calc(20% - 20px);
    margin-right: 20px;}
    .chosen-container {
    width: 100% !important;}
    .chosen-container{margin-bottom: 0}
    .woof_redraw_zone > div{padding-bottom: 0}
ul{margin: 0}
#wtg-footer{clear: both;}
.copyright_box_statistics, .menu-footer, .more-link{clear: both;}
.breadcrumb .navigation{    padding: 0;
    background-color: transparent;
    margin: 0;
    position: relative;
    text-align: left;
    display: inline-block;
    border-bottom: 1px solid #eaeaea;}
    .breadcrumb .navigation > span{color: #06548f;
    padding: 10px 12px;
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;}
    .breadcrumb a{    font-size: 13px;
    line-height: 20px;
    color: #06548f;}
    .breadcrumb .navigation > span:first-child{padding: 10px 12px 10px 0;}
.wtg-banner img{width: 100%}
.related-products{padding: 0 15px}
.woocommerce-info, .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;}
.quick-alo-phone.quick-alo-static {
opacity:.6;
}
.quick-alo-phone.quick-alo-hover,
.quick-alo-phone:hover {
opacity:1;
}
.quick-alo-ph-circle {
width:160px;
height:160px;
top:20px;
left:20px;
position:absolute;
background-color:transparent;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
border:2px solid rgba(30,30,30,0.4);
border:2px solid #bfebfc 9;
opacity:.1;
-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone:hover .quick-alo-ph-circle {
border-color:#00aff2;
opacity:.5;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
border-color:#75eb50;
border-color:#baf5a7 9;
opacity:.5;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
border-color:#00aff2;
border-color:#bfebfc 9;
opacity:.5;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
border-color:#ccc;
opacity:.5;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {
border-color:#75eb50;
opacity:.5;
}
.quick-alo-ph-circle-fill {
width:100px;
height:100px;
top:50px;
left:50px;
position:absolute;
background-color:#000;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
border:2px solid transparent;
opacity:.1;
-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {
-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
opacity:0 !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone:hover .quick-alo-ph-circle-fill {
background-color:rgba(0,175,242,0.5);
background-color:#00aff2 9;
opacity:.75 !important;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
background-color:rgba(117,235,80,0.5);
background-color:#baf5a7 9;
opacity:.75 !important;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
background-color:rgba(0,175,242,0.5);
background-color:#a6e3fa 9;
opacity:.75 !important;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {
background-color:rgba(204,204,204,0.5);
background-color:#ccc 9;
opacity:.75 !important;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {
background-color:rgba(117,235,80,0.5);
opacity:.75 !important;
}
.quick-alo-ph-img-circle {
width:60px;
height:60px;
top:70px;
left:70px;
position:absolute;
background:rgba(30,30,30,0.1) url("https://i.imgur.com/YWJeVO2.png") no-repeat center center;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
border:2px solid transparent;
opacity:.7;
-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone:hover .quick-alo-ph-img-circle {
background-color:#00aff2;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
background-color:#75eb50;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
background-color:#00aff2;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
background-color:#ccc;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
background-color:#75eb50;
}
@-moz-keyframes quick-alo-circle-anim {
0% {
-moz-transform:rotate(0) scale(.5) skew(1deg);
opacity:.1;
-moz-opacity:.1;
-webkit-opacity:.1;
-o-opacity:.1;
}
30% {
-moz-transform:rotate(0) scale(.7) skew(1deg);
opacity:.5;
-moz-opacity:.5;
-webkit-opacity:.5;
-o-opacity:.5;
}
100% {
-moz-transform:rotate(0) scale(1) skew(1deg);
opacity:.6;
-moz-opacity:.6;
-webkit-opacity:.6;
-o-opacity:.1;
}
}
@-webkit-keyframes quick-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
-webkit-opacity:.1;
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
-webkit-opacity:.5;
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
-webkit-opacity:.1;
}
}
@-o-keyframes quick-alo-circle-anim {
0% {
-o-transform:rotate(0) kscale(.5) skew(1deg);
-o-opacity:.1;
}
30% {
-o-transform:rotate(0) scale(.7) skew(1deg);
-o-opacity:.5;
}
100% {
-o-transform:rotate(0) scale(1) skew(1deg);
-o-opacity:.1;
}
}
@-moz-keyframes quick-alo-circle-fill-anim {
0% {
-moz-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
50% {
-moz-transform:rotate(0) -moz-scale(1) skew(1deg);
opacity:.2;
}
100% {
-moz-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
opacity:.2;
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
}
@-o-keyframes quick-alo-circle-fill-anim {
0% {
-o-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
50% {
-o-transform:rotate(0) scale(1) skew(1deg);
opacity:.2;
}
100% {
-o-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2;
}
}
@-moz-keyframes quick-alo-circle-img-anim {
0% {
transform:rotate(0) scale(1) skew(1deg);
}
10% {
-moz-transform:rotate(-25deg) scale(1) skew(1deg);
}
20% {
-moz-transform:rotate(25deg) scale(1) skew(1deg);
}
30% {
-moz-transform:rotate(-25deg) scale(1) skew(1deg);
}
40% {
-moz-transform:rotate(25deg) scale(1) skew(1deg);
}
50% {
-moz-transform:rotate(0) scale(1) skew(1deg);
}
100% {
-moz-transform:rotate(0) scale(1) skew(1deg);
}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
}
}
@-o-keyframes quick-alo-circle-img-anim {
0% {
-o-transform:rotate(0) scale(1) skew(1deg);
}
10% {
-o-transform:rotate(-25deg) scale(1) skew(1deg);
}
20% {
-o-transform:rotate(25deg) scale(1) skew(1deg);
}
30% {
-o-transform:rotate(-25deg) scale(1) skew(1deg);
}
40% {
-o-transform:rotate(25deg) scale(1) skew(1deg);
}
50% {
-o-transform:rotate(0) scale(1) skew(1deg);
}
100% {
-o-transform:rotate(0) scale(1) skew(1deg);
}
}
.quick-alo-phone {
position: fixed;
background-color: transparent;
width: 150px;
height: 150px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
left: 0px;
bottom: 150px;
}
.zalo-chat{display: none;}
@media(max-width:768px){
    .zalo-chat{display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
text-align: center;
width: 100%;
color: #fff;
background: #66c9f9;
padding: 5px 0;}
	.quick-alo-phone{left: -40px;
bottom: 130px;right: 0}
    .hotline-footer{display: none;}
    .quick-alo-ph-circle{top: 70px;
left: 70px;}
    .quick-alo-phone, .quick-alo-ph-circle{width: 60px;height: 60px}
.container{width: 100%;padding: 0 15px;overflow: hidden;}
.hotline-mobile{display: block;position: fixed;
bottom: 0;z-index: 9999;
left: 0;
width: 100%;}
.hotline-mobile a{display: block;
background: #66c9f9;
text-align: center;
color: #fff;
padding: 10px 0;
font-weight: 700;
letter-spacing: 1px;
font-size: 16px;}
.box_prod .filter_select .select{width: 100% !important}
.single-product .breadcrumb .navigation > span:last-child{display: none;}
.bp_title h1, .bp_title h2{padding: 10px !important}
#content_pro .bp_title .fl {
    overflow: hidden;
    float: left !important;
    width: 50%;}
    #content_pro .bp_title .fr {
    float: left !important;
    padding-bottom: 0;
    width: 50%;}
    #boxMenuSub{display: none !important;}
    .menu_cat .mc_title{text-align: center;}
    .grid_news .item{padding: 0 !important}
    .headerV2 .logo img{max-height: inherit;}
    #wprmenu_bar .menu_title a{position: relative;top: 0;color: #fff}
}
.quick-alo-phone{
	display:none;
}

.link-product .cart:before {
	position: relative !important;
}
@media screen and (max-width: 1200px) {
	#slide-banner .fr .item img{
		height: auto;
	}
}
@media screen and (max-width: 990px) {
	#slide-banner .fr .item .img-banner img{
		height: 312px !important;
	}
}
@media screen and (max-width: 900px) {
	#slide-banner .fr .item .img-banner img{
		height: 284px !important;
	}
}
@media screen and (max-width: 860px) {
	#slide-banner .fr .item .img-banner img{
		height: 271px !important;
	}
}
@media screen and (max-width: 780px) {
	#slide-banner .fr .item .img-banner img{
		height: auto !important;
	}
}
@media screen and (max-width: 860px) {
	.logo{
		max-width:30%;
	}
	.column.form-box-search{
		max-width: 60%;
		width: 60%;
		/*margin-top: -20px;*/
	}
	.wtg-label .item a{
		padding-top:40%;
	}
}
@media screen and (max-width: 768px) {
	.column.form-box-search{
		margin-top:unset;
		width: calc(100% - 20px);
	}
}
@media screen and (max-width: 560px) {
    .headerV2 .column.logo {
        max-width: 100%;
        width: 100%;
        max-height: 65px;
        height : auto;
    }
    .headerV2 .logo img {
        width: 100%;
		display:none;
    }
    .column.form-box-search {
        max-width: 100% !important;
        margin-top: 20px;
        margin-left: 0;
    }
}
#embed_vchat{
		bottom:65px !important;
	}
	#embed_fill{
		bottom: 54px !important;
	}
	#embed_circle{
		bottom: 48px !important;
	}
	#embed_greeting,#embed_fullchat,#embed_omnichanel{
		bottom: 134px !important;
	}
	#embed_eyechat{
		bottom: 125px !important;
	}
	



.woof_container_inner{
    margin-right: 5px;
}
.woof_container select{
    min-width: 130px !important;
    height: 30px;
}
#search-new{
    width: 25%;
    float:right;
}
#search-new input {
    border: 1px solid #009acf;
    float: left;
    height: 30px;
    font-style: italic;
    padding: 0 10px;
    color: #666;
    min-width: 250px;
}
#search-new button {
    background: #06548f;
    color: #FFF;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    position: absolute;
}

@media screen and (max-width: 1024px) {
   #search-new{
       display:none;
   } 
}
@media screen and (min-width: 1024px) {
   #woof_widget-3{
        width:60%;
        float:left;
    }
    .form-box-search{
        display:none !important;
    }
}