@font-face { font-family: "Brandon Grotesque"; font-display: swap; src: url('../fonts/Brandon_reg.otf'); }
@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-style: italic; src: url('../fonts/Brandon_reg_it.otf'); }

@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: bold; src: url('../fonts/Brandon_med.otf'); }
@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: bold; font-style: italic; src: url('../fonts/Brandon_med_it.otf'); }

@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: bolder; src: url('../fonts/Brandon_bld.otf'); }
@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: bolder; font-style: italic; src: url('../fonts/Brandon_bld_it.otf'); }

@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: lighter; src: url('../fonts/Brandon_light.otf'); }
@font-face { font-family: "Brandon Grotesque"; font-display: swap; font-weight: lighter; font-style: italic; src: url('../fonts/Brandon_light_it.otf'); }


html { scroll-behavior: smooth; }

body { font-family: 'Brandon Grotesque', sans-serif; margin: 0; overflow-x: hidden; background-color: white; font-weight: 500; color: #1D1D1F }

    body * { box-sizing: border-box; }


    body.index { padding-top: 110px }

p, h1, h2, h3, h4 input, textarea, label, li, button { font-family: 'Brandon Grotesque'; }

p, input, label, textarea, button { font-size: 18px }

.font_26 { font-size: 26px }
    .font_26 p { font-size: inherit }

img.keep_in_bounds { max-width: 100% }

.m0 { margin: 0 }
.m20 { margin: 20px }
.m40 { margin: 40px }
.m60 { margin: 60px }
.m80 { margin: 80px }
.m100 { margin: 100px }

.mt-0 { margin-top: 0; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }
.mb-100 { margin-bottom: 100px; }

.mr-0 { margin-right: 0; }
.mr-20 { margin-right: 20px; }
.mr-40 { margin-right: 40px; }
.mr-60 { margin-right: 60px; }
.mr-80 { margin-right: 80px; }
.mr-100 { margin-right: 100px; }

.ml-0 { margin-left: 0; }
.ml-20 { margin-left: 20px; }
.ml-40 { margin-left: 40px; }
.ml-60 { margin-left: 60px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }

.p0 { padding: 0 }
.p20 { padding: 20px; }
.p40 { padding: 40px; }
.p60 { padding: 60px; }
.p80 { padding: 80px; }
.p100 { padding: 100px; }

.pt-0 { padding-top: 0; }
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 60px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }

.pb-0 { padding-bottom: 0; }
.pb-20 { padding-bottom: 20px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }

.pr-0 { padding-right: 0; }
.pr-20 { padding-right: 20px; }
.pr-40 { padding-right: 40px; }
.pr-60 { padding-right: 60px; }
.pr-80 { padding-right: 80px; }
.pr-100 { padding-right: 100px; }

.pl-0 { padding-left: 0; }
.pl-20 { padding-left: 20px; }
.pl-40 { padding-left: 40px; }
.pl-60 { padding-left: 60px; }
.pl-80 { padding-left: 80px; }
.pl-100 { padding-left: 100px; }

h2 { font-size: 32px; }

.full_width { width: 100%; }
.full_height { height: 100%; }

