/* General ------------------------------------------------------------------ *

@-ms-viewport {
    width: device-width !important;
}

@viewport {
    width: device-width !important;
}

div.pageWrapper,
div.footer-container {
    min-width: 280px;
}

/* Upper Dark Header Bar ---------------------------------------------------- *

@media screen and (max-width: 976px) {
    div.header-container div.phoneNumber {
        margin-left: 5px;
    }
}

@media screen and (max-width: 780px) {
    div.header-container div.phoneNumber {
        font-size: 10pt;
        margin-top: -2px;
    }
}

@media screen and (max-width: 710px) {
    div.header-container div.phoneNumber {
        display: none;
    }
}

@media screen and (max-width: 575px) { div.header-container div.customLinks li a { font-size: 12px } }
@media screen and (max-width: 550px) { div.header-container div.customLinks li a { font-size: 11px } }
@media screen and (max-width: 540px) { div.header-container div.customLinks li a { font-size: 10px } }
@media screen and (max-width: 510px) {
    div.header-container div.customLinks li:nth-child(2) {
        display: none;
    }
}
@media screen and (max-width: 420px) {
    div.header-container div.customLinks li.last {
        display: none;
    }
    div.header-container div.customLinks {
        width: 70px;
        left: 0px;
    }
}

/* Clippard Logo Header Zone ------------------------------------------------ *

@media screen and (max-width: 1050px) {
   iframe.goog-te-menu-frame {
       transform: scale(0.9);
       top: 80px !important;
       left: 0px !important;
   }
}

@media screen and (max-width: 957px) {
   iframe.goog-te-menu-frame {
       transform: scale(0.8);
       top: 65px !important;
   }
}

@media screen and (max-width: 907px) {
   iframe.goog-te-menu-frame {
       transform: scale(0.7);
       top: 51px !important;
   }
}

@media screen and (max-width: 857px) {
   iframe.goog-te-menu-frame {
       transform: scale(0.6);
       top: 37px !important;
   }
}

@media screen and (max-width: 807px) {
   iframe.goog-te-menu-frame {
       transform: scale(0.5);
       top: 22px !important;
   }
}

@media screen and (max-width: 757px) {
    li#google_translate_element {
        display: none !important;
    }

    iframe.goog-te-menu-frame {
        display: none;
    }

    div.header-container div.content ul.links {
        margin-top: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 315px) {
    div.header-container div.content ul.links {
        margin-top: 5px;
    }

    div.header-container div.content ul.links li {
        display: block;
        border: none;
        text-align: right;
    }
}

/* Header Navigation Bar ---------------------------------------------------- *

@media screen and (max-width: 970px) {
    div.header,
    div.nav-container {
        width: auto;
    }

    div.region-navigation div.content {
        padding-right: 7px;
    }

    ul#nav {
        width: 100%;
        display: table;
    }

    ul#nav > li {
        display: table-cell;
        width: auto;
        text-align: center;
        float: none;
        height: 28px;
    }
}

@media screen and (max-width: 520px) { ul#nav { font-size: 12px } ul#nav li a { padding-top: 6px } }
@media screen and (max-width: 480px) { ul#nav { font-size: 11px } ul#nav li a { padding-top: 6px } }
@media screen and (max-width: 440px) { ul#nav { font-size: 10px } ul#nav li a { padding-top: 7px } }
@media screen and (max-width: 400px) { ul#nav { font-size:  9px } ul#nav li a { padding-top: 7px } }
@media screen and (max-width: 360px) { ul#nav { font-size:  8px } ul#nav li a { padding-top: 8px } }
@media screen and (max-width: 320px) { ul#nav { font-size:  7px } ul#nav li a { padding-top: 9px } }

/* Footer ------------------------------------------------------------------- *

@media screen and (max-width: 970px) {
    div.footer-container,
    div.footer {
        background-image: none;
    }

    div.footer-container > div.footer {
        width: auto;
    }

    div.footer-container > div.footer div.content div.logo {
        margin: -10px 0 0 -10px;
        padding: 10px 0 0 10px;
        width: 100%;
    }

    div.footer {
        background-color: #C6C6C6;
    }

    div.footer-container > div.footer div.content div.logo + div {
        height: 32px;
        background-color: #C6C6C6;
    }

    div#footer-table-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    table#footerTable {
        border-collapse: collapse;
        border-spacing: 0px;
        background-image: url("http://www.clippard.com/static/skin/images/bgFooter.jpg");
        background-position: right bottom;
        background-attachment: fixed;
        background-repeat: no-repeat;
        height: 196px;
    }

    table#footerTable td {
        padding-top: 5%;
        width: 19%;
        padding-left: 2.5%;
    }

    table#footerTable tbody tr td:last-child {
        width: 25%;
        padding-left: 3.5%;
    }

    table#footerTable td.mainList {
        background-color: #DCE1E4;
        width: 18%;
        padding-left: 3.5%;
    }
}

@media screen and (max-width: 890px) {
    table#footerTable td h3 {
        font-size: 11pt;
    }
}
@media screen and (max-width: 810px) {
    table#footerTable td.mainList a {
        font-size: 8pt;
    }
    table#footerTable td li {
        font-size: 8pt;
    }
}
@media screen and (max-width: 760px) {
    table#footerTable td h3 {
        font-size: 9pt;
    }
}
@media screen and (max-width: 550px) {
    table#footerTable td.mainList a {
        font-size: 7pt;
    }
    table#footerTable td li {
        font-size: 7pt;
    }
}
@media screen and (max-width: 390px) {
    table#footerTable td h3 {
        font-size: 5pt;
    }
    table#footerTable td.mainList a {
        font-size: 5pt;
    }
    table#footerTable td li {
        font-size: 5pt;
    }
}

/* Main Section ------------------------------------------------------------- *

@media screen and (max-width: 970px) {
    div.main {
        width: auto;
    }
}

/* Home Page: Upper Half  --------------------------------------------------- *

@media screen and (max-width: 970px) {
    #div-interaktingslider,
    #div-interaktingslider #frame,
    #div-interaktingslider #slide-content,
    #div-interaktingslider #slide-content img,
    #div-interaktingslider #slide-commands {
        width: auto !important;
        height: auto !important;
    }
    #block-views-clippard-news-block {
        width: auto !important;
    }

    #div-interaktingslider #slide-content img, #div-interaktingslider #slide-commands { width: 570px !important }
    #div-interaktingslider #frame { height: 271px !important }
    #div-interaktingslider #slide-commands { transform: scale( 1, 0.9 ); bottom: 4px !important }
    #block-views-clippard-news-block { margin-left: 577px !important; height: 271px !important }
    #block-views-clippard-news-block div.view-content { height: 190px !important }
}

@media screen and (max-width: 900px) {
    #div-interaktingslider #slide-content img, #div-interaktingslider #slide-commands { width: 422px !important }
    #div-interaktingslider #frame { height: 201px !important }
    #div-interaktingslider #slide-commands { transform: scale( 1.03, 0.67 ); bottom: -1px !important }
    #block-views-clippard-news-block { margin-left: 430px !important; height: 201px !important }
    #block-views-clippard-news-block div.view-content { height: 120px !important }
    #block-views-clippard-news-block div.view-content div.views-field-title { font-size: 14px }

}

@media screen and (max-width: 760px) {
    #div-interaktingslider #slide-content img, #div-interaktingslider #slide-commands { width: 317px !important }
    #div-interaktingslider #frame { height: 151px !important }
    #div-interaktingslider #slide-commands { transform: scale( 1.06, 0.45 ); bottom: -5px !important }
    #block-views-clippard-news-block { margin-left: 323px !important; height: 151px !important }
    #block-views-clippard-news-block div.view-content { height: 70px !important }
    #block-views-clippard-news-block div.view-content div.views-field-title { font-size: 12px }
}

@media screen and (max-width: 640px) {
    #div-interaktingslider {
        transform: scale( 0.67, 1 );
        transform-origin: top left;
    }
    #block-views-clippard-news-block {
        margin-left: 218px !important;
    }
}

@media screen and (max-width: 535px) {
    #block-views-clippard-news-block {
        background-position-x: -40px !important;
    }
}

@media screen and (max-width: 500px) {
    #div-interaktingslider {
        display: none;
    }
    #block-views-clippard-news-block {
        float: none !important;
        margin: -25px 0px 0px 0px !important;
        height: 151px !important;
    }
    #block-views-clippard-news-block h2.block-title {
        margin-bottom: 16px;
        padding-top: 18px;
    }
    #block-views-clippard-news-block div.view-content {
        height: 70px !important;
    }
    #block-views-clippard-news-block div.view-content div.views-field-title {
        font-size: 12px;
    }
    #block-views-clippard-news-block {
        background-position-x: 0px !important;
    }
}

@media screen and (max-width: 320px) {
    #block-views-clippard-news-block {
        background-position-x: -40px !important;
    }
}

/* Home Page: Bottom Half  -------------------------------------------------- *

@media screen and (max-width: 976px) {
    table#homeCategories td a img {
        width: 98% !important;
    }
    table#homeCategories td h3 {
        height: 50px !important;
    }
    table#homeCategories td p.pdfLink {
        position: relative !important;
        top: 0px !important;
    }
}

@media screen and (max-width: 800px) {
    table#homeCategories td a img {
        width: 153px !important;
    }
    table#homeCategories td h3 {
        height: 34px !important;
    }
    table#homeCategories tr:last-child {
        text-align: center;
    }
    table#homeCategories tr:last-child td {
        display: inline-block;
    }
    table#homeCategories td {
        border-width: 0px 1px 1px 1px !important;
        margin-bottom: -1px;
        margin-left: -4px;
    }
}

@media screen and (max-width: 400px) {
    table#homeCategories form#search_mini_form span {
        display: none !important;
    }
}

/* Product Pages  ----------------------------------------------------------- *

@media screen and (max-width: 976px) {
    div.col-main {
        width: auto !important;
        float: none !important;
    }

    div.col-main > div > table,
    div.col-main > div > table td:first-child {
        width: auto !important;
    }
    div.col-main > div > table {
        margin-left: 235px;
    }
    div.col-main div.page-title {
        height: 50px !important;
    }
    div.col-main table img {
        max-width: 550px !important;
        height: auto !important;
    }
}

@media screen and (max-width: 840px) {
    div.col-left {
        float: none;
    }

    div.col-main > div > table,
    div.col-main > div > table:first-child {
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media screen and (max-width: 570px) {
    div.col-main > div > table:first-child tr td {
        display: inline-block;
        width: auto !important;
    }
    div.col-main table img {
        max-width: 300px !important;
        height: auto !important;
    }
}

@media screen and (max-width: 340px) {
    div.col-main > div > table:first-child tr td img {
        max-width: 200px !important;
        height: auto !important;
    }
}

/* Exceptional Edge Cases: Product Pages ------------------------------------ *

/* http://www.clippard.com/products/fitting *
@media screen and (max-width: 976px) {
    div.col-main > div.category-fitting > table tr:last-child td img {
        width: 500px !important;
        height: auto !important;
    }
    div.col-main > div.category-fitting > table {
        margin-top: -280px;
    }
}
@media screen and (max-width: 600px) {
    div.col-main > div.category-fitting > table tr:last-child td img {
        width: 300px !important;
        height: auto !important;
    }
}
@media screen and (max-width: 840px) {
    div.col-main > div > table:first-child {
        margin-top: 0px;
    }
}

/* http://www.clippard.com/products/assembly-custom *
@media screen and (max-width: 880px) {
    div.col-main > div.category-assembly-custom > table td {
        display: inline-block;
        width: auto !important;
    }
}
@media screen and (max-width: 360px) {
    div.col-main > div.category-assembly-custom > table td img {
        max-width: 200px !important;
        height: auto !important;
    }
}

/* http://www.clippard.com/part/configure/NIV *
@media screen and (max-width: 390px) {
    div.col-main div.product-view div.product-shop {
        width: 250px;
    }
}

/* http://www.clippard.com/products/cylinder-stainless *
@media screen and (max-width: 976px) {
    div.col-main div.category-cylinder-stainless > table:first-child > tbody:first-child > tr:first-child > td:first-child img {
        width: 250px !important;
        height: auto !important;
    }
}

/* Shopping Cart ------------------------------------------------------------ *

@media screen and (max-width: 976px) {
    div.cart-collaterals > div.coupon {
        margin-left: 10px;
    }

    div.cart-collaterals > div.shipping {
        float: left;
        margin-left: 10px;
    }
}
*/