/* ===== 02. Global Style ===== */

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 65px;
        font-weight: 800;
    }
}

@media screen and (max-width: 991px) {
    .container {
        max-width: 959px;
    }

    h1 {
        font-size: 60px;
        font-weight: 700;
    }

    h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
    }

    h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 50px;
        font-weight: 600;
    }

    h2 {
        font-size: 28px;
        font-weight: 600;
    }

    h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }

    h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

    h6 {
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
    }

    p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    button {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        padding: 10px 35px;
    }

    a {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    span {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 40px;
        font-weight: 600;
    }

    h2 {
        font-size: 22px;
        font-weight: 600;
    }

    h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    h5 {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
    }

    h6 {
        font-size: 8px;
        font-weight: 500;
        line-height: 10px;
    }

    p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    button {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        padding: 10px 35px;
    }

    a {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    .hover1 {
        padding: 10px 25px;
    }

    .back-to-top-btn {
        padding: 8px 14px;
    }

    .back-to-top-btn i {
        transform: scale(0.7);
    }

    /* Form validation modal */
    .modal-content {
        padding: 24px;
    }

    .modal-content div {
        width: 100%;
        padding: 12px 0px;
    }

    .modal-content h6,
    .modal-content p {
        width: 100%;
    }

    .modal-content img {
        width: 100px;
    }
}

/* ===== End of 02. Global Style ===== */
/* ========= 1.1. Header section ========= */
@media screen and (min-width: 991px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: end;
        margin-right: 50px;
    }
}

@media screen and (max-width: 991px) {
    .open-aside {
        display: block;
    }

    .join-btn {
        display: none;
    }

    .nav-logo img {
        width: 178px;
    }

    .side-nav-logo {
        padding-bottom: 20px;
    }

    .side-nav-logo img {
        width: 130px;
    }

    .navbar {
        padding: 0px;
    }
}


@media screen and (max-width: 768px) {
    .nav-logo img {
        width: 130px;
    }
}


@media screen and (max-width: 480px) {
    .nav-logo img {
        width: 120px;
    }

    aside .fa-xmark {
        font-size: 20px;
    }

    .open-aside {
        padding: 8px 12px;
        font-size: 22px;
        display: flex;
    }

    .open-aside i {
        font-size: 20px;
    }
}


/* ========= End of 1.1. Header section ========= */
/* ========= 1.2. Hero section ========= */
@media screen and (max-width: 1199px) {
    .Hero .position-relative .align-items-start {
        padding: 14px 14px 14px 14px !important;
    }
}

