@media(min-width: 769px and max-width:1024px) {
	.btnXemThemTinTuc {
		display:none!important;
	}
	#header_banner_top {
		height:auto!important;
		background:white;
	}
	.logo_bottom{display:none}
}
@media(max-width: 769px) {
	.logo_bottom{display:none}
	.btnXemThemTinTuc {
		display:none!important;
	}
	#header_banner_top {
		height:auto!important;
		background:white;
	}
	#header_banner_top.active {
		height:auto!important;
		margin-top:20px;
	}
	.top-header.right-navbar-menu{
		width: 100%;    
		justify-content: center!important;
		margin-top:20px!important;
	}
	.box-top-header.first-box-top{
		    width: auto!important;
	}
	.slide-banner-main {
		margin-top:100px;
	}
	
	.list-home-cate-new img {
		width:115px!important;
		height:150px!important;
	}
	.list-home-cate-new h4 {
		font-size:12px;
		padding:5px!important;		
	}
	
	.banner-bottom-slogan h4 {
		padding:20px 0px!important;
		font-size:20px!important;
	}
	.banner-bottom-slogan div {
		margin-left: -8!important;    
		margin-right: -8!important;
	}
	.logo_bottom{
		text-align:center;
	}
	.banner_novelty_young span {
		position: absolute; 
		z-index: 5;
		top: 50%;
		right: 1%;
		background: #2f3749;
		color: white;
		font-size: 14px;
		padding: 5px 10px;
		border-radius: 10px;
		
	}
	.bottom_padding {
		padding: 0 3%;
	}
	.bottom_copyright{
		display:flex;
		align-items: center;
        justify-content: center;
		width:100%;
		text-align:center;
	}
	
	.bottom_copyright a{
		display:inline-block;
	}
	.bottom_copyright a img{
		width:auto;
	}
	.bottom_copyright p{
		display:none!important;
	}
	.bottom_copyright_mobile {
		display:block!important;
		margin-top:15px;
		text-align:center;
	}
	.bottom_info_company h4{
		font-size:14px;
	}
	.bottom_info_company p{
		font-size:12px;
	}
}
.layout-2025 .main-header .left-navbar-menu{
	align-items: center;
}
.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item{
	margin-top:0px;
}
.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item a{
	font-size:14px;
}
.layout-2025 .main-header .right-navbar-menu{
	align-items: center;
}
.layout-2025 .top-header .top-header-item-content .searh-box {
	    margin-top: -10px !important;
		border-radius: 40px!important;
		height: 50px!important;
		width: 50px!important;
}
.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search{
	display: flex!important;
    position: relative!important;
}
.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search i.fa-search{
	    font-size: 25px;
    position: absolute;
    left: 25px;
    top: 3px
}
.layout-2025 .top-header .fa-shopping-bag,.layout-2025 .top-header .fa-university,.layout-2025 .top-header .fa-user-circle-o{
	margin-top:0px!important;
}
.layout-2025 .top-header .badge-light.number{
	top:-10px!important;
	right:15px!important;
}
.layout-2025 .top-header .top-header-item-content a {
	font-size:14px!important;
}

