/* ============ desktop view ============ */
body{
	font-family: "Roboto", sans-serif;
}
label.error {
	color:red!important;
}
.cursor-pointer{
	cursor: pointer;
}
.display-none{
	display: none;
}
.div-mobile{
	display: none;
}
.div-desktop{
	display: block;
}
.form-group{
	margin: 15px 0px 15px 0px;
}
a{
	text-decoration: none!important;
}
@media all and (max-width: 505px) {
	.div-mobile{
		display: block;
	}
	.div-desktop{
		display: none;
	}
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}
}


/* ============ section-header-top ============ */
.section-header-top{
	width: 100%; background-color: #fff; padding: 10px 0px;
}
.section-header-top .input-group-search{
	padding: 10px 0 0 60px; width: 560px;
}
.section-header-top .input-group-search .input-group-prepend{
}
.section-header-top .input-group-search .input-group-text{
	border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #fff;
}
.section-header-top .input-group-search input{
	border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff;
}
@media all and (min-width: 992px) {
	.section-header-top .navbar .nav-item .dropdown-menu{ display: none; }
	.section-header-top .navbar .nav-item .nav-link{ }
	.section-header-top .navbar .nav-item:hover .dropdown-menu{ display: block; }
	.section-header-top .navbar .nav-item .dropdown-menu{ margin-top:0; }
	.section-header-top .navbar {
		padding: 0;
	}
}
.section-header-top .navbar-dark .navbar-nav .nav-link{
	color: #000; padding-left: 70px; padding-right: 0; font-size: 18px; font-weight: bold; text-decoration: none;
	padding-top: 19px; padding-bottom: 19px;
}
.section-header-top .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
	color: #fedd74;
}
.section-header-top .navbar-dark .navbar-nav .nav-link:hover{
	color: #fedd74;
}
.section-header-top .navbar-dark .navbar-nav .nav-link:focus{
	color: #fedd74;
}
.section-header-top .navbar-dark .navbar-toggler{
	background-color: #fedd74;
}
.section-header-top .navbar .nav-item.nav-item-giam-gia{
	width: 300px; position: relative;
}
.section-header-top .navbar .nav-item .div-phan-tram-giam-gia{
	width: 300px; position: absolute; left: 12px; top: -17px;
	background-color: #fedd74; padding: 5px 5px; border-bottom-left-radius: 35px; border-top-left-radius: 35px;
}
.section-header-top .navbar .nav-item .div-phan-tram-giam-gia .div-text{
	width: 60px; height: 60px; background-color: #232323; color: #000; font-size: 13px; text-align: center;
	padding: 6px 0 0 0; border-radius: 30px;
}
.section-header-top .navbar .nav-item .div-phan-tram-giam-gia .div-note{
	height: 60px; padding: 6px 0 0 0; color: #232323; font-size: 13px;
	position: absolute; left: 70px; top: 25px;
}
@media all and (max-width: 991px) {
	.section-header-top .navbar-collapse{
		background-color: #fedd74;
	}
	.section-header-top .navbar-collapse .navbar-nav .nav-link{
		color: #000;
	}
	.section-header-top .navbar-collapse .navbar-nav .nav-link.active, .navbar-collapse .navbar-nav .show>.nav-link{
		color: #000;
	}
	.section-header-top .navbar-collapse .navbar-nav .nav-link:focus{
		color: #000;
	}
	.section-header-top .navbar-dark .navbar-nav .nav-link{
		padding: 10px 15px; font-size: 15px;
	}
	.section-header-top .navbar-dark .navbar-nav .nav-link:hover{
		color: #000;
	}
	.section-header-top .navbar-dark .navbar-nav .nav-link:focus{
		color: #000;
	}
	.section-header-top .navbar .nav-item.nav-item-giam-gia{
		display: none;
	}
	.section-header-top .input-group-search{
		padding: 10px 10px 0 10px; width: 100%;
	}
	.section-header-top .navbar-dark .navbar-nav .nav-link-logo{
		display: none;
	}
}
.section-header-top .navbar-dark .navbar-nav .nav-link-logo{
	padding: 0;
}
.section-header-top .img-logo{
	height: 60px;
}
/* ============ section-header-top .end// ============ */


