/* =============================================================================
   shared/our-partners.css
   Extracted from style.css. Loaded only on: block klanten, page-template/template-klanten.php, taxonomy-klanten_category.php
============================================================================= */

.our_partner_section .outer_part {display: flex;flex-wrap: wrap;position: relative;}
.our_partner_section .left_text {width: 406px;padding-right: 56px;}
.our_partner_section .right_logos {width: calc(100% - 406px);display: flex;flex-wrap: wrap;gap: 0 28px;}
.our_partner_section .right_logos .logo_card {display: grid; width: calc(20% - 23px);text-align: center; justify-content: center; align-items: center;}
.our_partner_section .right_logos.full {width: 100%;gap: 0 55px;}
.our_partner_section .right_logos.full .logo_card {width: calc(20% - 44px); display: flex;align-items: center;justify-content: center;}
.our_partner_section .right_logos.full .logo_card img {max-width: 100%;max-height: 100%;object-fit: contain;}

@media only screen and (max-width:1023px) {
    .our_partner_section .right_logos .logo_card {width: calc(25% - 21px);}
    .our_partner_section .right_logos.full .logo_card {width: calc(25% - 42px);}
    .our_partner_section .left_text {width: 360px;padding-right: 30px;}
    .our_partner_section .right_logos {width: calc(100% - 360px);}
}

@media only screen and (max-width:767px) {
    .our_partner_section .left_text {width: 100%;padding-right: 0;margin-bottom: 40px;}
    .our_partner_section .right_logos {width: 100%;}
    .our_partner_section .left_text .btn_one {display: none;}
    .our_partner_section  .btn_one.desktop_hidden {display: inline-flex;margin-top: 30px;}
}

@media only screen and (max-width:600px) {
    .our_partner_section .right_logos {gap: 0 16px;}
    .our_partner_section .right_logos .logo_card {width: calc(25% - 12px);}
    .our_partner_section .left_text {margin-bottom: 10px;}
    .our_partner_section .right_logos.full {gap: 0 20px;}
    .our_partner_section .right_logos.full .logo_card {width: calc(33.33% - 14px);}
}