﻿@media only screen and (max-width: 600px) {
    #ImageButton1 {
        display: none;
    }

    .site-header svg {
        width: 130px;
        height: 70px;
    }

    .site-header a {
        /*position: absolute;*/
    }

    .basketLink {
        position: absolute;
        right: 0px;
        left: 204px;
        bottom: -80px;
    }

        .basketLink svg {
            width: 50px;
        }

    #basketCount {
        right: -52px !important;
        top: 27px !important;
    }

    .btn-circle {
        padding: 10px;
        margin: 8px;
    }

    .process-row:before {
        top: 30px !important;
    }

    #steps {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .process-step {
    }

        .process-step p {
            display: none;
        }

    #steps .btn {
        width: 40px !important;
        height: 40px !important;
    }

    .fa-2x {
        font-size: 1.5em !important;
    }

    table.table.table-striped.table-hover.table-bordered tr th, table.table.table-striped.table-hover.table-bordered tr td {
        display: none;
    }

        table.table.table-striped.table-hover.table-bordered tr th:first-child {
            display: block !important;
            float: left;
            min-height: 40px;
            width: 70% !important;
            border: 0px;
            border-right: 1px solid #e9ecef;
        }

        table.table.table-striped.table-hover.table-bordered tr th:last-child {
            display: block !important;
            float: left;
            min-height: 40px;
            width: 30% !important;
            text-align: center;
            border: 0px;
        }

        table.table.table-striped.table-hover.table-bordered tr td:first-child {
            display: block !important;
            float: left;
            min-height: 110px;
            width: 70% !important;
            border: 0px;
            border-right: 1px solid #e9ecef;
        }

        table.table.table-striped.table-hover.table-bordered tr td:last-child {
            display: block !important;
            float: left;
            min-height: 110px;
            width: 30% !important;
            text-align: center;
            border: 0px;
        }

    footer {
        position: relative !important;
        bottom: 0px;
        margin-top: 40px !important;
    }
}
