.product_tooltip {
                position: absolute;
                z-index: 999;
                list-style: none;
                background-color: #fff!important;
                padding: 0px 10px!important;
                width: 317px!important;
                border: 1px solid #cccccc54!important;
                color: #000!important;
                height:450px;
                overflow-y: scroll;
                font-size: 13px;
                box-shadow: -2px 0px 0px 0px #ffffffc4;
                text-transform: uppercase;
            }
            .product_tooltip li{
                padding: 4px 1px;
                border-bottom: 1px solid #e6e6e6;
            }
            .search_form {
                position: absolute;
                right: 40px;
                width: 350px;
                top: 22%;
            }
            #sidebarcon:hover {
                cursor: pointer;
            }
           /**** style start here ****/
           #sidebarcon {
            position: fixed;
            top: 41%;
            right: 0;
            z-index: 2;
            box-shadow: 0 0 8px gray;
        }
        .come-from-modal .modal-header {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 1rem 1rem;
            background: #ff3636;
            border-bottom: 1px solid #ff3636;
            border-top-left-radius: none!important;
            border-top-right-radius: none!important;
        }
        .come-from-modal .fs-7 {
            font-size: .80rem!important;
            color: #000!important;
        }
        .come-from-modal label { margin: 0;}
        .come-from-modal h4 {
            margin-bottom: 0;
            font-size: 16px!important;
            letter-spacing: 1px;
            line-height: 1.5;
            font-family: "Montserrat", sans-serif;
        }
        .come-from-modal.right .modal-dialog {
            position: fixed;
            margin: auto;
            top: 20%;
            width: 400px;
            height: 280px;
            -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }
        
        .come-from-modal.left .modal-content,
        .come-from-modal.right .modal-content {
            height: 100%;
            border-radius: 10px 10px 0px 0px;
        }
        
        .come-from-modal.left .modal-body, .come-from-modal.right .modal-body {
            padding: 2px 0px;
            border: 2px solid #ff3636;
        }
        .come-from-modal.right.fade .modal-dialog {
            right: 150px;
            -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
            -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
            -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
        }
        
        .come-from-modal.right.fade.in .modal-dialog {
            right: 0;
        } 
        .modal.fade:not(.in).right .modal-dialog {
            -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
        }
        .modal-backdrop {
            background-color: transparent!important;
        }
        .btn-saves {
            color: #fff;
            background-color: #000;
            border-color: #000;
            border-radius: 0px;
            margin: 2px;
        }
        .come-from-modal .close {
            color: #fff;
            font-size: 23px;
            padding: 0px 5px;
            margin: 17px;
            z-index: 9999;
            border-radius: 50%;
            background: #000;
            opacity: 1;
        }
        @media screen and (max-width: 480px) {
            .come-from-modal.right .modal-dialog {
                position: fixed;
                margin: auto;
                top: 20%;
                width: 350px;
                height: 430px;
                -webkit-transform: translate3d(0%, 0, 0);
                -ms-transform: translate3d(0%, 0, 0);
                -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
            }

            .search_form {
                position: absolute;
                right: 32px;
                width: 310px;
                top: 30%;
            }
            .product_tooltip {
                position: absolute;
                z-index: 999;
                list-style: none;
                background-color: #fff!important;
                padding: 0px 10px!important;
                width: 281px!important;
                border: 1px solid #cccccc54!important;
                color: #000!important;
                height: 450px;
                overflow-y: scroll;
                font-size: 13px;
                box-shadow: -2px 0px 0px 0px #ffffffc4;
                text-transform: uppercase;
            }
        }