.scroll_To_Top{
        width:35px;
        height:35px; 
        color: black;
        text-decoration: none;
        position:fixed;
        text-align:center; 
        background: white;
        font-weight: bold;
        bottom:40px;
        right:10px;
        display:none;
        background: #0096d6;
        border-radius: 50%;
        z-index: 11;
    }

    .scroll_To_Top:hover{
        text-decoration:none;
    }

    .scroll_To_Top span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        margin-top: -13px;
        height: 0;
        width: 0;
        border: 8px solid transparent;
        border-bottom-color: transparent;
        border-bottom-color: #fff;
    }
    #StoreDetail.show {display: block !important;}
    #StoreDetail .modal-body .form-group { width: 100%; float: none;}
    #StoreDetail h1.modal-title { color: #505050;}
    #StoreDetail .modal-dialog {max-width: 400px; margin: 1.75rem auto;}

    #StorelocatorNav div {
        text-align: center !important;
    }		
    .querys {font-size: 14px !important; margin: 0 !important; color: #0196d8 !important;}
    .querys:hover{ color: #505050 !important; text-decoration: underline !important;}

    .query-button{width: auto; position: fixed; top: 80%; margin-top: -130px; left: 0; text-align: left;  z-index: 99;}
    .query-content{ display: none; padding:25px 30px; background: #ffffff; border-radius: 6px; font-size: 30px; margin: 0 0 0 50px; height: 260px; font-family: HPSimplified-Light;}
    .query-content label { width: 100%; border-bottom: 2px solid #00aeef; font-family: HPSimplified-Regular;}
    .query-content a{ color: #58aedf; margin-bottom: 0; display: inline-block;}
    .query-button span{background: url("../assets/images/service-button.png") no-repeat right top; cursor: pointer; height: 260px; width: 40px; float: left;}
    .query-button span.omen-service{background: url("../assets/images/service-omen-button.png") no-repeat right top; cursor: pointer; height: 260px; width: 40px; float: left;}
    .query-content button{position: absolute; right: 0px; top: 0px; border: 0; border-radius: 6px; line-height: 1.4; font-size: 13px; font-weight: bold;color: #ffffff; padding: 7px 12px; background: #000;}
    .overlay-box{ position: fixed; top:0px; bottom: 0px; left:0px; right:0px; display: none; background: rgba(0, 0, 0, .7)}
    .website-button{background: #0096d6; border-radius: 5px; color: #ffffff !important; padding: 10px 20px; margin-top: 10px; font-size: 25px;}
    .footer-banner{ text-align:center; clear: both; margin: 30px 0;}
    .footer-banner img{ max-width: 100%; margin: 0px auto;}		

    .banner-desktop {display: block;}
    .banner-mobile {display: none;}
    .stikcs3.query-button span{font-size: 0px;}
    

    .navbar-footer {width: 40%;}
    .footer .copyright {margin-top: 0;}
    a.navbar-brand.hplogo {
        display: flex;
        align-items: center;
        width: 54px;
        margin-right: 10px;
    }
    .hplogo img {
        max-width: 100%;
    }
    a.navbar-brand {margin-right: 0;padding: 5px 0 0;margin-left: 39px;}
    .header-in {justify-content: flex-start !important;}
    
    @media screen and (min-width: 992px) {
        #StorelocatorNav{ display: block !important}
        #StorelocatorNav div {text-align: right !important; clear: both; margin-right: 10px;}
        #StorelocatorNav div a{ color: #0196d8;}
        #StorelocatorNav div a:hover{ color: #505050; text-decoration: underline}
        .navbar-nav.ml-auto{display: block !important; width: 100%; text-align: right; float: right;}
        .navbar-nav.ml-auto li.nav-item{text-align: right; float: right;}
        .col-md-12.navbar-links{ font-size: 14px;}
        #querys {font-size: 14px !important; margin: 0 !important;} 
    }
    @media only screen and (max-width:767px) {
        .banner-desktop {display: none;}
        .banner-mobile {display: block;}
        .query-button span{width: 30px; background-size: 100%;}
        .query-button{top: 60%;}
        .omenLogo{margin-right: auto;}
        /* sticky buttons */
        a.navbar-brand.hplogo{width: 35px;}
        a.navbar-brand.hplogo{margin-left: 0px;}
        a.navbar-brand.hplogo-onam{margin-left: 0px; margin-right: auto;}
        .navbar-footer {width: 100%;}
        .navbar {margin-bottom: 5px;}
        .footer .copyright {margin-top: 5px;}
        .scroll_To_Top {bottom: 110px;}
        .footer-bottom {padding-top: 0;}
        
        .stikcs {
            top: inherit;
            bottom: 0px;
            width: 100%;
            background: #fff;
            z-index: 100;
        }	

        .stikcs .firstbookexchange {
            width: 50%;
            height: 34px;
            border-radius: 0;
            padding: 0;
            margin-left: auto;
            float: right;
            margin-top: -68px;
        }

        .stikcs .AllDemo {
            float: none;
            height: 100%;
        }

        .stikcs .firstbookexchange .vericaltext {
            transform: rotate(0deg);
            -ms-writing-mode: horizontal-tb;
            -webkit-writing-mode: horizontal-tb;
            writing-mode: horizontal-tb;
            text-align: center;
            font-size: 12px;
            line-height: 34px;
            text-indent: 10px;
            padding-right: 20px;
        }

        .stikcs .firstbookexchange i {
            right: 10px;
            left: inherit;
            top: 7px;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            font-size: 20px;
            height: 34px;
            width: 20px;
        }
        .stikcs.slideUP .firstbookexchange i {
            transform: rotate(268deg);
            -webkit-transform: rotate(268deg);
            right: inherit;
            left: 10px;
            top: -7px;
        }

        .stikcs .slideleft {
            width: 100%;
            border-radius: 0;
            right: 0;
            top: 34px;
            /* bottom: 0; */
            max-height: initial;
            height: calc(100% - 34px);
        }

        .stikcs .slideleft.actleft {
            /* top: inherit; */
            /* bottom: 0; */
            right: 0;
        }

        .slideUP {
            height: calc(100vh - 100px);
            bottom: 0;
            z-index: 111;
        }

        .stikcs2 {
            width: 100%;
            background: #fff;
            bottom: 0;
            top: inherit;
            bottom: 0px;
            z-index: 1;
            height: 34px;
            z-index: 100;
        }

        .stikcs2 .AllDemo {
            float: none;
            width: 100%;
            height: 100%;
        }

        .stikcs2 .firstbook {
            width: 50%;
            height: 34px;
            border-radius: 0;
            padding: 0;
            z-index: 1000000000;
            position: relative;
            border-right: 1px solid #fff;
            margin-top: -34px;
        }

        .stikcs2 .vericaltext {
            transform: rotate(0deg);
            -ms-writing-mode: horizontal-tb;
            -webkit-writing-mode: horizontal-tb;
            writing-mode: horizontal-tb;
            text-align: center;
            font-size: 12px;
            line-height: 34px;
            text-indent: 15px;
            /* text-transform: capitalize; */
            padding-right: 20px;
            /* background: #333; */
        }

        .stikcs2 .firstbook i {
            right: 10px;
            left: inherit;
            top: 6px;
            transform: rotate(268deg);
            -webkit-transform: rotate(268deg);
            font-size: 20px;
        }
        .stikcs2.slideUp2 .firstbook i {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

        .stikcs2.slideUp2 {
            height: calc(100% - 100px);
            z-index: 111;
            /* width: 100%; */
            bottom: 0;
        }

        .stikcs2 .slideRight {
            width: 100%;
            border-radius: 0;
            left: 0;
            top: 34px;
            /* bottom: 0; */
            max-height: initial;
            height: calc(100% - 34px);
        }

/*                .bodyBtmGp .footer {
            padding-bottom: 0px;
        }*/

        .slideUp2 .firstbook {
            width: 100%;
            margin: 0;
        }

        .slideUP.stikcs .firstbookexchange {
            margin: 0;
            width: 100%;
        }

        .stikcs3.query-button {
            bottom: 0;
            top: inherit;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            height: 34px;
            background: #0196d8;
            line-height: 34px;
            border-top: 1px solid #fff;
            z-index: 110;
        }
        .stikcs3.query-button.omen-service {
            bottom: 0;
            top: inherit;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            height: 34px;
            background: #FF010F;
            line-height: 34px;
            border-top: 1px solid #fff;
            z-index: 110;
        }

        .stikcs3.query-button span {
            width: 100%;
            height: auto;
            /* transform: rotate(360deg); */
            /* -webkit-transform: rotate(450deg); */
            /* background-size: 5px; */
            /* bottom: -114px; */
            /* position: relative; */
            /* right: -80px; */
            background: none;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

        .stikcs3 .query-content {
            position: fixed;
            top: 20%;
            margin: 0;
            width: 96%;
            text-align: center;
            height: auto;
        }

        .stikcs3 .query-content a {margin: 10px 0;display: block;font-size: 24px;}

        .stikcs3 .query-content br {
            display: none;
        }
        
    }