@media (max-width:1366px) {
    .category-page .page-title-wrapper h1 {
        font-size: 60px
    }

    .category-page .banner-card-row .banner-card-container h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 16px
    }

    .category-page .banner-card-row .banner-card-container p {
        margin-bottom: 18px
    }

    .category-page .banner-card-row .banner-card-container {
        padding: 0
    }

    .category-page .banner-card-row .banner-card-image img {
        height: 385px
    }

    .main-title h2 {
        font-size: 38px;
    }

    .featured-blog .featured-blog-card .card-body h4,
    .recent-blog-card .card-body h4 {
        font-size: 22px;
        line-height: 33.1px
    }

    .featured-blog .featured-blog-card.big-card .card-body h4 {
        font-size: 36px;
        line-height: 48px
    }

    .single-blog-details .blog-info h2 {
        font-size: 38px;
        line-height: 50px
    }

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

    .single-blog-details .blog-content h1 {
        font-size: 38px
    }

    .single-blog-details .blog-content h2 {
        font-size: 34px
    }

    .single-blog-details .blog-content h3 {
        font-size: 28px
    }
}

@media (max-width:1200px) {

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .auth-wrapper {
        min-height: 100%;
        padding: 30px 0;
    }

    .auth-card {
        padding: 20px;
    }

    .main-title h2 {
        font-size: 36px;
    }

    .main-title h2+p {
        margin-top: 18px
    }

    .recent-blog-card .card-body h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px
    }

    .featured-blog .featured-blog-card.big-card .card-body h4 {
        font-size: 26px;
        line-height: 40px
    }

    .single-blog-details .blog-info h2 {
        font-size: 36px;
        line-height: 48px
    }

    .single-blog-details .blog-content {
        margin-top: 26px
    }

    .single-blog-details .blog-content h1 {
        font-size: 36px
    }

    .single-blog-details .blog-content h2 {
        font-size: 32px
    }

    .single-blog-details .blog-content h3 {
        font-size: 26px
    }

}

@media (max-width:1024px) {
    .main-title h2 {
        font-size: 32px;
    }

    .thank-you-wrapper {
        min-height: auto;
        padding: 70px 0;
    }


    .featured-blog .featured-blog-card.big-card .card-body h4 {
        font-size: 24px;
        line-height: 38px
    }
}

@media (min-width: 992px) {
    .hideOverflowOnMobile {
        overflow: visible;
    }
}

@media (max-width:992px) {
    .hideOverflowOnMobile {
        overflow-x: hidden;
        overflow-y: hidden;
        /* overflow-y: visible; */
        position: relative;
    }

    .category-page .banner-card-row .banner-card-image {
        padding: 0;
        margin-bottom: 30px
    }

    .category-page .banner-card-row .banner-card-container p {
        max-width: 100%
    }

    .category-page .banner-card-row .banner-card-container p {
        min-height: 54px;
        -webkit-line-clamp: 2
    }

    .category-page .banner-card-row .banner-card-container h2 {
        font-size: 26px;
        line-height: 36px
    }

    .category-page .banner-card-row .banner-card-image img {
        height: 500px
    }

    .auth-card .auth-title {
        margin-bottom: 20px
    }

    .auth-card .auth-title h2 {
        font-size: 20px;
        line-height: 28px
    }

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

    .featured-blog .main-title,
    .recent-blog .main-title {
        margin-bottom: 30px
    }

    .featured-blog .featured-blog-card,
    .featured-blog .featured-blog-card.big-card,
    .recent-blog-card {
        padding: 16px
    }

    .featured-blog .featured-blog-card.big-card .card-body h4 {
        font-size: 22px;
        line-height: 36px
    }

    .single-blog-details .blog-info h2 {
        font-size: 34px;
        line-height: 46px
    }

    .single-blog-details .blog-content {
        margin-top: 25px
    }

    .single-blog-details .blog-image {
        height: 500px
    }

    .single-blog-details .blog-content h1 {
        font-size: 34px
    }

    .single-blog-details .blog-content h2 {
        font-size: 30px
    }

    .single-blog-details .blog-content h3 {
        font-size: 24px
    }
}

