@media (min-width: 1200px) {
.pl-xl-6 {
    padding-left: 3.4rem!important;
}
}
@media screen and (max-width:1920px) {
    a.navbar-brand img {
        height: auto;
        width: 65px;
    }
    section.form-section {
    background-image: url(../images/contact-leaf2.png),url(../images/about-company-leafs.png);
    background-position: left 14% top 25%,right 12% bottom 28%;
    background-repeat: no-repeat;
    background-size: 5%,8%;
}
}
@media screen and (max-width:1440px) {
     section.form-section {
    background-image: url(../images/contact-leaf2.png),url(../images/about-company-leafs.png);
    background-position: left 3% top 25%,right 1% bottom 28%;
    background-repeat: no-repeat;
    background-size: 5%,8%;
}
}
@media screen and (max-width:1430px) {
     section.form-section {
    background-image: url(../images/contact-leaf2.png),url(../images/about-company-leafs.png);
    background-position: left 4% top 25%,right 2% bottom 28%;
    background-repeat: no-repeat;
    background-size: 5%,8%;
}
}
@media screen and (max-width:1336px) {
    section.form-section {
    background-image: url(../images/contact-leaf2.png),url(../images/about-company-leafs.png);
    background-position: left 4% top 25%,right 2% bottom 28%;
    background-repeat: no-repeat;
    background-size: 5%,8%;
}
}
@media screen and (max-width:1199px) {
    .my-auto h4.abril-fatface.color-dark {
        font-size: 25px;
    }
    section.form-section {
        background-position: left 6% top 25%,right 4% bottom 28%;
        background-size: 5%,8%;
    }
}
@media screen and (max-width:991px) {
    .contact-heading {
        min-height: auto;
    }
    section.form-section {
        background-position: left 10% top 25%,right 8% bottom 28%;
        background-size: 5%,8%;
    }
}
@media screen and (max-width:768px) {
    .my-auto h4.abril-fatface.color-dark {
        font-size: 22px;
    }
    a.navbar-brand img {
        height: auto;
        width: 100%;
    }
    section.products {
        height: 50vh;
    }
    .product-two {
        background-size: 5%;
    }
    h5.abril-fatface.text-white.read-more {
        text-align: center!important;
    }
}
@media screen and (max-width:767px) {
    .harvest-page-leaf {
        background-image: url(../images/leafsm1.png), url(../images/leafsm2.png), url(../images/leafsm3.png), url(../images/leafsm4.png);
        background-position: left top 10%, right top 10%, left top 60%,right bottom 5%;
        background-size: auto,auto,auto,25%;
        background-repeat: no-repeat;
        padding: 100px 0px;
    }
    #hero-inner {
        width: 100%;
        height: 100vh;
        background: url(../images/bg-hard-harvest-mobile.jpg);
        background-size:100%;
        background-repeat: no-repeat;
    }
    .px-seven {
        padding: 0px;
    }
    .company-value-sec {
        padding: 30px 0;
    }
    #hero-inner h3 {
        font-size: 25px;
    }
    h4.abril-fatface.color-light {
        font-size: 22px;
    }

    section.about-one {
        background-image: url(../images/aboutus-sec1-leaf.jpg), url(../images/dots-sm.png), url(../images/harvest-leaf1.png), url(../images/product-category-bg-1.png), url(../images/product-category-bg-2.png), url(../images/leafsm4.png);
        background-position: left 3% top 13%, left 1% top 40%, right 3% top 60%, left 1% bottom 35%, left 4% bottom 0%, right 0% bottom 0%;
        background-repeat: no-repeat;
        background-size: 8%,4.8%,5%,6%,11%,15%;
        padding-bottom: 100px;
    }
    section.aboutus-sec3 {
        background-image: url(../images/plants-leafs.png), url(../images/aboutus-sec-bg-sm2.jpg);
        background-size: 7%,cover;
        background-repeat: no-repeat;
        background-position: left 20% bottom 0%, right bottom;
        padding: 60px 0px 140px 0px;
    }
    .about-section-right {
        margin: 35px auto;
    }
    section.aboutus-last {
        background-image: none;
    }
    section.contact-first {
        background-size: 5%;
    }
    section.form-section {
        background-position: left 12% top 25%,right 10% bottom 27%;
        background-size: 5%,8%;
    }
    .single-products .social-nav {
        display: none;
    }
    .single-product {
        background-size: 8%, 8%, 12%, 12%;
    }
    .product-five {
        background-size: 18%,18%;
        background-position: right bottom 1%, left bottom 1%;
    }
    .product-main a.navbar-brand img {
        width: 75%;
        height: auto;
    }
}
@media screen and (max-width:600px) {
    #hero-inner .container {
        padding-top: 0px;
        position: relative;
    }
    #hero-inner h3 {
        font-size: 30px;
    }
    section.about-one {
        background-image: url(../images/aboutus-sec1-leaf.jpg), url(../images/dots-sm.png), url(../images/harvest-leaf1.png), url(../images/product-category-bg-1.png), url(../images/product-category-bg-2.png), url(../images/leafsm4.png);
        background-position: left 3% top 13%, left 1% top 40%, right 3% top 60%, left 1% bottom 28%, left 4% bottom 0%, right 0% bottom 0%;
        background-repeat: no-repeat;
        background-size: 8%,4.8%,5%,3%,12%,10%;
        padding-bottom: 100px;
    }
}

