/* 1440 */
@media only screen and (max-width: 1600px) and (min-width: 1440px) {

}

/* 1366 */
@media only screen and (max-width: 1439px) and (min-width: 1281px) {

}

/* 1280 */
@media only screen and (max-width: 1280px) and (min-width: 1200px) {

}

/* 1024 */
@media only screen and (max-width: 1199px) {
    header.cms-header .btn-box { display: none; }

    section.cms-banner .banner-txt h1,section.cms-banner .banner-txt h2 { font-size: 48px; }
    section.cms-banner .banner-txt p { font-size: 24px; line-height: 32px; }
    section.cms-banner .banner-video { padding: 0 0 30px; text-align: center; }
    section.cms-banner .banner-txt { margin: 0; }

    section.cms-dignity::before { display: none; }
    section.cms-dignity .dignity-box { margin: auto; }

    section.cms-help .help-inner { padding: 0; }
    section.cms-help .help-inner .row { margin: 0 -15px; }
    section.cms-help .help-inner .col-xl-3 { padding: 0 15px; }

    section.typical-divorce .process-inner::before,
    section.typical-divorce .process-inner::after{ display: none; }
    section.typical-divorce .process-inner ul li .step-title { display: none; }
    section.typical-divorce .process-inner ul li .step-number { display: none; }
    section.typical-divorce .process-inner ul { justify-content: space-between; }
    section.typical-divorce .process-inner ul li { width: 48%; padding: 0 0 30px; }
    section.typical-divorce .step-hover-box { opacity: 1; position: relative; display: block; min-width: 100%; height: 100%; }
    section.typical-divorce .process-inner ul li .step-number:hover + .step-hover-box,
    section.typical-divorce .process-inner ul li .step-hover-box:hover { top: inherit; }
    section.typical-divorce .process-inner ul.second-step li .step-number:hover + .step-hover-box,
    section.typical-divorce .process-inner ul.second-step li .step-hover-box:hover { bottom: inherit; }


    section.cms-team .team-inner { margin: 0; grid-template-columns: repeat(5, 1fr); }



    section.cms-learning .resources-row .col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin: 0 0 30px; }
    section.cms-learning .video-slider { padding-left: 0; }

    footer.cms-footer .footer-address ul li { font-size: 15px; }
    footer.cms-footer .footer-address ul li a { font-size: 15px; }


    /* ============================== landing page css start =============================*/

    section.cms-agreement .agreement-rht { padding-left: 10px; }
    section.cms-agreement .agreement-lft { padding-right: 0; }

    /* ============================== contact page css start =============================*/

    section.contact-banner .review { display: none; }

    /* ============================== blog page css start =============================*/

    .single-blog .agreement-rht { padding-left: 10px; }
}

