@charset "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-left: 40px !important;
		padding-right: 0px !important;
	}

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

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

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

	.sanphammoi{
		display: none;
	}

	#search-box{
		width: 100%;
	}

	.headerbottom1{
		height: auto;
	}

	.positionstatic{
		border-top: 1px solid;
    	border-bottom: 1px solid;
	}	

	.headerbottom1 > .row{
		padding-left: 15px;
		padding-right: 15px;
	}

	.header .f-menutop{
		display: inline-block;
	}

	.headder-bottom{
		text-align: center;
	}

	.styleheadertop{
		text-align: center;
	}

	#search-box{
		width: 50%;
		display: inline-block;
		float: none;
	}

	.stylesearchbox{
		text-align: center;
	}

	.styleheadertop{
		display: inline-block;
	}

	.stylelogo{
		text-align: center;
	}

	.danhmuc-top .f-block-body ul.f-block-news-menu>li a{
		font-size: 27px !important;
	}

	.stylelogo1 {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 500px;
	    height: 500px;
	    margin-left: -250px;
	    margin-top: -250px;
	}

	.v2-home-pr-item-img{
		height: 162px
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.f-menutop .f-menutop-ul > li > a.firstlink{
		font-size:13px;
		}
		
			#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{
		 
	}

	.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: 364px;
		overflow: hidden;
	}

	.hiddenblock{
		display: none;
	}

	.blocknoibat1{
		display: none;
	}

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

	.headerbottom1{
		height: auto;
	}

	.positionstatic{
		border-top: 1px solid;
    	border-bottom: 1px solid;
	}	

	.headerbottom1 > .row{
		padding-left: 15px;
		padding-right: 15px;
	}

	.header .f-menutop{
		display: inline-block;
	}

	.headder-bottom{
		text-align: center;
	}

	.styleheadertop{
		text-align: center;
	}

	#search-box{
		width: 50%;
		display: inline-block;
		float: none;
	}

	.stylesearchbox{
		text-align: center;
	}

	.styleheadertop{
		display: inline-block;
	}

	.stylelogo{
		text-align: center;
	}

	.danhmuc-top .f-block-body ul.f-block-news-menu>li a{
		font-size: 27px !important;
	}

	.stylelogo1 {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 500px;
	    height: 500px;
	    margin-left: -250px;
	    margin-top: -250px;
	}

	.blockleft .f-block-body ul.f-block-news-menu>li .blocklefttitle>a{
		font-size: 27px;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	
		
	
	.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;
		float: none;
	    display: inline-block;
	    text-align: center;	
		}
	#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{
		width:100%;
		margin-top:0px;
		border:none;
		}
		
	.f-menutop-name:before{
		  		}

	.f-menutop-name span{
		display: none;
	}	  		
		
	.f-menutop .f-menutop-ul > li > a.firstlink span{
		color:white;	
		}
		
	.f-menutop > .f-menutop-ul {
	   background: rgba(0,0,0,0.8);
  	   width: 100%;
  	   top: 67px;	
	}		
	
	.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;	
		}

		.f-menutop-name i{
			font-size: 23px;
	    line-height: 43px;
	    position: absolute;
	    top: 45px;
	    right: 9px;
	    background-color: white;
	    width: 20px;
	    height: 20px;
	    border-radius: 5px;
	    line-height: 20px;
	    text-align: center;
	    font-size: 16px;
	    color: black;
		}
		
	.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:9;	
		}	
		
	.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: 40px;
	}

	.stylelogo{
		  
	}

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

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

	.stylesearchbox{
		  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;
		border-bottom: 1px solid;
    	border-radius: 0px;
	}	

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

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

	#search-box .input-group-btn i{
		
	}

	.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
	}

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

	.titleblockproduct .f-block-news-menu a {
		color: white !important;
	}

	.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{
		border: none;
	}

	.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;
	}

	.buttonsearch{
		width: 43px !important;
		height: 43px !important;
		top:-5px !important;
		right: -5px !important;
	}

	.f-menutop-name{
		
	}

	.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: 188px !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;
	}

	.stylelogo{
		text-align: center;
	}

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

	.headerbottom1{
		height: auto;
	}

	#search-box{
		    position: relative;
	    z-index: 10;
	    cursor: pointer;
	    float: right;
	    width: 55%;
	    float: none;
	    display: inline-block;
	}

	.stylesearchbox{
		text-align: center;
		top: 0px;
		right: 0px;
		position: static;
	}

	.positionstatic{
		border-top: 1px solid;
    	border-bottom: 1px solid;
	}

	.content-footer .f-menutop-ul {
		display: none !important;
	}

	.viewlist .v2-home-pr-item-img{
	height: 147px;
	}

	.positionstatic{
		border-top: 1px solid rgba(255,255,255,.3);
		border-bottom: none;
	}

	.main1 .blockleft .f-block-body ul.f-block-news-menu>li .blocklefttitle .readmore a{
			font-size: 13px
		}

	.carousel-control.right{
		display: none;
	}

	.carousel-control.left{
		display: none;
	}

	.stylelogo1 {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 200px;
	    height: 200px;
	    margin-left: -100px;
	    margin-top: -100px;
	}		

}


/* 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%;
		}		
	.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;
			padding: 0px;
		}

		.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;
		}

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

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

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

		.buttonsearch{
			display: none;
		}

		.carousel-control.right{
			z-index: 20
		}

		.slidetop{
			margin-top: 71px;
		}



}