.header-support {

	padding-right: 1rem !important;

}

.header-support .icon-phone-head{

	width: 36px;

	height: 36px;

	background: #E0E0E0;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.header-support a{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 1.6rem;

	line-height: 1.9rem;

	color: #004BCB;

	padding-left: 10px;

}

.header-support p{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 1.2rem;

	line-height: 1.4rem;

	color: #686868;

	padding-left: 10px;

}

.search-form--2{

	max-width: 646px;

	background: #fff;

	border-radius: 25px;

	margin-top: 10px;

}

.search-form--2 .search-form__input{

	background: transparent;

}

.search-form--2 .search-form__submit.color-1{

	background-color: transparent;

}

.search-form--2 .search-form__submit.color-1:hover{

	background-color: transparent;

}

.search-form--2 .search-form__submit.color-1 i{

	color: #363636;

}

.language-selector a{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 18px !important;

	line-height: 22px;

	color: #FFFFFF !important;

	text-transform: uppercase;

}

#homepage-slider-2{

	padding-top: 15px;

	max-height: 42.6rem;

}

#homepage-slider-2 .single-slider{

	height: 41rem;

}

.product-box.horizontal--small .product-box__img img{

	height: 100%;


}

.language-selector{

	height: 100%;

	background: #003C89;

	width: 123px;

	float: right;

	display: flex;

	justify-content: center;

	align-items: center;

}

.language-selector i{

	font-size: 18px ;

	line-height: 22px;

	color: #FFFFFF ;

	text-transform: uppercase;

}

.category-nav--3 .category-nav__title{

	background-color: #003C89 !important;

}

.category-nav__menu__item a{

	padding: 2rem 0;

	margin: 0 2rem;

}

.category-nav__menu{

	padding: 1.6rem 0;

	border: 2px solid #003C89;

	border-top: none !important;

}

