@font-face {
	font-family:'OpenSansR';
	src: url(../fonts/OpenSans-Regular.ttf);
}
:root {
	--trans: all 350ms ease-in-out;
}

html,body,.navbar-brand{
  font-family:'OpenSansR'!important;
}
body{
	transition:var(--trans);
}

.left-menu{
	margin:5px 0;
}
.logo img{
	height:70px;
	transition: all 0.6s ease-out;
}

.mota-new-arrival{
	text-align:justify;
	min-height:63px;
}
.mota-new-arrival p{
	text-align:justify;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pagination-sm .page-link{
	padding: 0.3rem 0.6rem;
}
.Swiper_spct2 .Swiper_sp_hot_img{
	height:450px!important;
	width:100%;
	object-fit:cover;
}
.Swiper_spct img{
	width:100px;
	height:100px;
	object-fit:cover;
	cursor:pointer;
}
.product-name-p a{
	color:#333
}
.main-spct{
	width:73%;
}
.main-spct .left-sanpham-chitiet{
    width:calc(60% - 20px);
    margin:0 10px;
    float:left;
}
.main-spct .right-sanpham-chitiet{
   width:calc(40% - 20px);
    margin:0 10px;
    float:right;
}

.main-spct .div-noidung-nhanxet{
	width:calc(100% - 10px);
	margin:10px 10px;
}
.menui-1 a{
	font-weight:600;
}
.wrap-danhmuc-video{
	position:relative;
}
.menui-1 a{
   position:relative;
   padding-left:10px;  
}
.menui-1 a:after{
	position:absolute;
	width:5px;
	height:5px;
	background:#333;
	content:'';
	left:0;
	top:7px;
}
.pagination-cus{
	margin:30px 0 15px 0;
	display:flex;
	justify-content:flex-end;
}
.link1{
	text-align:center;
}
.chitiet_sp_hot_thongso{
	width:100%!important;
}
.form-search-nav{
	 width:180px;
	 max-width:200px;
	 color:#fff;
}
.form-search-nav-mobile input{
	background:none;
	color:#333!important;
}
.btn-search{
	outline:none!important;
	background:#fff!important;
	z-index:999;
	box-shadow:none!important;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin:0;
	top:4px;
	right:5px;
	width:30px!important;
	height:30px!important;
}
.btn-search i{
	 position:relative;
}
.left-sanpham-chitiet{
	position:relative;
}
.zoom{
  position:absolute;
  width:450px;
  height:450px;
  left:100%;
  top:0;
  z-index:-1;
  background:#fff;
  
} 
.left-sanpham-chitiet:hover .zoom{
	border:1px solid #ccc;
	z-index:9;
	padding:5px;
}
.left-sanpham-chitiet .Swiper_sp_hot_img{
	cursor:pointer;
}

.ten-blog a{
	-webkit-line-clamp:2;
	height:54px;
}

.header-t .container{
	max-width:1350px;
}
.navbar-brand{
	padding-top:16pxpx;
}
.navbar-light .navbar-nav .nav-link{
	padding-top:25px;
}
.dropdown-menu1 > .dropdown-item{
	font-size:14px;
}
.dropdown-menu{
	min-width:240px;
}
.view__allHome{
	text-align:center;
	margin:10px 0;
	font-size:15px;

}
.view__allHome a{
	display:inline-block;
	padding:5px 10px 0 10px;
	position:relative;
	text-transform:uppercase;
	display:inline-block;
	color:#ff0000;
}
.view__allHome a:after{
	position:absolute;
	width:calc(100% - 20px);
	height:1px;
	content:'';
	background:#ff0000;
	left:10px;
	bottom:0;
}

.link1{
	text-align:left;
}
#bgr-blog{
	padding:50px 0 50px 0;
}
.link1 a{
	color:#ff0000;
}
.div-img-blog img{
	object-fit:cover;
}
.d-search-frm{
	display:block;
	width:100%;
	max-width:100%
}
.add-cart-body{
	opacity: 1;
}
.chitiet_sp_hot_title{
	-webkit-line-clamp: 7;
	font-size:20px;
	min-height:60px;
	font-family:'OpenSansR';
	line-height:28px;
}
.Swiper_spct .swiper-slide-thumb-active img{
     border:1px solid #cd1717;
}
.product-content{
	padding:30px 0;
}
.product-content .tab_sanpham .nav-item .nav-link{
	border-radius: 0 0;
}
.product-content .tab_sanpham .nav-link.active,.product-content .tab_sanpham .show > .nav-link{
    background-color:#cd1717;
    color: #fff;
}
.div-news{
	left:-5px;
	max-height:90px;
}
.div-best{
	left:-5px;
}
.product-content .nav-item{
	max-width:200px
}
.product-content .chitiet_sp{
	padding:30px 15px
}
.div-img-new-arrival{
	overflow:hidden;
}
.div-img-new-arrival img{
	transition: all 1s ease-out;
    transform: scale(1);
}
.div-img-new-arrival:hover img{
	transform: scale(1.1);
}
.product-name h6 a{
	color:#333;
	font-size:14px;
}
.shopping-summery table tbody tr img{
	max-width:70px;
	border-radius:5px;
}
.logo__m{
	width:100%;
}

