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

}

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

}

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

    /* Header settings */

    .home_title_section .g-main-title,
    .number_with_three_projects .g-main-title,
    .number_2_with_three_projects .g-main-title,
    .number_3_section .g-main-title {
        font-size: 220px;
        line-height: 240px;
        letter-spacing: 0px;
    }
    .navbar-collapse {
        padding-top: 25px;
    }


    /* Services CSS */

    .our_services_section li a {
        font-size: 24px;
    }
    .our_services_section li {
        padding-right: 35px;
    }

    /* Single project */

    .g-project-gallery .carrousel,
    .g-project-gallery .carrousel .slick-slide {
        height: 400px;
        max-height: 400px;
    }

}

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

    /* Header section */

    section.home_title_section h2,
    section.home_title_section .g-description h1,
    section h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .home_title_section .g-main-title,
    .number_with_three_projects .g-main-title,
    .number_2_with_three_projects .g-main-title,
    .number_3_section .g-main-title {
        font-size: 140px;
        line-height: 160px;
    }

}

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

    /* Header settings */

    .header_menu_block.d-flex,
    .g-hide-mob {
        display: none!important;
    }
    .navbar-light .navbar-toggler {
        border: none;
    }
    .g-link-to-home {
        margin-bottom: 0;
    }
    header .menu {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    header .menu li a {
        margin-left: 0;
        margin-bottom: 25px;
        line-height: 1.5;
    }
    .navbar-brand a img {
        max-height: 50px;
    }
    header {
        box-shadow: 0 2px 2px -2px grey;
        padding-bottom: 0;
    }
    header.sticky .row {
        max-width: 100%;
    }
    header.sticky .g-container {
        flex-direction: column;
    }
    .home_title_section .g-main-title,
    .number_with_three_projects .g-main-title,
    .number_2_with_three_projects .g-main-title,
    .number_3_section .g-main-title {
        font-size: 100px;
        line-height: 120px;
    }

    /* Services CSS */

    .our_services_section li a {
        font-size: 24px;
    }
    /* Below 992px the switcher lives in .lang-wrap, which this breakpoint
       shows even when sticky - so the copy inside the menu row stays hidden. */
    header.sticky .menu .lang-item {
        display: none;
    }
    header .lang-wrap {
        margin: 0 auto 10px auto;
        justify-content: center;
    }
    header.sticky .lang-wrap {
        display: flex;
    }
    .lang-wrap ul li a {
        margin-right: 15px;
    }

}
@media screen and (min-width: 1025px) {

    /* Header settings */

    .mobile-menu {
        display: none!important;
    }

}

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

    /* Partners section */

    /* Two per row here, so the cells are wider - the desktop 150px cap would
       leave each logo marooned in whitespace. The height cap from styles.css
       still applies, and the tile box is the same fixed height at every
       width. */
    .g-partners-btn img {
        max-width: 180px;
    }

    /* Footer section */

    .top-foot-g {
        margin-bottom: 25px;
    }
    .row.row-foot .col-12 {
        margin-bottom: 25px;
        text-align: center;
    }
    .menu-foot {
        display: flex;
        justify-content: center;
    }
    .menu-foot li {
        margin-bottom: 15px;
    }
    .row-foot {
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-social {
        justify-content: center;
    }
    .footer-social .one-social {
        margin-left: 25px;
        margin-right: 25px;
    }
    a.to-top {
        justify-content: center;
    }
    footer {
        padding-bottom: 10px;
    }
    .row.row-foot .col-md-3 {
        margin-bottom: 25px;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .row.row-foot .col-md-5,
    .row.row-foot .col-md-2 {
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

    /* Portfolio CSS */

    .home_title_section.portfolio_section .col-12 a,
    .g-deff-project-wrap .item-p-a {
        max-width: 47%;
    }

    /* Single project */

    .g-project-title {
        font-size: 80px;
        line-height: 80px;
    }

}

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

    /* Main settings */

    .home_title_section .g-main-title,
    .number_with_three_projects .g-main-title,
    .number_2_with_three_projects .g-main-title,
    .number_3_section .g-main-title {
        font-size: 90px;
        line-height: 110px;
    }
    .home_title_section,
    .service_item_section {
        padding-top: 80px;
    }
    .home_title_section .row {
        padding: 10px 5px 15px;
    }
    .navbar-light .navbar-toggler {
        padding-bottom: 10px;
    }
    .navbar-brand a img {
        max-height: 35px;
    }
    .g-project img,
    section .g-small-wrap-pr {
        height: 450px;
        max-height: 450px;
    }

    /* Service section */

    .our_services_section li a {
        font-size: 24px;
    }
    .our_services_section li,
    .g-deff-project-wrap .item-p-a {
        max-width: 100%;
    }
    .our_services_section ul {
        max-width: 100%;
    }
    .our_services_section .g-service-col {
        flex-direction: column;
    }
    .g-left-ul {
        margin-bottom: 0;
    }

    /* Number secrion */

    .g-align-number {
        padding-bottom: 50px;
    }
    .number_with_three_projects .row,
    .number_2_with_three_projects .row,
    .number_3_section .row,
    .service_item_section .row,
    .home_two_projects_section .row {
        padding: 0px 5px 15px;
    }
    .g-equals .g-project {
        max-width: 100%;
    }
    .portfolio-item-project img {
        width: 100%;
    }

    /* Divider */

    .g-arr img {
        width: 43px;
        height: 54px;
    }
    .divider_section {
        padding: 35px 20px;
    }


    /* Partners section */

    .g-partners-btn img {
        max-width: 100%;
    }
    .our_services_section .title,
    .partners_section .title,
    .contact_section .title {
        padding-bottom: 35px;
    }


    /* Contact section */

    form.wpcf7-form input[type="submit"] {
        padding: 15px 10px;
        font-size: 16px;
    }


    /* Portfolio CSS */

    .home_title_section.portfolio_section .row {
        padding: 25px 5px 10px;
    }


    /* Single service */

    .service_item_section .g-title-pr {
        font-size: 38px;
        line-height: 42px;
        padding: 30px 0 30px;
    }


    /* Single project */

    .g-project-title {
        font-size: 52px;
        line-height: 64px;
        padding-bottom: 25px;
    }
    .g-project-gallery {
        padding-bottom: 40px;
    }
    .g-title-col {
        padding-bottom: 25px;
    }

}

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

    /* Main settings */

    .g-project img,
    section .g-small-wrap-pr {
        height: 390px;
        max-height: 390px;
    }

    /* Portfolio CSS */

    .home_title_section.portfolio_section .col-12 a {
        max-width: 100%;
    }

    /* Single service */

    .service_item_section .g-title-pr {
        font-size: 26px;
        line-height: 35px;
        padding: 30px 0 30px;
    }
    .service_item_section .g-sub-pr h2 {
        font-size: 20px;
        line-height: 25px;
    }
    .service_item_section .g-sub-pr img {
        min-height: 200px;
        max-height: 300px;
    }

}

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

    /* Main settings */

    .g-project img,
    section .g-small-wrap-pr {
        height: 300px;
        max-height: 300px;
    }

    /* Single projects */

    .g-project-gallery .carrousel,
    .g-project-gallery .carrousel .slick-slide {
        height: 280px;
        max-height: 280px;
    }

}



/* artkb.cz (2026-10-05, user): footer columns on phones in the same order as on desktop -
   company details, contact, follow us (the theme reversed them, putting the social icons on top). */
@media screen and (max-width: 991px) {
    .top-foot-g .row-foot { flex-direction: column; }   /* only the columns; the copyright/to-top row keeps its order */
}