.product-schematic-flex{display:flex;}
.product-schematic-flex .product-schematic-right{min-width:360px;}
.comp-according{ max-height: 677px;overflow: auto;padding:0 15px;}
.comp-according ul { list-style: none; padding: 0; }
.comp-according ul .inner { display: none; }
.comp-according ul li { border: 1px solid #dedede; margin: 0 0 15px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.comp-according ul li a.toggle { display: block; color: #333; padding: 15px; transition: background 0.3s ease; font-size: 15px; position:relative;}
.comp-according ul li a.toggle:before{transition: background 0.3s ease;content:'';width:15px;height:15px;background:url('Images/down-arrow.svg')no-repeat center center;background-size:15px;position:absolute;top:15px;right:15px;}
.comp-according ul li a.toggle b{margin: 0 0 5px;display:block;font-weight: 600; }
.comp-according ul li .data-list{padding:0 15px 15px;font-size:13px;color:#000;}
.comp-according ul li .data-list p{margin:0 0 10px;}
.comp-according ul li .data-list label{margin-right:13px;color: #000;}
.comp-according ul li .data-list .hotspot_addbutton{border-top:1px solid #dedede;padding-top:15px;margin-top:15px;}
.comp-according ul li .data-list .hotspot-qty{margin:10px 0;}
.comp-according ul li a.according-active:before{transform:rotate(-180deg);}



.product-schematic-page .product {
    background-color: transparent !important;
}

.product-schematic-page .circle {
    background: url(Images/ring.gif) no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
}

.product-schematic-page .hotspot_list {
    width: 100%;
    margin-top: 50px;
}

.product-schematic-page table {
    width: 75%;
}

.product-schematic-page .table thead th.position {
    width: 10%;
}

.product-schematic-page .table thead th.productname {
    width: 30%;
}

.product-schematic-page .table thead th.product-prices {
    width: 15%;
    text-align: right;
}

.product-schematic-page .table thead th.product-qty {
    width: 15%;
}

.product-schematic-page .table thead th.addtocart-button {
    width: 20%;
}

.product-schematic-page .table thead th.product-availability {
    width: 10%;
}

.hotspot_quantity {
    width: 50px;
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}

.hospot_price {
    text-align: right;
}

.hotspot_list_child {
    padding-right: 15px;
}

.back-button-wrapper .back-button, .hotspot_addbutton .button-2 {
    min-width: 100px;
    height: 36px;
    border: none;
    background-color: #4ab2f1;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px;
}

    .back-button-wrapper .back-button:hover, .hotspot_addbutton .button-2:hover {
        opacity: 0.9;
    }

.hotspot_addbutton .button-2 {
    margin-bottom: 0px;
    background-color: #aaa;
}

.hotspot_image > div {
    max-width: 100% !important;
    width: 100% !important;
    text-align:center;
}

.blocker {
    z-index: 99999;
}

.product-schematic-page .table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

    .product-schematic-page .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        color: #000;
    }

    .product-schematic-page .table td, .product-schematic-page .table th {
        padding: .75rem;
        vertical-align: middle;
        border-top: 1px solid #dee2e6;
    }

.product-schematic-page th {
    text-align: inherit;
}

.instock, .outstock, .hotspot-location {
    height: 20px;
    width: 20px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.product-schematic-page .table td .hotspot_stockinfo {
    display: inline-block;
    width: 100%;
}

.instock {
    background: url(../Content/Images/Instock.png) no-repeat center center;
}

.outstock {
    background: url(../Content/Images/Outstock.png) no-repeat center center;
}

.hotspot-location {
    background: url(../Content/Images/hotspot-location.jpg) no-repeat center center;
}

.modal .modal_title {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.modal > div {
    margin-bottom: 12px;
}

.modal .modal-title {
    font-weight: 700;
    color: #000;
    display: inline-block;
    width: 125px;
    background-color: #eee;
    padding: 8px 10px;
    margin-right: 10px;
}

.modal_quantity input {
    width: 80px;
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}

.bar-notification {
    z-index: 999999;
}

@media all and (min-width:768px) {
    .hotspot_list_child .availability {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1000px) {
    .product-schematic-page .table {
        width: 100%;
    }
}

@media all and (max-width:767px) {
    /*.hotspot_image {
        display: none;
    }*/

    .product-schematic-flex{display:block;}
    .product-schematic-flex .product-schematic-right{min-width:100%;}

    .product-schematic-page .hotspot_list_child {
        padding-right: 0px;
        overflow-x: auto;
    }

    .product-schematic-page .table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 0px;
    }

    .blocker {
        padding: 20px 0px 0px;
    }

    .jquery-modal.blocker.current .modal {
        padding: 15px;
    }

    .back-button-wrapper .back-button, .hotspot_addbutton .button-2 {
        margin-bottom: 0px;
    }

    .hotspot_list_child table {
        display: block;
    }

        .hotspot_list_child table thead {
            display: none;
        }

        .hotspot_list_child table tbody {
            display: block;
            overflow: hidden;
        }

        .hotspot_list_child table tr {
            display: block;
            float: left;
            width: 49%;
            margin: 0px 2% 20px 0px;
            border: 1px solid #ddd;
        }

            .hotspot_list_child table tr:nth-child(2n) {
                margin-right: 0;
            }

        .hotspot_list_child table td, .hotspot_list_child table tbody tr th {
            display: block;
            border: none;
            border-bottom-color: currentcolor;
            border-bottom-style: none;
            border-bottom-width: medium;
            padding: 10px;
        }

    .product-schematic-page .table th {
        border-top: none;
    }

    .hotspot_list_child table td, .hotspot_list_child table tbody tr th, .hospot_price {
        text-align: center;
    }

    .hotspot_list_child .availability, .hotspot_list_child .availability .hotspot_stockinfo {
        display: inline-block;
    }

    .product-schematic-page .table td .hotspot_stockinfo {
        width: 25px;
    }

    .hotspot_list_child table .hotspot-qty, .hotspot_list_child table .hotspot-addtocart {
        display: inline-block;
        width: 100%;
        padding: 3% 5% 5%;
        border-top: none;
    }
}

@media all and (max-width:480px) {
    .hotspot_list_child table tr {
        width: 100%;
        margin: 0px 0 20px;
    }

    .hotspot_list_child table .hotspot-qty, .hotspot_list_child table .hotspot-addtocart {
        width: 49%;
    }
}