.category-nav--3 .category-nav__menu__item a{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.category-nav--3 .category-nav__menu__item a img{

	margin-right: 5px;

}

.pl-48{

	padding-left: 48px;

}

.pt-48{

	padding-top:48px;

}

.ml-43{

	margin-left:43px ;

}

.img-location{

	width: 24px;

	height: 24px;

	object-fit: contain;

	padding: 0;

}

.footer-top{

	background: rgba(198, 237, 255, 0.35);

}

.footer-copyright{

	background: linear-gradient(180deg, #1D5296 0%, #004BCB 100%);

	min-height: 106px;

}

.ft-content p{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-transform: uppercase;

	color: #9E9E9E;

}

.ft-content p span{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

	text-transform: none;

}

.ft-content p a{

	font-family: 'PoppinsVN',sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

	text-transform: none;

}

.ft-content{

	flex-wrap: nowrap;

	padding-bottom: 16px;

}

.pt-36{

	padding-top: 36px;

}

ul.social.social-2 li.social__item{

	margin-right: 12px;

}

ul.social.social-2 li.social__item a.social__link{

	width: 28px;

	height: 28px;

	background: #9E9E9E;

	color: #fff;

	border-radius: 5px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.nowrap{

	flex-wrap: nowrap;

}

.widget-menu li:before{

	display: none;

}

.widget-menu li{

	padding-left: 0;

}

.widget-menu li a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.footer-widget .widget-title{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	text-transform: none;

	margin-bottom: 0;

}

.plr-32{

	padding-left: 32px;

	padding-right: 32px;

}

.pl-32{

	padding-left: 32px;

}

.pr-32{

	padding-right: 32px;

}

.footer-widget hr{

	color: #CFCFCF;

	opacity: 1;

}

.copyright-text{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 160%;

	color: #FFFFFF;

}

.d-flex{

	display: flex;

}

a.scroll-to-top{

	position: unset;

	background-color: transparent !important;

	border: none;

	width: 106px;

	height: 106px;

	display: flex;

	justify-content: center;

	align-items: center;

}

a.scroll-to-top i{

	font-size: 50px;

}

.best-products-area{

	background: rgba(198, 237, 255, 0.35);

	border-radius: 0px;

}

.best-products-area .section-title{

	border-bottom: 1px solid #CFCFCF;

	margin-left: 20px;

	margin-right: 20px;

}

.coming-soon-product .section-title{

	border-bottom: 1px solid #CFCFCF;

	margin-left: 20px;

	margin-right: 20px;

}

.best-products-area .section-title.title-1.brand-color h2{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	padding-top: 24px;

	text-align: center;

}

.best-products-area .section-title.title-1.brand-color hr{

	margin-left: 20px;

	margin-right: 20px;

}

.best-products-group .product-box{

	padding-left: 20px;

	padding-right: 20px;

}

.best-products .product-box__content{

	padding-top: 0 !important;

}

.product-box__cate a{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	color: #9E9E9E;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	text-overflow: hidden;

	line-height: 1.4;

	height: calc(14px * 1.4 * 1);

}

.product-box__title a{

	font-style: normal;

	font-weight: bold;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.product-box__img{

	position: relative;

}

.bandage-top{

	font-style: normal;

	font-weight: 400;

	font-size: 8.6984px;

	line-height: 10px;

	color: #1E1E1E;

	padding: 8px 6px;

	position: absolute;

	top: 0;

	left: 0;

	box-shadow: 0px 4.97052px 9.94103px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 9.94103px 0px;

}

.top-1{

	background: #F27D00;

}

.top-2{

	background:#FFE422 ;

}

.top-3{

	background: #8DB640;

}

.top-4{

	background: #DC9CF1;

}

.top-5{

	background: #96ECFF;

}

.top-6{

	background: #30C4A8;

}

.top-7{

	background: #CFCFCF;

}

.coming-soon-product{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

}

.coming-soon-product h2{

	padding-top: 24px;

	font-style: normal;

	font-weight: 600;

	font-size: 26px !important;

	line-height: 31px !important;

	color: #1E1E1E !important;

	padding-right: 20px;

}

.coming-soon-product hr{

	margin-left: 20px;

	margin-right: 20px;

}

.coming-soon-product .product-box{

	padding-left: 20px;

	padding-right: 20px;

}

.trafic-left{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 35px;

}

.content-trafic{

	padding: 20px 0;

}

.content-trafic img{

	width: 72px;

	height: 72px;

	object-fit: contain;

	padding: 0;

}

.content-trafic p{

	font-weight: 600;

	font-size: 32px;

	line-height: 32px;

	color: #1E1E1E;



}

.content-trafic span{

	font-weight: 400;

	font-size: 20px;

	line-height: 24px;

	color: #9E9E9E;

}

.col-lg-25 {

	flex: 0 0 auto;

	width: 20%;

}

.col-xl-25{



}

.category-porducts-wrapper{

	padding-left: 0;

	padding-right: 0;

	margin: 0;

	position: relative;

}

.category-porducts-wrapper .product-box{

	padding-left: 16px;

	padding-right: 16px;

	border-right: 1px solid #CFCFCF;

	padding-bottom: 0;

}

.category-porducts-wrapper .product-box:first-child{

	padding-left: 0;

}

.category-porducts-wrapper .product-box:last-child{

	padding-right: 0;

	border-right: none;

}

.category-porducts-wrapper .product-box__img img{

	width: 100%;

	height: 100%;



}

.bandage-right{

	background: #F27D00;

	box-shadow: 0px 10.1081px 20.2162px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 20.2162px 0px;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	position: absolute;

	top: 0;

	left: 0;

	padding: 10.11px;

}

.category-porducts-wrapper .product-box__cate a{

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.category-porducts-wrapper .product-box__title a{

	font-weight: 600;

	font-size: 18px;

	line-height: 1.4;

	color: #1E1E1E;

	height: calc(16px * 1.6 * 2);

}

.category-porducts-wrapper .product-box__price .regular-price{

	font-weight: 600;

	font-size: 20px;

	line-height: 24px;

	color: #004BCB;

	text-decoration: none;

}

.category-porducts-wrapper .product-box__price .sale-price{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.category-porducts-wrapper .product-box__content{

	text-align: left;

}

.category-porducts-wrapper .product-box__img{

	height: 220px;

}

.tab-product-home .nav-item button{

	font-style: normal;

	font-weight: 400;

	font-size: 22px;

	line-height: 26px;

	color: #9E9E9E;

	padding-left: 0;

	padding-right: 0;

	margin-right: 25px;

}

.tab-product-home .nav-item button.active{

	font-style: normal;

	font-weight: 400;

	font-size: 22px;

	line-height: 26px;

	color: #1E1E1E;

	background-color: transparent;

	border-bottom: 4px solid #E3BF1D;

	border-radius: 0;



}

.position-relative{

	position: relative;

}

.btn-readmore-ab{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 24px;

	position: absolute;

	right: 0;

	top: 0;

}

.btn-readmore-ab:hover{

	color: #FFFFFF !important;

}

.btn-readmore-ab:hover i{

	color: #FFFFFF !important;

}

.btn-readmore-ab:before{

	content: '';

	width: 66px;

	height: 1px;

	background: #CFCFCF;

	display: block;

	position: absolute;

	right: 125%;

	top: 50%;

}

.border-bottom-css{

	border-bottom: 1px solid #cfcfcf;

	padding-bottom: 20px;

}

.pl-0{

	padding-left: 0;

}

.pr-0{

	padding-right: 0;

}

.m-0{

	margin:0;

}

.unlimited-title h2{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	display: flex;

	align-items: center;

}

.unlimited-title h2:after{

	content: '';

	width: 536px;

	height: 1px;

	background: #CFCFCF;

	margin-left: 48px;

}

.banner-color-1{

	background: #E3BF1D;

}

.banner-color-2{

	background: #004BCB;

}

.banner-color-3{

	background: #F27D00;

}

.icon-color-1{

	background: #E3BF1D;

}

.icon-color-2{

	background: #004BCB;

}

.icon-color-3{

	background: #F27D00;

}

.price-box-sl{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 32px 0;

}

.head-box{

	margin-left: 32px;

	padding: 12px 32px 12px 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 24px;

	line-height: 29px;

	color: #FFFFFF;

	border-radius: 24px 0px 0px 24px;

}

.price-color-1{

	color: #E3BF1D;

}

.price-color-2{

	color: #004BCB;

}

.price-color-3{

	color: #F27D00;

}

.box-price{

	font-family: 'PoppinsVN', sans-serif;

	font-style: normal;

	font-weight: 600;

	font-size: 40px;

	line-height: 48px;

	text-align: center;

}

.content-price-box{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #686868;

}

.price-box-sl li {

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 12px 0;

}

.price-box-sl li i{

	width: 24px;

	height: 24px;

	background: #E3BF1D;

	color: #fff;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 12px;

	margin-right: 12px;

}

.btn-sigup-box{

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #FFFFFF;

	padding: 12px 24px;

	width: 90%;

	display: flex;

	text-align: center;

	margin: 0 auto;

	justify-content: center;

	margin-top: 20px;

}

.btn-sigup-box:hover{

	color: #FFFFFF !important;

}

.price-box-carousel .owl-dots{

	position: absolute;

	right: 0;

	top: -11.5%;

}

.price-box-carousel .owl-dots .owl-dot.active{

	width: 24px;

	height: 8px;

	background: #E3BF1D;

	border-radius: 4px;

}

.price-box-carousel .owl-dots .owl-dot{

	width: 8px;

	height: 8px;

	background: #CFCFCF;

	border-radius: 4px;

	margin-left: 12px;

}

.product-sale-box .product-box__cate a{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.product-sale-box .product-box__cate{

	margin-top: 20px;

}

.product-sale-box .product-box__title a{

	font-style: normal;

	font-weight:600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.product-sale-box .regular-price{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 18px;

	display: flex;

	align-items: center;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.product-sale-box .sale-price{

	font-style: normal;

	font-weight: 600;

	font-size: 20px !important;

	line-height: 24px;

	display: flex;

	align-items: center;

	color: #004BCB !important;

}

.product-sale-box .bandage-sale{

	background: #F27D00;

	box-shadow: 0px 12.1128px 24.2257px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 24.2257px 0px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 18px;

	position: absolute;

	left: 0;

	top: 0;

}

.product-sale-box .product-box__img{

	padding-left: 0;

}

.big-sale-carousel .owl-dots{

	position: absolute;

	right: 0;

	top: -27.5%;

}

.big-sale-carousel .owl-dots .owl-dot.active{

	width: 24px;

	height: 8px;

	background: #E3BF1D;

	border-radius: 4px;

}

.big-sale-carousel .owl-dots .owl-dot{

	width: 8px;

	height: 8px;

	background: #CFCFCF;

	border-radius: 4px;

	margin-left: 12px;

}

.big-sale-title h2{

	font-style: normal;

	font-weight:600;

	font-size: 22px;

	line-height: 26px;

	color: #1E1E1E;

	display: flex;

	align-items: center;

	position: relative;

}

.big-sale-title h2:after{

	content: '';

	width: 55%;

	height: 1px;

	background: #CFCFCF;

	margin-left: 48px;

	position: absolute;

	right: 0;

}

.product-sale-box{

	border-right: 1px solid #cfcfcf;

}

.new-arrival-carousel .owl-dots{

	position: absolute;

	right: 0;

	top: -14.4%;

}

.new-arrival-carousel .owl-dots .owl-dot.active{

	width: 24px;

	height: 8px;

	background: #E3BF1D;

	border-radius: 4px;

}

.new-arrival-carousel .owl-dots .owl-dot{

	width: 8px;

	height: 8px;

	background: #CFCFCF;

	border-radius: 4px;

	margin-left: 12px;

}

.new-arrival-title h2{

	font-style: normal;

	font-weight: 600;

	font-size: 22px;

	line-height: 26px;

	color: #1E1E1E;

	display: flex;

	align-items: center;

}

.new-arrival-title h2:after{

	content: '';

	width: 532px;

	height: 1px;

	background: #CFCFCF;

	margin-left: 48px;

}

.new-arrival-box{

	border-right: 1px solid #cfcfcf;

}



.new-arrival-box .product-box__cate a{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.new-arrival-box .product-box__cate{

	margin-top: 20px;

}

.new-arrival-box .product-box__title a{

	font-style: normal;

	font-weight:600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.new-arrival-box .regular-price{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 18px;

	display: flex;

	align-items: center;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.new-arrival-box .sale-price{

	font-style: normal;

	font-weight: 600;

	font-size: 20px !important;

	line-height: 24px;

	display: flex;

	align-items: center;

	color: #004BCB !important;

}

.new-arrival-box .bandage-sale{

	background: #F27D00;

	box-shadow: 0px 12.1128px 24.2257px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 24.2257px 0px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 18px;

	position: absolute;

	left: 7px;

	top: 0;



}

.new-arrival-box .product-box__img{

	padding-left: 7px;

}

.new-arrival-box .product-box__img img{

	margin-right: 0;

	width: 100%;

}

.new-arrival-area{

	border-bottom: 1px solid #cfcfcf;

}

.list-book-area hr{

	color: #cfcfcf;

	opacity: 1;

}



.list-book-box{

	padding-top: 20px;

}

.list-book-area .list-book-box:nth-child(2){

	padding-top: 0;

}



.list-book-title h2{

	font-style: normal;

	font-weight: 600;

	font-size: 22px;

	line-height: 26px;

	color: #1E1E1E;

	display: flex;

	align-items: center;

}

.list-book-box .product-box__cate a{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.list-book-box .product-box__title a{

	font-style: normal;

	font-weight:600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

	display: -webkit-box;

	-webkit-box-orient: vertical !important;

	-webkit-line-clamp: 2 !important;

	overflow: hidden;

	text-overflow: hidden;

	line-height: 1.4 !important;

	height: calc(18px * 1.4 * 2);

}

.list-book-box .regular-price{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 18px;

	display: flex;

	align-items: center;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.list-book-box .sale-price{

	font-style: normal;

	font-weight: 600;

	font-size: 20px !important;

	line-height: 24px;

	display: flex;

	align-items: center;

	color: #004BCB !important;

}

.list-book-box .bandage-sale{

	background: #F27D00;

	box-shadow: 0px 12.1128px 24.2257px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 24.2257px 0px;

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 7px 11px;

	position: absolute;

	left: 7px;

	top: 0;



}

.list-book-area .col-md-4{

	padding-right: calc(var(--bs-gutter-x) * 2);

	padding-left: calc(var(--bs-gutter-x) * 1);

}

.list-book-area > .row{

	margin-right: -30px;

}

.btn-readmore-list{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding-top: 15px;

	display: block;

}

.btn-readmore-list i{

	padding-left: 10px;

}

.big-sale-area{

	padding-bottom: 0;

}

.new-letter-form{

	padding: 28px 128px;

	background: linear-gradient(93.62deg, #E3BF1D 0%, #F4DA61 100%);

}

.footer-widget img{

	mix-blend-mode: darken;

}

.new-letter-form h4{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

}

.new-letter-form p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.new-letter-form form{

	position: relative;

	background: transparent;

}

.new-letter-form form input[type=email]{

	background: #FFFFFF;

	border: 0.5px solid #CFCFCF;

	border-radius: 24px;

	font-style: italic;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;



}

.new-letter-form form input[type=submit]{

	background: #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	text-transform: none;

	position: absolute;

	right: 0;

}

.new-letter-form .col-md-7{

	justify-content: center;

	display: flex;

	flex-direction: column;

}

.new-letter-section{

	padding-top: 0;

}

.header-3--bottom{

	min-height: 60px;

}

.category-nav--3 .category-nav__title{

	min-height: 60px;

}

.category-nav--3 .category-nav__title i{

	float: right;

}

.category-nav__title span{

	text-transform: none;

}

.banner-breadcum{

	background: rgba(198, 237, 255, 0.35);

	min-height: 192px;

	display: flex;

	justify-content: center;

	align-items: center;

	min-height: 30px !important;

	margin-bottom: 15px;

}

.banner-breadcum .row{

	justify-content: center;

	align-items: center;

}

.header {

	margin-bottom: 0rem;

}

.title-breadcum{

	font-style: normal;

	font-weight:600;

	font-size: 18px !important;

	line-height: 26px;



	color: #1E1E1E;

}

.wck-breadcum li p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}

.wck-breadcum li a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #004BCB;

}

.wck-breadcum li i{

	padding: 0 7px;

}

.wck-breadcum{

	float: right;

}

.pd-64{

	padding-top: 64px;

	padding-bottom: 64px;

}

.section-forgot-password h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.section-forgot-password p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.section-forgot-password form{

	display: flex;

	flex-direction: column;

	padding-top: 36px;

}

.section-forgot-password form label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.section-forgot-password form input[type=email]{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	max-width: 640px;

	min-height: 46px;

	margin-top: 10px;

	margin-bottom: 20px;

	padding-left: 24px;

	padding-right: 24px;

}

.section-forgot-password form input[type=submit]{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	border: none;

	width: fit-content;

}

.field-icon {

	float: right;

	margin-left: -25px;

	margin-top: -30px;

	position: relative;

	z-index: 2;

	color: #363636;

	margin-right: 10px;

	font-size: 18px;

}





.user__dropdown-toggle:not([href]):not([tabindex]) {

	cursor: pointer;

	position: relative;

	display: inline-block;

}

@media (max-width: 61.94em) {

	.user__dropdown-toggle:not([href]):not([tabindex]) {

		margin-top: 0.5rem;

	}

}

@media (max-width: 35.94em) {

	.user__dropdown-toggle:not([href]):not([tabindex]) {

		margin-top: 0.5rem;

	}

}



.user-login-head .user__dropdown-toggle:not([href]):not([tabindex]) {

	margin-top: 0;

}

.user-login-head .user__dropdown-toggle:not([href]):not([tabindex]) i {

	color: #fff;

}

#progressBar #bar{

	background: #004BCB;

}

#progressBar{

	top:auto;

	padding-left: 48px;

}

.user__dropdown-menu {

	min-width: 36rem;

	border-top-width: 3px;

	border-top-style: solid;

	width: 100%;

	top: 5.6rem !important;

	position: absolute;

	background-color: #fff;

	z-index: 9999999;

	overflow: hidden;

	display: none;

	right: 0;

	box-shadow: 0px -8px 16px rgba(54, 54, 54, 0.08), 0px 16px 16px rgba(54, 54, 54, 0.15);

}

@media (max-width: 61.94em) {

	.user__dropdown-menu {

		top: 6.5rem !important;

	}

}

@media (max-width: 47.94em) {

	.user__dropdown-menu {

		top: 6.3rem !important;

	}

}

@media (max-width: 35.94em) {

	.user__dropdown-menu {

		top: 5.6rem !important;

	}

}

@media (max-width: 28.125em) {

	.user__dropdown-menu {

		min-width: 28rem;

	}

}

@media (max-width: 35.94em) {

	.user__dropdown-menu {

		right: 50% !important;

		-webkit-transform: translateX(20%);

		transform: translateX(20%);

	}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min--moz-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2){
                    	.product-box.horizontal--small .product-box__img{
	height: 150px !important;
}
.product-box.horizontal--small .product-box__img img{
	width: 100%;
		object-fit: cover;
}
	.category-porducts-wrapper .product-box__img{
		height: 150px !important;
	}
	.category-porducts-wrapper .product-box__img{
		width: 100%;
		object-fit: cover;
	}
}

/*.user__dropdown-menu{

	border-radius: 0;

	padding: 1.5rem 0;

	margin: 0;

	border: none;

	-webkit-box-shadow: 0 0 7.2px 0.8px rgba(0, 0, 0, 0.1);

	-ms-box-shadow: 0 0 7.2px 0.8px rgba(0, 0, 0, 0.1);

	-o-box-shadow: 0 0 7.2px 0.8px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 7.2px 0.8px rgba(0, 0, 0, 0.1);

	right: 0 !important;

	left: auto !important;

	min-width: 16rem;

}*/



@media (max-width: 47.94em) {

	.user-mini {

		margin-bottom: 0;

	}

}

.user-mini .user__dropdown-toggle:not([href]):not([tabindex]) {

	margin-top: 0;

}

.user-mini .user__dropdown-toggle:not([href]):not([tabindex]) i {

	color: #fff;

}

@media (max-width: 35.94em) {

	.user-mini .user__dropdown-menu {

		right: 50% !important;

		-webkit-transform: translateX(20%);

		transform: translateX(20%);

	}

}

.user-login-head {

	height: 100%;

	position: relative;

	text-align: right;

}

@media (max-width: 47.94em) {

	.user-login-head {

		text-align: center;

		margin-bottom: 3rem;

	}

}

.login-form-header{

	text-align: left;

	border-top: 8px solid #E3BF1D;

	padding: 40px 20px;

}

.title-login-head {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 10px;

}

.title-login-head p{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	margin-bottom: 0;

}

.title-login-head a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}

.form-login-head label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.form-login-head label span{

	color: #FF0000;

}

.form-login-head input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding-left: 24px;

	padding-right: 24px;

	min-height: 46px;

}

.form-login-head input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	width: 100%;

	padding: 12px;

}

.form-login-head input[type=checkbox]{

	width: 20px;

	height: 20px;

	padding: 0;

	min-height: auto;

}

.form-login-head .form-check-label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #686868;

	padding-left: 10px;

}

.form-login-head .form-check{

	display: flex;

	align-items: center;

	margin-bottom: 0;

}

.forgot-password a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	display: flex;

	align-items: center;

	letter-spacing: 0.18px;

	text-decoration-line: underline;

	color: #004BCB;

}

.pd-20{

	padding-bottom: 15px;

}

.pd-10{

	padding-bottom: 7px;

}

.form-login h2{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.form-login p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-top: 16px;

	padding-bottom: 36px;

	margin-bottom: 0;

}

.form-login label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.form-login label span{

	color: #FF0000;

}

.form-login input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	min-height: 46px;

	padding-left:24px;

	padding-right:24px;

}

.form-login input[type=checkbox]{

	width: 20px;

	height: 20px;

	padding: 0;

	min-height: auto;

}

.form-login input[type=submit]{



	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	width: 100%;

	text-align: center;

	border: none;

}

.form-login{

	padding-right: 64px;

}

.form-login .form-check a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	display: flex;

	align-items: center;

	letter-spacing: 0.18px;

	text-decoration-line: underline;

	color: #004BCB;

}

.form-signout{

	padding-left: 64px;

}



.form-signout h2{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.form-signout p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-top: 16px;

	padding-bottom: 36px;

	margin-bottom: 0;

}

.form-signout label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.form-signout label span{

	color: #FF0000;

}

.form-signout input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	min-height: 46px;

	padding-left:24px;

	padding-right:24px;

}

.form-signout input[type=radio]{

	width: 24px;

	height: 24px;

	padding: 0;

	min-height: 24px;

	margin-left: 0;

	margin-top: 0;

}

.form-signout .form-check{

	padding-left: 0;

}

.form-signout .form-check-label{

	padding-left: 7px;

}

.form-signout input[type=submit]{



	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	width: 100%;

	text-align: center;

	border: none;

}

.w-50{

	width: 50%;

}

.pd-24{

	padding-bottom: 24px;

}

.form-signout .pl-15{

	padding-left: 1.5rem;

}

.head-my-acount img{

	width: 64px;

	height: 64px;

	object-fit: contain;

	border-radius: 50%;

}

.head-my-acount h4{

	font-style: normal;

	font-weight: 600;

	font-size: 24px;

	line-height: 29px;

	color: #1E1E1E;

}

.head-my-acount p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.list-item-my-acount li{

	padding: 20px 0;

	border-top: 1px solid #CFCFCF;

	position: relative;

}

.list-item-my-acount li:last-child{

	padding-bottom: 0;

}

.list-item-my-acount li a{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-left: 8px;



}

.list-item-my-acount li a:hover{

	color: #E3BF1D;

}

.head-my-acount{

	padding-bottom: 20px;

}

.head-my-acount div{

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding-left: 16px;

}

.count-sl{

	width: 14px;

	height: 14px;

	background: #E3BF1D;

	box-shadow: 0px 2px 4px rgba(54, 54, 54, 0.08);

	border-radius: 8px;

	font-style: normal;

	font-weight: 400;

	font-size: 8px;

	line-height: 10px;

	color: #FFFFFF;

	display: flex;

	justify-content: center;

	align-items: center;

}

.list-item-my-acount li:nth-child(3) .count-sl{

	position: absolute;

	top: 32%;

	left: 3%;

}

.list-item-my-acount li:nth-child(4) .count-sl{

	position: absolute;

	top: 28%;

	left: 3%;

}

.head-my-acount{

	white-space: normal;

}

.my-user-head-ava{

	width: 36px;

	height: 36px;

	border-radius: 50%;

}

.my-user-head{

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding-left: 5px;

	text-align: left;

}

.my-user-head p{

	font-style: normal;

	font-weight: 400;

	font-size: 12px;

	line-height: 14px;

	color: #686868;

	text-align: left;

	margin-bottom: 0;

}

.my-user-head h4{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 19px;



	color: #004BCB;

	margin-bottom: 0;

}

.profile-left {

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 36px 20px;

	margin-bottom: 48px;

}

.info-left h4{

	font-style: normal;

	font-weight: 600;

	font-size: 24px;

	line-height: 29px;

	color: #1E1E1E;

}

.info-left p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.info-left {

	padding: 20px 0;

}

.list-item-my-acount li:hover{

	background: #C6EDFF59;

}

.list-item-my-acount li:hover a{

	color: #004BCB;

}

.profile-left .list-item-my-acount li:nth-child(4) .count-sl{

	position: absolute;

	top: 32%;

	left: 3%;

}

.profile-left .list-item-my-acount li:nth-child(5) .count-sl{

	position: absolute;

	top: 28%;

	left: 3%;

}

.title-my-acount h3{

	font-style: normal;

	font-weight: 400;

	font-size: 32px;

	line-height: 38px;



	color: #1E1E1E;

}

.title-my-acount p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-top: 16px;

	padding-bottom: 36px;

}

.row-info-custom h4{

	font-style: normal;

	font-weight: 400;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	border-bottom: 1px solid #CFCFCF;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.pr-24{

	padding-right: 24px;

}

.pl-24{

	padding-left: 24px;

}

.row-info-custom label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.row-info-custom label span{

	color: #FF002E;

}

.row-info-custom input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	padding-left: 24px;

	padding-right: 24px;

	min-height: 46px;

}

.row-info-custom input[type=radio]{

	width: 24px;

	height: 24px;

	padding: 0;

	min-height: 24px;

	margin-left: 0;

	margin-top: 0;

}

.row-info-custom input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

}