@media screen and (max-width: 991px) {
    .Hero {
        padding: 30px 0px 50px 0px;
    }

    .Hero .row .col-lg-3:first-child {
        display: none;
    }

    .Hero .Hero_Slider .d-flex {
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .Hero .row .col-lg-3:last-child {
        display: none;
    }

    .Hero .Hero_Slider .d-flex {
        padding: 0px;
    }

    .Hero .col-lg-6 {
        padding-left: 0px !important;
    }

    .Hero .row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Hero .position-relative h3 {
        text-align: center;
        padding: 0px 0px;
    }
}

@media screen and (max-width: 320px) {
    .Hero .position-relative h3 {
        padding: 0px 0px;
    }
}

/* ========= End of 1.2. Hero section ========= */
/*========= 1.3. Newsletter section =========*/
@media screen and (max-width: 991px) {
    .Newsletter .gap-4 {
        flex-direction: column;
        align-items: start !important;
    }

    .Newsletter form {
        justify-content: start;
    }

    .Newsletter p {
        width: 42%;
    }
}

@media screen and (max-width: 767px) {
    .Newsletter .container {
        border: none;
    }

    .Newsletter form {
        flex-direction: column;
    }

    .Newsletter form input {
        width: 100%;
    }

    .Newsletter .gap-4 {
        align-items: center !important;
        text-align: center;
        border: none;
        padding: 20px 0px;
    }

    .Newsletter p {
        width: 100%;
    }
}

/*========= End of 1.3. Newsletter section =========*/
/*========= 1.4. FeaturedNews section =========*/

@media screen and (max-width: 1400px) {
    .FeaturedNews .p-0 hr {
        margin: 20px 0px;
    }

    .FeaturedNews .SixBlogs h5 {
        padding-right: 0px;
    }

    .FeaturedNews .dark_Image {
        padding: 50px 50px;
    }
}

@media screen and (max-width: 1199px) {
    .FeaturedNews .position-relative h5 {
        padding-right: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .FeaturedNews .dark_Image {
        padding: 66px 50px;
    }

    .FeaturedNews .p-0 h4 {
        padding-right: 30px;
    }
}

@media screen and (max-width: 991px) {
    .FeaturedNews .position-relative h5 {
        padding-right: 70px;
    }

    .FeaturedNews .row {
        row-gap: 20px;
    }

    .FeaturedNews .p-0 h4 {
        padding-right: 60px;
    }

    .FeaturedNews .SixBlogs h5 {
        padding-right: 60px;
    }
}

@media screen and (max-width: 768px) {
    .FeaturedNews {
        padding: 70px 0px;
    }

    .FeaturedNews .SixBlogs h5 {
        padding-right: 15px;
    }

    .FeaturedNews .p-0 hr {
        margin: 35px 0px;
    }
}

@media screen and (max-width: 767px) {
    .FeaturedNews .SixBlogs .gap-3 a {
        width: 100%;
    }

    .FeaturedNews .position-relative h5 {
        padding-right: 20px;
    }

    .FeaturedNews .p-0 h4 {
        padding-right: 0px;
    }

    .FeaturedNews {
        padding: 50px 0px;
    }
}

@media screen and (max-width: 480px) {
    .FeaturedNews .dark_Image {
        padding: 66px 14px;
    }
}

@media screen and (max-width: 430px) {
    .FeaturedNews .col-lg-6 .gap-3:first-child {
        flex-direction: column !important;
    }

    .FeaturedNews .col-lg-6 .SixBlogs .gap-3 {
        flex-direction: row !important;
    }

    .FeaturedNews .dark_Image {
        padding: 40px 14px;
    }
}

@media screen and (max-width: 360px) {
    .FeaturedNews .col-lg-6 .gap-4 {
        flex-direction: column !important;
    }

    .FeaturedNews .p-0 {
        width: 100%;
    }

    .FeaturedNews .SixBlogs h5 {
        padding-right: 0px;
    }

    .FeaturedNews .p-0 hr {
        margin: 20px 0px;
    }
}

@media screen and (max-width: 320px) {
    .FeaturedNews .pb-lg-5 {
        flex-direction: column;
        align-items: center;
    }
}

/*========= End of 1.4. FeaturedNews section =========*/
/*========= 1.5. Categories section =========*/
@media screen and (max-width: 1199px) {
    .Categories .col-lg-3 h4 {
        padding: 20px 20px;
    }

    .Categories .col-lg-6 h2 {
        color: #ffffff;
        padding-right: 50px;
    }

    .col-lg-6 p {
        padding-right: 30px;
    }
}

@media screen and (max-width: 991px) {
    .Categories .col-lg-6 p {
        padding-right: 360px;
    }

    .Categories .row {
        row-gap: 25px;
    }
}

@media screen and (max-width: 768px) {
    .Categories {
        padding: 70px 0px;
    }

    .Categories .col-lg-6 p {
        padding-right: 300px;
    }

    .Categories .col-lg-6 hr {
        width: 58%;
    }
}

@media screen and (max-width: 767px) {
    .Categories {
        padding: 50px 0px;
    }

    .Categories .col-lg-6 h5 {
        text-align: center;
    }

    .Categories .col-lg-6 h2 {
        padding-right: 0px;
        text-align: center;
    }

    .Categories .col-lg-6 p {
        padding: 0px;
        text-align: center;
    }

    .Categories .col-lg-6 hr {
        margin: 20px auto;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .Categories .col-lg-6 p {
        padding: 0px 50px 0px 50px;
    }

}

@media screen and (max-width: 360px) {
    .Categories .col-lg-6 p {
        padding: 0px 0px 0px 0px;
    }

    .Categories .row {
        row-gap: 12px;
    }
}

/*========= End of 1.5. Categories section =========*/
/*========= 1.6. Latest section =========*/
@media screen and (max-width: 1400px) {
    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 16px;
    }
}

@media screen and (max-width: 1199px) {
    .Latest .col-lg-8 figure img {
        width: 125px;
    }

    .Latest .overflow-hidden h4 {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 0px;
    }
}

@media screen and (max-width: 991px) {
    .Latest .row {
        row-gap: 50px;
    }

    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 10px;
    }

    .Latest .flex-wrap a {
        width: 100%;
    }

    .Latest .col-lg-4 .position-relative {
        height: 100%;
    }

    .Latest .overflow-hidden img {
        object-fit: cover;
        object-position: right;
    }
}

@media screen and (max-width: 768px) {
    .Latest {
        padding: 70px 0px;
    }

    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .Latest {
        padding: 50px 0px;
    }
}

@media screen and (max-width: 540px) {
    .Latest .flex-wrap {
        flex-direction: column;
    }

    .Latest .flex-wrap .gap-3 {
        width: 100%;
    }

    .Latest .overflow-hidden {
        width: 100%;
    }

    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 40px;
    }
}