.navbar-toggle {
    position: relative;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height:2px;
    border-radius: 1px;
	margin-bottom:4px
}
.menu-mobi button{
	padding:5px 6px 2px 6px;
}

.add-cart-body{
	display:flex;
	justify-content:space-between;
	background-color:transparent;
}

.b__action{
	width: 48%;
    font-weight: normal;
	color: #051A8F;
    background: #fff;
    border-color: #051A8F !important;
	border-radius: 10px;
    text-transform: uppercase;
    padding: 7px 6px;
    font-weight: bold;
    color: #222222;
    background: none;
    border: solid 1px #bbb;
    transition: all 0.3s;
    font-size: 13px;
	font-weight:400;
}

.b__addcart{
	color: #fff!important;
    background: #051A8F!important;
    border-color: #051A8F!important;
}
.b__chitiet{
	color:#333!important;
}
.b__chitiet:hover{
	color: #fff!important;
    background: #051A8F!important;
    border-color: #051A8F!important;
}
.name-new-arrival a{
	color:#051A8F;	
	font-weight:600;
}
.text-why-ausavina,.text-categories,.text-new-arrival,.text-blog{
	font-weight:600;
}
.ten-video{
	padding:0 15px;
	height:42px;

	font-size: 14px;
    color: #000;
    font-weight:500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

}

.div-best{
	max-height:80px;
}
.div-best img,.div-news img{
	max-height:80px;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link{
	color:#ff0000;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color:#ff0000;
}
.name-new-arrival:hover a{
	color:#ff0000;
}
.p_gotoCart{
	position:fixed;
	top:15px;
	right:5px;
	
	z-index:9999;
}
.p_gotoCart img{
	height:25px;
	outline:none;
}
.p_gotoCart a{
	position:relative;
	display:block;
	text-decoration:none;
	cursor: pointer;
	outline:none;
}
.p_gotoCart a span{
	position:absolute;
	top:-10px;
	right:0px;
	font-size:13px;
	color:red;
}
.header-t{
	box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
	background-color:#fff;
	transition: all 0.6s ease-out;
}
.header-t.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}

.header-t.fixed .logo img{
	height:50px;
}

.nav-item1 a:hover{
	color:red!important;
}
.p_gotoCart1 a img{
   height:35px;
   display:none;
}
.p_gotoCart1 .t_num{
	display:none;
}

.body {
    padding-top:0;
}
.m__menu991{
	display:none;
}

.clearfix{
	clear:both;
}

.name-why-ausavina{
	max-width:225px;
}


@media screen and (max-width:1300px) {
	 .logo img{
         height:60px;
	 }
}
@media screen and (max-width:1200px) {
   .center-menu{
		display:none;
	}
		.m__menu991{
		display:block;
	}
	.m__menu991{
		width:50px;
	}
	.btn-search-mobile1{
		padding:3px 3px;
		margin:0 0;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
	}
	.div-menu{
		flex-direction:column;
	}
	.right-menu{
		display:flex;
		justify-content:space-between;
		width:100%;
		align-items:center;
	}
	.header-t{
		position:relative!important;
	}
}
@media screen and (max-width:991px) {

	.div-img-banner-id img{
		 height:240px;
		 object-fit:contain;
	}

	.main-spct{
		width:100%;
	}
	.zoom{
		display:none;
	}

	.container{
		max-width:94%;
	}

	.wrap-why-ausavina {
       width: calc(100% / 5);
    }

    .wrap-why-ausavina{
    	display:flex;
    	justify-content:center;
    	flex-direction:column-reverse;
    }

    .name-why-ausavina{
    	margin-top:5px;
    }
     #categories-home{
    	padding-bottom:40px;
    	padding-top:30px;
    }
    .danhmuc_home_item_img img{
    	 height:220px;
    }
    .text-categories{
    	margin-bottom:30px;
    }

}

@media screen and (max-width:820px) {
    .div-img-banner-id img{
		 height:200px;
		 object-fit:contain;
	}
	.danhmuc_home_item_img img {
    height: 200px;
    }
    .b__action{
    	padding:6px 5px;
    }
}

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

    .wrap-why-ausavina {
       width: calc(100% / 3);
    }
    .div-why-ausavina{
    	justify-content:center;
    }
    .danhmuc_home_item_img img {
       height: 250px;
    }

}

