/* CSS Document */

@media screen and (min-width:1200px )

{

	.menu_truotaa ul.menuthuong {

    width: 994px;

	}

}

@media screen and (min-width:1100px )

{

	.menu_truotaa ul.menuthuong {

  width: 896px;

	}

}

@media screen and (min-width:1000px )

{
.fix-scroll img.logo {
    max-width: 70%;
}
.fix-scroll .header-right {
    padding: 0 !important;
}
.fix-scroll .navbar-brand
{
        padding: 5px 0 0 0;
}
.fix-scroll .icon-social
{
    max-width: 10%;
}
.fix-scroll .timkiempc 
{
    padding: .20rem .75rem;
}
	.menu_truotaa ul.menuthuong {

     width: 833px;

	}

}

@media screen and (min-width:992px )

{



#slide_album{

    transform: rotate(90deg);

    width: 353px;

    margin-top: 187px;

    margin-left: -143px;

    left: 0;



} 

#slide_album .item{

  transform: rotate(-90deg);

 

}

#slide_album .owl-nav{

display: flex;

    justify-content: space-between;

    position: absolute;

    width: 130%;

    top: calc(48% - 29px);

    left: -50px;

	z-index: -1;

	box-sizing: border-box;

}

}

@media screen and (max-width:992px )

{
	
.sohang,.wishlist-quantity
{
	background: none;
	color: #fff;
	right: 12px;
    top: 16%;
}
.wishlist-quantity
{
	right: 9px ;
    top: 21% ;
}
	.product .image .product-actions {

    top: inherit;

    bottom: 0;

}

	.sidebar

	{

		position: fixed;

    left: 100%;

    background: #fff;

    top: 0;

    width: 100%;

   

    height: 100%;

    overflow: auto;

    z-index: 100;

    padding: 3% 2%;

    box-sizing: border-box;

    transition: all 0.5s;-webkit-box-shadow: -1px 2px 15px -4px #000000; 

box-shadow: -1px 2px 15px -4px #000000;

	}

	.comment_container .description 

	{

		max-height: 6.3rem; line-height: 1.3rem; overflow: hidden;

	}

	#gallery_review .grid-sizer, #gallery_review .grid-item

	{

		width: 49%;

	}

	.title_h2:before

	{

		width: 60%;

	}

	.title_h2:after

	{

		    width: 50%;

	}

	.ui-widget.ui-widget-content

{

	left: 0 !important;

    width: 100% !important;

}

		div#slide_album {

    margin-top: 10px;

}

	.slide-sanpham.owl-carousel .owl-nav button.owl-next

	{

		    right: -8%;

	}

	.owl-carousel .owl-item img

	{

		margin:auto;

	}

	.section_1 .danhmucsanpham li:nth-child(1),

	.section_1 .danhmucsanpham li:nth-child(2),

	.section_1 .danhmucsanpham li:nth-child(3),

	.section_1 .danhmucsanpham li:nth-child(4),

	.section_1 .danhmucsanpham li:nth-child(5),

	.section_1 .danhmucsanpham li:nth-child(6) {

   

    border-bottom: none;

	}

	.section_1 .danhmucsanpham li:nth-child(1),

.section_1 .danhmucsanpham li:nth-child(2),

	.section_1 .danhmucsanpham li:nth-child(3),

	.section_1 .danhmucsanpham li:nth-child(4),

	.section_1 .danhmucsanpham li:nth-child(5)

	 {

   

    border-right: none;

	}

	.section_1 .danhmucsanpham li:nth-child(even)

	{

		background:#404040;

	}

	.section_1 .danhmucsanpham li:nth-child(1),

	.section_1 .danhmucsanpham li:nth-child(4),	

	.section_1 .danhmucsanpham li:nth-child(5)

	 {

		 background:#2f2f2f;

	 }



}



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



	/*.row.color

	{

		    display: flex;

    justify-content: center;

    align-items: center;

	}

	.size .row.data

	{

		 display: flex;

    justify-content: center;

    align-items: center;

	}*/

	.product .card-title

	{

		

		height:2.4rem;

		font-size:80% !important;

	}

	.table td, .table th{padding:0;line-height: 20px;}

	.section_1 .danhmucsanpham li .text

	{

		width:100%

	}

	.aPhone {display:block !important}

}

@media screen and (max-width:576px) {
	img.logo {
    max-width: 80%;
}
.ui-menu-item img
{
	max-width: 100% !important; 
}
	.modal-lg

	{

		   width: 96%;;

	}

	.section_4 .khung .card-title

	{

		font-size:105%;

	}

	.section_4 .khung{padding:2% 3%}

	.navbar-brand

	{

		

	}

	

	.card-body

	{

		    padding: 0.50rem;

	}

	.section_3 .col-right a

	{

		width:50%;

	}

	



	.section_1 .container{padding:0}

	.navbar{ padding:0 2%}

	.giohang-aa{display:none;}

	.section_2 .danhmucsanphamcon li {

    width: 50%;

}

.row

{width:100%}

.container,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left:5px; padding-right:5px;}

.row{margin-left:0px; margin-right:0px;}

.product .phantram_giam{    width: 18%; font-size:120%}

.product .card-title{font-size:110%}

.owl-carousel .owl-item img{margin:auto}

.section_1 .danhmucsanpham li

{

	padding: 3% 2%;

}



.modal-body

{padding:0}

.accordion .card-header{padding:1% 2%;}



}