@media screen and (max-width: 360px) {
    .Latest .col-lg-8 .gap-2 h4 {
        padding-right: 0px;
    }
}

@media screen and (max-width: 320px) {
    .Latest .col-lg-8 figure img {
        width: 102px;
    }
}

/*========= End of 1.6. Latest section =========*/
/*========= 1.7. Editors_Pick section =========*/
@media screen and (max-width: 1400px) {
    .Editors_Pick .overflow-hidden .flex-column {
        padding: 25px 40px 25px 25px;
    }
}

@media screen and (max-width: 1199px) {
    .Editors_Pick .overflow-hidden .flex-column {
        padding: 12px 70px 12px 25px;
    }
}

@media screen and (max-width: 768px) {
    .Editors_Pick {
        padding: 70px 0px;
    }
}

@media screen and (max-width: 767px) {
    .Editors_Pick {
        padding: 50px 0px;
    }

    .Editors_Pick .overflow-hidden .flex-column {
        padding: 25px 140px 25px 25px;
    }

    .Editors_Pick .row {
        row-gap: 25px;
    }
}

@media screen and (max-width: 360px) {
    .Editors_Pick .overflow-hidden .flex-column {
        padding: 10px 20px 10px 20px;
    }
}

/*========= End of 1.7. Editors_Pick section =========*/
/*========= 1.8. Popular section =========*/
@media screen and (max-width: 1199px) {
    .Popular .col-lg-8 figure img {
        width: 125px;
    }

    .Popular .flex-wrap .dot {
        display: none;
    }

    .Popular .flex-wrap .gap-2:nth-of-type(1) {
        flex-direction: column !important;
        gap: 4px !important;
    }
}

