/* Small devices (portrait phones, 320px and up)*/

@media (min-width: 320px) {

    .layer1,

    .layer2,

    .layer3,

    .layer4 {

        background-size: contain !important;

        background-position: center;

        background-repeat:no-repeat;

        position: absolute;

        width: 100%;

        max-width:550px !important;

        height: 100vh;

        left: 5%;

        top: -5%;

    }

    .layer1 {

        background-image: url(../img/parallax-layer-0-small.png) !important;

    }



    .layer2 {

        background-image: url(../img/parallax-layer-1-small.png) !important;

    }



    .layer3 {

        background-image: url(../img/parallax-layer-2-small.png) !important;

    }

    .farmers-listing{

        position: relative;

        top: 0;

        left: 0;

        width: 100%;

    }

    .rice-header-bg, .oil-header-bg, .palm-jaggery-header-bg, .millets-header-bg{

        min-height:150px;

        background-attachment: inherit;

        background-position:right bottom;

    }

    .product-page h1{

        font-size: 3em;

    }

    .rice-header-bg span, .oil-header-bg span, .palm-jaggery-header-bg span, .millets-header-bg span{

        font-size: 1em;

        line-height: initial;

    }

    .product-para{

        font-size: 1em;

        line-height: 20px;

    }

    .product-pageh2{

        font-size: 2em;

    }

    .know-your-farmer-title{

        font-size: 1.5em;

        min-height: 100px;

        background-position: center;

    }

    .buy-original-content{

        font-size: 1.3em;

    }

    .buy-original-content span{

        font-size: 1.8em;

    }

    .farmer-profile-cont{

        width: 169px;

    }

    .farmer-dp{

        width: 60px;

        height: 60px;

    }

    .farmer-dp img{

        width:60px;

        height: 60px;

    border-radius: 60px;

    }

    .product-img{

        height:250px;

    }

}

@media (min-width: 565px) {

    .layer1 {

        background-image: url(../img/parallax-layer-0.png) !important;

    }



    .layer2 {

        background-image: url(../img/parallax-layer-1.png) !important;

    }



    .layer3 {

        background-image: url(../img/parallax-layer-2.png) !important;

    }

}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {

    .layer1,

    .layer2,

    .layer3,

    .layer4 {

        background-size: contain !important;

        background-position: center;

        background-repeat:no-repeat;

        position: absolute;

        width: 100%;

        max-width:900px !important;

        height: 100%;

        left: 0%;

        top: -10%;

    }

    .layer1 {

        background-image: url(../img/parallax-layer-0.png) !important;

    }



    .layer2 {

        background-image: url(../img/parallax-layer-1.png) !important;

    }



    .layer3 {

        background-image: url(../img/parallax-layer-2.png) !important;

    }	

    .farmer-profile-cont{

        width: 215px;

    }

}



/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {

    .layer1,

    .layer2,

    .layer3,

    .layer4 {

        background-size: contain !important;

        background-position: center;

        background-repeat:no-repeat;

        position: absolute;

        width: 100%;

        max-width:1400px !important;

        height: 100%;

        left: -1%;

        top: -15%;

    }



    .layer1 {

        background-image: url(../img/parallax-layer-0-small.png) !important;

    }



    .layer2 {

        background-image: url(../img/parallax-layer-1-small.png) !important;

    }



    .layer3 {

        background-image: url(../img/parallax-layer-2-small.png) !important;

    }

    .farmers-listing{

        position: relative;

        top: 20px;

        left: -50px;

        width: 106.5%;

    }

    .rice-header-bg, .oil-header-bg, .palm-jaggery-header-bg, .millets-header-bg{

        min-height:287px;

        background-size: inherit;

        background-attachment: fixed;

        background-position: right top;

    }

    .product-para{

        font-size: 24px;

        line-height: 30px;

    }

    .know-your-farmer-title{

        font-size: 40px;

        min-height: 358px;

    }

    .buy-original-content{

        font-size: 30px;

    }

    .buy-original-content span{

        font-size: 50px;

    }

    .farmer-profile-cont{

        width: 200px;

    }

    .farmer-dp{

        width: 50px;

        height: 50px;

    }

    .farmer-dp img{

        width:50px;

        height:50px;

    border-radius: 50px;

    }

    .product-img{

        height:auto;

    }

}



