/* Responsive */

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 959px){	

	.home-about-us .section {

	    padding: 35px 0;

	}

	#other-information .box-info.block-news{

		margin-top: 30px;

	}

}

@media only screen and (max-width: 859px) {

	.hide-mobile{

		display: none;

	}

	.intro-banner.parallax,

	.menu-banner{

		display: none;

	}

	.container-menu{

		overflow: hidden;

		position: relative;

	}

	.main-menu{

		height: 45px;

	}

	.main-menu .menu-mobile-icon{

		display: inline-block;

		transition: .3s left ease-in-out;

		position: relative;

		left: 0;

		top: 0;

	}

	.main-menu  .fix-menu-mobile-icon{

		position: fixed;

		left: 0;

		z-index: 9999999;

		transition: .48s left ease-in-out;

	}

	.menu-mobile-icon .menu{

		height: 45px;

		line-height: 45px;

		position: relative;

	}

	.menu-mobile-icon .nav_trigger {

	    display: inline-block;

	    height: 45px;

	    vertical-align: middle;

	    width: 45px;

	    position: relative;

	    cursor: pointer;

	    background: #2B3D6B;

	    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	}

	.menu-mobile-icon .nav_trigger .gh-svg {

	    fill: white;

	    font-size: 18px;

	    left: 0;

	    position: absolute;

	    top: 0;

	    transform: translateZ(0px) rotate(0deg);

	    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;

	}

	.menu-mobile-icon .nav_trigger .gh-svg {

	    position: absolute;

	    left: 0;

	    top: 0;

	    -webkit-transform: translateZ(0) rotate(0deg);

	    -ms-transform: translateZ(0) rotate(0deg);

	    transform: translateZ(0) rotate(0deg);

	    fill: white;

	    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    font-size: 18px;

	}

	.menu-mobile-icon .nav_trigger .gh-svg-rect {

	    left: 0;

	    top: 0;

	    -webkit-transition: -webkit-transform 0.2s 0.2s;

	    transition: transform 0.2s 0.2s;

	}

	.menu-mobile-icon .nav_trigger .gh-svg-rect-top {

	    -webkit-transform: translate3d(0, -8px, 0);

	    -ms-transform: translate3d(0, -8px, 0);

	    transform: translate3d(0, -8px, 0);

	}

	.menu-mobile-icon .nav_trigger .gh-svg-rect-bottom {

    	-webkit-transform: translate3d(0, 8px, 0);

    	-ms-transform: translate3d(0, 8px, 0);

	    transform: translate3d(0, 8px, 0);

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger {

		background: #ED1A24;

	    -webkit-transform: translateZ(0) rotate(90deg);

	    -ms-transform: translateZ(0) rotate(90deg);

	    transform: translateZ(0) rotate(90deg);

	    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg {

	    -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);

	    -webkit-transform: translateZ(0) rotate(45deg);

	    -ms-transform: translateZ(0) rotate(45deg);

	    transform: translateZ(0) rotate(45deg);

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-top {

	    -webkit-transform: translateZ(0) rotate(45deg);

	    -ms-transform: translateZ(0) rotate(45deg);

	    transform: translateZ(0) rotate(45deg);

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-bottom {

	    -webkit-transform: translateZ(0) rotate(-45deg);

	    -ms-transform: translateZ(0) rotate(-45deg);

	    transform: translateZ(0) rotate(-45deg);

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect {

	    -webkit-transition: -webkit-transform 0.2s;

	    transition: transform 0.2s;

	}

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect-top, 

	.show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect-bottom {

	    -webkit-transform: translate3d(0, 0, 0);

	    -ms-transform: translate3d(0, 0, 0);

	    transform: translate3d(0, 0, 0);

  	}

	.menu-mobile-icon .nav_trigger .fa{

		font-size: 25px;

		font-size: 2.5rem;

		height: 25px;

		color: #D37247;

		position: absolute;

		top: 0;

		bottom: 0;

		left: 0;

		margin: auto;

		cursor: pointer;

	}

	.menu-mobile-icon .nav_trigger:hover .fa{

		color: #fff;

	}

	.menu-mobile-icon .fa-bars,

	.menu-mobile-icon .nav_trigger .fa-remove{

		display: inline-block;

	}

	.menu-mobile-icon .nav_trigger .fa-bars,

	.menu-mobile-icon .nav_trigger .fa-remove{

		display: none;

	}

	#primary-menu{

		display: none;

	}

	.show-menu-mobile .overlay-background {

	    opacity: 1;

	    visibility: visible;

	}

	#mobile-menu {

		display: block;

	    background: #383A47;

	    bottom: 0;

	    font-size: 15px;

	    left: -100%;

	    opacity: 0;

	    position: fixed;

	    top: 0;

	    transition: all 0.5s ease 0s;

	    visibility: hidden;

	    width: 260px;

	    z-index: 9999999;

	    border-left: 1px solid rgba(255,255,255,.1);

	}

	.show-menu-mobile #mobile-menu {

	    left: 0;

	    opacity: 1;

	    visibility: visible;

	}

	#mobile-menu nav.menu-mobile {

	    bottom: 0;

	    left: 0;

	    overflow-y: scroll;

	    position: absolute;

	    right: 0;

	    top: 0;

	}

	.menu-mobile a {

	    color: #fff;

	    text-decoration: none;

	    text-transform: uppercase;

	    transition: .3s ease all;

	}

	.menu-mobile ul {

	    list-style: outside none none;

	    margin: 0;

	}

	.menu-mobile > ul > li {

	    border-bottom: 1px solid rgba(255,255,255,.2);

	}

	.menu-mobile > ul > li > a {

	    display: block;

	    padding: 7px 15px;

	    transition: all 0.3s ease 0s;

	}

	.menu-mobile > ul > li:hover, 

	.menu-mobile > ul > li.current_page_item, 

	.menu-mobile > ul > li.current-menu-ancestor, 

	.menu-mobile > ul > li.current-menu-item, 

	.menu-mobile > ul > li.current-menu-parent{

		background: rgba(255,255,255,.1);

	}

	.menu-mobile > ul > li > a:hover, 

	.menu-mobile > ul > li.current_page_item > a, 

	.menu-mobile > ul > li.current-menu-ancestor > a, 

	.menu-mobile > ul > li.current-menu-item > a, 

	.menu-mobile > ul > li.current-menu-parent > a {

	    background: #E25440;

	}

	.menu-mobile > ul > li ul.sub-menu{

		margin-left: 15px;

	}

	.menu-mobile > ul > li ul.sub-menu li:not(:last-child){

		border-bottom: 1px solid rgba(255,255,255,.05);

	}

	.menu-mobile > ul > li ul.sub-menu li:hover > a{

		color: #E25440

	}

	.menu-mobile > ul > li ul.sub-menu a{

		display: block;

		padding: 5px 15px;

	}

	

	#ht-slider .wrap-text{

		top: 20%;

	}

	#ht-slider .flex-direction-nav,

	#partner .flex-direction-nav{

		display: none;

	}

	.main-content > .entry .entry-title .date{

		font-size: 14px;

		font-size: 1.4rem;

		font-style: italic;

		font-weight: 400;

		color: #333;

	}

	.main-content > .entry > .time{

		display: none;

	}

	.sidebar .menu-project .menu ul{

		display: none; 

	}

}

