.stock-type-general {
    background-image: url("/assets/images/product-stock.png");
}

.stock-type-variant {
    background-image: url("/assets/images/product-stock-by-variant.png");
}

.product-stock-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .product-stock-selector input:active + .stock-type {
        opacity: .9;
    }

    .product-stock-selector input:checked + .stock-type {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        border-bottom: 5px solid;
    }

.stock-type {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 304px;
    height: 167px;
    border-bottom: none;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.2) grayscale(1) opacity(.7);
}

    .stock-type:hover {
        -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
        -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
        filter: brightness(1.2) grayscale(.5) opacity(.9);
    }

@media (min-width: 992px) {
    .product-stock-container {
        float: right !important;
    }

    .product-stock-by-variant-container {
        float: left !important
    }
}

@media (max-width: 991px) {
    .product-stock-container {
        float: left !important;
    }

    .product-stock-by-variant-container {
        float: left !important
    }
}

@media (min-width: 1200px) {
    .product-stock-selector {
        border: 3px solid;
        border-radius: 5px;
        padding: 10px;
    }
}

@media (max-width: 1199px) {
    .product-stock-selector {
        border-radius: 5px;
        padding: 10px;
    }
}