Template:Peking/css/responsive

@media (max-width: 1024px) {

   /* === SLIDER */
   .slider.fixed-image { position:relative; z-index:10; width:100%; }
   .mobile-slider { display:block !important; }
   .slider.no-responsive { display:none !important; }
   .slider.fixed-image.inner {
       max-width: 100%;
       padding: 0;
   }

.slider.fixed-image { margin-top:30px; } }

/* Landscape phone to portrait tablet */ @media (max-width: 767px) {

   /* === MOBILE */
   #wrapper { margin: 0 -20px !important; overflow:hidden; }
   .fcontainer { padding-left:20px; padding-right:20px; }
   #wrapper.container { padding-left:0px; padding-right:0px; width:auto !important; }

}

/* Large desktop */ @media (min-width: 1200px) {

   ul.products li.product.grid, ul.products li.product.list { margin-left:30px; }
   .features-tab-wrapper ul.products li.product.grid { margin-left:30px; }
   #primary .slider.alignleft, #primary .slider.revolution-slider.alignleft { margin-right:30px !important; }
   #primary .slider.alignright, #primary .slider.revolution-slider.alignright { margin-left:30px !important; }

}

/* Portrait tablet to landscape and desktop */ @media (max-width: 1200px) { }

@media (min-width: 768px) and (max-width: 1024px) {

   ul.products li.product.grid.classic .product-actions a.details { margin-bottom: 5px }
   .slider.fixed-image .slider-shadow { background: none }

}

/* iPad portrait */ @media (min-width: 768px) and (max-width: 979px) {

   .polaroid .slide .slide-content.align-right div.text { padding-left: 60%; }
   .polaroid .slide .slide-content div.text { margin-top: -50px; }
   .usquare_block { z-index: 1000 }
   .slider.fixed-image .slider-shadow { background: none }
   .slider.fixed-image { margin-top:30px; }

}

/* Landscape phone to portrait tablet */ @media (max-width: 767px) {

   /* === SLIDER */
   .slider.thumbnails .showcase-content img { width: 96.5% !important; padding:1.5%; }
   .boxed .slider.thumbnails .showcase-thumbnail-restriction { max-width:90%; }
   .slider.thumbnails .showcase-thumbnail-restriction { margin-left:22px; }
   .slider.thumbnails .showcase-thumbnail { margin-right:14px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
   .slider.thumbnails .showcase-thumbnail-container { margin-top:0; }
   .slider.thumbnails .showcase-thumbnail-button-forward { right:0; }
   .boxed .slider.revolution-slider { margin-left:0 !important; margin-right:0 !important; }
   .slider.fixed-image { margin:20px auto 0px; }
   .slider.fixed-image .slider-shadow { background: none }
   #header .slider.flexslider .slider-shadow,
   #header .slider.flexslider-elegant .slider-shadow, .slider.thumbnails .showcase-thumbnail-container { background: none }
   #header .slider.polaroid .thumbs .thumb img { visibility: hidden !important }

}

/* Landscape phones and down */ @media (max-width: 480px) {

   #header .slider,
   #header .slider.flexslider { margin-top: 0px !important; border-top: 0px !important; }
   .top-border { border: 0px; margin-top: 0px; }

/* Portrait phones and down */ @media (max-width: 321px) {

   .portfolio-slider.thumbnails .showcase-thumbnail { margin-right:15px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
   .portfolio-slider.thumbnails .showcase-thumbnail-button-backward, .slider.thumbnails .showcase-thumbnail-button-forward { width:18px; }
   .products-slider li { width:280px; }

}