@media only screen and (min-width:1851px) and (max-width: 1899px) {
    .support-2.index-1 .support-left-bg {
        width: 842px;
        height: 594px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: 25px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 118px;
    }

    /* index-2 */

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 832px;
        height: 614px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: 41px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }
}

@media only screen and (min-width:1601px) and (max-width: 1850px) {

    .header-area-wrapper .header-area .header-inner-bg-1 {
        right: 30px;
        top: 306px;
        width: 782px;
    }

    .support-2.index-1 .support-left-bg {
        width: 842px;
        height: 594px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: 25px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 118px;
    }

    /* index-2 */

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 832px;
        height: 614px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: 41px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 316px;
        width: 516px;
        height: auto;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .header-area-wrapper .header-area .header-inner-bg-1 {
        right: 30px;
        top: 338px;
        width: 702px;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1180px;
    }

    .support-2.index-1 .support-left-bg {
        width: 842px;
        height: 594px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: 25px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 118px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 1105px;
        bottom: -30px;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 30px;
    }

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 725px;
        height: 535px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: -45px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }

    /* login */

    .register-area-wrapper .bg {
        left: 70px;
        top: 210px;
    }

    .register-area-wrapper .bg img {
        width: 545px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 316px;
        width: 516px;
        height: auto;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1399px) {
    .header-area-wrapper .header-area .header-inner-bg-1 {
        right: 30px;
        top: 338px;
        width: 702px;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1180px;
    }

    .support-2.index-1 .support-left-bg {
        width: 780px;
        height: 554px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: -19px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 150px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 1105px;
        bottom: -30px;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 30px;
    }

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 666px;
        height: 492px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: -89px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }

    /* login */

    .register-area-wrapper .bg {
        left: 70px;
        top: 210px;
    }

    .register-area-wrapper .bg img {
        width: 490px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 340px;
        width: 462px;
        height: auto;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-area-wrapper .header-area .header-inner-bg-1 {
        right: 30px;
        top: 338px;
        width: 576px;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1180px;
    }

    .support-2.index-1 .support-left-bg {
        width: 780px;
        height: 554px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: -19px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 150px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 1105px;
        bottom: -30px;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 30px;
    }

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 666px;
        height: 492px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: -89px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }

    /* login */

    .register-area-wrapper .bg {
        left: 35px;
        top: 210px;
    }

    .register-area-wrapper .bg img {
        width: 490px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 340px;
        width: 462px;
        height: auto;
    }

}


