/* mobile responsive*/

@media only screen and (min-width:360px) and (max-width:640px)

{

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.new-in {
    margin: 10px 0px;
}

.new-in h2 {
    text-align: center;
	font-size:8px;
}

.item-details .item-name .item-price{
	font-size:6px;
	
}

.grid-cont {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}

.new-grid {
    width: 360px;
    display: grid;
    grid-template-columns: 50% 50% ;
    justify-content: center;
    gap: 14px;
}

.grid-item {
    cursor: pointer;
}

.new-grid .image {
    width: 100%;
    height: 360px;
    position: relative;
    background-position: center;
    background-size: 100%;
}

.new-grid .image.tote-black {
    background-image: url("../Assets/Media/images/bag_first.webp");
}

.new-grid .image.tote-clay {
    background-image: url("../Assets/Media/images/bag_second.webp");
}

.new-grid .image.tote-beige {
    background-image: url("../Assets/Media/images/bag_third.webp");
}

.new-grid .image.zipper-clay {
    background-image: url("../Assets/Media/images/bag_fourth.webp");
}

.image i {
    color: white;
    font-size: 8px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 8px;
    opacity: 0;
}


.image-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: black;
    opacity: 0;
}

.new-grid .image img {
    width: 100%;
}

.new-grid .image .off {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: black;
    color: white;
    font-size: 9px;
    padding: 3px 8px;
}


.item-details {
    margin-top: 9px;
    font-size: 9px;
}

.item-details .item-price {
    margin-top: 4px;
    color: #ec0101;
}


.shop-cat {
    margin: 20px 0px;
}

.shop-cat-head {
    text-align: center;
    font-size: 8px;
}

.shop-cat-head hr {
    margin-top: 15px;
    width: 100px;
    height: 6px;
    background: black;
    margin: 4px auto;
}

.shop-grid {
    display: grid;
    grid-template-columns: 40% 40%;
    gap: 2px;
    margin: 30px 20px;
}

.shop-grid-item img {
    width: 100%;
}

.shop-grid-item p {
    text-align: center;
    color: white;
    background-color: #222222;
    padding: 14px;
    font-weight: 400;
    margin-top: -4px;
}

.best-sellers {
    margin: 30px 0px;
}

.best-sellers-head h2 {
    text-align: center;
}

.best-sellers-head hr {
    margin-top: 20px;
    width: 50px;
    height: 6px;
    background: black;
    margin: 4px auto;
}




}