@media(max-width:1599.98px) {
    .bottom-header .navbar-brand {
        margin-right: 25px
    }
}

@media(max-width:1499.98px) {
    .bottom-header .nav-item .nav-link {
        padding: 0 13px;
        font-size: 14px
    }

    #navbarNav {
        justify-content: center
    }

    .filter-div {
        gap: 20px
    }
}

@media(max-width:1299.98px) {
    .bottom-header .navbar-brand img {
        margin-right: 0
    }

    .btn-primary {
        display: none
    }
}

@media(max-width:1199.98px) {
    .top-header {
        display: none
    }

    .header-sub-div {
        padding: 0
    }

    .bottom-header {
        border-radius: 0;
        padding: 18px 2px
    }

    .contact-div {
        gap: 16px
    }

    .bottom-header .navbar-brand img {
        margin-right: 10px
    }

    .hamburger-btn {
        border: none
    }

    .hamburger-btn:focus {
        outline: 0;
        box-shadow: none
    }

    .blog-title {
        font-size: 18px
    }

    .category-text {
        padding-right: 4px
    }

    .blog-category i {
        margin-right: 3px
    }

    .commnent-ablick {
        padding-right: 0
    }

    .bottom-header .nav-item {
        padding: 8px 0
    }

    .bottom-header .navbar-brand {
        margin-right: 0
    }

    .header-menu {
        justify-content: start;
    }

    .social-media {
        gap: 10px;
    }

    .bottom-header .nav-item .nav-link {
        padding: 0 8px;
    }

    .header-logo {
        max-width: 116px;
    }

    .social-media a {
        width: 30px;
        height: 30px;
    }

    .social-media i {
        font-size: 16px;
    }

    .blog-card-section-with-pagination {
        padding: 60px 0;
    }

    .book-page h2 {
        font-size: 35px;
    }
}

@media(max-width:991.98px) {

    .enquire-form {
        margin-top: 25px;
    }

    .header .dropdown-menu{
        display: none !important;
    }

    .header .dropdown-menu.show{
        display: block !important;
        visibility: visible;
    }

    .banner-info h3 {
        text-align: center;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .banner-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 21px;
    }

    .latest-news-section {
        padding: 42px 0
    }

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

    .banner-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sucriber-form {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 21px;
    }

    .social-media {
        justify-content: start;
        align-items: center;
        margin-top: 16px;
    }

    .banner-section-main-div {
        min-height: 70vh;
        padding: 140px 0 100px 0;
        height: auto;
    }

    .logo-and-title-div {
        display: flex;
        gap: 35px;
        justify-content: center;
        align-items: center;
    }

    .animation-div,
    .border-div,
    .filter-main-div,
    .left-animation-div .solid-div,
    .right-animation-div .solid-div {
        display: none
    }

    .mobile-responcive-logo {
        width: 100%;
        max-width: 150px;
        display: block
    }

    .main-header-responsive {
        align-items: start;
        width: 100% !important;
        max-width: 375px
    }

    .closed-btn-div {
        position: absolute;
        right: 0
    }

    .toggle-btn {
        border: none
    }

    ul.dropdown-menu.blog-dropdown-menu.show {
        margin-top: 25px
    }

    .blog-dropdown-menu {
        padding: 15px 20px
    }

    .toggle-btn:focus {
        border: none;
        outline: 0;
        box-shadow: none
    }

    .bottom-header .navbar {
        padding: 0
    }

    .contact-div {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column
    }

    .social-media-icon {
        gap: 8px;
        flex-direction: column
    }

    .latest-news-section-row {
        background-color: #383169;
        border-radius: 20px;
        padding: 35px 20px;
        margin: 0
    }

    .big-card-col {
        padding: 12px;
        margin-bottom: 20px
    }

    .footer-section .top-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px
    }

    .footer-section .top-footer .detail-container {
        justify-content: space-between;
        width: 100%
    }

    .blog-card-section-category-page {
        padding: 60px 0 !important
    }

    .lates-blog-img-main-div {
        order: -1;
        margin-bottom: 35px;
    }

    .banner-section-main-div.sub-page {
        min-height: unset;
        padding: 110px 0;
    }

    .blog-card-section-category-page,
    .section-padding {
        padding: 60px 0;
    }

    .lates-blog-feture-img {
        padding-left: 0px;
    }

    .social-media {
        margin-left: 0;
    }

    .book-page h2 {
        font-size: 27px;
    }

    .book .page {
        height: 74vh;
    }

    .book .pages {
        height: 74vh;
        padding: 90px 50px 186px 50px;
    }

    .paginatoin-left-img-div {
        bottom: 110px;
    }

    .paginatoin-right-img-div {
        bottom: 110px;
    }

}

