@media only screen and (max-width: 1200px){
    .recipe {
        .recipe-shape{
            right: 20%;
        }
        .recipe-shape1{
            left: 20%;
        }
    }

    .features {
        .feat-shape {
            &.first {
                img {
                    width: 400px;
                    height: 320px;
                }
            }
        }
    }

    .main-menu ul li a {
        font-size: 12px;
    }

    .qodef-side-area-opener.qodef-side-area-opener--predefined {
        padding: 14px 8px;
    }

    .main-menu ul li {
        margin: 0;
    }

    .ws-right-layer {
        margin-top: -200px;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        border-radius: 20px;
        z-index: 9;
        position: relative;
    }

    .middle-content {
        margin: 0 auto; 
        left: 0;
        right: 0;
    }

    .ws-img {
        height: 450px;
    }

    .contact-section-wrapper .contact-form-items-1 {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    .main-menu ul li a {
        font-size: 11px;
    }
}

@media only screen and (max-width: 991px){
    .section-suptitle {
        font-size: 22px;
    }

    .section-title, .pagination {
        font-size: 24px;
    }

    .wg-about-us p {
        font-size: 21px;
    }

    .dt-sc-button.medium {
        font-size: 15px;
        padding: 12px 25px 12px;
    }

    .step-box {
        margin-bottom: 20px;
    }

    /* .plate {
        height: 150vh;
        padding-top: 90px;
    } */

    .features {
        padding-top: 50px;
        padding-bottom: 50px;

        .feat-shape {
            &.first {
                img {
                    width: 350px;
                    height: 270px;
                }
            }
            &.third{
                top: 44%;
            }
        }
        .prodetail{
            margin-bottom: 30px;

            .heading2 {
                font-size: 30px;
            }
        }
    }

    .recipe {
        .recipe-shape{
            right: 15%;
        }
        .recipe-shape1{
            left: 15%;
        }
    }

    .recipe-box-wrapper{
        .recipe-detail{
            h4{
                font-size: 22px;
            }
        }
    }

    .testimonial {
        .swiper-button-next, .swiper-button-prev{
            top: 75%;
        } 
    }

    .new-infrastructure-sec {
        margin-bottom: 33rem;
    }

    .footer1{
        .footer-col {
            h4{
                font-size: 20px;
            }
        }
    }

    .step-box::after {
        display: none;
    }

    .content-inner-about-right .content-item-about {
        text-align: left;
    }

    .about-info {
        margin-bottom: 50px;
    }

    .ag-box {
        margin-right: 0;
    }

    .navbar-brand {
        width: 70px;
        display: block;
    }

    .slicknav_nav .slicknav_row, .slicknav_nav li a {
        font-size: 14px;
    }

}

@media only screen and (max-width: 768px){
    .footer1 {
        .footer-col {
            &.one{
                border-right: 0;
                margin-top: 130px;
            }
            &.two {
                margin-top: 30px;
                border-right: 0;
            }
            &.third {
                margin-top: 30px;
            }

        }
    }

    .plate {
        padding: 0px 0px 200px;

        .plate-img {
            margin-top: -45px;
        }
    }

    .plate:before {
        top: -30px;
    }

    .features {

        .feat-shape {
            &.first {
                display: none;
            }
            &.third{
                display: none;
            }
            &.forth {
                display: none;
            }
            &.second{
                display: none;
            }
        }
    }

    .recipe {
        .recipe-shape {
            right: 5%;
            top: 4%;
            img{
                width: 100px;
            }
        }
        .recipe-shape1 {
            left: 5%;
            top: 4%;
            img{
                width: 80px;
            }
        }
    }

    .our-services {
        padding: 50px 0px 50px;
    }

    .pro-des-content {
        margin-top: 20px;
    }

    .pro-des-content .section-title {
        font-size: 24px;
    }

    .disimg {
        margin-bottom: 20px;
        margin-top: 30px;
    } 

    .features-section {
        padding: 30px 0px;
    }

    .left-img-col {
        margin: 0;
    }
}

@media only screen and (max-width: 576px){
    .plate {
        padding: 0px 0px 100px;
    }
    
    .section-title, .pagination {
        font-size: 20px;
    }
    
    .section-suptitle {
        font-size: 19px;
    }
    
    .wg-about-us p {
        font-size: 18px;
    }

    .inner-about .content-inner-about-left .content-item-about h3 {
        font-size: 20px;
    }

    .features {
        .prodetail{

            .heading2 {
                font-size: 25px;
            }
        }
    }

    .recipe {
        .recipe-shape {
            right: 0%;
            img{
                width: 70px;
            }
        }
        .recipe-shape1 {
            left: 0%;
            top: 4%;
            img{
                width: 50px;
            }
        }
    }

    .recipe-box-wrapper{
        .recipe-detail{
            height: 270px;
            h4{
                font-size: 17px;
            }
            p{
                font-size: 14px;
            }
        }
        .recipe-img{
            margin-top: -35px;
        }
    }

    .feature-three__single .title-box h2 {
        font-size: 15px;
    }

    .ball1 {
        right: 60px;
        img{
            height: 160px;
        }
    }

    .ball2 {
        right: 5px;
    }

    .ag-box .counter {
        font-size: 24px;
    }

    .middle-content {
        width: 100%;
    }

    .products{
        .pro-wrapper{
            .pro-details{
                h5{
                    font-size: 15px;
                }
            }
        }
    }

    .chefno h5 {
        font-size: 16px;
    }

    .plate:before {
        top: -20px;
    }

    .plate {
        .plate-img{
            margin-top: -25px;
        }
    }

    .testimonial{
        .testibox   {
            .testi-content{
                p{
                    font-size: 16px;
                }
                h6{
                    font-size: 18px;
                }
            }
        }
    }

    .service-image {
        border-radius: 15px;
    }

    .service-body {
        left: 10px;
        right: 10px;
    }

    .service-item:hover .service-body {
        bottom: 0;
    }

    .service-content p {
        font-size: 13px;
    }

    .new-infrastructure-sec img {
        height: 200px;
    }
    
    .new-infrastructure-sec {
        margin-bottom: 25rem;
    }

    .footer1{
        .footer-col{
            h4{
                font-size: 17px;
            }
        }
    }

    .project-content .project-title {
        font-size: 18px
    }

    .ws-box-layer {
        display: block;
    } 

    .ws-box-inner h5 {
        text-align: left;
        font-size: 18px;
    }

    .ws-box-inner .mr-3 {
        width: 50px;
        margin-right: 15px;
    }

    .media-body p {
        text-align: left;
    }
}