/* Medium Layout: 1200px. */

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

    .header-area-wrapper .header-area .header-inner-bg-1 {
        right: 30px;
        top: 338px;
        width: 577px;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1140px;
    }

    .search-form-1 form .form-group {
        margin-right: 5px;
    }

    .search-form-1 form button {
        padding: 12px 18px;
    }

    .support-2.index-1 .support-left-bg {
        width: 780px;
        height: 554px;
    }

    .support-area-wrapper .support-2 {
        height: 674px;
        margin-top: -19px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 150px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 1105px;
        bottom: -30px;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 30px;
    }

    .support-area-wrapper.faq-single-page-style-1.index-2 {
        margin-top: 0;
        padding-top: 94px;
    }

    .support-area-wrapper.index-2 .support-2 .support-left-bg {
        width: 666px;
        height: 492px;
    }

    .support-area-wrapper.index-2 {
        padding-top: 0;
        margin-top: -89px;
    }

    /* login */

    .register-area-wrapper .bg {
        left: 35px;
        top: 210px;
    }

    .register-area-wrapper .bg img {
        width: 490px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 366px;
        width: 461px;
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* index-1 */

    .header-area-wrapper .header-area .header-inner-bg-1 {
        display: none;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1080px;
    }

    .support-area-wrapper .support-2 .support-left-bg {
        display: none;
    }

    .support-area-wrapper .support-2 {
        padding-top: 0;
        margin-top: -58px;
        height: auto;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 1050px;
        bottom: -30px;
    }

    .header-area-wrapper .header-area.header-style-2 .header-content {
        padding: 350px 0 450px;
    }

    /* blog */

    .blog-details-item .artical-wrapper blockquote {
        margin: 36px 0 45px;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li {
        display: block;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li .thumb {
        margin-right: 0px;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li .content .post-title {
        margin-top: 18px;
    }

    /* login */

    .register-area-wrapper {
        padding-bottom: 230px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        top: 427px;
        width: 383px;
        height: auto;
    }
}



/* Tablet Layout: 768px. */

@media only screen and (max-width: 991px) {
    /* index-1 */

    .navbar-area.nav-style-02 .nav-container .nav-right-content {
        display: none;
    }

    .navbar-area.nav-style-02 .nav-container .logo-wrapper img {
        max-width: 180px;
    }

    .navbar-area.nav-style-02 .nav-container {

        background-color: #d4e8f9;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        border-bottom: 1px solid rgb(140 137 137 / 20%);
    }

    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        border: 1px solid rgb(222 216 216 / 80%);
    }

    .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        color: var(--heading-color);
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgb(140 137 137 / 20%);
    }

    .header-area-wrapper .header-area .header-inner-bg-1 {
        display: none;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1080px;
    }

    .call-to-action-area-wrapper {
        padding-top: 95px;
    }

    .call-to-action-area-wrapper .img-box {
        padding-top: 20px;
    }

    .call-to-action-area-wrapper .content {
        padding-top: 0;
    }

    .faq-style-2.ex {
        margin-top: 55px;
        margin-bottom: 54px;
    }

    .support-area-wrapper .support-2 .support-left-bg {
        display: none;
    }

    .support-area-wrapper .support-2 {
        padding-top: 94px;
        ;
        height: auto;
        margin-top: 0;
    }

    .footer-top .col-md-6:nth-child(3),
    .footer-top .col-md-6:nth-child(4) {
        margin-top: 20px;
    }

    .footer-area .footer-widget .logo-wrapper a img {
        max-width: 185px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 745px;
        bottom: -10px;
    }

    .header-area-wrapper .header-area.header-style-2 .header-content {
        padding: 350px 0 360px;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 10px;
    }

    .highlight-area-wrapper .col-md-6:last-child {
        margin-top: 50px;
    }

    .support-area-wrapper .support-2 .content {
        margin-top: 0;
    }

    .support-area-wrapper.index-2 .support-2 {
        margin-top: 0;
        padding-top: 0;
    }

    .newsletter-wrapper {
        margin-bottom: -188px;
    }

    .newsletter-wrapper .newsletter-inner {
        display: block;
    }

    .newsletter-wrapper .newsletter-inner .right-content {
        padding-left: 0;
    }

    .newsletter-wrapper .newsletter-inner .right-content {
        width: auto;
    }

    .footer-area.index-2 {
        padding-top: 189px;
    }

    .breadcrumb-area .breadcrumb-inner {
        padding: 254px 0 148px 0;
    }

    /* blog */

    .blog-details-area-wrapper {
        padding-bottom: 70px;
    }

    .blog-details-item .artical-wrapper blockquote {
        margin: 36px 0 44px;
    }

    .comment-form .btn-style-1 {
        width: 100%;
    }

    .blog-details-area-wrapper .widget-area-wrapper {
        margin-top: 100px;
    }

    .blog-details-area-wrapper .reverse {
        flex-direction: column-reverse;
    }

    /* faq single page */

    .support-area-wrapper.faq-single-page-style-1 .reverse {
        flex-direction: column-reverse;
    }

    .support-area-wrapper.faq-single-page-style-1 .reverse .widget-area-wrapper {
        margin-top: 70px;
    }

    .support-area-wrapper.faq-single-page-style-2 .reverse {
        flex-direction: column-reverse;
    }

    .support-area-wrapper.faq-single-page-style-2 .widget-area-wrapper.ex-m {
        margin-top: 100px;
        margin-bottom: -30px;
    }

    /* knowledgebase */

    .knowledgebase-list-area-wrapper .reverse {
        flex-direction: column-reverse;
    }

    .knowledgebase-list-area-wrapper .reverse .widget-area-wrapper {
        margin-top: 100px;
        margin-bottom: -30px;
    }

    /* login */

    .bg.sign-in-bg {
        display: none;
    }

    .register-area-wrapper {
        padding-bottom: 225px;
    }

    /* signup */

    .register-area-wrapper .bg.sign-up-bg {
        display: none;
    }
}


/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 767px) {
    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 56px;
    }

    .header-area-wrapper.header-bg.bg-1 {
        height: 1040px;
    }

    .call-to-action-area-wrapper .img-box {
        display: none;
    }

    .footer-top .col-md-6:nth-child(2) {
        margin-top: 20px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        width: 650px;
        bottom: -10px;
    }

    .header-area-wrapper .header-area.header-style-2 .header-content {
        padding: 350px 0 315px;
    }

    .header-area-wrapper .header-area.header-style-2 .header-content .header-paragraph {
        padding: 25px 0px 28px;
    }

    .highlight-area-wrapper {
        padding-top: 96px;
    }

    .highlight-area-wrapper .col-md-6:first-child {
        margin-bottom: 50px;
    }

    .section-heading-wrapper-1 .section-title-main {
        font-size: 36px;
    }

    .counter-area-wrapper .col-md-3 {
        margin-bottom: 30px;
    }

    .counter-area-wrapper .col-md-3:last-child {
        margin-bottom: 0px;
    }

    .newsletter-wrapper .newsletter-inner .left-content .title {
        font-size: 32px;
    }

    .newsletter-wrapper .newsletter-inner .left-content .info {
        padding-right: 0;
    }

    /* blog */

    .blog-grid-area-wrapper.row-style .single-blog-box .img-box {
        height: 300px;
    }

    .blog-grid-area-wrapper.row-style .single-blog-box .content {
        padding-left: 30px;
    }

    .breadcrumb-area .page-title {
        font-size: 55px;
    }

    .blog-grid-area-wrapper.row-style .widget-area-wrapper {
        margin-top: 100px;
        margin-bottom: -30px;
    }

    /* knowledgebase */

    .knowledgebase-list-area-wrapper .single-item-box .internal-content-box {
        display: block;
    }

    .knowledgebase-list-area-wrapper .single-item-box .internal-content-box .right-content {
        margin-top: 11px;
    }

    .blog-details-item .content .title {
        font-size: 34px;
    }

    /* login */

    .register-area-wrapper {
        padding-bottom: 195px;
    }

    /* signup */

    .register-form .row {
        display: block;
    }

    .register-form .row .col:first-child {
        margin-bottom: 20px;
    }

    .topbar-area .left-contnet {
    display: none;
}