.row-info-custom .form-check{

	display: flex;

	justify-content: center;

	align-items: center;

	padding-left: 5.5rem;

}

.row-info-custom .form-check label{

	padding-left: 7px;

}

.cusstom-padding-tr {

	padding-top: 36px;

	margin-bottom: 20px;

	padding-bottom: 10px;

}

.row-info-custom .field-icon{

	margin-top: -25px;

}

.custom-select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	width: 100%;

	padding: 12px 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}



.avatar-user{

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding-top: 25px;

}

.avatar-user img{

	width: 280px;

	height: 280px;

	object-fit: contain;

	border-radius: 50%;

}

.avatar-user label{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #004BCB;

	padding: 12px 48px;

	margin-top: 36px;

}

.avatar-user label:hover{

	color: #004BCB;

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

}

.avatar-user p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #686868;

}

.title-history-buy{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.list-history-buy .nav .nav-item .nav-link.active{

	color: #1E1E1E;

	background: transparent;

	border-bottom: 4px solid #E3BF1D;

	border-radius: 0;

}

.list-history-buy .nav .nav-item .nav-link{

	font-style: normal;

	font-weight: 400;

	font-size: 22px;

	line-height: 26px;

	color: #9E9E9E;

	padding: 10px 0;

	margin-right: 20px;

}

.seach-group{

	position: relative;

}

.seach-group input{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	min-height: 46px;

	padding-left:54px;

	padding-right: 24px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

}

.seach-group .input-group-prepend{

	position: absolute;

	left: 20px;

	top: 10px;

	background: transparent;

}

.seach-group .input-group-text{

	background: transparent;

	border: none;

}

.seach-group .input-group-text i{

	font-size: 18px;

}

.select-group p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	margin-bottom: 0;

	padding-right: 15px;

}

.select-group select{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding: 12px 24px;

}

.group-order{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 20px;

}

.head-order {

	border-bottom: 1px solid #CFCFCF;

	padding-bottom: 15px;

}

.head-order div{

	display: flex;

	align-items: center;

}

.head-order span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-left: 10px;

}

.head-order p{

	font-style: normal;

	font-weight: 400;

	font-size: 20px;

	line-height: 24px;

	text-align: right;

	color: #004BCB;

}

.item-order-l{

	border-bottom: 1px solid #CFCFCF;

	padding: 15px 0;

}

.content-order img{

	max-height: 120px;

	object-fit: contain;

	margin-right: 20px;

}

.content-order div h3{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.content-order div p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

	margin-bottom: 0;

}

.sale-price-order{

	font-style: normal;

	font-weight: 600;

	font-size: 20px;

	line-height: 24px;

	text-align: right;

	color: #004BCB;

	margin-bottom: 0;

}

.nomal-price-order{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	text-align: right;

	text-decoration-line: line-through;

	color: #9E9E9E;

	margin-bottom: 0;

}

.footer-order{

	padding: 15px 0;

}

.footer-order .ft-top span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-left: 8px;

	padding-right: 36px;

}

.footer-order .ft-top p{

	font-style: normal;

	font-weight: 600;

	font-size: 20px;

	line-height: 24px;

	text-align: right;

	color: #004BCB;

}

.footer-order .ft-bottom{

	text-align: right;

	padding-top: 15px;

}

.footer-order .ft-bottom button:nth-child(1){

	height: 46px;



	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

	margin-right: 24px;

}

.footer-order .ft-bottom button:nth-child(2){

	height: 46px;

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #004BCB;

	padding: 12px 48px;

}

.group-order{

	margin-bottom: 36px;

}

.pagination-order{

	border: none;

	justify-content: flex-end;

}

.pagination-order .pagination{

	padding: 0;

	border:none;

}

.pagination-order .pagination li a{

	font-style: normal;

	font-weight: 400;

	font-size: 12px;

	line-height: 14px;

	display: flex;

	align-items: center;

	text-align: center;

	color: #004BCB;

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px !important;

	padding: 10px;

	justify-content: center;

}

.pagination-order .pagination li a.active{

	background: #004BCB;

	border: 1px solid #004BCB;

	color: #FFFFFF;



}

#countdown {

	width: 100%;

	

}

label {

	clear: both;

	display: block;

}

#countdown span {

	font-style: normal;

	font-weight: 600 !important;

	font-size: 20px;

	line-height: 24px;

	color: #E3BF1D;

	font-weight: normal;

	text-align: center;

	width: 25%;

	float: left;

	position: relative;

	margin-right: 5px;

}

#countdown span:after{

	content: ':';

	font-style: normal;

	font-weight: 600 !important;

	font-size: 20px;

	line-height: 24px;

	color: #E3BF1D;

	position: absolute;

}

#countdown span:nth-child(1):after{

	top:1%;

	left: 105%;

}

#countdown span:nth-child(2):after{

	top:1%;

	left: 100%;

}

#countdown span:last-child:after{

	display: none;

}

.content-list-book .cont-book{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #004BCB;

	padding: 12px 48px;

	width: 100%;

	margin-top: 15px;

}

#countdown span label{

	font-style: normal;

	font-weight: 400;

	font-size: 10px;

	line-height: 12px;

	color: #9E9E9E;

}

.extend{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #9E9E9E;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

	padding: 8px 24px;

	min-width: 102px;

}

.no-extend{

	background: #E3BF1D;

	border-radius: 24px;

	border: 1px solid #E3BF1D;

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 8px 24px;

	min-width: 102px;

}

.img-list-book{

	position: relative;

}

.img-list-book img{

	max-height: 300px;

	width: 100%;

}

.img-list-book .tag-sale{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #F27D00;

	box-shadow: 0px 12.7456px 25.4911px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 25.4911px 0px;

	padding: 13px 19px;

	position: absolute;

	top: 0;

	left: 0;

}

.content-list-book{

	padding-top: 10px;

	position: relative;

}

.cate-list-book{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.title-list-book{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;



	color: #1E1E1E;



}

.timer-count-down .day-out{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	margin-bottom: 4px;

}

.timer-count-down .out-date{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	color: #FF0000;

	margin-bottom: 4px;

}

.align-items-flex-end{

	align-items: flex-end;

}

.col-list-book{

	border-right: 1px solid #CFCFCF;

	margin-bottom: 40px;

	padding-right: calc(var(--bs-gutter-x) * .7);

	padding-left: calc(var(--bs-gutter-x) * .7);



}

/*.col-list-book:nth-child(4n){

	border-right: none;

}*/

.col-list-book:nth-child(5n-1){

	border-right: none;

}

.list-book-my{

	padding-top: 30px;



}

.select-book{

	padding-top: 10px;

}

.start-book{

	background: #E3BF1D;

	border:1px solid #E3BF1D;

	border-radius: 24px;

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #FFFFFF;

	padding: 12px 48px;

	margin-top: 15px;

}

.end-book{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #9E9E9E;

	padding:12px 48px;

	margin-top: 15px;

}

.col-list-book:after{

	content: '';

	background: #D9D9D9;

	height: 1px;

	width: 100%;

}

.list-book-my hr{

	display: block;

	margin-bottom: 40px;

	color: #D9D9D9;

	opacity: 1;

}

.search-orginazation-book input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px 0px 0px 24px;

	border-right: none;

	height: 46px;

	padding-right: 24px;

	padding-left: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	width: 70%;

	position: relative;

}

.search-orginazation-book:before{

	content: '';

	width: 1px;

	height: 36px;

	background: #CFCFCF;

	position: absolute;

	display: block;

	left: 65%;

	z-index: 9999;

	top: 8%;

}

.search-orginazation-book select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 0 24px 24px 0;

	border-left: 0;

	height: 46px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	width: 30%;

}



.search-orginazation-book{

	width: 80%;

	position: relative;

}

.title-notification{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 25px;

}

.tick-read button{

	font-style: normal;

	font-weight: 400;

	font-size: 22px;

	line-height: 26px;



	color: #004BCB;

	background: transparent;

}

.choose-totalpage p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}

.time-noti img{

	width: 18px;

	height: 18px;

	object-fit: contain;

}

.time-noti{

	border-right: 1px solid #CFCFCF;

}

.time-noti p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	padding-left: 5px;

}

.day-noti{

	padding: 0 20px;

	margin-right: 28px;

}

.day-noti p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

}

.img-content-noti{

	width: 48px;

	height: 48px;

	background: #004BCB;

	border-radius: 24px;

	padding: 12px;

}

.img-content-noti img{

	object-fit: contain;

}

.content-noti p{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	margin-bottom: 0;

}

