/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 September 2019 13:57:38
*/


/* DESKTOPS & LAPTOPS */
@media screen and (min-width: 1024px) {
  
   .container_expanded { max-width: 1000px; }
   .container { max-width: 957px; }
   .mobile_main_nav { display: none; }
   #form_email_975 .required_fields { margin-left: 185px; } 

}

/* IPADS - PORTRAIT & LANDSCAPE */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px), screen and (min-width: 768px) and (max-width: 1024px) {
  
  .container, #header .container { width: 95%; } /* edit how you see fit */
  #header_top .container { width: 100%; } 
  .container_expanded { width: 100%; }
  .header_main_nav { width: 95%; }
  .header_main_nav ul li.last { margin: 0 5px 0 0 ; }
  .header_main_nav ul li.first_lev_menu span.sub_menu,
  .mobile_main_nav { display: none; }
  #main_container #main_top .container div.events, 
  #main_container #main_top .container div.education, 
  #main_container #main_top .container div.information { width: 30%; }
  #main_container #main_top .container div ul li, #main_container #main_top .container div ul li#main_calendar { width: 95%; height: auto; padding-bottom: 10px; }
  #header .container.header_background { background: none;  height: 375px; }
  .header_social { right: 2%; }
  #header_bottom .header_content_logo h1 { width: 50%; }
  #header_bottom .header_content_logo h1 a#logo { width: 95%; }  
  #news_list, 
  #sponsors_list { position: relative; }
  #news_list .prev, #news_list .next,
  #footer_bottom .prev, #footer_bottom .next { position: absolute; z-index: 99; }
  #news_list .prev,
  #footer_bottom .prev { top: 0; left: 0px; }
  #news_list .next,
  #footer_bottom .next { top: 0; right: 0px; }
  #footer_top #footer_nav { width: auto; }
  #footer_top { height: auto; float: left; width: 100%; }
  #footer_bottom { float: left; width: 100%; }
  .header_photo_slider { margin: 0; width: 100%; height: 375px; background: none; }
  .header_photo_slider #header_promobox {float: left; padding: 5px; background-color: #FFF; }
  /**.header_photo_slider #header_promobox li { padding: 5px; width: 98%; background-color: #FFF; }  **/
  .header_photo_slider #header_promobox li img { width: 100%; display: block; }
  #main_container .container .article .lhc { width: 32%; }
  #main_container .container .article .lhc ul li { width: 100% }
  #main_container .container .article .rhc { width: 66%; margin-left: 2%; }
  #form_email_975 .required_fields { margin-left: 185px; }
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }
  #header_promobox .slide .slide-data {bottom:0px;width: 100%;}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

/**#wrapper #header .container.header_background, #wrapper #header .container.header_background .header_photo_slider {height: 370px;}**/
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}

/* TABLETS */
@media screen and (min-device-width: 768px) and (max-device-width: 844px), screen and (min-width: 768px) and (max-width: 844px) {

  body.letters_big .header_content_logo h1 a#logo span.title_small { margin: 5px auto; font-size: 1.4em; }
  body.letters_big .header_content_logo h1 a#logo span.title_small_blog { margin: 5px auto; font-size: 1.4em; }

}

@media screen and (min-device-width: 768px) and (max-device-width: 975px), screen and (min-width: 768px) and (max-width: 975px) {
  .header_main_nav ul li.first_lev_menu a { font-size: 13px; }
  .header_content_logo h1 a#logo span.logo { top: 14px; left: 140px; width: 80px; height: 65px; background-position: -224px -96px; }
  #header_bottom .header_content_logo h1 a#logo { margin-top: 75px; height: 67px; width: 100%; }
  .header_social { position: static; overflow: hidden; margin: 20px auto 0; width: 385px; text-align: center; }
  .inner  .header_social { position: static; overflow: hidden; margin: 50px auto 0; width: 385px; text-align: center; }
  .header_social #social_list li { display: inline-block; float: none; margin: 0 8px; }
  .header_photo_slider { margin: 0; width: 100%; height: 357px; background: none; }
.header_photo_slider #header_promobox {float: left; padding: 5px; background-color: #FFF; }
  /**.header_photo_slider #header_promobox li { padding: 5px; width: 98%; background-color: #FFF; }  **/
  .header_photo_slider #header_promobox li img { display: block; width: 100%; }
  .bip #header_bottom, 
  .inner #header_bottom { height: 360px; }
   #header_promobox .slide .slide-data {bottom:0px;width: 100%;}
}

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

  .inner .header_social { position: static; overflow: hidden; margin: 50px auto 0; width: 385px; text-align: center; }
  .header_social { position: static; overflow: hidden; margin: 20px auto 0; width: 385px; text-align: center; }
  .header_social #social_list li { display: inline-block; float: none; margin: 0 8px; }

}

