@font-face {
    font-family: "segoeui";
    src: url("../fonts/segoeui.ttf");
    font-weight: normal
}

@font-face {
    font-family: "seguisb";
    src: url("../fonts/seguisb.ttf");
    font-weight: normal
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto-Bold.ttf");
    font-weight: normal
}
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	list-style: none;
}

	ul.newer, ul.older, ul.content-links-ul {
		list-style: inside none circle;
		margin-left: 5px;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
	outline: none;
}

.clearfix {
	display: inline-block;
}

	.clearfix::after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		width: 0px;
		height: 0px;
		line-height: 0;
	}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
    height: 1%;
    font-family: segoeui;
    font-size: 16px;
}

a {
	color: #000;
	text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #6d6969;
    }

b {
	font-weight: bold;
}
/* End CSS Reset */

body {
    background: #f5f5f5;
    color: #333;
    font-family: segoeui;
    font-size: 15px;
}
	.general.desktop .tygh-content .container-fluid [class*="span"]:not(.span16), .general.desktop .tygh-content .container-fluid .row-fluid [class*="span"]:not(.span16), .general.desktop .tygh-header .container-fluid [class*="span"]:not(.span16), .general.desktop .tygh-header .container-fluid .row-fluid [class*="span"]:not(.span16), .general.desktop .tygh-top-panel .container-fluid [class*="span"]:not(.span16), .general.desktop .tygh-top-panel .container-fluid .row-fluid [class*="span"]:not(.span16) {
    float: left;
}
.desktop.general {
    background: #f58220;
}
.desktop.general .main{
    background: unset;
}
	.tygh-top-panel {
	    padding-bottom: 9px;
	}
	.top-header {
	    margin: 24px 0 13px;
	    display: inline-block;
	    width: 100%;
	    height: 50px;
	    position: relative;
	}
.general .functions li {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}
.general .functions li a i {
    display: inline-block;
    height: 22px;
    font-size: 22px;
    color: #fff;
}
.general .functions span {
    text-transform: capitalize;
    font-size: 22px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.general.desktop .top-header::after {
    background: rgba(0,0,0,0) linear-gradient(to right,#f58220 0%,#b5b5b5 50%,#f58220 100%) repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 rgb(0 138 194 / 3%);
    content: "";
    display: none;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.general.desktop .logo-header {
    text-align: center;
    margin: -35px 0 0;
}
.general.desktop .d-logo-pnj-header {
    width: calc(100% - 750px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 750px);
    margin-left: 0;
}
.general.desktop .logo-header img {
    width: 300px;
}
.general.desktop .user-outer {
        margin-left: 0;
        text-align: right;
        position: absolute;
        right: 33px;
}
.general.desktop .user-outer .schedule-consultation-header .fa-calendar{
    color: #fff;
}
.general.desktop .user-outer .schedule-consultation-header .text-with-divider{
    margin-top: 10px;
    display: inline-block;
    color: #fff;
}
.general.desktop .d-display-element {
    margin: 15px 0 0;
}
.general .mp-menu-header {
    width: calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: -moz-calc(100% - 280px);
}
.general.desktop .main-menu-v1 {
    text-align: center;
    height: 40px;
}
.general.desktop .main-menu-v1 .ty-menu__items {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.general.desktop .main-menu-v1 .ty-menu__items > li {
    height: 38px;
    padding: 10px 0 0;
    white-space: nowrap;
    border: 0;
    cursor: pointer;
    flex: 1;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
}
.general.desktop .main-menu-v1 .ty-menu__items > li:first-child {
    margin-left: 0;
}
.general .ty-tygh a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
}
.general.desktop .main-menu-v1 .ty-menu__items > li > a span {
    text-transform: capitalize;
    line-height: 40px;
    text-indent: 0;
    position: relative;
    color: #fff;
    background: linear-gradient(
0deg
,#fff,#fff) 0 100% no-repeat;
    transition: background-size .5s;
    background-size: 0 2px;
}
.general.desktop .main-menu-v1 .ty-menu__items > li > .ty-menu__submenu {
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 10;
    width: 1200px;
    visibility: hidden;
    display: block;
    opacity: 0;
    box-shadow: 0 2px 6px #efefef;
    margin-left: calc((100% - 1200px) / 2);
    margin-left: -webkit-calc((100% - 1200px) / 2);
    margin-left: -moz-calc((100% - 1200px) / 2);
    margin-right: calc((100% - 1200px) / 2);
    margin-right: -webkit-calc((100% - 1200px) / 2);
    margin-right: -moz-calc((100% - 1200px) / 2);
    -webkit-transition: visibility 0 linear .25s, opacity .25s linear;
    -webkit-transform: visibility 0 linear .25s, opacity .25s linear;
    -moz-transform: visibility 0 linear .25s, opacity .25s linear;
    -ms-transform: visibility 0 linear .25s, opacity .25s linear;
    -o-transform: visibility 0 linear .25s, opacity .25s linear;
    transform: visibility 0 linear .25s, opacity .25s linear;
}
.general.desktop .main-menu-v1 .ty-menu__items > li > .ty-menu__submenu > .ty-menu__submenu-items {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    display: table;
    width: 100%;
    padding: 25px 45px 25px 45px;
}
.ty-menu__submenu-to-right .ty-menu__submenu-items {
    right: 0px;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-top-mine__submenu-col {
    float: left;
    white-space: nowrap;
    padding: 0;
    margin-right: 60px;
	min-width: 102px;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-top-mine__submenu-col:last-child {
    margin-right: 0;
}
.general.desktop .main-menu-v1 .no-picture > li {
    width: 100%;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-menu__submenu-item-header {
    padding: 0 0 2px;
    min-height: initial;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-menu__submenu-item-header a {
    font-size: 15px;
    text-transform: capitalize;
    padding: 0 5px 4px 0;
    color: #2d2d2d;
    position: relative;
    font-weight: 700;
    cursor: context-menu;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}
.general.desktop .main-menu-v1 .title-special a {
    cursor: pointer !important;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-menu__submenu-item {
    margin-bottom: 5px;
}
.general.desktop .main-menu-v1 .ty-menu__items .ty-menu__submenu-item a {
    font-size: 12px;
    color: #282828;
    position: relative;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-transform: capitalize;
}
.general.desktop .main-menu-v1 .ty-menu__items > li:hover > a span {
    background-size: 100% 2px;
    color: #fff;
    box-sizing: border-box;
}
.general.desktop .main-menu-v1 .ty-menu__items > li.open > .ty-menu__submenu {
    visibility: visible;
    opacity: 1;
}
.general .mp-search-header {
    width: 280px;
    margin-left: 0;
    position: relative;
}
.general .mp-search-header .ty-search-block__input {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 4px 25px 0 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    border-bottom: 2px solid #fff;
    float: left;
    width: 86%;
}
.general .mp-search-header .ty-search-magnifier {
    position: absolute;
    cursor: pointer;
    background: transparent;
    float: left;
    height: 35px;
    color: #333;
    top: 0;
    right: 0;
    width: 35px;
    font-size: 20px;
    color: #fff;
}
#wrapper {
	overflow: hidden;
}

#container img {
    max-width: 100%;
    width: auto;
    margin: 0 auto 10px;
    display: block;
}
.flex {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
}
.header-global__menu__upper{
    display: flex;
}
.header-global__nav {
    display: flex;
    flex-direction: row;
}
.header-global__nav__list{
    display: flex;
}
.header-global__nav__list-item {
    flex-direction: row;
    padding: 0 16px;
    position: relative;
    font-family: segoeui;
}
    .header-global__nav__list-item:last-child
    {
        padding-right: 0;
    }
    .header-global__menu__upper .header-global__nav__list-item .header-global__nav__list-item-link {
        font-size: 14px;
        color: #999999;
        height: 28px;
        line-height: 28px;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        position: relative;
        letter-spacing: 0.2em;
        text-align: center;
        display: block;
    }
	.header-global__menu__upper .header-global__nav__list-item:first-child .header-global__nav__list-item-link {
	    font-size: 16px;
	    color: #fff;
	}
.header-global__nav__list-item-link:after {
    background-color: #ffffff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 98%;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
#menutop > li > a {
    font-family: seguisb;
}
/* content bottom */
.ja-content-bottom .box-title {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    clear: left;
}
    .ja-content-bottom .box-title h2,
    .ja-content-bottom .box-title span {
        position: relative;
        color: #343c44;
        font-size: 30px;
        text-transform: uppercase;
        display: inline-block;
        font-family: seguisb;
    }
	.ja-content-bottom .box-title img
	{
		display: inline-block !important;
	    margin-right: 20px !important;
	    margin-bottom: 0 !important;
		vertical-align: bottom;
	}
	.ja-content-bottom .box-title a.title-link {
		color: #161d28;
		padding: 0 5px;
		line-height: 28px;
		vertical-align: top;
		font-weight: 600;
		text-transform: uppercase;
	}

		.ja-content-bottom .box-title a.title-link:hover {
			color: #e32124;
			background: #161d28;
			border-radius: 10px;
		}
/* end content bottom */

/* Blog Feature */
.blog-featured h1 {
    text-indent: -9999px;
    margin-top: -10px;
    display: none;
}
/* End Blog Feature */

/* Article */
.contentheading {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
	font-size: 28px;
	line-height: 33px;
	padding-bottom: 10px;
}

	.contentheading::before {
		position: absolute;
		content: "";
		bottom: -6px;
		left: 5%;
		height: 10px;
		width: 10px;
		transform: rotate(-45deg);
		border-left: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		background: #fff;
	}

.category-section {
	float: left;
	color: #999;
	font-size: 11px;
	width: 100%;
}

.jcomment {
	font-size: 11px;
	cursor: pointer;
}

.hits {
	position: relative;
	float: right;
	font-size: 11px;
	color: #fff;
	background: #ff6a00;
	border-radius: 3px;
	padding: 0 5px 0 8px;
}

	.hits::before {
		border-bottom: 9px solid transparent;
		border-right: 7px solid #ff6a00;
		border-top: 9px solid transparent;
		content: "";
		height: 0;
		left: -6px;
		position: absolute;
		top: 0;
		width: 0;
	}

	.hits::after {
		color: #fff;
		content: "?";
		display: inline-block;
		font-size: 16px;
		margin-right: 5px;
		position: absolute;
		right: 85%;
		top: 1px;
		line-height: 18px;
	}

.wf_caption {
	margin: 0 auto;
	max-width: 640px !important;
}

.caption-text {
	background-color: #efefef;
	line-height: 20px;
	margin: 0 auto 10px;
	max-width: 100% !important;
	padding: 10px;
	text-align: left;
}

#ja-content .h2title{
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: justify;
	color: #e32124;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: #111 0 1px 1px;
    font-size: 20px;
}
/* End Article */
.shopping-tools {
    padding: 35px 0 40px;
    background-color: #e7e7e7;
}
section {
    position: relative;
}
.shopping-tools__header {
    text-align: center;
}
.shopping-tools__header-title {
    font-size: 2.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-bottom: 0;
    color: #101010;
    position: relative;
}
    .shopping-tools__header-title::after {
        content: "";
        position: absolute;
        width: 200px;
        height: 1px;
        background: #000;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
    }
.shopping-tools__inner-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    padding: 50px 0 30px;
}
.shopping-tools__article {
    width: 33.3333%;
    padding: 0 30px;
}
.shopping-tools__link {
    display: block;
    text-decoration: none;
    transition: opacity 300ms linear;
    color: #101010;
}
.shopping-tools__icon {
    margin-bottom: 20px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
    .shopping-tools__icon img {
        width: auto;
        margin: 0 auto;
        display: block;
    }
.shopping-tools__title {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.2em;
    color: #101010;
    font-weight: 700;
    line-height: 2.3rem;
}
.shopping-tools__copy {
    font-size: 100%;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.75;
    font-weight: 400;
    margin-bottom: 20px;
}
.hyperlink.dark.underline {
    text-decoration: none;
}
.hyperlink.dark {
    color: #999999;
}
    .hyperlink.dark.underline span {
        border-bottom: 2px solid #999999;
        padding-bottom: 4px;
        transition: all 300ms, visibility 0s;
        transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    }
    .hyperlink.dark:hover
    {
        color: #000;
    }
    .hyperlink.dark.underline span:hover {
        border-color: #000;
    }
        /* From */
        ::placeholder {
            color: #aaa;
            font-weight: normal;
        }

::-webkit-input-placeholder {
	color: #aaa;
	font-weight: normal;
}

::-moz-placeholder {
	color: #aaa;
	font-weight: normal;
}

::-ms-input-placeholder {
	color: #aaa;
	font-weight: normal;
}

input, select, textarea {
	border: 1px solid #eee;
	background: #fff;
	padding: 5px;
}

	input:hover, select:hover, textarea:hover {
		border-color: #ddd;
	}

	input[type="checkbox"] {
		border: none;
		background: none;
		padding: 0px;
		margin: 5px 0px 0px 0px;
	}

button {
	background: #e32124;
	display: inline-block;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 600;
}
/* End Form */

/* pagination */
.pagination ul {
	text-align: center;
	margin: 30px 0;
	display: block;
	width: 100%;
}

	.pagination ul li {
		display: inline-block;
		padding: 0px;
		margin: 0 5px 0 0;
		background: #e5e6e7;
		line-height: normal;
		float: none;
	}

		.pagination ul li.pagination-start {
			border-left: solid 1px #e5e6e7;
		}

		.pagination ul li .pagenav {
			padding: 5px 9px;
			display: inline-block;
			color: #aaa;
			cursor: pointer;
		}

		.pagination ul li a:hover,
		.pagination ul li a:focus,
		.pagination ul li a:active {
			color: #fff;
			background: #ed1b2f;
		}

		.pagination ul li span.pagenav {
			color: #fff;
			cursor: pointer;
			background: #ed1b2f;
		}

		.pagination ul li.pagination-next span.pagenav,
		.pagination ul li.pagination-end span.pagenav,
		.pagination ul li.pagination-start span.pagenav,
		.pagination ul li.pagination-prev span.pagenav {
			border-top-color: #353637;
			color: #aaa;
			cursor: auto;
		}
/* end pagination */
/* botsl */
#ja-botsl {
	position: relative;
	padding: 20px 10px;
	text-align: justify;
}

	#ja-botsl .box-title {
		text-align: center;
		margin-bottom: 15px;
	}

		#ja-botsl .box-title span {
			color: #fff;
			background: -webkit-linear-gradient(to right,#e10531 0,#ed1c24 100%);
			background: linear-gradient(to right,#e10531 0,#ed1c24 100%);
			border-radius: 40px;
			padding: 5px 15px;
			text-transform: uppercase;
			font-size: 150%;
			font-weight: 600;
		}
/* end botsl */
/* botsl1 */
#ja-botsl1 {
    background: #f4802c;
    color: #f5f5f5;
    padding: 10px;
}

	#ja-botsl1 .box-title {
		color: #e32124;
		font-size: 14px;
		padding: 20px 0 5px 0;
		position: relative;
		text-transform: uppercase;
		font-weight: 600;
	}

	#ja-botsl1 ul.menu li a {
		display: block;
		padding: 4px 0;
		position: relative;
		transition: all 0.3s ease 0s;
		color: #aaa;
	}

		#ja-botsl1 ul.menu li a:hover {
			padding-left: 15px;
		}

		#ja-botsl1 ul.menu li a::before {
			background: #dd002b none repeat scroll 0 0;
			content: "";
			float: left;
			height: 80%;
			left: 0;
			position: absolute;
			top: 10%;
			transition: all 0.3s ease 0s;
			width: 0;
		}

		#ja-botsl1 ul.menu li a:hover::before {
			width: 7px;
		}
