/* Medium screen  */
@media (max-width: 1600px) {


    .speciality:before {
        width: 86px;
        content: '';
        background-size: 100%
    }

    .speciality:after {
        width: 182px;
        background-size: 100%
    }

}




/* Medium screen  */
@media (max-width: 1100px) {


    .speciality:before {
        display: none
    }

    .speciality:after {
        display: none
    }

}





/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .speciality-card-wrap .card::before {
        right: -275px;
    }


    /* ---- Contact Banner --- */
    .contact-banner .banner-content h1 {
        font-size: 80px;
    }

    .contact-banner .banner-content p {
        font-size: 22px;
    }

    .contact-banner .banner-content h2 {
        font-size: 50px;
    }

    .contact-banner .banner-content h4 {
        font-size: 30px;
    }


    /* --- Weekly Time --- */
    .weekly-time h2 {
        font-size: 40px;
    }

    .weekly-time .timing-text {
        font-size: 26px;
    }

}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*  Navbar */
    .navbar-nav li a::before {
        display: none;
    }

    .navbar-nav li .active::after {
        display: none;
    }

    .navbar-nav {
        margin-top: 20px;
    }

    .navbar-nav li {
        padding: 10px 0;
        border-bottom: 1px solid #eee;

    }

    .navbar-nav li:hover {
        background-color: #ff1120;
    }


    .speciality-card-wrap .col-lg-4 {
        padding-bottom: 50px;
    }

    .speciality-card-wrap .card .card-img-top {
        width: 100%;
    }

    .speciality-card-wrap .card::before {
        right: -675px;
    }

    #history .history-info {
        padding-left: 20px;
        padding-bottom: 40px;
    }

    .history-image-wrap .item::after {
        display: none;
    }


    /* ---- Contact Banner --- */
    .contact-banner .banner-content h1 {
        font-size: 80px;
    }

    .contact-banner .banner-content p {
        font-size: 22px;
    }

    .contact-banner .banner-content h2 {
        font-size: 50px;
    }

    .contact-banner .banner-content h4 {
        font-size: 30px;
    }


    /* --- Weekly Time --- */
    .weekly-time h2 {
        font-size: 40px;
    }

    .weekly-time .timing-text {
        font-size: 26px;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

    /*  Navbar */
    .navbar-nav li a::before {
        display: none;
    }

    .navbar-nav li .active::after {
        display: none;
    }

    .navbar-nav {
        margin-top: 20px;
    }

    .navbar-nav li {
        padding: 10px 0;
        border-bottom: 1px solid #999;

    }

    /* Home Banner Content */
    .home-content h1 {
        font-size: 3rem;
    }

    .home-content h5 {
        font-size: 1.5rem;
    }

    .btn.btn-primary {
        font-size: 1.5rem;
        padding-right: 5.5rem;
    }

    .speciality .section-head h2 {
        font-size: 45px;
    }


    .speciality-card-wrap .col-lg-4 {
        padding: 50px 0;
    }

    .speciality-card-wrap .card::before {
        display: none;
    }

    .speciality-card-wrap .card::after {
        display: none;
    }


    .speciality-card-wrap .card .card-img-top {
        width: 100%;
    }

    #history .history-info {
        padding-left: 10px;
        padding-bottom: 40px;
    }

    .history-image-wrap .item::after {
        display: none;
    }

    #history .row>* {
        padding-left: 10px;
        padding-right: 10px;
    }


    .copyright-info p {
        font-size: 20px;
    }



    /* ---- About ---- */

    /* About Banner */
    #about-banner .banner-content h1 {
        font-size: 60px;
    }

    #about-banner .banner-content p {
        font-size: 18px;
    }

    #about-banner .banner-content .img-fluid {
        max-width: 50%;
    }

    /* Comparison Banner */
    .comparison-text h2 {
        font-size: 45px;
    }

    .comparison-text p {
        font-size: 18px;
    }

    /* Ingredient Banner */
    .ingredient-text h2 {
        font-size: 45px;
    }

    .ingredient-text p {
        font-size: 18px;
    }

    /* Menu Section */
    #menu .section-heading {
        font-size: 55px;
    }

    #menu .menu-title {
        font-size: 24px;
    }

    .about-banner .banner-content h1 {
        font-size: 2.5rem
    }

    .about-banner .banner-content p {
        font-size: 1.25rem
    }


    /*========== Gallery ===================*/
    .gallery .heading h1 {
        font-size: 4rem;
    }

    .gallery .heading h5 {
        font-size: 20px;
    }

    .gallery-icon h3 {
        font-size: 1rem;
    }



    /* ---- Contact Banner --- */
    .contact-banner .banner-content h1 {
        font-size: 65px;
    }

    .contact-banner .banner-content p {
        font-size: 20px;
    }

    .contact-banner .banner-content h2 {
        font-size: 45px;
    }

    .contact-banner .banner-content h4 {
        font-size: 26px;
    }


    /* --- Weekly Time --- */
    .weekly-time h2 {
        font-size: 30px;
        padding: 0;
    }

    .weekly-time .timing-text {
        font-size: 20px;
        padding: 20px 0;
    }

    .weekly-time .col-md-9 {
        border-bottom: 1px solid #fff;
        margin-bottom: 15px;
    }

    .business-hour .title {
        font-size: 45px;
    }

}