@media screen and (max-device-width: 957px), screen and (max-width: 957px) {

  #news_list .sliderInner, 
  #footer_bottom .sliderInner { display: block; float: none; margin: 0 auto; width: 640px; }
  .header_main_nav ul li.first_lev_menu .sec_nav .nav_promo .item_image,
  .header_main_nav ul li.first_lev_menu .sec_nav .nav_promo .item_text { width: 95%; height: auto; }
  .header_main_nav ul li.first_lev_menu .sec_nav .nav_promo .item_image a img { display: block; width: 100%; }
  #cookieslaw .cookie_text { width: 95%; }
  #cookieslaw .cookie_text p { width: 70%; }

}

@media screen and (max-device-width: 640px), screen and (max-width: 640px) {

  #news_list .sliderInner, 
  #footer_bottom .sliderInner { display: block; float: none; margin: 0 auto; width: 320px; }
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }
#header_promobox .slide .slide-data .slide-title {font-size: 1.1em}
  #header_promobox .slide .slide-data .slide-description {font-size: 0.9em}
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

  /* show slide descriptions - home page carousel */
  #header_promobox .slide .slide-data .slide-title {font-size: 1.1em}
  #header_promobox .slide .slide-data .slide-description {font-size: 0.9em}

  /*#footer_bottom .sliderInner { display: block; float: none; margin: 0 auto; width: 160px; }*/
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }
  .header_social { position: static; overflow: hidden; margin: 20px auto 0; width: 340px; text-align: center; }
  .header_social #social_list li { display: inline-block; float: none; margin: 0 8px; }
}

@media screen and (max-width: 920px), screen and (max-device-width: 920px) {

  #header .container.header_background { height: 350px; }

}

@media screen and (max-width: 840px), screen and (max-device-width: 840px) {

  #header .container.header_background { height: 330px; }
  .bip #header_bottom .header_content_logo h1 { height: 120px;}
  .header_content_logo h1 a#logo span.title_small { font-size: 1.25em; }
  .header_content_logo h1 a#logo span.title_big { font-size: 1.95em; }
}

@media screen and (max-width: 800px), screen and (max-device-width: 800px) {

  #header .container.header_background { height: 310px; }

}