.topbar-area .right-contnet {
    width: 100%;
    justify-content: space-between;
}

.language_dropdown {
    display: none;
}

}


/* medium tablet layout 599px */

@media only screen and (max-width: 599px) {
    .search-form-1 form .form-group {
        margin-bottom: 0;
    }

    .search-form-1 form button {
        padding: 12px 16px;
    }

    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 52px;
    }

    /* index-2 */

    .header-area-wrapper .header-area .header-inner-bg-2 {
        display: none;
    }

    .header-area-wrapper .header-area.header-style-2 .header-content {
        padding: 350px 0 280px;
    }

    .faq-accordion .accordion {
        margin-left: 15px;
    }

    .section-heading-wrapper-2 .section-title-main {
        font-size: 33px;
    }

    /* blog */

    .breadcrumb-area .page-title {
        font-size: 52px;
    }

    .blog-details-item .artical-wrapper blockquote::before {
        height: 128%;
    }

    .comment-and-comment-form .comments .comment-list li .single-comment-wrap {
        display: block;
    }

    .comment-and-comment-form .comments .comment-list li .single-comment-wrap .thumb {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .widget-area-wrapper .widget.widget-search form .form-group {
        margin-bottom: 0;
    }

    .comment-and-comment-form .comments .comment-list .has-children {
        margin-left: 45px;
        padding-right: 11px;
    }

    .blog-grid-area-wrapper.row-style .single-blog-box .img-box {
        height: 240px;
    }

    /* knowledgebase */

    .knowledgebase-details-area-wrapper .feedback-area {
        display: block;
    }

    .knowledgebase-details-area-wrapper .feedback-area .right-content {
        margin-top: 15px;
    }

    .knowledgebase-details-area-wrapper .feedback-area .right-content .yes {
        margin-left: 0;
    }
}

