/* Normal desktop :1200px. */
@media (min-width: 1024px) and (max-width: 1200px) {

    .nav-link {
        font-size: 15px;
    }

    .btn-quote {
        display: none;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 50%;
        left: -53px;
        width: 110%;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 50%;
        left: -66px;
        width: 112%;
        transform: translateY(-50%);
    }

    /* home page 2 slider responsive */
    .slider-img {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        pointer-events: none;
        z-index: 1;
    }

    .slider-img img {
        width: 85%;
        max-width: 520px;
    }

}

/* Normal desktop :1024px */
@media (min-width: 991px) and (max-width: 1024px) {

    .nav-link {
        font-size: 15px;
        font-weight: 500;
    }

    .btn-quote {
        display: none;
    }

    .hero-content .main-title {
        font-size: 50px;
    }

    .hero-content .sub-title {
        font-size: 20px;
        font-weight: 500;
    }

    /* home page 2 slider responsive */
    .hero-area-2 {
        padding: 80px 0 0px 0px;
        min-height: auto;
    }

    .hero-content-2 .main-title {
        font-size: 50px;
    }

    .hero-content-2 .sub-title {
        font-size: 17px;
        font-weight: 500;
    }

    .main-heading {
        font-size: 38px;
        font-weight: 600;
    }

    .section-title.center h2 {
        font-size: 37px;
        font-weight: 600;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 112%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .our-team-area {
        border-bottom: 1px solid transparent;
    }

    .our-team-content p {
        font-size: 17px;
        line-height: 1.5;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .counter-item h3 {
        font-size: 50px;
        font-weight: 500;
    }

    .suffix {
        font-size: 50px;
        line-height: 35px;
    }

    .testimonial-wrap {
        padding: 15px;
    }
}


/* Normal desktop: 991px. */
@media (min-width: 768px) and (max-width: 991px) {

    .nav-link {
        font-size: 15px;
        font-weight: 500;
    }

    .btn-quote {
        display: none;
    }

    .hero-content .main-title {
        font-size: 45px;
    }

    .hero-content .sub-title {
        font-size: 20px;
        font-weight: 500;
    }

    /* home page 2 slider responsive */

    .hero-area-2 {
        padding: 80px 0 0px 0px;
        min-height: auto;
        height: 100%;
    }

    .hero-content-2 .main-title {
        font-size: 45px;
    }

    .hero-content-2 .sub-title {
        font-size: 17px;
        font-weight: 500;
    }

    .slider-img img {
        width: 80%;
        top: 0;
    }

    .slider-img {
        position: relative;
        right: 0px;
        bottom: -18px;
    }

    .main-heading {
        font-size: 35px;
        font-weight: 600;
    }

    .section-title.center h2 {
        font-size: 35px;
        font-weight: 600;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 112%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .our-team-area {
        border-bottom: 1px solid transparent;
    }

    .our-team-content p {
        font-size: 17px;
        line-height: 1.5;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .counter-item h3 {
        display: inline-block;
        font-size: 45px;
    }

    .suffix {
        font-size: 45px;
        line-height: 35px;
    }

    .testimonial-wrap {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 15px;
    }
}


/* Normal desktop :600px. */
@media (min-width: 600px) and (max-width: 767px) {

    .owl-nav {
        position: absolute;
        top: 50%;
        left: 15px;
        width: 95%;
    }

    .nav-link {
        font-size: 15px;
        font-weight: 500;
    }

    .btn-quote {
        display: none;
    }

    .hero-content .main-title {
        font-size: 35px;
    }

    .hero-content .sub-title {
        font-size: 18px;
        font-weight: 500;
    }

    /* home page 2 slider responsive */
    .hero-area-2 {
        padding: 80px 0 0px 0px;
        min-height: auto;
        height: 100%;
    }

    .hero-content-2 .main-title {
        font-size: 35px;
    }

    .hero-content-2 .sub-title {
        font-size: 16px;
        font-weight: 500;
    }

    .slider-img img {
        width: 80%;
        top: 0;
    }

    .slider-img {
        position: relative;
        right: 0px;
        bottom: -18px;
    }

    .main-heading {
        font-size: 32px;
        font-weight: 600;
    }

    .section-title.center h2 {
        font-size: 32px;
        font-weight: 600;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 118%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .child-heading {
        font-size: 16px;
        font-weight: 400;
        color: var(--color-main);
        margin-bottom: 15px;
    }

    .ask-lawyer-badge span {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .ask-lawyer-badge h4 {
        font-size: 22px;
    }

    .our-team-area {
        border-bottom: 1px solid transparent;
    }

    .our-team-content p {
        font-size: 17px;
        line-height: 1.5;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .counter-item {
        padding: 15px;
    }

    .counter-item h3 {
        display: inline-block;
        font-size: 40px;
    }

    .suffix {
        font-size: 40px;
        line-height: 35px;
    }

    .counter-item p {
        margin-top: 16px;
        font-size: 15px;
    }

    .testimonial-wrap {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .testimonial-content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .cta-wrap {
        display: flex;
        justify-content: space-between;
        align-items: inherit;
        flex-flow: column;
        gap: 20px;
    }

    .footer-title {
        font-size: 22px;
    }

    /* All page responsive */

    .blog-content {
        padding: 27px 29px 28px;
    }

    .blog-content a {
        font-size: 22px;
        line-height: 30px;
    }

    h4.services-details-title {
        font-size: 28px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 20px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 22px 20px;
    }

    h4.blog-details-title {
        font-size: 20px;
    }

    .blog-details-author-talk {
        padding: 41px 36px 40px;
    }

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-details-thumb.two {
        margin-bottom: 20px;
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .blog-details-comment-thumb {
        float: left;
        margin-right: 10px;
    }

    .blog-details-comment {
        padding: 29px 6px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: -10px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
    }

    .lawyer-box {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        flex-flow: column;
    }

    .lawyer-box img {
        width: 100%;
    }

}

/* Normal desktop :475px. */
@media (min-width: 475px) and (max-width: 600px) {

    .owl-nav {
        position: absolute;
        top: 50%;
        left: 15px;
        width: 95%;
    }

    .hero-slides .owl-dots {
        left: 42%;
    }

    .nav-link {
        font-size: 15px;
        font-weight: 500;
    }

    .btn-quote {
        display: none;
    }

    .hero-content .main-title {
        font-size: 35px;
    }

    .hero-content .sub-title {
        font-size: 18px;
        font-weight: 500;
    }

    /* home page 2 slider responsive */
    .hero-area-2 {
        padding: 80px 0 0px 0px;
        min-height: auto;
        height: 100%;
    }

    .hero-content-2 .main-title {
        font-size: 35px;
    }

    .hero-content-2 .sub-title {
        font-size: 16px;
        font-weight: 500;
    }

    .slider-img img {
        width: 80%;
        top: 0;
    }

    .slider-img {
        position: relative;
        right: 0px;
        bottom: -18px;
    }

    .main-heading {
        font-size: 30px;
        font-weight: 600;
    }

    .section-title.center h2 {
        font-size: 30px;
        font-weight: 600;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 118%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .child-heading {
        font-size: 16px;
        font-weight: 400;
        color: var(--color-main);
        margin-bottom: 15px;
    }

    .ask-lawyer-badge span {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .ask-lawyer-badge h4 {
        font-size: 22px;
    }

    .our-team-area {
        border-bottom: 1px solid transparent;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 115%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .cta-wrap {
        display: flex;
        justify-content: space-between;
        align-items: inherit;
        flex-flow: column;
        gap: 20px;
    }

    .counter-item {
        padding: 15px;
    }

    .counter-item h3 {
        display: inline-block;
        font-size: 40px;
    }

    .suffix {
        font-size: 40px;
        line-height: 35px;
    }

    .counter-item p {
        margin-top: 16px;
        font-size: 15px;
    }

    .testimonial-wrap {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .testimonial-content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .testimonial-quote {
        position: static;
        margin-top: 10px;
    }

    .footer-title {
        font-size: 22px;
    }

    .section-title.left h4 {
        margin-bottom: 9px;
    }

    .section-title.center h1 {
        font-size: 32px;
    }

    .section-title.left h1 {
        font-size: 32px;
        line-height: 40px;
    }

    /* All page responsive */

    .blog-list-content {
        padding: 27px 13px 20px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 4px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 22px 20px;
    }

    .blog-details-area span.mate-text {
        padding-left: 27px;
    }

    .blog-details-area .meta-blog span {
        margin-right: 6px;
    }

    h4.blog-details-title {
        font-size: 18px;
    }

    .blog-details-author-talk {
        display: block;
    }

    .blog-details-quote {
        margin-bottom: 30px;
    }

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-box.style-two {
        padding: 85px 24px 31px 21px;
    }

    .blog-post-content a {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-details-thumb.two {
        margin-bottom: 20px;
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .single-comment-area {
        padding: 49px 21px 56px;
        margin-bottom: 32px;
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-right: 10px;
        margin-bottom: 18px;
    }

    .blog-details-comment {
        padding: 29px 25px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: 17px;
    }

    .row.contact-info-bg {
        padding: 50px 30px 14px;
    }

    .contact-info-box {
        margin-bottom: 35px;
    }

    .logo img {
        max-width: 170px;
    }

    .lawyer-box {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        flex-flow: column;
    }

    .lawyer-box img {
        width: 100%;
    }

    .testimonial-quote img {
        max-width: 50px;
    }
}


/* Mobile Devices :320px. */
@media (min-width: 320px) and (max-width: 475px) {

    .owl-nav {
        position: absolute;
        top: 50%;
        left: 15px;
        width: 95%;
    }

    .hero-slides .owl-dots {
        left: 42%;
    }

    .hero-content h1 {
        font-size: 34px;
        line-height: 45px;
    }

    p {
        font-size: 17px;
    }

    .nav-link {
        font-size: 15px;
        font-weight: 500;
    }

    .btn-quote {
        display: none;
    }

    .hero-content .main-title {
        font-size: 38px;
        line-height: 1.5;
    }

    .hero-content .sub-title {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 500;
    }

    /* home page 2 slider responsive */
    .hero-area-2 {
        /* padding: 60px 0 0px 0px; */
        min-height: auto;
        height: 100vh;
    }

    .hero-content-2 .main-title {
        font-size: 36px;
        line-height: 1.4;
    }

    .hero-content-2 .sub-title {
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
    }

    .hero-content-2 p {
        font-size: 17px;
    }

    .slider-img img {
        width: 80%;
        top: 0;
    }

    .slider-img {
        position: relative;
        right: 0px;
        bottom: -18px;
        display: none;
    }

    .img-stack {
        position: relative;
        margin-top: 30px;
    }

    .main-heading {
        font-size: 30px;
        font-weight: 600;
    }

    .section-title.center h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
    }

    .about-box-icon {
        margin-top: -0px;
    }

    .feature-area .owl-nav {
        position: absolute;
        top: 112%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .child-heading {
        font-size: 16px;
        font-weight: 400;
        color: var(--color-main);
        margin-bottom: 15px;
    }

    .team-overlap-card {
        width: 70%;
    }

    .ask-lawyer-badge span {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 5px;
    }

    .ask-lawyer-badge h4 {
        font-size: 22px;
    }

    .legal-list {
        display: flex;
        gap: 5px;
        flex-flow: column;
        margin-bottom: 30px;
    }

    .legal-help-box {
        text-align: center;
        padding: 42px 15px;
        border-left: 1px solid rgb(238, 238, 238);
    }

    .our-team-area {
        border-bottom: 1px solid transparent;
    }

    .our-team-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        pointer-events: none;
        gap: 10px;
    }

    .counter-item {
        padding: 15px;
        border: none;
    }

    .counter-item h3 {
        display: inline-block;
        font-size: 55px;
    }

    .suffix {
        font-size: 55px;
        line-height: 35px;
    }

    .counter-item p {
        margin-top: 16px;
        font-size: 16px;
    }

    .testimonial-wrap {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .testimonial-content p {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .testimonial-quote {
        position: static;
        margin-top: 10px;
    }

    .accordion-item .content {
        font-size: 16px;
        line-height: 30px;
    }

    .logo img {
        max-width: 160px;
    }

    .cta-wrap {
        display: flex;
        justify-content: space-between;
        align-items: inherit;
        flex-flow: column;
        gap: 20px;
    }

    .footer-social ul {
        justify-content: center !important;
        margin-top: 20px;
    }

    .footer-title {
        font-size: 20px;
    }

    .footer-main p {
        font-size: 16px;
    }

    .footer-contact li {
        font-size: 16px;
        margin-bottom: 10px;
    }

    /* All page responsive */

    .blog-list-content {
        padding: 27px 13px 20px;
    }

    .blog-list-area .meta-blog span {
        margin-right: 4px;
    }

    a.blog-list-title {
        font-size: 18px;
    }

    .blog-details-content {
        padding: 27px 13px 20px !important;
    }

    h4.blog-details-title {
        font-size: 25px;
        line-height: 32px;
    }

    .blog-details-author-talk {
        display: block;
        padding: 41px 20px 40px;
    }

    .blog-details-quote {
        margin-bottom: 30px;
    }

    h3.blog-details-title {
        font-size: 18px;
    }

    .blog-details-socila-box {
        padding: 19px 7px 18px;
    }

    .blog-details-category span a {
        padding: 6px 10px;
        margin-right: 7px;
    }

    .blog-details-author-title p {
        font-size: 17px;
        line-height: 26px;
    }

    .blog-post-box {
        padding: 84px 21px 31px 22px;
        gap: 15px;
    }

    .blog-post-content a {
        font-size: 12px;
        line-height: 19px;
    }

    .blog-details-social-icon {
        text-align: left;
        padding-top: 25px;
    }

    .single-comment-area {
        padding: 49px 21px 56px;
        margin-bottom: 32px;
    }

    .blog-details-comment-thumb {
        float: inherit;
        margin-right: 10px;
        margin-bottom: 18px;
    }

    .blog-details-comment {
        padding: 29px 14px 25px;
    }

    .blog-details-comment-content h2 {
        margin-right: 8px;
        font-size: 16px;
    }

    .blog-details-comment.style-two {
        margin-left: 0px;
    }

    .blog-details-comment-reply {
        right: 17px;
    }

    .section-title.center h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .blog-content {
        padding: 27px 14px 20px;
    }

    .blog-content a {
        font-size: 24px;
        line-height: 31px;
    }

    .home-two .meta-blog span {
        font-size: 15px;
        display: inline-block;
        font-weight: 500;
        margin-right: 25px;
    }

    .contact-info-box {
        margin-bottom: 35px;
        padding: 0 0px 0;
    }

    .contact-area {
        padding: 60px 0 60px;
        background-color: #f9f9f9;
    }

    .main-button a {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.6px;
        padding: 10px 30px;
        white-space: nowrap;
    }

    .lawyer-box {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        flex-flow: column;
    }

    .lawyer-box img {
        width: 100%;
    }

    .about-shape {
        position: absolute;
        left: 255px;
        bottom: 10px;
        animation: dance3 4s linear infinite;
    }

}

@media(max-width:991px) {

    .hero-social-icon {
        display: none;
    }

    .cta-box {
        padding-left: 0;
        margin-top: 35px;
    }

    .pr-40 {
        padding-right: 10px;
    }

    .pl-40 {
        padding-left: 10px !important;
    }

    br {
        display: none;
    }

    .pt {
        padding: 70px 0px;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

}


@media(max-width:768px) {
    .clients-review {
        display: flex;
        flex-flow: column;
        align-items: inherit !important;
        justify-content: start;
        gap: 10px !important;
    }

    .features-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        position: relative;
    }

    .bottom-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-bottom p {
        text-align: center;
    }

    .footer-social ul {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .hero-area {
        background-position: center, center !important;
    }

}