/* ============ section-header-menu ============ */
.section-header-menu{
	width: 100%; background-color: #000;
}
@media all and (min-width: 992px) {
	.section-header-menu .navbar .nav-item .dropdown-menu{ display: none; }
	.section-header-menu .navbar .nav-item .nav-link{ }
	.section-header-menu .navbar .nav-item:hover .dropdown-menu{ display: block; }
	.section-header-menu .navbar .nav-item .dropdown-menu{ margin-top:0; }
	.section-header-menu .navbar {
		padding: 0;
	}
}
.section-header-menu .navbar-dark .navbar-nav .nav-link{
	color: #fff; padding-left: 0; padding-right: 70px; font-size: 20px; font-weight: bold; text-decoration: none;
	padding-top: 19px; padding-bottom: 19px;
}
.section-header-menu .navbar-dark .navbar-nav.ms-auto .nav-link{
	padding-left: 70px; padding-right: 0;
}
.section-header-menu .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
	color: #fedd74;
}
.section-header-menu .navbar-dark .navbar-nav .nav-link:hover{
	color: #fedd74;
}
.section-header-menu .navbar-dark .navbar-nav .nav-link:focus{
	color: #fedd74;
}
.section-header-menu .navbar-dark .navbar-toggler{
	background-color: #fedd74;
}
.section-header-menu .navbar .nav-item.nav-item-giam-gia{
	width: 300px; position: relative;
}
.section-header-menu .navbar .nav-item .div-phan-tram-giam-gia{
	width: 300px; position: absolute; left: 12px; top: -17px;
	background-color: #fedd74; padding: 5px 5px; border-bottom-left-radius: 35px; border-top-left-radius: 35px;
}
.section-header-menu .navbar .nav-item .div-phan-tram-giam-gia .div-text{
	width: 60px; height: 60px; background-color: #232323; color: #fff; font-size: 13px; text-align: center;
	padding: 6px 0 0 0; border-radius: 30px;
}
.section-header-menu .navbar .nav-item .div-phan-tram-giam-gia .div-note{
	height: 60px; padding: 6px 0 0 0; color: #232323; font-size: 13px;
	position: absolute; left: 70px; top: 25px;
}
@media all and (max-width: 991px) {
	.section-header-menu .navbar-collapse{
		background-color: #fedd74;
	}
	.section-header-menu .navbar-collapse .navbar-nav .nav-link{
		color: #fff;
	}
	.section-header-menu .navbar-collapse .navbar-nav .nav-link.active, .navbar-collapse .navbar-nav .show>.nav-link{
		color: #fff;
	}
	.section-header-menu .navbar-collapse .navbar-nav .nav-link:focus{
		color: #fff;
	}
	.section-header-menu .navbar-dark .navbar-nav .nav-link{
		padding: 10px 15px; font-size: 15px;
	}
	.section-header-menu .navbar-dark .navbar-nav .nav-link:hover{
		color: #fff;
	}
	.section-header-menu .navbar-dark .navbar-nav .nav-link:focus{
		color: #fff;
	}
	.section-header-menu .navbar .nav-item.nav-item-giam-gia{
		display: none;
	}
}
.section-header-menu .navbar-dark .navbar-nav .nav-link-logo{
	padding: 0;
}
.section-header-menu .img-logo{
	height: 60px;
}
/* ============ section-header-menu .end// ============ */


/* ============ section-slider ============ */
.section-slider{
	width: 100%; background-color: #fff; padding: 0px 0px 0px 0px;
}
@media (max-width: 768px) {
}
/* ============ section-slider .end// ============ */


/* ============ section-line-quang-cao ============ */
.section-line-quang-cao{
	width: 100%; background-color: #fff; padding: 30px 0px 30px 0px;
}
.section-line-quang-cao marquee{
	width: 100%; background-color: #923aff; color: #fff; padding: 7px 0px 7px 0px;
}
@media (max-width: 768px) {
}
/* ============ section-line-quang-cao .end// ============ */