/* end botsl1 */
/* footer */
.footer-content .fa {
    color: #f5f5f5;
    font-size: 22px;
    margin-right: 10px;
    width: 20px;
}
.Ft-menu {
    padding-top: 20px;
}

footer .Ft-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
}

.boder-bottom {
    border-bottom: 1px solid #fff;
    width: 100px;
    margin-bottom: 25px;
}

.Ft-menu .list-menu {
    list-style: none;
}

    .Ft-menu .list-menu li {
        padding: 5px 0;
        list-style-type: disc;
        margin-left: 20px;
        margin-bottom: 0;
        font-family: "Roboto-Bold";
    }

        .Ft-menu .list-menu li a {
            color: #f5f5f5;
            line-height: 1;
            font-size: 16px;
        }

.social-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.logo-footer img {
    display: block;
    margin-bottom: 20px;
    width: auto;
    max-width: 100%;
}
.footer-content p {
    font-size: 16px;
    margin-bottom: 10px;
	font-family: "Roboto-Bold";
}
.footer-content a{
    color: #fff;
}
#ja-footer {
    background: #000;
    font-size: 13px;
    padding: 0;
}

	#ja-footer .ja-footnav {
		padding-top: 20px;
		float: right;
	}

.ja-copyright p {
    height: auto;
    display: block;
    line-height: 30px;
    margin: 0;
    color: #fff;
    width: 100%;
    text-align: right;
}
.v2_bnc_sendemail input {
    display: block;
    width: 96%;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 13px;
    border-radius: 10px;
    border-style: unset;
    height: 30px;
}

.v2_bnc_sendemail .send_click {
    background: #000;
    color: #fff !important;
    padding: 5px 20px;
    border-radius: 20px;
    margin-top: 0;
    font-size: 17px;
    border: 1px solid #000;
    cursor: pointer;
    float: right;
}
/* End Footer */
/* go to top */
#go-top {
	background-color: #ed1c24;
	background-image: url("../images/go-top.png");
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 48px;
	cursor: pointer;
	display: none;
	right: 88px;
    bottom: 24px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	transition-duration: 0.2s;
	transition-property: background-color;
	transition-timing-function: ease-out;
	z-index: 1;
}
.button-zalo {
    position: fixed;
    left: 19px;
    bottom: 17%;
    cursor: pointer;
    z-index: 99999;
}
    .button-zalo:before {
        position: absolute;
        top: 2px;
        left: 12px;
        z-index: 4;
        content: "";
        width: 8px;
        height: 8px;
        border: 1px solid #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .button-zalo:before {
        background-color: #ff5d5d;
    }
    .button-zalo:before, .button-zalo:before {
        left: 36px !important;
    }
