/* FUCKING RESPONSIVE */

@media all and (min-width: 1600px) {
    .grid-full {
        max-width:1440px;
    }
}

@media all and (min-width: 1440px) {
    .grid-full {
        max-width:1440px;
    }
}

@media all and (max-width: 1440px) {
    .grid-full {
        max-width:1200px;
    }

    .main-header #logo { top:16px; }

    .new-nav ul li a.menu-item { font-size:15px; }

    .new-nav ul li.menu-list-item {
        padding:20px 15px !important;
    }

    #submenu { margin-bottom:-36px; }
    .submenu-opened { }
    #submenu .grid-full { padding-right:110px; }
    #submenu ul li { font-size:15px; }
    #submenu ul li a { padding:7px; }

    .back-to-website { padding:10px 20px; }
    .back-to-website a  { font-size:16px; }

    .page-template #content h1 { font-size:33px; }
    .page-template #content .article h2,.page-template #content .article h3 { font-size:18px; }

    .page-resources h1 { font-size:50px; }
    .page-resources h2 { font-size:23px; }
    .page-resources h3 { font-size: 17px; }

    .hero-arrow { font-size:14px; margin-bottom:6%; }
    .hero-arrow i { font-size:20px; }
    .hero h1 { font-size:40px; line-height:41px;}
    .hero h2 { font-size:20px; line-height:1.1;}
    .hero .btn { font-size:18px; padding-left:35px; padding-right:35px; padding-bottom: 11px; }
    .hero-slide { background-size:contain; width:56%;}
    .hero-slide-content { margin-left:-11%; padding-top:22%;  }
    .hero-slide-content p { font-family:'Kievit Regular'; font-size:20px; margin-top:5px; margin-bottom:7px; }

    .products-slider h2 { font-size:40px; margin-bottom:5px; }
    .products-slider h3 { font-size:22px; }
    .products-slider h4 { font-size:18px; }
    .products-slider .js-product {
        border-width:7px;
        width:180px;
        height:180px;
        margin-left:30px;
        margin-right:30px;
    }
    .products-slider .js-product h3 { font-size:32px; }
    .products-slider .product-content { margin-left:-30px; }
    .products-slider .js-product p { font-size:15px; }
    .products-slider .product-content { padding:5% 0;}

    .product-info p { font-size:18px; line-height:20px; }
    .products-slider .product-info h4 { font-size:30px; }
    .product-info .btn { font-size:18px; }

    .tech-slider h2 { font-size:40px; margin-bottom:50px; margin-top:0px; }
    .js-tech { border-width:6px; }
    .js-tech h4 { font-size:24px; }
    .js-tech p { font-size:16px; }
    .tech-info h4 { font-size:30px; }
    .tech-info p { font-size:16px; }

    .resources-block h2 {font-size:40px;padding-bottom:30px; margin-top:10px; }
    .resources-block .resource { border-width:6px; font-size:18px;padding-bottom:45px;}
    .resources-block .resource i {font-size:35px; }

    .partners-slider { padding-top:50px; }
    .partners-slider h2 { font-size:40px; }
    .partners-slider .js-slider { margin:80px 0; }

    .contact-block { padding:4% 0; }
    .contact-block .funnel { margin-top:-4%; }
    .contact-block h2 { font-size: 50px; }
    .contact-block .icon { font-size: 250px; }
    .contact-block .btn { padding-left:55px; padding-right:55px; }
    .contact-block-content { margin-left: -70px; }
    .contact-block-container { padding-top:6.5% }

    .hero-auc h2 { font-size:30px; }
    .hero-auc .hero-slide { width:68%; }
    .hero-auc .hero-slide-content { margin-left:4%; }

    .features-block p { font-size:20px; }

    .hero-apc h2 { font-size:30px; }
    .hero-apc .hero-slide-content { padding-top:20%; }
    .apc-content h1 { font-size:105px; }
    .apc-content h1 span {  font-size:40px; }
    .apc-content h2 { font-size:30px; }

    .hero-ai .hero-slide h2 { font-size:30px; }
    .hero-ai small { font-size:13px;  }

    .hero-si .hero-slide h2 { font-size:30px; }
    .hero-si .hero-slide-content { padding-top:15%; }

    .hero-ds .hero-slide h2 { font-size:30px; }
    .hero-ds .hero-slide-content { padding-top:20.5%; }

    .hero-r .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-r .hero-slide-content { padding-top:21%; }

    .hero-icap .hero-slide h2 { font-size:30px; }
    .hero-icap .hero-slide-content { padding-top:13%; }

    .hero-mavapi .hero-slide h2 { font-size:30px; }
    .hero-mavapi .hero-slide-content { margin-left:1%; }

    .hero-savapi .hero-slide h2 { font-size:30px; }
    .hero-savapi .hero-slide-content { margin-left:1%; }
    .benefits-savapi h1 { font-size:50px; }
    .benefits-savapi h1 strong { font-size:30px;}

    .benefit { width:120px; height:120px; margin-right:120px; }
    .benefit-content { font-size:16px; }
}

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

    .grid-full {
        max-width:1020px;
    }

    .main-header #logo { top:14px; }

    .new-nav ul li a.menu-item { font-size:14px; }

    .main-header-pillars .new-nav ul li.menu-list-item {
        padding:15px 5px !important;
        padding-left:5px !important;
        padding-right:5px !important;
    }

    #submenu .grid-full { padding-right:80px; }
    #submenu ul li { font-size:14px; }

    .back-to-website { padding:6px 10px; }
    .back-to-website a  { font-size:14px; }

    .page-template #content h1 { font-size:27px; }
    .page-template #content .article h2,.page-template #content .article h3 { font-size:15px; }

    .page-resources h1 { font-size:40px; }
    .page-resources h2 { font-size:18px; }
    .page-resources h3 { font-size: 14px; }

    .hero-arrow { font-size:12px; margin-bottom:6%; }
    .hero-arrow i { font-size:20px; }
    .hero h1 { font-size:30px; line-height:31px;}
    .hero h2 { font-size:18px; line-height:1.2;}
    .hero .btn { font-size:16px; padding:7px 25px; }
    .hero-slide { background-size:contain; width:56%; margin-bottom:0px; }
    .hero-slide-content { margin-left:-11%; padding-top:22%; }
    .hero-slide-content p { font-size:16px; }

    .products-slider h2 { font-size:30px; margin-bottom:3px; }
    .products-slider h3 { font-size:18px; }
    .products-slider h4 { font-size:16px; }
    .products-slider .js-product {
        border-width:6px;
        width:150px;
        height:160px;
        margin-left:25px;
        margin-right:25px;
    }
    .products-slider .js-product h3 { font-size:26px; }
    .products-slider .product-content { margin-left:-20px; }
    .products-slider .js-product p { font-size:12px; }

    .tech-slider h2 { font-size:36px; margin-bottom:50px; margin-top:0px; }
    .js-tech { border-width:5px; }
    .js-tech h4 { font-size:22px; }
    .js-tech p { font-size:14px; }
    .tech-info h4 { font-size:26px; }
    .tech-info p { font-size:14px; }
    .tech-info-content { padding:5% 0;}

    .resources-block h2 {font-size:35px;padding-bottom:25px; margin-top:10px; }
    .resources-block .resource { border-width:5px; font-size:16px;padding-bottom:40px;}
    .resources-block .resource i {font-size:30px; }

    .contact-block h2 { font-size: 40px; }
    .contact-block .icon { font-size: 230px; }
    .contact-block .btn { padding-left:35px; padding-right:35px; }
    .contact-block-content { margin-left: -60px; }
    .contact-block-container { padding-top:6% }


    .hero-auc .hero-slide { margin-bottom:30px; }
    .features-block p { font-size:18px; }

    .hero-apc .hero-slide { margin-bottom:30px; }
    .hero-apc .hero-slide-content { padding-top:22%; }
    .apc-content h1 { font-size:87px; }
    .apc-content h1 span {  font-size:30px; }
    .apc-content h2 { font-size:20px; }

    .hero-ai .hero-slide h2 { font-size:25px; }
    .hero-ai small { font-size:12px;  }

    .hero-si .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-si .hero-slide-content { padding-top:16%; margin-bottom: 20px; }

    .hero-ds .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-ds .hero-slide-content { padding-top:21%; margin-bottom: 20px; }

    .hero-r .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-icap .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-icap .hero-slide  { margin-bottom:30px; }

    .hero-mavapi .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-mavapi .hero-slide  { margin-bottom:30px; }

    .hero-savapi .hero-slide h2 { font-size:23px; line-height:1.1; }
    .hero-savapi .hero-slide  { margin-bottom:30px; }
    .benefits-savapi h1 { font-size:40px; }
    .benefits-savapi h1 strong { font-size:25px;}

    .benefit { width:100px; height:100px; margin-right:100px; }
    .benefit-content { font-size:14px; }


}

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

    .main-header #logo .site-name { display: none }

    .grid-full {
        max-width: 1020px;
    }

    .benefit {
        width:93px;
        height:100px;
    }

}