/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) { 

    .layer1,

    .layer2,

    .layer3,

    .layer4 {

        background-size: cover !important;

        background-position: center;

        background-repeat:no-repeat;

        position: absolute;

        width: 100%;

        max-width:1400px !important;

        height: 100%;

        left: -1%;

        top: -15%;

    }



    .layer1 {

        background-image: url(../img/parallax-layer-0.png) !important;

    }



    .layer2 {

        background-image: url(../img/parallax-layer-1.png) !important;

    }



    .layer3 {

        background-image: url(../img/parallax-layer-2.png) !important;

    }

    .product-page h1{

        font-size: 76px;

    }

    .rice-header-bg span, .oil-header-bg span, .palm-jaggery-header-bg span, .millets-header-bg span{

        font-size: 24px;

        line-height: initial;

    }

    .product-para{

        font-size: 24px;

    }

    .product-page h2{

        font-size: 40px;

    }

    .buy-original-content{

        font-size: 1.3em;

    }

    .farmers-listing{

        height:320px;

    max-height: 360px;

    }



}



/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) { 

    .farmer-dp{

        width:90px;

        height: 90px;

    }

    .farmer-dp img{

        width:90px;

        height: 90px;

        border-radius: 100px;

    }

    .farmer-profile-cont{

        width: 250px;

    }

}





/*OTHERS*/

@media (max-width: 767px) {

    .left-section {

        width:100%;

        max-width:100%;

        height:auto;

        border-bottom:1px solid #754c28;

        border-right:0;

    }

    .right-section{

        width:100%;

        height:100%;

        float:left;

    }

    .right-section h1{

        font-size:40px;

    }



    .menu-list{

        margin-top:0;

    }	

    .nav-side-menu {

        position: relative;

        width: 100%;

        margin-bottom: 10px;

        text-align:center;

    }

    .nav-side-menu .toggle-btn {

        display: block;

        cursor: pointer;

        position: absolute;

        right: 10px;

        top: 10px;

        z-index: 10 !important;

        padding: 3px;

        width: 40px;

        text-align: center;

    }

    .nav-side-menu ul, .nav-side-menu li{

        line-height:40px;

        border-bottom:1px solid #e1e1e1;

    }

    .nav-side-menu li {

        padding: 3px 0px 3px;

    }

    .nav-side-menu li:after {

        content: '';

        position: absolute;

        bottom: 0px;

        right: 0;

        width: 100%;

        height: 2px;

        background-color: #754c28;

        transform: scaleX(0);

        transform-origin: bottom right;

        transition: transform 0.3s;

    }

    .brand {

        text-align: left !important;

        font-size: 22px;

        padding-left: 20px;

        line-height: 50px !important;

    }

    .layer1,

    .layer2,

    .layer3,

    .layer4 {

        background-size: contain !important;

        width:100%;

    }

    .footer{

        float:left;

        width:100%;

        z-index:50;

        bottom:0;

        margin:10px 0;

        padding:10px 0;

        position:inherit;

        border-top:1px solid #754c28;

    }

    .footer ul li{

        float:left;

        margin:0;

        padding:0px 10px;

        list-style:none;

        text-align:center;

    }

    .slider-farmer .content,

    .slider-consumer .content{

        font-size:40px;

        font-weight:200;

        line-height:40px;

    }

    .sub-content{

        font-size:20px;

        font-weight:200;

        color:#223c2e;

    }

    .slider-farmer .carousel-caption, .slider-consumer .carousel-caption{

        top:25%;

        left:10%;

    }

    .copy-right{

        padding-right:10px;

    }



}

@media (min-width: 767px) {

    .nav-side-menu .menu-list .menu-content {

        display: block;

    }



}