/* ============ section-san-pham-ban-le ============ */
.section-san-pham-ban-le{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
.section-san-pham-ban-le .title{
	width: 100%; background-color: #fff; padding: 10px 0px 10px 0px;
	text-transform: uppercase;
}
.section-san-pham-ban-le .content{
	width: 100%; background-color: #fff; padding: 0px 0px 0px 0px;
}
.section-san-pham-ban-le .content img{
	width: 100%;
}
@media (min-width: 576px) {
	.section-san-pham-ban-le .content .col-sm-5{
		padding-right: 5px; width: 39.7%;
	}
	.section-san-pham-ban-le .content .col-sm-7{
		padding-left: 5px; width: 60.3%;
	}
	.section-san-pham-ban-le .content .row-bottom{
		margin-top: 10px;
	}
}
/* ============ section-san-pham-ban-le .end// ============ */


/* ============ section-collection-trend ============ */
.section-collection-trend{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
.section-collection-trend .title{
	width: 100%; background-color: #fff; padding: 10px 0px 10px 0px;
	text-transform: uppercase;
}
.section-collection-trend .title a{
	color: #000;
}
.section-collection-trend .content{
	width: 100%; background-color: #fff; padding: 0px 0px 0px 0px;
}
.section-collection-trend .content img{
	width: 100%;
}
.section-collection-trend .div-danh-sach{
	width: 100%;
}
.section-collection-trend .div-danh-sach .div-item{
	width: 100%; padding: 15px 0px;
}
.section-collection-trend .div-danh-sach .div-item .div-img{
	width: 100%;
}
.section-collection-trend .div-danh-sach .div-item .div-img img{
	width: 100%; height: 280px;
}
.section-collection-trend .div-danh-sach .div-item .div-title{
	width: 100%; padding: 5px 0px;
}
.section-collection-trend .div-danh-sach .div-item .div-title a{
	color: #000;
}
.section-collection-trend .div-pagination{
	width: 100%; min-height: 50px;
}
@media (min-width: 576px) {
	.section-collection-trend .content .col-sm-5{
		padding-right: 5px; width: 39.7%;
	}
	.section-collection-trend .content .col-sm-7{
		padding-left: 5px; width: 60.3%;
	}
	.section-collection-trend .content .row-bottom{
		margin-top: 10px;
	}
	.section-collection-trend .content .img-left{
		height: 682px;
	}
	.section-collection-trend .content .img-right{
		height: 472px;
	}
	.section-collection-trend .content .row-bottom img{
		height: 200px;
	}
}
/* ============ section-collection-trend .end// ============ */


/* ============ section-san-pham ============ */
.section-san-pham{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
.section-san-pham .title{
	width: 100%; background-color: #fff; padding: 10px 0px 10px 0px;
	text-transform: uppercase;
}
.section-san-pham .title a{
	color: #000;
}
.section-san-pham .content{
	width: 100%; background-color: #fff; padding: 0px 0px 0px 0px;
}
.section-san-pham .content .owl-carousel-san-pham .owl-nav .owl-prev{
	position: absolute; bottom: 50%; left: -20px;
}
.section-san-pham .content .owl-carousel-san-pham .owl-nav .owl-next{
	position: absolute; bottom: 50%; right: -20px;
}
.section-san-pham .content .owl-carousel-san-pham .owl-nav span{
	font-size: 50px;
}
@media (max-width: 768px) {
}
/* ============ section-san-pham .end// ============ */


/* ============ section-mau-thiet-ke ============ */
.section-mau-thiet-ke{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
.section-mau-thiet-ke .title{
	width: 100%; background-color: #fff; padding: 10px 0px 10px 0px;
	text-transform: uppercase;
}
.section-mau-thiet-ke .content{
	width: 100%; background-color: #923aff; padding: 10px 20px 10px 20px; border-radius: 8px;
}
.section-mau-thiet-ke .content .col{
	margin: 10px 0;
}
.section-mau-thiet-ke .content .img{
	width: 100%;
}
@media (max-width: 768px) {
}
/* ============ section-mau-thiet-ke .end// ============ */


/* ============ section-banner ============ */
.section-banner{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
.section-banner .img-banner{
	width: 100%;
}
@media (max-width: 768px) {
}
/* ============ section-banner .end// ============ */


/* ============ section-step ============ */
.section-step{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
@media (max-width: 768px) {
}
/* ============ section-step .end// ============ */


/* ============ section-dang-ky-tu-van ============ */
.section-dang-ky-tu-van{
	width: 100%; background-color: #fff; padding: 0px 0px 30px 0px;
}
@media (max-width: 768px) {
}
/* ============ section-dang-ky-tu-van .end// ============ */


.section-footer{
	background-color: #000; color: #fff; padding: 10px 0px 10px 0px;
}
.section-footer .logo-1{
	width: 100%; background-color: #000; padding: 10px 0px 10px 0px; text-align: center;
}
.section-footer .logo-1 .img-logo-1{
	width: 100%; max-width: 800px;
}
.section-footer .logo-2{
	width: 100%; background-color: #000; padding: 10px 0px 10px 0px; text-align: center;
}
.section-footer .logo-2 .img-logo-2{
	width: 100%;
}
@media (max-width: 768px) {
}


/* ============ section-body ============ */
.fa-dot-circle-o{
	color: #923aff; font-size: 20px;
}
/* ============ section-body .end// ============ */


/* Custom */
.swal2-title{
	font-size: 20px!important;
}
.alert.alert-danger{
	font-size: 13px!important; padding: 5px 5px;
}