#image_modal {display: none;bottom: 0;height: 100%;background-color: #fff;overflow: auto!important;position: fixed;z-index: 1500;left: 0;margin: 0;right: 0;top: 0;width: 100%;}
#image_modal .pagination {position: fixed;width: 100%;background-color: #fff;top: 0px;padding: 10px 0 10px 0;margin: 0 auto;height: 85px;text-align: center;}
#image_modal .close-zoom-spier {display: block;background: url(https://cdn2.propercloth.com/images/white/LargerX.png) no-repeat;width: 29px;height: 29px;cursor: pointer;float: right;position: fixed;top: 15px;right: 17px;opacity: 1;}
#image_modal .pagination a.active {opacity: 1;border: 1px solid black;padding: 8px; height: 100px;}
#image_modal .pagination a {display: inline-block;margin: 6px;opacity: .5; height: 100px;}
#image_modal .pagination a img {width: 50px;}
#image_modal .img {margin-top: 40px;overflow-y: auto;height: 100vh;/*padding-bottom: 250px;*/}
.response-image {margin: 0 auto 220px;width: 100%;}


#image_modal_main {display: none;bottom: 0;height: 100%;background-color: #fff;overflow: auto!important;position: fixed;z-index: 1500;left: 0;margin: 0;right: 0;top: 0;width: 100%;}
#image_modal_main .pagination {position: fixed;width: 100%;background-color: #fff;top: 0px;padding: 10px 0 10px 0;margin: 0 auto;height: 85px;text-align: center;}
#image_modal_main .close-zoom-spier-main {display: block;background: url(https://cdn2.propercloth.com/images/white/LargerX.png) no-repeat;width: 29px;height: 29px;cursor: pointer;float: right;position: fixed;top: 15px;right: 17px;opacity: 1;}
#image_modal_main .pagination a.active {opacity: 1;border: 1px solid black;padding: 10px;}
#image_modal_main .pagination a {display: inline-block;margin: 6px;opacity: .5;}
#image_modal_main .pagination a img {width: 50px;}
#image_modal_main .img {margin-top: 40px;overflow-y: auto;height: 100vh;/*padding-bottom: 250px;*/}
.custom-thumb-bar {height: 100vh;width: 90px;position: absolute;top: 0;display: flex;left: -90px;background-color: #fff; transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; flex-wrap: wrap;align-items: center;}
.option-icon > i {color: #fff;font-size: 18px;}
.option-icon { height: 40px;width: 40px;right: -40px;position: absolute;background: #000;text-align: center;display: grid;align-items: center; cursor: pointer; }
.option-icon:hover { background-color: #ccc; color: #000; }
.custom-thumb-bar/*:hover*/ { left: 0; }
/*.custom-thumb-bar:hover .option-icon > i { transform: rotate(180deg); }*/

@media screen and (max-width: 767px) {

.zoom-shirt-box label {
   z-index: 9998;
    overflow: hidden;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .15s ease;
    transition: .15s ease;

}

.grish-zoom #shirt {
   margin: 4rem auto!important;

    margin-left: 0rem!important;
    width: auto!important;
    max-width: 888px;
    height: 90%!important;
    position: relative!important;
    top: 0!important;
    left: 0;
    right: auto;
    transition: opacity .1s ease;
    transform: scale(1);
}
.zoom-shirt-box {z-index: 99999999!important; }

span.zoom-out-btn {
    z-index: 9999999!important;
}


}