/* Mobile & Table */
@media (max-width: 1023px) {}

/* Table */
@media (min-width: 740px) and (max-width: 1023px) {}

/* Table Lanscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* Mobile */

@media (max-width: 739px) {
  
   .homeinfo 
   {
	   padding:15px;
   }
   .infoitem-name {
   
    padding: 10px 7px 15px 60px;
	
    width: calc(100% - 40px);

}
.pagecat-title {
    
    font-size: 30px;
}
.topheader {
   
    background: linear-gradient(27deg, var(--maincolor), var(--subcolor), var(--maincolor), var(--maincolor));
}
.infoitem-img {
    width: 90px;
    height: 90px;
}
.product-imgbig{
	display:none;
}
.product-list .cell-product {
    width: 50%;
}
.product-list .cell-product {
    width: 50%;
    padding: 5px;

}
.price{
	
    justify-content: space-between
}
    .price span {
        padding: 6px 0px;
        font-size: 14px;
        width: calc(100% - 30px);
        margin: 0px;
    }
.category-product-content{
	display:none;
}
.productdt-intro 
{
	padding:15px
}
.btn-dangky a, .btn-chitietsp a {
    padding: 10px 10px;
    border-radius: 25px;
    font-size: 14px;
}
.share-social
{
	margin-bottom:20px;
}
.tabbar-product{
	display:none;
}
.tabbar-pr
{
	border:none;
}
.homecat-title,.newsdetail-name
{
	font-size:25px;
}
.content-thongso table {
    overflow: scroll;
    width: 100% !important;
}
.content-thongso table td
{
	max-width:100px;
	    max-width: 100%;
}
.content-thongso table td {
    width: 50% !important;
    padding: 3px !important;
}
.cell-product.cell-1-4.tab-cell-1-2.product-item {
    width: calc(50% - 8px);
    /* margin-bottom: 6px; */
    margin: 4px;
   
}
}

/* Ipad pro */


@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* PC LARGE */

@media (min-width: 1919px) {
    .grid {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }
}
@media (max-width: 1200px) {
    .galleries {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
    }
  }
  @media (max-width: 1000px) {
    .galleries {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
    }
  }
  @media (max-width: 800px) {
    .galleries {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
    }
  }
  @media (max-width: 400px) {
    .galleries {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
    }
  }