.white { color: #FCFCFC }
.black { color: #1D1D1F }

.center_container { position: relative; margin: 0 auto; width: 1200px }
.center_container_wider { position: relative; margin: 0 auto; width: 1400px }
.clothing_categories_container .center_container { max-width: 800px }

.white_background { background-color: #FCFCFC }
.black_background { background-color: #1D1D1F }

.hide_desktop, .hide_desktop_800, .hide_desktop_1000 { display: none !important }
.overflow_hidden { overflow: hidden }

.bold { font-weight: bold }

.banner { height: 500px; width: 100%; border-bottom: 1px solid black }
.background_image_fixed { background-attachment: fixed; }
.banner h1 { font-weight: bold; font-size: 68px }

.shadow_white_text { text-shadow: 2px 2px 6px #1D1D1F; }

input, textarea, form button { width: 100%; font-family: 'Brandon Grotesque'; background-color: #FCFCFC; border: 1px solid gray; height: 40px; margin-top: 20px; border-radius: 4px; outline: none; padding: 0 15px; transition: 0.4s }
    input:first-child { margin-top: 0; }

    input:hover, textarea:hover, form button:hover { border: 1px solid dodgerblue }
    input:focus, textarea:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgb(38 142 253 / 51%); }


    input[type="submit"], form button { background-color: gray; color: white; cursor: pointer; transition: 0.3s; border: none !important }
        input[type="submit"]:hover, form button:hover { background-color: darkgray; }

textarea { height: 120px; padding: 5px 15px }

.center_text { text-align: center; }
.left_text { text-align: left; }
.right_text { text-align: right; }

.flexbox { display: flex; }
.flexbox_even_spaced > * { flex: 1; min-width: 0 }
.flexbox_center { align-items: center }
.flexbox_horizontal_center { justify-content: center; }
.flexbox_space_around { justify-content: space-evenly }
.flex_align_start { align-items: flex-start; }
.flex_align_end { justify-content: flex-end; }

.position_relative { position: relative; }

.flex_centered_text { display: flex; height: 100%; justify-content: center; align-items: center; text-align: center }

.font_light { font-weight: lighter }
.font_normal { font-weight: normal }

a { cursor: pointer; text-decoration: none; color: inherit }
    a.btn { background-color: #FCFCFC; color: #1D1D1F; padding: 15px 60px; margin: 5px; font-weight: bold; display: inline-block }
    a.btn_black { background-color: #1D1D1F !important; color: #FCFCFC !important; }
.container_center { margin: 0 auto; }

.background_image { background-position: center; background-size: cover }

header .nav_part_1, header .nav_part_2 { width: 650px }

header { width: 100%; position: fixed; background-color: white; z-index: 100000; height: 110px; border-bottom: 3px solid #1D1D1F; top: 0 }
    header img { width: 190px; padding: 60px 15px; border: 3px solid #1D1D1F; border-top: 0; position: fixed; background-color: white; z-index: 100000; }
    header a { font-weight: bold; font-size: 26px; margin: 0 auto; backface-visibility: hidden; }
        header a:hover { color: #484848; }

    header .logo_sizer { width: 190px }

.burger_menu_container { width: 100%; height: 100%; z-index: -1000; background-color: #1d1d1fe8; position: fixed; transition: opacity 0.4s }
    .burger_menu_container a { display: block; text-align: center; width: 100%; font-size: 34px !important; margin: 30px 0 }

.burger { padding-top: 15px; padding-bottom: 15px; flex: 1; justify-content: flex-end; }
.burger_container { margin-right: 20px; cursor: pointer; }
    .burger_container > div { width: 30px; height: 1px; background-color: #1D1D1F; margin: 8px 0; transition: 0.4s }

    .burger_container.open .second { opacity: 0 }

    .burger_container.open .first { transform: rotate(45deg) translateY(12px); }
    .burger_container.open .third { transform: rotate(-45deg) translateY(-12px); }

.burger_menu_container .social_icons img { background-color: transparent !important; height: 30px !important; width: auto !important; margin-top: 3px; }

footer { width: 100%; background-color: #1D1D1F }
    footer .top { background-color: #1D1D1F; padding: 20px 10px }
        footer .top .center_container { margin: 0 auto; max-width: 1200px; width: 100% }
            footer .top .center_container > div { flex: 1 }
        footer .top h2 { font-size: 40px; font-weight: lighter; margin: 0 }
        footer .top h4 { letter-spacing: 2px; font-weight: normal }
        footer .top a { display: block; margin: 20px 0; font-size: 16px }

        footer .top img { height: 100px; margin-top: 30px; }

    footer .bottom { padding: 10px 50px; background-color: black; color: #a2a2a2 }
        footer .bottom .center_container { justify-content: space-between; margin: 0 auto; max-width: 1200px; width: 100% }
        footer .bottom a { color: #FCFCFC }
        footer .bottom p { font-size: 16px }


.contact_btn { flex: 1 }
    .contact_btn a { margin: 0 }
    .contact_btn img { width: auto; height: 31px; margin: 14px 0px 0px 10px; }

.social_icons a { margin-left: 10px; font-weight: normal; font-size: 20px; margin-top: 20px; margin-bottom: 20px; }
    .social_icons a:last-child { margin-right: 20px; }
footer .social_icons a { margin-left: 10px !important; font-size: 20px !important; margin-top: 0 !important; margin-bottom: 20px !important; }

footer .social_icons img { height: 19px; margin-top: 0 }

i { transition: 0.3s }
.social_icons i:hover { color: #bdbdbd }

.slide_show { height: 600px; position: relative }
    .slide_show h3 { font-weight: normal; font-size: 36px }
    .slide_show .slide1 { background-image: url('../images/slideshow/manufacturing-partner.webp'); }
    .slide_show .slide2 { background-image: url('../images/slideshow/your-partner.webp'); }
    .slide_show .slide3 { background-image: url('../images/slideshow/creative-hub.webp'); }

    .slide_show .slider_content { font-size: 26px; background-color: #1d1d1f80; color: #f1f1f1; text-shadow: 2px 2px 6px #1D1D1F; }

.swiper-pagination-bullet { border: 1px solid #FCFCFC; width: 12px !important; height: 12px !important; }
.swiper-pagination-bullet-active { background: #FCFCFC !important; }
.swiper-pagination { bottom: 30px !important }


.what_we_do_container .flexbox { align-items: center; }
.what_we_do_container .slider { flex: 2; display: grid; }
.what_we_do_container .slider_categories { flex: 1; margin-left: 60px; color: #1d1d1f80; }
    .what_we_do_container .slider_categories h2 { font-weight: bold; font-size: 32px; margin: 20px 0; cursor: pointer; }
        .what_we_do_container .slider_categories h2 span { font-size: 14px }


.what_we_do_container .swiper-container { width: 100%; height: 500px; margin: 0; color: #FCFCFC }
.what_we_do_container .swiper-slide { display: flex; align-items: center; background-position: center; background-size: cover; }
.what_we_do_container .background_fade { width: 100%; height: 100%; background-color: #00000075; display: flex; align-items: center; }
.what_we_do_container .swiper-slide .content { width: 50%; margin: 0 auto; text-align: center; }
.what_we_do_container .swiper-slide h4 { font-size: 48px; margin: 0 }
.what_we_do_container .swiper-slide a { margin-top: 30px }

.what_we_do_container .swiper-pagination-bullet { background-color: #FCFCFC !important; }
.what_we_do_container .swiper-button-prev, .what_we_do_container .swiper-button-next { color: #FCFCFC !important; }
.what_we_do_container .swiper-pagination-bullet { height: 10px !important; width: 10px !important; margin: 0px 10px !important; }
.what_we_do_container .swiper-container-horizontal > .swiper-pagination-bullets, .what_we_do_container .swiper-pagination-custom, .what_we_do_container .swiper-pagination-fraction { bottom: 25px !important }


.clothing_categories_container { padding: 30px; background-color: black }
    .clothing_categories_container .flexbox > div { height: 800px; margin: 0 30px; position: relative }
.category_readytowear { background-image: url(../images/readytowear.webp); background-position: center; background-size: cover }
.category_couturecocktail { background-image: url(../images/couture&cocktail.webp); background-position: center; background-size: cover }
.category_knitwear { background-image: url(../images/knitwear.jpg); background-position: calc(50% - 80px) 50%; background-size: cover }
.category_leatherdenim { background-image: url(../images/leather&denim.jpg); background-position: center; background-size: cover }
.category_resortswimwear { background-image: url(../images/resort&swim.webp); background-position: calc(50% - -40px) 50%; background-size: cover }
.category_atelier { background-image: url(../images/atelier.webp); background-size: cover }

.subcat_designservices { background-image: url(../images/DESIGN-SERVICES.jpeg); background-position: center; background-size: cover }
.subcat_productdevelopment { background-image: url(../images/PRODUCT-DEVELOPMENT.jpg); background-position: center; background-size: cover }
.subcat_production { background-image: url(../images/production-small.webp); background-position: center; background-size: cover }
.subcat_sustainability { background-image: url(../images/sustainability-small.webp); background-position: center; background-size: cover }
.subcat_sourcing { background-image: url(../images/sourcing.webp); background-position: center; background-size: cover }
.subcat_ethical_manufatoring { background-image: url(../images/ethical-manufactoring-small.webp); background-position: center; background-size: cover }

.subcat_gallery { background-image: url(../images/gallery.webp); }
.subcat_corevalues { background-image: url(../images/Culture_Core_Values.jpg); }
.subcat_managementteam { background-image: url(../images/management-team-new-min.jpg); }

.subcategory_readytowear { background-image: url(../images/readytowear.webp); background-size: cover; background-position: 0 -80px; }
.subcategory_couturecocktail { background-image: url(../images/couture&cocktail.webp); background-size: cover }
.subcategory_knitwear { background-image: url(../images/knitwear.jpg); background-position: center; background-size: cover }
.subcategory_leatherdenim { background-image: url(../images/leather&denim.jpg); background-size: cover; background-position: 0 -140px; }
.subcategory_resortswimwear { background-image: url(../images/resort&swim.webp); background-position: center; background-size: cover }
.subcategory_atelier { background-image: url(../images/atelier.webp); background-size: cover; background-position: bottom; }




.category_content { position: relative }
    .category_content .brixon_text_background { position: absolute; text-align: center; font-size: 4.4vw; left: -7px; color: #2727276b; font-weight: bold; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0 }
    .category_content h2 { font-size: 30px; font-weight: bold; margin: 0; z-index: 1; margin-top: -6px; }
.clothing_categories_container a { text-decoration: none !important; color: inherit }

.category_content h2 { color: white; text-shadow: 2px 2px 6px #1d1d1f; }
.category_couturecocktail h2, .category_leatherdenim h2, .category_resortswimwear h2, .category_atelier h2 { color: white; text-shadow: 2px 2px 6px #1d1d1f; }
.category_couturecocktail .brixon_text_background, .category_leatherdenim .brixon_text_background, .category_resortswimwear .brixon_text_background, .category_atelier .brixon_text_background { color: #a2a2a26b }
.clothing_categories_container .overflow_hidden div, .what_we_do_flexbox .overflow_hidden div, .meet_the_team .overflow_hidden div { transition: 0.5s }
    .clothing_categories_container .overflow_hidden div:hover, .what_we_do_flexbox .overflow_hidden div:hover, .meet_the_team .overflow_hidden div:hover { transform: scale(1.1); }
.clothing_categories_container h3 { font-size: 40px }

.categories_image_slider_container { border-top: 2px solid black; padding: 40px; position: relative; background-color: white; height: 550px }
.category_slider_image { height: 100%; width: auto }
.category_slider_image_reversed { width: 100%; height: auto }

.contact_table { font-size: 20px; }
    .contact_table tr { font-size: 20px; vertical-align: top; }
    .contact_table i { margin-bottom: 15px; font-size: 30px; margin-right: 10px }

.map { width: 100%; margin-top: 20px; height: 400px; }

.g-recaptcha { margin-top: 20px; }

.category_page_image { height: 100%; width: auto }
.categories_flexbox > div:first-child { flex: 1 }
.categories_flexbox > div:last-child { flex: 2 }

.categories_flexbox .category_readytowear { background-position: top }
.categories_flexbox .category_atelier { background-position: bottom }

.category_page_image h1 { color: white; text-shadow: 2px 2px 6px #1d1d1f; font-size: 48px; z-index: 10 }
.category_page_image .category_content .brixon_text_background { font-size: 6.4vw }

.category_content_container .brixon_text_background { text-align: right; position: fixed; right: 0; margin: 0; margin-right: -17px }
    .category_content_container .brixon_text_background p { font-size: 140px; color: #27272730; font-weight: bold; margin:0 }

.brixon_text_background .navigation { margin-right:30px; margin-top:30px }
    .brixon_text_background .navigation p { font-size: 30px; display: block !important; }
    .brixon_text_background .navigation .fa-chevron-left { margin-right: 10px }
    .brixon_text_background .navigation .fa-chevron-right { margin-left: 10px }

.category_content_container .main_content { margin: 170px 0 170px; padding: 30px; width: 800px }
    .category_content_container .main_content p { font-size: 26px }

.category_logo_container { width: 70%; height: 150px; background-color: black; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); text-align: center }
    .category_logo_container img { height: 50px; width: auto; flex: 1; margin: 0 15px }
    .category_logo_container .flexbox { height: 100%; align-items: center; }

.main_content_atelier { margin: 100px 0 !important }


.terms_and_conditions_container li { font-size: 18px }

.what_we_create_flexbox > div, .what_we_do_flexbox > div { height: 350px }
    .what_we_do_flexbox > div:first-child { margin-right: 10px; }
    .what_we_do_flexbox > div:last-child { margin-left: 10px; }

.what_we_do_flexbox .category_content h2 { font-size: 48px }

.gray_background { background-color: #f5f5f5; }

.responsive { padding: 40px 40px; float: left; width: 19.99999%; }

.max_width_image { width: 100%; height: auto }

div.gallery img { width: 90%; height: auto; }

.clearfix:after { content: ""; display: table; clear: both; }

.what_we_do_page_text { padding: 0 150px; }

.design_services_image { width: 100%; height: 300px }
    .design_services_image.image1 { background-image: url('../images/design-services/image1-min.jpg'); }
    .design_services_image.image2 { background-image: url('../images/design-services/image2-min.jpg'); margin: 0 30px; }
    .design_services_image.image3 { background-image: url('../images/design-services/image3-min.jpg'); }

.product_development_image { width: 100%; height: 500px }
    .product_development_image.image1 { background-image: url(../images/product-development/1-min.jpg); }
    .product_development_image.image2 { background-image: url(../images/product-development/2-min.jpg); margin: 0 15px 0 30px; }
    .product_development_image.image3 { background-image: url(../images/product-development/3-min.jpg); margin: 0 30px 0 15px; }
    .product_development_image.image4 { background-image: url(../images/product-development/4-min.jpg); }

.production_image { width: 100%; height: 300px }
    .production_image.image1 { background-image: url(../images/production/1-min.jpg); }
    .production_image.image2 { background-image: url(../images/production/2-min.jpg); margin: 0 30px; }
    .production_image.image3 { background-image: url(../images/production/3-min.jpg); }

.ethical_manufactoring_image { width: 100%; height: 300px }
    .ethical_manufactoring_image.image1 { background-image: url(../images/ethical-manufactoring/1-min.jpg); }
    .ethical_manufactoring_image.image2 { background-image: url(../images/ethical-manufactoring/2-min.jpg); margin: 0 30px; }
    .ethical_manufactoring_image.image3 { background-image: url(../images/ethical-manufactoring/3-min.jpg); }

.sustainability_image { width: 100%; height: 400px }
    .sustainability_image.image1 { background-image: url(../images/sustainability/1.jpg); margin-right: 15px }
    .sustainability_image.image2 { background-image: url(../images/sustainability/2.jpeg); margin-left: 15px }

.sourcing_image { width: 100%; height: 300px }
    .sourcing_image h2 { color: white; text-shadow: 2px 2px 6px #1d1d1f; }
    .sourcing_image.image1 { background-image: url(../images/sourcing/1-min.jpg) }
    .sourcing_image.image2 { background-image: url(../images/sourcing/2-min.jpg); }
    .sourcing_image.image3 { background-image: url(../images/sourcing/3-min.jpg); }

.sourcing_image_spacer { margin: 0 40px }

.core_values_section_a > div:first-child, .core_values_section_b > div:last-child { flex: 3 }
.core_values_section_a > div:last-child, .core_values_section_b > div:first-child { flex: 2 }

.core_values_section_a > div:first-child, .core_values_section_b > div:first-child { padding-right: 30px }

.team_member_container { background: linear-gradient( 180deg, transparent 15%, #bfbfbf 15%); }
    .team_member_container .gray_background { background-color: #F2F2F2; }

.categories_image_slider_container .swiper-button-prev, .categories_image_slider_container .swiper-button-next { color: #1D1D1F }

.meet_the_team .category_content h2 {font-size:38px}

.what_we_do_nav {position:absolute; width:100%; z-index:100}
    .what_we_do_nav p { color: #27272730; font-weight: bold; font-size:36px}
    .what_we_do_nav div:first-child { float:right; margin-right:10px}
    .what_we_do_nav div:last-child { margin-left:10px}
    .what_we_do_nav div:first-child i { margin-left:10px}
    .what_we_do_nav div:last-child i { margin-right:10px}

.management_team_padding {padding:0 30px}

@media only screen and (max-width:1600px) { header a { font-size: 22px; }
    header a.pl-40 { padding-left: 10px; }
    header a.pr-40 { padding-right: 10px; }

    .clothing_categories_container .category_content h2 { font-size: 24px }
    .clothing_categories_container .flexbox > div { margin: 0 15px; }
    .clothing_categories_container { padding: 30px 15px }
}


@media only screen and (max-width:1400px) {
    .center_container_wider { width: 100%; padding-left: 10px; padding-right: 10px }
    .what_we_do_container .slider_categories h2 { font-size: 26px; margin: 25px 0 }
}

@media only screen and (max-width:1300px) {
    header a { font-size: 20px; }
}


@media only screen and (max-width:1200px) {
    .center_container { width: 100%; padding-left: 10px; padding-right: 10px }
    .category_logo_container { position: static; width: 100%; height: auto; transform: none }
        .category_logo_container .flexbox { height: unset; padding: 30px 15px }
        .category_logo_container img { height: 44px }
    .category_content_container .brixon_text_background p { display: none; }

    .category_content_container .main_content { width: 100% }
    .hide_mobile_1200 { display: none !important }

    .categories_image_slider_container { height: 350px; padding: 20px }
}

@media only screen and (max-width:1000px) {
    .hide_mobile_1000 { display: none !important }
    .hide_desktop_1000 { display: flex !important }
    .flex_block_mobile_1000 { display: block !important }

    .clearfix:after { content: ""; display: none; clear: none; }
    .clearfix_mobile_1000:after { content: ""; display: table; clear: both; }

    header .logo_container { text-align: center }
    header { height: 65px }
    body.index { padding-top: 65px }

    header > .flexbox { padding-bottom: 0 }
    header .logo_container { flex: 1 }
    header .logo_sizer { width: 130px }
    header img { width: 150px; padding: 0; position: static; margin-top: 13px; border: none }

    header .social_icons { flex: 1 }

    .clothing_categories_container { padding: 15px }
        .clothing_categories_container .flexbox > div { margin: 15px 0; }
        .clothing_categories_container .category_content h2 { font-size: 30px }
        .clothing_categories_container .category_content .brixon_text_background { font-size: 70px; }

        .clothing_categories_container .flexbox > div { height: 350px }
            .clothing_categories_container .flexbox > div:first-child { margin-top: 0 }

        .clothing_categories_container .category_readytowear { background-position: top; }
        .clothing_categories_container .category_couturecocktail { background-position: top; }
        .clothing_categories_container .category_knitwear, .clothing_categories_container .category_resortswimwear { background-position: center; }
        .clothing_categories_container .category_atelier { background-position: bottom; }


    .subcategory_leatherdenim, .subcategory_couturecocktail { background-position: center }
    .subcategory_readytowear { background-position: center -20px; }

    .what_we_do_container .slider_categories h2 { font-size: 22px; }

    .responsive { width: 49.99999%; }

    .category_content .brixon_text_background { font-size: 60px }

    .remove_margin_top { margin-top: 40px !important }
    .what_we_do_nav p {font-size:24px}
}

@media only screen and (max-width:800px) {
    .p20_mobile { padding: 20px }
    .hide_mobile_800 { display: none !important }
    .hide_desktop_800 { display: block !important }
    .remove_horizontal_padding_800 { padding-right: 0; padding-left: 0 }

    .remove_side_margins_wider { margin-left: 0; margin-right: 0 }
    .flex_block_mobile_wider { display: block !important }
        .flex_block_mobile_wider > div:not(:first-child) { margin-top: 40px }
    .text_align_center_mobile_wider { text-align: center; }
    .margin_mobile_wider { margin-right: 10px; margin-left: 10px }

    .contact_table { margin: 0 auto }
    .banner { height: 400px }
        .banner h1 { font-size: 54px }

    .clothing_categories_container .center_container { width: 100% }
    .clothing_categories_container h3 { font-size: 26px }

    .category_logo_container img { height: 70px }

    .category_content_container .main_content { margin: 20px 0 30px }
    .category_page_image { height: 400px; background-attachment: fixed }
    .what_we_do_container .swiper-slide .content { width: 70% }
    .what_we_do_container .swiper-slide h4 { font-size: 32px }

    .what_we_do_page_text { padding: 0 }
    .design_services_image.image2, .product_development_image.image2, .product_development_image.image3, .sourcing_image_spacer, .production_image.image2, .ethical_manufactoring_image.image2, .sustainability_image.image1, .sustainability_image.image2 { margin: 0; }

    .design_services_image, .product_development_image, .production_image, .ethical_manufactoring_image, .sustainability_image { margin-top: 20px !important }
    .what_we_do_title { padding-top: 40px !important }
    .core_values_section_a > div:first-child, .core_values_section_b > div:first-child { padding-right: 0 }

    .what_we_do_flexbox .category_content h2 { font-size: 36px }
    .main_content_atelier {margin:0 !important}

    .category_content_container .brixon_text_background { width: 100%; position: absolute; margin-right: 0 }
        .category_content_container .brixon_text_background br { display: none }
        .category_content_container .brixon_text_background .navigation { margin-top: -10px; margin-right: 0 }
            .category_content_container .brixon_text_background .navigation p { display: inline-block !important; font-size:24px }
        .category_content_container .brixon_text_background .smallerfont p { font-size:20px }
            .category_content_container .brixon_text_background .navigation a:first-child { float: left }
}

@media only screen and (max-width:600px) {
    .remove_side_margins { margin-left: 0; margin-right: 0 }
    .hide_desktop { display: block !important }
    .flexbox.hide_desktop { display: flex !important }
    .hide_mobile { display: none !important }
    .flex_block_mobile { display: block !important }
    .margin_mobile { margin-right: 5px; margin-left: 5px }
    .text_align_center_mobile { text-align: center; }
    a.btn { padding: 15px 30px; }
    .center_container, center_container_wider { text-align: center; padding: 0 10px }
    .justify_center_mobile { justify-content: center }
    .center_text_mobile { text-align: center }
    .banner h1 { font-size: 44px }

    .banner.background_image_fixed { background-attachment: initial }

    .slide_show h3 { padding: 0 20px; font-size: 31px }

    .categories_flexbox .category_readytowear { background-position: 50% 55px }
    .what_we_create_flexbox > div, .what_we_do_flexbox > div { height: 300px }
        .what_we_do_flexbox > div:first-child { margin-right: 0; }
        .what_we_do_flexbox > div:last-child { margin-left: 0; margin-top: 20px }

    .what_we_do_banner { background-position: 78%; }

    .subcategory_resortswimwear { background-position: calc(50% - -23px) 50%; }

    .responsive { width: 100%; padding: 30px 10px }
    .what_we_do_container .swiper-slide .content { width: 76% }

    .what_we_do_container .slider_categories { margin-left: 0 }
        .what_we_do_container .slider_categories h2 { text-align: center; margin: 15px 0 }

    .categories_image_slider_container { height: 300px; padding:20px 30px }
        .categories_image_slider_container .swiper-button-prev { left:0 }
        .categories_image_slider_container .swiper-button-next { right:0 }

    .remove_margin_top { margin-top: 0 !important }
    .gallery img.mt-60, .gallery p.mt-60 { margin-top: 0 !important }
    .what_we_do_nav { top: 91px; }
        .what_we_do_nav div:first-child { float: right; margin-right: 5px }
        .what_we_do_nav div:last-child { margin-left: 5px }
    .what_we_do_title {padding-left: 20px; padding-right:20px}
    .meet_the_team .category_content h2 {font-size:23px}
}