@media only screen and (max-width: 767px) {

	.banner ul.right-header > li.search{

		display: none;

	}

	#ht-slider .wrap-text{

		position: absolute;

		left: 0;

		right: 0;

		z-index: 9;

		margin: 0;

	}

	#ht-slider .about-us{

		padding: 1% 3%;

		width: 70%;

		background: rgba(128,128,128,0.5);

		position: absolute;

		color: #fff;

		transition: .3s all ease-in-out;

		left: 0;

		right: 0;

		margin: auto;

	}

	#ht-slider .about-us .readmore {

	    position: absolute;

	    right: 0;

	    left: 0;

	    text-align: center;

	    top: 100%;

	}

}

@media only screen and (max-width: 680px){

	.branding .logo-img img{

		max-height: 80px;

	}

}

@media only screen and (max-width: 640px){

	.banner ul.right-header > li.language > a.active{

		display: none;

	}

	.banner ul.right-header > li.language > a{

		height: 35px;

		line-height: 35px;

		font-weight: 600;

		margin-right: 15px;

		border: 0;

	}

	.banner ul.right-header > li.language > a span{

		background: #ee8014;

		color: #fff;

		padding: 0 15px;

		border-radius: 5px;

	}

	#ht-slider .about-us .title a{

		font-size: 25px;

		font-size: 2.5rem;

	}

	footer.footer .copyright,

	footer.footer .policy{

		float: none;

		width: 100%;

		text-align: center;

	}

	.branding .banner{

	    background: rgba(0, 0, 0, 0) url("../images/banner-mobile.png") no-repeat right center / auto 80%;

	}

	footer.footer .bar-footer .socials-like{

		margin-top: 10px;

		border-top: 1px solid rgba(255,255,255,.1);

		padding-top: 7px;

	}

}

