/********************************************************************************************/
/* All mobile styles area are inherited from the top and down (large -> small screen sizes) */
/********************************************************************************************/

/* General responsive - 1200px */
@media 
    screen and (max-width: 1200px),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait), 
    screen and (max-device-width: 480px)
{
    /* Master Page*/
    .container { width: 100%; padding-right:20px; }
    section#content img { height: auto !important; max-width: 100% !important; }
    
    /* Product List */
    .list-relevant-items-2 .product-item img { margin-right: 0; }
    ul.product-list :nth-of-type(odd).product-list-item .product-item { clear: both }
}


/* Tablets - horisontal */
@media 
    screen and (max-width: 1100px),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait), 
    screen and (max-device-width: 480px)
{
   /* Master Page*/
   .toggleMobileMenuContainer { display: block }
   section#header { display: none; }
   a.btn.btn-link.customerservice { display: none }
   #bannerContainer { display: none; }
   #cartContainer .col-xs-5.col-lg-5, #cartContainer .col-xs-7.col-lg-7 { width: auto;float: right;padding-right: 33px; }
   
   /* Product */
   .product .col-xs-4.col-lg-4 { width:100% }
}


/* Tablets - vertical */
@media 
    screen and (max-width: 800px),
    screen and (min-device-width: 768px) and (orientation:portrait), 
    screen and (max-device-width: 480px)
{
    /* Master Page*/
    .sidebar-navigation { display: none }
    #mainContent { width: 100%; margin-top: 80px; }
    .logo { right: auto; left: 0; margin-top: 5px; }
    .toggleMobileMenuContainer { padding-left: 0; border-left: none; }
    #cartContainer { padding-right: 0; }
    .container { padding-right:0; overflow: hidden; }
    #content { margin-right: 0; }
    .hoptv { margin-top:0 }
    h2, .h2 { font-size: 22px; }
    h3, .h3 { font-size: 16px; }

}


/* General responsive - 750px */
@media 
    screen and (max-width: 750px), 
    screen and (max-device-width: 480px)
{
    /* Master Page*/
    img.customservice-phone { display: none }
   .hoptv .col-xs-8.col-lg-8, .hoptv .col-xs-4.col-lg-4 { width: 100%; float:none }
    .mobileMenuContainer { padding-right: 20px; padding-left: 15px; }
    a#toggleMobileMenu { margin-left: 5px; }
    .logo img { width: 150px;height: auto; }
    #cartContainer { margin-top:-50px }

   /* Product List */
    ul.product-list .product-item { width: 100%; display: block; }
    .list-relevant-items-2 .product-item h3 { height: auto }
    ul.compare-prices li { display: block; }
    .details { width: calc(100% - 100px);float: left;display:inline-block }

    /* Shopping Cart */
    input#quantity { width: 40px; }
    .shopping-cart td { font-size: 12px; padding: 5px 5px; }
} 

/* Smart Phones (landscape)  */
@media only screen and (min-width : 321px) and (max-width: 480px) {
    /* Front page */
    .hoptv iframe[height='315'] { height:225px  }
}

/* Smart Phones (portrait)  */
@media screen and (max-width : 320px), only screen and (max-width : 320px) {
    /* Front page */
    .hoptv iframe[height='315'] { height:150px  }
    div.details .btn { font-size: 11px; }
}