html, body { overflow-x: hidden;}



/* 																								< 1240
===================================================================================================== */
@media only screen and (max-width: 1239px)
{
  ul.menuMain > li {
    font-size: 75%;
  }
  .pageMainContent {
    width:      720px;
  }
  .pageSidebar {
    width:    200px;
  }
  .pageSidebar h3 {
    font-size:    80%;
  }
}





/* 																								< 961
===================================================================================================== */
@media only screen and (max-width: 960px)
{
  .pageProducts .product,
  .pageMainContent .pageProducts .product {
    width:  33.1%;
    border-right: 1px solid #e5e5e5 !important;
    clear:  none !important;
  }
  .topSearch{
    float:none;
    width: 300px;
    margin: 80px auto 0 auto;
  }

  /*.topNavigationSpec{
    float:none;
    width: 300px;
    margin: 80px auto 0 auto;
  }*/

  .menuTop,
  .contactTop {
    float: none;
    display:  block;
    width:    100%;
    clear: both;
    text-align: center;
  }
  .pageMainContent {
    width:      calc(100% - 180px);
  }
  .pageSidebar {
    width:    180px;
  }
  /* products with sidebar */
  .pageMainContent .pageProducts .product:nth-child(4n) {
    border-right: 1px solid #e5e5e5;
  }
  .pageMainContent .pageProducts .product:nth-child(4n+1) {
    clear:  none !important;
  }
  ul.page-picture-navi li {
    width:    32.7%;
    margin-right:     0.5%;
  }
  .ordernav {
    text-align: center;
    font-weight:  bold;
    margin-bottom:  25px;
  }
  .ordernav a span {
    float:    none;
    margin: 10px auto;
  }
  .ordernav a {
    font-size:    80%;
    line-height:  120%;
  }
}


