/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
    [class*="col-lg"], [class*="col-md"], [class*="col-sm"] [class*="col-xs"] {
        display: block;
        margin: 0 0 0 0;
    }
}

/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
    /* Responsive Menu */
    ul.main-menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

        .slicknav_menu ul {
            display: block;
        }

    .wrapper {
        overflow: hidden;
    }

    header .container, .custom-builder .container {
        width: 100%;
    }

    .logo {
        align-items: center;
        width: 40%;
    }

    .hearder-opt {
        width: 58%;
        justify-content: flex-end;
    }

    .main-number a {
        height: 42px;
        width: 42px;
        font-size: 0;
        line-height: 0;
    }

        .main-number a span {
            font-size: 0;
            line-height: 0;
        }

    .sidebar-right,
    .sidebar-left,
    .main-content {
        width: 100%;
        margin: 0 0 20px 0;
        position: initial;
    }

    ul.docs-list > li {
        width: 100%;
    }

    .faq-box .panel-group .panel a.collapsed,
    .faq-box .panel-group .panel a {
        padding: 10px 60px 15px 30px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        color: #080808;
        background: none;
        display: block;
        position: relative;
    }

    .faq-box .panel-group .panel a {
        background: #1da599;
        color: #fff;
    }

    .trans-list .sml-box {
        width: 48%;
    }

    .transport-sec .panel-body {
        padding: 15px 0 0;
    }

    .banner .img-holder figure {
        height: 100%;
    }

    .banner .img-holder {
        height: 500px;
    }

        .banner .img-holder figure img {
            height: 100%;
        }

        .banner .img-holder .sliding-images,
        .umrah-builder-sec span.shadow,
        .main-search .form-field:before,
        .curve-line,
        .pakage-sec span.shadow,
        .testimonial-sec .inner-box span.shadow {
            display: none;
        }

    ul.testimonail-slider button {
        top: -20px;
    }

    .top-search {
        top: 40px;
        left: 0;
        margin-left: 0;
        width: auto;
    }

        .top-search h1 {
            font-size: 35px;
            line-height: 40px;
        }

    .main-search {
        border-radius: 10px;
        padding: 10px;
        margin: 0 15px 15px 15px;
    }

        .main-search .form-field {
            padding: 0 0 0 40px;
            position: relative;
            width: 100%;
            height: 40px;
            margin-bottom: 15px;
        }

            .did-floating-label,
            .main-search .form-field .days-field {
                width: auto;
            }

            .main-search .form-field::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                background: #ddd;
                width: 100%;
                height: 1px;
            }

    .search-btn {
        position: relative;
        width: 100%;
    }

        .search-btn button {
            border-radius: 10px;
            width: 100%;
            height: 40px;
        }

        .search-btn:after {
            line-height: 40px;
            width: 100%;
            text-align: center;
        }

    .umrah-builder-sec,
    .pakage-sec {
        padding: 30px 0 0 0;
    }

    .main-heading h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .umrah-builder-sec .main-heading {
        padding: 0 0 20px 0;
    }

    .services-holder .service-box {
        margin: 0 0 30px 0 !important;
    }

    .testimonial-sec .inner-box {
        padding: 40px 0 0 0;
    }

    .testimonial-sec .col-lg-12:before {
        left: 30px;
        top: -26px;
        font-size: 70px;
    }

    ul.latest-umrah-slide li .img-holder figure figcaption {
        right: 95px;
    }

    ul.latest-umrah-slide .slick-track {
        height: 380px;
    }

    ul.package-list > li {
        width: 100%;
    }

    ul.news-list li {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

        ul.news-list li .img-holder figure figcaption {
            position: relative;
            right: 0px;
            top: -20px;
        }

        ul.news-list li .img-holder img {
            width: 100% !important;
            border-radius: 10px 10px 0 0 !important;
            height: auto !important;
        }

    .new-search {
        position: relative;
        top: -40px;
        margin: 0 0;
        border-radius: 20px;
    }

    .form-holder .fieldset .did-floating-label {
        top: 6px;
    }

    .form-holder .fieldset {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .form-holder .fieldset:last-child {
            width: 100%;
        }

    ul.hotel-tab-list li {
        margin: 0 0 15px 0;
        width: 100%;
    }
}

/* 767px to 480px */
@media screen and (max-width: 768px) {
}

/* 480px to 320px */
@media screen and (max-width: 480px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}