/* Global: variables */
@media (max-width:1280px){
    /* Font Size */
    :root{
        --size-medium:16px;
        --size-large:17px;
        --size-xlarge:20px;
        --size-2xlarge:22px;
        --size-3xlarge:24px;
        --size-5xlarge:60px;
    }

    /* Gap */
    :root{
        --gap-xsmall:10px;
        --gap-small:15px;
        --gap-medium:25px;
        --gap-large:35px;
        --gap-xlarge:50px;
        --gap-2xlarge:75px;
    }
}

@media (max-width:1024px){
    /* Font Size */
    :root{
        --size-medium:15px;
        --size-large:16px;
        --size-xlarge:17px;
        --size-2xlarge:20px;
        --size-3xlarge:22px;
        --size-4xlarge:34px;
        --size-5xlarge:50px;
    }

    /* Gap */
    :root{
        --gap-medium:20px;
        --gap-xlarge:35px;
        --gap-2xlarge:50px;
    }
}

@media (max-width:768px){
    /* Font Size */
    :root{
        --size-medium:14px;
        --size-large:15px;
        --size-xlarge:16px;
        --size-2xlarge:17px;
        --size-3xlarge:20px;
        --size-4xlarge:28px;
        --size-5xlarge:40px;
    }

    /* Gap */
    :root{
        --gap-xlarge:25px;
        --gap-2xlarge:35px;
    }
}


/* Global: tags */
@media (max-width:1024px){
    body, input, button, select, textarea{font-size:13px;}
}


/* Component: section */
@media (max-width:1280px){
    .section-wrapper{padding-left:24px;padding-right:24px;}

    #section-outer{padding-top:var(--gap-medium);}

    #section-overview-title{font-size:60px;}

    #section-quotes-list{gap:var(--gap-xlarge);}

    .section-features-grid[data-layout='1']{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);}
    .section-features-grid[data-layout='1'] > li:nth-child(4){grid-column-start:1;}
    .section-features-grid[data-layout='2']{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);}
    .section-features-grid[data-layout='2'] > li:nth-child(3){grid-row-start:1;}

    #section-reviews-list{flex-direction:column;margin:0 -10%;}
    #section-reviews-list > li{flex-direction:row;width:100%;}
    #section-reviews-list > li:first-child, #section-reviews-list > li:last-child{display:none;}
    #section-reviews-list > li > *{width:33.333%;}

    #section-visual{padding:0;}
    #section-visual img{border-radius:0;}
}