.content-noti span{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.body-notification{

	padding: 20px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	margin:36px 0;

}

.group-noti{

	border-top: 1px solid #CFCFCF;

	padding: 20px 0;

}

.group-noti:first-child{

	border-top: none;

}

.pl-16{

	padding-left: 16px;

}

.check-noti .btn-check-noti{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #004BCB;

	background: transparent;

	padding-right: 15px;

}

.check-noti .btn-trash{

	background: transparent;

	width: 24px;

	height: 24px;

	object-fit: contain;

}

.check-noti{

	margin-left: -28px;

}

.icon-update{

	background: #E3BF1D;

}



.icon-coupon-img{

	background: #F27D00;

	border-radius: 32.25px;

	width: 64px;

	height: 64px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.icon-coupon-img img{

	width: 32px;

	height: 32px;

	object-fit: contain;

}

.first-coupon p{

	font-style: normal;

	font-weight: 400;

	font-size: 12px;

	line-height: 14px;

	color: #686868;

	padding-top: 8px;

}

.last-coupon p{

	font-style: normal;

	font-weight: 600;

	font-size: 22px;

	line-height: 26px;

	color: #363636;

	margin-bottom: 0;

}

.last-coupon span{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

	margin-bottom: 7px;

	display: block;

}

.time-coupon img{

	width: 18px;

	height: 18px;

	object-fit: contain;

}

.time-coupon p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

}

.coupon-sale{

	position: relative;

}

.icon-info-tooltip {

	position: absolute;

	right: 25px;

	top: 25px;

}

.first-coupon{

	width: 128px;

	height: 128px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

}

.position-coupon{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	padding: 15px 0;

	align-items: center;

}

.svg-coupon svg{

	width: 100%;

}

.last-coupon{

	padding-left: 30px;

}

.icon-info-tooltip button{

	padding: 0;

	background: transparent;

	border: transparent;

}

.icon-info-tooltip button:hover{

	padding: 0;

	background: transparent;

	border: transparent;

}

.body-sale{

	padding: 25px 0 ;

}

.avatar-user input[type=file]{

	min-height: 20px;

}

.list-history-buy .select-group.d-flex.align-items-center{

	padding-bottom: 10px;

	padding-top: 10px;

}

.body-manager{

	padding: 30px 0;

}

.table-manager{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

}

.table-manager thead{

	background: linear-gradient(0deg, rgba(195, 223, 244, 0.35), rgba(195, 223, 244, 0.35)), #FFFFFF;

}

.table-manager thead th{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	color: #363636;

	padding: 20px 0;

}

.table-manager tbody tr th{

	padding: 0;

}

.table-manager tbody tr td{

	padding: 0;

}

.table-manager tbody tr th:nth-child(1){

	padding-top: 20px;

	padding-left: 20px;

	padding-bottom: 20px;

}

.table-manager tbody tr th:nth-child(1) img{

	width: 48px;

	height: 48px;

	background: #004BCB;

	border-radius: 24px;

}

.table-manager tbody tr td:nth-child(2){

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	display: table-cell;

	vertical-align: middle;

}

.table-manager tbody tr td:nth-child(3){

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	display: table-cell;

	vertical-align: middle;

}

.table-manager tbody tr td:nth-child(4){

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	display: table-cell;

	vertical-align: middle;

}

.table-manager tbody tr td:nth-child(5){

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	display: table-cell;

	vertical-align: middle;

}

.table-manager tbody tr td:nth-child(6){

	display: table-cell;

	vertical-align: middle;

	padding: 20px;

	padding-left: 0;

	text-align: right;

}

.table-manager tbody tr td:nth-child(6) button{

	background: transparent;

	margin-left: 10px;

}

.btn-addnew{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

	border:none;

}

.btn-addnew img{

	width: 18px;

	height: 18px;

	object-fit: contain;

}

.modal-w{

	min-width: 1140px;

}

.modalAddNew .modal-body{

	padding: 36px;

}

.title-add-new h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.title-add-new p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.title-add-new{

	padding-bottom: 36px;

}



.modalAddNew form input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	height: 46px;

	padding: 0 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;



}

.modalAddNew form label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;



}

.modalAddNew form label span{

	color: #FF002E;

}

.modalAddNew .form-group{

	margin-bottom: 0;

}

.modalAddNew form input[type=radio]{

	width: 24px;

	height: 24px;

	padding: 0;

}

.modalAddNew .form-check{

	padding-left: 6.25rem;

	display: flex;

	align-items: center;

}

.modalAddNew .form-check:first-child{

	padding-left: 2.7rem;

}

.modalAddNew .form-check-input:checked{

	background-image: url(../images/dot.svg);

	background-repeat: no-repeat;

	background-size: contain;

}

.modalAddNew .form-dob select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	height: 46px;

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 0 24px;

}

.modalAddNew .form-phanquyen select{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: italic;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 0 24px;

	width: 100%;

}

.modalAddNew form input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	width: auto;

}

.btn-close{

	font-size: 24px;

}

#modalUpdate .modal-body{

	padding: 36px;

}

#modalUpdate form input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	height: 46px;

	padding: 0 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;



}

#modalUpdate form label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;



}

#modalUpdate form label span{

	color: #FF002E;

}

#modalUpdate .form-group{

	margin-bottom: 0;

}

#modalUpdate form input[type=radio]{

	width: 24px;

	height: 24px;

	padding: 0;

}

#modalUpdate .form-check{

	padding-left: 6.25rem;

	display: flex;

	align-items: center;

}

#modalUpdate .form-check:first-child{

	padding-left: 2.7rem;

}

#modalUpdate .form-check-input:checked{

	background-image: url(../images/dot.svg);

	background-repeat: no-repeat;

	background-size: contain;

}

#modalUpdate .form-dob select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	height: 46px;

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 0 24px;

}

#modalUpdate .form-phanquyen select{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: italic;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 0 24px;

	width: 100%;

}

#modalUpdate form input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	width: auto;

}

.btn-update{

	border: none;

	background: transparent;

}

.btn-update:hover{

	border: none;

	background: transparent;

}

.title-my-acount h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 25px;

}

.row-permission-left form label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.row-permission-left form input[type=text]{

	height: 46px;



	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	padding: 0 24px;

}

.row-permission-left form p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}

.row-permission-left table{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

}

.row-permission-left table thead tr{

	background: linear-gradient(0deg, rgba(195, 223, 244, 0.35), rgba(195, 223, 244, 0.35)), #FFFFFF;

}

.row-permission-left table thead tr th{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #363636;

	padding: 20px;

}

.row-permission-left table tbody tr{



}

.row-permission-left table tbody tr th{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	padding: 20px;



}

.row-permission-left table tbody tr th div .form-check{

	padding-left: 4.25rem;

	padding-top:10px;

}

.row-permission-left table tbody tr th div .form-check:first-child{

	padding-left: 2.75rem;

}

.row-permission-left table tbody tr th div .form-check input{

	width: 18px;

	height: 18px;

}

.row-permission-left table tbody tr th div .form-check label{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #686868;

	padding-top: 3px;

}

.button-permission input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

	border:1px solid #E3BF1D;

}

.button-permission input[type=reset]{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #004BCB;

	padding: 12px 48px;

	margin-left: 24px;

}

.button-permission{

	padding-top: 15px;

}

.row-permission-right table{

	border: 1px solid #CFCFCF;

}

.row-permission-right table thead tr{

	background: linear-gradient(0deg, rgba(195, 223, 244, 0.35), rgba(195, 223, 244, 0.35)), #FFFFFF;

}

.row-permission-right table thead tr th{

	font-style: normal;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #363636;

	padding:20px;

}

.row-permission-right table tbody tr th{

	padding: 20px;

}

.row-permission-right table tbody tr th p{

	margin-bottom: 0;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

}

.row-permission-right table tbody tr th button{

	background: transparent;

	border: none;

}

.row-permission-right table tbody tr th button:hover{

	background: transparent;

	border: none;

}

.btn-download button{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

}

.daterangepicker-choose{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding-left: 20px;

}

.top-report .select-group{

	border-right: 1px solid #CFCFCF;

	padding-right: 20px;

}

#reportrange{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	padding: 0 15px;

	margin-left: 15px;

}

.daterangepicker-choose input{

	background: transparent;

	border: none;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #686868;

}

.daterangepicker{

	color: #686868 !important;

}

.body-report {

	padding: 36px 0;

}

.body-report table{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

}

.top-table-report{

	background: linear-gradient(0deg, #004BCB, #004BCB), #FFFFFF;

	padding: 20px;

}

.top-table-report p:first-child{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #FFFFFF;

	text-transform: uppercase;

	margin-bottom: 0;

}

.top-table-report p:last-child{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: right;

	color: #FFFFFF;

}

.body-report table thead tr{

	background: linear-gradient(0deg, rgba(195, 223, 244, 0.35), rgba(195, 223, 244, 0.35)), #FFFFFF;

	padding: 20px;

}

.body-report table thead tr th{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	text-align: center;

	color: #363636;

	padding: 20px;

}

.body-report table tbody tr th{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	padding: 20px;

}

.body-report table tbody tr:hover th{

	color: #686868;

}

.body-report table tbody tr:hover td{

	color: #686868;

}

.body-report table tbody tr td{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	padding: 20px;

}

.time-report p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #686868;

	margin-bottom: 0;

}

.time-report p:nth-child(2){

	padding-right: 10px;

}

.time-report p:nth-child(3){

	padding-left: 10px;

}

.book-report img{

	width: 52px;

	height: 68px;

	object-fit: contain;

	margin-right: 10px;

}

.book-report h4{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	display: flex;

	align-items: center;



	color: #1E1E1E;

}

.book-report p{

	font-style: normal;

	font-weight: 600;

	font-size: 10px;

	line-height: 12px;

	color: #363636;

	margin-bottom: 5px;

}

.book-report p span{

	color: #9E9E9E;

}

.price-report{

	text-align: right;

}

.price-report p{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	color: #004BCB;

	margin-bottom: 0;

}

.price-report span{

	font-style: italic;

	font-weight: 400;

	font-size: 10px;

	line-height: 12px;

	text-align: right;

	color: #9E9E9E;

}

.about-us{

	padding: 36px 0;

}

.about-us h4{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	text-align: center;

	color: #1E1E1E;

	width: 66%;

	margin: 0 auto;

}

.about-us p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: justify;

	color: #686868;

	width: 80%;

	margin: 0 auto;

}

.pb-36{

	padding-bottom: 36px;

}

.pb-64{

	padding-bottom: 64px;

}

.pt-64{

	padding-top: 64px;

}

.customer-reviews h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;



	color: #1E1E1E;

	position: relative;

}

.customer-reviews h3:after{

	content: '';

	width: 65%;

	height: 1px;

	background: #CFCFCF;

	display: block;

	position: absolute;

	top: 29%;

	left: 22%;



	background: #CFCFCF;

	display: block;

}

.customer-reviews-sl{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 36px;

	text-align: center;

}

.customer-reviews-sl img{

	margin: 0 auto;

	width: 128px;

	height: 128px;

	object-fit: contain;

	border-radius: 50%;

	margin-bottom: 25px;

}

.customer-reviews-sl p:nth-child(2){

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #686868;

}

.customer-reviews-sl div{

	position: relative;

}

.customer-reviews-sl div p{

	font-style: normal;

	font-weight: 600;

	font-size: 24px;

	line-height: 29px;

	color: #1E1E1E;

	position: relative;

	padding-top: 32px;

	z-index: 9;

}

.customer-reviews-sl div:before{

	content: '';

	background: url(../images/“.png);

	background-repeat: no-repeat;

	background-size: contain;

	position: absolute;

	width: 64px;

	height: 64px;

	top: 30%;

	left: 50%;

	transform: translateX(-50%);

	z-index: 1;

}

.customer-reviews-sl div p span{

	color: #9E9E9E;

	font-weight: 400;

}

.customer-reviews{

	position: relative;

}

.customer-reviews-carousel .owl-dots{

	position: absolute;

	top: -18.5%;

	right: 0;

}

.customer-reviews-carousel .owl-dots .owl-dot.active{

	width: 24px;

	height: 8px;

	background: #E3BF1D;

	border-radius: 4px;

}

.customer-reviews-carousel .owl-dots .owl-dot{

	width: 8px;

	height: 8px;

	background: #CFCFCF;

	border-radius: 4px;

	opacity: 1;

	margin-left: 12px;

}

.list-blog-post {

	padding: 36px 0;

}

.item-blog-post img{

	width: 100%;

	height: 285px;

	object-fit: cover;

}

.top-content-post{

	padding-top: 20px;

}

.top-content-post p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.top-content-post p:nth-child(2){

	padding: 0 12px;

}

.bottom-content a:first-child{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.bottom-content a:last-child{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-top: 25px;

	text-align: right;

}

.bottom-content a i{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

}



.item-blog-post{

	padding-bottom: 30px;	

}

.detail-blog-post{

	padding: 36px 0;

}

.new-post-blog{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 0px;

	padding: 20px;

}

.detail-new-post img{

	height: 160px;

	width: 100%;

	object-fit: cover;

}

.detail-new-post{

	border-top: 1px solid #CFCFCF;

	padding-top: 24px;

	padding-bottom: 24px;

}

.day-new-post p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

	margin-bottom: 5px;

}

.day-new-post p:nth-child(2){

	padding: 0 12px;

}

.day-detail p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}

.day-detail p:nth-child(2){

	padding: 0 12px;

}

.day-new-post{

	padding-top: 15px;

}

.detail-new-post a{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.new-post-blog h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	padding-bottom: 10px;

}

.pr-48{

	padding-right: 48px;

}

.pt-48{

	padding-top: 48px;

}

.pb-48{

	padding-bottom: 48px;

}

.day-detail{

	padding-bottom: 15px;

}

.title-detail-blog{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.description-detail-blog p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: justify;

	color: #686868;

}

.pagi-post img{

	width: 96px;

	height: 60px;

	object-fit: cover;

}

.pagi-post {

	border-top: 1px solid #CFCFCF;

	border-bottom: 1px solid #CFCFCF;

	padding: 32px 0;

}

