/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-top {
	min-height: 0px !important;
	height:0px;
}

.vuhjrsweguy3er-3405yui430-5 {
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translatex(-50%);
	max-width: 61% !important;
}

.vuhjrsweguy3er-3405yui430-5.fdg54-y04i5y0- {
	bottom:initial;
	top:0px;
}

.vuhjrsweguy3er-3405yui430-5 .vvvvvvv54y45u img {
	animation-name: pulse;
	animation-delay: 0s;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.verjghj-450y8i45-0y .col-inner {
	margin-left: 30px !important;	
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

}

.hover-img .img-inner:hover {
	transform: scale(1.03);
	opacity: 1;
	transition: all 0.2s linear;
}

.row__danhmuc .col {
	padding-bottom:0px;
	flex-basis: 20%;
    max-width: 20%;
}



.section-danhmuc {
	background-image: linear-gradient(rgb(254, 2, 56), rgb(192, 2, 18));
}

.section-danhmuc .col.small-12.large-12 .col-inner {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.dm-img .col-inner {
	display: flex;
	justify-content:space-between;
}

.dm-img .col-inner .img  {
	margin-bottom:0px
}

.img-deal .img-inner  {
	animation-name: flash;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes flash {
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0.5;
	}
}

.vvvvvvvvvvvrey45uj45j {
	margin-top:-55px;
}


.section-product.product2 .vvvvvvvvvvvrey45uj45j {
	margin-top:0px;
}


.cjhgvew43t-3450yui-:hover {
	transform: scale(1.03);
	transition: all 0.2s linear 0s;
}

.cjhgvew43t-3450yui- {
	margin-bottom:0px !important;
}

.product-img .col-inner {
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	gap: 14px;
}


.cccccewrujghu34t {
	padding-bottom: 14px !important;
	margin-top: 10px;
}

.section-product {
	padding-bottom:10px !important;
}

.bv534htjgu435y45y45y .img-inner {
	animation-name: pulse;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	margin-top:-10px;
}

.bv534htjgu435y45y45y.rth45u656i567 .img-inner {
	animation-name: pulse;
	animation-delay: 0s;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.cseg456j15566u16556u {
	position:absolute;
	top: 20px;
	left:0px;
}


.cccccewrujghu34t.dsad4534 {
	padding-bottom:0px !important
}


.vvvvvvvvvoil3h54i6jkt45 ul{
	display: flex;
	width: 50% !important;
	flex-flow: initial !important;
	flex-wrap: wrap !important;
	max-height: max-content;
	height: max-content;
}

.vvvvvvvvvoil3h54i6jkt45 ul li {
	width:50% !important;
	border:none;
	background-color:#f5f6f7;
	padding-left:10px;
}

.vvvvvvvvvoil3h54i6jkt45 ul li a {
	font-size:16px;
	padding: 7.2px 0px;
	color:black;
}

.vvvvvvvvvoil3h54i6jkt45 ul li.active {
	background-color:#737373;
}

.vvvvvvvvvoil3h54i6jkt45 ul li.active a {
	color:white;
}

.vvvvvvvvvoil3h54i6jkt45 ul li a:after {
	display:none;
}

.vvvvvvvvvoil3h54i6jkt45 .nav-vertical+.tab-panels {
	border:none;
	padding: 0 6px 0px;
}

.vvvvvvvvvoil3h54i6jkt45 .nav-vertical+.tab-panels img {
	object-fit:initial;
}

.vhjbiwsjeg-3405yui-43 {
	display:flex;

}

.vhjbiwsjeg-3405yui-43 p {
	width:50%;
	margin-bottom:0px !important;
}

.vhjgjert-4503yiu4-5 {
	cursor:pointer;
	margin-top: -130px;
}

.dsfjkhg43-yt03i4y0- {
	height: 34px;
	padding: 0px 10px;
	border: 3px solid;
	width: 100%;
	max-width:242px;
}



.Social-Media {
	display:flex;
	gap: 10px;
}

.Social-Media svg {
	width:30px;
	height:30px;
}

.scroll-to-bullets.hide-for-medium {display:none;}

.vregjhk54-y405ui- {
	padding-bottom:4px !important;
}

.flex-col.hide-for-medium.flex-left.flex-grow ul {
	display:flex;
	justify-content:space-between;
}

.flex-col.hide-for-medium.flex-left.flex-grow ul li {
	margin:0px;
}

.flex-col.hide-for-medium.flex-left.flex-grow ul li.html a {
	font-weight: bold;
	line-height: 1.6;
	color: rgb(226, 33, 40);
	text-align: center;
	transition: all 150ms linear 0s;
	font-size:21px;
	padding:0px;
}


#logo {
	margin-right: 90px;
}

.flex-col.hide-for-medium.flex-left.flex-grow ul li.html {
	border-width: 3px;
	border-radius: 100px;
	border-style: solid;
	border-color: rgb(226, 33, 40);
	width: 230px;
	height: 42px;
	padding: 0px;
	display: flex;
	justify-content: center;
}

.absolute-footer {
	display:none;
}

.row-banner {
	position:absolute;
	bottom: -72px;
	left:50%;
	transform:translatex(-50%);
}

.skjdghfjshbdgsdgksdjhgis {
	margin-left: 110px;
	width: 102.5% !important;
}

.e-r0tgi-034uiy-0435y {
	position: absolute;
	z-index: 1;
	top: -102px;
	right: 80px;
	animation: pulse 2s infinite;
}

@keyframes pluse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

}

.row-deal-shock {
	    background: url(/back-to-school/wp-content/uploads/2024/08/table-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 991px;
    padding: 67px 0px 0px 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.row-sp-deal {
	margin: auto !important;
	    justify-content: center;
}

.row-sp-deal  .col {
	padding:0px;
	margin:initial;
}

.vhsdbgiu-340iy3-04y5 {
	animation: pulse 2s infinite;
	margin: auto;
}
.section-banner {
	z-index:1000;
}

#IMAGE411,
#IMAGE412 {
	top: auto;
	left: 108px;
	right: auto;
	bottom: 30px;
	position: fixed;
	z-index: 90000050;
	width: 200px;
	height: 181.818px;
}

#IMAGE411 {
	left: auto;
	right: 108px;
}
#IMAGE411.ladi-animation > .ladi-image ,
#IMAGE412.ladi-animation > .ladi-image {
	animation: pulse 2s infinite;
	width:100%;
	height: 100%;
}

