﻿
        .sortdrop {margin-top:5px; float:left;}
        .owl-carousel .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);

    min-height: 1px;
    position: relative;


}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    height:380px;
    min-height: 1px;
    position: relative;


}
        @media (min-width: 980px)  and (max-width: 1280px) 
{
    .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px dotted #ccc;

    position: relative;
}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
        height: 400px;
    min-height: 1px;
    position: relative;
 
}
        .owl-carousel .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);

    min-height: 1px;
    position: relative;


}
     .sortdrop {margin-top:5px; float:left;}
.info-tabs .tab-set{list-style:none;padding-left:0;margin:0;float:none;position:relative;z-index:1;}
.info-tabs .tab-set li a {
    border: 0 none;

    direction: rtl;
    display: block;
    float: right;
    min-width: 0;
}
 .shopwrapper{margin: 0 auto; padding: 0 0 10px; width: 95%;}}
        @media (min-width: 640px) and (max-width: 980px)
        {  
            .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    min-height: 1px;
    position: relative;
 
}
  .owl-carousel .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);

    min-height: 1px;
    position: relative;


}
            .store.brand-story-header {
    background-color: #fff;
    border-bottom: 1px solid #dce1e6;
    left: 0;
    margin-top: 30px;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100%;
}  
  
            .tile.product .image-link img {
    display: block;
    min-height:0;
    min-width: 100%;
}

.tile.product .image-link {
    display: block;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}
            #LeftMenu {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.52);
    float: right;
    font: 12pt b koodak;
    margin-top:70px;
    padding: 5px;
    width: 100%;
}
   .sortdrop {margin-top:5px; margin-left:15px;  float:left;}
            .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 25%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 70%;
}

.info-tabs .tab-set{list-style:none;padding-left:0;margin:0;float:none;position:relative;z-index:1;}
         .shopwrapper{margin: 0 auto; padding: 0 0 10px; width: 97%;}

        
.info-tabs .tab-set li a {
    border: 0 none;
    direction: rtl;
    display: block;
    float: right;
    padding:10px 8px;
    font:normal 16px iran_sans;


}
        
.ImageProfile {
    border: solid 6px rgba(150,150,150,0.2);
    border-radius: 80px;
    height: 140px;
    width: 140px;
} 
         }
     @media (min-width: 450px) and (max-width: 639px) 
     {
                     .store.brand-story-header {
    background-color: #fff;
    border-bottom: 1px solid #dce1e6;
    left: 0;
    margin-top: 40px;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100%;
} 

           a.pagination-link {
    box-shadow: 0 -2px 3px rgba(6, 6, 7, 0.15) inset;
    color: #404448;
    display: inline-block;
  
    padding:9px;
    text-align: center;
}
    .search-results-pagination {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    width: 100%;
}

        .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 100%;
}
.col8 {
    float: none;
    min-height: 1px;
    width: 95%;
}

#LeftMenu {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.52);
    float: right;
    font: 12pt b koodak;
    margin-top: 20px;
    margin-bottom:20px;
    padding: 5px;
    width: 100%;
}
       
          #tile2.product .image-link {
    display: block;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#tile2.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;


    position: relative;
}
 .owl-carousel .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    height: auto;
    min-height: 1px;
    position: relative;


}
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    height:auto;
    min-height: 1px;
    position: relative;
 
}
.info-tabs .tab-set li {
    display: block;
    float: none;
    height: 40px;
    line-height: 1;
    text-align: center;
    border-bottom:solid 1px #eee;
}
.info-tabs .tab-set li a {
    border: 0 none;
    color: #555;
    direction: rtl;
    display: block;
    
    float: right;

    height: 30px;
    margin: 0 20px 0 0;
    min-width: 0;
    padding: 5px;
}
.tile.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
 
    position: relative;
}
.tile.product .image-link {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height:0;
}



     .info-tabs .tab-set{list-style:none;padding-left:0;margin:0;float:none;position:relative;z-index:1;}
     .info-tabs .tab-set li {
    display: block;
    float: none;

    line-height: 1;
 
    text-align: center;
}
 .info-tabs {

    margin: 0 auto;
    min-height: 265px;
    text-align: center;
}
  a.pagination-link {
    box-shadow: 0 -2px 3px rgba(6, 6, 7, 0.15) inset;
    color: #404448;
    display: inline-block;
    min-width: 42px;
    padding: 10px;
    text-align: center;
}
         
.ImageProfile {
    border-radius: 80px;
    float: left;
    height: 100px;
    margin-left: 10px;
    margin-top: -80px;
    width: 100px;
    
}
.sortdrop {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    width: 90%;
}
}
 @media (min-width: 320px) and (max-width: 451px) 
     {
                     .store.brand-story-header {
    background-color: #fff;
    border-bottom: 1px solid #dce1e6;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow:hidden;
} 


        .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 100%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 95%;
}

#LeftMenu {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.52);
    float: right;
    font: 12pt b koodak;
    margin-top: 20px;
    padding: 5px;
    width: 100%;
}
      
          #tile2.product .image-link {
    display: block;

    overflow: hidden;
    position: relative;
    width: 100%;
}
          .tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    height:auto;
    min-height: 1px;
    position: relative;
 
}
#tile2.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;

 
    position: relative;
}

 .info-tabs .tab-set li {
    display: block;
    float: none;
    text-align: center;
    border-bottom:solid 1px #eee;
}
 .info-tabs .tab-set li a {
    border: 0 none;
     padding:10px;
    direction: rtl;
    display: block;
    text-align:right;
    float: none;

    min-width: 0;

}
.tile.product .tile-bottom {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    position: relative;
}
.tile.product .image-link {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height:0;
}



     .info-tabs .tab-set{list-style:none;padding-left:0;margin:0;float:none;position:relative;z-index:1;}
     .info-tabs .tab-set li {
    display: block;
    float: none;
    text-align: center;
}
   .info-tabs {

    margin: 0 auto;
    min-height: 265px;
    text-align: center;
}
       .search-results-pagination {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    width: 100%;
}
  a.pagination-link {

    color: #404448;
  
    text-align: center;
}
  
.ImageProfile {

    border-radius: 80px;

    height: 90px;

    width: 90px;
    
}
.sortdrop {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 95%;
}
}
