/**

* Author: Mr.Thuan

*/

/* layout */

*::-moz-selection {

    background: none repeat scroll 0% 0% #EEA330;

    color: #FFF;

}

*::-webkit-selection {

    background: none repeat scroll 0% 0% #EEA330;

    color: #FFF;

}

*::-ms-selection {

    background: none repeat scroll 0% 0% #EEA330;

    color: #FFF;

}

*::-o-selection {

    background: none repeat scroll 0% 0% #EEA330;

    color: #FFF;

}



/* [+] Scroll to top */

.scrollup {

	z-index:9999;

	width: 40px;

	height: 40px;

	position: fixed;

	bottom: 20px;

	right: 20px;

	display: none;

	background-color: #00AEEF;

	border-radius:50%;

	color: white;

	font-size: 20px !important;

	text-align: center;

	line-height: 38px !important;

	transition: all 0.2s ease-in-out 0s;

}

.scrollup:hover,

.scrollup:focus,

.scrollup:active{

	background-color:#147FB7;

	color:white;

}

.layover.search{display:none;}

.block767{display:none !important;}

.none{display:none !important;}



.swiper-slide img{height: 346px}



/* Responsive @media */

@media (max-width:767px)

{

    ul.list-cates  li.h-cate-item.sml-cate:hover  ul{

            display: block!important;

    }



	.box-product .info-product {

    	height: 115px; 

	}



	a.mm-next{

		background: rgba(3, 2, 1, 0);

	    width: 50px;

	    padding: 0;

	    position: absolute;

	    right: 0;

	    top: 0;

	    bottom: 0;

	    z-index: 2;



	}



.list-cates > li.h-cate-item.sml-cate > a:before{content: "";}

.animated-header{

	-webkit-animation-duration: 0s;

	-moz-animation-duration: 0s;

	-o-animation-duration: 0s;

	animation-duration: 0s;

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both;

}

.banner{height: 100%}

.swiper-slide img{height: 346px}



.container{}

.box{overflow:inherit;}

.block767{display:block !important;}

.none767{display:none !important;}

	

	body{font-size:16px;line-height:26px;}

	.payment-footer ul li span b{font-size:14px;line-height:22px;}

	

	.top-header, .bottom-header .search, .bottom-header .login-cart, .line-title-web{display:none;}

	.dropdown-cates{display:none;}

	.make-left.active .dropdown-cates{display:block;}	

	.bottom-header .logo{position:relative;height:68px;box-shadow:none;top:0;width:110px}

	.bottom-header .logo a{padding-bottom:68px;}

	.bottom-header .logo a img{margin:0;}

	

	.box-product, .right-page .box-product, .left-hot-product .box-product{width:calc(33.3333% - 20px)}

	.detail-sp .left-detail, .detail-sp .right-detail{width:100%;float:none;clear:both;margin:0}

	.sitemap{

		right: 0 !important;

		left: 0 !important;

		padding-left: 0px !important;

		position: relative;

	}

	.sitemap ol{padding:10px 5px;}

	

	.left-page{width: 100%;padding: 0 10px;margin: 0 !important;}

	.detail-sp .left-hot-product, .left-hot-product{margin-top:10px;overflow:auto;padding:0px;}

	.left-hot-product h3{padding:10px 10px 0px 10px;}

	

	/*** Detail sp ***/

	.slider-detail .swiper-slide{width:100%;}	

	.left-hot-product .box-product{float:left;margin:0 10px 20px 10px;}

	/*** Detail sp ***/

	

	.sub-page img{max-width:100%;max-height:100%;}

		

	#layout_footer_wrapper{overflow:hidden;padding-top:10px;}

	.layout_footer{margin-bottom:20px;}

	.container{padding:0px;}

	.row{margin:0px;}

	.col-xs-12{padding:0px;}

	.right-page{padding-right:10px !important;width: 100%;padding-left:10px !important;}

	.banner{margin-right:0px;}

	.hot-news{position:relative;width:100%;right:0;top:0;margin:15px 0 0 0;}

	.title-web{margin:15px 43px 15px 10px !important;display:block;}

	

	.wrap-categories{display:none;}

	.bottom-header{

		position: fixed;

		left: 0;

		width:100%;

		top:0;

		height:68px;

		z-index: 1000;

	}

	#layout_body_wrapper{margin-top:68px;}

	/** Icon Header **/

	.block767.danhmuc-mobile{

		position: absolute;

		right: 10px;

		top: 50%;

		font-size: 24px;

	    color: #D72027;

    	background: white;

		padding: 5px 10px;

		border-radius: 4px;

		margin-top: -18px;

		cursor:pointer;

	}

	.block767.search-mobile{

		position: absolute;

		right: 70px;

		top: 50%;

		font-size: 24px;

		padding: 5px 10px;

		border-radius: 4px;

		margin-top: -18px;		

		cursor:pointer;

		color: #777777;

	}

	.block767.search-user{

		position: absolute;

		right: 125px;

		top: 50%;

		font-size: 24px;

		padding: 5px 10px;

		border-radius: 4px;

		margin-top: -18px;	

		cursor:pointer;

		color: #777777;

	}

	.block767.danhmuc-mobile:hover, .block767.search-mobile:hover, .block767.search-user:hover{outline:0;}

	

	

		

	.body_search_mobile{}

	.body_search_mobile .search{

		display: block;

		position: fixed;

		left: 0 !important;

		right: 0 !important;

		top: 68px;

		width:100% !important;

	}

	.body_search_mobile  .block767.search-mobile:before{

		content: "";

		position: fixed;

		z-index: -1;

		left: 0;

		width: 100%;

		top: 68px;

		background: rgba(0,0,0,.6);

		height: 100vh;

	}

	.body_search_mobile .search input{padding:0 15px; padding-left: 98px;}

	

	

	.body_user_mobile .login-cart{

		display: block;

		background: white;

		z-index: 1000;

		position: fixed;

		right: 0;

		top: 68px;

		margin: 0;

		width: 230px;

	}

	.body_user_mobile .login-cart:before{

		content: "";

		width: 0;

		height: 0;

		border-left: 10px solid transparent;

		border-right: 10px solid transparent;

		border-bottom: 10px solid white;

		position: absolute;

		top: -9px;

		left: 76px;

	}

	.body_user_mobile .block767.search-user:before{

		content: "";

		position: fixed;

		z-index: 0;

		left: 0;

		width: 100%;

		top: 0;

		background: rgba(0,0,0,.6);

		height: 100vh;

	}

	.body_user_mobile .login-cart li{

		width: 100%;

		border-right: 0 none;

		border-bottom: 1px solid #eceded;

		padding: 8px 10px;

		margin: 0;

	}

	.body_user_mobile  .login-cart li a b{line-height:18px;}

	.body_user_mobile .login-cart li i{margin-right:10px;}

	.body_user_mobile .login-cart li.language-header a:nth-of-type(1){padding-left: 34px;height: 22px;background: url("../images/en-lan.png") no-repeat left center;}	

	.body_user_mobile .login-cart li.language-header a:nth-of-type(2){padding-left: 34px;height: 22px;background: url("../images/vi-lan.png") no-repeat left center;}	

	.body_user_mobile .login-cart li.language-header a:not(.active){display:none;}

	.body_user_mobile  .login-cart li .icon-cart span.block767{

		position: relative;

		padding-left: 66px;

		width: 100%;

		top: 0;

		color: #313131;

		white-space: nowrap;

		line-height: 54px;

	}

	

	.sub-categories{}

	.right-page .full-page{margin-top:0px;}

}

