/*******************************************************************************/
/********************** Large Tablets and Devices - 1024px *********************/
/*******************************************************************************/
@media only screen and (max-width: 1024px) {
    
    .v2-content-main .text-highlight {
        display: inline;
    }
    
    .v2-content-main .text-highlight-reverse {
        display: block;
    }

    .v2-content-main .explore-more-button a:hover,
    .v2-content-main .review-link:hover,
    .v2-content-main .find-out-more-button:hover span img,
    .v2-content-main .text-button:hover span img,
    .v2-content-main .button:hover span img,
    .v2-content-main .button.btn-primary:hover {
        /* Neutralize all hover visuals */
        color: inherit !important;
        background-color: inherit !important;
        text-decoration: none !important;
        animation: none !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }

    /********************* Home Page *********************/
    .v2-content-main .home-page-wrapper .text-overlay {
        right: 0;
    }

    .v2-content-main .home-page-wrapper .text-overlay .content {
        flex-direction: column;
        align-items: center;
    }

    .v2-content-main .home-page-wrapper .text-overlay .content .left {
        text-align: center;
    }

    .v2-content-main .text-overlay .left .small-text {
        padding-bottom: 15px;
    }

    .v2-content-main .home-page-wrapper .text-overlay .content .right {
        width: 100%;
        justify-content: center;
        flex-direction: row-reverse;
    }

    .v2-content-main .progress-indicators {
        width: 90%;
        gap: 25px;
    }

    .v2-content-main .trustpilot-ratings {
        flex-direction: column;
        justify-content: center;
    }

    .v2-content-main .trustpilot-ratings .text {
        display: none;
    }
    
    .v2-content-main .row.section-1,
    .v2-content-main .row.section-2,
    .v2-content-main .row.section-3 {
        padding-bottom: 150px;
    }
    
    .v2-content-main .row.section-4 {
        margin-top: 0px;
        background-image:
            linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
            url('/wp-content/themes/giraffe360/giraffe_pro_cam/img/spirals-top.png');
        background-size: cover, 60% 60%;
        background-repeat: no-repeat, no-repeat;
        background-position: center, right 0%;
        border-radius: 30px 30px 0 0;
    }
    
    .v2-content-main .row .column-wrapper {
        flex-direction: column;
    }
    
    .v2-content-main .row .column-wrapper.col-reverse {
        flex-direction: column-reverse;
    }
    
    .v2-content-main .row.section-4 .column-wrapper.col-reverse {
        gap: 70px;
    }

    .v2-content-main .row.section-2 .item.content .text {
        padding-left: 0px;
    }

    .v2-content-main .row .item.img-container {
        position: relative;
        text-align: center;
        width: calc(100% + 60px);
        left: -30px;
        border-bottom: 1px solid var(--grey);
        overflow: hidden;
    }

    .v2-content-main .row .item.img-container img {
        width: 70%;
    }

    .v2-content-main .row.section-2 .item.img-container img,
    .v2-content-main .row.section-3 .item.img-container img {
        margin-bottom: -250px;
    }

    .v2-content-main .row.section-4 .item.img-container img {
        margin: 0;
    }

    .v2-content-main .accordion-section {
        padding-bottom: 70px;
    }

    .v2-content-main .accordion-section.faqs-section {
        padding-top: 0px;
    }

    .v2-content-main .custom-accordion .accordion-layout {
        padding-top: 100px;
        grid-template-columns: 100%;
        gap: 0;
    }

    .v2-content-main .custom-accordion.faqs-section .accordion-layout {
        padding-top: 70px;
    }

    .v2-content-main .custom-accordion.f-50 .accordion-layout {
        grid-template-columns: 100%;
        gap: 0;
        padding-bottom: 0px;
    }

    .v2-content-main .custom-accordion .content-left {
        min-height: 500px;
    }

    .v2-content-main .custom-accordion .content-right,
    .v2-content-main .custom-accordion.f-50 .content-right {
        padding: 0px;
    }

    .v2-content-main .custom-accordion.f-50 .accordion-item:nth-child(1) {
        border-top: none;
    }    

    .v2-content-main .custom-accordion .accordion-heading:not(.v2-content-main .custom-accordion.faqs-section .accordion-heading) {
        position: absolute;
        top: 0;
        left: 30px;
        right: 0;
        padding-bottom: 10px;
    }

    .v2-content-main .white-bg-section:not(.v2-content-main .white-bg-section.mobile) {
        padding: 0;
    }
    
    .v2-content-main .disclaimer-wrapper .logo img {
        width: 350px;
    }
    
    .subscribe-bar-floating {
        width: 60%;
    }

    /********************* Inner Page *********************/
    .v2-content-main .inner-page-hero .text-overlay {
        justify-content: center;
        gap: 5%;
    }
    
    .v2-content-main .inner-page-text-section {
        border-radius: 30px 30px 0 0;
        overflow: hidden;
        margin-top: -50px;
        z-index: 1;
        position: relative;
    }

    /* .v2-content-main .text-vid-section.vid-left {
        max-height: 100%;
        padding-bottom: 70px;
    } */

    .v2-content-main .vid-text-on-right {
        padding-left: 70px;
    }

    .v2-content-main .vid-text-on-left {
        flex: 0.9;
    }

    .v2-content-main .vid-on-right {
        flex: 1.1;
    }

    .v2-content-main .vid-card-wrapper {
        padding-left: 100px;
    }

    .v2-content-main .vid-card-wrapper::before {
        left: 10%;
    }

    .v2-content-main .vid-card-wrapper .item.vid-card,
    .v2-content-main .vid-card-wrapper .item.img-card {
        padding: 20px;
    }

    .v2-content-main .tech-specs-section {
        display: none;
    }

    .v2-content-main .white-bg-section .content-wrapper .left img {
        height: 100%;
        margin-left: 0px;
    }
    
}

