html, body {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
          background-color: black:
      }

.slider-heading h1{
     font-family: 'Staff Wide';
     font-size:32px;
}

.marquee{
       font-family: "Montserrat-medium";  
}

.img-width{
    width:50%;
    padding-bottom: 20px;
}


.offer {
    line-height: 1.8;
    background-color: #ffd700;
    font-size: 13px;
     letter-spacing: 1px;
      color: #000;
    text-transform: capitalize;
    
    
}
.offer p{
     font-size: 13px;
     font-family: "Poppins", sans-serif;
    font-weight: 500;
text-transform: capitalize;
padding: 8px;
}



.logo-width{
    width: 50%;
}

.hero-section {
    /*background-image: url(../../assets/images/20_Off_Desktop.png*/
    
     background-image: url(../../assets/images/vinFull.jpg);
   
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 490px;
     background-position: 20% 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero_container {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
}
.hero-content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color:#000;
    padding: 20px;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    /*padding-top: 65px;*/
}

 .subheading {
    font-size: 19.2px;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-weight: 700;
}



.subhead-1{
  color: #000;
 font-size: 45px;

font-family: Poppins, sans-serif;

   font-weight:700;
 
}
.subhead-2{
    font-size: 35px;
/*       font-family: Poppins, sans-serif;*/
    font-family: "Lato", sans-serif;
     font-weight:400;
     color: #000000BF;
     line-height: 1;
    
}
.subhead-3 {
    color: #fff;
    font-size: 40px;
     font-family: Poppins, sans-serif;
       text-shadow: 3px 2px #d72326;
        font-weight:500;
}

.subhead-4 {
     color: #fff;
    font-size: 32px;
      font-family: "Lato", sans-serif;
       /*text-shadow: 2px 2px #d72326;*/
        font-weight:400;
}


.subhead-4 {
    font-size: 13.3814px;
      font-family: "Lato", sans-serif;
      font-weight: 600;
    letter-spacing: 1px;
}
.icon{
    font-size: 13.3814px;
}


     a{color: #000 !important;
          font-family: "Montserrat-Regular";
     }
     
      footer a{color: #fff !important;
          font-family: "Montserrat-Regular";
     }
     




    footer {
    background: #000;
    color: #fff;
}
footer a {
    font-size:14px;
    color: #fff !important;
   font-family: "Lato", sans-serif;
}
footer p {
       
       line-height: 1.42857143;
       font-style: normal;
       font-weight: bold;
       padding: 10px; 
       margin: 0px;    
        text-align: left;
    color: #fff;
   font-family: "Lato", sans-serif;
    font-size: 14px;
   
    text-transform: none;
    font-style: normal;
       }

hr {
    margin: 0px!important;
    color: white!important;
    border: 0!important;
    border-top: 1px solid!important;
    /* opacity: .25; */
}
.slider-heading{
    color: #fff;
    text-align: center;
    font-size: 32px;
}
 .widd {
    background-color: #1e1e1e;
   height:auto;
    text-align: center;
    padding: 0px 32.96px;
}

.widd img{
    width: 60%;
}
.review-subheading{
    font-size: 16px;
    padding: 15px;
    font-family: "Montserrat-Regular";
}
.review-subheading h2{
    font-size: 19px;
    font-weight: 600;
}
@media screen and (max-width: 991px) {
     .subhead-1{
        font-size: 45px;
        line-height: 55px;
    
    }

}


@media screen and (max-width:767px){
   
   .img-width {
    width: 85%;
    
}
.logo-width {
    width: 45%;
}
   
    .subhead-1{
        font-size: 24px;
        line-height: 42px;
    
    }
    .subhead-2{
        font-size:22px;
    }
    .subhead-3{
         font-size:25px;
    }
    .icon.d-flex{
        display:block!important;
        line-height: 1;
    }
/*     .hero-section {*/
/*    background-image: url(../../assets/images/shortlpbannermob.png);*/
/*}*/
}
@media screen and (max-width:767px)
{
    
    .btn.hero-btn {
    width:85% !important;
    
}
.btn.bt-2 {
   
     width:30% !important;
   
}
    .hero-section {
  
  /*background-image: url(../../assets/images/20_Off_NEW_Mobile.png);*/
   background-image: url(../../assets/images/vinMob.jpg);
      background-position: 50% 3%;
   height: 700px;
   
   
    
}
}



@media screen and (min-width:768px) and (max-width:1024px) {
    .hero-section{
        background-position:50% 50%;
        height:370px;
    }
}

@media screen and (min-width:1300px) {
.widd {
    height:600px;
}
     .hero-section{
         height:750px;
         background-position:center;
     }
    
}
  
.btn.hero-btn {
   display: block;
    text-decoration: none;
     width:22%;
    /*font-family: "Lato", sans-serif;*/
    font-family: Poppins, sans-serif;
    font-size: 1.8rem;
    line-height: 14px;
    color: #000!important;
    border-radius: 18px;
    background-color: #37b772;
    /*text-transform: uppercase;*/
    padding: 20px 0px;
    font-weight: 900;
   
    margin: 0 auto;

}
.btn.bt-2 {
   /*display: block;*/
    text-decoration: none;
     width:14%;
    font-family: "Lato", sans-serif;
    font-size: 1.2rem;
    line-height: 14px;
    color: #fff!important;
    border-radius: unset;
    background-color: #37b772;
    padding: 24px 0px;
    font-weight: bold;
   
    margin: 0 auto;

}
.btn.hero-btn:hover {
  
   
    background-color: #ffd700 !important;
    
    
}
nav {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 12px;
       
}