@media (min-width:1200px){

	.sticky .wrap-categories{margin-left: -445px !important;}

}





@media (min-width:992px) and (max-width:1199px){

	.sticky .wrap-categories{margin-left: -335px !important;}



}

@media (min-width:768px) and (max-width:902px){

	.sticky .wrap-categories{margin-left: -290px !important;}

        li.language-header{display: none}

}

@media (min-width: 903px) and (max-width:991px){

	.sticky .wrap-categories{margin-left: -297px !important;}

	.sticky .icon-login{}

}

@media (min-width:768px) and (max-width:991px){

	

	.box-product{width:calc(25% - 20px)}

	.right-page .box-product{width:calc(33.3333% - 20px)}

	

	.detail-sp .left-detail, .detail-sp .right-detail{width:100%;float:none;clear:both;margin:0}

	

	.payment-footer ul li{width:calc(25% - 10px);margin-left:0px;}

	.payment-footer ul li:last-child{margin-left:0px;width:100%;}

	.detail-content .adr.tabs li{padding:0;width:33.3333%}

	.detail-content .adr.tabs li a{font-size:15px;}

	

	.bottom-header .search{left:170px;right:230px;}

	.top-header ul li{margin-left:3px;}

	

	.layout_footer .col-sm-7{width:50%;}

	.layout_footer .col-sm-2{width:25%;}

	.layout_footer .col-sm-3{width:25%;}

}

