/**
* 2010-2018 Webkul.
*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through this link for complete license : https://store.webkul.com/license.html
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to https://store.webkul.com/customisation-guidelines/ for more information.
*
*  @author    Webkul IN <support@webkul.com>
*  @copyright 2010-2018 Webkul IN
*  @license   https://store.webkul.com/license.html
*/

#wk-360-block {
    display: none;
}

#wk-product-360-view {
    width: 100%;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    background: #fff;
}

#wk-full-product-360-view {
    /* max-width: 590px; */
    width: inherit !important;
    /* height: inherit !important; */
    max-height: 600px !important;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    background: #fff;
}

.spritespin-frames {
    width: auto;
    /* height: auto; */
    max-height: 600px !important;
}

.wk-360-btn {
    position: relative;
    margin-left: 70px;
    margin-top: -108px;
    z-index: 99999;
    color: black;
    background: #fff none repeat scroll 0 0;
}

button[type=play] #play {
    display: block;
}

button[type=play] #push {
    display: none;
}

button[type=push] #push {
    display: block;
}

button[type=push] #play {
    display: none;
}

#wk-360-fullscreen {
    margin-top: -885px;
    margin-left: 394px;
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .wk-360-btn {
        margin-left: 45px;
    }
    #wk-360-fullscreen {
        margin-top: -643px;
        margin-left: 270px;
    }
}

@media only screen and (min-width:361px) and (max-width:767px) {
    .wk-360-btn {
        margin-left: 71px;
    }
}

@media only screen and (min-width:375px) and (max-width:666px) {
    .wk-360-btn {
        margin-left: 40px;
    }
    #wk-360-fullscreen {
        margin-top: -708px;
        margin-left: 310px;
    }
}

@media only screen and (min-width:360px) and (max-width:375px) {
    .wk-360-btn {
        margin-left: 40px;
    }
    #wk-360-fullscreen {
        margin-top: -645px;
        margin-left: 272px;
    }
}

@media only screen and (max-width:359px) {
    .wk-360-btn {
        margin-left: 35px;
    }
    #wk-360-fullscreen {
        margin-top: -563px;
        margin-left: 232px;
    }
}