@media only screen and (max-width: 450px) {

    /* index-1 */
    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 48px;
    }

    .support-area-wrapper .search-form-1.form-with-ques form {
        display: block;
    }

    .support-area-wrapper .search-form-1.form-with-ques form .form-group {
        margin-right: 0;
    }

    .support-area-wrapper .search-form-1.form-with-ques form .form-btn-1 {
        margin-top: 15px;
        width: 100%;
    }

    .support-area-wrapper .search-form-1 form button {
        margin-left: 0;
    }

    /* index-2 */

    .header-inner-bg-2 {
        display: none;
    }

    .header-area-wrapper .header-area.header-style-2 {
        margin-bottom: 0px;
    }

    /* blog */

    .breadcrumb-area .page-title {
        font-size: 49px;
    }

    .blog-details-item .artical-wrapper blockquote::before {
        height: 125%;
    }

    .blog-grid-area-wrapper.row-style .single-blog-box .img-box {
        height: 260px;
    }

    /* knowledgebase */

    .knowledgebase-list-area-wrapper .single-item-box .title {
        font-size: 30px;
    }
}


/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {

    /* index-2 */
    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 43px;
    }

    /* blog */

    .breadcrumb-area .page-title {
        font-size: 44px;
    }

    .blog-grid-area-wrapper.row-style .single-blog-box .img-box {
        height: 250px;
    }

    .blog-details-item .tag-and-social-link {
        display: block;
        margin-top: 51px;
    }

    .blog-details-item .tag-and-social-link .hastag {
        margin-bottom: 20px;
    }

    .topbar-area .right-contnet ul li {
    font-size: 16px;
    }

    .user-account {
    display: initial;
    }

}


/* mobile tablet layout 375px */

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

    /* blog */
    .blog-details-item .content .title {
        font-size: 32px;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li {
        display: block;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li .thumb {
        margin-right: 0px;
    }

    .widget-area-wrapper .widget.widget-recent-post .post-list li .content .post-title {
        margin-top: 18px;
    }

    /* faq */

    .faq-accordion .card .card-header a {
        font-size: 19px;
    }
}


/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {

    .header-area-wrapper.header-bg.bg-1 {
        height: 940px;
    }

    .header-area-wrapper .header-area.header-style-1 .header-content {
        padding-top: 315px;
    }

    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 38px;
    }

    .section-heading-wrapper-2 .section-title-main {
        font-size: 35px;
    }

    /* blog */

    .breadcrumb-area .page-title {
        font-size: 38px;
    }

    .blog-details-item .artical-wrapper blockquote::before {
        height: 122%;
    }

    /* error */

    .error-404 .content .info-box .info {
        font-size: 22px;
    }
}

@media only screen and (max-width: 340px) {
    .navbar-area.nav-style-02 .nav-container .logo-wrapper a img {
        max-width: 160px;
    }

    .footer-area .footer-widget .logo-wrapper a img {
        max-width: 160px;
    }

    /* index-2 */

    .section-heading-wrapper-1 .section-title-main {
        font-size: 32px;
    }

    .service-details-area-wrapper .single-service-details-box .title {
        font-size: 20px;
    }

    .section-heading-wrapper-2 .section-title-main {
        font-size: 33px;
    }

    .newsletter-wrapper .newsletter-inner .left-content .title {
        font-size: 30px;
    }
}


/* mobile tablet layout 320px */

@media only screen and (max-width: 330px) {
    .header-area-wrapper .header-area .header-content .header-heading {
        font-size: 35px;
    }

    .section-heading-wrapper-2 .section-title-main {
        font-size: 28px;
    }

    .blog-details-item .artical-wrapper blockquote::before {
        height: 119%;
    }
}