@media only screen and (max-width: 1920px) and (min-width: 1500px) {
  .container {
    max-width: 1405px;
  }
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1445px) {
    
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 15px;
  }
  .navbar-brand img{
     width:110px; 
      }
}

@media (max-width: 1199.98px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 13px;
  }
    .navbar-brand img {
    width: 75px;
}
.navbar-brand{
    width:135px;
    height:89px;
    background:none;
    margin-bottom:0px;
}
.navbar-toggler {
    background-color: #000;
    border: 1px solid #000;
    margin-right:20px;
    border-radius: .25rem;
    width: 12%;
}
.form-inline{
        display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 15px;
    }
    .mainSlider{
      height:500px;    
    }
    .slideContent{
     padding:23px;    
        }
        
        .accordion .card-body{
            padding-right:0rem; 
            }
            
    section.faq-main{
     padding:5rem 0rem;    
        }    
        .accordion .card-body p{
        font-size:13px;    
            }
  
}
@media (max-width: 767.98px) {
  html {
    font-size: 12px;
  }
  .coffee-card {
    margin-bottom: 30px;
}
.quickList h4{
    margin:17px 0 0.6rem;
    }
    .video-main figure a{
        top:67px;
        width:80px;
        height:80px;
        }
        .video-main figure{
            height:92px;
            }
  .navbar-brand img {
    width: 75px;
}
.navbar-brand{
    width:135px;
    height:89px;
    background:none;
    margin-bottom:0px;
}
.navbar-toggler {
    background-color: #000;
    border: 1px solid #000;
    margin-right:20px;
    border-radius: .25rem;
    width: 12%;
}
.form-inline{
        display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 15px;
    }
    .mainSlider{
      height:500px;    
    }
    .slideContent{
     padding:23px;    
        }
        
        .accordion .card-body{
            padding-right:0rem; 
            }
            
    section.faq-main{
     padding:5rem 0rem;    
        }    
        .accordion .card-body p{
        font-size:13px;    
            }
            
            .blog-main{
                
                padding:0rem;
                margin-top:26px;
                }
                
  .newsletter-main{
      display:none;
      }
      .blog-main .swiper-button-next{
          right:26%;
          }
   footer{
      padding:5rem 0rem 3rem; 
      margin-top:5rem;
       }
    
           .pro-tab h2.heading, section.faq-main h2.heading.mb-3, section.blog-main h2.heading.text-black.mb-5, #cntct h2.heading.text-black{
               font-size:33px !important;
               }
               
               .about-page{
                   padding:5rem 0rem;
                   }
                   .about-content{
                       margin-left:0rem;
                       }
                       .about-content .heading {
    margin: 20px 0 0.6rem;
}
.products-main{
    padding:0rem 0rem 1rem;
    }
    .review-main.review-page .review-content{
    padding:0rem;    
        }
        
        .review-main {
    padding: 8rem 6rem;
}
.contact-form{
    width:90%;
    margin:0 auto;
    }
    .coffe-main{
        padding:6rem 0rem;
        }
}
@media (max-width: 575.98px) {
    
      .coffee-card {
    margin-bottom: 30px;
}
.quickList h4{
    margin:17px 0 0.6rem;
    }
    .video-main figure a{
        top:67px;
        width:80px;
        height:80px;
        }
        .video-main figure{
            height:92px;
            }
    
     .navbar-brand img {
    width: 75px;
}
.navbar-brand{
    width:135px;
    height:89px;
    background:none;
    margin-bottom:0px;
}
.navbar-toggler {
    background-color: #000;
    border: 1px solid #000;
    margin-right:20px;
    border-radius: .25rem;
    width: 12%;
}
.form-inline{
        display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 15px;
    }
    .mainSlider{
      height:500px;    
    }
    .slideContent{
     padding:23px;    
        }
        
        .accordion .card-body{
            padding-right:0rem; 
            }
            
    section.faq-main{
     padding:5rem 0rem;    
        }    
        .accordion .card-body p{
        font-size:13px;    
            }
            
            .blog-main{
                
                padding:0rem;
                margin-top:26px;
                }
                
  .newsletter-main{
      display:none;
      }
      .blog-main .swiper-button-next{
          right:26%;
          }
   footer{
      padding:5rem 0rem 3rem; 
      margin-top:5rem;
       }
    
           .pro-tab h2.heading, section.faq-main h2.heading.mb-3, section.blog-main h2.heading.text-black.mb-5, #cntct h2.heading.text-black{
               font-size:33px !important;
               }
               
               .about-page{
                   padding:5rem 0rem;
                   }
                   .about-content{
                       margin-left:0rem;
                       }
                       .about-content .heading {
    margin: 20px 0 0.6rem;
}
.products-main{
    padding:0rem 0rem 1rem;
    }
    .review-main.review-page .review-content{
    padding:0rem;    
        }
        
        .review-main {
    padding: 8rem 6rem;
}
.contact-form{
    width:90%;
    margin:0 auto;
    }
    .coffe-main{
        padding:6rem 0rem;
        }
}
@media (max-width: 320.98px) {
    
      .coffee-card {
    margin-bottom: 30px;
}
.quickList h4{
    margin:17px 0 0.6rem;
    }
    .video-main figure a{
        top:67px;
        width:80px;
        height:80px;
        }
        .video-main figure{
            height:92px;
            }
    
     .navbar-brand img {
    width: 75px;
}
.navbar-brand{
    width:135px;
    height:89px;
    background:none;
    margin-bottom:0px;
}
.navbar-toggler {
    background-color: #000;
    border: 1px solid #000;
    margin-right:20px;
    border-radius: .25rem;
    width: 12%;
}
.form-inline{
        display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 15px;
    }
    .mainSlider{
      height:500px;    
    }
    .slideContent{
     padding:23px;    
        }
        
        .accordion .card-body{
            padding-right:0rem; 
            }
            
    section.faq-main{
     padding:5rem 0rem;    
        }    
        .accordion .card-body p{
        font-size:13px;    
            }
            
            .blog-main{
                
                padding:0rem;
                margin-top:26px;
                }
                
  .newsletter-main{
      display:none;
      }
      .blog-main .swiper-button-next{
          right:26%;
          }
   footer{
      padding:5rem 0rem 3rem; 
      margin-top:5rem;
       }
    
           .pro-tab h2.heading, section.faq-main h2.heading.mb-3, section.blog-main h2.heading.text-black.mb-5, #cntct h2.heading.text-black{
               font-size:33px !important;
               }
               
               .about-page{
                   padding:5rem 0rem;
                   }
                   .about-content{
                       margin-left:0rem;
                       }
                       .about-content .heading {
    margin: 20px 0 0.6rem;
}
.products-main{
    padding:0rem 0rem 1rem;
    }
    .review-main.review-page .review-content{
    padding:0rem;    
        }
        
        .review-main {
    padding: 8rem 6rem;
}
.contact-form{
    width:90%;
    margin:0 auto;
    }
    .coffe-main{
        padding:6rem 0rem;
        }
}