/* basically mobile */
@media all and (max-width: 680px) {


    #submenu { left:-10000px; display:none; position:absolute; }

    .main-header { height:80px; }
    .main-header #logo { margin-left:20px !important; top:24px !important; }

    header .avr-ic-down-small-arrow { display:none; }
    header .avr-ic-up-small-arrow { display:none; }
    .dropdown-menu-list .sep { display:none; }

    .back-to-website i { font-size:20px; }
    .back-to-website a { line-height:1.2; }

    .btn-large {
        padding: 10px 15px;
        font-size:18px;
        font-family:'Kievit Medium';
    }


    .page-template {
        padding:20px 0px 0px 0px
    }

    .resources-menu a {
        display:block;
        margin-bottom:10px;
    }

    .resources-block .resource {
        width:90%;
        margin-left:5%;
        margin-bottom:10px;
        min-height:unset;
    }

    .resources-block .resource i {
        position:static;
        display:none;
    }



    .hero-slide {
        background-image:none;
        padding:0;
        margin:0px auto;
    }

    .hero-ds .hero-slide { background-image:none; }
    .hero-r .hero-slide { background-image:none; }
    .hero-si .hero-slide { background-image:none; }
    .hero-ai .hero-slide { background-image:none; margin-left:auto; }
    .hero-ai .hero-slide-content { margin-left:auto; }
    .hero-savapi .hero-slide { background-image:none; margin-left:auto; }
    .hero-mavapi .hero-slide { background-image:none; margin-left:auto; }
    .hero-icap .hero-slide { background-image:none; margin-left:auto; }
    .hero-apc .hero-slide { background-image:none; margin-left:auto; width:90%}
    .hero-auc .hero-slide { background-image:none; width:90%; }

    .hero-slide-content {
        padding-top:3%;
        text-align:center;
        margin-left:0px;
    }


    .hero-arrow { margin-bottom:50px; }
    .hero-auc h1, .hero-auc h2 { margin-bottom:10px; }
    .hero-r h1, .hero-r h2 { margin-bottom:10px; }
    .hero-si h1, .hero-si h2 { margin-bottom:10px; }
    .hero-ai h1, .hero-ai h2 { margin-bottom:10px; }
    .hero-savapi h1, .hero-savapi h2 { margin-bottom:10px; }
    .hero-mavapi h1, .hero-mavapi h2 { margin-bottom:10px; }
    .hero-icap h1, .hero-icap h2 { margin-bottom:10px; }
    .hero-apc h1, .hero-apc h2 { margin-bottom:10px; }

    .xs-hidden {
        display:none;
    }

    .resources-block .resources { display:inline; }
    .resources-block .resource { display: block; padding:10px 5px; }

    .contact-block .icon {
        width:100%;
        text-align:center;
        margin:0px;
        font-size:100px;
        float:none;
    }

    .contact-block .column-extrasmall {
        float:none;
        margin:0px;
    }

    .contact-block-container {
        background-image:none;
        padding:0px;
        margin:0px;
        width:100%;
    }

    .contact-block-content {
        margin:0px;
        text-align:center;
        float:none;
        margin-top:30px;
    }

    .contact-block-content br { display:none; }

    .js-product { display:none; }
    .product-info { display:block !important; margin-bottom:10px;  }
    .product-savapi { margin-top:0px; }

    .funnel { display:none; }

    .techs { display:none; }
    .tech-info { display:block; margin-bottom:10px; }
    .tech-ai { margin-top:-60px; }

    .benefits-block {
        margin-bottom:0px;
    }

    .benefits-savapi h1 { font-size:30px; }

    .benefit {
        width:100%;
        float:none;
        border:none;
        padding:0;
        height:auto;
        min-height:10px;
        margin-bottom:20px;
    }

    .benefit-content {
        margin:0px;
        padding:0px;
        font-size:16px;
        width:auto;
        border-left:4px solid red;
        margin-left:5%;
        padding-left:5%;
    }

    .hero-slide-content .how {
        display:block;
        float:none;
        color:white;
        background:red;
        margin:0px;
        background:none;
        margin-top:20px;
        text-decoration:underline;
        z-index:1000;
    }
}

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

}