@media screen and (min-width:991px) and (max-width:1200px) {
	
}
@media screen and (min-width:767px) and (max-width:990px) {
	.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item a{
		font-size:8px!important;
	}
	.layout-2025 .top-header .top-header-item-content a {
		font-size:8px!important;
	}	
	.layout-2025 .top-header .top-header-item-content .searh-box {
	    margin-top: -10px !important;
		border-radius: 40px!important;
		height: 30px!important;
		width: 30px!important;
	}
	.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search i.fa-search{
		left: 23px;
	}
	.layout-2025 .main-header .main-logo {
		display: flex!important;
		align-items: center!important;
	}
	.layout-2025 .top-header-hotile {
		font-size:10px!important;
	}
	.layout-2025 .top-header-hotile span{
		font-size:10px!important;        padding: 5px 10px !important;
	}
	.layout-2025 .main-header{
		height:50px!important;
	}
	.layout-2025 .top-header .badge-light.number{
		padding: 2px 4px;
		font-size: 8px;
		top: -5px !important;
		right: 19px !important;
	}
}
/*mobile*/
@media (min-width:481px) and (max-width:768px) {
	.layout-2025 .main-header .left-navbar-menu .menu-button{
		display:block!important;
	}
	.layout-2025 .main-header .left-navbar-menu .quick-menu{
		display:none!important;
	}
	.layout-2025 .top-header-hotile{
		    padding-left: 5px!important;
	}
	.layout-2025 .main-header .left-navbar-menu .menu-button {
		
	}
	.layout-2025 .main-header {
		height: 10px !important;
	}
}
/*mobile*/
@media screen and (max-width:480px) {
	.layout-2025 .main-header .main-logo img {width:100px!important}
	.layout-2025 .main-header {
		height: 30px !important;
	}
	
}

	
	
    @media only screen and (min-width: 1301px) and (max-width: 1600px) {
        /* styles for browsers larger than 1440px; */
		#header_banner_top {
			    opacity: initial;
		}
		.container-fluid.banner-bottom-slogan h4{
			font-size:30px!important;
		}
		.layout-2025 .main-header .main-logo img {width:150px!important}
	
	.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item a{
		font-size:12px!important;
	}
	.layout-2025 .top-header .top-header-item-content a {
		font-size:12px!important;
	}	
	.layout-2025 .top-header .top-header-item-content .searh-box {
	    margin-top: -10px !important;
		border-radius: 40px!important;
		height: 30px!important;
		width: 30px!important;
	}
	.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search i.fa-search{
		left: 18px;
		    font-size: 18px;
			top: -3px;
	}
	.layout-2025 .main-header .main-logo {
		display: flex!important;
		align-items: center!important;
	}
	.layout-2025 .top-header-hotile {
		font-size:12px!important;
	}
	.layout-2025 .top-header-hotile span{
		font-size:12px!important;        padding: 5px 10px !important;
	}
	.layout-2025 .main-header{
		height:80px!important;
	}
	.layout-2025 .top-header .badge-light.number{
		padding: 2px 4px;
		font-size: 8px;
		top: -5px !important;
		right: 19px !important;
	}
    }
	@media only screen and (min-width: 1025px) and (max-width: 1300px) {
        /* styles for browsers larger than 1440px; */
		#header_banner_top {
			    opacity: initial;
		}
		.layout-2025 .main-header .main-logo img {width:150px!important}
	
	.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item a{
		font-size:10px!important;
	}
	.layout-2025 .top-header .top-header-item-content a {
		font-size:10px!important;
	}	
	.layout-2025 .top-header .top-header-item-content .searh-box {
	    margin-top: -10px !important;
		border-radius: 40px!important;
		height: 30px!important;
		width: 30px!important;
	}
	.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search i.fa-search{
		left: 18px;
		    font-size: 18px;
			top: -3px;
	}
	.layout-2025 .main-header .main-logo {
		display: flex!important;
		align-items: center!important;
	}
	.layout-2025 .top-header-hotile {
		font-size:10px!important;
	}
	.layout-2025 .top-header-hotile span{
		font-size:10px!important;        padding: 5px 10px !important;
	}
	.layout-2025 .main-header{
		height:80px!important;
	}
	.layout-2025 .top-header .badge-light.number{
		padding: 2px 4px;
		font-size: 8px;
		top: -5px !important;
		right: 19px !important;
	}
    }
	@media only screen and (min-width: 769px) and (max-width: 1024px) {
        /* styles for browsers larger than 960px; */
		#header_banner_top {
			    opacity: initial;
		}
		.layout-2025 .main-header .main-logo img {width:120px!important}
	
	.layout-2025 .main-header .left-navbar-menu .quick-menu .item-menu .text-item a{
		font-size:8px!important;
	}
	.layout-2025 .top-header .top-header-item-content a {
		font-size:8px!important;
	}	
	.layout-2025 .top-header .top-header-item-content .searh-box {
	    margin-top: -10px !important;
		border-radius: 40px!important;
		height: 30px!important;
		width: 30px!important;
	}
	.layout-2025 .top-header.right-navbar-menu .top-header-item-content-search i.fa-search{
		left: 22px;
		    font-size: 18px;
			top: 2px;
	}
	.layout-2025 .main-header .main-logo {
		display: flex!important;
		align-items: center!important;
	}
	.layout-2025 .top-header-hotile {
		font-size:8px!important;
	}
	.layout-2025 .top-header-hotile span{
		font-size:8px!important;        padding: 5px 10px !important;
	}
	.layout-2025 .main-header{
		height:80px!important;
		padding:0px 50px!important;
		display: flex!important;
		justify-content: space-between!important;
	}
	.layout-2025 .top-header .badge-light.number{
		padding: 2px 4px;
		font-size: 12px;
		top: -10px !important;
		right: 10px !important;
	}
	
    }
	@media only screen and (max-width: 768px) {
		#header_banner_top {
			    opacity: initial;
		}
		.menu-button-mobile {
			left: 20px!important;
			top: 5px!important;
		}
		.glyphicon-menu-hamburger:before{font-size:20px!important;}
		.header .main-header a{
			font-size: 16px!important;
		}
	}