/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }

    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }
    .container .one-fifth.column                { width: 133px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }

    .container .home-grid.nine.columns                    { width: 460px; }
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .wrapper {max-width: 100%;}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container .columns,
    .container .column { margin: 0; }

    .container { width: 92%; }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 100%; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }

}

/* Standard 960 to widescreen 1200(desktop browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .nav ul li { padding: 0 7px 0 7px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav ul.menu li { padding: 10px 3px 10px 3px; }
    .dropdown { left: 3px; }
    .nav ul li.cart-button a {
        background-color: transparent;
        padding: 0;
        color: #ffffff !important;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .mobile_hidden { display: none !important }
    #mobile-header {display: block;position: absolute;right: 0;top: -16px;width: 85px;}
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"], 
    input.action_button[type="button"] {
        margin-left: 0;
        width: 100%;
    }
    table {
        width:auto !important;
        max-width:100% !important;
        overflow: hidden;
    }
    .container div.mobile_only {
        display:block;
    }
    span.mobile_only {
        display: inline; 
    }
    .mobile_right {
        text-align: right;
    }
    table tr th, table tr td {
        padding: 2px;
        border-top: medium none;
    }
    .frame{height:auto;}
    .scrollbar {display: none;}
    .frame ul li {max-width: 100%;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mobile_hidden { display: none !important }
}
@media only screen and (max-width: 479px) {
    .column, .columns,.color_variation_link{display: inline-block;float: none;}
    .mobile_hidden { display: none !important }
    #mobile_nav a{font-size: 1.1em}
    .mobile-icon{background: url("../images/mobile-sprite.png") no-repeat scroll -31px 0 transparent;height: 21px;width: 33px;float: right;display: block;}
    .icon-search{background-position: -43px 0}
    .icon-menu{background-position: 0 0;clear: both;margin: 17px 8px 0;}
    .mm-list > li.lang-item{float: left;font-size: 12px;margin-top: 20px}
    .mm-list > li.lang-item a{padding-right: 0}
    .mm-menu .mm-list > li.lang-item:after{display: none !important}
    #contact_inputs_wrapper label {margin: 0 0 2px !important;}
    #contact_inputs_wrapper .contact-submit {float: right;}
    .main-content {padding: 0 0 12px;}
    .copyright {text-align: center;padding-bottom: 10px;}
    .entry-header {height: auto;}
    .frame .image-gallery li {float: none;height: auto;margin: 0 0 15px;max-width: 100%;}
    .footer .omega div.menu-footer-menu-container {float: left;padding-bottom: 10px;}
    .home-grid a{width: 48%;margin: 10px 1% 5px;}
    .home-grid a.long{width: 98%;}
    .home-grid a .img-mask{max-height: 97.5%;padding: 42% 8% 0;}
    .home-grid a.long .img-mask{padding: 13% 8% 0;}
    .frame ul li {display: inline-block;float: none;margin: 0 0 12px 0;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    html {
        -webkit-text-size-adjust: 100%;
    }
}