#IMAGE412 > .ladi-image > .ladi-image-background {
	background-image: url(/wp-content/uploads/2024/08/3-20240723060610-0nrsb.png);
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
}

#IMAGE411 > .ladi-image > .ladi-image-background {
	background-image: url(/wp-content/uploads/2024/08/1-20240723060614-s8eq_.png);
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
}

.section-danhmuc {
	z-index:1010;
}

.img-3478563845 img {
	height:auto !important;
	animation-name: flash;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes flash {
	0%, 100%, 50% {
    opacity: 1;
}

25%, 75% {
    opacity: 0.7;
}

}

/*================================================= responsive ================================================================================================== */

@media only screen and (max-width: 1024px) {
	.vkjdfhgkijderfhh04i5i9h45 .image-cover {
		    padding-top: 665px !important;
	}
	.skjdghfjshbdgsdgksdjhgis {
    margin-left: 50px;
    width: 103.5% !important;
}

	.e-r0tgi-034uiy-0435y {
    right: 60px;
}
}

@media only screen and (min-width: 850px) {
	.row__danhmuc img {
		height: 45px;
	}
}

@media only screen and (max-width: 850px) {
	#logo {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	#IMAGE411, #IMAGE412 {
    left: 50px;
}
	
	#IMAGE411 {
    left: auto;
    right: 50px;
}
	
	
	.vkjdfhgkijderfhh04i5i9h45 .image-cover {
		           padding-top: 575px !important;
	}
	
	.row-deal-shock {
    height: 909px;
}
	

	
	.row-banner {
    bottom: -62px;
}

	.vvvvvvvvvoil3h54i6jkt45 ul {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.vhjgjert-4503yiu4-5 {
		margin-top: 0px;
	}

	.vvvvvvvvvoil3h54i6jkt45 .nav-vertical+.tab-panels img {
		object-fit: cover;
	}

	.vvvvvvvvvoil3h54i6jkt45 .img-inner {
		padding-top: 43% !important;
	}

	.vvvvvvvvvoil3h54i6jkt45 .panel:first-child .img-inner {
		padding-top: 51% !important;
	}

	.vvvvvvvv354y15645y {
		padding-bottom:0px !important;
	}

	#main-menu ul li.html.custom a {
		font-weight: bold;
		line-height: 1.6;
		color: rgb(226, 33, 40);
		text-align: center;
		transition: all 150ms linear 0s;
		font-size:21px;
		padding:0px;
		justify-content: center;
	}

	#main-menu ul li.html.custom {
		border-width: 3px;
		border-radius: 100px;
		border-style: solid;
		border-color: rgb(226, 33, 40);
		width: 230px;
		height: 42px;
		padding: 0px;
		display: flex;
		justify-content: center;
	}
	
	.vhsdbgiu-340iy3-04y5 {
       width: 90% !important;
	        margin: 10px auto;	
}
	
	    #main-menu ul li.html.custom {
        width: 93%;
    }
	
	.section-product .cjhgvew43t-3450yui- {
		        width: 32% !important;
	}
	
	.section-product.fdkfjhdkjfgdg .cjhgvew43t-3450yui-{
		width: 100% !important;
	}
	
	.section-product.fdkfjhdkjfgdg .fghghjtghj4556u {
		width: 45% !important;
	}

} 

