/* ------------------------------ */
/* ------------------------------ */
/* MOBILE OVERRIDES FOR RESPONSIVE DESIGN - GLOBAL */
/* ------------------------------ */

@media (max-width:1400px) {
    /* leasing */
    #available_spaces li { width:30%; }
}

@media(min-width:1025px) AND (max-width:1400px) {
    /* common */
    #home_row_1 .box_content,
    #home_row_2 .box_content,
    #home_row_3 .box_content,
    .container_row_content { padding:120px 80px;}
    .flex_box .box_content { padding:80px 60px }

    /* header */
    #logo a { padding-left:20px; }
    #menu_list { padding-right:20px; }

    /* hero */
    .hero_text_ml,
    .hero_text_mc, 
    .hero_text_mr { max-width:50%; padding-left:60px; }

    /* sub footer */
    #sub_footer .container_row_content { padding:80px 60px; }

    /* footer */
    #footer .box_1 { left:60px;}
    #footer .box_2 { right:60px;}

    /* store */
    #store_list .container_row_content { padding:120px 0px;}
}

@media (min-width:1025px) {
    #menu {
        display:block;
    }

    #responsive_menu,
    #responsive_accessbility {
        display:none;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:1024px) {
    h2 { line-height:2rem;}

    #header { height:55px; }
    #logo { float:none; width:80%; height:55px; line-height:55px }

    #logo a { margin-left:20px; font-size:20px;}

    #responsive_button { display:block; position:absolute; top:12px; right:14px; z-index:9999; cursor:pointer; }

    #responsive_button:hover, 
    #responsive_button:focus { color:##0888ca; }

    #responsive_button { color:#FFFFFF; font-size:30px; }
    .lock_body { position: fixed; }

    #menu { display:none; float:none; position:fixed; top:56px; right:0px; bottom:0px; left:0px; z-index:999; background-color:#111111;line-height:initial;height:initial;}
    #menu_list { background-color:#232323; width:94%; position:fixed; top:56px; right:0; bottom:0px; text-align:left; overflow:scroll;}
        
    #menu_list h2,
    #menu_list a { color:#FFFFFF; font-weight:200; font-size:16px; line-height:inherit;}

    #menu_list a.desktop_menu_main { display:none; }
    #menu_list h2.rd_menu_main { display:block; cursor:pointer; }

	#menu_list a:hover,
    #menu_list a:focus,
    #menu_list h2:hover,
    #menu_list h2:focus,
    #menu_list .material-icons:hover,
    #menu_list .material-icons:focus { color:#999999; text-decoration:underline; }

    #menu_list > ul { display:block; padding:100px 40px 20px 40px;  }
    #menu_list > ul > li:not(:nth-child(5)) { margin-bottom:20px; border-bottom:1px #808080 solid;  }
            
    #menu_list li { display:block; padding:0px 0px 20px 0px; margin:0px;}
    #menu_list li.icon_acccessibility {position:fixed; top:80px; right:40px; border:none !important; }
    #menu_list li.icon_search {position:fixed; top:60px; right:56px; border:none !important; }
            
    #menu_list .material-icons { font-size:2.4rem;}

    #menu_list > ul li ul { background-color:transparent; padding:20px 0px; position:relative; width:100%; top:inherit; left:inherit }
    #menu_list > ul li ul li { padding:0px 0px 20px 20px;}
            
    #menu_list ul.sub_menu_corporate_responsibility,
    #menu_list ul.sub_menu_about_us { width:100%; }

    /* hero */
    #wrapper_hero {padding-top:56px; }
        
    .hero_text_ml,
    .hero_text_mc, 
    .hero_text_mr { max-width:50%; }

    #hero_title_content h2 { font-size:2rem; line-height:2rem;}
    #hero_title_content h3 { font-size:1.4rem; }

    /* common */
    .container_row_content { padding:60px;}
    .flex_box .box_content { padding:80px 60px }

    /* sub footer */
    #sub_footer .container_row_content { padding:80px; }

    /* footer */
    #footer .container_row { height:200px; }
    #footer .box_1 { left:80px; }
    #footer .box_2 { right:80px; }

    #home_row_0 h2 { top:-40px; }

    #home_row_1 .box_row,
    #home_row_2 .box_row,
    #home_row_3 .box_row { max-width:initial; }

    /* home */
    #home_row_1 .box_content,
    #home_row_2 .box_content,
    #home_row_3 .box_content { padding:100px 80px 60px 80px; }

    #home_about .container_row_content { padding:120px 80px; }

    /* stores */
    #directory_box > ul > li { width:49%; }
    ul.store_info li { font-size:1rem; }

    /* events and offers */
    #events { width:60%; }
    #offers { width:40%; }

    /* leasing */
    #leasing_overview { width:60%; }
    #leasing_information { width:40%; }
    #leasing_information ul.horizontal_list li { width:80%; margin:0px 0px 10px 0px; }
    #leasing_information ul.horizontal_list li a { display:block; }

    #available_spaces li { width:45%; }

    /*contact */
    #contact_photo { background-position:left center; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:1000px) {
    /* common */
    .flex_box { display:block; }
    .flex_box .box { width:100%; }
    .flex_box .box_row { max-width:initial; }

    /* welcome */
    #welcome_list_1 { float:none;width:100%; }
    #welcome_list_2 { float:none;width:100%; }

    /* sub footer */
    #sub_footer .container_row_content > ul { display:block; }
    #sub_footer .container_row_content > ul > li { margin:0px 1%; }
    #sub_footer .container_row_content > ul > li#tenant_services { width:50%; }
    #sub_footer .container_row_content > ul > li#location { width:40%; }
    #sub_footer .container_row_content > ul > li#stay_in_touch { width:100%; padding-top:20px; }

    /* footer */
    #footer .box_1 { position:relative; bottom:initial; left:initial; text-align:center; padding:40px 0px 20px 0px; }
    #footer .box_2 { position:relative; bottom:initial; right:initial; text-align:center; padding:20px 0px; }

    #social_media { text-align:center; }
    #footer .box_2 #social_media img { height:30px; }

    /* home */
    #home_row_1_photo,
    #home_row_2_photo { display:none; }

    #home_row_3_photo { height:50vh; }

    /* stores */
    .search_bar input[type=text] { width:220px; }
    #directory_box > ul > li { height:220px; }
    #directory_box > ul > li h2 {font-size:1rem; white-space:nowrap;}
    ul.store_info li { display:block; margin:0px 0px 4px 0px; }

    /* events and offers */
    #events { width:100%; }
    #offers { width:100%; }

    #offers li { background-color:#fbfbfb; }
    #offers .announcement_box { padding:40px; }
    #offers p.date { top:20px; right: 40px;}

    /* leasing */
    #leasing_overview { width:100%;}
    #leasing_overview .contacts { padding-top:40px; text-align:center; }
    #leasing_information { width:100%;}
    #leasing_information ul.horizontal_list li { width:30%; margin:0px 1px; }

    /* contact */
    #contact_row_1_photo { display:none; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:760px) {
    /* common */
    #home_row_1 .box_content,
    #home_row_2 .box_content,
    #home_row_3 .box_content,
    #home_about .container_row_content,
    #sub_footer .container_row_content,
    #events_and_offers .box_content,
    .container_row_content, 
    .flex_box .box_content,
    #mailing_list_ty .container_row_content { padding:60px; }

    .search_bar .container_row_content { padding:20px;}
    .search_bar li {display:block;}
    .search_bar li:nth-child(1) { padding:0px; }
    .search_bar input[type=text] { width: 50%; min-width:220px; }
    .search_bar li:first-child { border:0px; }

    /* hero */
    .hero_text_ml,
    .hero_text_mc, 
    .hero_text_mr { padding-left:60px; }
    #hero_title_content h2 { font-size:1.6rem; }
    #hero_title_content h3 { font-size:1rem; }

    /* sub footer */
    #sub_footer .container_row_content .body { padding-right:0px;}

    /* home */
    #home_row_0 h2 { position:relative; top:initial;left:initial;right:initial; width:initial; padding:10px 20px;}

    #home_row_3_photo { height: 70vh;}

    /* stores */
    #store_search h2, #store_search a {line-height:0px;}

    /* leasing */
    #leasing_information ul.horizontal_list li { width:70%; margin:0px 0px 10px 0px;}

    #available_spaces li { width:45%; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:640px) {
    html {
        font-size:16px;
    }

    /* common */
    #home_row_1 .box_content,
    #home_row_2 .box_content,
    #home_row_3 .box_content,
    #home_about .container_row_content,
    #sub_footer .container_row_content,
    #events_and_offers .box_content,
    .container_row_content, 
    .flex_box .box_content,
    #mailing_list_ty .container_row_content { padding:40px; }

    .flex_box h2 { line-height:1.8rem; }

    /* header */
    #logo img { height:initial; width:100%; padding-top:18px; }

    /* sub footer */
    #sub_footer .container_row_content > ul > li { margin:0px;}
    #sub_footer .container_row_content > ul > li#tenant_services {width:100%;}
    #sub_footer .container_row_content > ul > li#location {width:100%;}

    /* footer */
    #footer .box_2 #social_media img { height:20px; }
    #footer .box_2 #logo_footer img { height:30px; }

    /* hero */
    #hero_title { display:none; }

    /* store */
    #directory_box > ul > li { width:100%; }
    #store_type ul { display:block; }
    #store_type ul.horizontal_list li { width: 50%; margin:0px 0px 4px 0px}
    #directory_box > ul > li { height:130px; }
    ul.store_info li { display:inline-block; margin:0px 10px 0px 0px; }
    #directory_box > ul > li h2 { font-size:1.2rem; }

    /* leasing and events */
    #events .announcement_box,
    #offers .announcement_box { padding:60px 40px 20px 40px; }
    #events_and_offers p.date { font-size:.8rem; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:480px) {
    html {
        font-size:14px;
    }

    /* logo */
    #logo a { font-size:14px;}

    /* home */
    #home_row_1 h2,
    #home_row_2 h2, 
    #home_row_3 h2,
    #home_about h2 { font-size:1.8rem; }

    /* leasing */
    #available_spaces li { width:45%; margin:0px 2px 4px 2px; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width:400px) {
    #available_spaces li { margin:0px 0px 4px 0px; width:100%; }
}