/* The next bit does not really belong in a media query, but because we have no site.css will be on top in mediaq.css */
  img { max-width: 100%; height:auto; }
/* end non mediaq */



@media all and (max-width: 999px) { /* Phones and tables */
  #pagetop { height: 54px; }
  #pagetop ul { 
    top: 18px; 
    right: 10px;
  }

  .header_bar {
    display: none;
  }
  #header_content {
    width: 100%;
  }
  
  nav { 
    position: absolute;
    top: 0;
  }
  nav.open {
    bottom: 0;
  }

  .nav_header { width: 60px; }
  
  .nav_toggle_btn {
    display: block;
    position: relative;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-color: #FFF;
    border-radius: 4px;
    float: left;
    margin: 5px 0 5px 10px;
    cursor: pointer;
  }
  .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #FFF;
    margin: 3px 0 3px 0;
  }

  .nav_close {
    position: fixed;
    top: 54px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
  }
  .nav_close.open { display: block; }

  nav div.nav_content { 
    z-index: 999;
    background-color: #FFF; 
    display: none;
  }
  nav ul > li {
    display: block;
    margin: 0;
  }
  nav div.nav_content > ul > li { border-bottom: 1px solid #666; }
  nav div.nav_content ul > li.current > a { background-color: #435975;} 

  #container { width: 100%; }

  .image_wrap p { 
    background-color: #83aa3f; 
    color: #FFF;
  }

  img { max-width: 100%; }

  #top_footer, #bottom_footer { 
    position: relative; 
    padding: 30px 15px;
  }

  #bottom_footer ul { margin-top: 0px; }

  .centercontent { 
    padding-left: 5px;
    padding-right: 5px;
  }

}

@media all and (min-width: 1000px) { /* Desktops */
  
  nav { width: 100%; }
  nav .nav_content { margin: 0 auto 0 auto; }
  nav .nav_content > ul { 
    width: 100%;
    text-align: left; 
  }
  nav .nav_content > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
/*    padding: 0 7px 0 11px;*/
    white-space: nowrap;
  }

  nav .nav_content > ul > li.first {
    padding-left: 0;
    background: none;
  }

  nav .nav_content > ul > li.first a {
    padding-left: 0;
    background: none;
  }

  nav .nav_content ul ul a {
    text-align: left !important;
  }

  nav .nav_content > ul > li.first ul a {
    padding-left: 10px;
  }

  nav .nav_content > ul > li > ul {
    min-width: 100%;
    margin: 16px 0 0 10px;
    padding-top: 28px;
  }

  nav .nav_content > ul > li.first> ul {
    margin: 16px 0 0 0px;
  }

  nav div.nav_content > ul ul {
    padding: 12px 0;
  }

  nav div.nav_content > ul ul ul {
    margin-top: -12px;
  }

  #container {
    padding-left: 0px;
    padding-right: 0px;
  }

}

@media all and (max-width: 767px) { /* Phones */
  
  div.pull-right {
    float: none !important;
  }
  .image_float {
    padding: 10px 0 10px 0;
  }

  #pagetop li { padding-left: 5px; }

  #logo_canon { width: 70%; }
  #logo_fkc { width: 25%; }

  #header_content > img { display: none; }

  .link_button a, a.button_link { 
    display: block;
    text-align: center;
  }

  .alignrows_3 ul { margin-bottom: 0; }
  .alignrows_3 ul li,
  .alignrows_3 > div { 
    width: 100%;
    display: block;
    margin: 20px auto;
  }
  .alignrows_3 ul li:first-child,
  .alignrows_3 ul li:last-child, 
  .alignrows_3 > div:first-child,
  .alignrows_3 > div:last-child {
    float: none !important;
  }

  #section_links_block.alignrows_3 ul li,
  #section_links_block.alignrows_3 > div,
  #image_links_block.alignrows_3 ul li,
  #image_links_block.alignrows_3 > div
  /*.alignrows_3 ul li,
  .alignrows_3 > div*/ {
    width: 300px;
  }

  #kontaktes_block,
  #news_block,
  #service_block { 
    margin: 40px auto;
  }

  #kontaktes_block a,
  #news_block a { 
    display: inline-block; 
  }
  #service_block a { clear: both; }

}

@media all and (min-width: 768px) and (max-width: 999px) { /* Tablets */
  
  .alignrows_3 ul li, 
  .alignrows_3 > div { 
    width: 32%; 
  }
  #news_block, 
  #service_block {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
  }
  #news_block { padding-right: 15px; }
  #service_block { padding-left: 15px; }
  #kontaktes_block {
    clear: both;
    display: block;
    width: 100%;
  }

}

@media all and (min-width: 1000px) and (max-width: 1219px) { /* Desktops */
  
  #container, #header_content, nav .nav_content, .centercontent, #logos { max-width: 1220px; }
  .header_bar { 
    height: 170px;
    top: 18px;
  }
  nav { top: 0; }

}

@media all and (min-width: 1220px) { /* Large desktops */
  
  #container, #header_content, nav .1nav_content, .centercontent, #logos { max-width: 1220px; }
  .header_bar { 
    height: 210px;
    top: 20px;
  }
  nav { top: 0; }

  #section_links_block li, 
  #section_links_block > div {
    width: 250px;
  }

}