@media (max-width:1024px){
    #section-overview.is-about #section-overview-title{font-size:50px;}

    #section-reviews-list{margin:0 -20%;}
    #section-reviews-list > li:nth-child(2){animation:marquee-left 60s linear infinite}
    #section-reviews-list > li:nth-child(4){animation:marquee-right 60s linear infinite}

    #section-pricing-plans{display:grid;grid-template-columns:repeat(2, 1fr);}
    #section-pricing-plans > li:nth-child(3){grid-column:1 / -1;}

    #section-quotes-list > li:nth-child(3){display:none;}

    #section-team-list{grid-template-columns:repeat(3, 1fr);}

    .list-commitments{grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:768px){
    #section-outer{padding-top:0;}

    #section-header-inner{flex-wrap:wrap;padding-bottom:0;}
    #section-header-col-1{order:1;width:50%;}
    #section-header-col-2{order:3;flex:100%;justify-content:center;}
    #section-header-col-3{order:2;width:50%;}
    #section-header-cta .button-text{display:none;}
    #section-header-nav .sub-link{padding:15px 0;}
    #section-header-nav .sub-link:after{bottom:0;}

    #section-overview-title{font-size:50px;}
    #section-overview.is-about #section-overview-title{font-size:40px;}
    #section-overview-description{font-size:18px;max-width:100%;}

    #section-pricing-plans{display:flex;flex-direction:column;}

    .section-features-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto);}
    .section-features-grid{display:flex;flex-direction:column;}
    .section-features-grid[data-layout='1'] > li:nth-child(1) .section-features-grid-item{min-height:700px;}
    .section-features-grid[data-layout='2'] > li:nth-child(1){order:1;}
    .section-features-grid[data-layout='2'] > li:nth-child(2){order:2;}
    .section-features-grid[data-layout='2'] > li:nth-child(2) .section-features-grid-item{min-height:315px;}
    .section-features-grid[data-layout='2'] > li:nth-child(3){order:0;}
    .section-features-grid[data-layout='2'] > li:nth-child(3) .section-features-grid-item{min-height:700px;}
    .section-features-grid[data-layout='2'] > li:nth-child(4){order:3;}
    .section-features-grid-item.is-horizontal{flex-direction:column;}
    .section-features-grid-item.is-horizontal .section-features-grid-header{width:100%;text-align:center;}
    .section-features-grid-item.is-horizontal .section-features-grid-header .sub-list{flex-direction:row;flex-wrap:wrap;justify-content:center;}
    .section-features-grid-item.is-horizontal .section-features-grid-body{min-width:100%;min-height:250px;}

    #section-reviews-list{margin:0 -30%;}

    #section-faqs{flex-direction:column;}
    #section-faqs-column-1{width:100%;}
    #section-faqs-column-2{width:100%;}

    #section-quotes-list > li:nth-child(2){display:none;}

    #section-team-list{grid-template-columns:repeat(2, 1fr);}

    .section-support-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:calc(var(--gap-2xlarge)*-1) 0 0 calc(var(--gap-2xlarge)*-1);gap:0;}
    .section-support-list > li{width:33.333%;padding:var(--gap-2xlarge) 0 0 var(--gap-2xlarge);}

    #section-contactsales-body{flex-direction:column-reverse;}
    #section-contactsales-body-col-1{width:100%;}
    #section-contactsales-body-col-2{width:100%;}
    #section-contactsales-body-col-2 .list-checks{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:32px;row-gap:8px;justify-content:center;}
    #section-contactsales-body-col-2 .list-checks > li{white-space:nowrap;}
        
    #section-footer-row-3{flex-direction:column-reverse;}
    #section-footer-language .sub-value{padding:10px 15px;}

    #section-footer-row-2 {display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-gap:var(--gap-xlarge);}
    #section-footer-row-2 .sub-column{width:100%;}
    #section-footer-row-2 .sub-column:nth-child(1){grid-column:span 2;width:100%;padding-right:0;}
    #section-footer-row-2 .sub-column:nth-child(2), #section-footer-row-2 .sub-column:nth-child(3){grid-column:span 1;}
    #section-footer-row-2 .sub-column:nth-child(4), #section-footer-row-2 .sub-column:nth-child(5){grid-column:span 1;}
    #section-footer-row-2 .sub-column:nth-child(3), #section-footer-row-2 .sub-column:nth-child(4), #section-footer-row-2 .sub-column:nth-child(5){grid-row:2;}
}

@media (max-width:640px){
    #section-overview.is-about #section-overview-title{font-size:32px;}

    #section-bottom-inner{flex-direction:column;}
    #section-bottom-col-1{width:100%;}
    #section-bottom-col-2{width:100%;}
}

@media (max-width:480px){
    #section-outer{padding-bottom:75px;} /* Fixed 'Sign up' button */

    #section-header-inner{padding-top:20px;}
    #section-header-nav{width:100%;justify-content:space-between;gap:0;}
    #section-header-col-1{width:100%;justify-content:center;}
    #section-header-col-3{display:none;}
    
    #section-overview-description{font-size:16px;}
    #section-overview-cta{position:fixed;bottom:0;left:0;right:0;z-index:10;padding-top:20px;padding-bottom:20px;margin-bottom:0;background:linear-gradient(0deg, var(--color-dark-90) 0%, transparent 100%);transition:300ms;}
    #section-overview-cta .button-filled{width:100%;}
    #section-overview-cta .button-text{display:none;}
    body[data-serialscrolling-current='section-pricing'] #section-overview-cta{opacity:0;transform:translateY(10px);filter:blur(5px);}

    .section-features-analytics{padding:20px;}
    .section-features-analytics-productlist > li{gap:10px;}
    .section-features-analytics-productlist-item-col-2{width:45px;height:45px;}
    .section-features-analytics-productlist-item-col-3 .sub-originalprice{display:none;}
    .section-features-list .sub-title{flex-direction:column;align-items:start;}

    #section-reviews-list{margin:0 -90%;}

    .section-support-list > li{width:50%;}
}