@media (min-width:600px) and (max-width:767px){



	.box-product, .right-page .box-product, .left-hot-product .box-product{width:calc(25% - 20px)}

	

	.payment-footer ul li{width:calc(33.3333% - 10px);margin-left:0px;min-height:70px;}

	.payment-footer ul li:last-child{margin-left:0px;}

	.detail-content .adr.tabs li{padding:0;width:33.3333%}

	.detail-content .adr.tabs li a{font-size:15px;}

	

	.bottom-header .search{left:170px;right:230px;}

	.top-header ul li{margin-left:3px;}

}

@media (min-width:451px) and (max-width:599px){

	.payment-footer ul li{width:calc(50% - 10px);margin-left:0px;min-height:65px;}

	.payment-footer ul li:last-child{margin-left:0px;}

	

	.detail-content .adr.tabs{border-bottom:0 none;}

	.detail-content .adr.tabs li{width: 100%;float: none;background: #ededed;margin-bottom: 5px;border: 1px solid #ddd;}	

	.detail-content .adr.tabs li.active{background: #c1c1c1;}

	

	.form-contact .half-form{width:100%;}

}

@media (min-width:240px) and (max-width:450px){

	.box-product, .right-page .box-product, .left-hot-product .box-product{width:calc(50% - 20px)}

	

	.detail-content .adr.tabs{border-bottom:0 none;}

	.detail-content .adr.tabs li{width: 100%;float: none;background: #ededed;margin-bottom: 5px;border: 1px solid #ddd;}	

	.detail-content .adr.tabs li.active{background: #c1c1c1;}

	

	.payment-footer ul li{width:calc(100% - 10px);margin-left:0px;min-height:65px;}

	.payment-footer ul li:last-child span:before{display:block;}

	.payment-footer ul li:last-child{margin-left:0px;}

	.form-contact .half-form{width:100%;}

}

@media (min-width:768px){	

	.sticky .bottom-header{position:fixed;left:0;right:0;top:0;z-index:100000;}

	.sticky .logo{

		top: 0;

		height: 80px;

		border-radius: 0px;

		box-shadow: none;

		width:110px;

	}

/*	.sticky .bottom-header .search{left:190px;}*/



	.sticky .logo a{padding-bottom:80px;}

	.sticky .wrap-categories{

		left: 54.5%;

		margin: 0px 0 0 -235px;

		width: 50px !important;

		display: block;

		position: fixed;

		top: 20px;

		z-index: 1000000;

	}

	.sticky .wrap-categories .lbl-lst-cates{

		text-indent: -9999px;

		height: 42px;

		line-height: 42px;

	}

	.sticky .dropdown-cates{display:none;}

	.sticky .wrap-categories:hover .dropdown-cates{display:block;}

/* 	.line3, .icon.iAD2{display: none} */

	li.h-cate-item.sml-cate > a, .parent-cate {

	    position: relative;

	    border-left: 1px solid #f1f1f1;

		border-right: 1px solid #f1f1f1;

		border-bottom: 1px solid #f1f1f1;

	    padding-left: 15px;

	    display: block;

	    height: 34px;

	    line-height: 34px;

	    color: #555;

	    text-decoration: none;

	  

	}

	.list-cates > li.h-cate-item.sml-cate > a:before {

	    content: "\f105";

	    font-family: FontAwesome;

	    font-size: 15px;

	    float: right;

	    display: block;

	    margin-top: -9px;

	    margin-right: 10px;

	    top: 18px;

	    right: 5px;

	    line-height: 1;

	    position: absolute;

	}

}