/*******************************************************************************/
/********************** Tablets and Large Mobiles - 768px **********************/
/*******************************************************************************/
@media (max-width: 768px) {

    .v2-content-main h1, .v2-content-main h1 * {
        font-size: 32px;
    }

    .v2-content-main h2, .v2-content-main h2 *,
    .v2-content-main .xxlarge-text {
        font-size: 28px;
    }

    .v2-content-main h3, .v2-content-main h3 * {
        font-size: 24px;
    }

    .heading img {
        width: 45px;
    }

    .hide-on-mobile {
        display: none !important;
    }

    /********************* Home Page *********************/
    .v2-content-main .row.section-2 .item.img-container img,
    .v2-content-main .row.section-3 .item.img-container img {
        margin-bottom: -150px;
    }

    .v2-content-main .testimonials-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-content-main .header-separator {
        flex-grow: unset;
        width: 100%;
        margin-left: 0px;
    }

    .v2-content-main .testimonials-inner-container .decorative-lines {
        object-fit: cover;
        width: 100%;
        height: 100%;
        left: 0;
    }
    
    .v2-content-main .testimonials-inner-container {
        padding: 50px 20px;
        flex-direction: column;
    }

    .v2-content-main .testimonials-left {
        max-width: 100%;
        text-align: right;
    }

    .v2-content-main .testimonials-left img {
        position: relative;
    }

    .v2-content-main .testimonials .testimonials-right {
        margin-left: 0px;
    }

    .review-content .review-rating,
    .review-content .review-text,
    .review-content .review-link {
        margin-left: -46px;
    }
    
    .subscribe-bar-floating {
        width: 70%;
    }

    /********************* Inner Page *********************/
    .v2-content-main .inner-page-hero {
        height: 700px;
    }

    .v2-content-main .inner-page-hero .text-overlay {
        bottom: 150px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .v2-content-main .inner-page-hero .text-overlay .left,
    .v2-content-main .inner-page-hero .text-overlay .right {
        width: 90%;
        text-align: center;
    }

    .v2-content-main .explore-more {
        bottom: 70px;
    }

    .v2-content-main .explore-more-button {
        flex-direction: column;
    }

    .v2-content-main .explore-more-button::before {
        flex: unset;
        width: 100%;
    }
    
    .v2-content-main .inner-page-hero.bg-2 {
        background-image:
        linear-gradient(to top, rgba(13, 17, 23, 0.8), rgba(13, 17, 23, 0)),
        url('/wp-content/themes/giraffe360/giraffe_pro_cam/img/content-studio-hero-bg.png');
    }

    .v2-content-main .heading.mobile {
        margin-bottom: -10px;
    }

    .v2-content-main .vid-on-left {
        width: 100%;
    }

    .v2-content-main .text-vid-section.vid-right {
        padding-top: 100px;
    }
    
    .v2-content-main .text-vid-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .v2-content-main .vid-text-on-right {
        padding-top: 50px;
        padding-left: 0px;
    }

    .v2-content-main .vid-card-wrapper {
        padding-top: 50px;
        padding-left: 0px;
    }

    .v2-content-main .vid-card-wrapper::before {
        content: none;
    }

    .v2-content-main .vid-card-wrapper .item.vid-card,
    .v2-content-main .vid-card-wrapper .item.img-card {
        width: calc(100% + 60px);
        left: -30px;
    }

    .custom-accordion.faqs-section {
        position: relative;
        width: calc(100% + 60px);
        left: -30px;
    }

    .v2-content-main .accordion-section .section-heading {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--grey);
    }
    
    .v2-content-main .accordion-section .section-heading::after {
        content: none;
    }

    .v2-content-main .custom-accordion.faqs-section .accordion-heading {

    }

    .v2-content-main .custom-accordion.f-50 .accordion-layout {
        padding-top: 30px;
    }

    .v2-content-main .white-bg-section .content-wrapper {
        background-image: url(/wp-content/themes/giraffe360/giraffe_pro_cam/img/spirals-faded-reverse.png),
        linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(230, 230, 250, 1));
        background-size: 100% 60%, cover;
        background-position: right 0%, center;
        flex-direction: column-reverse;
        position: relative;
        width: calc(100% + 60px);
        left: -30px;
    }

    .v2-content-main .white-bg-section .content-wrapper.reverse {
        background-image: url(/wp-content/themes/giraffe360/giraffe_pro_cam/img/spirals-top.png),
        linear-gradient(to bottom, var(--dblue), var(--lblue));
        background-size: 100% 60%, cover;
        background-position: right 0%, center;
        flex-direction: column-reverse;
        position: relative;
        width: calc(100% + 60px);
        left: -30px;
    }
    
    .v2-content-main .white-bg-section .content-wrapper.reverse.dual-bg {
        background-image:
        url('/wp-content/themes/giraffe360/giraffe_pro_cam/img/spirals-top.png'),
        url('/wp-content/themes/giraffe360/giraffe_pro_cam/img/gradient-bg-1.png');
        background-repeat: no-repeat, no-repeat;
        background-size: 100% 60%, cover;
        background-position: right 0%, center;
    }

    .v2-content-main .white-bg-section .content-wrapper .left,
    .v2-content-main .white-bg-section .content-wrapper .left img {
        width: 100%;
    }

    .v2-content-main .white-bg-section .content-wrapper .right,
    .v2-content-main .white-bg-section .content-wrapper.reverse .right {
        width: 100%;
        padding: 40px 40px 0px 40px;
    }

    .v2-content-main .white-bg-section .content-wrapper.reverse {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .v2-content-main .white-bg-section .content-wrapper.reverse .left {
        overflow: hidden;
    }

    .v2-content-main .white-bg-section .content-wrapper.reverse .left img {
        margin-top: -30px;
        margin-bottom: -120px;
    }

    /* disclaimer section */
    .v2-content-main .disclaimer-wrapper {
        flex-direction: column;
    }

    .v2-content-main .disclaimer-wrapper .logo img {
        width: 150px;
    }

    .v2-content-main .disclaimer-wrapper .disclaimer p {
        text-align: center;
    }
    
}

