/* TABLET YATAY */

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

    .container { padding: 0 20px; }

    section.copyright {

        padding: 40px 0;

    }

    

    section.promo .container .square {

        right: 0 !important;

        bottom: 209px !important;

        width: 40px;

    }



    section.promo .container .circle {

        right: 0 !important;

        bottom: unset !important;

        top: -20px !important;

        width: 50px;

    }



    section.methodology .container h3 {

        padding: 0;

    }



    section.promo .container .triangle {

        left: 0px !important;

        bottom: 250px !important;

        width: 50px !important;

    }



    section.promo h1 { font-size: 58px; }

    nav a:link, nav a:visited { font-size: 13px; }

}



/* TABLET DIKEY */

@media only screen and (width : 768px) {

    #account-link, #signin-link { display: none; }

    .shadow-container .content { width: 98%; }

    .integration-row .first { width: 300px; }

    section.methodology .container.boxes {

        flex-direction: column;

    }

    .box .image { height: 250px; }

    #redirect-links { display: flex; flex-direction: row; justify-content: center; padding-bottom: 40px; }

    #redirect-links * { margin: 5px 15px; }

    nav a:link, nav a:visited { font-size: 13px; }

}



/* TELEFON */

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

    section { padding: 30px 0 !important; }

    #topbar nav { display: none; }

    .searchbox.topbar { display: none; }

    .container { width: 100%; }

    .container.row, .container .row { flex-direction: column; }

    

    section.methodology .container h3 {

        padding: 0;

    }

    

    section.promo h1 {

        font-size: 42px !important; 

        padding: 0;

        margin-bottom: 15px;

    }



    h3 {

        font-size: 23px !important;

        line-height: 30px;

    }



    h5 {

        font-size: 46px !important;

        letter-spacing: -.75px !important;

    }



    section.promo p {

        padding: 0;

        font-size: 18px;

    }



    section.methodology .container h3 {

        margin-bottom: 20px; 

    }



    .box {

        margin: 20px 0;

    }



    section.together {

        padding: 0;

    }



    section.methodology {

        padding-bottom: 20px;

    }



    .right-item img, .left-item img {

        max-width: 100%;

        width: 100%;

    }



    .right-item {

        margin-top: 20px;

    }



    .left-item {

        margin-bottom: 20px;

    }



    .row.mt-16 {

        margin-top: 20px;

    }



    footer iframe {

        min-height: 300px; 

    }



    section.partners .container.ref-container .ref {

        width: 50% !important;

    }



    .shadow-container .content { width: 98% !important; }



    section.offer p {

        padding: 0;

        font-size: 16px;

    }



    .integration-row { flex-direction: column; }

    .integration-row .first { width: 100%; margin-bottom: 15px; align-items: center; }

    .integration-row .first img { width: 28px; margin-right: 10px; }

    .integration-row.subscription { padding: 30px 20px; }

    .circle { display: none; }

    section.copyright .container { flex-direction: column; }

    section.copyright .container * { margin-bottom: 20px; }

    #redirect-links { display: flex; flex-direction: column; }

    #redirect-links * { margin: 5px 15px; flex: 1; text-align: center; }

    section.methodology .container.boxes {

        flex-direction: column;

    }

    .pagination-container { padding-bottom: 25px; }

    .mobile-content p { margin: 5px 0; display: flex; justify-content: space-between; border-bottom: #e8e8e8 1px solid; padding-bottom: 5px; }

    .mobile-content p span { font-weight: bold; padding-right: 15px; }

    .mobile-content p label { flex: 1; align-items: flex-end; }

    .mobile-content .button-set { padding: 15px 0 10px 0; display: flex; justify-content: space-between; }

    .close-menu { position: absolute; right: 10px; top: 10px; padding: 5px; }

    #topbar nav {

        padding: 10px 10px;

        position: fixed;

        top: 0;

        bottom: 0;

        background-color: #ffffff;

        flex-direction: column;

        right: 0;

        left: 0;

        justify-content: flex-start;

    }

    #topbar nav.show { display: flex; }

    nav a:link, nav a:visited, div.has-menu { padding: 10px 0; }

    div.has-menu .submenu { position: unset; background-color: unset; box-shadow: unset; display: flex; }

    #content .page-header { padding: 0; flex-direction: column; }

    .page-data { padding: 20px 0; }

    .toolbar { flex-direction: column; align-items: unset; }

    .toolbar .searchbox { width: 100%; }

    .toolbar-button-set { position: absolute; right: 10px; top: 80px; }

    .list-area { border: #d4d4d4 1px solid; }

    .page-header h1 { line-height: 28px; margin-top: 10px; }

    .box { width: 100%; }

    .query-area { flex-wrap: nowrap; justify-content: flex-start; }

    div.notice { flex-direction: column; }

    div.notice label { margin: 5px 0; justify-content: space-between; }

    .query-area .col-md-6 { flex: unset; width: 100%; }

    #_reportForm { width: 100%; }

    .form-container { flex-direction: row !important; flex-wrap: wrap; }

}