/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .menu-area {
        display: none
    }

    .header-button {
        display: none
    }

    .responsive-menu {
        display: block
    }

    .header-menu {
        padding: 10px 0
    }

    .section-heading {
        margin-bottom: 30px
    }

    .service-box,
    .expart-box,
    .testimonial-box,
    .blog-box {
        margin-top: 20px
    }

    .footer-logo img {
        width: 190px;
        margin-bottom: 8px
    }
    .practise-text{
        bottom: -70px
    }
    .main-blog .blog-box{
        margin-bottom: 30px;
        margin-top: 0
    }
}

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

    .header-button {
        display: none
    }

    .responsive-menu {
        display: block
    }

    .header-menu {
        padding: 10px 0
    }



    .section-heading {
        margin-bottom: 30px
    }

    .hero-content .h1 {
        font-size: 35px
    }

    .about-text p {
        margin-bottom: 20px
    }
    .practise-text{
        bottom: -75px
    }

    .expart-box,
    .testimonial-box,
    .blog-box {
        margin-top: 20px;
    }

    .service-box {
        margin-top: 20px;
        width: 75%;
        margin: 30px auto 0;
    }

    .counter-area {
        padding: 90px 0
    }

    .counter-box {
        margin: 10px 0
    }

    .appoinment-box {
        padding: 0
    }

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

    .comments-reply-box {
        margin-left: 0
    }
    .main-blog .blog-box{
        margin-bottom: 30px;
        margin-top: 0
    }
}

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

    .header-button {
        display: none
    }

    .responsive-menu {
        display: block
    }

    .header-menu {
        padding: 10px 0
    }

    .about-img::before {
        right: 0
    }

    .about-img img {
        padding-right: 20px;
    }

    .about-text p {
        margin-bottom: 20px
    }

    .header-top-inn {
        display: block;
        text-align: center
    }

    .header-top {
        padding: 0 !important
    }

    .header-top-left ul li {
        margin: 5px
    }

    .header-top-right ul li {
        margin: 0 20px
    }

    .hero-area .item {
        height: 320px
    }

    .hero-content .h1 {
        font-size: 30px
    }

    .side-heading {
        text-align: center
    }

    .section-heading {
        margin-bottom: 30px
    }

    .service-box,
    .testimonial-box,
    .expart-box,
    .blog-box {
        margin-top: 20px
    }
    .main-blog .blog-box{
        margin-bottom: 30px;
        margin-top: 0
    }
    .blog-search-box{
        margin-top: 30px
    }
    .pagination{
        margin-top: 20px
    }
    .counter-area {
        padding: 90px 0
    }

    .counter-box {
        margin: 10px 0
    }

    .practise-details-img img {
        margin: 10px 0
    }

    .appoinment-area .section-heading {
        margin-bottom: 50px
    }

    .appoinment-box {
        margin: 0;
        padding: 0
    }


    .contact-box {
        margin: 0
    }

    .comments-btn {
        text-align: center;
        margin-bottom: 20px;
    }

    .blog-comments-box-img{
        width: 100px
    }

    .blog-comments-box-title {
        margin-bottom: 10px;
    }
}

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

    .hero-content .h1 {
        font-size: 40px
    }

    .practise-text {
        bottom: -100px
    }
}