/* Mobile: 1 column */
@media (max-width: 480px) {    
    /********************* Home Page *********************/
    .v2-content-main .home-page-wrapper .text-overlay .content .left {
        width: 95%;
    }

    .v2-content-main .button {
        min-width: 10.25rem;
    }

    .v2-content-main .text-section-wrapper {
        width: 100%;
        min-height: 600px;
    }
    
    .v2-content-main .inner-page-text-section .text-section-wrapper {
        min-height: 650px;
    }

    .v2-content-main .lines-left-right {
        justify-content: center;
    }

    .v2-content-main .lines-left-right::before,
    .v2-content-main .lines-left-right::after {
        content: none;
    }

    .v2-content-main .row.section-4 {
        background-size: cover, 100% 60%;
    }

    .v2-content-main .row .item.img-container img {
        width: 100%;
    }

    .v2-content-main .row.section-2 .item.img-container img,
    .v2-content-main .row.section-3 .item.img-container img {
        margin-bottom: -150px;
    }

    .v2-content-main .custom-accordion .content-left {
        min-height: 350px;
    }
    
    .subscribe-bar-floating {
        width: 100%;
        bottom: 0;
    }

    .subscribe-bar-floating .bar-wrapper {
        padding: 20px;
        border-radius: 30px 30px 0 0;
    }

    .subscribe-bar-floating .bar-wrapper .left {
        display: none;
    }

    .subscribe-bar-floating .bar-wrapper .right {
        width: 100%;
    }

}