@media (min-width: 180px) and (max-width: 319px) {
    /*=============================
    BANNER QUERY
    ==============================*/
    .banner .banner-content{
        height: 150px;
    }

    .banner .banner-content h4{
        padding: 50px 0;
    }

    /*=============================
    DESC QUERY
    ==============================*/
    .desc .desc-inner{
        width: 100%;
        margin: 0 auto;
    }

    .desc .desc-inner .desc-body .desc-body-text ul li{
        margin-left: 25px;
    }

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

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .column{
        float: left;
        width: 100px;
        height: 100px;
        margin: 5px;
    }

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .slider-prev{
        top: 15px;
    }

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .slider-next{
        top: 15px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    /*=============================
    BANNER QUERY
    ==============================*/
    .banner .banner-content{
        height: 200px;
    }

    .banner .banner-content h4{
        padding: 80px 0;
    }

    /*=============================
    DESC QUERY
    ==============================*/
    .desc .desc-inner{
        width: 100%;
        margin: 0 auto;
    }

    .desc .desc-inner .desc-body .desc-body-text ul li{
        margin-left: 25px;
    }

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

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .column{
        float: left;
        width: 100px;
        height: 100px;
        margin: 5px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    /*=============================
    BANNER QUERY
    ==============================*/
    .banner .banner-content{
        height: 200px;
    }

    .banner .banner-content h4{
        padding: 80px 0;
    }

    /*=============================
    DESC QUERY
    ==============================*/
    .desc .desc-inner{
        width: 100%;
        margin: 0 auto;
    }

    .desc .desc-inner .desc-body .desc-body-text ul li{
        margin-left: 25px;
    }

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

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .column{
        float: left;
        width: 120px;
        height: 120px;
        margin: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*=============================
    BANNER QUERY
    ==============================*/
    .banner .banner-content{
        height: 300px;
    }

    .banner .banner-content h4{
        padding: 120px 0;
    }

    /*==========================
    DESC QUERY
    ===========================*/
    .desc .desc-inner{
        width: 100%;
        margin: 0 auto;
    }

    .desc .desc-inner .desc-body .desc-body-image{
        margin-top: 25px;
    }

    .desc .desc-inner .desc-body .desc-body-text ul{
        margin-top: -15px;
    }

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

    .gallery .gallery-inner .gallery-body .gallery-slider .thumb-slider .column{
        float: left;
        width: 150px;
        height: 150px;
        margin: 5px;
    }
}