/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 55%;
    }

    .container,
    .custom_container {
        max-width: 960px;
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .hero_btmItem2::before {
        left: -4.5rem;
    }

    .service_main {
        padding: 18rem 4rem;
    }

    .quote_main .shape2 {
        max-width: 82%;
        right: 10%;
    }

    .testimonial_box .shape3 {
        max-width: 28rem;
    }

    .footer_main {
        padding: 1rem 4rem 7.6rem;
    }

    .footer_main .line4s {
        right: 11%;
    }

    .ab-hero-area .hero_left {
        padding-right: 15px;
    }

    /*==== about page ====*/
    .ab-quote-area .quote_main {
        padding-bottom: 12.2rem;
    }

    .ab-team-area {
        padding-top: 12.525rem;
        padding-bottom: 17.82rem;
    }

    /*==== blog page ====*/

    .single-bg-box {
        padding: 60px 60px;
    }

    .blog-content {
        padding-bottom: 118px;
    }

    .blog-article {
        margin-top: 110px;
        margin-bottom: 220px;
    }

    .control-upper-btn ul li a {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }

    .contact-title h2 {
        font-size: 55px;
    }

    .contact-area {
        margin-bottom: 145px;
    }

    .contact-location {
        margin-bottom: 350px;
    }

    .quote_main .shape2 {
        top: -5px;
    }
}