@media (max-width:380px){
    #section-overview.is-about #section-overview-title{font-size:28px;}
}


/* Component: Grid */
@media (max-width:768px){
    .grid-column > .sub-column-80{width:100%;}
    .grid-column > .sub-column-75{width:100%;}
    .grid-column > .sub-column-70{width:100%;}
    .grid-column > .sub-column-66{width:100%;}
    .grid-column > .sub-column-60{width:100%;}
    .grid-column > .sub-column-50{width:100%;}
    .grid-column > .sub-column-40{width:100%;}
    .grid-column > .sub-column-35{width:100%;}
    .grid-column > .sub-column-33{width:100%;}
    .grid-column > .sub-column-30{width:100%;}
    .grid-column > .sub-column-25{width:33.333%;}
    .grid-column > .sub-column-75 + .sub-column-25{width:100%;}
    .grid-column > .sub-column-20{width:33.333%;}
    .grid-column > .sub-column-80 + .sub-column-25{width:100%;}
}

@media (max-width:640px){
    .grid-column > .sub-column-25{width:50%;}
    .grid-column > .sub-column-20{width:50%;}
}

@media (max-width:380px){
    .grid-column > .sub-column-25{width:100%;}
    .grid-column > .sub-column-20{width:100%;}
}

/* Component: Title */
@media (max-width:1024px){
    .title-section-outer.is-horizontal{flex-direction:column;gap:var(--gap-medium);}
    .title-section-outer.is-horizontal .title-section{width:100%;}
    .title-section-outer.is-horizontal .title-section-description{width:100%;}
    .title-section-outer.is-horizontal .title-section-list-outer{width:100%;}
}

@media (max-width:768px){
    .title-1-description{margin-top:calc(var(--gap-medium) * -1);}
}


/* Component: Button */
@media (max-width:768px){
    [class^='button-'].is-large{padding:8px 12px;}
}


/* Component: Text */
@media (max-width:768px){
    .text-underline{padding-bottom:4px;background-size:100% 10px;}
}


/* Component: List */
@media (max-width:768px){
    .list-commitments{grid-template-columns:repeat(1, 1fr);}

    .list-partners-item{flex-direction:column;}
    .list-partners-header{width:100%;}
    .list-partners-body{width:100%;}
    .list-partners-footer{width:100%;text-align:left;}

    .list-contacts{grid-template-columns:repeat(3, 1fr);}
}

@media (max-width:640px){
    .list-contacts{grid-template-columns:repeat(2, 1fr);}

    .list-jobs-item{flex-direction:column;align-items:start;}
}

@media (max-width:480px){
    .list-advantages{grid-template-columns:1fr;}
}


/* Component: Box */
@media (max-width:1024px){
    .box-quote-body:before{content:'';}
}


/* Responsive line breaks */
[class^='br-']{display:none;}
@media (min-width:1280px){.br-gt-1280{display:inline;}}
@media (min-width:1024px){.br-gt-1024{display:inline;}}
@media (min-width:768px){.br-gt-768{display:inline;}}
@media (min-width:640px){.br-gt-640{display:inline;}}
@media (min-width:480px){.br-gt-480{display:inline;}}
@media (max-width:1280px){.br-lt-1280{display:inline;}}
@media (max-width:1024px){.br-lt-1024{display:inline;}}
@media (max-width:768px){.br-lt-768{display:inline;}}
@media (max-width:640px){.br-lt-640{display:inline;}}
@media (max-width:480px){.br-lt-480{display:inline;}}