@media screen and (max-width:650px) {
	.div-img-banner-id img{
		 height:300px;
		 object-fit:contain;
	}
	
	.shopping-summery table thead th{
		padding:5px 10px!important;
	}
	.shopping-summery table thead th.start{
		border-radius:0;
	}
	.product-name h6 a{
		font-size:13px;
		text-align:left;
	}
   .main-spct .left-sanpham-chitiet,.main-spct .right-sanpham-chitiet{
		width:calc(100%);
		margin:10px 0;
	}
	.main-spct .div-noidung-nhanxet{
		width: calc(100% );
       margin:20px 0;
	}
	.right-sanpham-chitiet{
		margin-top:30px!important;
	}
	.bgr-footer{
		text-align:left;
	}
	.btn-search-m{
   	position:absolute;
   	right:5px;
   	top:-2px;
   	padding:5px 0px;
   	outline:none;
   }
   .btn-search-m{
   	font-size:16px;
   	font-weight:600;
   }
   .tab_sanpham .nav-item .nav-link{
		height:44px;
		font-size:16px;
   }
   .chitiet_sp{
	   padding:20px 5px;	
   }
   .danhmuc_home_item_title{
	font-size:14px;
	font-weight:600;
   }
   .text-new-arrival{
	font-size:24px;
   }
   .danhmuc_Swiper-next, .danhmuc_Swiper-prev{
	  width:30px!important;
	  height:30px!important;
   }
   .categories_home{
	padding:0 0;
   }
   .danhmuc_Swiper-next:after, .danhmuc_Swiper-prev:after{
	font-size:14px!important;
   }
   .danhmuc_home_item_img img{
	padding:0 10px;
   }
   .name-video-trong{
	font-size:24px;
   }
   .product-name-p{
	margin-top:10px
   }
   .head-mobile{
	  box-shadow: 0 6px 10px rgba(0,0,0,.1);
   }
}



@media screen and (max-width:576px) {

	.wrap-why-ausavina {
	    width: calc(100% / 2);
	}
	.div-img-banner-id img{
		 height:250px;
		 object-fit:contain;
	}
	.danhmuc_home_item_img img {
    height: 220px;
   }
	   
}
@media screen and (max-width:500px) {
	.danhmuc_home_item_img img {
       height: 180px;
    }
	.div-img-banner-id img{
		 height:200px;
		 object-fit:contain;
	}
	.name-new-arrival{
		min-height:50px;
		margin-bottom:10px;
	}
	.mota-new-arrival{
		font-size:16px;
		margin-bottom:15px;
	}
	.p_gotoCart{
		top:140px;
	}
	.b__action.b__chitiet{
		width:48%;
	}
	.b__action.b__addcart{
		width:48%;
	}
	.wrap-video-trong{
		padding:5px 5px;
	}
	.div-new-arrival{
		box-shadow:none!important;
	}
	.div-best img{
		max-height:80px;
	}
	
	.text-view-more-products a{
		padding: 8px 12px;
		font-weight:500;
		
	}
	.name-new-arrival a{
        font-size:1.2em;
		line-height:1.5em;
		font-weight:600;
	}
	.text-view-more-products{
		margin-top:30px;
	}
	
	.div-img-new-arrival{
		padding:5px 20px;
	}
	.div-new-arrival{
		padding:0px 0;
	}
	.breadcrumb a{
		font-size:14px;
	}
	.cart-action .btn{
		padding:8px 10px;
	}
	main h4.text-price:first-child{
		margin-top:0;
	}
	.product-name-p .product-name{
		font-size:12px;
		color:#333;
	}
	.shopping-summery table thead th{
		font-size:13px;
		text-align:left;
	}
	.product-name h6 a{
		font-size:13px;
	}
	.shopping-summery table tbody tr img{
		max-width:50px;
	}
	.shopping-summery table > :not(caption) > * > *{
		padding:5px 5px;
	}
	.text-categories{
		font-size:24px;
	}
	
	.bgr-name-video img{
		object-fit:cover;
	}
	.div-tiengviet{
		padding:5px 0;
	}
	.div-tiengviet img, .div-tienganh img{
		max-height:25px;
		max-width:25px;
	}
	.div-mxh span{
		padding-left:0;
	}
	.div-add-cart-spct{
		text-align:left;
	}
   .div-img-blog img{
   	width: 100%;
	   height: 190px;
	   object-fit: cover;
   }
   .div-mxh{
   	justify-content:flex-start;
   }
   .div-descriptinon,.div-descriptinon1{
   	 padding:5px 0;
   }
   .div-noidung-nhanxet{
   	margin-top:20px!important;
   }
   .detail-extralink .detail-qty{
	  font-size:13px;
   }
   .num_sl{
	height:25px;
	border-radius:0;
   }
   .detail-qty > a{
	line-height:20px;
   }
   .wrap-video-trong {
       width: calc(100%);
   }
   .name-new-arrival{

	  height:2.4em;
   }
   .b__action {
	padding:10px 10px;
   }
  
}
@media screen and (max-width:450px){
	
	
	.dropdown .dropbtn{
		min-width:110px;
	}
   .form-search-nav{
   	max-width:150px;
   }
   .btn-search{
   	top: 2px;
	    right: 2px;
	    width: 25px!important;
	    height: 25px!important;
   }
}


@media screen and (max-width:415px){
   .div-img-banner-id img{
		 height:170px;
	}
	.danhmuc_home_item_img img {
       height: 160px;
    }
}
@media screen and (max-width:350px){
  .wrap-why-ausavina {
	 width: calc(100% / 1);
  }
  .div-img-banner-id img{
		 height:150px;
	}
	.danhmuc_home_item_img img {
       height: 140px;
    }
}



