/* ----- 1440px ----- */
@media all and (max-width: 1440px) {

    /* Global */
    header .wrapper {
        width: 1150px;
    }

    header h1 {
        width: 46%;
    }

    header .text-content {
        width: 54%;
    }

    .home-page header h1 {
        width: 50%;
        font-size: 40px;
    }

    .button-modal.cta-banner {
        left: 72%;
        width: 100px;
        height: 100px;
        top: 38%;
    }

    /* Landing Page */
    .free-trial-sign-up header .text-content:before {
        left: -517px;
    }

    .free-trial-sign-up header .text-content {
        width: 100%;
        padding-right: 68px;
    }

    /* Blog Post  */
    .blog-post-page header h1,
    .blog-listing-page header h1 {
        width: 100%;
    }
}

/* ----- 1366px ----- */
@media all and (max-width: 1366px) {

    /* Global */
    header,
    .sections,
    footer .border,
    .home-page>.contact-us {
        padding-left: 4%;
        padding-right: 4%;
        overflow: hidden;
    }

    .sections.menu {
        overflow: initial;
    }

    header h1 {
        width: 52%;
    }

    header .text-content {
        width: 50%;
    }

    header .text-content:before {
        left: -142px;
        width: 142px;
        background: #279ad8 linear-gradient(89deg, #279CD7 0%, #269ad7 40%, #279bd8 45%, #3B61FC00 100%);
    }

    /* ----- Free Trial Sign Up ----- */
    .free-trial-sign-up header .text-content:before {
        left: -109px;
        width: 109px;
    }
}

/* ----- 1197 ----- */

@media all and (max-width: 1250px) {

    /* Header */
    header {
        background-position: center;
    }

    header .text-content:before {
        left: -50px;
        width: 50px;
        background: #279ad8 linear-gradient(89deg, #279CD7 0%, #269ad7 40%, #279bd8 45%, #3B61FC00 100%);
    }

    .blue-banner-bg:before {
        left: -100px;
        width: 100px;
    }
}

/* ----- 1024px ----- */

@media all and (max-width: 1024px) {

    /* Global */
    .header-1 {
        font-size: 47px !important;
    }

    .header-2 {
        font-size: 33px;
    }

    /* Header */
    header .text-content {
        font-size: 21px;
    }

    /* Free Consultation */
    .free-consultation .two-column .content ul li {
        font-size: 16px;
    }

    .free-consultation .two-column .content ul li:before {
        top: 0px;
    }

    /* Tab List */
    .tabs-section .tabber ul {
        display: flex;
    }

    .tabs-section .tabber ul>* {
        width: 33.33%;
    }

    /* Case Studies */
    .case-studies p {
        font-size: 21px;
    }

    /* Schedule Demo */
    .schedule-demo .header-1 {
        font-size: 38px !important;
    }

    /* ----- Thank you ----- */
    .thank-you-page header .img-container {
        right: 47px;
        width: 26%;
    }

    .thank-you-page header .img-container img {
        width: 100%;
    }

    /* ----- Blog Listing ----- */
    .blog-listing-page .container-wide {
        flex-flow: wrap;
    }

    .blog-listing-page .container-wide>* {
        width: 100% !important;
    }

    .blog-listing-page .container-wide .sidebar {
        margin-top: 50px;
    }

    /* ----- Blog Post ----- */
    .blog-post-page .container-wide {
        flex-flow: wrap;
    }

    .blog-post-page .container-wide>* {
        width: 100% !important;
    }

    .blog-post-page .container-wide .sidebar {
        margin-top: 50px;
    }

    .blog-listing-page .container-wide .sidebar .side-content:last-of-type,
    .blog-post-page .container-wide .sidebar .side-content:last-of-type {
        border-bottom: none;
    }

    .blog-post-page .container-wide .blog-post-content p {
        margin: 35px 0;
    }
}

/* ----- 950px ----- */

