@media (min-width: 180px) and (max-width: 319px) {
    /*=============================
    SLIDESHOW QUERY
    =============================*/
    .slideshow{
        height: auto;
    }

    .slideshow .carousel-control-prev,
    .slideshow .carousel-control-next{
        display: block;
        top: 55%;
    }

    .slideshow .carousel-control-next{
        right: 35px;
    }

    .slideshow .carousel-indicators{
        margin-bottom: 10px;
    }

    .slideshow .carousel-inner .carousel-item{
        height: 550px;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption{
        width: 95%;
        margin: 100px 5px 0 5px;
        background: none;
        padding: 5px;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption h3{
        margin-left: 0;
        color: #fff;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption p{
        margin-left: 0;
        color: #fff;
    }

    /*=====================================
    ABOUT US QUERY
    =====================================*/
    .about-us{
        margin-top: 0;
        height: auto;
    }

    .about-us .about-us-inner{
        width: 100%;
        margin: 0 auto;
    }

    .about-us .about-us-inner .about-us-text h4{
        margin: 15px 0 0 0;
    }

    .about-us .about-us-inner .about-us-text img{
        width: 125%;
        height: auto;
        top: 75px;
    }

    .about-us .about-us-inner .about-us-text p{
        margin: 520px 0 0 0;
    }

    .about-us .about-us-inner .about-us-text a{
        float: left;
    }

    /*===============================
    BENEFIT QUERY
    ===============================*/
    .benefit{
        margin-top: 0;
    }

    .benefit .benefit-inner{
        width: 100%;
        margin: 0 auto;
    }

    .benefit .benefit-inner .benefit-image-col img{
        width: 125%;
        top: -25px;
    }

    .benefit .benefit-inner .benefit-image-col h4{
        margin: 450px 0 0 0;
    }

    .benefit .benefit-inner .benefit-image-col p{
        margin: 25px 0 0 0;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-col{
        width: 100%;
        margin-left: 0;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-small-col{
        width: 100%;
    }

    /*==================================
    ITEM GALLERY QUERY
    ===================================*/
    .item-gallery .item-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*==================================
    REVIEW SECTION QUERY
    ===================================*/
    .review-section{
        background-size: cover;
        height: auto;
    }

    .review-section .review-section-inner .review-slider .review-slider-carousel .img{
        display: none;
    }

    .review-section .review-section-inner .review-slider .review-slider-carousel{
        margin-top: 25px;
        width: 100%;
    }

    /*===============================
    V GALLERY QUERY
    ===============================*/
    .v-gallery .v-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    .v-gallery .v-gallery-inner .slider-item{
        width: 100%;
        height: auto;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    /*==============================
    SLIDESHOW QUERY
    ==============================*/
    .slideshow{
        height: auto;
    }

    .slideshow .carousel-control-prev,
    .slideshow .carousel-control-next{
        display: block;
    }

    .slideshow .carousel-control-prev i.fa-angle-left,
    .slideshow .carousel-control-next i.fa-angle-right{
        background: none;
        padding: 15px 25px;
        border-radius: 100%;
        z-index: 1;
        color: #991f00;
    }

    .slideshow .carousel-inner .carousel-item{
        height: 350px;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption{
        background: none;
        width: 97%;
        margin: 50px 5px 0 5px;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption h3{
        margin-left: 5px;
        color: #fff;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption p{
        margin-left: 0;
        color: #fff;
    }

    .slideshow .carousel-indicators{
        margin-bottom: 10px;
    }

    /*======================================
    ABOUT US QUERY
    ======================================*/
    .about-us{
        margin-top: 0;
        height: auto;
    }

    .about-us .about-us-inner{
        width: 100%;
        margin: 0 auto;
    }

    .about-us .about-us-inner .about-us-text h4{
        margin: 15px 0 0 0;
    }

    .about-us .about-us-inner .about-us-text img{
        width: 125%;
        height: auto;
        top: 80px;
    }

    .about-us .about-us-inner .about-us-text p{
        margin: 800px 0 0 0;
    }

    .about-us .about-us-inner .about-us-text a{
        float: left;
    }

    /*====================================
    BENEFIT QUERY
    ====================================*/
    .benefit{
        margin-top: 0;
    }

    .benefit .benefit-inner{
        width: 100%;
        margin: 0 auto;
    }

    .benefit .benefit-inner .benefit-image-col img{
        width: 110%;
        top: -25px;
    }

    .benefit .benefit-inner .benefit-image-col h4{
        margin: 480px 0 0 0;
    }

    .benefit .benefit-inner .benefit-image-col p{
        margin: 25px 0 0 0;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-col{
        width: 100%;
        margin-left: 0;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-col .benefit-small-col{
        width: 100%;
    }

    /*==========================
    ITEM GALLERY QUERY
    ===========================*/
    .item-gallery .item-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*==================================
    REVIEW SECTION CSS
    ==================================*/
    .review-section{
        background-size: cover;
        height: auto;
    }

    .review-section .review-section-inner{
        height: auto;
    }

    .review-section .review-section-inner .review-slider .review-slider-carousel .img{
        display: none;
    }

    .review-section .review-section-inner .review-slider{
        width: 100%;
        margin: 0 auto;
    }

    .review-section .review-section-inner .review-slider .review-slider-carousel{
        width: 100%;
        margin-top: 25px;
    }

    /*===============================
    V GALLERY QUERY
    ===============================*/
    .v-gallery .v-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    .v-gallery .v-gallery-inner .slider-item{
        width: 100%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-image{
        width: 55%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-text{
        width: 45%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    /*===============================
    SLIDESHOW QUERY
    ================================*/
    .slideshow{
        height: auto;
    }

    .slideshow .carousel-control-prev,
    .slideshow .carousel-control-next{
        display: block;
    }

    .slideshow .carousel-inner .carousel-item{
        height: 350px;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption{
        width: 95%;
        margin: 50px 5px 0 5px;
        /* background: linear-gradient(to bottom right, #ff3300 0%, #991f00 100%); */
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption p{
        width: 50%;
        margin-top: 25px;
        margin-left: 95px;
    }

    .slideshow .carousel-indicators{
        margin-bottom: 10px;
    }

    /*===============================
    ABOUT US QUERY
    ===============================*/
    .about-us{
        margin-top: 45px;
        height: 550px;
    }

    .about-us .about-us-inner{
        width: 85%;
        margin: 0 auto;
    }

    .about-us .about-us-inner .about-us-text img{
        top: -25px;
    }

    .about-us .about-us-inner .about-us-text h4{
        margin: 50px 0 0 50px;
    }

    /*============================
    BENEFIT QUERY
    ============================*/
    .benefit{
        margin: 0;
    }

    .benefit .benefit-inner{
        width: 100%;
        margin: 0 auto;
    }

    .benefit .benefit-inner .benefit-image-col img{
        width: 60%;
    }

    .benefit .benefit-inner .benefit-image-col h4{
        margin: 30px 0 0 25px;
    }

    .benefit .benefit-inner .benefit-image-col p{
        margin: 25px 0 0 50px;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-col{
        margin-left: 0;
        width: 120%;
    }

    /*=================================
    ITEM GALLERY QUERY
    ==================================*/
    .item-gallery .item-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*================================
    REVIEW SECTION QUERY
    =================================*/
    .review-section{
        background-size: cover;
        height: 400px;
    }

    .review-section .review-section-inner{
        height: 400px;
    }

    .review-section .review-section-inner .review-slider .review-slider-carousel .img{
        width: 55%;
    }

    /*==============================
    V GALLERY QUERY
    ===============================*/
    .v-gallery .v-gallery-inner{
        width: 100%;
        margin: 0 auto;
    }

    .v-gallery .v-gallery-inner .slider-item{
        width: 48%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-image{
        width: 45%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-text{
        width: 55%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /*==============================
    SLIDESHOW QUERY
    ==============================*/
    .slideshow{
        height: auto;
    }

    .slideshow .carousel-inner .carousel-item .slideshow-caption p{
        width: 75%;
    }

    .slideshow .carousel-indicators{
        margin-bottom: 10px;
    }

    /*===========================
    ABOUT US QUERY
    ===========================*/
    .about-us{
        margin-top: 0;
    }

    .about-us .about-us-inner .about-us-text img{
        top: 55px;
    }

    .about-us .about-us-inner .about-us-text h4{
        margin: 55px 0 0 50px;
    }

    /*===================================
    BENEFIT QUERY
    ====================================*/
    .benefit .benefit-inner .benefit-image-col img{
        width: 55%;
    }

    .benefit .benefit-inner .benefit-image-col p{
        margin-left: 150px;
        width: 100%;
    }

    .benefit .benefit-inner .benefit-image-col .benefit-col{
        margin-left: 80px;
        width: 100%;
    }

    /*===============================
    BENEFIT SECTION QUERY
    ================================*/
    .review-section{
        background-size: cover;
        height: 400px;
    }

    .review-section .review-section-inner{
        height: 400px;
    }

    /*==============================
    V GALLERY QUERY
    ===============================*/
    .v-gallery .v-gallery-inner .slider-item{
        width: 48%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-image{
        width: 45%;
    }

    .v-gallery .v-gallery-inner .slider-item .column-text{
        width: 55%;
    }
}