@media screen and (max-width:576px) {
    #hero-inner {
        height: 90vh;
    }
    section.harvest-page-leaf .col-xl-6 {
        margin: 0px 30px;
    }
    #hero-inner {
        height: 85vh;
    }
    #hero-inner h3 {
        font-size: 35px;
    }
    #hero-inner .container {
        padding-top: 30px;
    }
    .social-nav.inner-page li a {
        background-color: #fff;
    }
    .social-nav.inner-page li a svg {
        width: 16px;
        height: 16px;
        fill: #137878;
    }
    h5.read-more {
        font-size: 14px!important;
    }
    .border-div {
    border: 2px solid #07b2b2;
}
section.aboutus-sec3 {
    background-image: url(../images/plants-leafs.png), url(../images/aboutus-sec-bg-sm2.jpg);
    background-size: 9%,cover;
    background-repeat: no-repeat;
    background-position: left 6% bottom 0%, right bottom;
    padding: 60px 0px 140px 0px;
}
.product-two {
    background-size: 8%;
    background-position: left top 2%;
}
.product-second {
    background-position: right top 40%;
    background-size: 18%;
}
section.products {
    height: 40vh;
}
.border-div-black {
    margin: 0 15px;
}
.single-product {
    background-position: left -4.5% top 50%, right -3% top 40%, left bottom, right bottom 0%;
    background-size: 0%, 0%, 12%, 15%;
}
}
@media screen and (max-width:575px){
    section.about-one {
        background-image: url(../images/aboutus-sec1-leaf.jpg), url(../images/dots-sm.png), url(../images/harvest-leaf1.png), url(../images/product-category-bg-1.png), url(../images/product-category-bg-2.png), url(../images/leafsm4.png);
        background-position: left 3% top 13%, left 1% top 40%, right 3% top 60%, left 1% bottom 28%, left 4% bottom 0%, right 0% bottom 0%;
        background-repeat: no-repeat;
        background-size: 8%,5%,7%,7%,12%,10%;
        padding-bottom: 100px;
    }
}
@media screen and (max-width:500px) {
    #hero-inner {
        height: 76vh;
    }
    #hero-inner h3 {
        font-size: 30px;
    }
    .harvest-page-leaf {
        background-image: url(../images/leafsm1.png), url(../images/leafsm2.png), url(../images/leafsm3.png), url(../images/leafsm4.png);
        background-position: left top 10%, right top 10%, left top 60%,right bottom 5%;
        background-size: 5%,5%,5%,25%;
        background-repeat: no-repeat;
        padding: 50px 0px;
    }
}

@media screen and (max-width:500px) {
    #hero-inner h3 {
        font-size: 23px;
    }
    #hero-inner {
        height: 76vh;
    }
    #hero-inner .container {
        padding-top: 30px;
    }
}