@media all and (max-width: 950px) {

    /* Global */
    .sections {
        padding: 30px 4%;
    }

    .popup {
        width: 95%;
    }

    .button-modal.cta-banner {
        display: none;
    }

    .burger {
        display: inline-block;
        position: absolute;
        cursor: pointer;
        width: auto !important;
        right: 23px;
        margin-top: 12px;
    }

    .burger:after {
        content: '';
        clear: both;
        display: block;
    }

    .burger i {
        display: inline-block;
        right: 4%;
        height: 3px;
        width: 27px !important;
        background-color: #f57921;
        cursor: pointer;
    }

    .burger i:before,
    .burger i:after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 1%;
        height: 3px;
        width: 27px;
        background-color: #f57921;
        top: -3px;
    }

    .burger i:before {
        top: 5px;
    }

    .menu nav>ul>li:hover>input[type='checkbox']+ul {
        display: none;
    }

    .menu .wrapper {
        padding: 0 0 30px;
    }

    /* Header */
    header {
        margin-top: 0;
        background-position: 79%;
    }

    .header.wrapper {
        flex-flow: wrap;
    }

    .header.wrapper>* {
        width: 100%;
    }

    .header .right {
        flex-flow: wrap;
        padding: 8px 4% 15px;
        text-align: center;
        background-color: #ffffff;
        display: none;
        position: relative;
        z-index: 9;
        margin-top: 0;
    }

    .header .right>* {
        width: 100%;
        font-family: 'helveticaneue';
    }

    .header .right .cta {
        display: block;
        width: 100%;
        margin: 10px auto;
        font-size: 18px;
    }

    .menu {
        padding: 30px 0 0;
    }

    .menu .left {
        flex-flow: wrap;
    }

    .menu .left nav {
        padding: 20px 4% 0;
        background-color: #ffffff;
        text-align: center;
        display: none;
        position: relative;
        z-index: 9;
    }

    .menu .left>* {
        width: 100%;
    }

    .menu .left>a {
        text-align: left;
        display: inline-block;
        padding: 0 0 0 20px;
        width: auto;
    }

    .menu nav>ul {
        flex-flow: wrap;
        padding: 0;
        margin: 0;
    }

    .menu nav>ul>li {
        padding: 0;
        display: block;
        width: 100%;
        position: relative;
    }

    .menu nav>ul>li>a {
        display: block;
        padding: 10px 0;
        font-size: 18px;
    }

    .menu .login {
        font-size: 18px;
        padding: 0;
        display: block;
    }

    .menu nav>ul>li>input[type='checkbox'] {
        height: 41px;
        width: 100%;
        top: 0;
    }

    .menu nav>ul>li>input[type='checkbox']+ul {
        display: none;
        position: static;
        opacity: 1;
        transform: none;
        transform-origin: unset;
        transition-duration: unset;
        -webkit-transform: none;
        -webkit-transform-origin: unset;
        -webkit-transition-duration: unset;
        border-top: none;
        padding: 10px 0;
        border-top: 2px solid #f67a1d;
        border-bottom: 2px solid #f67a1d;
    }

    .menu nav>ul>li>input[type='checkbox']+ul>li {
        display: block;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .menu nav>ul>li>input[type='checkbox']:checked~.clicked {
        display: none;
    }

    .menu nav>ul>li>a:after,
    .menu nav>ul>li:hover>a:before {
        background: transparent;
    }

    .menu nav>ul>li>input[type='checkbox']+ul>li>ul>li {
        padding-right: 0;
        padding: 2px 0;
    }

    .menu nav>ul>li>input[type='checkbox']+ul>li>span {
        display: block;
        font-size: 18px;
    }

    .menu nav>ul>li>input[type='checkbox']+ul>li>ul li a {
        font-size: 16px;
    }

    /* Free Consultation */
    .free-consultation .two-column {
        flex-flow: wrap;
    }

    .free-consultation .two-column>* {
        width: 100% !important;
    }

    .free-consultation .two-column .content {
        margin-bottom: 0;
    }

    .free-consultation .two-column img {
        margin-bottom: 50px;
        padding: 0 25%;
        order: 0;
    }

    .free-consultation .two-column .ctas {
        text-align: center;
        margin-top: 35px;
        padding-left: 0;
    }

    .free-consultation .two-column .ctas>a {
        width: 100%;
        margin-bottom: 13px;
    }

    /* Rapid Analysis */
    .rapid-analysis .three-column {
        flex-flow: wrap;
    }

    .rapid-analysis .three-column>div {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 10%;
    }

    .rapid-analysis .three-column>div:last-of-type {
        margin-bottom: 0;
    }

    .rapid-analysis .three-column .bg-white>div {
        min-height: auto;
    }

    .rapid-analysis .three-column .bg-white>div .ctas {
        position: static;
        margin-top: 30px;
    }

    .rapid-analysis .three-column .bg-white>div .ctas .cta {
        width: 100%;
    }

    .inner-pages .rapid-analysis .three-column>div {
        margin-bottom: 10px;
    }

    /* Case Studies */
    .case-studies .two-column>img {
        margin-right: 0;
        width: 43%;
    }

    /* Tab List */
    .tabs-section {
        margin-top: 40px;
    }

    .tabs-section .tab-list .tab .ctas>a {
        font-size: 18px;
    }

    .tabs-section .tab-list .tab .ctas>a span {
        margin-top: 12px;
    }

    /* Schedule Demo */
    .schedule-demo {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Analyze Survey */
    .analyze-survey .two-column {
        flex-flow: wrap;
    }

    .analyze-survey .two-column>img {
        padding: 20px 28%;
    }

    .analyze-survey .two-column>* {
        width: 100% !important;
    }

    /* Solutions */
    .solutions .free-consultation .two-column>.image-content {
        order: 0;
    }

    .solutions .free-consultation:nth-of-type(odd) .two-column>.image-content .button-modal {
        margin-left: 0;
        margin-top: -16px;
    }

    .solutions .free-consultation:nth-of-type(odd) .two-column>.image-content .button-modal>img {
        margin: 0;
        padding: 0;
    }

    .solutions .free-consultation:nth-of-type(odd) .two-column>.image-content {
        margin-right: 0;
    }

    .solutions .free-consultation:nth-of-type(odd) .two-column .image-content>img {
        width: 100%;
    }

    .solutions .free-consultation .bottom-content {
        margin-top: 35px;
    }

    .solutions .free-consultation:nth-of-type(odd),
    .solutions .free-consultation:not(:first-of-type):nth-of-type(2n+4) {
        padding-top: 30px;
    }

    .solutions .free-consultation:not(:first-of-type):nth-of-type(2n+4) .two-column>.image-content .button-modal {
        margin-left: 0;
    }

    .solutions .free-consultation:not(:first-of-type):nth-of-type(2n+4) .two-column>.image-content {
        margin-left: 0;
    }

    .inner-pages .rapid-analysis .three-column .bg-icon {
        padding: 30px 31px;
        width: 160px;
    }

    .inner-pages .rapid-analysis .three-column .bg-icon img {
        width: 90px;
    }

    .inner-pages .rapid-analysis .three-column .bg-icon:before {
        display: none;
    }

    .inner-pages .free-consultation img.order-1,
    .inner-pages .free-consultation .order-0 {
        order: 0;
        margin-bottom: 10px;
    }

    /* Footer */
    footer .contain {
        flex-flow: wrap;
    }

    footer .contain>* {
        width: 100% !important;
        padding: 15px 0 15px !important;
    }

    footer .contain>*:last-of-type {
        border-bottom: none;
    }

    /* ----- Free Trial Sign Up ----- */
    .free-trial-sign-up .menu {
        text-align: center;
    }

    .free-trial-sign-up .menu .left>a {
        text-align: center;
        display: block;
        width: 100%;
    }

    .free-trial-sign-up header {
        padding: 0 4% 80px;
        margin-top: 20px;
    }

    .free-trial-sign-up header .wrapper {
        justify-content: space-evenly;
        flex-flow: wrap;
    }

    .free-trial-sign-up header .wrapper>* {
        width: 100%;
    }

    .free-trial-sign-up header .wrapper .left-container {
        margin-bottom: 40px;
    }

    .free-trial-sign-up header .form {
        width: 90%;
    }

    .free-trial-sign-up .free-consultation .header-2 {
        margin-top: 0;
    }

    /* ----- Thank you ----- */
    .thank-you-page header .img-container {
        display: none;
    }

    .thank-you-page header .text-content {
        padding-right: 9%;
    }

}

/* ----- 768px ----- */

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

    /* ----- Homepage ----- */
    .home-page .contact-details-content {
        flex-flow: wrap;
    }

    .home-page .contact-details-content .contact-details,
    .home-page .contact-details-content .contact-us {
        width: 100%;
    }

    .home-page .contact-details-content .contact-us {
        margin-top: 30px;
    }

    .home-page .contact-details-content .contact-details ul {
        margin: 0 0 25px;
    }

    /* ----- Blog Lisitng Page ----- */
    .blog-listing-page .container-wide .blog-post-content .listing {
        flex-flow: wrap;
        margin-bottom: 40px;
    }

    .blog-listing-page .container-wide .blog-post-content .listing>* {
        width: 100%;
    }

    .blog-listing-page .container-wide .blog-post-content .listing>.featured-image {
        width: 100%;
        margin-bottom: 40px;
    }

    .blog-listing-page .container-wide .blog-post-content .listing>.text-content {
        padding-right: 0;
    }

    .blog-listing-page .container-wide .blog-post-content .listing .text-content h2 {
        font-size: 29px;
    }

    .blog-listing-page .container-wide .blog-post-content p {
        font-size: 19px;
    }

    .blog-listing-page .container-wide .blog-post-content .listing .text-content a {
        margin-top: 5px;
    }

    /* ----- Free Consultation ----- */
    .free-consultation .two-column .ctas {
        flex-flow: wrap;
    }

    .free-consultation .two-column .ctas>a {
        margin-right: 0;
        width: 100%;
    }

    /* Rapid Analysis  */
    .rapid-analysis .three-column {
        margin-top: 40px;
    }

    .tabs-section .tabber ul li p {
        font-size: 10px;
    }

    .home-percentage{
        display: block;
    }
    
    .home-percentage img{
        display: block;
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
        height: auto;
    }

    .make-interesting span{
        font-size: 20px;
    }
}

