/* 
========================================================================
VERY BIG SCREENS
========================================================================
*/
@media only screen and (min-width: 1930px) {

}

/* 
========================================================================
BIG SCREENS
========================================================================
*/
@media only screen and (min-width: 930px) {
  .row { max-width: 100%; }
  #loginstatus { margin: 7px 0 0 0; text-transform: none; }
  #loginstatus #username,
  #loginstatus #statuslabel { display: inline; padding: 4px 9px 0 0; }
  #loginstatus:hover #account_menu { position: absolute; width: 190px; float: right; }
  }

/* 
========================================================================
LARGE SCREENS
========================================================================
*/
@media only screen and (max-width: 1280px) {

    #centre_container                       { min-height: calc(100vh - 120px); }

    .left-off-canvas-menu #categorymenu     { display: block; }
    #header #h_bottom                       { display: none; }
    #header #h_bottom2                       { display: none; }

    /* Header */ 
    #header                                 { height: 100px; position: fixed; width: 100%; z-index: 2; background-color: #fff; box-shadow: rgba(0,0,0,0.1) 0 3px 3px; }
    #header .row                            { max-width: 100%; height: auto; }
    #footer_inside                          { max-width: 100%; }

    #header .logo                           { max-width: 130px; margin-top: 20px;}
    #centre_container                       { padding: 100px 0 0 0; }

    /* Products*/
    .products                               { padding: 0; }
    .products_shortened .item               { width: calc(33% - 40px); }
    .subcategories_shortened .item          { width: calc(33% - 20px); }
    .products_tabular .item                 { width: calc(33% - 40px); }
    .versions td.info                       { max-width: 200px; overflow: hidden; }

    a.left-off-canvas-toggle                { display: inline-block; }

    #h_mid_leftcenter,
    #h_mid_center,
    #h_mid_rightcenter { display: none !important; }
    #searchlink { display: block; }
    #search_main { display: none; }


    #loginstatus { padding: 9px 0 3px 5px; float: left; overflow: visible; width: auto; }
    #loginstatus #statuslabel { display: none; }

    /* basket, checkout link*/
    #minibasket { float: left; margin-left: 10px; }
    #minibasket #minibasket_header { right: 170px; }
    .compactminibasket .chevron,
    #minibasket .chevron { display: none; }
    .checkoutlink { letter-spacing: 2px; font-size: 15px; font-weight: normal !important; color: #666 !important; top: 17px; right: 15px; float: right; display: inline-block; margin: 23px 0 0 30px; }
    .checkoutlink:hover { color: #5ebae2; }
    #header #right_icons { width: 145px; float: right; }

        /* Basket */
    .basket .controls .button { width: 100%; font-weight: normal; }
    #compactbasket_totalprice { display: none; }
    #cntMain_UC_BasketMain_btnCheckout { margin-top: 10px; display: block; width: 100%; }

    .compactminibasket,
    #minibasket #minibasket_header { position: absolute; right: 140px; top: 14px; }

     .compactminibasket a,
    #minibasket #minibasket_header a { font-size: 12px !important; margin: 23px 0 0 0; }

     #loginstatus a.logoutbutton { display: none; }

    /* Hide account menu */
    #menuAccount        { display: none;}
    #menuAccountLink    { display: none;}
    #loginstatus #username #loggedin-label { display: none; }
    #loginstatus #username strong { display: none; }

    /* Orbit slider */
    .orbit-timer, .orbit-slide-number { margin-top: -1000px; } /* get them out of view, but still present */

    .bigborder { padding: 30px; }
    .bigborder p { margin-bottom: 20px; }

    #currencymenu                           {  right: 425px; }
  }

/* 
========================================================================
MEDIUM SCREENS
========================================================================
*/
@media only screen and (max-width: 930px) {

    /* Products*/
    .products_shortened .item               { width: calc(50% - 40px); }
    .subcategories_shortened .item          { width: calc(50% - 20px); }
    .products_tabular .item                 { width: calc(50% - 40px); }
    .versions td.info                       { max-width: 200px; overflow: hidden; }

    /* Misc*/
    .Kartris-DetailsView-Name               { width: 100%; text-align: left; }
    .Kartris-DetailsView-Value              { width: 100%; }
    ul                                      { max-width: 100%; }
    #pagecontent_pad                        { min-height: 200px; padding-bottom: 15px; }
    select,
    input                                   { width: 100%; }
    #footer_inside                          { margin: 0; }
    .basket span.xqty                       { display: none; }

    #minibasket #minibasket_header { position: absolute; right: 120px; top: 14px; }

  }

/* 
========================================================================
SMALL SCREENS
========================================================================
*/
@media only screen and (max-width:768px) {
    /* Products*/
    .products_shortened .item               { width: calc(100% - 40px); }
    .subcategories_shortened .item          { width: calc(100% - 30px); }
    .products_tabular .item                 { width: calc(100% - 30px); margin-bottom: 20px; }
    .versions td.info                       { overflow: hidden; }



    /* Login status */

    h1                                      { font-size: 190%; line-height: 1.1em; }
    h2                                      { font-size: 130%; line-height: 1.1em; }

    #homepage_sliderholder                  { margin: 15px 0 30px 0; }

    #footer #f_left                         { text-align: center; }
    #footer #f_center                       { text-align: center; padding: 40px 0; }
    #footer #f_right                        { text-align: center; }

    .basket .totalspecial                   { margin-right: 0; width: 100%; float: none; }

    #currencymenu                           {  right: 235px; }

  }