/*
====================================
Small Screen - Tablate
====================================
*/
@media (max-width: 991px) {
    .header_area {
        width: 100%;
        background: var(--white);
        display: block;
        position: sticky;
        top: 0;
    }

    .header_main {
        border-bottom: 1px solid #eceff3;
        padding: 2.8rem 0 2.4rem;
    }

    .hamburger-menu {
        display: inline-block;
    }

    .ofcavas-menu {
        display: block;
    }

    .hero_area {
        padding-top: 7rem;
    }

    .line_shape {
        max-width: 92%;
    }

    .hero_left h1 {
        font-size: 5.4rem;
    }

    .hero_main {
        overflow: hidden;
        padding-bottom: 8rem;
    }

    .hero_bottom {
        margin-top: 5rem;
    }

    .hero_left,
    .hero_btmright {
        margin-top: 3.5rem;
    }

    .hero_btmItem2::before {
        left: -50%;
        transform: translateX(50%);
    }

    .service_area {
        padding: 14rem 0 4.5rem;
    }

    .service_item img {
        width: 100%;
    }

    .service_main {
        padding: 14rem 4rem;
    }

    .ourserv_row {
        grid-template-columns: repeat(2, 1fr);
    }

    .quote_main .shape2 {
        display: none;
    }

    .quote_main {
        padding: 8rem 4.5rem;
        display: block;
    }

    .quote_main > div {
        max-width: 100%;
        text-align: center;
    }

    .quote_left {
        max-width: 100%;
    }

    .quote_left a {
        margin-top: 4rem;
    }

    .testimonial_box {
        padding: 10rem 4.5rem;
    }

    .testimonial_box .shape3 {
        display: none;
    }

    .testimonial_item h4 {
        font-size: 3.6rem;
    }

    .blog_main {
        grid-template-columns: 1fr;
    }

    .footer_upper {
        display: block;
        text-align: center;
        margin-top: -12.5rem;
    }

    .footer_upper h3 {
        margin-left: auto;
        margin-right: auto;
    }

    .footer_upper ul {
        margin-top: 3rem;
        justify-content: center;
    }

    .footer_main .line4s {
        display: none;
    }

    .footer_leftMenu {
        margin-bottom: 4rem;
    }

    .copyright_cnt p {
        text-align: center;
    }

    .single-counter {
        padding-bottom: 3.813rem;
    }

    .ab-service-area {
        padding-top: 7.25rem;
    }

    /*==== about page ====*/

    .ab-service-area .service_cnt {
        padding-top: 30px;
    }

    /*==== contact page ====*/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 50%;
    }

    .container,
    .custom_container {
        max-width: 720px;
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    /*==== about page ====*/
    .ab-hero-area .ab-hero-img {
        padding-bottom: 0px;
    }

    .ab-hero-area .ab-hero-img img {
        width: 100%;
    }

    .faq-area {
        padding: 11.025rem 0;
        padding-bottom: 5.525rem;
    }

    .faq-area > .container {
        max-width: 720px;
    }

    .accordion .link {
        padding: 34px 40px 34px 32px;
    }

    .accordion li span {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .ab-team-area {
        padding-top: 9.525rem;
        padding-bottom: 13.82rem;
    }

    .ab-team-area .single-team {
        margin-bottom: 30px;
    }

    /*==== blog page ====*/

    .main-blog-area {
        margin-top: 60px;
    }

    .blog-content {
        padding-bottom: 100px;
    }

    .main-blog-area h3 {
        font-size: 33px;
    }

    .single-bg-box {
        padding: 60px 85px;
    }

    .blog-right {
        margin-top: 30px;
    }

    .blog-right h3 {
        margin-bottom: 38px;
    }

    .blog-article {
        margin-top: 70px;
        margin-bottom: 145px;
    }

    .blog-article-title {
        margin-bottom: 60px;
    }

    .blog-article-title h2 {
        margin-bottom: 20px;
    }

    .single-blog-post {
        margin-bottom: 30px;
    }

    .sb-post-cnt {
        padding: 32px 20px;
    }

    .contact-area {
        margin-top: 40px;
        margin-bottom: 110px;
    }

    .contact-location {
        margin-bottom: 300px;
    }

    .contact-location .location-content div p {
        padding-right: 40px;
    }

    .contact-title h2 {
        font-size: 44px;
    }

    .form-right {
        padding: 58px 30px 65px 30px;
        margin-top: 60px;
    }

    .form-right h3 {
        font-size: 34px;
    }

    .header-update-top {
        position: static !important;
    }
}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {
    html {
        font-size: 48%;
    }

    .container,
    .custom_container {
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .ourserv_row {
        grid-template-columns: 1fr;
    }

    .hero_left {
        padding-left: 3rem;
    }

    .line_shape {
        max-width: 100%;
    }

    .hero_btmItem2::before {
        left: -30%;
        transform: translateX(40%);
    }

    .footer_main {
        padding: 1rem 4rem 7.6rem;
    }

    /*==== about page ====*/
    .ab-hero-area .hero_left {
        padding-right: 15px;
    }

    .ab-hero-area .ab-hero-img {
        padding-bottom: 0px;
    }

    .faq-area {
        padding: 9.025rem 0;
        padding-bottom: 4.525rem;
    }

    .faq-area > .container {
        max-width: 540px;
    }

    .accordion li span {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 17px;
    }

    .accordion .link {
        padding: 25px 55px 25px 20px;
    }

    .submenu {
        padding: 30px 20px;
    }

    .accordion li span {
        right: 15px;
    }

    .ab-team-area {
        padding-top: 5.525rem;
        padding-bottom: 8.82rem;
    }

    .ab-team-area .single-team {
        margin-bottom: 25px;
    }

    .location-area .location-map {
        padding: 40px 30px 70px 30px;
    }

    .location-area .location-content {
        padding: 50px 20px;
        padding-bottom: 45px;
    }

    /*==== blog page ====*/
    .bh-overlay {
        padding: 100px 0;
    }

    .bh-content h1 {
        font-size: 4rem;
    }

    .main-blog-area {
        margin-top: 45px;
    }

    .blog-content {
        padding-bottom: 60px;
    }

    .main-blog-area h3 {
        font-size: 27px;
    }

    .single-bg-box {
        padding: 25px 30px;
    }

    .blog-right {
        padding: 35px 30px 35px 30px;
        margin-top: 25px;
    }

    .blog-right h3 {
        margin-bottom: 20px;
    }

    .blog-article {
        margin-top: 55px;
        margin-bottom: 115px;
    }

    .blog-article-title {
        margin-bottom: 60px;
    }

    .blog-article-title h2 {
        margin-bottom: 20px;
    }

    .single-blog-post {
        margin-bottom: 30px;
    }

    .sb-post-cnt {
        padding: 32px 20px;
    }

    .footer-logo {
        margin-top: 40px;
    }

    /*==== contact page ====*/
    .contact-area {
        margin-top: 35px;
        margin-bottom: 70px;
    }

    .contact-location {
        margin-bottom: 280px;
    }

    .contact-location .location-content div p {
        padding-right: 0px;
    }

    .contact-title h2 {
        font-size: 35px;
    }

    .input-box {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
        margin-top: 25px;
    }

    .contact-form input,
    .contact-form textarea {
        padding: 19px 22px;
        margin-bottom: 18px;
    }

    .contact-form .input-submit button {
        padding: 18px 20px;
    }

    .form-right {
        padding: 50px 20px 60px 20px;
        margin-top: 48px;
    }

    .form-right span,
    .form-right a {
        font-size: 18px;
        margin-top: 9px;
    }

    .form-right h3 {
        font-size: 29px;
        margin-bottom: 25px;
    }

    .header-update-top p {
        font-size: 14.5px;
    }

    .header-update-top a {
        width: 140px;
    }

    .header-update-top {
        position: static !important;
    }
}

@media screen and (max-width: 575px) {
    .hero_left {
        padding-left: 2.5rem;
    }

    .hero_left h1 {
        font-size: 4.8rem;
    }

    .hero_left ul li a {
        padding: 2rem 3rem;
        margin-right: 1.5rem;
    }

    .hero_left ul li:last-child a {
        margin-right: 0;
    }

    .hero_main {
        padding-bottom: 7rem;
    }

    .hero_btmleft {
        display: block;
        padding-left: 2rem;
    }

    .hero_btmItem2::before {
        display: none;
    }

    .hero_btmItem2 {
        margin-top: 3rem;
    }

    .service_area {
        padding: 12rem 0 4.5rem;
    }

    .service_row2 {
        margin-top: 10rem;
    }

    .service_main {
        padding: 12rem 3.5rem;
    }

    .quote_main,
    .testimonial_box {
        padding: 8rem 2.5rem;
    }

    .quote_left h3 {
        font-size: 3.2rem;
    }

    .testimonial_item h4 {
        font-size: 2.8rem;
    }

    .owl-nav button img {
        width: 4.5rem;
    }

    .owl-nav button {
        margin-left: 1.5rem;
    }

    .testimonial_bottom {
        margin-top: 7.5rem;
    }

    .blog_upper {
        display: block;
        text-align: center;
    }

    .blog_upper h3 {
        margin-bottom: 2rem;
    }

    .blog_cnt {
        padding: 3.2rem 3rem;
    }

    .blog_right {
        padding: 4rem 3rem 3rem;
    }

    .blog_inrleft img {
        width: 12rem;
        margin-right: 2.4rem;
        border-radius: 1.5rem;
    }

    .blog_inrright h4 a {
        font-size: 2rem;
    }

    .blog_area {
        padding-bottom: 26rem;
    }

    .footer_main {
        padding: 1rem 2rem 7.5rem;
    }

    .footer_upper h3 {
        font-size: 3.2rem;
    }

    .footer_upper {
        padding: 3.8rem 2.5rem;
    }

    .footer_upper ul li a {
        margin-right: 1.5rem;
    }

    .footer_upper ul li:last-child a {
        margin-right: 0;
    }

    .footer_row {
        padding-top: 8rem;
    }

    .footer_item ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer_item ul li {
        width: 48%;
    }

    .footer_item {
        margin-top: 4rem;
    }

    .footer_leftMenu {
        margin-bottom: 0;
    }

    .footer_cnt a {
        font-size: 2.4rem;
    }

    .footer_logo {
        margin-bottom: 2rem;
    }

    .back-to-top {
        bottom: 2rem;
        right: 2rem;
    }

    /*==== about page ====*/
    .ab-service-area {
        padding-top: 5.25rem;
    }

    .accordion .link {
        padding: 25px 55px 25px 12px;
    }

    .ab-service-area2 .service_main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ab-service-area2 .ourserv_upper h3 {
        font-size: 28px;
    }

    .faq-area .faq-title p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-counter {
        padding-bottom: 4.4rem;
    }

    .location-area .location-map {
        padding: 40px 12px 70px 12px;
    }

    .footer_upper ul li a {
        padding-left: 2.1rem;
        padding-right: 2.1rem;
    }

    /*==== blog page ====*/
    .bh-overlay {
        padding: 65px 0;
    }

    .bh-content h1 {
        font-size: 3.45rem;
    }

    /*==== contact page ====*/
    .contact-location {
        margin-bottom: 200px;
    }

    .contact-title h2 {
        font-size: 30px;
    }

    .footer-social-icon ul li a {
        height: 35px;
        width: 35px;
        font-size: 16px;
        line-height: 35px;
    }

    .header-update-top {
        display: none;
    }

    .header-top-m {
        margin-top: 0px;
    }
    


}