.stylelogocharset "utf-8";
/* CSS Document */

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.container{
		width:1200px;	
		}
		
	.introduce1 .f-news-bl:before {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/beforesp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 1064px 24px;
	}	
	
	.introduce1 .f-news-bl:after {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/aftersp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 1064px 24px;
	}	
	
	.carousel-control.left{
	z-index:9;
	}

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	#myslide{
		height:auto;
	}
	
	.f-slider{
		height:auto;	
	}
	
	.introduce1 .f-news-bl:before {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/beforesp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 933px 24px;
	}
	
	.introduce1 .f-news-bl:after {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/aftersp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 933px 24px;
	}
	
	.menuduoi .f-menutop .f-menutop-ul > li > a.firstlink{
		  padding: 0px 8px 0;
		}
		
	.v2-hometab-news-small-img{
		height:auto;
		}
	.f-news .f-news-item .f-news-item-img{
		height:auto;	
		}
		
	.carousel-control.left{
	z-index:9;
	}	

	.f-album li .f-album-item-img:before {
	  background: url(../imgs/bg_top.png)no-repeat;
	  width: 276px;
	  height: 37px;
	  position: absolute;
	  top: 0px;
	  left: -8px;
	  content: '';
	  background-size: 219px;
	}	

	.f-album li .f-album-item-img:after {
	  background: url(../imgs/bgbottom.png)no-repeat;
	  width: 276px;
	  height: 37px;
	  position: absolute;
	  bottom: -10px;
	  left: -8px;
	  content: '';
	  background-size: 219px;
	}	

	.carousel-caption h1{
		font-size: 18px;
	}		

	 .titleblockproduct .f-block-body ul.f-block-news-menu>li{
		padding-right: 0px !important;
	}

	.main1 .titleblockproduct .f-block-news-menu {
		height: 505px;
		overflow: hidden;
	}

	.stlyeblocktitle{
		font-size: 16px !important
	}

	.titleblockproduct .f-block-title h2>span{
		font-size: 12px;
	}

	.sanphammoi{
		display: none;
	}

	.footerdelivery .block-bottom .f-block-body ul.f-block-news-menu>li{
		height: 138px;
	}	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.f-menutop .f-menutop-ul > li > a.firstlink{
		font-size:13px;
		padding: 0px 16px 0px 10px
	}
	.f-menutop .f-menutop-ul > li > a.firstlink:before{
		display: none
	}
	#myslide{
		height:auto;
	}
	
	.f-slider{
		height:auto;	
	}
	
	.introduce1 .f-news-bl:before {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/beforesp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 713px 24px;
	}
	
	.introduce1 .f-news-bl:after {
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  content: '';
	  background: url(../imgs/aftersp.png) no-repeat;
	  height: 24px;
	  width: 1060px;
	  background-size: 711px 24px;
	}
	
	.v2-hometab-news-small-img{
		height:auto;
		}	
		
	.f-news .f-news-item .f-news-item-img{
		height:auto;	
		}
		
	.f-center-module .f-center-title .nav-tabs a{
		}
		
	.header .news-top ul{
		display:none;	
		}	
		
	.carousel-control.left{
	z-index:99999999;
	}	
	
	.stylegotop{
		display:none;	
		}	


	.marginselect{
	margin-bottom: 15px;
	}

	.f-center-module .f-center-title .nav-tabs a h2{
		font-size: 12px;
	}

	.form-control{
		margin-bottom: 10px;
	}

	.sidebar{
	}

	.styleheadertop{
	}

	.floatleft{
		float: left;
	}

	.stylesearchbox{
		  position: absolute;
		  top: -6px;
		  right: -15px;
		  width: 100%;
	}

	.search-area .control-group{
	}

	.carousel-caption h1{
		font-size: 18px;
	}

	.danhmuctop{
		display: none
	}

	 .titleblockproduct .f-block-body ul.f-block-news-menu>li{
		padding-left: 10px !important;
		padding-right: 0px !important;
	}	

	.titleblockproduct .f-block-body ul.f-block-news-menu>li:before{
		display: none;
	}

	.sanphammoi{
		display: none;
	}

	.titleblockproduct {
	  position: relative;
	  margin-top: -63px;
	  z-index: 99;
	}

	.titleblockproduct h2{
		font-size: 10px;
	}

	.titleblockproduct .f-block-body {
	  margin-top: 46px;
	}

	.main1 .titleblockproduct .f-block-news-menu {
		height: 374px;
		overflow: hidden;
	}

	.hiddenblock{
		display: none;
	}

	.blocknoibat1{
		display: none;
	}

	.titleblockproduct .f-block-title h2>span{
		font-size: 10px;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li a{
		font-size: 10px;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li:hover .background-option-1{
		display: none !important;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li:hover .background-option-1{
		display: none !important;
	}

	.f-block .f-block-body ul.f-block-news-menu>li:hover>ul{
		display: none;
	}

	.footerdelivery .block-bottom .f-block-body ul.f-block-news-menu>li{
		height: 138px;
	}

	#logo{
		margin-top: 15px;
	}	

}
@media only screen and (max-width:1024px){
	.zoomWindow,.owl-buttons{
		display: none !important;
	}
	.zoomContainer{display:none;}
	.zoomWrapper{position:relative;width:100%;margin:auto;display:block;max-width: 100%;}
	.zoomWrapper:after{content:'';width:100%;height:100%;z-index:100;position:absolute;top:0;left:0;}
	iframe{
		width:100%;
	}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#button-contact-vr {
		bottom: 0;
		left: 0;
		right: 0;
	}

	#button-contact-vr #gom-all-in-one {
		display: flex;
		flex-direction: row-reverse;
	}

	#button-contact-vr .button-contact {
		flex: 0 0 20%;
		max-width: 20%;
		margin: 0;
	}

	#button-contact-vr #zalo-vr {
		background-color: #2196F3;
	}

	.phone-vr-circle-fill,.phone-vr-img-circle {
		animation: initial !important;
		border: none !important;
	}

	#button-contact-vr  #youtube-vr {
		background-color: #e60808;
	}

	#button-contact-vr  #messenger-vr {
		background: #c63fcc;
	}

	#button-contact-vr  #phone-vr {
		background-color: #e60808;
	}

	#button-contact-vr .button-contact .phone-vr {
		height: 66px;
		width: 100%;
	}

	.phone-vr-circle-fill {display: none;}

	.phone-vr-img-circle {
		top: 16px;
		left: 20px;
	}

	.phone-vr-img-circle img {
		max-width: 30px;
		max-height: 30px;
	}
	.f-product-view .f-product-view-tab .f-product-view-tab-header > ul {
		height: auto;
	}

	.f-product-view .f-product-view-tab .f-product-view-tab-header > ul li {
		margin: 0;
		float: none;
		width: 100%;
	}

	.f-product-view .f-product-view-tab .f-product-view-tab-header > ul li > a {
		width: 100%;
		display: block;
		text-align: center;
	}
	.f-product-view .f-product-view-info .f-product-view-info-detail .f-product-view-name h1 span {
		font-size: 18px;
		margin-bottom: 10px;
		display: block;
	}
	#gallery {
		margin-top: 15px;
	}
	.f-product-view .f-product-view-tab .f-product-view-tab-body .tab-content img ,.f-news-view-detail img{
		width: auto !important;
		height: auto !important;
		max-width: 100%;
	}
	.f-product-view .f-product-view-info .f-product-view-info-detail{
		margin-top: 30px;
	}
	.contact-row.login {
		display: none;
	}
	.v2-home-pr-item-img{
		height: 145px;
		overflow: hidden;
	}
	.v2-home-pr-item:hover .icon-hover, .v2-home-catepr-showul-item:hover .icon-hover {
		display: none;
	}

	.v2-home-pr-item-action {
		display: none;
	}
	.titleblockproduct .f-block-body{
		border: none
	}
	.f-block .f-block-body ul.f-block-news-menu>li a{
		color: #fff
	}
	.mobi_dmsp{
		    padding: 0px 4px;
	}
	.f-product-chooseview {
	    float: right;
	    padding: 0px 37px 0px 15px;
	}
	.show_t .f-block-body{
		background: #fff;
	    position: absolute;
	    right: 0px;
	    left: 2px;
	    top: 100%;
	    padding: 10px;
	    display: none;
	    min-width: 282px;
	}
	.show_t .titleblockproduct {
	    margin-top: 9px !important;
	    margin-bottom: 0px;
	}
	
	.f-menutop-name{
		margin-top:5px;	
		}
	#myslide{
		height:auto;
		}
		
	#myslide{
		height:auto;
		}
	.f-slider{
		height:auto	
		}
	.glyphicon-chevron-left:after {
	  background: url(../imgs/arrowright.png) no-repeat center;
	  width: 36px;
	  height: 72px;
	  top: -34px;
	  background-size: 20px;
	}
	
	.glyphicon-chevron-right:after {
	  background: url(../imgs/arrowright.png) no-repeat center;
	  width: 36px;
	  height: 72px;
	  top: -34px;
	  background-size: 20px;
	}		
	

	.styleheadertop{
		float:left	
		}
	#search-box .search-area .search-field {
	  margin-bottom: 0px;
	  height: 33px;
	}
	
	#search-box .input-group-btn {
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  width: 30px;
	  height: 30px;
	  /* line-height: 26px; */
	  text-align: center;
	  position: absolute;
	  right: 0px;
	  width: 33px;
	  height: 33px;
	  /* line-height: 26px; */
	  text-align: center;
	}
	
	.styleheadertop ul {
	  float: right;
	}
	
	.f-menutop > .f-menutop-ul{
		background: #31353D;
		}
		
	#myslide {
	  height: auto;
	}
	
	.f-menutop > .f-menutop-ul{
		display:none;
		}
		
		
		.f-miniCart-miniv2-toolbar{
			}
		.f-menutop-name {
		  margin-top: 5px;
		  position: fixed;
		  top: 0px;
		  right: 0px;
		  cursor:pointer;
		  
		}
		
		.f-menutop-ul{
			  position: fixed !important;
			  top: 45px;
			  right: 0px;
			}
			
			
				
			#logo{
				margin-top:0px !important;
				}
				
			.header .f-menutop{
				height:auto
				}	
				
					#myslide{
			height:auto;
			}
			
		.f-slider{
			height:auto;	
			}
			
	.introduce1 .f-news-bl:before {
		display:none 
	}
	
	.introduce1 .f-news-bl:after {
	 	display:none;
	}
	
	.introduce1 .f-news-bl{
		  background: none;
		  border: 2px solid #9a7b12;
		  border-radius: 10px;
		  background-color: white;
		}		
		
	.introduce1 .f-news-bl{
		height:auto	
		}			
		
		.f-news .f-news-item .f-news-item-img img{
			width:100%;	
			}	
			
			.v2-hometab-news-big li.smallother .v2-hometab-news-big-img img{
				width:100%;
				}
				
			.v2-hometab-news-small-img img{
				width:100%;
				}
				
			.f-pr-tab-home-cate li{
				float:none !important;
				width:100%;
				border-bottom:1px solid #dddddd;
				position:relative;
				z-index:999999999999;
				}	
				
			.f-pr-tab-home-cate li a{
				padding-left:0px;
				padding-right:0px;
				margin-left:0px;
				}				
				
			.f-center-module .f-center-title .nav-tabs{
				width:100%;	
				}
				
			.f-video{
				
				}	
				
			.v2-hometab-news > .row{
					
				}
			.v2-hometab-news-vip .row{
				margin-left:0px;
				margin-right:0px;		
				}
				
			.f-ctn-center .row{
				
				}	
				
			.f-center-module .f-center-title .nav-tabs{
				margin-left:10px;
				}
				
			.v2-hometab-news-smalltype{
				margin-left:10px;		
				}		
				
			.v2-hometab-news-small-sum {
			  font-size: 13px;
			  text-align: justify;
			  height: 56px;
			  overflow: hidden;
			}	
			
			.btn-left {
			
			}	
			
		
		
		.btn-right{
			
			}	
			
		.styleheadertop{
			}
			
		.f-menutop-name{
		background-color:white !important;
		background:none;
		width:100%;
		margin-top:0px;
		border:none;


		}
		
	.f-menutop-name:before{
		  top: 0px;
		  right: 7px;
		  cursor: pointer;
		  margin-top: 0px;
		  background: url(../imgs/menu1.png) no-repeat center 3px;
		  height: 32px;
		  width: 32px;
		  content: '';
		  position:absolute
		}
		
	.f-menutop .f-menutop-ul > li > a.firstlink span{
		color:white;	
		}
		
	.f-menutop > .f-menutop-ul {
	   background: black;
  	   width: 50%;	
	}		
	
	.f-menutop > .f-menutop-ul > li{
		display:block;
		}
		
	.f-menutop-ul {
	  position: fixed !important;
	  top: 35px;
	  right: 0px;
	}
	
	.menuduoi .f-menutop > .f-menutop-ul > li {
	  background: none;
	  border-bottom: 1px solid rgba(255,255,255,0.7);
	  border-radius: 0px;
	  /* margin-left: 0px; */
	}	
	
	.f-menutop > .f-menutop-ul {
	  
	  border-radius: 0px;
	  padding:10px 0px;
	  padding-bottom: 0px;
	  padding-top: 0px;
	}	
	
	.f-menutop-name{
		border-radius:0px;	
		}
		
	.menuduoi .f-menutop > .f-menutop-ul > li:last-child{
		border-bottom:none;	
		}
		
	.header .news-top ul{
		display:none;	
		}
		
	.f-menutop > .f-menutop-ul{
		border-top:1px solid rgba(255,255,255,1);
		}	
		
	.f-menutop-name{
		box-shadow:none;
		z-index: 9;	
		}
		
	.f-menutop > .f-menutop-ul{
		z-index:9999999999999999999;	
		}	
		
	.carousel-control.left{
	z-index:9;
	}
	
	.stylegotop{
		display:none !important;	
		}		

	.f-album li .f-album-item-img:after{
		display: none;
	}	

	.f-album li .f-album-item-img:before{
		display: none;
	}	

	.f-album li .f-album-item-img{
		background: none;
	}

	.top-menu-backgroud{
		position: inherit !important;
		top: 0px !important;
		left: 0px !important;
		visibility: visible !important;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		z-index: 9;
		display: none;
	}

	.f-menutop > .f-menutop-ul > li{
		height: auto !important;
	}

	.hidetienich{
		display: none;
	}

	.sidebar{
		display: none;
	}

	.header-top-top{
		margin-top: 60px;
	}

	.stylelogo{
		  position: absolute;
		  /* top: -30px; */
		  z-index: 9;
		  left: 5px;
		  top: -52px;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  margin: auto;
	}

	#logo img{
		margin:0 auto
	}

	.search-area .control-group{
		float: right;
	}

	.header-top-top {
	  padding: 6px 0px;
	}

	.stylesearchbox{
		  position: absolute;
		  top: -5px;
		  right: 18px;
	}

	.headerbottom1{
  	padding: 0px 0px;
	}

	.f-menutop .f-menutop-ul > li > a.firstlink:before {
	  display: none;
	}

	.f-menutop > .f-menutop-ul > li{
		margin-right: 0px;
	}	

	.f-menutop .f-menutop-ul > li > a.firstlink:hover {
	  background: none;	  
	}

	.f-miniCart-miniv2{
		z-index: 9;
	}

	#search-box .input-group-btn i{
		color: white;
	}

	.fixed1{
	  position: inherit;
	  width: auto;
	  background: white;
	  top: auto;
	  z-index: 9999;	
	}

	.carousel-caption h1{
		font-size: 20px;
		margin: 10px 0px;
	}

	.readdetail {
		display: none;
	}

	.danhmuctop{
		display: none
	}

	.main1 .titleblockproduct .f-block-news-menu {
		position: fixed;
		top: 0px;
		left: -100%;
		background: #333333;
		height: 100%;
	}

	

	.titleblockproduct .f-block-body ul.f-block-news-menu>li{
		  border-bottom: 1px solid #444;
		    padding-left: 20px;
		  padding-right: 40px;
		  padding-top: 3px;
		  padding-bottom: 3px;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li:before{
		display: none;
	}

	.titleblockproduct h2 span{
		display: none;
	}

	.titleblockproduct .f-block-body{
		
	}

	.titleblockproduct h2:before {
	  position: absolute;
	  top: -17px;
	  left: -18px;
	  content: '';
	  background: black url(../imgs/iconcategory.png)no-repeat center center;
	  width: 43px;
	  height: 43px;
	}

	.backgroundrow {
	  background: white;
	  padding: 5px 5px 5px 8px;
	  border: 1px solid #ddd;
	}

	.header-top-top{
		border-bottom: none;
	}
	.search-basic{
		width: 96px !important
	}
	.buttonsearch{
		width: 43px !important;
		height: 43px !important;
		top:-5px !important;
		right: 9px !important;
	}

	.f-menutop-name{
		display: none;
	}

	.slide1{
		display: none !important;
	}

	.hiddenblock{
		display: none;
	}

	.danhmuc-top{
		display: none;
	}

	

	.floatmenu{
		transition:all 0.2s !important;
		left: 0px !important; 
	}

	.pull-right1{
		position: absolute !important;
		left: 285px !important;
		transition:all 0.3s !important;		
	}

	.wrapper{
		position: absolute;
		left: 0px;
		transition:all 0.3s;
	}

	.titleblockproduct h2{
		cursor: pointer;
	}

	.blocknoibat1{
		display: none;
	}

	.v2-pr-item-img{
		height: 217px;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li>.background-option-1{
		display: none !important;
	}

	.titleblockproduct .f-block-body ul.f-block-news-menu>li:hover .background-option-1{
		display: none !important;
	}

	.f-block .f-block-body ul.f-block-news-menu>li:hover>ul{
		display: none;
	}

	.header{
		background: none;
	}

	.headerbottom1{
		height: 50px;
	}

	.footerdelivery{
		display: none;
	}

	.viewlist .v2-home-pr-item-img{
		width: 35%;
	}

	.viewlist .f-pr-item-boxdetail{
		width: 65%;
	}	

}


/* Portrait tablets and small desktops */
@media (min-width: 546px) and (max-width: 650px) {
	.v2-hometab-news .f-news-item-title h3{
		font-size: 21px;
	}

	.date-new{
		display: none;
	}

	.f-news-item-title{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 481px) and (max-width: 545px) {
	.styletag span a:before{
		display: none;
	}

	.styletag span a:after{
		display: none;
	}

	.styletag span a{
		  padding: 5px 8px;
  		  font-size: 11px;
	}

	.v2-hometab-news .f-news-item-title h3{
		font-size: 18px;
	}

	.date-new{
		display: none;
	}

	.f-news-item-title{
		padding-left: 20px;
		padding-right: 20px;
	}




}


/* Landscape phones and smaller */
@media (max-width: 480px) {
	.f-footer ul.f-footer-nav li{
		width:50%;
		padding: 0px 5px
		}		
	.f-footer ul.f-footer-nav li ul li a{
		font-size:11px;
		}
		
		.f-news .f-news-item .f-news-item-img{
			height:auto;
			}
			
			.v2-hometab-news-small-img{
				height:auto
				}	
				
			.video-container {
			  position: relative;
			  padding-bottom: 56.25%;
			  padding-top: 30px;
			  overflow: hidden;
			  height: 300px;
			}	
			
		.danhmucsanpham .f-block-title span{
				font-size:20px;
			}
			
		.f-video-tab-home li a{
			font-size:20px;
			}	

		.f-news-item-title{
			padding-left: 10px;
			padding-right: 10px;
		}		

			.styletag span a:before{
			display: none;
		}

		.styletag span a:after{
			display: none;
		}

		.v2-hometab-news .paddingclear3{
			width: 100%;
			margin-bottom: 20px;
		}		

		.date-new{
			display: none;
		}

		.carousel-caption h1{
			display: none;
		}

		.stylelogo{
			
		}

		.v2-tabhome .v2-tabhome-title .v2-tabhome-name span{
			font-size: 14px;
		}

		.newspage .f-news-page-item {
			width: 100% !important;
		}

		.newspage .f-news-page-item-img img {
			width: 100% !important;
		}

		.v2-tabhome .v2-tabhome-title .v2-tabhome-name h2 span{
			font-size: 13px;
		}

		.v2-home-catepr-title h2 > a span{
			font-size: 13px;
		}

		.v2-tab-home-ul li a{
			font-size: 12px;
		}

		.f-video-tab-home li a{
			font-size: 13px;
		}

		.f-center-module .f-center-title span{
			font-size: 13px;
		}

		.f-center-title h2 a{
			font-size: 13px;
		}

		.v2-hometab-news-smalltype{
			font-size: 13px;
		}

		#logo{
			margin-top: -10px !important;
		}

		.viewlist .v2-home-pr-item-img{
			width: 100%;
		}

		.viewlist .f-pr-item-boxdetail{
			width: 100%;
		}

		.viewlist .f-pr-item-boxdetail{
			text-align: center;
		}

		.viewlist .v2-home-pr-item-price-gr{
			text-align: center;
		}

		.viewlist .f-pr-item-old-price, .v2-pr-item-price-old{
			text-align: center;
		}

		.viewlist .descriptionproduct{
			text-align: center;
		}

		.viewlist .v2-pr-item-saleof{
			top: 10px;
			right: 10px;
		}

		.viewlist .v2-home-pr-item-action {
		text-align: center;
		}

		.productrelate .viewlist .v2-home-pr-item-action{
			text-align: center;
		}

}