﻿.ShellStoreItems {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

    .ShellStoreItems > div[class*='col-'] {
        display: flex;
        flex-direction: column;
        padding-left:0;
        padding-right:0;
    }
.ShellStoreMainContent.basic2 .ShellStoreItems > div[class*='col-']{
    width:50% !important;
    padding:0px 5px;
}
.ShellStoreMainContent.basic1 .ShellStoreItems > div[class*='col-']{
    width:100% !important;
}

.ShellStoreMainContent.basic2 .ShellTemplate.Folder .TemplateTitle{
    float:none;
    position:relative;
}
.ShellStoreMainContent .ShellTemplate.Folder .TemplateTitle a{
    width:100%;
    padding:10px 5px;
    position: relative;
    transition: all 0.5s ease 0s;
        display: flex;
    flex-direction: column;
    font-size:16px;
}
.ShellStoreMainContent .ShellTemplate.Folder .TemplateTitle a:hover{
    text-decoration:none;
}
.ShellTemplate > article:hover{
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
}
html.touch .ShellTemplate > article:hover{
    box-shadow:none;
}
.ShellTemplate > a article, .ShellTemplate > article {
    text-align: center;
    box-shadow: 1px 1px 2px #ccc;
    margin-bottom: 13px;
    position: relative;
    height: 100%;
    border: 1px solid #f5f5f5;
    transition: all 0.5s ease 0s;
    padding-right: 20px;
}
.ShellTemplate .ShellSaveLater {
text-align:right;
}
.TemplateRow {
    display: table-row;
}
.TemplatePrice{
    margin:7px 5px 0 0;
}
.ShellDetailInfo{
    float:left;
}
.ShellTemplateDetail {
    float: left;
    width: 100%;
    min-height: 30px;
    padding:5px;
}
/*ITEMS*/
.TemplateDescription, .TemplateLink, .TemplateManufacturer, .TemplateImage {
    display: none;
    padding: 3px;
}

.TemplateIcons {
    float: right;
    height: 0;
    position: absolute;
    right: 2px;
    top: 2px;
}

    .TemplateIcons img {
        padding-left: 3px;
    }

.TemplateOutOfStockMessage {
    font-size: .9em;
}

.TemplateId {
    float: left;
    font-size: .8em;
    margin-top:5px;
}

.ShellTemplateLinkAddToCart {
    bottom: 2px;
    right: 2px;
}
.TemplateAddToCart{
    float:right;
}

.TemplateTitle {
    float: left;
    text-align: left;
    width: 100%;
    position: relative;
}

.ShellTemplateAddToCart {
    float: right;
}

@media (min-width: 992px) {
    .col-md-4 {
        width: 50%;
    }
}


@media (max-width: 500px) {
    .ShellStoreMainContent.basic2 .ShellStoreItems > div[class*='col-'] {
        width: 100% !important;
    }
}

@media (max-width: 300px) {
    .TemplateQuantity {
        clear: left;
    }

    div.ShellTemplate.Item {
        padding-bottom: 54px;
    }
}