@media screen and (max-width:501px) {
    #hero-inner {
        height: 75vh;
    }
    #hero-inner h3 {
        font-size: 25px;
    }
}


@media screen and (max-width:450px) {
    #hero-inner {
        height: 70vh;
    }
    #hero-inner .container {
        padding-top: 35px;
    }
    #hero-inner h3 {
        font-size: 20px;
    }
}
@media screen and (max-width:416px) {
    #hero-inner .container {
        padding-top: 30px;
    }
    #hero-inner {
        height: 63vh;
    }
    h5.abril-fatface.color-dark {
        font-size: 18px;
    }
    #hero-inner h3 {
        font-size: 18px;
    }
    h4.abril-fatface.color-light {
        font-size: 16px;
        line-height: 25px;
    }
    section.about-one {
        background-image: url(../images/aboutus-sec1-leaf.jpg), url(../images/dots-sm.png), url(../images/harvest-leaf1.png), url(../images/product-category-bg-1.png), url(../images/product-category-bg-2.png), url(../images/leafsm4.png);
        background-position: left 3% top 13%, left 1% top 35%, right 3% top 47%, left 1% bottom 46%, left 4% bottom 0%, right 0% bottom 0%;
        background-repeat: no-repeat;
        background-size: 8%,5%,7%,7%,16%,17%;
        padding-bottom: 100px;
    }
    section.aboutus-sec3 {
        background-image: url(../images/plants-leafs.png), url(../images/aboutus-sec-bg-sm2.jpg);
        background-size: 12%,cover;
        background-repeat: no-repeat;
        background-position: left 6% bottom 0%, right bottom;
        padding: 60px 0px 140px 0px;
    }
    section.products {
        height: 30vh;
    }
}
@media screen and (max-width:376px) {
    #hero-inner {
        height: 56.5vh;
    }
    .col-xl-6.col-lg-12.border-div.p-4 {
        padding: 15px 10px!important;
    }
    h5.abril-fatface.color-dark {
        font-size: 20.4px;
    }
    #hero-inner h3 {
        font-size: 17px;
    }
}
@media screen and (max-width:375px) {
    #hero-inner {
        height: 53.5vh;
    }
    .col-xl-6.col-lg-12.border-div.p-4 {
        padding: 15px 10px!important;
    }
    h5.abril-fatface.color-dark {
        font-size: 20.4px;
    }
    #hero-inner h3 {
        font-size: 17px;
    }
    section.about-one {
        background-size: 8%,5%,7%,7%,15%,16%;
    }
    h4.abril-fatface.color-light {
    font-size: 14px;
    line-height: 22px;
}
section.about-one {
    background-position: left 3% top 13%, left 1% top 34.5%, right 3% top 52%, left 1% bottom 34%, left 4% bottom 0%, right 0% bottom 0%;
}
h4.font-size-cs {
    font-size: 18px;
    padding-top: 25px!important;
}
.single-product {
    background-position: left -4.5% top 50%, right -3% top 40%, left bottom, right bottom 0%;
    background-size: 0%, 0%, 15%, 15%;
}
ul.list-type-decimal.list-unstyled li {
    margin-left: 0px;
}
.product-five {
    background-size: 18%,18%;
    background-position: right bottom 1%, left bottom 1%;
}
}
@media screen and (max-width:365px) {
     h4.abril-fatface.color-light {
    font-size: 12px;
    line-height: 20px;
}
h4.font-size-cs {
    font-size: 18px;
    padding-top: 25px!important;
}
}
@media screen and (min-width:320px) and (max-device-width: 360px){ 
    #hero-inner .container {
        padding-top: 10px;
    }
    #hero-inner {
        height: 61.5vh;
    }
    #hero-inner h3 {
        font-size: 14.9px;
    }
    h4.abril-fatface.color-light {
    font-size: 12px;
    line-height: 25px;
}
h4.font-size-cs {
    font-size: 18px;
    padding-top: 25px!important;
}
}