/* -------------------------------------------------------
--- Codify
--- http://codify.istanbul
--------------------------------------------------------*/

@media (max-width: 1319px) { /* Fix */
    /* Solutions */
    .solutions p { height: 110px; }

    /* SOLUTIONS
    --------------------------------------------------------*/
    .solutions-categories .item-card { width: 264px; }
}

@media (max-width: 1199px) { /* Fix */
    .header-top .tbl .tbl-cell:nth-child(1) { width: auto; }
    .header-top .tbl .tbl-cell:nth-child(2) { width: 99%; }
    .header-top .tbl .tbl-cell:nth-child(3) { width: auto; white-space: nowrap; }

    /* Solutions */
    .solutions h3 { font-size: 40px; margin-top: 32px; }
    .solutions p { height: 130px; margin-top: 30px; }

    /* Learn More */
    .learn-more .learn-more-title h2 { font-size: 50px; }
    .learn-more .learn-more-main h3 { font-size: 38px; }
    .learn-more .learn-more-title p { max-width: 300px; }

    /* Footer */
    footer .footer-information .logo { width: 200px; }

    /* SOLUTIONS
    --------------------------------------------------------*/
    .solutions-categories .item-card { width: 215px; height: 360px; }
}

@media (max-width: 991px) { /* Fix */
    .page-logo-header { position: relative; }
    .page-menu-header .main-menu { display: none; }
    .page-menu-header .top-menu li:nth-child(1),
    .page-menu-header .top-menu li:nth-child(2) { display: none; }
    .page-mobile-menu { display: inline-block; }

    .header-top { top: 0px; }
    .header-top .top-menu li a { margin: 0px 0px 6px 0px; }
    .header-top .logo { width: 190px; }

    .header-top.header-static { top: 0px; padding: 0px 0px 6px 0px; }
    .header-static .page-menu-header .top-menu { margin-top: 10px; }
    .header-static > .container > .tbl > .tbl-cell { padding: 0px; }

    .menu-icon-wrapper { display: inline-block; }

    /* Sub Title */
    .sub-title .text h2 { font-size: 46px; margin-right: 10px; }

    /* Enter */
    .enter h1 { font-size: 38px; }
    .enter p { font-size: 18px; }
    .enter .uv-face img { min-width: 316px; }

    /* Our Clients */
    .our-clients .description { padding-left: 0px; }
    .our-clients > .container > .row { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    .our-clients > .container > .row > div:nth-of-type(1) { order: 2; }
    .our-clients > .container > .row > div:nth-of-type(2) { order: 1; }
    .our-clients .mobile-mode { display: block; }

    /* Platform */
    .platform-main h3 { font-size: 37px; }
    .platform-main p { font-size: 16px; }

    /* Business Mode */
    .business-mode h3 { font-size: 40px; }
    .business-mode .business-icon { display: inline-block; height: 130px; display: flex; vertical-align: middle; margin-top: 30px; }
    .business-mode .business-icon img { height: 100%; }
    .business-mode p { font-size: 18px; height: 120px; }

    /* Solutions */
    .solutions h3 { font-size: 40px; }
    .solutions p { height: 170px; }

    /* Technology */
    .technology .item h3 { font-size: 36px; }
    .technology p { font-size: 20px; max-width: 600px; }

    /* Learn More */
    .learn-more .learn-more-title h2 { font-size: 44px; }
    .learn-more .learn-more-main h3 { font-size: 28px; }
    .learn-more .learn-more-title p { max-width: 300px; }
    .learn-more .learn-more-main p { font-size: 16px; }

    /* HOW IT WORKS
    --------------------------------------------------------*/
    .how-it-works-analysis h2,
    .how-it-works-tool h2,
    .how-it-works-audience h2,
    .how-it-works-discover h2 { font-size: 40px; }
}

@media (max-width: 820px) { /* Custom */
    /* Enter */
    .enter h1 { font-size: 32px; }
    .enter p { font-size: 16px; }
    .enter .uv-face img { min-width: 260px; }
}

@media (max-width: 768px) { /* Fix */
    /* Enter */
    .enter h1 { text-align: center; }
    .enter p { text-align: center; }
    .enter .uv-face { text-align: center; width: 100% !important; }
    .enter .uv-face img { width: 260px; }
    .enter .btn-enter-menu { margin: 0px auto; }
    .enter .container > .tbl { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    .enter .container > .tbl > .tbl-cell { display: block; }
    .enter .container > .tbl > .tbl-cell:nth-of-type(1) { order: 2; margin-top: -55px; }
    .enter .container > .tbl > .tbl-cell:nth-of-type(2) { order: 1; }

    /* Our Clients */
    .our-clients .mobile-mode { display: none; }

    /* Sub Title */
    .sub-title .text h2 { font-size: 36px; }

    /* Platform */
    .platform-main p { height: auto; margin-top: 16px; margin-bottom: 16px; }
    .platform-main .btn { margin-bottom: 30px; }
    .platform-main > .row > div:last-child .btn { margin-bottom: 0px; }

    /* Business Mode */
    .business-mode p { height: auto; margin-top: 16px; margin-bottom: 16px; }
    .business-mode .btn { margin-bottom: 30px; }
    .business-mode .container > .row > div:last-child .btn { margin-bottom: 0px; }

    /* Solutions */
    .solutions h2 { font-size: 40px; }
    .solutions h3 { font-size: 30px; }
    .solutions p { height: auto; margin-top: 12px; }

    /* Technology */
    .technology .item h3 { font-size: 30px; }
    .technology p { font-size: 20px; max-width: initial; padding-right: 30px; }

    /* Learn More */
    .learn-more .learn-more-title,
    .learn-more .learn-more-main { display: block; width: 100%; }
    .learn-more .learn-more-title p { max-width: inherit; }
    .learn-more .learn-more-main .tbl-cell { padding: 10px 20px; }
    .learn-more .learn-more-main .tbl-cell:first-child { padding-left: 0px; }
    .learn-more .learn-more-main .tbl-cell:last-child { padding-right: 0px; }
    .learn-more .learn-more-main h3 { font-size: 30px; }
    .learn-more .learn-more-main p { font-size: 18px; }

    /* Footer */
    footer { margin-top: 60px; }
    footer .footer-menu { display: none !important; }
    footer .footer-menu-mobile { display: block; }
    footer .title { font-size: 30px; margin: 26px; }

    /* No Order */
    .no-order .container > .tbl { display: block; text-align: center; }
    .no-order .container > .tbl > .tbl-cell:nth-of-type(1) { margin-top: 0px; }


    /* APPROACH
    --------------------------------------------------------*/
    .approach-main { padding-bottom: 0px; }
    .approach-main h1 { line-height: 1.4; }
    .approach-main .tbl-cell { width: 100% !important; text-align: center; }
    .approach-main .container > .tbl > .tbl-cell:nth-of-type(1) { margin-top: 0px; }
    .approach-agile { margin-top: 60px; }


    /* HOW IT WORKS
    --------------------------------------------------------*/
    .how-it-works-main h1 { line-height: 1.4; }
    .how-it-works-main .tbl-cell { width: 100% !important; text-align: center; }
    .how-it-works-main ul { display: inline-block; }
    .how-it-works-discover { margin-top: 0px; }
    .how-it-works-analysis h2,
    .how-it-works-tool h2,
    .how-it-works-audience h2,
    .how-it-works-discover h2 { font-size: 32px; }


    /* SOLUTIONS
    --------------------------------------------------------*/
    .solutions-main .tbl-cell:first-child,
    .solutions-main .tbl-cell:last-child,
    .solutions-main p { width: 100% !important; }
    .solutions-main .tbl-cell:last-child img { width: auto; }
    .solutions-categories .item { width: 100%; }
    .solutions-categories .item-card { width: 100%; height: auto; }
    .solutions-categories .isotop-menu { display: none; }
    .solutions-categories .isotop-menu-mobile { display: block; }
}

@media (max-width: 680px) { /* Custom Size */

    /* APPROACH
    --------------------------------------------------------*/
    .approach-agile .tbl-row .tbl-cell { display: block; width: 100%; }
    .approach-agile .tbl-row:nth-child(1),
    .approach-agile .tbl-row:nth-child(3) { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
    .approach-agile .tbl-row:nth-child(1) .tbl-cell:first-child,
    .approach-agile .tbl-row:nth-child(3) .tbl-cell:first-child { order: 2; }
    .approach-agile .tbl-row:nth-child(1) .tbl-cell:last-child,
    .approach-agile .tbl-row:nth-child(3) .tbl-cell:last-child { order: 1; }
    .approach-agile .tbl-cell-gray-left { background-color: #F9F9F9; background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%); }


    /* HOW IT WORKS
    --------------------------------------------------------*/
    .how-it-works-main { padding-bottom: 0px; }
    .how-it-works-main img { width: 100%; }

    .how-it-works-analysis,
    .how-it-works-tool,
    .how-it-works-audience,
    .how-it-works-discover { margin-top: 60px; }

    .how-it-works-analysis .tbl-cell,
    .how-it-works-tool .tbl-cell,
    .how-it-works-audience .tbl-cell,
    .how-it-works-discover .tbl-cell { display: block; width: 100%; height: auto; }
    .how-it-works-discover .tbl-row { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

    .how-it-works-discover .tbl-row:nth-child(1) .tbl-cell:first-child { order: 1; }
    .how-it-works-discover .tbl-row:nth-child(1) .tbl-cell:last-child { order: 2; }
    .how-it-works-discover .tbl-row:nth-child(2) .tbl-cell:first-child { order: 2; }
    .how-it-works-discover .tbl-row:nth-child(2) .tbl-cell:last-child { order: 1; }
}

@media (max-width: 560px) { /* Custom Size */
    .header-top .login-menu li a { font-size: 16px; }

    /* Learn More */
    .learn-more .learn-more-main .tbl-cell { display: block; padding: 10px 0px; width: 100%; }
}

@media (max-width: 500px) { /* Custom Size */
    /* Footer */
    footer .footer-menu { display: none !important; }
    footer .footer-menu-mobile { display: block; }
    footer .title { font-size: 30px; margin: 26px; }
    footer .tbl .tbl-cell { display: block; border-bottom: 1px solid #FFF; width: 100%; border-right: 0px; }
    footer .tbl .tbl-cell:last-child { border-bottom: 0px; }
    footer .footer-information p { padding: 20px 20px 0px 0px; }

    /* Custom Column */
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; }
    .col-xxs-12 { width: 100%; }
    .col-xxs-11 { width: 91.66666667%; }
    .col-xxs-10 { width: 83.33333333%; }
    .col-xxs-9 { width: 75%; }
    .col-xxs-8 { width: 66.66666667%; }
    .col-xxs-7 { width: 58.33333333%; }
    .col-xxs-6 { width: 50%; }
    .col-xxs-5 { width: 41.66666667%; }
    .col-xxs-4 { width: 33.33333333%; }
    .col-xxs-3 { width: 25%; }
    .col-xxs-2 { width: 16.66666667%; }
    .col-xxs-1 { width: 8.33333333%; }
}

@media (max-width: 414px) { /* iPhone 6/7/8 */
    .header-top.header-static .logo { width: 160px; }
    .header-top .logo { width: 160px; }
    .header-top .login-menu li a { font-size: 13px; }

    .enter .btn-enter-menu > .tbl-cell:first-child .btn { margin-right: 10px; }
}

@media (max-width: 380px) { /* Fix */
    .btn { font-size: 14px; }

    /* Enter */
    .enter h1 { font-size: 28px; }
}