/* 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: 1024px) {
    /* 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: 1025px) {
    /* 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: 1024px) {
    /* 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: 1024px) 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;
    }
}