@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1800px){


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

}
@media screen and (min-width:1200px) and (max-width:1300px) {

}

@media screen and (max-width:1199px) {

}

@media screen and (min-width:992px) and (max-width:1199px) {

}

@media screen and (max-width:1024px) {
    .navbar-default .navbar-nav > li > a{
        font-size: 17px;
    }
    
    .nav > li > a{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .navbar-default {
        position: relative;
    }
    
    .main {
    margin-top: 0;
    }
    

    
}

@media screen and (max-width:991px) {
    
    .grey-img{
        position: relative;
        top: inherit;
        right: inherit;
    }
    
    .grey-box{
        height: auto;
        padding: 20px 15px;
        border-radius: 30px;
    }
    
    .our-farm .acer {
        display: block;
    }

    .farm-slider {
        margin-bottom: 60px;
    }
    
    .farm-slider .carousel-indicators {
    }
    
    .inner-footer .c-content-md{
        padding-bottom: 30px;
    }
    
    .grey-box .heading2 {
        margin-top: 15px;
    }
    
    .grey-img2 {
        position: relative;
        left: inherit;
        top: inherit;
    }
    
    .grey-box .p1, .grey-box .a1{
        width: auto;
    }
    
    .grey-img {
        padding: 0 15px;
    }  
    
        .grey-box{
    margin: 10px 0;
    }
    
    .grey-box2 .heading1{
        margin-top: 20px;
    }
    
    body {
    font-size: 14px;
    }
    
    .heading__secondary, .heading1{
    text-align: center;
    font-size: 30px;
        margin-bottom: 20px;
    }
    
    .heading2, .heading3{
        font-size: 22px;
    }
    
    #how-organic .heading1 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 20px;
    } 
    
    .left-align {
    text-align: left;
    }
    
    .milk-img{
        display: none;
    }
    
    .c-content-md, .c-content-lg {
    padding: 40px 0;
    }
    
    .our-product {
    margin-bottom: 0;
   }
    
    .tab-padding-up{
        padding-top: 20px;
    }
    
    .spacer{
        display: none;
    }
    
    .pr1{
        margin-bottom: 20px;
    }    
    
    .sub-container {
        margin-bottom: 0;
    }    
    
    .product-box{
        padding-top: 0 !important;
    }
    
}






@media screen and (min-width:768px) and (max-width:991px) {

}

@media screen and (max-width:767px) {
.navbar-toggle {
    margin-top: 33px;    
}
    
   
    
    .foot-mob1{
        margin-bottom: 30px;
    }    
    
    .inner-banner::before{
        height: 78px;
    }   
    
    .our-product::before{
        height: 60px;
    }
    
.our-product::after {
    height: 60px;
    }
    
    .valign{
        display: block;
        text-align: center;
    }
    
 
    
    .index__product::before{
        display: none;
    }

    .index__product::after, .index__gallery::after{
        display: none;
    }
    
    .scrollup {
    right: 20px;
    }
    
    .top__footer{
        
    } 
    
        .h-download{
         display: none
     }
    
    .subscrime-img {
    width: 98%;
        margin-bottom: 20px;
}
    .download-app {
    margin: 0 auto;
}

}
    
    
    

@media screen and (max-width:600px) {
    
    .inner-banner::before {
    height: 45px;
    }
    

    
    .grey-box{
    border: 2px solid #eac239;        
    }
    
  
    
    
    
    .index__process::before{
    height: 60px;
    top: -54px;        
    }
    
    .slider .slick-next {
    right: 20px;
    }
    
    .slick-prev {
    left: 15px;
    z-index: 1;
    }
    
    .index__process::after {
        height: 60px;
        bottom: -58px;
    }    
    
    .index__gallery .padding-top-medium{
        padding-top: 0;        
    }    
    
    .index__contact{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .c-content-lg {
    padding: 40px 0;
    }
    
    .no-padding-bottom{
        padding-bottom: 0;
    }   
    
    .index__aboutus--content{
        margin-bottom: 20px;
    }
    

    .slick-next {
    right: 15px;
    }
    

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

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

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

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