@media (max-width:768px) {

    .search-page,
    .category-page {
        padding: 50px 0;
    }

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .search-page .page-header .page-title,
    .category-page .page-header .page-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    span br,
    p br,
    .elementor-widget-text-editor br {
        display: none;
    }

    .btn:not(.btn-sm, .btn-lg, .btn-xs) {
        font-size: 12px;
        padding: 6px 12px;
    }

    .btn.btn-lg {
        font-size: 14px;
        padding: 6px 16px;
    }

    .btn.btn-md {
        font-size: 12px;
        padding: 4px 10px;
    }

    .btn-icon:not(.btn-sm):not(.btn-lg):not(.btn-xs) {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .btn-icon.btn-lg {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .btn-icon.btn-sm {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .btn-icon.btn-sm i {
        font-size: 14px;
    }

    .btn:not(.btn-sm):not(.btn-lg):not(.btn-xs) img {
        width: 16px;
        height: 16px;
    }

    .btn-icon-text img {
        width: 12px;
        height: 12px;
    }

    .btn:not(.btn-sm):not(.btn-lg):not(.btn-xs) img {
        width: 16px;
        height: 16px;
    }

    .btn-icon-text.btn-lg img {
        width: 18px;
        height: 18px;
    }

    .btn-icon-text.btn-sm img {
        width: 14px;
        height: 14px;
    }

    .btn-icon-text:not(.btn-sm):not(.btn-lg):not(.btn-xs) {
        min-width: auto;
    }

    .btn-icon-text.btn-lg {
        min-width: auto;
    }

    .modal-theme.modal-confirmation .modal-dialog {
        width: auto;
    }

    .modal-theme .modal-content .modal-header,
    .modal-theme .modal-content .modal-body,
    .modal-theme .modal-content .modal-footer {
        padding: 16px;
    }

    .modal-theme .modal-content .modal-body {
        padding-bottom: 10px;
    }

    .modal-theme .modal-content .modal-footer {
        overflow-x: auto;
    }


    .error-text h2 {
        font-size: 30px;
    }

    .error-text p {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .thank-you-wrapper .thank-you-icon {
        width: 54px;
        height: 54px;
    }

    .thank-you-wrapper .thank-you-icon i,
    .thank-you-wrapper .thank-you-icon img {
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 30px;
    }

    .thank-you-card .thank-you-title h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .thank-you-wrapper .thank-you-actions .btn {
        min-height: auto;
    }

    .main-title h2 {
        font-size: 28px;
    }

    .single-blog {
        padding: 50px 0
    }

    .single-blog-details .blog-info {
        margin-bottom: 20px
    }

    .single-blog-details .blog-info h2 {
        font-size: 32px;
        line-height: 44px
    }

    .single-blog-details .blog-image {
        margin-bottom: 25px
    }

    .single-blog-details .blog-image {
        height: 420px
    }

    .single-blog-details .blog-content h1 {
        font-size: 32px
    }

    .single-blog-details .blog-content h2 {
        font-size: 28px
    }

    .single-blog-details .blog-content h3 {
        font-size: 22px
    }

    .single-blog-details .blog-category,
    .single-blog-details .blog-date-time {
        padding-top: 12px;
        margin-bottom: 12px
    }

}

@media (max-width:767px) {

    .search-page,
    .category-page {
        padding: 60px 0;
    }

    .main-title br {
        display: none
    }

    .custom-form-control input,
    .custom-form-control select,
    .custom-form-control textarea {
        font-size: 14px !important;
        padding: 10px 12px !important
    }

    .gform_footer .gform_button {
        padding: 12px 44px 12px 20px !important;
        margin-top: 15px
    }

    .gform_footer.top_label::after {
        width: 18px;
        height: 18px;
        bottom: calc(50% - 22px)
    }

    .main-title h2 {
        font-size: 26px;
    }

    .recent-blog-card .card-image {
        height: 352px
    }

    .featured-blog .featured-blog-card .card-body h4,
    .recent-blog-card .card-body h4 {
        font-size: 20px;
        line-height: 31px
    }

    .featured-blog .featured-blog-card.big-card .card-body h4 {
        font-size: 20px;
        line-height: 31px
    }
}

@media (max-width:600px) {
    .error-page {
        padding: 50px 0;
    }

    .error-text h2 {
        font-size: 24px;
    }

    .thank-you-card .thank-you-title {
        margin-bottom: 24px;
    }

    .thank-you-card .thank-you-title h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .thank-you-wrapper .thank-you-message-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .auth-card {
        padding: 14px;
    }

    .auth-card .auth-title {
        margin-bottom: 18px;
    }

    .auth-card .auth-title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .auth-linking p {
        flex-wrap: wrap;
    }

    .recent-blog-card .card-image {
        height: auto;
        min-height: 300px;
    }

    .featured-blog .featured-blog-card,
    .featured-blog .featured-blog-card.big-card,
    .recent-blog-card {
        padding: 10px;
    }

    .featured-blog .featured-blog-card.big-card .card-details {
        flex-direction: column
    }

    .featured-blog .featured-blog-card.big-card .card-body,
    .featured-blog .featured-blog-card.big-card .card-image {
        max-width: 100%;
        flex: 0 0 100%
    }

    .featured-blog .featured-blog-card.big-card .card-body {
        padding: 18px 0 0 0
    }

    .featured-blog .featured-blog-card .card-image {
        height: 280px
    }

    .single-blog-details .blog-info h2 {
        font-size: 28px;
        line-height: 40px
    }

    .single-blog-details .blog-image {
        margin-bottom: 22px
    }

    .single-blog-details .blog-image {
        height: 380px
    }

    .single-blog-details .blog-content h1 {
        font-size: 30px
    }

    .single-blog-details .blog-content h2 {
        font-size: 26px
    }

    .single-blog-details .blog-content h3 {
        font-size: 20px
    }
}