@media only screen and (max-width : 992px) {
    .section-content .inner .left,
    .section-faq .inner .left
    {
        width: 330px;
    }
    .section-content .inner .right,
    .section-faq .inner .right
    {
        width: calc(100% - 375px);
    }
    .section-content .inner .left .section-title,
    .section-products .section-title,
    .section-faq .inner .left .section-title,
    .section-our-story .inner .left .section-title,
    .section-social .inner .section-title
    {
    }
    .section-our-story .inner .left{
        width: 50% !important;
    }
    .section-products .section-title{
        padding: 40px 0px;
    }
    .section-social .inner .feed{
        height: 190px !important;
    }
    .section-social .inner .feed img{
        width: 190px;
    }
    .section-social .inner .contact-email{
        margin: 55px 0px 25px 0px;
    }
}

@media only screen and (max-width : 768px) {
    .slider-main .item{
        height: 430px;
    }
    .slider-main .item .content {
        padding: 65px 25px;
    }
    .section-content .inner, .section-faq .inner, .section-our-story .inner{
        padding: 40px 25px;
    }
    .section-content .inner .left .section-title, 
    .section-products .section-title, 
    .section-faq .inner .left .section-title, 
    .section-our-story .inner .left .section-title, 
    .section-social .inner .section-title {
    }
    .section-content .inner .left, .section-faq .inner .left {
        width: 240px;
    }
    .section-content .inner .right, .section-faq .inner .right {
        width: calc(100% - 300px);
    }
    .section-products .section-title {
        padding: 30px 0px;
    }
    .product-scroller .item{
        height: 450px;
    }
}
@media only screen and (max-width : 767px) {
    .section-content .inner .left, .section-faq .inner .left {
        width: 100%;
        position: relative !important;
    }
    .section-content .inner .right, .section-faq .inner .right {
        width: 100%;
        margin-top: 25px;
    }
    .section-content .inner .middle{
        display: none;
    }
}
@media only screen and (max-width : 640px) {
    .slider-main .item{
        height: 400px;
    }
    .section-content .inner .left .section-title, 
    .section-products .section-title, 
    .section-faq .inner .left .section-title, 
    .section-our-story .inner .left .section-title, 
    .section-social .inner .section-title {
    }
    .section-products .section-title {
        padding: 25px 0px;
    }
    .product-scroller .item {
        height: 360px;
    }
    .section-faq .inner .right .section-text .faqs .faq{
        margin-bottom: 12px;
    }
    .section-faq .inner .right .section-text .faqs .faq .question{
        padding-bottom: 12px;
    }
    .section-our-story .inner .left {
        width: 100% !important;
    }
    .section-our-story .inner .left .content {
        margin-top: 20px;
    }
    .section-social .inner .feed {
        height: 150px !important;
    }
    .section-social .inner .feed img {
        width: 150px;
    }
    .section-social .inner .contact-email {
        margin: 45px 0px 0px 0px;
        font-size: 18px;
    }
}

@media only screen and (max-width : 480px) {
    .slider-main .item{
        height: 340px;
    }
    .slider-main .item .content {
        padding: 25px;
    }
    .slider-main .item .content .logo img {
        max-width: 150px;
        max-height: 150px;
    }
}

@media only screen and (max-width : 320px) {
    .slider-main .item{
        height: 240px;
    }
}