.pagi-post p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.pagi-post a{

	font-style: normal;

	font-weight: 600;

	font-size: 16px;

	line-height: 19px;

	color: #1E1E1E;

}

.prev-post p{

	padding-right: 24px;

	padding-left: 10px;

}

.next-post p{

	text-align: right;

	padding-right: 10px;

	padding-left: 24px;

}

.content-left-r{

	padding: 20px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	position: relative;

}

.content-left-r:before{

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 12px 12px 12px 0;

	border-color: transparent #cfcfcf transparent transparent;

	position: absolute;

	right: 100%;

}

.comment-detail-post .card{

	border:none;

	background: transparent;

}

.comment-detail-post .me-3{

	margin-right: 45px !important;

}

.content-left-r p.mb-1{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.content-left-r p.mb-1 span{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.content-left-r p.mb-0{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-top: 16px;

}

.comment-detail-post .card-body{

	padding: 32px 0 !important;

}

.comment-detail-post h4{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.comment-detail-post img{

	max-width: 64px;

}

.comment-detail-post{

	border-bottom: 1px solid #D9D9D9;

	padding-bottom: 32px;

}

.comment-for-your {

	padding-top: 32px;

}

.comment-for-your h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

}

.comment-for-your h4{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding-bottom: 25px;

	padding-top: 10px;

}

.comment-for-your form input[type=text],

.comment-for-your form input[type=email]{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding-left: 24px;

	padding-right: 24px;

}



.comment-for-your form textarea{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 12px 24px;

	margin-top: 24px;

}

.comment-for-your .form-check input{



}

.comment-for-your .form-check{

	display: flex;

	padding-top: 26px;

	padding-bottom: 34px;

}

.comment-for-your .form-check label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #9E9E9E;

	padding-left: 8px;

}

.comment-for-your button[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	width: auto;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

	border-color: #E3BF1D;

}

.list-faqs{

	padding: 64px 0;

}

.list-faqs h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 36px;

}

.list-faqs .accordion-button{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	display: flex;

	align-items: center;

	letter-spacing: 0.18px;

	color: #363636;

	border:none;

	padding-left: 40px;



}

.list-faqs .accordion-body{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: justify;

	color: #9E9E9E;

	padding-left: 40px;

	padding-top: 0;

}

.list-faqs .accordion-item{

	border: none;

	border-bottom: 1px solid #CFCFCF;

	position: relative;

}

.list-faqs .accordion-button::after {

	content: '';

	width: 24px;

	height: 24px;

	background: url(../images/add-circle.png);

	position: absolute;

	left: 0;

}

.list-faqs .accordion-button:not(.collapsed)::after{

	content: '';

	width: 24px;

	height: 24px;

	background:url(../images/minus-cirlce.png) ;

	left: 0;

}

.list-faqs .accordion-item.open{

	border-color:#CFCFCF !important;

}

.contact-page{

	padding: 64px 0;

}

.block-lien-he h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 36px;

}

.block-lien-he{

	padding-bottom: 25px;

}

.block-info-contact{

	padding-bottom: 16px;

}

.block-info-contact p{

	font-style: normal;

	font-weight: 500;

	font-size: 18px;

	line-height: 22px;

	color: rgba(30, 30, 30, 1);

	padding-left: 15px;

}

.block-info-contact p span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-transform: uppercase;

	color: #9E9E9E;



}

.block-info-contact p a{

	font-style: normal;

	font-weight: 500;

	font-size: 18px;

	line-height: 22px;

	color: rgba(30, 30, 30, 1);

}

.block-form-contact h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 36px;

}

.block-form-contact form input[type=text],

.block-form-contact form input[type=email]{

	height: 46px;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 0 24px;

	margin-bottom: 20px;

}

.pl-64{

	padding-left: 64px;

}

.pr-64{

	padding-right: 64px;

}

.block-form-contact form textarea{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding: 12px 24px;

	margin-bottom: 20px;

}

.block-form-contact form .form-check{

	margin-bottom: 20px;

}

.block-form-contact form .form-check label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #9E9E9E;

	padding-left: 15px;

}

.block-form-contact form .form-check input{



}

.block-form-contact form button[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 24px;

	border: 1px solid #E3BF1D;

}

.list-book{

	padding: 48px 0;

}

.menu-left-danhmuc{

	min-height: 620px;

}

.checkbox-author label{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #686868;

	padding-top: 8px;

	padding-left: 8px;

	display: flex;

	justify-content: space-between;

	width: 100%;

}

.checkbox-author label span{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: 0.18px;

	color: #E3BF1D;

}

.checkbox-author .form-check-input:checked ~ label{

	color: #004BCB;

}

.checkbox-author input{



}

.checkbox-author{

	padding-top: 7px;

}

.danhmuc-author{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 24px 20px;

	margin-bottom: 48px;

}

.danhmuc-author h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	border-bottom: 1px solid #CFCFCF;

	padding-bottom: 10px;

}

.best-seller-bread {



}

.top-best-seller p:nth-child(2){

	width: 1px;

	height: 46px;

	background: #CFCFCF;

	margin: 0 32px;

	margin-top: 10px;

}

.select-option-choose{

	padding-top: 10px;

}

.detail-book-page{

	padding: 64px 0;

}



.ranger-price h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	border-bottom: 1px solid #CFCFCF;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.ranger-price {

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 24px 20px;

	margin-bottom: 48px;

}

.ranger-price .slider-labels strong{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;

}

.ranger-price .slider-labels span{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #363636;

}

#slider-range{

	background: #D9D9D9;

	border: none;

	height: 2px;

}

.noUi-connect{

	background: #004BCB;

}



.slider-labels {

	display: flex;

	margin-top: 10px;

}



.noUi-target {

	position: relative;

	direction: ltr;

}



.noUi-base {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

	/* Fix 401 */

}



.noUi-origin {

	position: absolute;

	right: 0;

	top: 0;

	left: 0;

	bottom: 0;

}



.noUi-handle {

	position: relative;

	z-index: 1;

}



.noUi-stacking .noUi-handle {

	z-index: 10;

}



.noUi-state-tap .noUi-origin {

	-webkit-transition: left 0.3s, top 0.3s;

	transition: left 0.3s, top 0.3s;

}



.noUi-state-drag * {

	cursor: inherit !important;

}



/* Painting and performance;

 * Browsers can paint handles in their own layer.

 */

.noUi-base,

.noUi-handle {

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

	transform: translate3d(0, 0, 0);

}



/* Slider size and handle placement;

 */

.noUi-horizontal {

	height: 4px;

}



.noUi-horizontal .noUi-handle {

	width: 18px;

	height: 18px;

	border-radius: 50%;

	left: -7px;

	top: -10px;

	background-color: transparent;

	border: 2px solid #004BCB;

}



/* Styling;

 */

.noUi-background {

	background: #d6d7d9;

}



.noUi-connect {

	background: #004BCB;

	-webkit-transition: background 450ms;

	transition: background 450ms;

}



.noUi-origin {

	border-radius: 2px;

}



.noUi-target {

	border-radius: 2px;

}



.noUi-target.noUi-connect {

}



/* Handles and cursors;

 */

.noUi-draggable {

	cursor: w-resize;

}



.noUi-vertical .noUi-draggable {

	cursor: n-resize;

}



.noUi-handle {

	cursor: default;

	-webkit-box-sizing: content-box !important;

	-moz-box-sizing: content-box !important;

	box-sizing: content-box !important;

}



.noUi-handle:active {

	border: 8px solid #345dbb;

	border: 8px solid rgba(53, 93, 187, 0.38);

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	left: -14px;

	top: -14px;

}



/* Disabled state;

 */

[disabled].noUi-connect,

[disabled] .noUi-connect {

	background: #b8b8b8;

}



[disabled].noUi-origin,

[disabled] .noUi-handle {

	cursor: not-allowed;

}

.ui-slider-handle{

	visibility: hidden;

}

.outerrainge{

	padding-top: 12px;

}

.noUi-base .noUi-origin:nth-child(1) .noUi-handle{

	left: -20px;

}

.noUi-base .noUi-origin:nth-child(2) .noUi-handle{

	left: 0;

}

.info-detail-book .col-lg-4{

	display: flex;

	flex-direction: column;

}

.info-detail-book .col-lg-4 a{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #004BCB;

	width: 100%;

	padding: 12px 48px;

	margin-top: 48px;

}

.info-detail-book .col-lg-8 h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 8px;

}

.detail-danhmuc p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: rgba(54, 54, 54, 1);

}

.detail-danhmuc p:nth-child(2){

	padding: 0 16px;

	color: #9E9E9E;

}

.detail-danhmuc span{

	color: #9E9E9E;

}

.info-detail-book .col-lg-8 hr{

	color: #CFCFCF;

	opacity: 1;

	margin-bottom: 20px;

}

.price-detail-book .discount-price{

	font-style: normal;

	font-weight: 600;

	font-size: 22px;

	line-height: 26px;

	color: #004BCB;

	margin-bottom: 0;

}

.price-detail-book .cost-price{

	font-style: italic;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-decoration-line: line-through;

	color: #9E9E9E;



}

.d-detail-book{

	padding-top: 24px;

	padding-bottom: 12px;

}

.d-detail-book h4{

	font-style: normal;

	font-weight: 600;

	font-size: 22px;

	line-height: 26px;

	color: #1E1E1E;

	padding-bottom: 12px;

}

.d-detail-book p{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 19px;

	color: #363636;

	margin-bottom: 5px;

}

.d-detail-book span{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 19px;

	color: #9E9E9E;

	width: 150px;

	display: inline-block;

}



.package-buy{

	padding-bottom: 15px;

}

.package-buy p{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #004BCB;

}

.choose-pakage span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	padding-bottom: 8px;

}

.choose-pakage select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	padding: 12px 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	min-width: 242px;

}

.add-to-cart{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

	float: right;

}

.description-detail-book h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 16px;

}

.description-detail-book p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: justify;

	color: #686868;



}



.detail-book-page hr{

	color: #CFCFCF;

	opacity: 1;

}

.description-detail-book{

	padding-bottom: 20px;

}

.related-book{

	padding-top: 15px;

}

.related-book h3{

	font-style: normal;

	font-weight: 600;

	font-size: 32px;

	line-height: 38px;

	color: #1E1E1E;

	padding-bottom: 24px;

}



.img-related-box{

	position: relative;

}

.img-related-box img{

	width: 100% !important;

}

.img-related-box p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #F27D00;

	box-shadow: 0px 12.7456px 25.4911px rgba(54, 54, 54, 0.15);

	border-radius: 0px 0px 25.4911px 0px;

	position: absolute;

	top: 0;

	left: 0;

	padding: 13px 19px;

}

.detail-related-box p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: #9E9E9E;



}

.detail-related-box a{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

}

.discount-price-related{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #004BCB;

	padding-bottom: 5px;

}

.cost-price-related{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.detail-related-box{

	padding-top: 20px;

}



.detail-related-box p.d-flex.flex-column{

	padding-top: 10px;

}

.table-giohang table{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding-bottom: 0;

}

.table-giohang thead tr{

	background: linear-gradient(0deg, rgba(195, 223, 244, 0.35), rgba(195, 223, 244, 0.35)), #FFFFFF;

}

.table-giohang thead tr th{

	font-style: normal;

	font-weight: 600;

	font-size: 14px;

	line-height: 17px;

	text-align: center;

	color: #363636;

	padding: 20px;

}

.info-book-muahang a{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

	padding-bottom: 5px;

}

.info-book-muahang p{

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	color: rgba(54, 54, 54, 1);

	margin-bottom: 0;

}

.info-book-muahang p span{

	color: #9E9E9E;

}

.table-giohang tbody tr td,

.table-giohang tbody tr th{

	padding: 20px;

}

.table-giohang tbody tr th img{

	width: 100%;

}

.table-giohang select{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	padding: 6px 15px;

}

.table-giohang .discount-price{

	font-style: normal;

	font-weight: 600;

	font-size: 20px;

	line-height: 24px;

	text-align: right;

	color: #004BCB;

	margin-bottom: 0;

}

.table-giohang .retail-price{

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	line-height: 17px;

	text-align: right;

	text-decoration-line: line-through;

	color: #9E9E9E;

}

.enter-code-book{

	padding-top: 15px;

	padding-bottom: 15px;

}

.enter-code-book .input-group{

	width: auto;

}

.enter-code-book .input-group input[type=text]{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;

	padding: 0 24px;

	min-height: 46px;

	margin-right: 15px;

}

.enter-code-book input[type=submit]{

	

	background: #E3BF1D;

	border: 1px solid #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

}

.next-buy {

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-top: none;

	padding: 20px;

}

.next-buy select{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	min-height: 46px;

	min-width: 550px;

}

.next-buy button{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 48px;

}

.block-thanhtien{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 0px;

	padding: 20px;

}

.block-thanhtien h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

}