@media only screen and (max-width: 769px) {
	    .skjdghfjshbdgsdgksdjhgis {
        margin-left: 25px;
        width: 104.5% !important;
    }
	      .e-r0tgi-034uiy-0435y {
        right: 17px;
        width: 95% !important;
    }
}

@media only screen and (max-width: 550px) {
	
	.hover-img .img.has-hover {
		    margin-bottom: 2px;
	}

	.verjghj-450y8i45-0y .col-inner {
		margin-left: 8px !important;
	}


	.product-img .col-inner {
		gap: 4px;
	}

	.vvvvvvvvvvvrey45uj45j {
		margin-bottom:4px;
	}

	.section-product {
		padding-bottom: 5px !important;
		padding-top: 5px !important;
	}

	.cccccewrujghu34t {
		margin-top: 14px;
	}

	.cseg456j15566u16556u {
		top: 0px;
	}

	.bv534htjgu435y45y45y.rth45u656i567 {
		margin-bottom:0px !important
	}

	.vvvvvvvvvvvrey45uj45j {
		margin-top: 10px;
	}

	.rth56trh15616545h45h {
		border-bottom:1px solid #f3f3f34a;
	}

	.vvvvvvvvvoil3h54i6jkt45 ul li a {
		font-size: 13px;
	}


    .vkjdfhgkijderfhh04i5i9h45 .image-cover {
        padding-top: 264px !important;
    }
	
	
	
	    .row-banner {
        bottom: -43px;
    }
	
	    .e-r0tgi-034uiy-0435y {
        right: 17px;
        width: 88% !important;
        top: -32px;
    }
	
	.row__danhmuc .dm-img {
		padding: 3.5px 0px 4px 10px;
	}
	
	         .row-deal-shock {
        height: 616px;
        padding: 30px 0px 0px 0px;
    }
	
	.bekirhgio9450945ju {
		    padding: 0 30.8px 19.6px !important;
	}
	
	#IMAGE411, #IMAGE412 {
    width: 120px;
    height: 80.818px;
	left: 20px;
}
	
	#IMAGE411 {
    left: auto;
    right: 20px;
}


}

@media only screen and (max-width: 430px) {
	    .row-deal-shock {
        height: 460px;
        padding: 30px 0px 0px 0px;
    }
}


@media only screen and (max-width: 380px) {
	    .row-deal-shock {
        height: 395px;
    }
}