a,
a::after,
a::before,
.product-slide .item {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
a {
text-decoration: none;
color: #1059d1;
}
a:hover {
text-decoration: none;
outline: 0;
color: #e50f5a;
}
a:focus,
:focus {
outline: inherit !important;
outline-offset: inherit !important;
text-decoration: none !important;
}
a,
img {
border: none;
outline: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
p {
display: block;
line-height: 1.25rem;
margin: 0;
padding: 0 0 20px;
}
p:last-child {
padding-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-weight: 600;
line-height: 1.3;
margin: 0;
padding: 0 0 10px;
position: relative;
}
h1 {
font-size: 55px;
padding-bottom: 30px;
}
h2 {
font-size: 24px;
padding-bottom: 30px;
}
h3 {
font-size: 1.125rem;
}
h4 {
font-size: 1rem;
}
b,
strong {
font-weight: 600;
}
.pt100 {
padding-top: 100px;
}
.pb100 {
padding-bottom: 100px;
}
.pt50 {
padding-top: 50px;
}
.pt50 {
padding-bottom: 50px;
}
.mainhead{ background-image: url(../img/headerbg.webp); background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 80px 0px; text-align: center;}
.mainhead h1{ font-size: 60px; color:#fff; font-weight:400; margin: 0px 0px 40px 0px; padding: 0px;}
.mainhead p{ font-size: 30px; color:#fff; font-weight: 400; margin: 0px 0px 40px 0px; padding: 0px;}
.mainhead .btn{ border-radius: 50px; background-color: #fff; font-size: 16px; padding: 10px 25px; border: 1px solid #fff;}
.mainhead .btn:hover{ border-radius: 50px; background-color: #fff; font-size: 16px; padding: 10px 25px; border: 1px solid #000;}
.userfeat{ font-size: 20px; font-weight: 600; max-width: 1140px;
margin: 0px auto} 
.most-popular h2{ font-size: 24px; text-transform: uppercase; font-weight: 600; color:#000; margin-bottom: 20px;}
.most-popular a{ color:#000; text-transform: uppercase; font-size: 20px; font-weight: 600;}  
.most-popular a img{ margin-bottom: 0px;}
.simple{ margin: 40px 0px;}
.simple h2{ text-transform: inherit; margin-bottom: 40px;}
.simpleBox{ background-color: #f2efec; padding: 20px;;}
.simple-sect{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.prodImg{background: #f1e0d6; border-radius: 12px; width:100%; height: 268px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
a .productname{ font-size: 14px; color:#000; font-weight: 600; }
a:hover .productname{ text-decoration: underline; }
a .prodprice{font-size: 16px; color:#000; font-weight: 600;}
.shop-by-category a .productname{ font-size: 16px; color:#000; margin-bottom: 5px;}
.shop-by-category a p{ font-size: 14px; color:#3f3e3d; line-height: 24px;} 
.hollwen{ background-image:url(../img/halloween-sale-homepage-desktop.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 60px 0px; text-align: center;}
.hollwen h3{ font-size: 60px; color:#fff; font-weight: 500; text-transform: inherit; margin-bottom: 20px; }
.hollwen p{ color:#fff; font-size: 18px; margin-bottom: 15px;}
.blcBtn { background-color: #000; width: auto; color:#fff; border: 1px solid #000; font-weight: 600;}
.blcBtn:hover{ background-color: transparent; color:#000; border: 1px solid #000;}
.shopbyCollection{ padding: 60px 0px; }
.shopbyCollection .container{
max-width: 1024px;
margin: 0px auto
}
.rosted-Box{ background-color: #f3efec; padding:20px;}
.rosted-Box h2{ font-size: 18px;}
@media (max-width: 767px) {
.mainhead h1 {
font-size: 41px;
margin: 0px 0px 18px 0px;
}
.simpleBest .row{ margin-left: 10px;}
.rosted .row{ margin-left: 5px;}
.rosted h2{ width: 100%; text-align: center;}
.hollwen h3 {
font-size: 25px;
}
}