﻿@media only screen and (min-width:601px) and (max-width:1000px)
{
 nav
 {
  width:100%;
 }
 nav #btnmnu
 {
  margin-right:20px;
 }
 .main
 {
  margin-bottom:40px;
  padding-bottom:40px;
 }
  #shop .details
 {
  height:88%;
  margin-left:-20px;
  padding:4vw;
 }
 #shop .imgs
 {
  width:74vw;
  margin:2vw;
  margin-right:0;
  padding:2vw;
  border:1px #ffffff solid;
  text-align:center;
 }
 #shop .rite
 {
  float:left;
 }
 #shop .thum
 {
  width:10vw;
  height:10vw;
  text-align:center;
  background:#3c3c3c;
  border:1px #ffffff solid;
  cursor:pointer;
 }
 #shop .thum img
 {
  height:10vw;
 }
 #shop .big
 {
  float:right;
  height:60vw;
  margin-left:1vw;
  border:4px #ffffff solid;
 }
 #shop .big img
 {
  height:60vw;
 }
 .foot
 {
  width:100vw;
  height:160px;
 }
 .foot .w3dcf
 {
  margin:18px;
 }
 .foot .socs
 {
  margin:auto;
  padding-right:8px;
  padding-top:20px;
 }
 .foot .soc
 {
  float:right;
 }
 .foot .socs img
 {
  margin:0 4px 0 0;
 }
 .account
 {
  width:100%;
  height:66px;
  margin:-114px 0 60px 0;
  padding:12px;
  clip-path:polygon(0 0, calc(50% - 138px) 0, calc(50% - 106px) 102%,  calc(50% + 106px) 102%, calc(50% + 138px) 0, 100% 0, 100% 100%, 0 100%, 0 0);
 }
 .tscroll
 {
  padding-top:12px;
  clip-path:none;
 }
 .account .trolley
 {
  margin:0 6px 6px 0;
 }
 .box img
 {
  width:48%;
 }
 .nobox
 {
  padding:0;
 }
}