/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    header nav li a {
        padding: 25px 6px;
    }

    h2 {
        font-size: 40px;
        line-height: 56px;
    }

    section.hero-area p {
        padding: 30px 0;
    }

    section.about-area h2 {
        padding-bottom: 20px;
    }

    .about-area h4 {
        padding-bottom: 10px;
    }

    .single-service {
        padding: 30px 10px 30px 20px;
    }

    .counter-area h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .team-detail li {
        height: 35px;
        width: 35px;
    }

    .team-detail li a {
        margin-top: 2px;
    }

    .team-detail ul {
        transform: translate(5%, 0%);
    }
    .single-team:hover .team-detail ul {
        transform: translate(5%, -220%);
    }
    .shedule {
        margin-right: 15px;
    }

    .single-blog-sm img {
        width: 150px;
        height: 100%;
    }

    .blog-detail h4 {
        padding: 37px 0;
    }
    .single-blog-sm a.read-more-btn {
        padding-top: 12px 0;
    }
    .single-blog-lg .shedule {
        margin: 0;
        margin-right: 15px;
    }
    .single-blog-sm .blog-detail h4 {
        padding: 10px 0;
    }
    .single-blog-lg img {
        height: auto;
    }
    .single-blog-sm {
        align-items: end;
    }
    .single-blog-sm .shedule {
        margin: 0 15px 15px 0;
    }

    .single-blog-sm {
        margin-bottom: 39px;
    }

    /*========= Crumbs Area ==========*/
    .hero-area.crumbs h2 {
        font-size: 26px;
        line-height: 38px;
    }

    .blog-details-content .cover-img img {
        margin: 20px 0;
    }

    .img-bottom {
        padding-bottom: 20px;
    }


    .name {
        margin-right: 20px;
    }

    .single-btn {
        width: 100%;
    }

}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slicknav_menu {
        display: block;
    }

    .main-menu {
        display: none
    }

    header.header-area {
        padding: 25px 0 10px;
    }

    h2 {
        font-size: 36px;
        line-height: 48px;
    }

    section.hero-area {
        height: 600px;
        background-position: right;
    }

    section.hero-area p {
        padding: 30px 0;
    }

    .ptb--100 {
        padding: 80px 0;
    }

    .about-detail {
        padding-top: 30px;
    }

    section.about-area h2 {
        padding-bottom: 10px;
    }

    .about-area h4 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .section-heading {
        padding-bottom: 50px;
    }

    .project-area img {
        min-width: 100%;
    }

    .counter-area .col-md-6:nth-child(3),
    .counter-area .col-md-6:nth-child(4) {
        margin-top: 50px;
    }

    .single-team img {
        min-width: 100%;
    }

    .single-team {
        margin-top: 30px;
    }

    .team-area .section-heading {
        padding-bottom: 20px;
    }
    .single-team .team-detail ul {
        transform: translate(25%, 0%)
    }
    .single-team:hover .team-detail ul {
        transform: translate(25%, -200%)
    }

    .single-blog-lg {
        margin-bottom: 30px;
    }
    .single-blog-lg img {
        height: auto;
    }
    section.contact-area .container {
        padding: 60px 30px;
    }

    .contact-box:first-child {
        margin-top: 60px;
    }

    .footer-top .section-heading p {
        padding: 20px 40px 40px;
    }

    /* ================ Crumbs Area ============== */
    .hero-area.crumbs h2 {
        font-size: 26px;
    }

    .name,
    .email {
        width: 100%;
    }

    .catagories li,
    .archives li {
        display: inline-block;
        padding-right: 30px;
    }

    .catagories h4,
    .archives h4 {
        margin: 0;
    }

    .blog-subscribe {
        margin-bottom: 30px;
    }

    section.blog-details-content .col-lg-3 img {
        display: none;
    }

    .blog-detail-heading {
        padding-top: 30px;
    }

    .blog-detail-heading h3 {
        margin: 0;
    }

    .blog-details-content .single-blog-sm {
        margin-top: 30px;
    }

}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 1200px) {
    .slicknav_menu {
        display: block;
    }

    .main-menu {
        display: none
    }

    header.header-area {
        padding: 20px 0 0;
    }

    .hero-area,
    .about-area,
    .service-area,
    .project-area,
    .counter-area,
    .team-area,
    .testimonial-area,
    .blog-area,
    .subscribe-area,
    .contact-area,
    .footer-top {
        text-align: center;
    }



    section.hero-area h2 {
        line-height: 36px;
        margin: 0;
    }

    section.hero-area p {
        padding: 20px 0;
    }

    section.hero-area {
        height: 630px;
    }

    section.hero-area:after {
        background-position: left;
    }

    section.about-area h2 {
        padding: 30px 0 15px;
    }

    .about-area h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
    }

    .ptb--100 {
        padding: 60px 0;
    }

    a.hero-btn {
        border: 1px solid #fff;
        padding: 5px 20px;
        margin-right: 5px;
        font-weight: 500;
    }

    section.service-area {
        padding: 60px 0 55px;
    }

    .testimonial-area p {
        padding: 0 20px;
    }

    .slider-arrows {
        right: 20px;
    }

    .owl-carousel .owl-item img {
        display: initial;
        margin-bottom: 10px;
    }

    .testimonial-area img {
        float: none;
        margin-bottom: 20px;
    }

    .single-service h4 {
        padding: 16px 0;
    }

    .single-service {
        width: 130%;
        margin: 5px auto;
        height: auto;
    }

    .section-heading {
        padding-bottom: 40px;
    }

    .section-heading h2 {
        padding-bottom: 15px;
    }

    h2 {
        font-size: 26px;
        line-height: 22px;
    }

    ul#mesonary-nav li {
        padding: 0 10px;
    }

    .project-area img {
        position: relative;
        max-width: 100%;
        min-width: 100%;
    }

    .count-number img,
    .count-number h2 {
        float: none;
        display: inline-block;
        margin-right: 5px;
    }

    .count-number h2 {
        margin: 0;
        position: relative;
    }

    .count-number img {
        height: 40px;
        width: 40px;
    }

    .count-number {
        padding-bottom: 10px;
        display: inline-flex;
        align-items: center;
    }

    .counter-area .col-lg-3 {
        padding-bottom: 50px;
    }

    .counter-area .col-lg-3:last-child {
        padding: 0;
    }

    .counter-area .col-lg-3 h4 {
        padding: 0 50px;
    }

    .single-team img {
        min-width: 100%;
    }

    .team-area .col-lg-3 .single-team {
        margin-bottom: 40px;
    }

    .team-area .col-lg-3:last-child .single-team {
        margin-bottom: 0;
    }

    .single-team .team-detail ul {
        transform: translate(35%, 0);
    }
    .single-team:hover .team-detail ul {
        transform: translate(35%, -200%);
    }

    .testimonial-area .col-lg-10 {
        display: block;
    }

    .shedule {
        margin-right: 15px;
    }
    .single-blog-lg .shedule {
        margin-top: 0;
    }
    .blog-detail h4 {
        font-size: 18px;
    }

    .single-blog-lg {
        margin-bottom: 40px;
    }

    .single-blog-sm img {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .single-blog-sm .shedule {
        text-align: center;
        margin-right: 0;
        margin-left: 20px;
    }
    .blog-detail {
        text-align: left;
    }

    .single-blog-sm .shedule:first-child {
        margin-left: 0;
    }
    .prev,
    .next {
        width: 100%;
        display: block;
    }

    .next .next-prev-details span {
        right: 20px;
    }

    .prev img,
    .next img {
        margin: 10px 0;
    }

    .next {
        display: flex;
        flex-direction: column-reverse;
    }

    .next img {
        margin-left: auto;
    }

    .next-prev-details h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .blog-detail h4 {
        padding-bottom: 10px;
    }

    section.contact-area .container {
        padding: 50px 20px;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"] {
        width: 100%;
    }

    section.contact-area textarea {
        width: 100%;
    }

    input.rakika-btn {
        margin-top: 30px;
    }

    .contact-box {
        margin-bottom: 20px;
        text-align: left;
    }


    .contact-area input[type="text"],
    .contact-area input[type="email"],
    .contact-area input[type="tel"] {
        width: 100%;
        margin-right: 0;
    }

    .contact-area form {
        margin-bottom: 50px;
    }

    .contact-box .fa-map-marker-alt,
    .contact-box .fa-envelope,
    .contact-box .fa-phone {
        margin-top: 5px;
        font-size: 18px;
    }

    .footer-top .section-heading p {
        font-size: 16px;
        padding: 10px 20px 40px;
    }

    /* ===================== Crumbs Area =======================*/
    header.header-area.blog-details.dark .row.align-items-center {
        margin: 0;
    }

    .hero-area.hero-2 {
        height: 500px;
    }


    .hero-area.crumbs h2 {
        font-size: 26px;
        line-height: 38px;
        padding: 0;
    }

    .hero-area.hero-2 p {
        padding: 20px 0;
    }

    .blog-details-content .cover-img img {
        margin: 10px 0;
    }

    .img-bottom p {
        padding-right: 20px;
        font-size: 14px;
    }

    .img-bottom {
        padding-bottom: 20px;
    }

    .quote {
        margin: 20px 0;
    }

    .social-share {
        padding: 30px 0;
    }

    .name {
        margin: 0;
    }

    .name,
    .email {
        width: 100%;
    }

    .reply-form form input[type="text"],
    .reply-form form input[type="email"],
    .reply-form form input[type="url"],
    textarea {
        margin: 2px 0 10px;
    }

    .catagories {
        float: left;
        width: 50%;
    }

    .catagories h4 {
        margin: 0;
    }

    section.blog-details-content .col-lg-3 img {
        display: none;
    }

    .blog-detail-heading {
        padding-top: 0;
    }

    .blog-detail-heading h3 {
        margin: 0;
    }

    .single-blog-sm:last-child,
    .single-blog-sm {
        display: block;
        margin-top: 30px;
    }

    .post-details h6 {
        font-size: 14px;
    }

    .latest-details {
        margin-bottom: 20px;
    }

    .single-blog-sm img {
        min-width: 100%;
        margin-bottom: 15px;
    }

    .blog-details-content .single-blog-sm .shedule {
        margin: 0 30px 0 0;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .counter-area .col-lg-3 h4 {
        padding: 0 100px;
    }
    .team-detail li {
        height: 35px;
        width: 35px;
    }
    .team-detail li a {
        margin: 3px;
    }

    .single-team .team-detail ul {
        transform: translate(12%, 0);
    }
    .single-team:hover .team-detail ul {
        transform: translate(12%, -220%);
    }
    .team-area .col-lg-3:nth-child(3) .single-team,
    .team-area .col-lg-3:nth-child(4) .single-team {
        margin: 0;
    }

    .single-blog-sm img {
        height: 340px;
    }

    .single-blog-sm .shedule {
        margin-left: 55px;
    }

    .single-blog-sm .blog-detail {
        padding: 5px 0 20px;
    }

    .contact-box {
        margin-bottom: 30px;
    }

}