/* SMARTPHONES - LANDSCAPE */
@media screen and (max-width: 968px), screen and (max-device-width: 968px) {
   #header_top {height: 180px;background: -webkit-linear-gradient(#fff,#eae7e2);background: -moz-linear-gradient(#fff,#eae7e2);background: -o-linear-gradient(#fff,#eae7e2);background: linear-gradient(#fff,#eae7e2);}
   #header_top div{float:left;}
}
@media screen and (max-width: 767px), screen and (max-device-width: 767px) {
  
  
  #header_top .eu_programs {margin-top: 0; clear: both;}
  .container, #header .container  { width: 95%; } /* edit how you see fit */
  #header_top .container  { width: 100%; }
  .container_expanded { width: 100%; }
  .header_main_nav { width: 95%; z-index: 9999;}
  .header_main_nav ul li.first_lev_menu,
  .header_main_nav ul li.first_lev_menu .sec_nav,
  .header_main_nav ul li.first_lev_menu .sec_nav .promo_ad,
  .header_main_nav ul li.first_lev_menu .sec_nav .nav_promo { display: none; } 
  .header_main_nav ul li.first_lev_menu:hover { display: block; } 
  .header_main_nav ul li.first_lev_menu { width: 100%; text-align: center; }
  .header_main_nav ul li.first_lev_menu .sec_nav { position: static; border-bottom: none; }
  .header_main_nav ul li.first_lev_menu .sec_nav .nav_list li , 
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_1 .nav_list, 
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_2 .nav_list, 
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_3 .nav_list,
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_1 .nav_list li, 
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_2 .nav_list li, 
  .header_main_nav ul li.first_lev_menu .sec_nav.columns_3 .nav_list li { width: 100%; }
  .header_content_logo { margin: 52px auto 0; }
  #header_bottom .header_content_logo { width: 364px; }
  #header_bottom .header_content_logo h1 { margin: 0 auto ; width: 364px; }
  /*.header_content_logo h1 a#logo span.logo { top: 5px; left: 140px; width: 80px; height: 65px; background-position: -224px -96px; } */
  .header_content_logo h1 a#logo span.logo { top: 5px; left: 45%; width: 50px; height: 55px; background-position: -248px -96px }
  #header_bottom .header_content_logo h1 { height: 90px; width: 100%; }
  #header_bottom .header_content_logo h1 a#logo { margin: 75px auto 0; height: 67px; width: 100%; text-align: center; }
  .header_content_logo h1 a#logo span.title_small { margin-left: 0; font-size: 1.25em; }
  .header_content_logo h1 a#logo span.title_big { font-size: 1.95em; }
  .header_content_logo h1 a#logo span.title_small_blog { margin-left: 0; }
  .header_content_logo form { position: static; margin: 20px auto 0; width: 308px; }
  .header_social { position: static; overflow: hidden; margin: 20px auto 0; width: 385px; text-align: center; }
  .header_social #social_list li { display: inline-block; float: none; margin: 0 8px; } 
  #header .container.header_background { background: none; }
  .header_photo_slider { margin: 0; width: 100%; height: 357px; background: none; }
  .header_photo_slider #header_promobox li { padding: 1%; width: 98%; background-color: #FFF; }  
  .header_photo_slider #header_promobox li img { width: 100%; }
  #main_container {margin: 1% auto 0; }
  #main_container #main_top .container div.events, 
  #main_container #main_top .container div.education, 
  #main_container #main_top .container div.information { margin: 0 0 20px; width: 100%; }
  #main_container #main_top .container div ul li,
  #main_container #main_top .container div ul li#main_calendar {height: auto; width: 99%; padding-bottom: 10px; }
  #news_list, 
  #sponsors_list { position: relative; }
  #news_list .prev, #news_list .next,
  #footer_bottom .prev, #footer_bottom .next { position: absolute; z-index: 99; }
  #news_list .prev,
  #footer_bottom .prev { top: 0; left: 10px; }
  #news_list .next,
  #footer_bottom .next { top: 0; right: 10px; }
  #footer_top #footer_nav { width: auto; }
  #footer_top { height: auto; float: left; width: 100%; }
  #footer_bottom { float: left; width: 100%; }
  #header .container.header_background { height: 290px; }
  #cookieslaw .cookie_text p { width: 95%; margin: 0 0 0 4%;}
  #cookieslaw .cookie_text span strong { width: 100%; text-align: center; margin-bottom: 10px; }
  #cookieslaw .cookie_text span.accept { position: static; float: right; margin-top: 10px; }
  .mobile_main_nav { display: block; background-image:url(/__data/assets/image/0016/718/menu_pics.png?v=0.1.1);}
  .mobile_main_nav #first_level li { display: none; }
  .no_js .mobile_main_nav:hover #first_level > li { display: block; }
  .mobile_main_nav ul li#menu a, .mobile_main_nav ul#first_level li a{color: #FAF6F0;}
  .menu__button--mobile:after{border-color: #FAF6F0 transparent;border-style: solid;height: 0px;width: 0px;content: '';display: inline-block;margin-left: 0.5em;vertical-align: middle;border-width: 0.4em 0.4em 0 0.4em;}
  #first_level li:first-child {border-top: 1px solid #faf6f0;}
  #main_container .container .article .lhc {width: 95%; margin-bottom: 20px;}
  #main_container .container .article .lhc ul li {width: 100%}
  #main_container .container .article .rhc {width: 95%; margin-left: 2%;}
  #main_container .container .article .rhc .art_btns {
    margin-top: 0;
  }
  #main_container .container .article .rhc .art_text {
    margin-top: 60px;
  }
  .bip #header_bottom { height: 410px; }
  .inner #header_bottom { height: 430px; }
  .bip #header_bottom .header_content_logo h1 { height: 70px;}
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }

}

@media screen and (max-width: 650px), screen and (max-device-width: 650px) {

  #header .container.header_background { height: 250px; }

}