.block-thanhtien hr{

	opacity: 1;

	color: #CFCFCF;

	margin: 20px 0;

}

.temporary-payment p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	margin-bottom: 0;

}

.temporary-payment span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: right;

	color: #363636;

}

.temporary-payment{

	padding-bottom: 20px;

}

.discount-payment p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

	margin-bottom: 0;

}

.discount-payment span{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: right;

	color: #363636;

}

.total-payment p:nth-child(1){

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #9E9E9E;

}

.total-payment p:nth-child(2){

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	text-align: right;

	color: #004BCB;

}

.total-payment p:nth-child(2) span{

	font-style: normal;

	font-weight: 400;

	font-size: 12px;

	line-height: 14px;

	text-align: right;

	color: #9E9E9E;

	padding-top: 5px;

}

.block-thanhtien button{

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px;

	margin-top: 20px;

}

.info-left-donhang{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 0px;

	padding: 36px 20px;

}

.info-left-donhang h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;

	color: #1E1E1E;

	text-transform: uppercase;

}

.info-left-donhang hr{

	opacity: 1;

	color: #CFCFCF;

}

.block-item-left{

	padding-bottom: 20px;

}

.block-item-left p{

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #1E1E1E;

	margin-bottom: 0;

}

.block-item-left span{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 19px;

	text-align: right;

	color: #363636;

	display: inline-block;

	width: 100%;

}

.info-right-donhang{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	padding: 36px 24px;

}

.info-right-donhang h3{

	font-style: normal;

	font-weight: 600;

	font-size: 26px;

	line-height: 31px;



	color: #1E1E1E;

}

.info-right-donhang hr{

	opacity: 1;

	color: #CFCFCF;

}

.info-right-donhang form input{

	background: #FFFFFF;

	border: 1px solid #CFCFCF;

	border-radius: 24px;

	min-height: 46px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #363636;

	padding: 12px 24px;

}

.info-right-donhang form label{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #686868;	

}

.info-right-donhang form label span{

	color: rgba(255, 0, 46, 1);

}

.info-right-donhang form input[type=submit]{

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	width: auto;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	margin-top: 20px;

}

.block-info-donhang p{

	font-style: normal;

	font-weight: 500;

	font-size: 16px;

	line-height: 19px;



	color: #363636;

}

.block-info-donhang span{

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 19px;



	color: #9E9E9E;

	display: inline-block;

	min-width: 150px;

}

.block-info-donhang {

	padding: 24px 0;

}

.payment-momo{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	margin-right: 24px;

	text-transform: uppercase;

}

.payment-vnpay{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	background: #0057A9;

	border-radius: 24px;

	padding: 12px 48px;

	text-transform: uppercase;

}

#modalPaymentSuccess .modal-dialog{

	min-width: 1120px;

	padding: 64px;

}

#modalPaymentSuccess .modal-dialog .modal-content{

	padding: 64px;

}

#modalPaymentSuccess h5.modal-title{

	font-style: normal;

	font-weight: 700;

	font-size: 32px;

	line-height: 38px;



	color: #1E1E1E;

}

#modalPaymentSuccess .modal-header{

	border: none;

}

#modalPaymentSuccess .modal-footer{

	border: none;

}

#modalPaymentSuccess .modal-body p{

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #686868;

	margin-bottom: 0;

}

#modalPaymentSuccess .modal-footer .btn-next-buy{

	background: #E3BF1D;

	border-radius: 24px;

	padding: 12px 48px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #FFFFFF;

	margin-right: 12px;

	text-transform: unset;

}

#modalPaymentSuccess .modal-footer .btn-back-home{

	background: rgba(195, 223, 244, 0.35);

	border: 1px solid #004BCB;

	border-radius: 24px;

	padding: 12px 48px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	color: #004BCB;

	margin-left: 12px;

	text-transform: unset;

}

.contact-page iframe{

	padding-top: 25px;

}



/**/

/*resposive page*/

/**/

