@media (max-width: 1030px) {
    .container {
        padding: 0 .9375rem
    }

    .container-fluid .container {
        padding: 0
    }

    .feat-cap > h3 {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .about-info > i {
        font-size: 2.5rem
    }

        .about-info > i + .about-info-inner {
            width: calc(100% - 2.5rem)
        }

    .about-info-inner > p {
        font-size: 1.13rem
    }

    .event-style1 {
        padding: 2rem 2.5rem 2.125rem 3rem
    }

    .speaker-inner {
        padding-left: 0
    }

    .event-grid-info {
        padding: 1.875rem 1.8rem 1.5625rem 1.8rem
    }

    .event-grid-meta > li {
        font-size: .95rem
    }

    .event-grid-info > ul + span::before {
        right: -1.8rem;
        left: 0
    }

    .event-grid-info > h3 {
        font-size: 1.55rem
    }

    .discount-inner {
        max-width: 55%
    }

    .footer-inner {
        max-width: 65%
    }

    .social-links3 > a {
        font-size: 1rem;
        padding: 1.2rem 2rem;
        width: calc(20.08% - .75rem)
    }

    .social-links3.position-absolute {
        left: .9375rem;
        right: .9375rem
    }

    .about-desc2 {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .feat-cap-wrap {
        position: static !important;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        padding: 4rem .9375rem
    }

    .feat-cap2 {
        max-width: 90%
    }

    .about-desc3 {
        padding-left: 0
    }

    .about-img.style2 {
        width: 100%
    }

    .how-work-box {
        padding: 3.5rem 2.5rem
    }

    .contact-form-wrap {
        padding: 4rem .9375rem;
        max-width: 100%
    }

    .event-grid-info2 > p {
        max-width: 100%
    }

    .event-grid-info2 > p {
        font-size: 1rem
    }

    header.style1 .header-left, header.style2 .header-left {
        margin-top: 1.6rem
    }

    header.style1 nav > div > ul > li, header.style2 nav > div > ul > li {
        line-height: 3rem
    }

    header.style1 .header-right-btns {
        margin-top: 2.3rem
    }

    header.style2 .header-right-btns {
        margin-top: 1.9rem
    }

    header.style1, header.style3 {
        padding-top: .9375rem
    }
}

@media (min-width: 995px) and (max-width:1080px) {
    .md-btn {
        padding-left: 2.1rem;
        padding-right: 2.1rem
    }

    .post-meta2 > span + span {
        margin-left: .9rem;
        padding-left: .9375rem
    }

    .post-meta2 > span + i {
        margin-left: 1rem
    }

    .post-meta2 > span {
        font-size: .9375rem !important
    }
}

@media (max-width: 850px) {
    .header-left {
        display: none !important
    }

    .res-caro div[class^=col] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .res-row {
        overflow-x: auto
    }

        .res-row > .row {
            flex-wrap: nowrap
        }

    .about-desc3, .speaker-inner {
        margin-top: 4rem
    }

    .feat-item-wrap {
        text-align: center
    }

    .feat-item {
        padding-top: 11rem
    }

    .feat-item-wrap span.d-block.text-right {
        text-align: inherit !important;
        margin-bottom: 1.25rem
    }

    .sec-title-inner > span {
        font-size: 1.125rem
    }

    .how-works > h2, .sec-title-inner > h2 {
        font-size: 3.2rem;
        line-height: 3.2rem
    }

    .about-info-inner > p {
        font-size: 1.25rem
    }

    .event-style1 {
        padding: 2rem
    }

    .event-meta + .event-info {
        padding-left: 3.3rem
    }

    .event-info::before {
        left: 2rem
    }

    .sec-title-inner > h3 {
        font-size: 2.9rem;
        line-height: 2.9rem
    }

    .discount-inner {
        max-width: 75%
    }

    .footer-inner {
        max-width: 100%
    }

    .contact-map-wrap > h2 br {
        display: none
    }

    .feat-cap2 > h3 {
        font-size: 3.8rem;
        line-height: 4.2rem
    }

    .about-desc-inner {
        max-width: 100%
    }

    .event-wrap2 {
        overflow-x: auto
    }

    .event-style2 {
        min-width: 150%
    }

    .newsletter-wrap {
        text-align: center
    }

    .newsletter-inner {
        padding-left: 0;
        margin-top: 3rem
    }

    .pt-100, .pt-110, .pt-120, .pt-140 {
        padding-top: 5rem
    }

    .pb-100, .pb-110, .pb-120, .pb-170 {
        padding-bottom: 5rem
    }

    .mt-100 {
        margin-top: 5rem
    }

    .mb-100 {
        margin-bottom: 5rem
    }

    .about-wrap2 > div.row {
        align-items: initial !important
    }

    .contact-map-wrap > h2 {
        padding: 0 .9375rem
    }

    .contact-map {
        height: 30rem
    }

    .bottom-bar-inner {
        text-align: center;
        justify-content: center !important
    }

        .bottom-bar-inner .bottom-links {
            margin: 1rem 0 0;
            flex-wrap: wrap;
            justify-content: center
        }

    .contact-map-wrap > h2 {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .event-grid-info2 > p {
        font-size: 1.125rem
    }

    .post-style1 {
        padding-right: 0
    }

    .toggle-item {
        padding-right: 0
    }

    .contact-map-wrap.style2 .contact-map {
        height: 25rem;
        max-width: 100%;
        margin-bottom: 4rem
    }

    .feat-item2 {
        display: block !important
    }
}

@media (max-width: 576px) {
    header .logo img {
        max-width: 75%
    }

    .feat-cap > h3 {
        font-size: 3rem;
        line-height: 3.5rem
    }

    .about-img {
        padding-left: 0
    }

    .sec-title-btn {
        margin-top: 1.2rem
    }

    .event-style1 {
        text-align: center;
        justify-content: center
    }

    .event-meta {
        text-align: inherit !important
    }

        .event-meta + .event-info {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 2.7rem 0 0
        }

    .event-info::before {
        left: 50%;
        height: 6px;
        width: 1rem;
        margin-left: -.5rem;
        top: 1rem
    }

    .discount-inner {
        max-width: 100%;
        padding: 2.5rem
    }

    .discount-wrap:before {
        background-size: cover;
        right: -.625rem
    }

    .form-input-wrap {
        max-width: 100%
    }

        .form-input-wrap .input-field {
            flex: 0 0 100%;
            max-width: 100%;
            margin: -1.5px 0
        }

    .newsletter-wrap form .form-button {
        width: 100%;
        margin-top: 1.5px
    }

        .newsletter-wrap form .form-button button {
            width: 100%
        }

    .footer-bottom {
        justify-content: center !important
    }

        .footer-bottom > p + .social-links {
            margin-top: 1.5rem
        }

    .feat-cap2 > h3 {
        font-size: 2.8rem;
        line-height: 3.5rem
    }

    .sec-title-inner > h2 br {
        display: none
    }

    .event-style2 {
        min-width: 200%
    }

    .social-links3.position-absolute {
        position: static !important;
        margin-top: 3rem
    }

    .social-links3 > a {
        width: calc(50% - 8px);
        margin: 2.5px !important
    }

    .btns-wrap.d-flex > a {
        flex: 0 0 100%;
        max-width: 100%
    }

    .btns-wrap.d-flex {
        flex-wrap: wrap
    }

        .btns-wrap.d-flex > a + a {
            margin-top: .5rem
        }

    .newsletter-inner > form input {
        height: 5rem;
        padding-right: 9rem
    }

    .newsletter-inner > form button {
        right: 0;
        font-size: 1rem;
        padding: 0 1rem
    }

    .pt-155 {
        padding-top: 5rem
    }

    .post-style1 {
        padding-left: 0px;
    }

    .page-title-inner {
        margin: 0
    }

    .error-inner > h1 {
        font-size: 10rem;
        line-height: 10rem
    }

        .error-inner > h1 span::before {
            bottom: 1.7rem;
            top: 1.7rem
        }

        .error-inner > h1 + h3 {
            margin-top: 0
        }

    .error-inner > h3 {
        font-size: 2.2rem
    }

        .error-inner > h3 + p {
            margin-top: 1.8rem
        }

    .error-inner > p {
        font-size: 1.125rem
    }

    .pt-160 {
        padding-top: 5rem
    }

    .pb-150 {
        padding-bottom: 5rem
    }

    .toggle-item {
        padding-left: 2rem;
        max-width: calc(100% - 3rem);
        margin-left: 3rem
    }

        .toggle-item > h4 {
            font-size: 1.5rem
        }

            .toggle-item > h4 i {
                height: 1.8rem;
                width: 1.8rem;
                left: -3rem
            }

    .res-row > .row div[class^=col] {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 490px) {
    .sec-title-inner > h2 {
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .event-grid-info > h3 {
        font-size: 1.625rem
    }

    .newsletter-wrap > h2 {
        font-size: 2.3rem
    }

        .newsletter-wrap > h2 br, .sec-title-inner > h2 br, .sec-title-inner > h3 br {
            display: none
        }

    .sec-title-inner > h3 {
        font-size: 2.4rem;
        line-height: 2.4rem
    }

    .feat-cap > h3 {
        font-size: 2.8rem
    }

    .thm-btn {
        font-size: 18px;
        padding: 1rem 2.3rem
    }

        .thm-btn.wid-btn {
            padding-left: 3rem;
            padding-right: 3rem
        }

    .page-title-inner > h1 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    .search-close-btn {
        height: 3.5rem;
        width: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.5rem
    }

    .about-icon {
        display: none
    }

    .feat-cap2 {
        max-width: 100%
    }

    .btns-wrap > a + a {
        margin-top: .9375rem
    }
}

@media (max-width: 430px) {
    .event-style2 {
        min-width: 350%
    }

    .social-links3 > a i {
        display: block;
        margin: 0 0 5px
    }

    .about-icon {
        max-width: 11rem;
        right: 2rem;
        top: 2rem
    }

        .about-icon > i {
            font-size: 2.5rem;
            line-height: 2.5rem
        }

        .about-icon > span {
            font-size: 1.125rem
        }

    header.style3 {
        padding-top: 1.7rem
    }

        header.style3 .header-right-btns > a {
            height: 3.125rem;
            width: 3.125rem;
            line-height: 3.125rem
        }

        header.style3 .header-left + .header-right-btns {
            margin-left: 0
        }

    .feat-cap > span + ul {
        margin-top: 2rem
    }

    header.style1, header.style3 {
        padding-top: 1rem
    }

        header.style1 .header-right-btns, header.style2 .header-right-btns {
            margin-top: 0
        }

        header.style3 .header-right-btns {
            margin-top: .625rem
        }
}