@media only screen and (max-width: 519px){

	

	#other-information .box-info.category{

		margin-top: 30px;

	}

	.archive-content > .entry{

		clear: both;

	}

	footer.footer .general-informations .widget:not(:first-child){

		margin-top: 30px;

	}

	.product-slider .list-zoom .zoomdiv,

	.product-slider .list-zoom .jqZoomPup{

		display: none !important;

	}

}

@media only screen and (max-width: 480px){

	.branding .logo-img img{

		max-height: 60px;

	}

	.site-information{

		margin-left: 0;

	}

}

@media only screen and (max-width: 360px){

	.banner ul.right-header > li.language > a{

		margin-right: 0;

	}	

	#ht-slider .wrap-text{

		top: 10%;

	}	

	#ht-slider .about-us {

	    font-size: 13px;

	    font-size: 1.3rem;

	}

}

@media only screen and (max-width: 320px){

	

}

@media only screen and (min-width: 320px){

}

@media only screen and (min-width: 480px){

	.site-information{

		margin-left: 20px;

	}

	.site-information .site-title{

		font-size: 20px;

		font-size: 2rem;

	}

	.site-title em{

	    font-size: 26px;

	    font-size: 2.6rem;

	}

}

@media only screen and (min-width: 520px){

	.archive-content > .entry {

	    float: left;

	    margin-right: 4%;

	    width: 48%;

	    margin-top: 30px;

	    padding-top: 20px;

	    border-top: 1px solid #EAEAEA;

	}

	.archive-content > .entry:nth-child(2){

		border-top: 0;

		margin-top: 0;

	}

	.archive-content > .entry:nth-child(2n+2) {

	    margin-right: 0;

	}

	.archive-content > .entry:nth-child(2n+1) {

	    clear: left;

	}

	.template-contact-us .maps {

	    height: 300px;

	}

	.entry .general-entry .product-slider {

	    float: left;

	    padding: .5%;

	    width: 50%;

	}

	.entry .meta-product {

	    float: right;

	    width: 45%;

	}

	footer.footer .general-informations .widget.contact .apart{

	    width: 33%;

	    float: left;

	}

	footer.footer .general-informations .widget.contact .apart:nth-child(2){

	    float: right

	}

}

@media only screen and (min-width: 641px)
.fix-width {
	z-index:9999;
    background: url("https://tongdailyxetai.com/wp-content/uploads/2022/04/banner.png?fbclid=IwAR2SrImeH2oq-IH17Wf6KrlfqozZ2C763Tt7Mn-Xqu-_VWJoLNjjk-L8XBs") no-repeat scroll right center / 50% auto;
}
Wf6KrlfqozZ2C763Tt7Mn-Xqu-_VWJoLNjjk-L8XBs") no-repeat scroll right center / 50% auto;
}

	

	footer.footer .bar-footer .copyright{

		float: left;

	}

	

	footer.footer .bar-footer .socials-like{

		float: right;

	}

}

@media only screen and (min-width: 680px){

}

@media only screen and (min-width: 768px){

	.home #about-us .about-us{

		width: 65.625%;

		margin-right: 3.125%;

		float: left;

	}

	.home #about-us .service{

		width: 31.25%;

		margin-right: 3.125%;

		display: inline-block;

		vertical-align: bottom;

		transition: 0.5s all ease-in;

		margin-right: 0;

	}

}

@media only screen and (min-width: 768px) and (max-width: 959px){

	

	#about-us .block-info.support{

		padding: 15px 20px;

	}

	.block-info.support .hotline {

	    font-size: 1.4rem;

	}

	.block-info.support .email {

	    font-size: 1.2rem;

	    text-transform: capitalize;

	}

	#about-us .block-info.support .thumb-info{

		display: none;

	}

}

