/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* BRAND SPECIFIC STYLES */
   

@media all {
    /* --- Brand fonts -----------------------------------*/
    h2.brand_text_small_capitalized  { font-size:.9rem; font-weight:800; text-transform:uppercase; margin-bottom:10px; }

    /* hero slide controls */
    .brand_slider_controls { position:absolute; bottom:var(--spacing-1L); left:50%; transform:translateX(-50%); gap:var(--spacing-3S); z-index:10; }
    .brand_slider_controls button { margin:0px var(--spacing-4S); padding:var(--spacing-2S); color:var(--color-white); border:1px var(--color-white) solid; border-radius:var(--spacing-2S); }

    /* ------------- */
    /* --- Style 1 (one row / two columns at different sizes. One for image. One for content -----------------------------------*/
    .brand_row_style_1 .flex_row .box:nth-child(1) { width:40%; }
    .brand_row_style_1 .flex_row .box:nth-child(1) img { display:block; margin:0px; width:90%; max-height:600px; padding:20% 0px 20% 10%; object-fit:cover; object-position:left top; }
    .brand_row_style_1 .flex_row .box:nth-child(2) { width:55%; }
    .brand_row_style_1 .flex_row .box:nth-child(2) .body { padding:10% 20% 10% 0%; }

    .brand_row_style_1.has_icon img.icon { position:absolute; bottom:10%; right:20%; width:20%; max-width:200px; z-index:1; }

    /* images */
    .brand_image_right { background-position:right center; }
    .brand_image_right .flex_row  { flex-direction:row-reverse; }
    .brand_image_right .flex_row .box:nth-child(2) .body { padding:10% 0% 10% 20%; }

    /* icons */
    .brand_icon_top_left,
    .brand_icon_center_right { width:16%; max-width:140px; z-index:1; }

    .brand_icon_top_left { position: absolute; top:10%; left:1%;}
    .brand_icon_center_right { position: absolute; top:50%; right:1%; width:16%;}

    /* bars */
    .brand_bar_blue { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/background/i_background_brand_blue_100.jpg); background-size:15%; background-repeat:repeat-y; }
    .brand_bar_green { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/background/i_background_brand_green_100.jpg); background-size:15%; background-repeat:repeat-y; }
    .brand_bar_cyan { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/background/i_background_brand_cyan_100.jpg); background-size:15%; background-repeat:repeat-y; }
    .brand_bar_yellow { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/background/i_background_brand_yellow_100.jpg); background-size:15%; background-repeat:repeat-y; }

    /* ------------- */
    /* --- Style 2 (one row / two equal column sizes) -----------------------------------*/
    .brand_row_style_2 .flex_row { align-items:flex-start; }
    .brand_row_style_2 .flex_row .box { width:45%; }

    .brand_row_style_2 .flex_row .box .photo { position:relative; }
    .brand_row_style_2 .flex_row .box .photo img:first-of-type { display:block; margin:0px; width:100%; height:400px; object-fit:cover;  }
    
    .brand_row_style_2 .flex_row .box .body { padding-top:40px; }

    /* ------------- */
    /* --- Style 3 (one row / two equal column sizes with image on right and overlapping the bottom) -----------------------------------*/
    .brand_row_style_3 .flex_row { align-items:flex-start; flex-direction:row-reverse; }
    .brand_row_style_3 .flex_row .box { width:45%; position:relative; margin:40px 0px; }
    .brand_row_style_3 .flex_row .box:nth-child(1) .body img.main { width:100%; max-height:600px; object-fit:cover; object-position:left top; }
    .brand_row_style_3 .flex_row .box:nth-child(1) .body img.icon { position:absolute; bottom:10%; right:2%; display:inline-block; width:20%; max-width:100px; z-index:1; }

    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:10% 0px 20% 20%; }

    /* ------------- */
    /* --- Style 4 (one row / two columns at different sizes of 40% and 60%. One for image. One for content -----------------------------------*/
    .brand_row_style_4 .flex_row .box:nth-child(1) { width:40%; }
    .brand_row_style_4 .flex_row .box:nth-child(1) img { display:block; margin:0px; width:100%; max-height:600px; object-fit:cover; object-position:left top; padding:80px 0px; }
    .brand_row_style_4 .flex_row .box:nth-child(2) { width:55%; }
    .brand_row_style_4 .flex_row .box:nth-child(2) .body { padding:80px 20% 80px 0px; }

    /* ------------- */
    /* --- Style 5 one box with content and the bg for a photo, but laid out as 50/50 split -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_5.png */
    .brand_row_style_5 { max-width:1400px; margin:0px auto; }
    .brand_row_style_5 img.photo { position:absolute; left:5%; width:50%; z-index:1; }

    .brand_row_style_5 .container_row { margin-top:var(--spacing-5L); padding:calc(var(--spacing-3L) * 3) 5% var(--spacing-5L) 45%; width:50%; }
    .brand_row_style_5 .container_row_content { position:relative; padding:calc(var(--spacing-3L) * 2) var(--spacing-4L); color:var(--color-white); background-color:var(--color-cyan);z-index:2; }
    
    .brand_row_style_5 h2 { color:var(--color-white); }
    .brand_row_style_5 h3 { color:var(--color-white); }
    .brand_row_style_5 a { color:var(--color-white); }

    .brand_row_style_5 .container_row_content img.icon { position:absolute; top:calc(-2 * var(--spacing-3L)); right:var(--spacing-2L); width:50%; max-width:200px; z-index:1; }

    /* ------------- */
    /* --- Style 6 two boxes side by side, with graphis on the right and icon overlapping graphic -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_6.png */
    .brand_row_style_6 .flex_row { max-width:1400px; margin:0px auto; }
    .brand_row_style_6 .flex_row .photo { position:relative; width:45%; }
    .brand_row_style_6 .flex_row .photo img { display:block; margin:0px 0px 0px 5%; width:95%; max-height:600px; object-fit:cover; object-position:left top; padding:20% 0px; }
    .brand_row_style_6 .flex_row .photo img.icon { display:block; width:35%; max-height:initial; }

    .brand_row_style_6 .flex_row .content { position:relative; width:50%; }

    .brand_row_style_6 h2 { margin:0px 0px var(--spacing-1S) 0px; padding:0px; }
    .brand_row_style_6 p:not(:last-of-type) { margin-bottom:var(--spacing-1L); }

    .brand_row_style_6 img.icon { position:absolute; top:80%; right:5%; width:40%; max-width:200px; z-index:1; }

    /* ------------- */
    /* --- Style 7 - two boxes side by side, with graphics on the right and icon overlapping graphic -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_7.png */
    .brand_row_style_7 .container_row_content { padding-top:0px; padding-bottom:0px; }
    .brand_row_style_7 .flex_row .box { width:50%; min-height:500px; }
    .brand_row_style_7 .flex_row .box:nth-child(2) { margin:calc(var(--spacing-4L) * 3) 0px var(--spacing-5L) 0px;  }
    .brand_row_style_7 .flex_row .box .body { padding:var(--spacing-4L); }
    .brand_row_style_7 .flex_row .box .icon { position:absolute; bottom:-20%; right:var(--spacing-2L); width:30%; max-width:140px; z-index:1; }

    /* ------------- */
    /* --- Style 8 - two boxes side by side, with big icon on the right box and a background for the entire row  -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_8.png */
    .brand_row_style_8 { color:var(--color-white);  background-size:cover; background-position:center center; background-color:var(--color-blue); }
    .brand_row_style_8 h2 { color:var(--color-white); font-size:var(--font-size-3L); }

    .brand_row_style_8 .container_row_content { padding:calc(var(--spacing-4L) * 2) 0px; }

    .brand_row_style_8 .flex_row .box.content { width:55%; }
    .brand_row_style_8 .flex_row .box.photo { width:45%; text-align:right; }
    .brand_row_style_8 .flex_row .box.photo img.icon { display:inline-block; width:80%; margin:0px auto; }

    /* ------------- */
    /* --- Style 9 - two boxes side by side, with big icon on the right box -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_9.png */
    .brand_row_style_9 .flex_row .box { width:50%; }
    .brand_row_style_9 .flex_row .box.photo img.icon { display:block; margin:0px auto; width:90%; max-width:240px; }

    .brand_row_style_9.bigger_content .flex_row .box.photo { width:30%; }
    .brand_row_style_9.bigger_content .flex_row .box.content { width:70%; }

    /* ------------- */
    /* --- Style 10 - used for forms and simple layouts only -----------------------------------*/
    .brand_row_style_10 { background-color:var(--color-white); }
    .brand_row_style_10 .container_row { padding:var(--spacing-4L) 0px; }
    .brand_row_style_10 .container_row_content { padding:var(--spacing-2L) 0px; }
    .brand_row_style_10 .container_row_content .back_link { margin-bottom:var(--spacing-2L); padding-bottom:var(--spacing-2S); border-bottom:6px var(--color-blue) solid; }
    .brand_row_style_10 .container_row_content .back_link a { display:inline-block; padding-left:var(--spacing-1S); color:var(--color-blue); font-size:var(--font-size-1S); background-position:left center; background-size: 10px; background-repeat: no-repeat; background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_arrow_back_blue.png); }
    .brand_row_style_10 .container_row_content .back_link a:hover,
    .brand_row_style_10 .container_row_content .back_link a:focus { color:var(--color-cyan); background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_arrow_back_cyan.png); }

    .brand_row_style_10 .property_group .material-icons { vertical-align:middle; }

    /* ------------- */
    /* --- Style 11 two boxes side by side, with graphics on the left and icon on the right, below text -----------------------------------*/
    /* sample: https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/samples/brand_style_11.png */
    .brand_row_style_11 .flex_row { max-width:1400px; margin:0px auto; }
    .brand_row_style_11 .flex_row .box { position:initial; }

    .brand_row_style_11 .flex_row .photo { position:relative; width:45%; }
    .brand_row_style_11 .flex_row .photo img { display:block; margin:0px 0px 0px 5%; width:85%; max-height:600px; object-fit:cover; object-position:left top; padding:20% 0px; }
    
    .brand_row_style_11 .flex_row .content { width:55%; }
    .brand_row_style_11 .flex_row .content .body { padding:0px var(--spacing-1L); }

    .brand_row_style_11 .flex_row .content h2 { margin:0px 0px var(--spacing-1S) 0px; padding:0px; }
    .brand_row_style_11 .flex_row .content p { margin:0px; padding:0px; color:var(--color-white); font-weight:var(--font-weight-bold); }
    .brand_row_style_11 .flex_row .content p:not(:last-of-type) { margin-bottom:var(--spacing-1L); }

    .brand_row_style_11 .flex_row .content img.icon { position:absolute; bottom:10%; right:10%; width:40%; max-width:240px; z-index:1; }

    /* ------------- */
    /* --- Style 12 - single, small box on one page -----------------------------------*/
    .brand_row_style_12 { background-color:var(--color-blue); }
    .brand_row_style_12 .container_row { padding:var(--spacing-4L) 0px; }
    .brand_row_style_12 .container_row_content { padding:var(--spacing-4L); background-color:var(--color-white); border-radius:var(--spacing-0); }
    .brand_row_style_12 .container_row_content .back_link { margin-bottom:var(--spacing-2L); padding-bottom:var(--spacing-2S); border-bottom:6px var(--color-blue) solid; }
    .brand_row_style_12 .container_row_content .back_link a { display:inline-block; padding-left:var(--spacing-1S); color:var(--color-blue); font-size:var(--font-size-1S); background-position:left center; background-size: 10px; background-repeat: no-repeat; background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_arrow_back_blue.png); }
    .brand_row_style_12 .container_row_content .back_link a:hover,
    .brand_row_style_12 .container_row_content .back_link a:focus { color:var(--color-cyan); background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_arrow_back_cyan.png); }

    /* ------------------------------------------------------------------------------- */
    /* --- common to all styles -----------------------------------*/
    .brand_bg_blue { background-color:var(--color-blue); color:var(--color-white); }
    .brand_bg_blue a:not(.transparent_white_button):hover,
    .brand_bg_blue a:not(.transparent_white_button):focus { color:var(--color-white); }

    .brand_bg_cyan { background-color:var(--color-cyan); color:var(--color-white); } 
    .brand_bg_cyan a,
    .brand_bg_cyan ul { color:var(--color-white); }

    .brand_bg_green { background-color:var(--color-green); }
    .brand_bg_yellow { background-color:var(--color-yellow); }

    .brand_bg_blue_with_white_bottom { background-image:linear-gradient(var(--color-blue) 80%, var(--color-white) 20%); background-repeat:no-repeat;  color:var(--color-white); }
    .brand_bg_cyan_with_white_bottom { background-image:linear-gradient(var(--color-cyan) 80%, var(--color-white) 20%); background-repeat:no-repeat;  color:var(--color-white); }
    .brand_bg_white_with_cyan_bottom { background-image:linear-gradient(var(--color-white) 80%, var(--color-cyan) 20%); background-repeat:no-repeat; }

    .brand_bg_blue h1,
    .brand_bg_blue .mimic_h1,
    .brand_bg_blue h2,
    .brand_bg_blue .mimic_h2,
    .brand_bg_blue h3,
    .brand_bg_blue h4,
    .brand_bg_blue .small_text,
    .brand_bg_blue .large_text,
    .brand_bg_blue .larger_text,
    .brand_bg_blue .largest_text,
    .brand_bg_cyan h1,
    .brand_bg_cyan .mimic_h1,
    .brand_bg_cyan h2,
    .brand_bg_cyan .mimic_h2,
    .brand_bg_cyan h3,
    .brand_bg_cyan h4,
    .brand_bg_blue_with_white_bottom h1,
    .brand_bg_blue_with_white_bottom .mimic_h1,
    .brand_bg_blue_with_white_bottom h2,
    .brand_bg_blue_with_white_bottom .mimic_h2,
    .brand_bg_blue_with_white_bottom h3,
    .brand_bg_blue_with_white_bottom h4,
    .brand_bg_cyan_with_white_bottom h1,
    .brand_bg_cyan_with_white_bottom .mimic_h1,
    .brand_bg_cyan_with_white_bottom .mimic_h2,
    .brand_bg_cyan_with_white_bottom h2,
    .brand_bg_cyan_with_white_bottom h3,
    .brand_bg_cyan_with_white_bottom h4
    { color:var(--color-white); }

    .brand_bg_lighter_gray { background-color:var(--color-lighter-gray); }
    .brand_bg_light_gray { background-color:var(--color-light-gray); }

    .brand_shadow_blue_bottom_right { -webkit-box-shadow: 30px 30px 0px -10px var(--color-blue); box-shadow: 30px 30px 0px -10px var(--color-blue); } 
    .brand_shadow_cyan_bottom_right { -webkit-box-shadow: 30px 30px 0px -10px var(--color-cyan); box-shadow: 30px 30px 0px -10px var(--color-cyan); } 
    .brand_shadow_green_bottom_right { -webkit-box-shadow: 30px 30px 0px -10px var(--color-green); box-shadow: 30px 30px 0px -10px var(--color-green); } 
    .brand_shadow_yellow_bottom_right { -webkit-box-shadow: 30px 30px 0px -10px var(--color-yellow); box-shadow: 30px 30px 0px -10px var(--color-yellow); } 

    .brand_shadow_and_background_with_offset {  -webkit-box-shadow: 11px 11px 0px 0px var(--color-light-baby-blue); box-shadow: 11px 11px 0px 0px var(--color-light-baby-blue); background-image:linear-gradient(#eaf4f4, #eaf4f4); background-position:left 10px top 10px; background-repeat:no-repeat; }

    .brand_floating_blue_mini_bar { background-color:var(--color-blue); position:absolute; top:10vh; left:0px; z-index:1; width:10px; height:2rem; max-height:100px;}

    /* ------------- */
    /* --- Brand Quote row (one row / two columns at different sizes. One for icon. One for content) -----------------------------------*/
    .brand_row_quote { margin-top:10vh; }
    .brand_row_quote .container_row_content { padding:5vh 0px; }
    .brand_row_quote .flex_row { align-items:center; }
    .brand_row_quote .flex_row .box:nth-child(1) { width:20%; }
    .brand_row_quote .flex_row .box:nth-child(1) img { display:block; margin:0px; width:100%; max-height:300px; object-fit:cover; object-position:left top; }
    .brand_row_quote .flex_row .box:nth-child(2) { width:70%; }
    .brand_row_quote .flex_row .box:nth-child(2) { font-size:var(--font-size-2L); line-height:1.2; }

    /* ------------- */
    /* --- Brand contact row -----------------------------------*/
    .brand_row_contact .flex_row { align-items:center; justify-content:space-between; gap:0px; }
    .brand_row_contact .flex_row .box:nth-child(1) { width:40%; }
    .brand_row_contact .flex_row .box:nth-child(2) { width:60%; }

    .brand_row_contact .flex_row .box ul { display:grid; grid-template-columns:repeat(2, 1fr); margin:0px; padding:0px; list-style:none; column-gap:20px; row-gap:20px; }

    .brand_row_contact .flex_row h2 span.line_1 { display:block; }

    /* ------------- */
    /* --- Brand News box (no defined columns, just applies styles to ULs no matter what columns they are in) -----------------------------------*/
    .brand_box_news .years ul { margin-bottom:var(--spacing-2L); gap:0px; flex-wrap:wrap;  }
    .brand_box_news .years ul li:nth-child(n+5):not(:last-child) { display:none; }

    .brand_box_news .years ul li button { display:inline-block; margin:0px; padding:var(--spacing-2S) var(--spacing-0); font-size:var(--font-size-1S); cursor:pointer; background-color:var(--color-light-gray); border:1px var(--color-light-gray) solid; border-bottom:1px var(--color-dark-gray) solid; }
    .brand_box_news .years ul li button.selected,
    .brand_box_news .years ul li button:hover,
    .brand_box_news .years ul li button:focus { color:var(--color-white); background-color:var(--color-blue); border:1px var(--color-blue) solid; }

    .brand_box_news .list > ul { display:grid; grid-template-columns:1fr; gap:var(--spacing-0); margin:0px; padding:0px; list-style:none; }
    .brand_box_news .list > ul li span.date { display:block; margin:0px; padding:0px; font-size:var(--font-size-2S); line-height:1; }

    .brand_box_news .list > ul:not(:first-child) { display:none; }

    /* ------------- */
    /* --- Brand category section, used in contact us and offices -----------------------------------*/
    .brand_category_search #search label { display:block; font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); }
    .brand_category_search #texbox_search { max-width:600px; }
    .brand_category_search .container_row_content > div[data-category] { margin-top:var(--spacing-3L); }
    .brand_category_search #no_results { display:none; }

    /* ------------- */
    /* --- Brand back link row, use to standardize for all pages that have a back link row -----------------------------------*/
    .brand_back_link { margin-bottom:var(--spacing-1L); padding-bottom:var(--spacing-1S); border-bottom:1px var(--color-gray) solid; }
    .brand_back_link a { font-size:var(--font-size-1S); }

    /* ------------- */
    .brand_attribution { font-size:var(--font-size-2S); font-style:italic; line-height:1;}
}

@media (max-width:1650px){
    .brand_row_style_6 .flex_row .photo img { padding:16% 0px; }
}

@media (max-width:1400px) {    
    .brand_bar_blue,
    .brand_bar_green,
    .brand_bar_cyan,
    .brand_bar_yellow { background-size:14%; }

    .brand_row_style_2 .flex_row .box .photo img:first-of-type { height:350px; }
}

@media (max-width:1200px) {
    .brand_bar_blue,
    .brand_bar_green,
    .brand_bar_cyan,
    .brand_bar_yellow { background-size:12%; }

    .brand_bg_blue_with_white_bottom { background-color:var(--color-blue); background-image:initial; }
    .brand_bg_cyan_with_white_bottom { background-color:var(--color-cyan); background-image:initial; }

    .brand_row_style_2 .flex_row .box .photo img:first-of-type { height:300px; }
    
    .brand_row_style_3 .flex_row .box { margin:0px; width:48%;}
    .brand_row_style_3 .flex_row .box:nth-child(1) .body { padding-top:5%; }
    .brand_row_style_3 .flex_row .box:nth-child(1) .body img.main { display:block; max-height:500px;}

    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:20% 0px 20% 20%; }

    .brand_row_style_5 .container_row_content img.icon { max-width:160px; }

    .brand_row_style_11 .flex_row .content img.icon { max-width:160px; }

    .brand_row_style_12 .container_row_content .back_link a { padding-left:var(--spacing-1L); }

    .brand_row_style_10 .container_row_content .back_link a  { padding-left:var(--spacing-1L); }
}