/* 768 */
@media only screen and (max-width: 1023px) {
    .section-header h2 { font-size: 36px; }


    header.cms-header .navbar-collapse.open{ animation: slide-in-left 400ms forwards; display:block !important; overflow-y:auto;}
    header.cms-header .navbar-collapse{ bottom:0px; position:fixed; width:100%; height:auto !important; background:#fff; padding:30px; top: 80px; left:-100%; animation: slide-out-left 400ms forwards; z-index: 99; }
    @keyframes slide-in-left { 0% { left:-100%; } 100% { left:0px; } }
    @keyframes slide-out-left{ 0% { left:0px; } 100% { left:-100%; } }
    header.cms-header { padding: 10px 0; }
    header.cms-header .navbar { flex-wrap: nowrap; }
    header.cms-header .header-right { display: none; }
    header.cms-header .navbar-nav li a { color: #000; }

    section.cms-banner { padding: 40px 0 40px; }
    section.cms-banner::before { display: none; }
    section.cms-banner .banner-txt { text-align: center; }
    section.cms-banner .banner-txt p { max-width: 100%; }
    section.cms-banner .btn-box { padding: 20px 0 30px; }
    section.cms-banner .review-box { justify-content: center; margin: 0 0 30px; }

    section.cms-dignity { margin: 0; padding: 40px 0 40px; }

    section.cms-divorce { padding: 40px 0 40px; }
    section.cms-divorce .divorce-lft { max-width: 100%; margin: 0 0 30px; }
    section.cms-divorce .divorce-lft p { margin: 0 0 30px; }

    section.cms-relationship { padding: 40px 0 40px; }
    section.cms-relationship .col-md-6 { margin-bottom: 40px; }

    section.cms-help { clip-path: inherit; margin: 0; padding: 40px 0 40px; }
    section.cms-help .section-header { padding: 0 0 40px; }

    section.typical-divorce { padding: 40px 0 40px; }


    section.cms-mediation { padding: 40px 0 40px; }

    section.cms-testimonial { clip-path: inherit; margin: 0; padding: 40px 0 40px; }
    section.cms-testimonial .testimonial-slider { padding-left: 0; }
    section.cms-testimonial .slick-arrow { display: none !important; }
    section.cms-testimonial .testimonial-box p { font-size: 20px; line-height: 34px; }

    section.cms-team { padding: 40px 0 40px; }
    section.cms-team .section-header { padding: 0 0 40px; }
    section.cms-team .team-inner { grid-template-columns: repeat(4, 1fr); }

    section.cms-learning { clip-path: inherit; margin: 0; padding: 40px 0 40px; }

    section.cms-faq { margin: 0; padding: 40px 0 40px; }

    section.cms-map { padding: 40px 0 40px; }
    section.cms-map .country { padding: 30px; }
    section.cms-map .country .country-box:last-child { padding-right: 0; }
    section.cms-map .country h3 { font-size: 18px; }
    section.cms-map .map-img { position: relative; right: 0; top: 0; }

    footer.cms-footer .col-xl-6.col-lg-6 { order: -1; margin-bottom: 30px; }

    /* ============================== landing page css start =============================*/

    section.cms-agreement { padding: 40px 0 40px; }
    section.cms-agreement .agreement-rht { background-color: #3C89B4; padding: 30px; border-radius: 15px; margin: 30px 0 0; }
    section.cms-agreement .agreement-rht::before { display: none; }
    section.cms-badge { padding: 40px 0 40px; }

    .page-template-inner-page section.cms-team { clip-path: none; }
    .page-template-inner-page section.cms-faq { clip-path: none; }


    /* ============================== contact page css start =============================*/

    section.contact-banner .contact-lft { margin: 0 0 30px; max-width: 100%; }
    .page-template-contact-us section.cms-testimonial.landing-testimonial { clip-path: none; }
    .page-template-contact-us section.cms-faq { margin: 0; }

    /* ============================== blog page css start =============================*/

    .single-blog { padding: 40px 0 80px; }
    .single-blog .agreement-rht::before { display: none; }
    .single-blog .agreement-rht { background-color: #3C89B4; padding: 30px; border-radius: 15px; margin: 30px 0 0;
    }

    /* ============================== 404 page css start =============================*/
    section.cms-404 h1 { font-size: 56px; }
    section.cms-404 h2 { font-size: 36px; }





}

/* 736 */
@media only screen and (max-width: 767px) {
    .section-header h2 { font-size: 30px; }
    .orange-btn { font-size: 18px; padding: 12px 36px 13px; padding-right: 76px; }


    section.cms-banner .banner-txt h1,section.cms-banner .banner-txt h2 { font-size: 36px; }
    section.cms-banner .btn-box { padding: 0px 0 30px; }

    section.cms-dignity .argument ul li { width: 100%; }
    section.cms-dignity .argument ul li:nth-child(2n+2) { width: 100%; }

    section.typical-divorce .process-inner ul li { width: 100%; }

    section.cms-mediation .mediation-inner { padding: 20px; }


    section.cms-learning .video-slider .slick-list { margin: 0; }

    section.cms-learning .resources-row .col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .accordion__title { font-size: 16px; padding: 0 20px 0; padding-right: 45px; }

    section.cms-map .country { flex-wrap: wrap; }

    section.cms-protect { padding: 40px 0 40px; background-image: none !important; background-color: #2074A3; }

    footer.cms-footer { padding: 40px 0 0; }
    footer.cms-footer .footer-social ul li + li { margin-left: 40px;}
    footer.cms-footer #gform_13 input { padding-right: 25px; }
    footer.cms-footer #gform_13 .gform_footer { position: relative; width: 100%; margin: 15px 0 0; }
    footer.cms-footer #gform_13 .gform_footer .button { width: 100%; }

    /* ============================== landing page css start =============================*/

    section.cms-agreement .agreement-lft h3 { font-size: 24px; }
    section.cms-agreement .agreement-rht { padding: 20px; }
    section.cms-agreement .agreement-rht h3 { font-size: 20px; }
    .contact-form .gform-body .gfield:nth-child(1),
    .contact-form .gform-body .gfield:nth-child(2),
    .contact-form .gform-body .gfield:nth-child(3),
    .contact-form .gform-body .gfield:nth-child(4) { width: 100%; }
    .contact-form .gform_wrapper.gravity-theme .gform_footer .button { font-size: 16px; line-height: 30px !important; }
    section.cms-agreement .call-box a { font-size: 26px; }

    /* ============================== blog page css start =============================*/

    .single-blog .section-header h1 { font-size: 30px; }
    .single-blog .blog-box h2 { min-height: inherit; }
    .blog-form .gform_wrapper .gform_footer .button { font-size: 16px; line-height: 30px !important; }
    .single-blog .sidebar { margin: 30px 0 0; }
    .single-blog .agreement-rht { padding: 20px; }
    .single-blog .call-box a { font-size: 24px; }

}


/* 667 */
@media only screen and (max-width: 735px) {

}

/* 600 */
@media only screen and (max-width: 666px) {
    section.cms-team .team-inner { grid-template-columns: repeat(2, 1fr); }

    /* ============================== 404 page css start =============================*/
    section.cms-404 h1 { font-size: 42px; margin: 0 0 40px; }
    section.cms-404 h2 { font-size: 30px; }
    section.cms-404 .btn-box { flex-wrap: wrap; justify-content: center; padding: 0; }
    section.cms-404 .btn-box a { margin: 30px 0 0; }

}

/* 568 */
@media only screen and (max-width: 599px) {

}

/* 480 */
@media only screen and (max-width: 567px) {

}

/* 414 */
@media only screen and (max-width: 479px) {
    section.cms-mediation .mediation-inner .btn-box a { font-size: 14px; padding: 12px 36px 13px; padding-right: 60px;	}
}

/* 375 */
@media only screen and (max-width: 413px) {

}

@media(min-width:1200px) {
    section.cms-banner .banner-txt  h1.shiftdown,section.cms-banner .banner-txt  h2.shiftdown {
        font-size:72px;
    }
}


@media(min-width:1024px) {
    .teamhead {
        display:flex;
        justify-content:space-between;
        margin-bottom:30px
    }
    .profile-image {
        margin:0;
    }
    .profile-image {
        width:150px;
    }
    .teamprofile {
        width:calc(100% - 200px);
    }

    #resource-13 + .cms-faq,.cms-learning + .cms-faq {
        margin-top:-120px
    }
    section.cms-agreement .agreement-rht::before {
        height:1100px
    }
    section.cms-banner .banner-txt  h1.shiftdown,section.cms-banner .banner-txt  h2.shiftdown {
        margin-top:50px;
    }
    section.cms-banner {
        min-height:524px
    }

}

@media(max-width:640px) {
    .page-template-page-team .cms-agreement .section-header {
        padding:10px
    }
    .page-template-page-team .cms-agreement .section-header h1 span {
        font-size: 27px;
    }
}

@media(max-width:1023px) {
    footer.cms-footer .col-xl-6.col-lg-6 {

        order: 3;
        margin-top: 30px;

    }
}

@media(max-width:480px) {
    .iconlinks li, .iconlinks a {
        font-size:16px
    }
}