/* ----- 540px ----- */

@media all and (max-width: 540px) {

    /* Global */
    body {
        font-size: 15px;
    }

    header,
    .sections,
    footer .border,
    .home-page>.contact-us {
        padding-left: 7%;
        padding-right: 7%;
        overflow: hidden;
    }

    .header-1 {
        font-size: 40px !important;
    }

    .header-2 {
        font-size: 30px;
    }

    .header-3 {
        font-size: 23px;
    }

    .blue-banner-bg {
        padding-right: 45px;
    }

    .blue-banner-bg .text-inner{
        padding-right: 0px;
    }

    /* Header */
    header {
        min-height: 600px;
    }

    header h1 {
        width: 80%;
    }

    header .text-content {
        width: 100%;
    }

    header .text-content .text-content-inner{
        padding-right: 0px;
    }

    header .ctas>a {
        display: block;
        margin-bottom: 15px;
    }

    header .ctas .how-it-works {
        padding-left: 0;
        font-size: 18px;
        text-align: center;
        width: 100%;
    }

    .menu .left>a {
        padding: 0;
    }

    /* Free Consultation */
    .free-consultation .two-column .content ul {
        padding: 0;
        margin-top: 0;
    }

    .free-consultation .two-column .ctas a {
        font-size: 16px;
    }

    /* Schedule Demo */
    .schedule-demo h3 {
        margin-top: 0;
    }

    .schedule-demo .header-1 {
        font-size: 30px !important;
    }

    .schedule-demo .content {
        margin: 20px 0 20px;
    }

    .schedule-demo .ctas {
        margin-top: 30px;
    }

    /* Tab List */
    .tabs-section {
        margin-top: 0;
    }

    .tabs-section .tab-list .tab {
        flex-flow: wrap;
        padding: 50px 0 0;
    }

    .tabs-section .tab-list .tab>* {
        width: 100%;
    }

    .tabs-section .tab-list .tab .img-con {
        order: 0 !important;
        margin-bottom: 25px;
        padding: 0 8%;
        width: 100% !important;
    }

    .tabs-section .tabber ul {
        flex-flow: nowrap;
        justify-content: space-between;
    }

    .tabs-section .tabber ul>* {
        width: 29%;
    }

    .tabs-section .tab-list .tab ul li {
        font-size: 17px;
    }

    .tabs-section .tab-list .tab .img-con>a {
        width: 75px;
        height: 75px;
    }

    .tabs-section .tab-list .tab .ctas>a {
        font-size: 16px;
    }

    /* Case Studies */
    .case-studies .two-column {
        flex-flow: wrap;
    }

    .case-studies .two-column>* {
        width: 100%;
    }

    .case-studies .two-column>img {
        order: 0;
        margin-bottom: 20px;
        padding: 0 8%;
        width: 100%;
    }

    .case-studies p {
        font-size: 19px;
        margin-top: 10px;
    }

    .case-studies .ctas a {
        font-size: 16px;
    }

    /* Rapid Analysis */
    .rapid-analysis .three-column>div {
        padding: 0;
    }

    .rapid-analysis .three-column .bg-white>div h3 {
        font-size: 150% !important;
    }

    /* Free Consultation */
    .free-consultation .two-column {
        margin-top: 35px;
    }

    .free-consultation .two-column img {
        padding: 10px 8%;
        height: auto !important;
    }

    .free-consultation .two-column .content ul li:before {
        top: 1px;
    }

    .solutions .free-consultation.first-section {
        padding-top: 0;
    }

    .solutions .free-consultation.first-section .two-column {
        margin-top: 0;
    }

    .solutions .free-consultation:nth-of-type(odd) .two-column .image-content>img,
    .solutions .free-consultation:not(:first-of-type):nth-of-type(2n+4) .two-column .image-content>img {
        padding: 0 10%;
        width: 100%;
    }

    .solutions .free-consultation .two-column .content ul {
        flex-flow: wrap;
    }

    .solutions .free-consultation .two-column .steps ul li {
        width: 100%;
        margin-bottom: 20px;
        min-height: auto
    }

    .solutions .free-consultation .two-column .steps ul li:last-of-type {
        margin-bottom: 0;
    }

    /* Analyze Survey */
    .analyze-survey .two-column>img {
        padding: 20px 9%;
        margin-bottom: 30px;
    }

    .analyze-survey .img-content img {
        width: 50px;
        min-width: 50px;
    }

    .analyze-survey .img-content {
        margin-bottom: 20px;
    }

    .analyze-survey .img-content>div h3 {
        font-size: 22px;
    }

    .analyze-survey .two-column .content>h2 {
        margin-bottom: 44px;
    }

    /* Quote Box */
    .quote-content .quote-box {
        padding: 30px 40px 30px 100px;
    }

    .quote-content .quote-box::before {
        font-size: 175px;
    }

    .quote-content .quote-box::after {
        left: 35px;
    }

    .quote-content .content {
        padding-left: 35px;
    }

    .inner-pages .rapid-analysis .three-column .bg-white>div ul {
        padding-left: 20px;
    }

    .tabs-section .tabber ul li {
        margin-right: 6px;
    }

    /* Footer */
    footer {
        padding: 50px 0 20px;
    }

    footer .border {
        padding: 20px 7% 35px;
    }

    footer .pages ul {
        margin: 5px 0 0;
    }

    footer .contact-details ul {
        margin: 10px 0 25px;
    }

    footer .copyright {
        margin-top: 29px;
    }
}

/* ----- 425px ----- */

@media all and (max-width: 425px) {

    /* Global */
    .header-1 {
        font-size: 37px !important;
    }

    /* Header */
    header {
        margin-top: 35px;
        padding-bottom: 30px;
    }

    /* Tab List */
    .tabs-section .tabber ul>* {
        width: 29%;
    }

    .tabs-section .tabber ul li {
        font-size: 13px;
    }

    .tabs-section .tabber ul li p {
        font-size: 8px;
    }

    .tabs-section .tabber ul li svg {
        max-width: 20px;
    }

    /* Popup Form */
    .form-pop-up .form form input[type='submit'] {
        font-size: 17px;
    }

    /* ----- Blog Post Page ----- */
    .blog-post-page header {
        min-height: 145px;
    }

    .blog-listing-page header {
        min-height: 145px;
    }
}

/* ----- 320px ----- */

@media all and (max-width: 320px) {

    /* Tab List */
    .tabs-section .tabber ul>* {
        width: 28%;
    }
}