/*
** Fix the menu for tablets
** =========================
*/

@media only screen and (max-width: 1239px){
#Header #menu {
    position: static;
    float: left;
    width: auto;
}
#Top_bar .logo {
    position: static;
    float: none;
    width: 100%;
    margin: 0;
}}


/*
** Fix button icons for tablets
** =========================
*/

@media only screen and (max-width: 959px) and (min-width: 768px){
a.kill_the_icon .button_icon {
    display: block;
}
}



/*
** Style the iframe
** =========================
*/
/*
    css commmon to all iframes
*/
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */
  overflow: hidden;
  /* put following styles (necessary for overflow and 
     scrolling handling) inline in .embed-responsive-element-wrapper around iframe because not stable in CSS
    -webkit-overflow-scrolling: touch; 
                      overflow: auto; */
}
.responsive-wrapper img,
.responsive-wrapper object,
.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   
  border-style: none;
  padding: 0;
  margin: 0;
}