@media (max-width:768px){
	.acount-manager-section .top-manager .select-group input{
		width: 100%;
	}
	.acount-manager-section .top-manager .select-group input:nth-child(1){
		margin-bottom: 10px;
	}
	.acount-manager-section .top-manager .select-group{
		flex-direction: column;
		width: 100%;
	}
	.title-list-book{
		min-height: 43px !important;
	}
	.add-to-cart-btn{
		width: 100%;
	}
	.timer-count-down{
		flex-direction: column;
	}
	.search_by_name{
		width: 100%;
	}

	.list-history-buy .img-list-book img{
		object-fit: cover;
		min-height: 220px !important;
		max-height: 200px;
	}
	.d-mb-none{
		display: none;
	}
	.row-info-custom input[type=submit]{
		width: 100%;
	}
	.list-book-my .product-box{
		width: 50%;
	}
	.list-book-my .product-box__img{
		margin: 0 !important;
		margin-bottom: 10px;
	}
	.list-book-my .product-box__img img{
		object-fit: cover;
	}
	.menu-left-danhmuc{
		min-height: 0 !important;
	}
	.copyright-text br{
		display: none !important;
	}
	.new-arrival-box .product-box__img{
		height: 250px !important;
	}
	.new-arrival-box .product-box__img img{
		object-fit: cover;
	}
	.product-box.horizontal--small .product-box__img{
		height: 120px;
	}
	.product-box.horizontal--small .product-box__img img{
		object-fit: cover;
		width: 100%;
	}
	.category-porducts-wrapper .product-box__img{
		height: 220px;
	}
	.category-porducts-wrapper .product-box__img img{
		object-fit: cover;
	}
	.category-porducts-wrapper .product-box .product-box__img{
		height: 250px;
	}
	#homepage-slider-2 .single-slider {
		height: 21rem;
	}
	.product-sale-box .product-box__img img{
		width: 100%;
		object-fit: cover;
	}

	.payment-method img{

		width: auto;

	}

	.header-top .col-lg-3.text-lg-start.text-center{ 

		order: 2;

		padding: 25px 0;

	}

	.user-login-head{

		margin-bottom: auto;

	}

	.user-mini .user__dropdown-menu{

		right: 0% !important;

		margin-top: 0;

		border-top-style: none;

	}

	.title-login-head p{

		font-size: 20px;

		line-height: 24px;

	}

	.header-bottom .row.custom-row .col-lg-3{

		order: 2;

	}

	.header-bottom .row.custom-row .col-lg-7{

		width: 70%;

	}

	.header-bottom .row.custom-row .col-lg-2{

		width: 20%;

	}

	.header-bottom .row.custom-row {

		justify-content: space-between;

	}

	.header-bottom .row.custom-row .col-lg-7 .search-form{

		margin-left: 0px;

	}

	.language-selector{

		width: auto;

		padding: 0 5px;

		border-right: 30px solid transparent;

		margin-top: 10px;

		background: transparent;

	}

	.language-selector .dropdown-menu{

		background: #003C89;

	}

	.category-mobile-menu .category-nav__menu__item a{

		display: flex;

		align-items: center;

		line-height: 1.4rem;

	}



	.category-mobile-menu .category-nav__menu__item a img{

		filter: invert(100%) sepia(100%) saturate(101%) hue-rotate(212deg) brightness(157%) contrast(100%);

		margin-right: 10px;

	}

	.category-mobile-menu .slicknav_menu::-webkit-scrollbar-track {

		background: transparent;

	}

	.category-mobile-menu .slicknav_menu::-webkit-scrollbar-track {

		background: transparent;

	}

	.category-mobile-menu .slicknav_menu::-webkit-scrollbar-thumb {

		background-color: white ;

		border-radius: 6px;

	}

	.new-letter-form{

		padding: 28px 20px;



	}

	.new-letter-form h4 {

		font-weight: 600;

		font-size: 24px;

	}

	.new-letter-form p{

		font-size: 16px;

		line-height: 20px;

	}

	.new-letter-form form input[type=submit]{

		top: 0;

	}

	.footer-widget > img{

		width: 160px;

	}

	.ft-content p{

		font-size: 16px;

		line-height: 20px;

	}

	.ft-content p span{

		font-size: 14px;

		line-height: 18px;

	}

	.footer-infomation{

		padding-left: 5px;

	}

	.footer-widget .widget-title{

		font-size: 24px;

		line-height: 28px;

	}

	.footer-top .plr-32{

		padding-left: 5px;

	}

	.footer-top .pl-32{

		padding-left: 5px;

	}

	.footer-top .container > .row{

		padding-bottom: 0 !important;

		padding-left: 25px;

		padding-right: 25px;

	}

	a.scroll-to-top{

		opacity: 1;

		position: fixed;

		z-index: 999;

		border-radius: 0px;

		width: 60px;

		height: 60px;

		right: 15px;

		bottom: 15px;

		background-color: rgba(0, 0, 0, 0.2) !important;

	}

	.copyright-text{

		font-size: 16px;

		padding-top: 25px;
		display: inline-flex !important;
		flex-wrap: wrap;
		text-align: justify;

	}


	.footer-widget .widget-menu li a{

		font-size: 15px;

		line-height: 20px;

	}

	.footer-widget .widget-menu li{

		margin-bottom: 0;

	}

	.ft-content p a{

		font-size: 15px;

		line-height: 20px;

	}

	.payment-method .row img{

		width: 150px;

	}

	.new-letter-section{

		padding-bottom: 0;

	}

	#homepage-slider-2{

		padding-top: 10px;

		padding: 0;

	}

	.best-products-area .section-title.title-1.brand-color h2{

		font-size: 24px;

		line-height: 28px;

	}

	.best-products-group .product-box{

		padding-bottom: 10px;

	}

	.product-box__title a{

		font-size: 16px;

		line-height: 20px;

	}

	.best-products-area{

		padding-bottom: 20px;

		margin-bottom: 20px;

	}

	.coming-soon-product h2{

		font-size: 24px !important;

		line-height: 28px !important;

	}

	.comming-soon-group{

		padding-bottom: 20px;

	}

	.trafic-left{

		margin-top: 20px;

		padding: 20px;

		margin-left: 8px;

		width: 96.2%;

		margin-bottom: 20px;

	}

	.content-trafic img {

		width: 50px;

		height: 50px;

	}

	.content-trafic p{

		font-size: 24px;

		line-height: 28px;

	}

	.content-trafic span{

		font-size: 16px;

		line-height: 20px;

	}

	.col-lg-9.col-xl-9.pl-48{

		padding-left: 0;

		padding: 8px;

	}

	.category-porducts-wrapper .product-box{

		flex: 0 0 auto;

		width: 50%;

	}

	.category-porducts-wrapper .product-box .product-box__img{

		margin-left: 0;

		margin-right: 0;

	}

	.category-porducts-wrapper .product-box{

		border-right: 0;

		padding-bottom: 20px;

	}

	.category-porducts-wrapper .product-box:nth-child(even){

		padding-right: 0px;

		padding-left: 5px;

	}

	.category-porducts-wrapper .product-box:nth-child(odd){

		padding-left: 0px;

		padding-right: 5px;

	}

	.category-porducts-wrapper .product-box__title a{

		font-size: 16px;

		line-height: 20px;

	}

	.btn-readmore-ab:before{

		display: none;

	}

	.category-porducts-area ul{

		display: block;

	}

	.tab-product-home .nav-item button{

		font-size: 20px;

		line-height: 22px;

	}

	.tab-product-home .nav-item button.active{

		font-size: 20px;

		line-height: 22px;

	}

	.btn-readmore-ab{

		font-size: 16px;

		line-height: 20px;

	}

	.category-porducts-wrapper .product-box__price .regular-price{

		font-size: 18px;

		line-height: 22px;

	}



	.category-porducts-area .row.pt-5 .col-6{

		width: 100%;

		padding: 0;

		padding-bottom: 10px;

	}

	.unlimited-title h2:after{

		display: none;

	}

	.unlimited-title h2 {

		font-size: 24px;

		line-height: 28px;

	}

	.price-box-carousel .owl-dots{

		top: -9.5%;

	}

	.head-box{

		font-size: 18px;

		line-height: 22px;

	}

	.box-price{

		font-size: 35px;

	}

	.content-price-box{

		font-size: 16px;

		padding: 0 20px;

	}

	.price-box-sl li{

		font-size: 16px;

		padding: 8px 0;

	}

	.big-sale-title h2{

		font-size: 24px;

		line-height: 28px;

	}

	.big-sale-title h2:after{

		display: none;

	}

	.product-sale-box{

		border:none;

	}

	.product-sale-box .col-4{

		width: 100%;

		margin: 0;

	}

	.product-sale-box .col-8{

		width: 100%;

	}

	.big-sale-carousel .owl-dots{

		top: -7.5%;

	}

	.new-arrival-title h2{

		font-size: 24px;

		line-height: 28px;

	}

	.new-arrival-title h2:after{

		display: none;

	}

	.new-arrival-carousel .owl-dots{

		top: -12.4%;

	}

	.new-arrival-box .product-box__img{

		

		margin:0;

		padding-left: 0;

	}

	.new-arrival-box{

		border:none;

	}
	.list-book-box .product-box__img img{
		object-fit: cover;
	}

	.list-book-box .product-box__img{

		margin:0;
		height: 220px !important;

	}

	.list-book-box {

		padding-top: 0px;

	}

	.btn-readmore-list{

		padding-top: 0;

		padding-bottom: 20px;

	}

	.list-book-title h2{

		font-size: 24px;

		line-height: 28px;

	}

	.banner-breadcum .col-6{

		width: 100%;

	}

	.title-breadcum{

		font-size: 35px;

		text-align: center;

	}

	.wck-breadcum li p{

		display: flex;

		width: max-content;

		align-items: center;

	}

	.form-login{

		width: 100%;

		padding-right: calc(var(--bs-gutter-x) * 1.5);

		padding-left: calc(var(--bs-gutter-x) * 1.5);

	}

	.form-signout{

		width: 100%;

		padding-right: calc(var(--bs-gutter-x) * 1.5);

		padding-left: calc(var(--bs-gutter-x) * 1.5);

	}

	.form-login h2{

		font-size: 28px;

		line-height: 32px;

	}

	.form-login p{

		font-size: 16px;

		line-height: 20px;

		padding-top: 5px;

		padding-bottom: 20px;

	}

	.form-login label{

		font-size: 16px;

		line-height: 20px;

	}

	.form-login input{

		font-size: 16px;

		line-height: 20px;

	}

	.form-login .form-check a{

		font-size: 16px;

	}

	.form-login input[type=checkbox]{

		width: 16px;

		height: 16px;

	}

	.form-check-label{

		clear: unset;

		padding-top: 3px;

	}

	.form-login input[type=submit]{

		font-size: 16px;

		line-height: 20px;

		min-height: 40px;

	}

	.form-login{

		padding-bottom: 25px;

	}

	.form-signout h2{

		font-size: 28px;

		line-height: 32px;

	}

	.form-signout p{

		font-size: 16px;

		line-height: 20px;

		padding-top: 5px;

		padding-bottom: 20px;

	}

	.form-signout label{

		font-size: 16px;

		line-height: 20px;

	}

	.form-signout input{

		font-size: 16px;

		line-height: 20px;

	}

	.form-signout input[type=submit]{

		font-size: 16px;

		line-height: 20px;

		min-height: 40px;

	}

	.form-signout .form-check-label {

		padding-left: 35px;

	}

	.section-forgot-password h3{

		font-size: 28px;

		line-height: 32px;

	}

	.section-forgot-password p{

		font-size: 16px;

		line-height: 20px;

		padding-top: 5px;

		padding-bottom: 20px;

	}

	.section-forgot-password form{

		padding-top: 0;

	}

	.section-forgot-password form label{

		font-size: 16px;

		line-height: 20px;

	}

	.section-forgot-password form input[type=email]{

		font-size: 16px;

		line-height: 20px;

	}

	.section-forgot-password{

		padding-right: calc(var(--bs-gutter-x) * 1.5);

		padding-left: calc(var(--bs-gutter-x) * 1.5);

	}

	.section-forgot-password form input[type=submit]{

		font-size: 16px;

		line-height: 20px;

		min-height: 40px;

	}

	.head-my-acount h4{

		font-size: 20px;

		line-height: 24px;

	}

	.head-my-acount h4{

		font-size: 16px;

		line-height: 20px;

	}

	.list-item-my-acount li{

		padding: 10px 0;

	}

	.list-item-my-acount li a{

		font-size: 16px;

		line-height: 20px;

	}

	.title-my-acount h3{

		font-size: 28px;

		line-height: 32px;

		padding-bottom: 0;

	}

	.pl-48{

		padding-left: calc(var(--bs-gutter-x) * .5);

	}

	.title-my-acount p{

		font-size: 16px;

		line-height: 20px;

		padding-top: 5px;

		padding-bottom: 20px;

	}

	.col-lg-9.pl-48{

		padding-right: calc(var(--bs-gutter-x) * 1.5);

		padding-left: calc(var(--bs-gutter-x) * 1.5);

	}

	.row-info-custom .col-6{

		width: 100%;

	}

	.row-info-custom h4{

		font-size: 22px;

		line-height: 24px;

	}

	.row-info-custom label{

		font-size: 16px;

		line-height: 20px;

	}

	.row-info-custom input{

		font-size: 16px;

		line-height: 20px;

	}

	.row-info-custom .form-check{

		padding-left: 1.5rem;

	}

	.custom-select{

		font-size: 16px;

		line-height: 20px;

	}

	.row-info-custom form{

		padding-bottom: 25px;

	}

	.avatar-user p{

		font-size: 14px;

		line-height: 18px;

	}

	.title-history-buy{

		font-size: 28px;

		line-height: 32px;

	}

	.list-history-buy .nav .nav-item .nav-link{

		font-size: 20px;

		line-height: 22px;

	}

	.seach-group input{

		font-size: 16px;

		line-height: 20px;

	}

	.footer-order .ft-bottom{

		display: flex;

	}

	.footer-order .ft-bottom button:nth-child(1){

		font-size: 16px;

		line-height: 20px;

		padding: 12px 25px;

		margin-right: 15px;

	}

	.footer-order .ft-bottom button:nth-child(2){

		font-size: 16px;

		line-height: 20px;

		padding: 12px 25px;

	}

	.head-order span{

		font-size: 16px;

		line-height: 20px;

	}

	.head-order p{

		font-size: 16px;

		line-height: 20px;

	}

	.content-order div h3{

		font-size: 16px;

		line-height: 20px;

	}

	.content-order img{

		max-height: 50px;

		margin-right: 10px;

	}

	.sale-price-order{

		font-size: 16px;

		line-height: 20px;

	}

	.footer-order .ft-top span{

		font-size: 16px;

		line-height: 20px;

		padding-right: 20px;

	}

	.footer-order .ft-top p{

		font-size: 18px;

		line-height: 22px;

	}

	.title-notification{

		font-size: 28px;

		line-height: 32px;

	}

	.tick-read button{

		font-size: 16px;

		line-height: 20px;

	}

	.choose-totalpage p{

		font-size: 16px;

		line-height: 20px;

	}

	.select-group select{

		font-size: 16px;

		line-height: 20px;

		color: #686868;

		padding: 0px 12px;

		height: 35px;

	}

	.group-noti{

		--bs-gutter-x: 1.5rem;

		--bs-gutter-y: 0;

		display: flex;

		flex-wrap: wrap;

		margin-top: calc(-1 * var(--bs-gutter-y));

		margin-right: calc(-.5 * var(--bs-gutter-x));

		margin-left: calc(-.5 * var(--bs-gutter-x));

		justify-content: flex-start !important;

	}

	.group-noti .col-1{

		width: 25%;

	}

	.group-noti .col-8{

		width: 100%;

		padding: 10px 0;

	}

	.group-noti .col-2{

		width: 100%;

		margin-left: 0;

	}

	.content-noti p{

		font-size: 16px;

		line-height: 20px;

		margin-bottom: 5px;

	}

	.col-3.col-list-book{

		width: 50%;

	}

	.title-list-book{

		font-size: 16px;

		line-height: 20px;
		margin-bottom: 0 !important;

	}
	.cate-list-book{
		margin-bottom: 0 !important;
	}
	.timer-count-down p{
		margin-bottom: 5px !important;
	}
	.content-list-book .cont-book{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 0px;

	}

	.start-book{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 0px;
		margin-top: 7px !important;

	}

	.end-book{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 0px;

	}

	.pr-64{

		padding-right: calc(var(--bs-gutter-x) * .5);

	}

	.pl-64{

		padding-left: calc(var(--bs-gutter-x) * .5);	

	}

	.contact-page iframe{

		height: 300px;

	}

	.contact-page .col-md-6:nth-child(1) img{

		width: 200px;

	}

	.block-lien-he h3{

		font-size: 28px;

		line-height: 32px;

		padding-top: 25px;

		padding-bottom: 5px;

	}

	.block-info-contact p span{

		font-size: 16px;

		line-height: 20px;

	}

	.block-info-contact p{

		font-size: 14px;

		line-height: 18px;

	}

	.block-form-contact h3{

		font-size: 28px;

		line-height: 32px;

		padding-bottom: 5px;

	}

	.block-form-contact form input[type=text], .block-form-contact form input[type=email]{

		font-size: 16px;

		line-height: 20px;

	}

	.block-form-contact form button[type=submit]{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 24px;

	}

	.body-sale .col-6{

		width: 100%;

	}

	.enter-code-book form{

		flex-direction: column;

	}

	.enter-code-book form .input-group{

		width: 100%;

	}

	.enter-code-book form .input-group input{

		width: 100%;

		font-size: 16px !important;

		line-height: 20px !important;

	}

	.enter-code-book form input[type=submit]{

		width: fit-content;

		font-size: 16px;

		line-height: 20px;

		margin-top: 10px;

	}

	.list-history-buy .d-flex.justify-content-between.align-items-center{

		flex-direction: column;

		align-items: flex-end !important;

	}

	.search-orginazation-book{

		width: 100%;

	}

	.enter-code-book .input-group input[type=text]{

		margin-right: 0;

	}

	.search-orginazation-book input{

		font-size: 16px;

		line-height: 20px;

	}

	.search-orginazation-book select{

		font-size: 16px;

		line-height: 20px;

	}

	.select-group p{

		font-size: 16px;

		line-height: 20px;

	}

	.top-manager{

		flex-direction: column;

		align-items: flex-start !important;

	} 

	.btn-addnew{

		font-size: 16px;

		line-height: 20px;

		margin-top: 10px;

	}

	.table>thead>tr>td, 

	.table>thead>tr>th,

	.table>tbody>tr>td, 

	.table>tbody>tr>th{

		white-space: nowrap;

	}

	.table>tbody>tr>td, 

	.table>tbody>tr>th,  

	.table>thead>tr>td, 

	.table>thead>tr>th{

		padding: 8px;

		vertical-align: top;

	}

	.table-manager.table>thead>tr>th:nth-child(1){

		white-space: unset;

		width: 70px;

		display: block;

	}

	.table-manager.table>tbody>tr>th:nth-child(1){

		white-space: unset;

	}

	.table-manager tbody tr td:nth-child(6){

		width: 98px;

		display: inline-block;

		border-bottom: none;

	}

	.row-permission-left{

		max-width: 100%;

		padding-right: calc(var(--bs-gutter-x) * .5);

		flex: 0 0 100%;

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

	}

	.row-permission-right{

		max-width: 100%;

		padding-left: calc(var(--bs-gutter-x) * .5);

		flex: 0 0 100%;

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

	}

	.row-permission-left form label{

		font-size: 16px;

		line-height: 20px;

	}

	.row-permission-left form input[type=text]{

		font-size: 16px;

		line-height: 20px;

	}

	.row-permission-left form p,

	.row-permission-left table tbody tr th,

	.row-permission-right table tbody tr th p{

		font-size: 16px;

		line-height: 20px;

	}

	.button-permission input[type=submit]{

		padding: 8px 40px;

		font-size: 16px;

		line-height: 20px;

	}

	.button-permission input[type=reset]{

		padding: 8px 40px;

		font-size: 16px;

		line-height: 20px;

	}

	.book-report{

		min-width: 320px;

	}

	.book-report h4{

		white-space:break-spaces ;

	}

	.wck-breadcum{

		float: none;

	}

	.info-left-donhang h3,

	.info-right-donhang h3{

		font-size: 28px;

		line-height: 32px;

	}

	.block-item-left p{

		font-size: 16px;

		line-height: 20px;

	}

	.block-item-left span{

		font-size: 14px;

		line-height: 18px;

	}

	.temporary-payment p,

	.discount-payment p,

	.total-payment p:nth-child(1),

	.temporary-payment span,

	.discount-payment span,

	.info-right-donhang form label,

	.info-right-donhang form input,

	.info-right-donhang form input[type=submit],

	#modalPaymentSuccess .modal-body p{

		font-size: 16px;

		line-height: 20px;

	}

	.info-right-donhang{

		margin-top: 20px;

	}

	.info-right-donhang .col-6{

		width: 100%;

	}

	.mean-container .mean-bar{

		z-index: 999;

	}

	#modalPaymentSuccess .modal-dialog{

		min-width: auto;

		padding: 7px;

	}

	#modalPaymentSuccess .modal-dialog .modal-content {

		padding: 20px 10px;

	}

	#modalPaymentSuccess h5.modal-title{

		font-size: 26px;

		line-height: 34px;

	}

	#modalPaymentSuccess .modal-footer .btn-next-buy{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 30px;

		margin: 0 auto;

	}

	#modalPaymentSuccess .modal-footer .btn-back-home{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 30px;

		margin: 0 auto;

		margin-top: 10px;

	}

	.block-info-donhang span,

	.block-info-donhang p{

		font-size: 14px;

		line-height: 18px;

	}

	.info-right-donhang .d-flex{

		flex-direction: column;

	}

	.payment-momo{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 30px;

		margin: 0 auto;

		margin-left: 0;

	}

	.payment-vnpay{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 30px;

		margin: 0 auto;

		margin-top: 10px;

		margin-left: 0;

	}

	.bottom-content a:first-child,

	.bottom-content a:last-child{

		font-size: 16px;

		line-height: 20px;

	}

	.bottom-content a:last-child{

		padding-top: 10px;

	}

	.about-us h4{

		width: 94%;

		font-size: 20px;

		line-height: 24px;

		text-align: justify;

	}

	.about-us p{

		font-size: 16px;

		line-height: 20px;

		width: 94%;

	}

	.about-us> img:nth-child(1){

		width: 220px;

	}

	.about-us .col-6{

		width: 100%;

		padding-right: calc(var(--bs-gutter-x) * .5);

		padding-left: calc(var(--bs-gutter-x) * .5);

		margin-bottom: 10px;

	}

	.about-us .pt-64{

		padding-top:24px;

	}

	.about-us .pb-64{

		padding-bottom: 24px;

	}

	.customer-reviews h3:after{

		display: none;

	}

	.customer-reviews h3{

		font-size: 28px;

		line-height: 32px;

	}

	.customer-reviews-sl p:nth-child(2){

		font-size: 16px;

		line-height: 20px;

	}

	.customer-reviews-sl div p{

		font-size: 22px;

		line-height: 27px;

	}

	.icon-coupon-img img{

		width: 25px;

		height: 25px;

	}

	.icon-coupon-img{

		width: 50px;

		height: 50px;

	}

	.icon-info-tooltip{

		right: 12px;

		top: 12px;

	}

	.first-coupon p{

		font-size: 10px;

		line-height: 12px;	

	}

	.position-coupon{

		left: -18px;

	}

	.last-coupon p{

		font-size: 20px;

		line-height: 24px;

	}

	.last-coupon span{

		font-size: 12px;

		line-height: 15px;

	}

	.time-coupon {

		align-items: center;

	}

	.time-coupon p{

		font-size: 12px;

		line-height: 15px;

		padding-left: 5px;

	}

	.modalAddNew .modal-dialog {

		min-width: auto;

	}

	.title-add-new{

		padding-bottom: 20px;

	}

	.title-add-new h3{

		font-size: 28px;

		line-height: 32px;

	}

	.title-add-new p{

		font-size: 16px;

		line-height: 20px;

	}

	.row-add-new .col-6{

		padding-right: calc(var(--bs-gutter-x) * .5);

		padding-left: calc(var(--bs-gutter-x) * .5);

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.modalAddNew form label,

	.modalAddNew form input,

	.modalAddNew .form-phanquyen select,

	.modalAddNew form input[type=submit]{

		font-size: 16px;

		line-height: 20px;

	}

	.row-add-new .form-check-input .form-check-label{

		padding-left: 7px;

	}

	.pr-48{

		padding-right: calc(var(--bs-gutter-x) * .5);

	}

	.info-book-muahang a{

		font-size: 16px;

		line-height: 20px;

		white-space: break-spaces;

	}

	.info-book-muahang p,

	.table-giohang .retail-price{

		font-size: 12px;

		line-height: 16px;

	}

	.table-giohang select,

	.table-giohang .discount-price{

		font-size: 16px;

		line-height: 20px;

	}

	.next-buy select{

		min-width: 250px;

		margin-right: 20px;

	}

	.next-buy button{

		padding: 7px 30px;

		min-width: 215px;

		font-size: 16px;

		line-height: 20px;

	}

	.next-buy{

		border: none;

	}

	.list-faqs h3{

		font-size: 28px;

		line-height: 32px;

		padding-bottom: 0px;

	}

	.list-faqs .accordion-button,

	.list-faqs .accordion-body{

		font-size: 16px;

		line-height: 20px;

	}

	.menu-left-danhmuc{

		min-height: 0;

	}

	.ranger-price h3,.danhmuc-author h3{



		font-size: 24px;

		line-height: 28px;

	}

	.ranger-price .slider-labels strong{

		font-size: 12px;

		line-height: 16px;

	}

	.checkbox-author label{

		font-size: 14px;

		line-height: 18px;

	}

	.top-best-seller{

		flex-direction: column;

		align-items: flex-start !important;

	}

	.top-best-seller p:nth-child(2){

		display: none;

	}

	.day-detail p{

		font-size: 16px;

		line-height: 20px;

	}

	.title-detail-blog{

		font-size: 28px;

		line-height: 32px;

	}

	.description-detail-blog p{

		font-size: 16px;

		line-height: 20px;

	}

	.pagi-post{

		flex-direction: column;

	}

	.pagi-post a{

		font-size: 14px;

		line-height: 18px;

	}

	.comment-detail-post h4,

	.comment-for-your h3{

		font-size: 28px;

		line-height: 32px;

	}

	.comment-detail-post .me-3{

		margin-right: 24px !important;

	}

	.content-left-r p.mb-0{

		font-size: 14px;

		line-height: 18px;

	}

	.comment-for-your form input[type=text], .comment-for-your form input[type=email]{

		margin-bottom: 5px;

	}

	.comment-for-your h4{

		font-size: 16px;

		line-height: 20px;

		padding-bottom: 10px;

	}

	.detail-new-post a{

		font-size: 16px;

		line-height: 20px;

	}

	.comment-for-your button[type=submit]{

		font-size: 16px;

		line-height: 20px;

		margin-bottom: 40px !important;

	}

	.comment-for-your .form-check{

		padding-top: 10px;

		padding-bottom: 10px;

	}

	.comment-for-your .form-check label{

		font-size: 16px;

		line-height: 20px;

	}

	.info-detail-book .col-lg-8 h3{

		font-size: 28px;

		line-height: 32px;

	}

	.detail-danhmuc p{

		font-size: 15px;

		line-height: 20px;

	}

	.detail-danhmuc p:nth-child(2){

		padding: 0 8px;

	}

	.price-detail-book .discount-price{

		font-size: 20px;

		line-height: 24px;

	}

	.price-detail-book .cost-price{

		font-size: 16px;

		line-height: 20px;

	}

	.d-detail-book h4{

		font-size: 20px;

		line-height: 24px;

	}

	.d-detail-book span{

		font-size: 14px;

		line-height: 18px;

	}

	.d-detail-book p{

		font-size: 14px;

		line-height: 18px;

	}

	.choose-pakage select{

		padding: 7px 24px;

		font-size: 16px;

		line-height: 20px;

		color: #363636;

		min-width: fit-content;

	}

	.package-buy p{

		font-size: 22px;

		line-height: 28px;

	}

	.choose-pakage span{

		font-size: 16px;

		line-height: 20px;

	}

	.add-to-cart{

		font-size: 16px;

		line-height: 20px;

		padding: 7px 30px;

	}

	.description-detail-book h3,

	.related-book h3{

		font-size: 28px;

		line-height: 32px;

	}

	.description-detail-book p,

	.detail-related-box a{

		font-size: 16px;

		line-height: 20px;

	}

}