@media only screen and (min-width: 860px){

	.block-info.support .email {

	    font-size: 1.3rem;

	}

	

	/* WCU */

	.archive-content > .entry {

	    float: left;

	    margin-right: 2.75%; 

	    width: 31.5%;

	    margin-top: 30px;

	    padding-top: 25px;

	    border-top: 1px solid #EAEAEA;

	}

	.archive-content > .entry:nth-child(2),

	.archive-content > .entry:nth-child(3){

		border-top: 0;

	    margin-top: 0px;

	}

	.archive-content > .entry:nth-child(2n+2) {

	    margin-right: 2.75%;

	}

	.archive-content > .entry:nth-child(2n+1) {

	    clear: none;

	}

	.archive-content > .entry:nth-child(3n+3) {

	    margin-right: 0;

	}

	.archive-content > .entry:nth-child(3n+1) {

	    clear: left;

	}

	.template-contact-us .maps {

	    height: 425px;

	}

	.template-contact-us .entry-content .left-part{

		float: left;

		width: 37%;

	}

	.template-contact-us .entry-content .right-part{

		float: right;

		width: 60%;

	}

	.search-content > .entry{

		width: 48%;

		float: left;

		margin-right: 4%;

	}

	.search-content > .entry:nth-child(2n + 2){

		margin-right: 0;

	}

	.search-content > .entry:nth-child(2n + 1){

		clear: left;

	}

	.search-content > .entry:nth-child(2){

		border-top: 0;

	}

	.container-search-form .search-form{width: 500px;}

	.navi_page {

	    margin: 80px 0 50px;

	}

	.main-content > .entry .entry-title .date{

		display: none;

	}

	#primary:not(.fix-width){

	    float: right;

	    padding: 0;

	    width: 72%;

	}

	.single-post #primary:not(.fix-width){

		float: left;

	}

	#secondary{

		width: 24%;

		float: left;

		margin: 0;

	}

	.single-post #secondary{

		float: right;

	}

	.template-contact-us #secondary{

		width: 35%;

	}

	.template-contact-us #primary{

		width: 60%;

	}

	footer.footer .general-informations{

		display: table;

	}

	footer.footer .general-informations .widget{

		display: table-cell;

		vertical-align: top;

	}

	footer.footer .general-informations .widget:not(:first-child){

		padding-left: 4%;

	}

}

@media only screen and (min-width: 960px){

	html {

		min-width: 960px;

	}

	.show-mobile{

		display: none;

	}

	.branding .banner{

		background-position: 80% center;

	}

	.home #about-us .service,

	#other-information .box-info{

		width: 31.25%;

		margin-left: 0;

		margin-right: 3.125%;

		display: inline-block;

		vertical-align: top;

		transition: 0.5s all ease-in;

	}

	

	#other-information .box-info:nth-child(3n + 3),

	.home #about-us .service{

		margin-right: 0;

	}

}

@media only screen and (min-width: 1024px){

	.site-information .site-title{

		font-size: 22px;

		font-size: 2.2rem;

	}

	.site-title em{

	    font-size: 28px;

	    font-size: 2.8rem;

	}

}

@media only screen and (min-width: 1200px) {

	.fix-width{

		width: 1160px;

		margin: 0 auto;

	}

}



@media only screen and (min-width: 1280px) {

	.fix-width{

		width: 1200px;

	}

}

@media only screen and (min-width: 520px) and (max-width: 859px){

	#other-information .box-info:not(:last-child){

		width: 47%;

		margin-left: 6%;

		display: inline-block;

		vertical-align: top;

		transition: 0.5s all ease-in;

	}

	

	#other-information .box-info:nth-child(2n + 1){

		margin-left: 0;

		clear: left;

	}

	.sidebar .widget .ht-show-posts.sidebar .entry {

	    float: left;

	    padding-right: 4%;

	    width: 48%;

	}

	.sidebar .widget .ht-show-posts.sidebar .entry:nth-child(2){

		border-top: 0;

	}

	.sidebar .widget .ht-show-posts.sidebar .entry:nth-child(2n+2) {

	    padding-right: 0;

	}

	.sidebar .widget .ht-show-posts.sidebar .entry:nth-child(2n+1) {

	    clear: left;

	}	

}

@media only screen and (min-width: 520px) and (max-width: 960px){

    

    footer.footer .general-informations{

        font-size: 0;

    }

    footer.footer .general-informations .widget{

        font-size: 13px;

        font-size: 1.3rem;

        margin-top: 30px;

    }

    footer.footer .general-informations .widget:not(.contact){

        width: 47%;

        display: inline-block;

        vertical-align: top;

        margin-left: 6%;

    }

    footer.footer .general-informations .widget:nth-child(2n + 1){

        margin-left: 0%;

    },

    footer.footer .general-informations .widget:nth-child(1),

    footer.footer .general-informations .widget::nth-child(2){

        margin-top: 0px;

    }

}