.button-zalo-main {
    display: block;
    position: relative;
    z-index: 3;
    background: url(../images/stick_zalo.png) 0 0 no-repeat;
    background-size: cover;
    width: 58px;
    height: 58px;
}
.button-yotube {
    position: fixed;
    right: 25px;
    bottom: 30%;
    cursor: pointer;
    z-index: 99999;
}
.button-yotube-main {
    display: block;
    position: relative;
    z-index: 3;
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQcMArb-MuDQ0mjVW8JXkktip7j0tYBzgsytbZhx1qsHIozpAyC&usqp=CAU) 0 0 no-repeat;
    background-size: cover;
    width: 58px;
    height: 58px;
	border-radius: 50%;
}
.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    bottom: 18% !important;
}
.fb_dialog.fb_dialog_mobile.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    bottom: 97px !important;
}
.md-laithu{
        bottom: 30%;
        left: 20px;
        z-index: 9999;
        position: fixed;
        display: none;
}
.md-laithu img {
    width: 230px;
    height: 50px;
}
.tel {
    background: #f44336;
    width: 205px;
    height: 54px;
    line-height: 54px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: none;
    text-align: center;
    top: 25px;
    left: 25px;
    color: #fff;
    text-indent: 35px;
    font-size: 17px;
	font-family: "Roboto-Bold";
}
/* end go to top */
/* Product home */
.product-home li {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

	.product-home li a {
		position: relative;
		display: block;
		padding: 0 0 0 0;
		color: rgb(102, 102, 102);
		background: #f5f5f5;
		border-radius: 5px;
		text-decoration: none;
		transition: transform 350ms;
		overflow: hidden;
	}

	.product-home li:hover {
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
	}
	.product-home li a img	
	{
		height: 262px;
		object-fit: cover;
		width: 100% !important;
	}
    .product-home li h3 {
        font-size: 14px;
        color: #333;
        display: block;
        padding: 0 15px;
        text-align: center;
        margin-bottom: 0;
        text-transform: none;
        font-weight: normal;
        min-height: 40px;
    }

.product-home .product-price {
    color: #e10531;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 22px;
    text-align: center;
}
/* End Product home */
/* Category Product */
.category-title {
    text-align: center;
    text-transform: uppercase;
    color: #343c44;
    position: relative;
    margin: 20px 0 30px;
    padding-bottom: 10px;
}

    .category-title::before {
        position: absolute;
        content: "";
        background: #6d6969;
        height: 1px;
        width: 50px;
        left: calc(50% - 25px);
        bottom: 0;
    }

    .category-title::after {
        background: #fff;
        border: 1px solid #6d6969;
        border-radius: 100%;
        content: "";
        display: block;
        height: 4px;
        width: 4px;
        left: calc(50% - 2px);
        position: absolute;
        bottom: -3px;
        z-index: 1;
    }
.item {
		float: left;
		position: relative;
		padding: 0;
		width: 25%;
	}
.count-result {
	padding: 0 10px;
}

.product > li {
    padding: 10px;
    float: left;
    box-sizing: border-box;
}

.product li > div {
    position: relative;
    display: block;
    color: rgb(102, 102, 102);
    overflow: hidden;
    min-height: 250px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.product li h3 {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 0 10px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    min-height: 42px;
}

.product-image {
	border-radius: 5px;
}

.product .product-price {
    color: #e10531;
    padding: 0 20px 0px 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
}

.loading-ajax {
	background: url('../images/loading.svg') no-repeat center 0;
	width: 100px;
	height: 60px;
	margin: 0 auto;
	display: none;
	position: relative;
}

	.loading-ajax::after {
		position: absolute;
		content: '?ang t?i';
		bottom: 0;
		width: 100px;
		height: 20px;
		text-align: center;
	}

.showproductmore {
	padding: 5px 10px;
	border: 1px solid #ed1c24;
	text-align: center;
	border-radius: 25px;
	cursor: pointer;
	width: 200px;
	margin: 10px auto;
	background: #e10531;
	color: #fff;
}
/* End Category Product */

/* style content product */
/* du toan chi phi */
.dutoanchiphi, .bangtinhtragop {
    background: #2b2b2b;
    color: #fff;
    padding: 0px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    width: calc(50% - 10px);
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
}

.dutoanchiphi {
	margin-right: 10px;
}

.bangtinhtragop {
	background: #ffb300;
	margin-left: 10px;
}

	.dutoanchiphi:hover, .bangtinhtragop:hover {
		color: #333;
	}
.headingPage .title {
    font-size: 32px;
    margin-bottom: 10px;
    padding: 15px 0;
}
.section-title {
	    background: url(../images/dots.gif) repeat-x scroll 0 0 transparent;
	    background-position: center;
	    margin: 10px 0 10px;
	    min-height: 20px;
	    text-align: center;
	}
.section-title h4 {
    font-size: 15px;
    background: #f5f5f5;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 400;
    color: #2b2b2b;
}
	.form-control {
	    display: block;
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.input-group-addon {
	    padding: 6px 12px;
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 1;
	    color: #555;
	    text-align: center;
	    background-color: #eee;
	    border: 1px solid #ccc;
	    border-radius: 4px;
		display: table-cell;
	}
	.input-group .form-control {
    display: table-cell;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.form-group {
    margin-bottom: 10px;
}
.btn {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #000;
    font-size: 14px;
}
.btn-skin {
    color: #fff;
    background-color: #2b2b2b;
    font-weight: 400;
    margin-bottom: 20px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* end style content product */
/* --------------------------------------------------- Mobile ------------------------------------- */
@media only screen and (max-width:640px) {
    body {
		margin-top: 70px;
	}

	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 18px;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 15px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 13px;
	}

	input, select, textarea {
		width: calc(100% - 20px);
		padding: 10px;
	}

	dt {
		margin-top: 10px;
	}
	/* contact us */
	.
	.contactus li {
		padding: 4px 0;
	}

	li.phone span {
		display: none;
	}

	/* table */
	.table-sp td {
		box-sizing: border-box;
		padding: 5px;
		vertical-align: top;
		width: 50%;
	}

	.table-2cot td {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		vertical-align: top;
	}

	.table-4cot td {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		vertical-align: top;
	}

		.table-4cot td:nth-child(2n+1) {
			clear: both;
		}

	.table-tskt td, .table-gia td {
		border: 1px solid #ddd;
		padding: 5px;
	}
	/* end table */
    .main {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin: 0;
    }
    #ja-botsl1 {
        padding: 20px 0;
    }
	/* video responsive */
	#main-content iframe, #main-content embed, #main-content object, #main-content video {
		width: 100%;
		height: 100%;
		border: 0;
	}

	.column {
		width: 100% !important;
	}

	.cols-1 .item,
	.cols-2 .item,
	.cols-3 .item,
	.cols-4 .item,
	.cols-5 .item {
		width: 100%;
	}
	/* wrapper */
	.wrapper-fixed {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: none;
	}

		.wrapper-fixed.open {
			display: block;
			position: fixed;
			z-index: 2;
			background: rgba(0,0,0,0.6);
		}
	/* header */
    #ja-header {
        width: 100%;
        background: #f58220 none repeat scroll 0 0;
        position: fixed;
        z-index: 3;
        left: 0;
        top: 0;
    }

		#ja-header.is-hidden #search {
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
			-webkit-transform: translateY(-100px);
			-ms-transform: translateY(-100px);
			transform: translateY(-100px);
		}

		#ja-header.is-hidden {
			height: 70px;
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
		}

		#ja-header.is-show {
			/*   -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; 
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);*/
			height: 70px;
		}

			#ja-header.is-show #search {
				display: none;
			}

	.header-top {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#search {
		position: absolute;
		left: 10px;
		display: block;
		z-index: 2;
		top: 60px;
		right: 10px;
	}

	.logo {
		height: 70px;

	}

		.logo img {
			height: 60px;
			margin-top: 5px;
		}

	.logo1 {
		width: 60px;
		height: 60px;
		margin-left: calc(50% - 40px);
		display: none;
		z-index: 4;
		background: url('../images/logo-thegioixetai-new.png') no-repeat center center /100%;
	}

	.hotline {
		margin-right: 10px;
	}

		.hotline .text-normal {
			display: none;
		}

		.hotline .phone-number {
			display: block;
			font-size: 16px;
			font-family: Montserrat;
			font-weight: 800;
			color: #fff;
			line-height: 1.6;
			letter-spacing: .5px;
		}

		.hotline a:nth-child(2) {
			letter-spacing: .9px;
		}

	/* Search */
	#search form {
		display: flex;
	}

	#txt_search1 {
		/* width: 100%; */
		/* height: 38px; */
		/* border: none; */
		/* font-size: 14px; */
		/* padding: 0 40px 0 20px; */
		/* background: #fff; */
		/* -webkit-border-radius: 24px; */
		-moz-border-radius: 24px;
		/* border-radius: 24px; */
		/* box-sizing: border-box; */
		/* color: #999; */
	}

		#txt_search1:focus {
			color: #000;
		}

	#button-search {
		width: 38px;
		height: 38px;
		/* display: block; */
		border: 0;
		margin-left: -35px;
		cursor: pointer;
		border-radius: 0 24px 24px 0;
		-webkit-border-radius: 0 24px 24px 0;
		-moz-border-radius: 0 24px 24px 0;
		background: none;
		padding: 0;
	}

	.icon-search {
		width: 24px;
		height: 24px;
		display: block;
	}

		.icon-search svg {
			fill: #4285f4;
		}

	/* main menu */
	#ja-mainnav {
		height: 100%;
		width: 280px;
		position: fixed;
		z-index: 3;
		top: 0px;
		bottom: 0px;
		left: -280px;
		background: #f58220d4;
		overflow-x: hidden;
		transition: 0.5s;
		box-sizing: border-box;
		padding: 10px 0;
	}

	.open-wrapper #ja-mainnav {
		-moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transform: translate(280px, 0);
		-ms-transform: translate(280px, 0);
		transform: translate(280px, 0);
	}

	.toggle-menu {
		width: 30px;
		height: 30px;
		float: left;
		padding: 10px;
		display: block;
		position: absolute;
		top: 10px;
		right: 0px;
	}

		.toggle-menu i {
			position: absolute;
			display: block;
			height: 3px;
			background: #fff;
			width: 30px;
			left: 10px;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			transition: all .2s;
		}

			.toggle-menu i:nth-child(1) {
				top: 16px;
			}

			.toggle-menu i:nth-child(2) {
				top: 24px;
			}

			.toggle-menu i:nth-child(3) {
				top: 32px;
			}

	.open-menu {
		display: block;
		left: 0;
		top: 0;
		background: #e32124;
	}

		.open-menu i:nth-child(1) {
			top: 25px;
			-webkit-transform: rotateZ(45deg);
			-moz-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
		}

		.open-menu i:nth-child(2) {
			background: transparent;
		}

		.open-menu i:nth-child(3) {
			top: 25px;
			-webkit-transform: rotateZ(-45deg);
			-moz-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg);
		}

	/* menu top */
	#menutop li {
		float: left;
		width: 100%;
		position: relative;
		padding: 0;
	}

		#menutop li.havechild::before {
			background: #fff none repeat scroll 0 0;
			content: "";
			display: block;
			height: 2px;
			width: 10px;
			position: absolute;
			right: 11px;
			top: 14px;
			transition: all 0.1s ease-out 0s;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
			z-index: 1;
			border: none !important;
			left: inherit !important;
		}

		#menutop li.havechild::after {
			background: #fff none repeat scroll 0 0;
			content: "";
			display: block;
			height: 10px;
			width: 2px;
			position: absolute;
			right: 15px;
			top: 16px;
			transition: all 0.1s ease-out 0s;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		#menutop li.open::before {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
			top: 20px;
			border: none !important;
			left: inherit !important;
		}

		#menutop li.open::after {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
			right: 21px;
			top: 16px;
		}

	#menutop .has-image {
		background-image: none !important;
	}

	#menutop ul a {
		padding: 5px 0;
		display: block;
		color: #333;
	}

	#menutop > li > a {
		line-height: 40px;
		display: block;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		padding: 0 15px;
		text-transform: uppercase;
	}

	#menutop .cols1,
	#menutop .cols2,
	#menutop .cols3,
	#menutop .cols4,
	#menutop .cols5 {
		/*  position: inherit !important;
  column-count: 1 !important;
  -moz-column-count: 1 !important;
  -webkit-column-count: 1 !important;
  -ms-column-count: 1 !important;
  -o-column-count: 1 !important; */
		display: none;
		float: left;
		background: #eee;
		padding: 0 20px;
		width: 100%;
	}

	.havesubchild.open > a {
		font-weight: bold;
	}
	/* end menu top */
		

	/* Category Product */
	.category-desc {
		margin: 20px 10px;
	}

	.width33 {
		width: 50%;
		padding: 2px !important;
	}
    .width25
    {
        width: 100%;
    }
	.product li h3 {
	    min-height: 63px;
	}
    .product > li:nth-child(2n+1) {
        clear: both;
    }

	.product > li.width33:nth-child(2n+1) {
		clear: both;
	}

	.product img {
		width: 208px;
		height: auto;
	}
	.ja-content-bottom .box-title {
		margin-top: 20px;
	}
	.box-content {
	    margin-bottom: 40px;
	}
	/* menu categories */
	.product-menu {
		display: flex;
		justify-content: center;
	}

		.product-menu span {
			font-weight: bold;
			background: #e10531;
			color: #fff;
			padding: 5px 30px 5px 20px;
			margin-bottom: 20px;
			border-radius: 20px;
			position: relative;
		}

			.product-menu span::before {
				background: #fff none repeat scroll 0 0;
				content: "";
				display: block;
				height: 2px;
				width: 8px;
				position: absolute;
				right: 15px;
				top: 50%;
				transition: all 0.1s ease-out 0s;
				z-index: 1;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.product-menu span::after {
				background: #fff none repeat scroll 0 0;
				content: "";
				display: block;
				height: 2px;
				width: 8px;
				position: absolute;
				right: 11px;
				top: 50%;
				transition: all 0.1s ease-out 0s;
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				transform: rotate(135deg);
			}

	.menu-categories {
		background: rgba(19, 34, 65, .95);
		width: 300px;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -300px;
		z-index: 10;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.product-menu.open-menu .menu-categories {
		-moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transform: translate(300px, 0);
		-ms-transform: translate(300px, 0);
		transform: translate(300px, 0);
	}

	.menu-categories li {
		padding: 0;
	}

	.menu-categories a {
		color: #fff;
		display: block;
		padding: 10px;
	}

		.menu-categories a:hover {
			color: #e10531;
		}
	/* Product home */
	.product-home img {
		width: 160px;
		height: auto;
	}

	.product-preview .product-images-details {
		width: 100%;
	}

	.product-short-description {
		width: 100%;
		margin: 0;
		left: 0;
		display: none;
	}

	.product-detail .product-name h1 {
		line-height: inherit;
	}

	.category-default-child {
		width: calc(50% - 10px);
		min-height: 220px;
	}

	/* Product default */
	.product-default-image {
		width: 100%;
		padding: 0;
	}

	.product-default-right {
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.product-name {
		font-size: 20px;
		line-height: 1.2;
	}

	.product-default-right .product-price {
		font-weight: bold;
		color: #e32124;
		font-size: 20px;
	}

		.product-default-right .product-price span {
			color: #333;
			font-size: 14px;
		}

	.ghichu {
		font-size: 12px;
	}

	.product-description {
		padding: 10px;
		box-sizing: border-box;
	}

	.product-khuyenmai {
		border: 1px solid #ddd;
		border-radius: 3px;
	}

	.product-fields-title {
		background: #eee;
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 5px;
		font-weight: 600;
	}

	.product-field-display {
		padding: 5px;
		display: block;
	}

		.product-field-display p {
			position: relative;
			padding: 0 5px 0 20px !important;
		}

			.product-field-display p::before {
				position: absolute;
				content: "";
				background: url('../images/icon.png') no-repeat -51px -104px;
				height: 15px;
				width: 15px;
				left: 0;
				top: 4px;
			}
	/*info contact product default */
	.info {
		border: 1px solid #eee;
		border-radius: 3px;
		padding: 10px;
		margin: 10px 0;
		box-sizing: border-box;
	}

	.info-left {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #eee;
	}

		.info-left li::before,
		.info-right li::before {
			position: absolute;
			content: '';
			left: 0;
			width: 24px;
			height: 24px;
		}

		.info-left a {
			color: #333;
		}

	.info-hotline, .info-email, .info-facebook,
	.info-muaxe, .info-giaoxe, .info-muahang, .info-tuvan {
		position: relative;
		padding-left: 30px;
		display: block;
		font-weight: normal;
		line-height: 1.5;
		margin-bottom: 5px;
	}

		.info-hotline::before {
			background: url('../images/icon-phone4.svg') no-repeat center /20px;
		}

		.info-email::before {
			background: url('../images/icon-mail1.svg') no-repeat center /20px;
		}

		.info-facebook::before {
			background: url('../images/icon-facebook.svg') no-repeat center /20px;
		}

		.info-muaxe::before {
			background: url('../images/icon-shopping.svg') no-repeat center /20px;
		}

		.info-giaoxe::before {
			background: url('../images/icon-giaoxe2.svg') no-repeat center /20px;
		}

		.info-muahang::before {
			background: url('../images/icon-money.svg') no-repeat center /20px;
		}

		.info-tuvan::before {
			background: url('../images/icon-tuvan.svg') no-repeat center /20px;
		}
	/* End Product default */

	/* style content product */
	.dutoanchiphi, .bangtinhtragop {
		display: table;
		line-height: 1.2;
		padding: 10px;
	}

	.nav-header {
		background-color: rgba(37, 40, 60, 0.8);
		height: 50px;
		position: relative;
		transform: translateZ(0px);
		transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
		width: 100%;
		will-change: transform;
	}

		.nav-header.fixed {
			position: fixed;
			top: 60px;
			left: 0;
			margin: 0 -10px;
			width: 100%;
			z-index: 1;
		}

		.nav-header.slide-up { /* transform: translateY(-60px); */
			top: 0;
		}

	.scrollq {
		z-index: 9999;
		position: fixed;
		top: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}

	.navigation {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		overflow-x: auto;
	}

		.navigation li {
			/* display: inline;
  float: left;
  position: relative; */
			height: 50px;
			border-right: 1px solid #222;
			box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1) inset;
			flex-shrink: 0;
		}

			.navigation li:last-child {
				border: none;
				box-shadow: none;
			}

		.navigation a {
			text-transform: uppercase;
			color: #fff;
			font: 600 100%/50px helveticaneue;
			padding: 15px 10px;
		}

			.navigation a:hover {
				color: #fff;
				background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
			}

		.navigation li.active {
			box-shadow: 1px -4px 0px -1px #e32124 inset;
			background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
		}

			.navigation li.active a {
				color: #fff;
			}

	.scrollq .navigation {
		border: none;
	}

		.scrollq .navigation a:hover {
			color: #333;
			background: #e32124;
		}

	/* end style content product */

	/* Social */
	.social [class^="icon-"] {
		background-image: url("../images/icon.png");
		background-repeat: no-repeat;
		background-size: 500px auto;
		height: 35px;
		width: 35px;
		display: inline-block;
	}

	.icon-facebook {
		background-position: 0 0;
	}

	.icon-google {
		background-position: 0 -157px;
	}

	.icon-twitter {
		background-position: 0 -39px;
	}

	.icon-youtube {
		background-position: 0 -118px;
	}

	.icon-pinterest {
		background-position: 0 -79px;
	}
	/* Social */

	/* Category Article */
	.blog {
		padding: 10px;
		box-sizing: border-box;
	}
	/* End Category Article */

	/* contact */
	.contact {
		padding: 10px;
	}
}

@media(max-width: 768px)
{
	.product-home li a img	
	{	
		height: 150px;    object-fit: cover;
	}
	.width-50_xs
	{
		width: 50%;
		float: left;
		margin-bottom: 15px;
	}
	.product-home li h3 {
	    font-size: 14px;
	    min-height: 38px;
	    padding: 0;
	}
	.desktop.general 
	{
		display: none
	}
    .shopping-tools__inner-wrapper {
        max-width: 100%;
        width: 100%;
        margin: 0px auto;
        display: block;
        padding: 0;
    }
    .shopping-tools__article {
        width: 100%;
        padding: 0 0 20px 0;
    }
	.button-zalo {
	    bottom: 70px!important;
	}
	.md-laithu img {
	    width: 165px !important;
	    height: 40px !important;
	}
	.md-laithu {
	        bottom: 25px !important;
	}	
	.button-yotube {	
	    bottom: 165px!important;
	}
	.tel {
	    display: none;
	}
}
/* --------------------------------------------------- End Mobile --------------------------------- */
/* --------------------------------------------------- Table -------------------------------------- */
@media only screen and (min-width:641px) and (max-width: 992px) {
	body {
		margin-top: 110px;
	}

	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 18px;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 15px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 13px;
	}

	input, select, textarea {
		width: calc(100% - 20px);
		padding: 10px;
	}

	dt {
		margin-top: 10px;
	}
	/* contact us */
	.contactus li {
		padding: 4px 0;
	}

	li.phone span {
		display: none;
	}

	/* table */
	.table-sp td {
		box-sizing: border-box;
		padding: 5px;
		vertical-align: top;
		width: 50%;
	}

	.table-2cot td {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		vertical-align: top;
	}

	.table-4cot td {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		vertical-align: top;
	}

		.table-4cot td:nth-child(2n+1) {
			clear: both;
		}

	.table-tskt td, .table-gia td {
		border: 1px solid #ddd;
		padding: 5px;
	}
	/* end table */
	.main {
		width: 100%;
		max-width: 992px;
		min-width: 641px;
		margin: 0;
	}
	/* video responsive */
	#main-content iframe, #main-content embed, #main-content object, #main-content video {
		width: 100%;
		height: 100%;
		border: 0;
	}

	.column {
		width: 100% !important;
	}

	.cols-1 .item,
	.cols-2 .item,
	.cols-3 .item,
	.cols-4 .item,
	.cols-5 .item {
		width: 100%;
	}
	/* wrapper */
	.wrapper-fixed {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: none;
	}

		.wrapper-fixed.open {
			display: block;
			position: fixed;
			z-index: 2;
			background: rgba(0,0,0,0.6);
		}
	/* header */
	.header-top .logo img
	{
		width: 193px;
		margin-left: 115px;
	}
	#ja-header {
		height: 110px;
		width: 100%;
		background: #f4802c none repeat scroll 0 0;
		position: fixed;
		z-index: 3;
		left: 0;
		top: 0;
	}

		#ja-header.is-hidden #search {
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
			-webkit-transform: translateY(-100px);
			-ms-transform: translateY(-100px);
			transform: translateY(-100px);
		}

		#ja-header.is-hidden {
			height: 60px;
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
			-webkit-transform: translateY(-80px);
			-ms-transform: translateY(-80px);
			transform: translateY(-80px);
		}

		#ja-header.is-show {
			/*   -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; 
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px);*/
			height: 60px;
		}

			#ja-header.is-show #search {
				display: none;
			}

	.header-top {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#search {
		position: absolute;
		left: 10px;
		display: block;
		z-index: 2;
		top: 60px;
		right: 10px;
	}

	.logo {
		height: 60px;
		width: 60px;
		margin-left: calc(50% - 30px);
		background: url('../images/logo-thegioixetai-new.png') no-repeat center center /100%;
	}

	.logo1 {
		width: 60px;
		height: 60px;
		margin-left: calc(50% - 40px);
		display: block;
		z-index: 4;
		background: url('../images/logo-thegioixetai-new.png') no-repeat center center /100%;
	}

	.hotline {
		margin-right: 10px;
	}

		.hotline .text-normal {
			display: none;
		}

		.hotline .phone-number {
			display: block;
			font-size: 16px;
			font-family: Montserrat;
			font-weight: 800;
			color: #fff;
			line-height: 1.6;
			letter-spacing: .5px;
		}

		.hotline a:nth-child(2) {
			letter-spacing: .9px;
		}

	/* Search */
	#search form {
		display: flex;
	}

	#txt_search1 {
		width: 100%;
		height: 38px;
		border: none;
		font-size: 14px;
		padding: 0 40px 0 20px;
		background: #fff;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
		box-sizing: border-box;
		color: #999;
	}

		#txt_search1:focus {
			color: #000;
		}

	#button-search {
		width: 38px;
		height: 38px;
		/* display: block; */
		border: 0;
		margin-left: -35px;
		cursor: pointer;
		border-radius: 0 24px 24px 0;
		-webkit-border-radius: 0 24px 24px 0;
		-moz-border-radius: 0 24px 24px 0;
		background: none;
		padding: 0;
	}

	.icon-search {
		width: 24px;
		height: 24px;
		display: block;
	}

		.icon-search svg {
			fill: #4285f4;
		}

	/* main menu */
	#ja-mainnav {
		height: 100%;
		width: 280px;
		position: fixed;
		z-index: 3;
		top: 0px;
		bottom: 0px;
		left: -280px;
		background: rgb(98 51 18);
		overflow-x: hidden;
		transition: 0.5s;
		box-sizing: border-box;
		padding: 10px 0;
	}

	.open-wrapper #ja-mainnav {
		-moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transform: translate(280px, 0);
		-ms-transform: translate(280px, 0);
		transform: translate(280px, 0);
	}

	.toggle-menu {
		width: 50px;
		height: 50px;
		float: left;
		padding: 10px;
		display: block;
		position: absolute;
		top: 27px;
		left: 0px;
	}

		.toggle-menu i {
			position: absolute;
			display: block;
			height: 5px;
			background: #fff;
			width: 39px;
			left: 10px;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			transition: all .2s;
		}

			.toggle-menu i:nth-child(1) {
				top: 15px;
			}

			.toggle-menu i:nth-child(2) {
				top: 24px;
			}

			.toggle-menu i:nth-child(3) {
				top: 34px;
			}

	.open-menu {
		display: block;
		left: 0;
		top: 0;
		background: #e32124;
	}

		.open-menu i:nth-child(1) {
			top: 25px;
			-webkit-transform: rotateZ(45deg);
			-moz-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
		}

		.open-menu i:nth-child(2) {
			background: transparent;
		}

		.open-menu i:nth-child(3) {
			top: 25px;
			-webkit-transform: rotateZ(-45deg);
			-moz-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg);
		}

	/* menu top */
	#menutop li {
		float: left;
		width: 100%;
		position: relative;
		padding: 0;
	}

		#menutop li.havechild::before {
			background: #fff none repeat scroll 0 0;
			content: "";
			display: block;
			height: 2px;
			width: 10px;
			position: absolute;
			right: 11px;
			top: 14px;
			transition: all 0.1s ease-out 0s;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
			z-index: 1;
			border: none !important;
			left: inherit !important;
		}

		#menutop li.havechild::after {
			background: #fff none repeat scroll 0 0;
			content: "";
			display: block;
			height: 10px;
			width: 2px;
			position: absolute;
			right: 15px;
			top: 16px;
			transition: all 0.1s ease-out 0s;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		#menutop li.open::before {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
			top: 20px;
			border: none !important;
			left: inherit !important;
		}

		#menutop li.open::after {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
			right: 21px;
			top: 16px;
		}

	#menutop .has-image {
		background-image: none !important;
	}

	#menutop ul a {
		padding: 5px 0;
		display: block;
		color: #333;
	}

	#menutop > li > a {
		line-height: 40px;
		display: block;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		padding: 0 15px;
	}

	#menutop .cols1,
	#menutop .cols2,
	#menutop .cols3,
	#menutop .cols4,
	#menutop .cols5 {
		/*  position: inherit !important;
  column-count: 1 !important;
  -moz-column-count: 1 !important;
  -webkit-column-count: 1 !important;
  -ms-column-count: 1 !important;
  -o-column-count: 1 !important; */
		display: none;
		float: left;
		background: #eee;
		padding: 0 20px;
	}

	.havesubchild.open > a {
		font-weight: bold;
	}
	/* end menu top */


	/* Category Product */
	.category-desc {
		margin: 20px 10px;
	}

    .width25, .width33 {
        width: 50%;
    }

	.product > li.width25:nth-child(3n+1) {
		clear: both;
	}

	.product > li.width33:nth-child(3n+1) {
		clear: both;
	}

	.product img {
		width: 208px;
		height: auto;
	}

	/* menu categories */
	.product-menu {
		display: flex;
		justify-content: center;
	}

		.product-menu span {
			font-weight: bold;
			background: #e10531;
			color: #fff;
			padding: 5px 30px 5px 20px;
			margin-bottom: 20px;
			border-radius: 20px;
			position: relative;
		}

			.product-menu span::before {
				background: #fff none repeat scroll 0 0;
				content: "";
				display: block;
				height: 2px;
				width: 8px;
				position: absolute;
				right: 15px;
				top: 50%;
				transition: all 0.1s ease-out 0s;
				z-index: 1;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.product-menu span::after {
				background: #fff none repeat scroll 0 0;
				content: "";
				display: block;
				height: 2px;
				width: 8px;
				position: absolute;
				right: 11px;
				top: 50%;
				transition: all 0.1s ease-out 0s;
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				transform: rotate(135deg);
			}

	.menu-categories {
		background: rgba(19, 34, 65, .95);
		width: 300px;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -300px;
		z-index: 10;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.product-menu.open-menu .menu-categories {
		-moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
		-webkit-transform: translate(300px, 0);
		-ms-transform: translate(300px, 0);
		transform: translate(300px, 0);
	}

	.menu-categories li {
		padding: 0;
	}

	.menu-categories a {
		color: #fff;
		display: block;
		padding: 10px;
	}

		.menu-categories a:hover {
			color: #e10531;
		}
	/* Product home */
	/* .product-home img{width: 160px; height: 120px;} */
	.product-preview .product-images-details {
		width: 100%;
	}

	.product-short-description {
		width: 100%;
		margin: 0;
		left: 0;
		display: none;
	}

	.product-detail .product-name h1 {
		line-height: inherit;
	}

	.category-default-child {
		width: calc(50% - 10px);
		min-height: 220px;
	}

	/* Product default */
	.product-default-image {
		width: 50%;
		padding: 10px;
		float: left;
	}

	.product-default-right {
		padding: 10px;
		width: calc(50% - 20px);
		float: left;
		box-sizing: border-box;
	}

	.product-name {
		font-size: 20px;
		line-height: 1.2;
	}

	.product-default-right .product-price {
		font-weight: bold;
		color: #e32124;
		font-size: 20px;
	}

		.product-default-right .product-price span {
			color: #333;
			font-size: 14px;
		}

	.ghichu {
		font-size: 12px;
	}

	.product-description {
		padding: 10px;
		box-sizing: border-box;
	}

	.product-khuyenmai {
		border: 1px solid #ddd;
		border-radius: 3px;
	}

	.product-fields-title {
		background: #eee;
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 5px;
		font-weight: 600;
	}

	.product-field-display {
		padding: 5px;
		display: block;
	}

		.product-field-display p {
			position: relative;
			padding: 0 5px 0 20px !important;
		}

			.product-field-display p::before {
				position: absolute;
				content: "";
				background: url('../images/icon.png') no-repeat -51px -104px;
				height: 15px;
				width: 15px;
				left: 0;
				top: 4px;
			}
	/*info contact product default */
	.info {
		border: 1px solid #eee;
		border-radius: 3px;
		padding: 10px;
		margin: 10px 0;
		box-sizing: border-box;
	}

	.info-left {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #eee;
	}

		.info-left li::before,
		.info-right li::before {
			position: absolute;
			content: '';
			left: 0;
			width: 24px;
			height: 24px;
		}

		.info-left a {
			color: #333;
		}

	.info-hotline, .info-email, .info-facebook,
	.info-muaxe, .info-giaoxe, .info-muahang, .info-tuvan {
		position: relative;
		padding-left: 30px;
		display: block;
		font-weight: normal;
		line-height: 1.5;
		margin-bottom: 5px;
	}

		.info-hotline::before {
			background: url('../images/icon-phone4.svg') no-repeat center /20px;
		}

		.info-email::before {
			background: url('../images/icon-mail1.svg') no-repeat center /20px;
		}

		.info-facebook::before {
			background: url('../images/icon-facebook.svg') no-repeat center /20px;
		}

		.info-muaxe::before {
			background: url('../images/icon-shopping.svg') no-repeat center /20px;
		}

		.info-giaoxe::before {
			background: url('../images/icon-giaoxe2.svg') no-repeat center /20px;
		}

		.info-muahang::before {
			background: url('../images/icon-money.svg') no-repeat center /20px;
		}

		.info-tuvan::before {
			background: url('../images/icon-tuvan.svg') no-repeat center /20px;
		}
	/* End Product default */

	/* style content product */
	.dutoanchiphi, .bangtinhtragop {
		display: table;
		line-height: 1.2;
		padding: 10px;
	}

	.nav-header {
		background-color: rgba(37, 40, 60, 0.8);
		height: 50px;
		position: relative;
		transform: translateZ(0px);
		transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
		width: 100%;
		will-change: transform;
	}

		.nav-header.fixed {
		}

		.nav-header.slide-up { /* transform: translateY(-60px); */
			top: 0;
		}

	.scrollq {
		z-index: 9999;
		position: fixed;
		top: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}

	.navigation {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		overflow-x: auto;
	}

		.navigation li {
			/* display: inline;
  float: left;
  position: relative; */
			height: 50px;
			border-right: 1px solid #222;
			box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1) inset;
			flex-shrink: 0;
		}

			.navigation li:last-child {
				border: none;
				box-shadow: none;
			}

		.navigation a {
			text-transform: uppercase;
			color: #fff;
			font: 600 100%/50px helveticaneue;
			padding: 15px 10px;
		}

			.navigation a:hover {
				color: #fff;
				background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
			}

		.navigation li.active {
			box-shadow: 1px -4px 0px -1px #e32124 inset;
			background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
		}

			.navigation li.active a {
				color: #fff;
			}

	.scrollq .navigation {
		border: none;
	}

		.scrollq .navigation a:hover {
			color: #333;
			background: #e32124;
		}

	/* end style content product */

	/* Social */
	.social [class^="icon-"] {
		background-image: url("../images/icon.png");
		background-repeat: no-repeat;
		background-size: 500px auto;
		height: 35px;
		width: 35px;
		display: inline-block;
	}

	.icon-facebook {
		background-position: 0 0;
	}

	.icon-google {
		background-position: 0 -157px;
	}

	.icon-twitter {
		background-position: 0 -39px;
	}

	.icon-youtube {
		background-position: 0 -118px;
	}

	.icon-pinterest {
		background-position: 0 -79px;
	}
	/* Social */

	/* Category Article */
	.blog {
		padding: 10px;
		box-sizing: border-box;
	}

		.blog .item {
			padding: 10px 0;
			float: left;
		}

		.blog .article-image {
			float: left;
			width: 30%;
			margin-right: 10px;
		}
	/* End Category Article */

	/* contact */
	.contact {
		padding: 10px;
	}
}
/* --------------------------------------------------- End Table ---------------------------------- */
/* --------------------------------------------------- Desktop ------------------------------------ */
@media (max-width: 1200px)
{
    .container{
        width: 1170px;
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
	.main {
	
		    width: 100% !important;
	}
}
@media only screen and (min-width:993px) and (max-width: 2056px) {
	body {
		margin-top: 0;
	}

	.main {
		margin: 0 auto;
		min-width: 993px;
		max-width: 2560px;
		width: 1170px;
	}
	/* container */
	#container .main {
		width: 1170px;
		position: relative;
	}

	#mainbody {
		float: left;
	}

	#main-content {
		/* border: 1px solid #000; */
		box-sizing: border-box;
		/* padding: 10px; */
		float: right;
	}

	.column {
		display: inline;
		float: left;
	}

	#left .box-title {
		position: relative;
		font-weight: bold;
		font-size: 16px;
		padding: 10px;
	}

		#left .box-title::before {
			position: absolute;
			content: '';
			width: 3px;
			height: 16px;
			left: 0;
			background: #cb1b28;
			top: calc(50% - 8px);
		}
	/* Right */
	#right {
		margin-left: 1%;
	}

		#right > div {
			border: 1px solid #eee;
			border-radius: 5px;
			margin-bottom: 10px;
			padding: 10px;
		}

	#ja-main img {
		height: auto;
		margin: 0;
		max-width: 100%;
	}

	

	.cols-1 .item {
		width: 100%;
	}

	.cols-2 .item {
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.cols-3 .item {
		width: 33%;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.cols-4 .item {
		width: 25%;
	}

	.cols-5 .item {
		width: 20%;
	}


	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 19px;
	}

	h4 {
		font-size: 16px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 13px;
	}

	hr {
		border-top: 1px solid #e5e6e7;
	}

	/* Form */
    
	fieldset dd {
		min-height: 25px;
		padding: 3px 0;
	}

	fieldset dt {
		clear: left;
		float: left;
		margin-right: 10px;
		min-width: 12em;
		padding: 5px 0;
		text-align: right;
	}

	.contact h1 {
		font-size: 50px;
	}

	.contact h2 {
		color: #cb1b28;
	}

	.contact h3 {
		border-bottom: 1px solid #f0f0f0;
	}

	.contact-misc {
		color: #969696;
		background: url('../images/bg-line-contact.png') repeat-x 0 bottom;
		padding-bottom: 10px;
	}

		.contact-misc p, .contact-links ul, .contact-position, .contact-address, .contact-contactinfo p {
			margin: 10px 0px;
			padding: 0 !important;
		}

	/* header */
    .set-flex-c
    {
        display: flex;
    }
    .set-h
    {
        height: 115px;
    }
    #ja-header {
        display: none;
        position: relative;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        background: #2b2b2b;
        border-bottom: 4px solid #000;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
    }

		#ja-header .main {
			position: relative;

		}

		#ja-header.is-hidden {
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
		}

		#ja-header.is-show {
			-webkit-transition: -webkit-transform .5s;
			transition: -webkit-transform .5s;
			transition: transform .5s;
			transition: transform .5s, -webkit-transform .5s;
			position: fixed;
		}

	.logo {
		/* width: 90px; */
		/* height: 100px; */
		background-size: contain;
		float: left;
		display: block;
	}

		.logo img {
		width: 250px;
		}

    .header-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }
    .header-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
    }
	/* hotline */
	.hotline {
		color: #161d28;
		float: right;
	}
		.hotline .text-normal {
			display: block;
			text-transform: uppercase;
			font-size: 10px;
		}
		.hotline .phone-number {
			display: block;
			font-size: 22px;
			font-family: Montserrat;
			font-weight: 800;
			color: #fff;
			line-height: 1.2;
			letter-spacing: .5px;
		}

		.hotline a:nth-child(2) {
			letter-spacing: 1px;
		}
	/* Search */
	#search #formSearch {
		display: flex;
		width: 604px;
		height: 38px;
		position: relative;
		z-index: 11;
	}

	#txt_search1 {
		width: 100%;
		height: 38px;
		border: none;
		font-size: 14px;
		padding: 0 40px 0 20px;
		background: #fff;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
		box-sizing: border-box;
		color: #999;
	}

		#txt_search1:focus {
			color: #000;
		}

	#button-search {
		width: 38px;
		height: 38px;
		/* display: block; */
		border: 0;
		margin-left: -35px;
		cursor: pointer;
		border-radius: 0 24px 24px 0;
		-webkit-border-radius: 0 24px 24px 0;
		-moz-border-radius: 0 24px 24px 0;
		background: none;
		padding: 0;
	}

	.icon-search {
		width: 24px;
		height: 24px;
		display: block;
	}

		.icon-search svg {
			fill: #4285f4;
		}
	/* contact us */
    
    /*--------------------------------------------------------- VITUEMART ------------------------------------------------*/
    /* Category Product */
    .category-desc {
        margin: 20px 0;
    }
    ul.product-home {
    margin: 0 -5px;
}
	.width25 {
		width: 24.15%;
		float: left;
		margin: 5px 5px;
	}

	.width33 {
		width: 33%;
	}

	.product > li.width25:nth-child(4n+1) {
		clear: both;
	}

	.product > li.width33:nth-child(3n+1) {
		clear: both;
	}

    .product li:hover > div {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
    }

    .product li:hover h3 {
        color: #6d6969;
    }


	/* category menu*/
    .cold-left-sidebar {
        padding: 10px;
        float: left;
        width: 20%;
        box-sizing: border-box;
    }
    .product-menu {
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 3px;
    }

		.product-menu span {
			position: relative;
			font-size: 16px;
			font-weight: bold;
			padding: 10px 0 10px 10px;
			display: block;
			pointer-events: none;
		}

            .product-menu span::before {
                position: absolute;
                content: '';
                width: 3px;
                height: 16px;
                left: 0;
                background: #2b2b2b;
                top: calc(50% - 8px);
            }

	.menu-categories {
		padding-left: 10px;
	}

		.menu-categories a {
			color: #333;
			display: block;
			padding: 3px 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

			.menu-categories a:hover {
				color: #cb1b28;
			}

	.product-content {
		width: 80%;
		float: left;
	}
	/* End Category Product */

	/* PRODUCT DEFAULT */
	.product-short-description {
		position: relative;
		width: 1366px;
		height: auto;
		left: 50%;
		margin-left: -683px;
		clear: both;
	}

	.product-default {
		margin: 10px 0;
	}
	/* .product-social {display: flex;justify-content: flex-end;} */
	.product-default-image {
		float: left;
		padding: 0;
		width: calc(50% - 10px);
		margin-right: 10px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	/*.product-default-image #large_image_holder {
  overflow: hidden;
  text-align: center;
  padding-bottom: 10px;
}
.product-default-image #large_image_holder ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.product-default-image .additional-images {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.additional-images-i {
  width: 100%;
  float: left;
  position: relative;
}
.additional-images img {
  margin-right: 5px !important;
  width: 50px;
  height: auto;
}*/
	.product-default-right {
		width: calc(50% - 20px);
		float: left;
		padding: 0 10px;
	}

	.product-name {
		border-bottom: 1px solid #eee;
		margin-bottom: 5px;
		font-size: 22px;
	}

	.product-default-right .ghichu {
	}

	.product-default-right .product-price {
		font-weight: 700;
		padding: 10px 0;
		font-size: 20px;
		color: #e32124;
	}
    
    .product-price > span {
        color: #e10531;
        font-size: 22px;
    }
    .box-content {
        margin-bottom: 40px;
    }
    /*.product-default-showroom {
  width: calc(25% - 2px);
  float: right;
}

.product-default-hotline {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 60px;
  margin-bottom: 10px;
}
.product-default-hotline::before {
  position: absolute;
  content: "";
  background: url(../images/icon.png) no-repeat -105px 0;
  width: 50px;
  height: 50px;
  display: block;
  left: 0;
}
.product-default-hotline .phone-number {
  font: bold 150%/30px Gotham-Ultra;
  text-align: left;
}*/
    .product-khuyenmai {
        border: 1px solid #ddd;
        border-radius: 3px;
    }

	.product-fields-title {
		background: #eee;
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 5px;
		font-weight: 600;
	}

	.product-field-display {
		padding: 5px;
		display: block;
	}

		.product-field-display p {
			position: relative;
			padding: 0 5px 0 20px !important;
		}

			.product-field-display p::before {
				position: absolute;
				content: "";
				background: url('../images/icon.png') no-repeat -51px -104px;
				height: 15px;
				width: 15px;
				left: 0;
				top: 4px;
			}

	/*info contact product default */
	.info {
		border: 1px solid #eee;
		border-radius: 3px;
		padding: 5px;
		display: flex;
		justify-content: flex-start;
		margin: 15px 0;
	}

	.info-left {
		border-right: 1px solid #eee;
		width: 50%;
		margin-right: 10px;
	}

		.info-left li::before,
		.info-right li::before {
			position: absolute;
			content: '';
			left: 0;
			width: 24px;
			height: 24px;
		}

		.info-left a {
			color: #333;
		}

	.info-hotline, .info-email, .info-facebook,
	.info-muaxe, .info-giaoxe, .info-muahang, .info-tuvan {
		position: relative;
		padding-left: 30px;
		display: block;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 5px;
	}

		.info-hotline::before {
			background: url('../images/icon-phone4.svg') no-repeat center /20px;
		}

		.info-email::before {
			background: url('../images/icon-mail1.svg') no-repeat center /20px;
		}

		.info-facebook::before {
			background: url('../images/icon-facebook.svg') no-repeat center /20px;
		}

		.info-muaxe::before {
			background: url('../images/icon-shopping.svg') no-repeat center /20px;
		}

		.info-giaoxe::before {
			background: url('../images/icon-giaoxe2.svg') no-repeat center /20px;
		}

		.info-muahang::before {
			background: url('../images/icon-money.svg') no-repeat center /20px;
		}

		.info-tuvan::before {
			background: url('../images/icon-tuvan.svg') no-repeat center /20px;
		}

	/* END PRODUCT DEFAULT */
	/*------------------------------------------------------- end Vituemart ---------------------------------------------------------*/

	/* .breadcrumbs */
	.breadcrumbs {
		display: block;
		font-size: 12px;
		color: #e32124;
		padding: 10px 0;
	}

		.breadcrumbs a {
			color: #333;
		}

	.breadcrumb-item::after {
		display: inline-block;
		padding-right: .5rem;
		padding-left: .5rem;
		color: #6c757d;
		content: "/";
	}

	.breadcrumbs a:hover {
		color: #e32124;
	}
	/* table */
	.table-gia {
		margin: 0 auto;
		border: 1px solid #ddd;
	}

		.table-gia td {
			border: 1px solid #ddd;
			padding: 5px;
		}

	.table-tskt td {
		border: 1px solid #ddd;
		padding: 3px;
	}

	.table-noi-that td {
		border: 1px solid #eee;
		width: 50%;
		vertical-align: top;
		padding: 5px;
	}

	.table-2cot td {
		width: 50%;
		padding: 10px 15px;
		box-sizing: border-box;
		vertical-align: top;
	}

	.table-4cot td {
		width: 25%;
		padding: 10px 15px;
		box-sizing: border-box;
		vertical-align: top;
	}

	.table-sp td {
		box-sizing: border-box;
		padding: 5px;
		vertical-align: top;
		width: 50%;
	}

	/* stype content product */
	.h2title {
		color: #e32124;
		font-weight: 700;
		text-transform: uppercase;
		text-shadow: #111 0 1px 1px;
		font-size: 20px;
	}

	.h3title {
		color: #e32124;
	}

	.cont-divided {
		margin-left: -683px;
		left: 50%;
		position: relative;
		width: 1366px;
		height: auto;
	}

	.cont-inner {
		width: 50%;
		background-color: rgba(0,0,0,0.5);
		position: absolute;
		left: 228px;
		top: 10%;
		padding: 10px;
		color: #fff;
	}

	.cont-inner-right {
		top: 0;
		bottom: 0;
		right: 0;
		width: 25%;
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
		position: absolute;
		padding: 5% 10% 0 5%;
		color: #fff;
	}

		.cont-inner-right > h3 {
			font: bold 30px helveticaneue;
		}

	.cont-inner-content {
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1c2432 100%) repeat scroll 0 0;
		position: absolute;
		padding: 10% 0 2% 20%;
		color: #fff;
	}

		.cont-inner-content > h3 {
			font: bold 30px helveticaneue;
			padding: 2% 0 1%;
		}

		.cont-inner-content > p {
			width: 45%;
		}

	.cont-title {
		font-size: 32px;
		color: #e32124;
	}

	.inner50 {
		top: 50%;
		left: 250px;
	}

	.cont-km {
		left: 50%;
		margin-left: -450px;
		position: absolute;
		top: 25%;
	}

	.cont-hotline {
		background: #ffab00;
		padding: 10px;
		margin: 10px 0;
		color: #fff;
		text-align: center;
		font-size: 20px;
		font-weight: 900;
	}

	.cont-box-yellow {
		background: #fef5c4;
		border: 1px solid #ffab00;
		padding: 10px;
	}

	.cont-giamgia {
		font: italic bold 150% louis;
		text-transform: uppercase;
		color: #ed1c24;
	}

	.cont-gia {
		font: italic bold 150% helveticaneue !important;
		text-transform: uppercase;
	}

	.cont-divided-nofull {
		position: relative;
		overflow: hidden;
	}

	.list-page {
		counter-reset: li;
		margin-left: 0;
		padding-left: 0;
	}

		.list-page li {
			position: relative;
			margin: 0 0 0.5em 2em;
			padding: 0.1em 0 0 0.2em;
		}

			.list-page li::before {
				background-color: #ffab00;
				border-radius: 100%;
				box-sizing: border-box;
				color: #fff;
				content: counter(li, decimal);
				counter-increment: li;
				font-weight: bold;
				height: 20px;
				left: -2em;
				margin-right: 0.8em;
				padding: 0;
				position: absolute;
				text-align: center;
				top: 5px;
				width: 20px;
			}

	.number {
		background: #ffab00;
		padding: 2px 6px;
		font: italic bold 100% louis;
		margin-right: 5px;
	}

    .nav-header {
        background-color: rgba(43, 43, 43, 0.83);
        height: 50px;
        position: relative;
        transform: translateZ(0px);
        transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
        width: 100%;
        will-change: transform;
        display: none;
    }

		.nav-header.fixed {
			position: fixed;
			top: 119px;
			left: 50%;
			margin-left: -683px;
			width: 1366px;
			z-index: 9;
		}

		.nav-header.slide-up {
		}

	.scrollq {
		z-index: 9999;
		position: fixed;
		top: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}

	.navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow-x: auto;
	}

		.navigation li {
			/* display: inline;
  float: left;
  position: relative; */
			height: 50px;
			border-right: 1px solid #222;
			box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1) inset;
			flex-shrink: 0;
		}

			.navigation li:last-child {
				border: none;
				box-shadow: none;
			}

		.navigation a {
			text-transform: uppercase;
			color: #fff;
			font: 600 100%/50px segoeui;
			padding: 15px 10px;
		}

			.navigation a:hover {
				color: #fff;
				background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
			}

		.navigation li.active {
			box-shadow: 1px -4px 0px -1px #e32124 inset;
			background: rgba(33, 42, 54, 0.8) none repeat scroll 0 0;
		}

			.navigation li.active a {
				color: #fff;
			}

	.scrollq .navigation {
		border: none;
	}

		.scrollq .navigation a:hover {
			color: #333;
			background: #e32124;
		}
	/* end stype content product */
	ul.bulletin li {
		padding: 10px;
		width: 100%;
		line-height: normal;
		float: left;
		box-sizing: border-box;
	}

		ul.bulletin li a {
			color: #353637;
		}

			ul.bulletin li a:hover,
			ul.bulletin li a:focus {
				color: #e32124;
			}

		ul.bulletin li h4 {
			font-size: 14px;
		}

	ul.bulletin img {
		float: left;
		margin-right: 10px;
	}

	video {
		width: auto;
		height: auto;
		min-height: 100%;
		min-width: 100%;
		position: relative;
	}

	/* hotline debug */
	.hotline-debug {
		bottom: 5px;
		position: fixed;
		left: 0;
		text-align: center;
	}

		.hotline-debug a {
			color: #fff;
			font-weight: 800;
		}

	.goingay {
		background: #d50000 none repeat scroll 0 0;
		border-radius: 0 28px 28px 0;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
		overflow: hidden;
		width: 210px;
		height: 55px;
		transition: width 0.2s;
		-webkit-transition: width 0.2s;
	}

		.goingay .icon-phone {
			background: #d90000 url("../images/icon-phone.png") no-repeat scroll center center;
			border: 4px solid #d90000;
			border-radius: 50%;
			float: right;
			height: 46px;
			line-height: 44px;
			text-align: center;
			width: 46px;
			animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
		}

	@keyframes quick-alo-circle-img-anim {
		0% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}

		10% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}

		20% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}

		30% {
			transform: rotate(-25deg) scale(1) skew(1deg);
		}

		40% {
			transform: rotate(25deg) scale(1) skew(1deg);
		}

		50% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}

		100% {
			transform: rotate(0deg) scale(1) skew(1deg);
		}
	}

	.goingay > div {
		line-height: 1.4;
		overflow: hidden;
		padding-top: 6px;
	}

	.goingay span {
		display: block;
		font-size: 12px;
		color: #fff;
	}

		.goingay span.sdt {
			color: #fff;
			font-size: 21px;
		}
	/* end hotline debug */

	/* popup giua trang */
	#popup-bg {
		position: fixed;
		background: rgba(51,51,51,0.9);
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 100;
	}

	#popup {
		background: #FFF;
		position: absolute;
	}

		#popup img {
			width: 100%;
			height: auto;
		}

	@media (max-width: 960px) {
		#popup {
			width: calc(100% - 20px) !important;
			height: auto !important;
			left: 5px !important;
			top: 20% !important;
		}
        
	}

	#popup-close {
		cursor: pointer;
		position: absolute;
		top: -2px;
		right: 10px;
		z-index: 9999;
		margin-top: -15px;
		margin-right: -27px;
	}

	/* slider */
	/*#ja-slider .main{width: 100%;}*/


	/* Blog category content */
	.blog-category h1 {
		font-family: Montserrat;
		letter-spacing: -1px;
	}

	.blog-category span {
		position: relative;
	}

		.blog-category span::after {
			position: absolute;
			content: '';
			z-index: -1;
			bottom: 8px;
			right: -15px;
			border: 5px solid #cb1b28;
			border-radius: 100%;
		}

	.blog .cols-1 .item {
		min-height: inherit;
		border-bottom: 1px solid #eee;
		padding: 10px 0;
	}

		.blog .cols-1 .item .article-image {
			width: 30%;
			margin-right: 2%;
			float: left;
		}

	.blog .item h3 {
		margin-bottom: 10px;
	}

	.blog .item a {
		color: #333;
		line-height: 1.3;
	}

		.blog .item a:hover {
			color: #e32124;
		}

	.blog figure {
		text-align: justify;
		overflow: hidden;
		color: #4d4d4d;
		font-size: 14px;
	}
	/* End Blog category content */

	/* menu top */
	#menutop ul {
		background: #fff;
		-webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
		box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
	}

		#menutop ul a {
			padding: 5px 0;
			display: block;
			color: #333;
		}

			#menutop ul a:hover {
				color: #e32124;
			}
	/* cols2 */
	#menutop .cols2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-ms-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		position: absolute;
		z-index: 2;
		left: inherit;
		height: auto;
		display: none;
		padding: 10px 20px;
	}
	/* #menutop li:hover .cols1, 
#menutop li:hover .cols2{display: block;}
 */
	/* cols5 */
	#menutop .cols5 {
		position: absolute;
		z-index: 2;
		left: 0;
		height: auto;
		width: 100%;
		display: none;
		padding: 10px -webkit-calc((100vw - 1170px) / 2);
		padding: 10px calc((100vw - 1300px) / 2);
		box-sizing: border-box;
	}
		/* #menutop li:hover .cols5{
  display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
} */
		#menutop .cols5 li.havesubchild {
			/* -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; */
			margin: 0 10px 10px;
			width: calc(20% - 20px);
			float: left;
		}
	/* level0 */
	#menutop > li {
		float: left;
		display: block;
		overflow: visible;
	}

		#menutop > li.first-item {
			text-indent: -9999px;
		}

        #menutop > li > a {
            padding: 0 25px;
            display: block;
            line-height: 50px;
            text-transform: uppercase;
            font-size: 15px;
            color: #999999;
        }
		#menutop .cols5 li.havesubchild img
		{
			width: 100%;
		}
        #menutop > li:last-child > a{
            padding-right: 0;
        }
        #menutop > li > a:hover {
            color: #ffffff;
        }

	#menutop .has-image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 25px;
		display: block;
	}
	/* havechild */
	.havechild > .cols1 {
		position: absolute;
		display: none;
		z-index: 2;
		height: auto;
		padding: 10px 20px;
	}
	/* havesubchild */

	.havesubchild .cols1 {
		display: block;
		position: static;
		box-shadow: none !important;
	}

	.havesubchild > a {
		border-bottom: unset;
		font-weight: 600;
	}
	/* end menu top */

	/* Slick */
	.slider-for, .slider-nav {
		width: 575px;
	}
}
.price {
        color: #e10531;
        padding: 0 10px;
        margin-bottom: 0;
        font-size: 22px;
        text-align: center;
    }
#ja-content .pdesc p,#ja-content .pdesc{text-align:left;padding-bottom:0px;}
#ja-content .pdesc{padding-left:20px;color:black}
.pdesc *{font-family:helveticaneue,OpenSans,sans-serif,Arial,tahoma !important}
/* --------------------------------------------------- End Desktop -------------------------------- */
@media(min-width: 768px) and (max-width: 1023spx)
{
	.product-home li a img {
    object-fit: cover;
    width: 100% !important;
    height: 362px;
}
}
@media(max-width:549px){
.cm-processed-form{
    position: absolute;
    right: 50px;
}
.cm-processed-form input{
background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 4px 25px 0 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    border-bottom: 2px solid #fff;
    float: left;
    width: 86%;
}
.cm-processed-form a{
position: absolute;
    cursor: pointer;
    background: transparent;
    float: left;
    height: 35px;
    color: #333;
    top: 0;
    right: 0;
    width: 35px;
    font-size: 20px;
    color: #fff;
}
.cm-processed-form i{
}
}