@media (max-width: 480px) { 
    h1{
        font-size: 35px !important
    }
    h2{
        font-size: 30px !important
    }

    .google-section h2 span{
        font-size: 30px !important
    }
    
    .login-list li img{
        display: none;
        
    }
    
    .login-list li {
        padding: 5px 0px 10px 10px;
    }
    
    .footer-card li img{
        
        width: 100%;
    }
    
    .newsletter button{
        width: 100% !important;
    }
    
    .catelog {
    margin: 0;
    padding: 0;
}

.hero ul li {
    width: 100%; margin-left: 0;
}

.testimonials .title {
    font-size: 14px;
}

.testimonials .title img {
    width : 24px !important; height: 24px !important;
}

.copyrights {
    font-size: 13px;
}

.navbar-nav .dropdown-menu {
    position : absolute !important;
}

}

@media (max-width: 767px) { }

@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-nav .dropdown-menu {
    position : absolute !important;
}
     .footer-card li img{
        
        width: 100%;
    }
    
     .login-list {
        justify-content: flex-end;
    display: flex;
    }
    
    .login-list li {
        padding: 5px 0px 10px 10px;
    }
    
    .login-list li img {
        width:16px; height: 16px;
    }
    
    .login-list li a {
        font-size: 14px;
    }
    
    
    h1{
        font-size: 30px !important
    }
    h2{
        font-size: 24px !important
    }

    .google-section h2 span{
        font-size: 24px !important
    }
    
    .newsletter button{
        width: 100% !important;
    }
    
    .hero ul li {
    width: 142px;
    height: 177px
    }
    
    .hero li a {
    font-size: 14px;
    background: none; 
    width: 100%;
}

.product-slider .card h3 {
    padding: 15px;
    border-bottom: solid 1px #D9D9D9;
    color: #70747E;
    font-family: Rubik;
    font-size: 16px;
    
}

.testimonials .title {
    font-size: 16px;
}

.testimonials .title img {
    width : 24px !important; height: 24px !important;
}


.main-menu a {
    font-size: 14px;
}

 }
 
 @media (min-width: 992px) and (max-width: 1199px) { 
     
     .hero ul li {
    width: 200px;
    height: 177px
    }
    
    .newsletter button {
    background: #70747E;
    color: #FFF;
    font-family: Roboto Slab;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 17px 10px;
}
     
 }

@media (min-width: 1024px) and (max-width: 1399px) { 
    
     .login-list {
        justify-content: flex-end;
    display: flex;
    }
    
    .login-list li{
        padding: 0px 0px 10px 15px;
    }
    
    header li a {
  text-decoration: none;
  color: #70747E;
  font-size: 14px;
}

.main-menu a {
  font-size: 14px;
}

.hero h1 {
  font-size: 35px;
}

.welcome h2,.product-slider h2 {
  font-size: 30px;
}
.hero li a {
  font-size: 18px;
  background: none;
}

.product-slider .card h3 {

  font-size: 16px;

}

.testimonials .title { 
    font-size:16px;
}


.newsletter h2 {

  font-size: 35px;

}

.hero ul li {

  width: 200px;
  height: 200px;

}

.newsletter button {

  padding: 15px 10px 15px 10px;

}

    
}





@media (min-width: 1200px) { 
    
     .login-list li{
        justify-content: flex-end;
    display: flex;
    }
}