@media (max-width:768px) {
    h3.heading-title {
        font-size: 30px;
    }
    .item div.banner-content {
        top: 14%;
    }
}



@media (max-width:767px) {
    .top-nav-area .logo {
        max-height: 40px;
    }

    .right-top-nav.navbar-nav {
        width: 100%;
    }

    .top-nav-area.navbar-default .navbar-nav > li > a {
        color: #bfbfbf;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        border-bottom: 1px solid #ff1012;
        font-weight: bold;
    }

    nav.navbar-default {
        border-color: #ff1012;
    }

    .right-top-nav.pull-right {
        float: none !important;
    }

    .top-nav-area .navbar-brand {
        /*height:50px;*/
        padding: 0;
        margin-left: 15px;
    }

    .top-nav-area .navbar-nav {
        width: inherit;
        text-align: center;
        margin: inherit;
        background: rgba(0, 0, 0, 0.83);
    }

    .intro-section {
        padding-top: 59px;
        height: initial;
    }

    h3.heading-title {
        border-bottom: 2px solid #ff1012;
        padding-bottom: 10px;
    }

        h3.heading-title:after, h3.heading-title:before {
            content: '';
            background: transparent;
            height: 2px;
            width: 35%;
            position: absolute;
            top: 54%;
        }

    .about-section h1 {
        font-size: 40px;
    }





    .testimonial h3.heading-title:after, .testimonial h3.heading-title:before {
        background: #ffffff;
        height: 0;
    }
    
    .testimonial h3.heading-title {
        border-bottom: 2px solid #fff;
        padding-bottom: 10px;
    }
    .package-plans h3.heading-title:after, .package-plans h3.heading-title:before {
        background: #ffffff;
        height: 0;
    }
    .package-plans h3.heading-title {
        border-bottom: 2px solid #fff;
    }


    .item div.banner-content {
        top: 20%;
        padding: 2px 5%;
    }

        .item div.banner-content p {
            line-height: 40px;
            font-size: 20px;
        }

            .item div.banner-content p.welcome-heading {
                font-size: 40px;
                line-height: 34px;
            }

    .contact-tab {
        margin-top: 20px;
    }

    .testimonial-img {
        width: 150px !important;
        height: 150px !important;
        border: 8px solid rgba(204, 204, 204, 0.61);
    }

    #filters.button-group {
        text-align: center;
        margin-bottom: 20px;
        position: fixed;
        z-index: 999;
        background: rgba(255, 255, 255, 0.8);
        top: 58px;
    }

    .grid {
        margin-top: 180px;
    }



    .lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        font-weight: 400;
        height: calc(100% - 50px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .panel-package {
      max-width:300px;
      margin:0 auto;
    }






}


@media (max-width:600px) {

    a.example-image-link:before {
        opacity: .6;
    }

    a.example-image-link span p {
        opacity: 1;
    }
}



@media (max-width:500px) {
    .item div.banner-content {
        top: 14%;
        padding: 2px 5%;
    }

        .item div.banner-content p {
            line-height: 32px;
            font-size: 20px;
        }

            .item div.banner-content p.welcome-heading {
                font-size: 30px;
            }
}


@media (max-width:480px) {
    .item div.banner-content {
        top: 8%;
        padding: 2px 5%;
    }

        .item div.banner-content p {
            line-height: 32px;
            font-size: 20px;
        }

            .item div.banner-content p.welcome-heading {
                font-size: 30px;
            }
}






@media (max-width:360px) {
    .item div.banner-content {
        top: 2%;
        padding: 2px 5%;
    }

        .item div.banner-content p {
            line-height: 27px;
            font-size: 15px;
        }

            .item div.banner-content p.welcome-heading {
                font-size: 20px;
            }

    .our-team-img {
        width: 100px !important;
        height: 100px !important;
    }
}