@media (max-width:767.98px) {

    .news-form-title-div h2 {
        line-height: 35px;
    }

    .thumbnail-div {
        margin-left: 0;
    }

    .form-btn {
        margin-bottom: 30px;
    }

    .blog-card-main-div {
        flex-direction: column;
    }

    .thumbnail-div {
        width: 100%;
    }

    .blog-details-div {
        width: 100%;
    }

    .bottom-header .navbar-brand img,
    .footer-section .top-footer .footer-brand img {
        width: 100%;
        height: auto;
        max-width: 120px;
    }

    .header-logo {
        max-width: 140px;
    }

    .blog-card-section .blog-col {
        padding: 24px 12px
    }

    .blog-category,
    .blog-date {
        font-size: 12px
    }

    .logo-and-title-div {
        align-items: center;
        justify-content: center
    }

    .footer-section .top-footer .detail-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px
    }

    .footer-section .bottom-footer ul li {
        padding: 4px 0;
        transition: .3s ease-in-out
    }

    .footer-section .top-footer .top-footer-details .details-content p {
        font-size: 14px
    }

    .blog-content-section .blog-breadcrumb .breadcrumb-devider {
        display: none
    }

    .blog-content-section .blog-breadcrumb {
        flex-wrap: wrap
    }

    .banner-section-title {
        font-size: 50px
    }

    .section-padding {
        padding: 60px 0
    }

    .enquire-form .form-btn,
    .card-div .form-btn {
        margin-bottom: 0;
    }

    .book-page h2 {
        font-size: 23px;
    }

    .book-page .text-p {
        font-size: 16px;
        margin-top: 15px;
    }

    .book .page {
        height: 62vh;
    }

    .book .pages {
        height: 62vh;
    }

}

@media (max-width:575.98px) {

    .card-left,
    .card-right {
        margin: 10px 0
    }

    .latest-news-section-row {
        padding: 16px
    }

    .hero-banner-section .row {
        padding: 0 15px
    }

    .blog-card-section .blog-col {
        margin-bottom: 5px
    }

    .input-email-div button {
        position: static;
        width: 100%;
        padding: 12px
    }

    .input-email-div input {
        height: 46px;
        margin-bottom: 12px;
        padding: 12px
    }

    .comment-display .comment-msg .msg-top,
    .comment-form-field-container,
    .logo-and-title-div {
        flex-direction: column
    }

    .big-card-col {
        padding: 0 12px
    }

    .copyright-section .copyright-content {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px
    }

    .footer-section .top-footer .top-footer-details .details-img {
        padding: 12px
    }

    .footer-section .top-footer .top-footer-details .details-img svg {
        width: 24px;
        height: 24px
    }

    .big-card-blog-main-div-2 .blog-title.blog-title-big-card,
    .blog-title.blog-title-big-card {
        width: 100%;
        max-width: 100%
    }

    .blog-content-section .blog-details-paragraph .digital-news {
        flex-direction: column;
        align-items: start
    }

    .card-left {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 10px
    }

    .blog-content-section .blog-details-paragraph .digital-news .card-left .card-btn {
        margin: 0
    }

    .blog-content-section .blog-details-paragraph .tagline,
    .comment-respond .comment-form,
    .sidebar-wrap .sidebar-card .card-body.category-list-group {
        padding: 15px
    }

    .blog-content-section .blog-details-paragraph .tagline::before {
        display: none
    }

    .comment-display .comment-msg p {
        text-align: center
    }

    .comment-display .comment-msg:nth-child(3) {
        padding-left: 0
    }

    .section-padding {
        padding: 80px 0
    }

    .comment-form-field-container .comment-form-field {
        width: 100%
    }

    .sidebar-wrap .innter-content .auther-img img {
        width: 150px;
        height: 150px
    }

    .blog-content-col .sidebar-wrap .innter-content::after {
        top: 75px
    }

    .sidebar-wrap .sidebar-card .latest-news-group .latest-news {
        align-items: flex-start
    }

    .latest-news-group .latest-news .news-content a {
        font-size: 16px
    }

    .latest-news-group .latest-news .news-content .news-date {
        font-size: 14px
    }

    .post-navigation .nav-link {
        font-size: 14px;
        line-height: 21px;
        font-weight: 600
    }

    .footer-section .top-footer .top-footer-details .details-content p a {
        font-size: 12px
    }

    .footer-section .top-footer .top-footer-details .details-content p {
        margin-bottom: 0
    }

    .pagination-main-div ul li {
        font-weight: 600;
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .banner-section-main-div {
        background-position: right;
    }

    .banner-title {
        font-size: 25px;
    }

    .text-p {
        font-size: 14px;
    }

    .footer-logo {
        height: auto;
        max-width: 135px;
    }

    .banner-section-main-div {
        height: auto;
    }

    .blog-card-section-with-pagination {
        padding: 40px 0;
    }

    .footer-section {
        padding: 54px 0 0 0;
    }

    .card-div .input-div {
        flex-direction: column;
        gap: 15px;
        justify-content: start;
        align-items: start;
    }

    .book .page {
        padding: 40px 10px 80px 10px;
        height: 100%;
        min-height: 450px;
    }

    .paginatoin-left-img-div {
        left: 10px;
        max-width: 25px;
        bottom: 90px;
    }

    .paginatoin-right-img-div {
        right: 10px;
        max-width: 25px;
        bottom: 90px;
    }

    .paginatoin-left-img-div img,
    .paginatoin-right-img-div img {
        width: 100%;
    }

    .book .pages {
        height: 100%;
        min-height: 450px;
    }

    .book-page .primary-btn {
        margin-top: 20px;
    }

    .book-page h2 {
        font-size: 18px;
    }

    .book-page .text-p {
        font-size: 14px;
        margin-top: 10px;
    }

    .post-publish-info {
        flex-direction: column;
    }

    .post-publish-info .share-div {
        padding: 10px 0;
    }

    .comment-section form {
        flex-direction: column;
    }

    p.comment-form-author {
        width: 100%;
    }

    p.comment-form-email {
        width: 100%;
    }

    .blog-content-section .blog-details-paragraph p {
        font-size: 14px;
    }

}