@media screen and (max-width: 991px) {
    .Popular .row {
        row-gap: 50px;
    }

    .Popular .flex-wrap a {
        width: 100%;
    }

    .Popular .overflow-hidden img {
        object-fit: cover;
        object-position: top center;
    }

    .Popular .flex-wrap .dot {
        display: block;
    }

    .Popular .flex-wrap a .gap-2:nth-of-type(1) {
        flex-direction: row !important;
        gap: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .Popular {
        padding: 70px 0px;
    }

    .Popular .col-lg-8 .gap-2 h4 {
        padding-right: 20px;
    }

    .Popular .dark_Image {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .Popular {
        padding: 50px 0px;
    }

    .Popular .col-lg-8 .gap-2 h4 {
        padding-right: 0px;
    }

    .Popular .dark_Image {
        padding: 38px 20px;
    }

    .Popular .row {
        row-gap: 25px;
    }
}

@media screen and (max-width: 540px) {
    .Popular .flex-wrap {
        flex-direction: column;
    }

    .Popular .flex-wrap .gap-3 {
        width: 100%;
    }

    .Popular .overflow-hidden {
        width: 100%;
    }

    .Popular .col-lg-8 .gap-2 h4 {
        padding-right: 40px;
    }

    .Popular .dark_Image h2 {
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .Popular .col-lg-8 .gap-2 h4 {
        padding-right: 0px;
    }

    .Popular .overflow-hidden .flex-column {
        padding: 10px 25px;
    }
}

@media screen and (max-width: 320px) {
    .Popular .col-lg-8 figure img {
        width: 102px;
    }

    .Popular .flex-wrap a .gap-2:nth-of-type(1) {
        gap: 4px !important;
    }
}

/*========= End of 1.8. Popular section =========*/
/*========= 1.9. EchoNews section =========*/
@media screen and (max-width: 1400px) {
    .EchoNews .gap-3 h2 {
        width: 46%;
    }

    .EchoNews .gap-3 p {
        width: 60%;
    }
}

@media screen and (max-width: 1024px) {
    .EchoNews .gap-3 h2 {
        width: 55%;
    }

    .EchoNews .gap-3 p {
        width: 60%;
    }

    .EchoNews {
        padding: 100px 0px;
    }
}

@media screen and (max-width: 768px) {
    .EchoNews {
        padding: 70px 0px;
    }
}

@media screen and (max-width: 767px) {
    .EchoNews {
        padding: 50px 0px;
    }

    .EchoNews .gap-3 {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .EchoNews .gap-3 h2 {
        width: 100%;
    }

    .EchoNews .gap-3 p {
        width: 100%;
    }
}

/*========= End of 1.9. EchoNews section =========*/
/*========= 1.10. About_LinqBuzz section =========*/
@media screen and (max-width: 1400px) {
    .About_LinqBuzz .gap-lg-4 h2 {
        width: 80%;
    }

    .About_LinqBuzz .gap-lg-4 p {
        padding-right: 0px;
    }

    .About_LinqBuzz .gap-lg-4 hr {
        margin: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 1199px) {
    .About_LinqBuzz {
        padding: 100px 0px 100px 0px;
    }

    .About_LinqBuzz .position-relative .gap-2 {
        bottom: -30% !important;
    }

    .About_LinqBuzz .gap-lg-4 h2 {
        width: 90%;
    }

    .About_LinqBuzz .pt-md-4 {
        margin: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 991px) {
    .About_LinqBuzz .position-relative .gap-2 {
        bottom: -16% !important;
    }

    .About_LinqBuzz .gap-lg-4 h2 {
        width: 100%;
    }

    .About_LinqBuzz .col-lg-7 {
        padding-top: 0px;
    }
}

@media screen and (max-width: 912px) {
    .About_LinqBuzz .pt-md-4 {
        flex-direction: column !important;
        gap: 30px;
    }

    .About_LinqBuzz .align-items-center div:first-child {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .About_LinqBuzz .position-relative .gap-2 {
        bottom: -34% !important;
    }

}

@media screen and (max-width: 768px) {
    .About_LinqBuzz .position-relative .gap-2 {
        width: 360px;
        bottom: -48% !important;
        right: unset !important;
    }

    .About_LinqBuzz {
        padding: 70px 0px 70px 0px;
    }

    .About_LinqBuzz .col-lg-7 {
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .About_LinqBuzz {
        padding: 50px 0px 40px 0px;
    }

    .About_LinqBuzz .position-relative .gap-2 {
        position: static !important;
        margin: 0px auto;
        width: 100%;
        text-align: center;
    }

    .About_LinqBuzz .row {
        flex-direction: column-reverse;
        row-gap: 25px;
    }

    .About_LinqBuzz .align-items-center div:first-child {
        width: 40%;
    }

    .About_LinqBuzz .pt-lg-3 {
        flex-direction: row !important;
        justify-content: center !important;
    }

    .About_LinqBuzz .col-lg-7 .gap-md-3 {
        text-align: center;
    }

    .About_LinqBuzz .col-lg-7 {
        padding-left: 10px;
    }

    .About_LinqBuzz .modal-dialog {
        width: 100%;
    }

    .About_LinqBuzz .modal-body {
        width: 100%;
    }

    .About_LinqBuzz video {
        border: none;
        width: 100%;
        border-radius: 18px;
    }
}

@media screen and (max-width: 480px) {
    .About_LinqBuzz .modal-content button {
        top: -20px;
    }

    .About_LinqBuzz .align-items-center div:first-child {
        width: 100%;
    }

    .About_LinqBuzz .pt-md-4 {
        gap: 12px;
    }

    .About_LinqBuzz .align-items-center .gap-2 figure {
        width: 40px;
        height: 40px;
    }

    .About_LinqBuzz .align-items-center img[alt="Play"] {
        width: 20px;
    }
}

@media screen and (max-width: 360px) {
    .About_LinqBuzz .position-relative .gap-2 {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 320px) {
    .About_LinqBuzz .modal-content button {
        top: -20px;
    }
}

/*========= End of 1.10. About_LinqBuzz section =========*/
/*========= 1.11. Brands section =========*/
@media screen and (max-width: 768px) {
    .Brands {
        margin-top: 70px;
    }

    .Brands .LogosSlider1 img {
        width: 70%;
    }

    .Brands .LogosSlider1 a {
        padding: 0px;
    }
}

@media screen and (max-width: 767px) {
    .Brands {
        margin-top: 50px;
    }
}

/*========= End of 1.11. Brands section =========*/
/*========= 1.12. SixImages section =========*/
@media screen and (max-width: 1199px) {
    .SixImages .gap-2 {
        padding: 10px;
    }
}

@media screen and (max-width: 991px) {
    .SixImages .justify-content-center {
        flex-wrap: wrap;
    }

    .SixImages figure {
        width: 30%;
        flex-grow: 1;
    }
}

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

    .SixImages .gap-2 {
        width: 214px;
    }
}

@media screen and (max-width: 767px) {
    .SixImages figure {
        width: 40%;
    }

    .SixImages .justify-content-center {
        padding: 0px 10px;
    }
}

@media screen and (max-width: 360px) {
    .SixImages .gap-2 {
        display: none !important;
    }
}

/*========= End of 1.12. SixImages section =========*/
/*========= 1.13. Footer section =========*/
@media screen and (max-width: 768px) {
    footer figure {
        width: 140px;
    }

    footer .Footer_Logo a {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    footer .justify-content-between {
        flex-direction: column-reverse !important;
        gap: 20px;
    }

    footer figure {
        order: 1;
    }

    footer p {
        text-align: center;
    }
}

/*========= End of 1.13. Footer section =========*/
/*========= 2.1. SubPages_Header section =========*/
@media screen and (max-width: 991px) {
    .SubPages_Header .pt-lg-4 .p-0 {
        flex-grow: 1;
    }

    .SubPages_Header .SearchModal {
        align-items: end;
        justify-content: end;
        flex-grow: 1;
    }

    .SubPages_Header .SearchModal button {
        padding-right: 20px;
    }
}

/*========= End of 2.1. SubPages_Header section =========*/
/*========= 2.2. Map section =========*/
@media screen and (max-width: 768px) {
    .Map {
        padding: 50px 0px 0px;
    }
}

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

    .Map iframe {
        height: 350px;
    }
}

/*========= End of 2.2. Map section =========*/
/*========= 2.3. Contact section =========*/
@media screen and (max-width: 1199px) {
    .Contact .gap-3 h2 {
        padding-right: 30px;
    }

    .Contact .gap-3 p {
        padding: 0px 30px 20px 0px;
    }
}

@media screen and (max-width: 1024px) {
    .Contact form textarea {
        height: 110px;
    }
}

@media screen and (max-width: 991px) {
    .Contact form textarea {
        height: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .Contact {
        padding: 70px 0px;
    }

    .Contact .col-lg-6 .gap-2 {
        padding-top: 16px;
    }

    .Contact form textarea {
        height: 70px !important;
    }
}

@media screen and (max-width: 767px) {
    .Contact {
        padding: 50px 0px 20px;
    }

    .Contact .gap-3 p {
        padding: 0px 0px 20px 0px;
    }

    .Contact .row {
        row-gap: 50px;
    }

    .Contact .col-lg-6 .gap-2 {
        padding-top: 25px;
        flex-wrap: wrap;
        flex-direction: row !important;
    }

    .Contact .col-lg-6 .gap-2 div {
        width: 40%;
        flex-grow: 1;
    }

    .Contact .gap-3 {
        text-align: center;
    }
}

@media screen and (max-width: 360px) {
    .Contact .col-lg-6 .gap-2 {
        flex-direction: column !important;
    }

    .Contact .col-lg-6 .gap-2 div {
        width: 100%;
    }
}

/*========= End of 2.3. Contact section =========*/
/*========= 3.2. Videos section =========*/
@media screen and (max-width: 1280px) {
    .Videos .overflow-hidden .flex-column {
        padding: 25px 30px 25px 30px;
    }
}

@media screen and (max-width: 1199px) {
    .Videos .overflow-hidden .flex-column {
        padding: 25px 20px 25px 20px;
    }

    .Videos .overflow-hidden h3 {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 991px) {
    .Videos .overflow-hidden .flex-column {
        padding: 25px 30px 25px 30px;
    }
}

@media screen and (max-width: 768px) {
    .Videos {
        padding: 70px 0px;
    }

    .Videos .overflow-hidden .flex-column {
        padding: 15px 7px 15px 7px;
    }

    .Videos .row {
        row-gap: 25px;
    }

    .Videos {
        padding: 70px 0;
    }

    .Videos .modal-dialog {
        width: 100%;
    }

    .Videos .modal-body {
        width: 100%;
    }

    .Team_Video p {
        padding: 15px 10px 0px;
    }

    .Videos .modal-dialog {
        width: 100%;
    }

    .Videos .modal-body {
        width: 85%;
    }

    .Videos iframe {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .Videos {
        padding: 50px 0px;
    }

    .Videos .overflow-hidden .flex-column {
        padding: 25px 35px 25px 35px;
    }

    .Videos .overflow-hidden a {
        width: 70px;
        height: 70px;
    }

    .Videos .overflow-hidden a i {
        transform: scale(1.6);
    }

    .Videos {
        padding: 50px 0;
    }

    .Videos .mt-2 {
        width: 100%;
    }

    .Videos .modal-body {
        width: 100%;
    }

    .Videos .mt-2 .hover2 {
        width: 85%;
    }
}

@media screen and (max-width:480px) {
    .Videos .overflow-hidden .flex-column {
        padding: 10px 15px 15px 10px;
    }
}

@media screen and (max-width: 360px) {
    .Videos .overflow-hidden h3 {
        font-size: 16px;
        line-height: 22px;
    }
}

/*========= 3.2. Videos section =========*/
/*========= 4.1. Team section =========*/
@media screen and (max-width: 768px) {
    .Team {
        padding: 70px 0px;
    }

    .Team .overflow-hidden a {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .Team .row {
        row-gap: 30px;
    }
}

@media screen and (max-width: 767px) {
    .Team {
        padding: 50px 0px;
    }

    .Team .overflow-hidden a {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }

    .Team .row {
        row-gap: 20px;
    }
}

/*========= End of 4.1. Team section =========*/
/*========= 5.1. MoreHelp section =========*/
@media screen and (max-width: 1280px) {
    .MoreHelp img {
        width: 90%;
    }
}

@media screen and (max-width: 1199px) {
    .MoreHelp img {
        width: 100%;
    }

    .MoreHelp form textarea {
        padding: 5px 0px 100px 0px;
    }

    .MoreHelp .gap-4 {
        padding-top: 0px;
    }

    .MoreHelp form {
        gap: 20px;
        margin-top: 0px;
    }
}

@media screen and (max-width: 991px) {
    .MoreHelp form {
        margin-top: 0px;
    }

    .MoreHelp form textarea {
        padding: 5px 0px 100px 0px;
    }

    .MoreHelp .gap-2 p {
        padding-right: 40px;
    }
}

@media screen and (max-width: 768px) {
    .MoreHelp {
        padding: 70px 0px;
    }

    .MoreHelp form textarea {
        padding: 5px 0px 50px 0px;
    }

    .MoreHelp .gap-2 p {
        padding-right: 0px;
    }

    .MoreHelp form {
        gap: 16px;
    }
}

@media screen and (max-width: 767px) {
    .MoreHelp {
        padding: 50px 0px;
    }

    .MoreHelp .row {
        row-gap: 50px;
        flex-direction: column-reverse;
    }

    .MoreHelp .gap-2 {
        text-align: center;
    }
}

/*=========End of 5.1. MoreHelp section =========*/
/*========= 5.2. FAQS section =========*/
@media screen and (max-width: 1024px) {
    .FAQS .gap-3 p {
        padding-right: 20px;
    }
}

@media screen and (max-width: 991px) {
    .FAQS {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 768px) {
    .FAQS .gap-3 p {
        padding-right: 0px;
    }

    .FAQS {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .FAQS {
        margin-bottom: 0px;
        padding: 50px 0px;
    }

    .FAQS .row {
        row-gap: 50px;
    }

    .FAQS .gap-3 {
        text-align: center;
    }

    .FAQS .accordion button {
        font-size: 16px;
    }
}

@media screen and (max-width: 360px) {
    .FAQS .accordion-body {
        padding: 10px 20px 10px 0px;
    }
}

/*========= End of 5.2. FAQS section =========*/
/*========= 7.1. SinglPost_Hero section =========*/
@media screen and (max-width: 540px) {
    .SinglPost_Hero .text {
        width: 100%;
    }
}

/*========= End of 7.1. SinglPost_Hero section =========*/
/*========= 7.2. Caroline section =========*/
@media screen and (max-width: 1400px) {
    .Caroline .col-lg-4 .gap-2 {
        padding: 12px 14px;
    }

    .Caroline .security .p-0 {
        padding: 10px 50px 0px 0px !important;
    }

    .Caroline .FourCards h5 {
        padding-right: 50px;
    }

    .Caroline .Posts {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .Caroline .Posts {
        gap: 10px;
        padding-left: 0px;
    }

    .Caroline .content {
        align-items: center;
        padding-right: 30px;
    }

    .Caroline .col-lg-4 .gap-3 {
        gap: 10px !important;
    }

    .Caroline .col-lg-4 .gap-2 {
        padding: 12px 10px;
    }

    .Caroline .Comment form textarea {
        height: 120px;
    }

    .Caroline .Comment form input {
        padding: 14px 10px;
    }
}

@media screen and (max-width: 991px) {
    .Caroline .col-lg-4 .gap-3 {
        justify-content: center;
    }

    .Caroline .security figure {
        width: 100%;
    }

    .Caroline .security {
        justify-content: center;
    }

    .Caroline .col-lg-4 .gap-2 {
        width: 32%;
        padding: 30px 0px;
    }

    .Caroline .FourCards .d-flex {
        flex-direction: row-reverse;
        justify-content: start;
        gap: 20px;
    }
}

@media screen and (max-width: 912px) {
    .Caroline .content .gap-3 {
        flex-direction: column-reverse;
    }

    .Caroline .content {
        padding-right: 10px;
    }

    .Caroline .content hr {
        margin-top: 20px;
    }

    .Caroline .Comment form textarea {
        height: 100px;
    }

    .Caroline .Comment form input {
        padding: 10px 10px;
    }

    .Caroline .Comment form button {
        margin-top: 0px;
    }
}

@media screen and (max-width: 768px) {
    .Caroline {
        padding: 70px 0px;
    }
}

@media screen and (max-width: 767px) {
    .Caroline .content {
        border: none;
    }
}

@media screen and (max-width: 540px) {
    .Caroline {
        padding: 50px 0px;
    }

    .Caroline .row {
        row-gap: 40px;
    }

    .Caroline .col-lg-4 .gap-2 {
        padding: 40px 0px;
    }

    .Caroline .content .gap-3 {
        flex-direction: row;
    }

    .Caroline .col-lg-4 .pb-0 span {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .Caroline .col-lg-4 .gap-2 {
        width: 100%;
    }

    .Caroline .Comment .gap-4 {
        flex-direction: column;
    }

    .Caroline .Comment form input {
        width: 100%;
        padding: 10px 10px;
    }

    .Caroline .Comment form button {
        margin-top: 0px;
        width: 100%;
    }

    .Caroline .content {
        padding-right: 0px;
    }

    .Caroline .p-0 {
        padding-top: 20px !important;
    }

    .Caroline .gap-2 p:first-child::first-letter {
        font-size: 64px;
    }
}

@media screen and (max-width: 414px) {
    .Caroline .col-lg-4 .gap-3 {
        flex-direction: column !important;
    }

    .Caroline .content .gap-3 {
        flex-direction: column;
    }

    .Caroline .content .gap-3 figure,
    .Caroline .content .gap-3 img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 360px) {
    .Caroline .FourCards h5 {
        padding-right: 0px;
    }

    .Caroline .Newsletter {
        padding-top: 20px;
    }
}

/*========= End of 7.2. Caroline section =========*/
/*========= 8.1. Awards section =========*/
@media screen and (max-width: 1199px) {
    .Awards .overflow-hidden .flex-column {
        padding: 10px 50px 5px;
    }
}

@media screen and (max-width: 820px) {
    .Awards .overflow-hidden .flex-column {
        padding: 18px 18px;
    }
}

@media screen and (max-width: 768px) {
    .Awards {
        padding-top: 70px;
    }

    .Awards hr {
        margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .Awards {
        padding-top: 50px;
    }

    .Awards hr {
        margin-top: 50px;
    }

    .Awards .row {
        row-gap: 25px;
    }
}

@media screen and (max-width: 820px) {
    .Awards .overflow-hidden .flex-column {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 360px) {
    .Awards .h-50 {
        height: 100% !important;
    }
}

/*=========End of 8.1. Awards section =========*/
/*========= 8.2. LatestPost section =========*/
@media screen and (max-width: 1400px) {
    .LatestPost .col-lg-4 h4 {
        padding-right: 20px;
    }

    .LatestPost .gap-4 h3 {
        padding-right: 50px;
    }

    .LatestPost .col-lg-4 h3 {
        width: 80%;
    }
}

@media screen and (max-width: 1199px) {
    .LatestPost .col-lg-4 .gap-3 {
        padding-left: 0px;
    }

    .LatestPost .gap-4 h3 {
        padding-right: 20px;
    }
}

@media screen and (max-width: 991px) {
    .LatestPost .row {
        row-gap: 50px;
    }

    .LatestPost .col-lg-4 h3 {
        width: 20%;
    }

    .LatestPost .col-lg-4 hr {
        width: 100%;
    }

    .LatestPost .col-lg-4 .gap-3 {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .LatestPost .col-lg-4 .gap-3 a {
        width: 40%;
        flex-grow: 1;
    }
}

@media screen and (max-width: 768px) {
    .LatestPost {
        padding: 70px 0px;
    }
}

@media screen and (max-width: 767px) {
    .LatestPost {
        padding: 50px 0px;
    }

    .LatestPost .gap-4 .flex-column {
        width: 100% !important;
    }

    .LatestPost .row {
        row-gap: 25px !important;
    }

    .LatestPost .col-lg-4 .gap-3 a {
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .LatestPost .gap-4 h3 {
        padding-right: 20px;

    }

    .LatestPost .col-lg-4 h3 {
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .LatestPost .col-lg-8 .gap-4 {
        flex-direction: column;
    }

    .LatestPost .col-lg-4 h3 {
        width: 50%;
    }
}

@media screen and (max-width: 360px) {
    .LatestPost .col-lg-4 h3 {
        width: 70%;
    }

    .LatestPost .col-lg-4 figure {
        width: 100px;
    }

    .LatestPost .col-lg-4 img {
        width: 100px;
    }

    .LatestPost .col-lg-4 h3 {
        width: 80%;
    }
}

/*=========End of 8.2. LatestPost section =========*/
/*========= 9.1. Economists section =========*/
@media screen and (max-width: 1199px) {
    .Economists .col-lg-6:nth-child(1) .flex-column {
        padding: 13px 18px 16px 18px;
    }
}

@media screen and (max-width: 820px) {
    .Economists .overflow-hidden .flex-column {
        padding: 18px 18px;
    }
}

@media screen and (max-width: 768px) {
    .Economists {
        padding-top: 70px 0px;
    }

    .Economists hr {
        margin: 70px 0px 0px;
    }
}

@media screen and (max-width: 767px) {
    .Economists {
        padding-top: 50px;
    }

    .Economists hr {
        margin-top: 50px !important;
    }

    .Economists .row {
        row-gap: 25px;
    }
}

@media screen and (max-width: 820px) {
    .Economists .overflow-hidden .flex-column {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 360px) {
    .Economists .h-50 {
        height: 100% !important;
    }

    .Economists .w-100 {
        flex-direction: column !important;
    }

    .Economists .position-relative {
        width: 100% !important;
    }
}

/*=========End of 9.1. Economists section =========*/
/*========= 10.1. Technology_Blog section =========*/
@media screen and (max-width: 1199px) {
    .Technology_Blog .col-lg-6 .flex-column {
        padding: 13px 18px 12px 18px;
    }
}

@media screen and (max-width: 768px) {
    .Technology_Blog {
        padding-top: 70px;
    }

    .Technology_Blog hr {
        margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .Technology_Blog {
        padding-top: 50px;
    }

    .Technology_Blog hr {
        margin-top: 50px;
    }

    .Technology_Blog .row {
        row-gap: 30px;
    }
}

/*=========End of 10.1. Technology_Blog section =========*/
/*========= 11.1. LifeStyle_Blog section =========*/
@media screen and (max-width: 1400px) {
    .LifeStyle_Blog .col-lg-4 .flex-column {
        padding: 13px 20px 12px 20px;
    }

    .LifeStyle_Blog .col-lg-4 h3 {
        font-size: 20px;
        line-height: 22px;
    }
}

@media screen and (max-width: 991px) {
    .LifeStyle_Blog .col-lg-4 h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .LifeStyle_Blog {
        padding-top: 70px;
    }

    .LifeStyle_Blog hr {
        margin-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .LifeStyle_Blog {
        padding-top: 50px;
    }

    .LifeStyle_Blog hr {
        margin-top: 50px;
    }

    .LifeStyle_Blog .row {
        row-gap: 40px;
    }
}

/*========= End of 11.1. LifeStyle_Blog section =========*/
/*========= 12.1. Error section =========*/
@media screen and (max-width: 768px) {
    .Error .d-flex img {
        width: 190px;
    }

    .Error .content p {
        width: 64%;
    }
}

@media screen and (max-width: 767px) {
    .Error .d-flex img {
        width: 150px;
    }

    .Error .d-flex h1 {
        font-size: 200px;
    }

    .Error .content p {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .Error .d-flex img {
        width: 130px;
    }

    .Error .d-flex h1 {
        font-size: 160px;
    }

    .Error .content {
        gap: 20px;
    }
}

@media screen and (max-width: 320px) {
    .Error .d-flex img {
        width: 90px;
    }

    .Error .d-flex h1 {
        font-size: 110px;
    }

}

/*========= End of 12.1. Error section =========*/
/*========= 13.1. Coming section =========*/
@media screen and (max-width: 991px) {
    .Coming form {
        width: 80%;
    }

    .Coming .content p {
        width: 82%;
    }
}

@media screen and (max-width: 768px) {
    .Coming {
        padding: 70px 0px 40px;
    }

    .Coming form {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .Coming {
        padding: 50px 0px 20px;
    }

    .Coming .counters div {
        width: 120px;
    }

    .Coming .counters {
        padding: 0px 0px;
    }

    .Coming .flex-column span {
        font-size: 34px;
    }
}

@media screen and (max-width: 540px) {
    .Coming .content p {
        width: 100%;
    }

    .Coming form {
        padding: 20px 0px;
        flex-direction: column;
    }

    .Coming form button {
        width: 100%;
    }

    .Coming .counters {
        flex-direction: column;
        width: 100%;
    }

    .Coming .counters div {
        width: 100%;
    }
}

/*=========End of 13.1. Coming section =========*/