@media screen and (max-width: 557px), screen and (max-device-width: 557px) {

  .container, #header .container { width: 95%; } /* edit how you see fit */
   #header_top .container  { width: 100%; }
  .container_expanded { width: 100%; }
  #header .container.header_background { height: 210px; }
  #footer_top form { float: left; width: 100%; }
  #footer_bottom { float: left; width: 100%; }
  #footer_top form label { float: none; }
  #footer_top form input[type="submit"] { left: 198px; }
  #footer_top form input[type=email] { width: 187px; }
  body.letters_big #footer_top form input[type=email] { width: 187px; }
  body.letters_medium #footer_top form input[type=email] { width: 187px; }
  #header_bottom .header_content_logo { width: 100%; }
  .bip #header_bottom .header_content_logo h1 { height: 80px; width: 100%; }

}

@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
  .bip #header_bottom .header_content_logo h1 { width: 100%; }
  .bip #header_bottom .header_content_logo h1 a#logo { margin-left: 0; width: 100%; }
  .bip #header_bottom .header_content_logo { width: 100% }
  #form_email_975 label { text-align: left; }
  #form_email_975 img#sq_security_key,
  #form_email_975 #form_email_975_submit {
    margin: 10px  0  0;
  }
  #form_email_975 #sq_regen_captcha {
    margin: 10px  0;
  }
  #form_email_975 #form_email_975_submit,
  #page_account_manager_996 input[type=button],
  #page_account_manager_996 input[type=submit] {
    margin-left: 0;
    margin-bottom: 3px;
    width: 170px;
    height: 30px;
  }
  .sharethis_toolbox {
    float: none;
    display: none;
    margin-top: 0;
    margin-right: 155px;
  }
}

@media screen and (max-width: 457px), screen and (max-device-width: 457px) {

  .container, #header .container { width: 95%; } /* edit how you see fit */
   #header_top .container  { width: 100%; }
  .container_expanded { width: 100%; }
  #header .container.header_background { height: 180px; }
  #main_container .container .article .lhc {width: 100%;}
  #main_container .container .article .rhc {margin-left: 0; width: 100%;}
  #main_container .container .article .rhc .article_photo_slider {width: 100%;}
  #main_container .container .article .rhc .article_photo_slider #article_slider { display: block; float: none; width: 100%; }
  #main_container .container .article .rhc .article_photo_slider #article_slider li {margin-left: 0;}
  #main_container .container .article .rhc .article_photo_slider #article_slider li img { display: block; height: auto; margin:0 auto; }
  .bip #header_bottom, 
  .inner #header_bottom { height: 450px; }
  .bip #header_bottom .header_content_logo h1 { height: 120px; width: 100%; }
  .bip #header_bottom .header_content_logo h1 a#logo { margin-left: 0; width: 100%; }
  .bip #header_bottom .header_content_logo { width: 100% }
  #form_email_975 label { text-align: left; }
  #form_email_975 img#sq_security_key,
  #form_email_975 #form_email_975_submit { margin: 10px  0  0; }
  #form_email_975 #sq_regen_captcha { margin: 10px  0; }
  #form_email_975 #form_email_975_submit,
  #page_account_manager_996 input[type=button],
  #page_account_manager_996 input[type=submit] { margin-left: 0; margin-bottom: 3px; width: 170px; height: 30px; }
  table { width: 100%; }
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }
  .header_social #social_list li { margin: 0 6px; }
  .inner .header_social { width: auto; }
}

@media screen and (max-width: 395px), screen and (max-device-width: 395px) { 
.header_social {width: 100%; }
.header_social #social_list li { margin: 0 1.5%; }

}

@media screen and (max-width: 350px), screen and (max-device-width: 350px) { 
  .header_social #social_list li { margin: 0 1%; }
}

@media screen and (max-width: 340px), screen and (max-device-width: 340px) {


  .header_content_logo form { width: 100%; }
  .header_content_logo form fieldset input.in_search { width: 85%; }
  #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }
  .header_social #social_list li { margin: 0 1%; }

}

