﻿
        .col8 {
    float: none;
    min-height: 1px;
    width: 100%;
}

        @media (min-width: 980px)  and (max-width: 1280px) 
{
 .tile.store .store-name-link{ background:rgba(255,255,255,0.1);  width:100%;height:100%;position:absolute;z-index:2;top:0;left:0; font:normal 18pt yekan;right:0;bottom:0;display:block;opacity:1;}
 
  }
    @media (min-width: 640px) and (max-width: 980px) 
{     .shopwrapper {
    margin: 0 auto;
    padding: 0 0 10px;
    width: 100%;
}
    .tile.store .product-list {
    height:150px;
    overflow: hidden;
    width: 100%;
}
    .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 30%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 100%;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 60%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    min-height: 500px;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 75%;
    z-index: 10;
}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{ margin-top:15px; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("../images/heart.png") right -32px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{margin-top: 17px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("../images/heart.png") right 0px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile{float:left; margin-top:-10px; margin-bottom:30px;position:relative;-webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);-moz-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:#fff;height:360px}

.tile.product .image-link {
    display: block;
    height: 250px;
    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;
    height: 110px;
    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
.selectpro{ width:30%; float:left;}
.filterhide{ width:40%; float:right;}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
    width: 85%;
}
      .hide-filters.shown-filters {
    padding-left: 0;
    width:70%;
}

 .tile.store .store-name-link{ background:rgba(255,255,255,0.1);  width:100%;height:100%;position:absolute;z-index:2;left:0; font:normal 18pt yekan;right:0;bottom:0;display:block;opacity:1;}
 
}    
 @media (min-width: 450px) and (max-width: 639px) 
        {     .shopwrapper {
    margin: 0 auto;
    padding: 0 0 10px;
    width: 100%;
}
              .tile.store .product-list {
    height: 120px;
    overflow: hidden;
    width: 100%;
}

                .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 100%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 100%;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 100%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    min-height: 500px;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 95%;
    z-index: 10;
}
.hide-filters.shown-filters:before{ width:5px; content:'';display:inline-block;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #969eaf;position:relative;top:2px;left:0px;font:normal 11pt yekan;}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{ margin-top:15px; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("../images/heart.png") right -32px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{margin-top: 17px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("../images/heart.png") right 0px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile{width:90%;margin-left:5px;margin-right:5px;float:left; margin-top:-10px; margin-bottom:30px;position:relative;-webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);-moz-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:#fff;height:360px}

.tile.product .image-link {
    display: block;
    height: 250px;
    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;
    height: 110px;
    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
    width:89%;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
            .selectpro{ width:30%; float:left;}
  .filterhide{ width:35%; float:right;}
            
  
        .hide-filters.shown-filters {
    padding-left: 0;
    width:100%;
}

 .tile.store .store-name-link{  background:rgba(255,255,255,0.1);width:100%;height:100%;z-index:2; font:normal 14pt yekan;right:0;bottom:0;display:block;opacity:1;}

.styled-select { margin-left:0px;}

       }
@media (min-width: 320px) and (max-width: 451px) 
            {     .shopwrapper {
    margin: 0 auto;
    padding: 0 0 10px;
    width: 100%;
}
              .tile.store .product-list {
    height: 180px;
    overflow: hidden;
    width: 100%;
}
                .content-header.browse h1.search-title{font:normal 21px b koodak; color:#444; margin-top:-20px; position:absolute;right:0; margin-top:10px;}
               
                #gdcnt{ margin-top:30px;}
   .tile.store .store-name-link{  width:100%;background:rgba(255,255,255,0.1);display:block;opacity:1;}
  
  .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 98%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 100%;
    margin-top:20px;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 60%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    min-height: 500px;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 95%;
    z-index: 10;
}

.hide-filters.shown-filters:before{ width:5px; content:'';display:inline-block;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #969eaf;position:relative;top:2px;left:0px;font:normal 11pt yekan;}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{ margin-top:15px; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("../images/heart.png") right -32px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{margin-top: 17px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("../images/heart.png") right 0px no-repeat;width:100%;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.store .store-name-link span{ position:absolute;bottom:10px;left:27%; display:block;color:#3f465e;background:#fff;width:50%;padding:7px;font:normal 10pt yekan;border:1px solid #b1bace;text-align:center;line-height:1;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
 .tile.store .store-name-link{  background:rgba(255,255,255,0.1);width:100%;height:100%;z-index:2; font:normal 14pt yekan;right:0;bottom:0;display:block;opacity:1;}
.tile.product .image-link {
    display: block;
    height: 250px;
    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;
    height: 110px;
    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
    width:85%;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
.product-wrapper {
    padding: 20px 10px;
    min-height: 500px;
    margin-top:70px;
    width:70%;
}
            .selectpro{ width:70%; float:none;margin:0 auto; margin-top:45px;}
.filterhide{ width:45%; float:none; margin:0 auto;}
       .hide-filters.shown-filters {
    padding-left: 0;
    width:80%;
}
}
   