.ps-unset{

	background: #E3BF1D;

	border-radius: 24px;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 22px;

	color: #FFFFFF;

	padding: 12px 24px;

	width: auto;

	margin: 0 auto;

	display: table;

}

.ps-unset:hover{

	color: #FFFFFF !important;

}

/* ----------- iPad Pro ----------- */

/* Portrait */

@media only screen 

and (min-width: 1024px) 

and (max-height: 1366px) 

and (orientation: portrait) 

and (-webkit-min-device-pixel-ratio: 1.5) {
	.d-mb-none{
		display: none;
	}

	.category-porducts-wrapper .product-box{

		padding-right: 5px;

		padding-left: 5px;

	}

	.category-porducts-wrapper .product-box__img{

		height: 182px !important;

		margin-left: 0;

		margin-right: 0;

	}

	.best-products-area .section-title.title-1.brand-color h2{

		font-size: 22px;

	}

	.product-box.horizontal--small .product-box__content{

		padding: 0;

	}

	.product-sale-box{

		flex-wrap: nowrap;

		padding-right: 20px;

	}

	.big-sale-title h2:after{

		width: 48%;

	}

	.new-arrival-box .product-box__img{

		height: 200px !important;

		width: 100%;

		padding: 7px;

		margin: 0px;

	}

	.list-book-title h2{

		font-size: 22px;

		line-height: 1.6;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		text-overflow: hidden;

		height: calc(22px * 1.6 * 2);



	}

	.list-book-box{

		flex-wrap: nowrap;

	}

	.list-book-box .product-box__img{

		margin: 0;

		height: 110px !important;

	}

	.new-letter-form h4{

		font-size: 22px;

	}

	.copyright-text{

		text-align: center;


	}


}

/* Landscape */

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 264dpi),
  only screen and (                min-resolution: 2dppx)
 {
	.category-porducts-wrapper .product-box__img img{
		height: 100% !important;
		object-fit: cover;
	}
	.category-porducts-wrapper .product-box__img{
		height: 180px !important;
	}
}
.wck-breadcum{
	flex-wrap: wrap;
}
body {
	touch-action: manipulation;
}

#pdf-main-container, .abs-stretch{
	touch-action: manipulation;

}
meta {
	user-scalable: no;
}
*{touch-action: pan-x pan-y}

:root {
	touch-action: pan-x pan-y;
	height: 100% 
}
.annotation-controls{
		transform: rotate(180deg);
		}
/* CSS styles specific to iPad Air portrait mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

	.start-book{
		padding: 2px 10px;
	}
	.title-list-book{
		min-height: 44px !important;
	}
	.timer-count-down{
		flex-wrap: wrap;
	}
	.list-history-buy .img-list-book img{
		object-fit: cover;
		min-height: 200px !important;
	}
	.title-notification{
		padding-bottom: 0;
	}
	.body-notification{
		margin-top: 0;
	}
	.day-noti{
		width: 20%;
	}
	.col-lg-9.pl-48{
		padding-left: 0 !important;
	}
	.d-mb-none{
		display: none;
	}
	.category-porducts-wrapper .product-box__img {
		height: 150px !important;
		margin:0;
		margin-bottom: 10px;
	}
	.category-porducts-wrapper .product-box__img img{
		object-fit: cover;
	}
	.product-sale-box .product-box__img{
		margin: 0;
	}
	.new-arrival-box{
		padding-left: 10px;
		padding-right: 10px;
	}
	.new-arrival-box .product-box__img{
		padding:0;
		margin:0;
	}
	.list-book-box .product-box__img{
		margin: 0;
		padding:0;
	}
	.list-book-box .product-box__img img{
		object-fit: cover;
	}
	.new-letter-form{
		padding: 15px 40px;
	}
	.new-letter-form .col-md-2{
		display: none;
	}
	.new-letter-form .col-md-7{
		width: 70%;
	}
	.new-arrival-box .product-box__img img{
		object-fit: cover;
	}
	.new-arrival-box .product-box__img {
		height: 265px;
	}
	.category-porducts-area .tab-product-home{
		width: 60%;
	}
	#homepage-slider-2{
		padding-left: 0;
	}
	.col-custom-w10{
		width: 100%;
	}
	.col-custom-w10 .best-products-group{
		display: inline-flex;
		flex-wrap: wrap;
	}
	.col-custom-w10 .best-products-group .product-box{
		width: 50%;
	}
	.header-top .col-lg-3{
		width: 35%;
	}
	.header-top .col-lg-3.col-3{
		width: 25%;
	}
	.header-top .col-lg-5{
		width:0%;
	}
	.header-top .col-lg-4{
		width:55%;
	}
	.header-bottom .row.custom-row .col-lg-3{
		width: 40%;
	}
	.header-bottom .row.custom-row .col-lg-2{
		width: 25%;
	}
	.header-bottom .row.custom-row .col-lg-7{
		width: 35%;
	}
	.language-selector{
		height: 40px;
		margin-top: 15px;
	}
	.search-form--2{
		margin-top: 15px;
		margin-left: 0;
	}
	.category-mobile-menu{
		margin-bottom: 0;
	}
	#homepage-slider-2 .single-slider {
		height: 31rem;
	}
	.detail-book-page .col-lg-12.col-md-6.col-12{
		width: 100%;
	}
	.detail-book-page .col-lg-12.col-md-6.col-12 .best-products-group{
		display: inline-flex;
		flex-wrap: wrap;
	}
	.detail-book-page .col-lg-12.col-md-6.col-12 .best-products-group .product-box{
		width: 50%;
	}
	.related-book-box img{
		height: 460px !important;
		object-fit: cover;
	}
}