/* SMARTPHONES - PORTRAIT */
@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
  
  .container, #header .container { width: 95%; } /* edit how you see fit */
   #header_top .container  { width: 100%; }
  .container_expanded { width: 100%; }
  #header_bottom .header_content_logo { width: 100%; }
  #header_bottom .header_content_logo h1 a#logo { margin-left: 0; }
  .header_content_logo h1 a#logo span.logo { left: 37%; }
  .header_content_logo h1 a#logo span.title_small { margin: 12px auto 0; font-size: 1.05em; }
  .header_content_logo h1 a#logo span.title_big { font-size: 1.45em; }
  #header_bottom .header_content_logo h1 { width: 100%; }
  #header_bottom .header_content_logo h1 a#logo { width: 95%; text-align: center; }
  .header_content_logo form { width: 100%; }
  .header_content_logo form fieldset input.in_search { width: 85%; }
  #header .container.header_background { height: 150px; margin-bottom: 40px; }
  .header_social { width: 100%; }
  .header_social #social_list li { margin: 0 4px; }
  #main_container #main_bottom #news_list div.news_text { margin: 25px 0px 0px 0px; width: 250px; }
  #main_container #main_bottom #news_list div.news_click_container { margin: 98px 12px 0px 0px; }
  body.letters_big .header_content_logo form { margin: 40px auto 0; }
  body.letters_small .header_content_logo form { margin: 15px auto 0; }
  .bip #header_bottom, 
  .inner #header_bottom { height: 450px; }
  .bip #header_bottom .header_content_logo h1 { height: 120px; width: 100%; }
  .bip #header_bottom .header_content_logo h1 a#logo { margin-left: 0; width: 100%; }
  .bip #header_bottom .header_content_logo { width: 100% }
  #form_email_975 label { text-align: left; }
  #form_email_975 img#sq_security_key,
  #form_email_975 #form_email_975_submit {
    margin: 10px  0  0;
  }
  #form_email_975 #sq_regen_captcha {
    margin: 10px  0;
  }
  #form_email_975 #form_email_975_submit,
  #page_account_manager_996 input[type=button],
  #page_account_manager_996 input[type=submit] {
    margin-left: 0;
    margin-bottom: 3px;
    width: 170px;
    height: 30px;
  }
    #main_container #main_bottom #news_list div.news_image {
        width: 259px;
        margin-left: 7px;
    }
    #main_container #main_bottom #news_list div.news_image img {
        width: 251px;
    }
    #footer_bottom .slider.items_5, #footer_bottom .slider.items_4, #footer_bottom .slider.items_3, #footer_bottom .slider.items_2, #footer_bottom .slider.items_1 { width: 100%; }

}


<!-- iPhone 4, 4S Portrait -->
@media only screen and (device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* CSS3 Rules for XX iPhone in Portrait Orientation */
    body {
        width: 100%;
    }
}

<!-- iPhone 4, 4S Landscape -->
@media only screen and (device-width: 960px) and (orientation: landscape) and not (-webkit-min-device-pixel-ratio: 2) {
  /* CSS3 Rules for iPhone in Landscape Orientation */
     .header_content_logo form input.in_submit {
        right: 30px;
    }
    .header_photo_slider {
        height: 210px;
    }
    #main_container #main_top .container div.events, #main_container #main_top .container div.education, #main_container #main_top .container div.information {
        margin: 50px 0px 20px;
        width: 100%;
        float: none;
    }
    #header .container.header_background {
        height: 200px;
        margin-bottom: 50px;
    }

}
/*
@media screen and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (min-device-width: 480px) {
 
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (min-device-width: 480px)  {

}
*/
@media only screen and (max-width: 768px) {
  .header_content_logo h1 a#logo span.title_big_bip {font-size: 1.45em;}
  #header_promobox .slide .slide-data {bottom:11px;width: 98%;}
}

@media only screen and (max-width: 370px) {
  .header_content_logo h1 a#logo span.title_big {font-size: 1.45em;}
  .header_content_logo h1 a#logo span.title_big_bip {font-size: 1.05em;}
  .header_content_logo h1 a#logo span.title_small {font-size: 1.05em; margin: 12px auto 0;}
  .header_content_logo h1 a#logo span.logo {left: 37%;}
}

/** FIX FOR THE RWD SLIDER **/
@media screen and (max-width: 975px) { 
    .header_photo_slider #header_promobox li { padding: 0; width: 100%; background: none; }
    .header_photo_slider #header_promobox {float: left; padding: 5px; background-color: #FFF; }
    #header_promobox .slide .slide-data {bottom:0px;width: 100%;}
    .flex-control-nav {bottom: 0%}
}