@media (max-width:767px) {
  /* Navigation & Menus */
  #navbar #main-nav .navbar-brand{left: 50%;margin-left: -23px;position: relative;}
  #navbar .nav > li > a {text-align: center;  }
  /*  inter	blog */
  .inter-blog.teaser .group-content{border-bottom-style:solid;border-bottom-width:1px;padding-bottom: 25px;}
  /* hero ---------------------------------------------------------*/
  .hero-nav .nav-tabs li,
  .hero-nav .nav-tabs a{width: 100%; text-align: center;margin:0 0 8px 0;}
  .hero-nav .nav-tabs li a{border:1px solid #ccc;}
  .hero-nav .nav-tabs li a:hover,
  .hero-nav .nav-tabs li.active a,
  .hero-nav .nav-tabs li.active a:hover{border:1px solid #000;}
  /*  inter session
  --------------------------------------------------------------------------------------- */
  #session-details{z-index:102;position: fixed; top:0;right:0;height:100%;height:100vh;background-color: #fff;padding: 15px;box-shadow: 0 -5px 30px #B6B6B6;border-left:1px solid #B6B6B6;}
  #session-details.hide{right:-767px;}
  #session-details .close{position: absolute;top:20px;left:15px;}
  #session-details.loading article{visibility: hidden;}
  .inter-session.teaser .session-date{padding-right:0; }

  .inter-session.full .group-header{margin-top:50px;}
  .inter-session.full .group-content{margin-bottom:50px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*-----------------------------------------------------------------------------------*/
  /*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
  /*-----------------------------------------------------------------------------------*/
  img.margin-bottom{margin-bottom:10px;}
  /* margins */
  .expand-sm{margin-left:-15px;margin-right:-15px;}
  .expand-left-sm{margin-left:-15px;}
  .expand-right-sm{margin-right:-15px;}
  /* borders */
  .border-top-sm{border-top:1px solid #B6B6B6;}
  .border-right-sm{border-right:1px solid #B6B6B6;}
  .border-bottom-sm{border-bottom:1px solid #B6B6B6;}
  .border-left-sm{border-left:1px solid #B6B6B6;}
  .border-left-fat-sm,
  .border-right-fat-sm{position: relative;}
  .border-left-fat-sm:after{content: "";display: block;position:absolute;top:0;left:-18px;width:0;bottom:0;border-left:2px solid #000;border-right:3px solid #000;border-radius: 5px;}
  .border-right-fat-sm:before{content: "";display: block;position:absolute;top:0;right:-18px;width:0;bottom:0;border-left:2px solid #000;border-right:3px solid #000;border-radius: 5px;}
  /* colors */
  .color-1-sm{color:#e8e8e8;}
  .bg-color-1-sm{background-color:#F2F2F2;}
  .color-2-sm{color:#ff0000;}
  .bg-color-2-sm{background-color:#ff0000;}
  .color-3-sm{color:#121212;}
  .bg-color-3-sm{background-color:#121212;}
  .bg-color-4-sm{background-color:#ffe800;}
  /* hero ---------------------------------------------------------*/
  .hero-nav{margin-top: -20px;}
  /*-----------------------------------------------------------------------------------*/
  /*	4.	Regions
  /*-----------------------------------------------------------------------------------*/
  /* Navigation & Menus */
  #navbar {font-size: 14px;}
  #navbar a{white-space: nowrap;}
  #navbar .nav > li > a {margin:0 4px;}
  #local-nav .navbar-brand{margin-left:0px;margin-top: 13px;}
  #local-nav{top:45px;}
  #local-nav  .nav > li > a {padding-top: 20px;padding-bottom:20px;}
  /* buy tickets */
  /* awards submit project */
  #local-nav li.menu-mlid-1034 a,
  #local-nav li.menu-mlid-1281 a{margin: 12px 4px;}
  #navbar #main-nav .navbar-brand{display: none;}
  .navbar-collapse {padding-left:0;padding-right:0;}
  #navbar #main-nav{height:45px;}
  #navbar #main-nav .nav > li > a {padding-top: 12px;padding-bottom:12px;}
  #main-nav .navbar-nav li.first a{margin-left: 0;padding-left: 0;}
  #main-nav .dropdown-menu {background-color: #000;border:none;border-radius:0;box-shadow:none;}
  #main-nav .dropdown-menu > li > a:focus,   #main-nav .dropdown-menu > li > a:hover {background-color: #000;color: #999;-webkit-transition:color 0.3s ease; transition:color 0.3s ease;}
  #main-nav .nav .open > a, #main-nav .nav .open > a:focus, #main-nav .nav .open > a:hover {background-color: #000;}
  .navbar .navbar-nav > .active > a,
  .navbar .navbar-nav > .open > a,
  #navbar .menu-name-menu-right-menu{float:right;}
  .flickity-enabled:hover .flickity-prev-next-button{filter: alpha(opacity=1);opacity: 1;}
  /*  20	olark chat
  --------------------------------------------------------------------------------------- */
  body #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_window_div_base {z-index:1000;}
  body #habla_window_div{opacity:1 !important;}

  body .hbl_pal_main_font_family {}
  body .hbl_pal_main_font_size,
  body .hbl_pal_header_font_size{font-size: 17px !important;}
  body #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_topbar_div {padding:11px 11px 12px 11px;}
  /*  21.	overview
  --------------------------------------------------------------------------------------- */
  .overview .col-xs-6 {padding-left: 15px;padding-right:15px;}
  /*  inter	blog */
  .inter-blog.teaser_list .group-content{border-bottom-style:solid;border-bottom-width:1px;padding-bottom: 25px;}
  /*  23.	maps
--------------------------------------------------------------------------------------- */
  #map-overview,
  #inter-prog-map-embed-form,
  #output{display:block;}
  /*  14.	bootstrap modal
  --------------------------------------------------------------------------------------- */
  .modal-sm {width: 350px;min-width: 350px;}
  .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}
  /* awards
--------------------------------------------------------------------------------------- */
  .inter-awards-object .flickity-page-dots{opacity: 0;}
  .inter-awards-object:hover .flickity-page-dots{opacity: 1;}
  /*  inter session
--------------------------------------------------------------------------------------- */
  #session-details-wrapper{padding-left: 0;padding-right: 0;}
  #session-details-wrapper article section{padding-left:15px;padding-right: 15px;}
  .inter-session.teaser{border-right: 1px solid  #B6B6B6;}
  .inter-session.teaser_small{border:none;}
  .inter-session.teaser .session-date{padding-right:0; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* margins */
  .expand-md{margin-left:-15px;margin-right:-15px;}
  .expand-left-md{margin-left:-15px;}
  .expand-right-md{margin-right:-15px;}
  /* borders */
  .border-top-md{border-top:1px solid #B6B6B6;}
  .border-right-md{border-right:1px solid #B6B6B6;}
  .border-bottom-md{border-bottom:1px solid #B6B6B6;}
  .border-left-md{border-left:1px solid #B6B6B6;}
  /* colors */
  .color-1-md{color:#e8e8e8;}
  .bg-color-1-md{background-color:#F2F2F2;}
  .color-2-md{color:#ff0000;}
  .bg-color-2-md{background-color:#ff0000;}
  .color-3-md{color:#121212;}
  .bg-color-3-md{background-color:#121212;}
  .bg-color-4-md{background-color:#ffe800;}
  /* Navigation & Menus */
  #navbar .nav > li > a {margin:0 7px;}
  /* buy tickets */
  /* awards submit project */
  #local-nav li.menu-mlid-1034 a,
  #local-nav li.menu-mlid-1281 a{margin: 12px 7px;}
  #local-nav .navbar-brand{margin-left:0;}
  /* hero ---------------------------------------------------------*/
  section.hero h1, section.hero .h1{font-size: 2.4em;}
  .hero-nav{margin-top: -40px;}
  .hero-nav .nav-tabs a{padding:20px;}
  /* 22. inter	exhibitor
  --------------------------------------------------------------------------------------- */
  .inter-exhibitor.full .group-header h1{float:left;}
  .inter-exhibitor.full .group-header .country{margin-top: 8px;float:right;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {  
   /*-----------------------------------------------------------------------------------*/
  /*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
  /*-----------------------------------------------------------------------------------*/
  .col-md-3 .affix{max-width:320px;}
  /* margins */
  .expand-lg{margin-left:-15px;margin-right:-15px;}
  .expand-left-lg{margin-left:-15px;}
  .expand-right-lg{margin-right:-15px;}
  /* borders */
  .border-top-lg{border-top:1px solid #B6B6B6;}
  .border-right-lg{border-right:1px solid #B6B6B6;}
  .border-bottom-lg{border-bottom:1px solid #B6B6B6;}
  .border-left-lg{border-left:1px solid #B6B6B6;}
  /* colors */
  .color-1-lg{color:#e8e8e8;}
  .bg-color-1-lg{background-color:#F2F2F2;}
  .color-2-lg{color:#ff0000;}
  .bg-color-2-lg{background-color:#ff0000;}
  .color-3-lg{color:#121212;}
  .bg-color-3-lg{background-color:#121212;}
  .bg-color-4-lg{background-color:#ffe800;}
  img.margin-bottom{margin-bottom:15px;}
  /* Navigation & Menus */
  #navbar .nav > li > a {margin:0 9px;}
  /* buy tickets */
  /* awards submit project */
  #local-nav li.menu-mlid-1034 a,
  #local-nav li.menu-mlid-1281 a{margin: 12px 9px;}
  /*-----------------------------------------------------------------------------------*/
  /*	a.	Gazet grid
  /*-----------------------------------------------------------------------------------*/
  .grid-gazet{max-width: 1400px;}
}