.collection .container {
    margin: 30px auto;
    max-width: 1800px;
}
.collection .container .product-item{min-height: auto;    padding-bottom: 70px;}

.brand-niche {
    height: 60vh;
    background-image: url(../../assets/image/niche-brand.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}
.brand-niche .container{max-width: 1440px;}
.brand-niche h1 {
   font-size: 40px;
    margin-top: 30vh;
    line-height: 52px; color: #fff;
}

.collection .container .product-item .product{height: auto;}
.collection .container .product-item .product img{height: auto; object-fit: inherit;}











/*Responsive Devices*/




/*syt*/
@media only screen and (min-width : 1920px) and (max-width : 2559px){}

/*syt*/
@media only screen and (min-width : 1600px) and (max-width : 1919px){
    .brand-niche .container {max-width: 1400px;}
}

/*syt*/
@media only screen and (min-width : 1440px) and (max-width : 1599px){
     .brand-niche .container {max-width: 1400px;}
.collection{padding-top: 50px;}
}

/*syt*/
@media only screen and (min-width : 1366px) and (max-width : 1439px){
    .brand-niche .container {max-width: 1300px;}
.collection{padding-top: 50px;}

}

/*syt*/
@media only screen and (min-width : 1200px) and (max-width : 1365px){
.brand-niche .container {max-width: 1100px;}
.collection{padding-top: 50px;}

}


/*Tab-syt*/
@media only screen and (min-width : 1024px) and (max-width : 1199px){
.brand-niche .container {max-width: 960px;}
.collection{padding-top: 50px;}
}


/*Tab*/
@media only screen and (min-width : 768px) and (max-width : 1023px){
.brand-niche .container {max-width: 90%;}
.brand-niche h1 {font-size: 40px; margin-top: 25vh; }
    .collection{padding-top: 30px; padding: 30px;}
    .collection .container h3{font-size: 18px;}
    .collection .container .product-item{padding-bottom: 40px;}

}


/*Mob*/
@media only screen and (min-width : 150px) and (max-width : 767px){
    .brand-niche .container {max-width: 90%;}
    .brand-niche h1 {font-size: 30px; margin-top: 20vh; line-height: 44px;}
    .collection{padding-top: 30px; padding: 30px;}
    .collection .container h3{font-size: 18px;}
}


@media only screen and (max-width: 375px) {
    .brand-niche h1 {font-size: 26px; margin-top: 21vh; line-height: 37px;}

}

@media only screen and (max-width: 320px) {
    .brand-niche h1 {font-size: 26px; margin-top: 21vh; line-height: 37px;}

}