@media (max-width:1000px) {
    .brand_bar_blue,
    .brand_bar_green,
    .brand_bar_cyan,
    .brand_bar_yellow { background-size:11%; }

    .brand_row_style_2 .flex_row .box .photo img:first-of-type { height:200px; }

    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:20% 0px 10% 20%;}

    .brand_row_style_4 .flex_row .box:nth-child(2) .body { padding:60px 0px 60px 20px;}
    
    .brand_row_style_5 .container_row_content img.icon { width:35%; }

    .brand_row_style_9 .flex_row .box.photo img.icon { width:80%; }

    .brand_row_style_11 .flex_row .content img.icon { right:4%; }

    .brand_image_right .flex_row .box:nth-child(2) .body { padding:10% 5% 10% var(--spacing-3L);}
}

@media (max-width:700px) {
    .brand_bar_blue,
    .brand_bar_green,
    .brand_bar_cyan,
    .brand_bar_yellow { background-size:5%; }

    .brand_row_style_1 .flex_row { display:block; }
    .brand_row_style_1 .flex_row .box:nth-child(1) { width:95%; margin-left:5%;}
    .brand_row_style_1 .flex_row .box:nth-child(1) img { max-height:300px; object-position:left center; padding:60px 0px 0px 0px; }
    .brand_row_style_1 .flex_row .box:nth-child(2) { width:90%; margin-left:10%;}
    
    .brand_image_right { background-position:left center; }

    .brand_row_style_2 .flex_row { display:block; }
    .brand_row_style_2 .flex_row .box { width:100%; }
    .brand_row_style_2 .flex_row .box .body { padding:20px 0px 40px 0px; }

    .brand_row_style_3 .flex_row { display:block; }
    .brand_row_style_3 .flex_row .box { width:100%; margin:0px; }
    .brand_row_style_3 .flex_row .box:nth-child(1) .body { padding-top:initial; }
    .brand_row_style_3 .flex_row .box:nth-child(2) .body { padding:40px; }

    .brand_row_style_4 .flex_row { display:block; }
    .brand_row_style_4 .flex_row .box:nth-child(1) { width:100%; }
    .brand_row_style_4 .flex_row .box:nth-child(1) img { padding:0px; width:60%; margin:0px auto; }
    .brand_row_style_4 .flex_row .box:nth-child(2) { width:100%; }
    .brand_row_style_4 .flex_row .box:nth-child(2) .body { padding:40px 0px; }

    .brand_row_style_5 img.photo { display:block; position:relative; left:initial; width:90%; padding:0px 5%; }
    .brand_row_style_5 .container_row { padding:0px 0px calc(2 * var(--spacing-4L)) 0px; width:90%; }
    .brand_row_style_5 .container_row_content img.icon { top:initial; bottom:calc(-2 * var(--spacing-4L)); }

    .brand_row_style_6 .flex_row { display:block; }
    .brand_row_style_6 .flex_row .content { width: 100%; }
    .brand_row_style_6 .flex_row .photo { width:100%; }
    .brand_row_style_6 .flex_row .photo img { margin:0px; width:100%; }
    .brand_row_style_6 .flex_row .photo img.icon { width:30%; }

    .brand_row_style_8 .flex_row { display:block; }
    .brand_row_style_8 .flex_row .box.content { width: 100%; }
    .brand_row_style_8 .flex_row .box.photo { display:none; }

    .brand_row_style_9 .flex_row { flex-direction:row-reverse; }
    .brand_row_style_9 .flex_row .box.photo img.icon { width:70%; }

    .brand_row_style_11 .flex_row { flex-direction:column-reverse; }
    .brand_row_style_11 .flex_row .photo { width:100%;}
    .brand_row_style_11 .flex_row .photo img { padding:var(--spacing-2L) 0px 0px 0px; }

    .brand_row_style_11 .flex_row .content { width:100%; text-align:center; }
    .brand_row_style_11 .flex_row .content img.icon { display:none; }
    
    .brand_row_contact .flex_row { display:block; }
    .brand_row_contact .flex_row .box:nth-child(1) { width:100%; }
    .brand_row_contact .flex_row .box:nth-child(2) { width:100%; }

    .brand_row_contact .flex_row h2 { letter-spacing:initial; }
    .brand_row_contact .flex_row h2 span.line_1 { display:inline-block; }
    .brand_row_contact .flex_row .box ul { grid-template-columns:1fr; }

    .brand_box_news { margin-top:20px; }
    .brand_box_news .years ul li { width:15%; text-align:center;  }
    .brand_box_news .years ul li a { padding:10px 0px; }
}

@media (max-width:600px) {

}

@media (max-width:500px) {

}