@media only screen and (max-width: 700px){
  .pageHeadClient h1{
    float: none;
    margin: 10px auto;
    text-align: center;
  }
  .topEshop{
    float: none;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .topSearch{
    margin: 0 auto;
  }
  
  .topNavigationSpec{
    float: none;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
  }
}


/* #Desktop 																				960 - 1239
====================================================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1239px)
{
  body 							{ min-width:0; }
  .container	{ width: 940px; }
  .pageProducts .product .cart {
    left:       17px;
    width:      150px;
  }
  .pageProducts .product .cart input[type="button"] {
    width:    80px;
  }
  #categoryContainer{
    width: 100%;
  }
  .pageMainContent{
    width: calc(100% - 210px);
  }
  #navigation-spec{
    width: 200px;
  }
}

@media only screen and (max-width: 1140px){
  .pageMainContent .pageProducts .product, #favoritePage .product{ width: 30.55%; }
  .pageProducts .product .cart{ left: calc(50% - 75px) }
}
@media only screen and (max-width: 1122px){
  .pageMainContent .pageProducts .product, #favoritePage .product{ width: 45%; }
  .pageProducts .product .cart{ left: calc(50% - 75px) }
}
@media only screen and (max-width: 962px){
  .pageProducts .product .cart{ left: 0; }
}





/* #Tablet (Landscape) 																		768 - 959
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
  body							{ min-width:0; }
  .container:not("#categoryContainer")	{ width: 708px; }
  ul.menuMain li a span span {
    padding:    0px 0px 0px 13px;
    display:    block;
  }
}




@media only screen and (max-width: 1350px){
  .pageBottomForm .column,
  .pageBottomForm .container .column,
  .pageBottomForm .four.columns					{ margin:0; width: 100% !important; clear: both; }
  .pageBottomForm .container					{ width: 100% !important; text-align: center; }
  .pageBottomForm .column		{ margin:0 0 20px;}
  .pageBottomForm .four.columns					{ float: none !important; margin:0 auto !important; }
  .pageBottomFormFields{ width: 100%; margin: 0 auto; text-align: center }
  .pageBottomFormFields input[type="email"]{ width: 280px; }
  .pageBottomForm #logo, .pageBottomForm #info{ width: 90%; margin: 0 auto }
  .pageBottomForm #info h4, .pageBottomForm #info p{ padding: 0; }
  .pageBottomForm #info p{ padding-top: 10px; }
  .pageBottomForm img{ width: 150px; padding: 0 0 20px 0; }
  .pageBottomForm{ padding: 20px 0; }
  #frm-subscribeForm{
    text-align: center;
    margin: 0 auto;
    width: 330px;
  }
  .pageBottomLinks .footerDescription{
    text-align: justify;
  }
  .pageFooter{
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1000px){
  .pageBottomLinks .container{
    margin: 0 auto;
    text-align: center;
  }
  .pageBottomLinks .column,
  .pageBottomLinks .container .column,
  .pageBottomLinks .four.columns					{ margin:20px 0 0 0; width: 100% !important; clear: both; }
  .pageBottomLinks #footerLogo { margin-top: -30px; text-align: center; padding-bottom: 30px }
  .pageBottomLinks .container					{ width: 300px !important; text-align: left; }
  .pageBottomLinks .column		{ margin:0 0 20px;}
  .pageBottomLinks .four.columns					{ float: none !important; margin:0 auto !important; }
}



/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 767px)
{
  a.button.right, button.button.right{
    float: none;
    margin: 0 auto;
  }
  a.button, button.button{
    float: none;
    width: auto;
    margin: 0 auto;
  }
  .grey{
    margin: 0 auto;
  }
  .orderTransForm{
    margin: 0 20px;
  }
  .ordernav {
    padding:    50px 0 70px 0;
  }
  .pageOrder h2{
    margin-left: 20px;
  }
  .pageOrder h3 {
    margin-left: 20px;
    margin-bottom:  30px;
  }
  .one-second iframe{
    width: 100%;
  }
  body 							{ min-width:0;}
  .column,
  .container .column,
  .four.columns					{ margin:20px auto; width: 100% !important; clear: both;}
  .product-detail .two-third{text-align: center}
  .container					{ width: 260px !important; }
  .column		{ margin:0 0 20px;}
  .four.columns					{ float: none !important; margin:0 auto !important; }

  #logRegTitle{
    width: 90%;
    margin-left: 5%;
  }

  .userReg{
    width: 90%;
    margin: 0 auto;
  }

  .pageProducts .product {
    width:  49.2%;
    border-right: 1px solid #e5e5e5 !important;
    clear:  none !important;
  }
  .pageProducts .product:nth-child(3n) {
    border-right: 1px solid #e5e5e5 !important;
  }
  .pageProducts .product:nth-child(3n+1) {
    clear: none !important;
  }
  .pageProducts .product:nth-child(2n+1) {
    clear: both !important;
  }
  .pageProducts .product .cart {
    left:       calc(50% - 77.5px);
    width:      145px;
  }
  .pageProducts .product .cart input[type="button"] {
    width:    75px;
  }
  ul.menuMain li:hover > ul {
    display: none;
  }
  .pageMainContent .pageProducts .product {
    border-right: 1px solid #e5e5e5 !important;
    clear:  none !important;
  }
  .pageMainContent .pageProducts .product:nth-child(3n+1) {
    clear: none !important;
  }
  .pageMainContent .pageProducts .product:nth-child(2n+1) {
    clear:  both;
  }
  ul.page-picture-navi li {
    width:    49%;
    margin-right:     0.5%;
  }
  .categorySorting, .pageSort .sortTotal{
    float: none;
  }
  .pageSort .sortTotal{
    padding: 15px;
  }
}

@media screen and (max-width: 650px){
  .categoryPaginator#paginator{
    float: none;
    margin: 0 auto 30px auto;
    text-align: center;
  }
  #categoryMoreProducts{
    top: 0;
    margin: 0 auto 30px auto;
    left: 0;
  }
}


@media only screen and (max-width: 963px){
  .pageSidebar,
  .pageMainContent,
  #categoryContainer{
    width:    100%;
  }

  #navigation-spec{
    width: 100%;
  }
  .pageHeadClient .container{ width: 100%; }
  .pageProducts .product .cart input[type="text"]{ width: 75%; }
}


/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
  .container,
  .four.columns					{ width:  100% !important;}
}





/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (max-width: 479px) {
  .container { width:  100% !important;}
  .pageProducts .product,
  .pageProducts .product:nth-child(3n) {
    width:  100%;
  }

  .pageMainContent .pageProducts .product, #favoritePage .product {
    width:  99.2%;
    clear:  both !important;
  }
  ul.page-picture-navi li {
    width:    100%;
    margin-right:     0%;
  }
}







/* ============================================  Retina  ============================================ */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

}