@media screen and (min-width: 768px) {
    body.page-layout-1column .product-info-main {
        width: 25%;
    }

    body.page-layout-1column .product.media {
        width: 70%;
        /*min-height: 550px;*/
        /*position: relative;*/
    }

    /*.media-slider-main {*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 50%;*/
    /*    transform: translateY(-50%);*/
    /*    width: 100%;*/
    /*}*/
}

/*media slider style start*/

.media-slider button.slick-next.slick-arrow,
.media-slider-popup button.slick-next.slick-arrow {
    right: 20px;
}

.media-slider button.slick-prev.slick-arrow,
.media-slider-popup button.slick-prev.slick-arrow {
    left: 20px;
}

.media-slider .slick-dots li button,
.media-slider-popup .slick-dots li button {
    background: #000 !important;
    border-color: #000 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 auto;
    border-radius: 50% !important;
}

.media-slider .slick-dots li.slick-active button
.media-slider-popup .slick-dots li.slick-active button {
    width: 20px !important;
    height: 20px !important;
}

.media-slider .slick-dots li,
.media-slider-popup .slick-dots li {
    width: 30px !important;
    height: 30px !important;
}

.media-slider .slick-dots li button::before,
.media-slider-popup .slick-dots li button::before {
    content: '' !important;
}

.popup-outter {
    z-index: -9 !important;
    opacity: 0;
    visibility: hidden;
}

.popup-outter.active {
    z-index: 99 !important;
    opacity: 1;
    visibility: visible;
}

.media-slider-popup button.slick-prev.slick-arrow {
    left: -25vw;
}

.media-slider-popup.slick-slider .slick-arrow {
    opacity: 1 !important;
    visibility: visible !important;
}

.media-slider-popup button.slick-next.slick-arrow {
    right: -25vw;
}

.media-slider .slick-list.draggable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.media-slider .slick-dots {
    bottom: -35px;
}

/*media slider style start*/

/*popup style start*/
.popup-outter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 9;
}

.popup-outter:before {
    content: '';
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
}

.popup-outter .media-slider-popup {
    width: 600px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.popup-outter .media-slider-popup .slick-dots {
    bottom: -40px;
}

.close-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
}

.product-view .product-shop .product-options-bottom .addit {
    display: none;
}

.product-add-form .product-options-wrapper .field:not(.configurable) {
    display: none;
}

.modal-popup .action-close {
    height: 30px;
    background: transparent !important;
    border: none !important;
}

.owl-theme .owl-nav {
    position: absolute;
    left: 0;
    margin-top: 0 !important;
    width: 100%;
    display: inline-block;
    top: 17%;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -55px;
    background: transparent !important;
    border-color: transparent !important;
    width: 38px;
    height: 68px !important;
}

.owl-carousel .owl-nav button.owl-prev span,
body button.slick-prev.slick-arrow {
    background-image: url(../images/arrow-icon.png) !important;
    width: 38px;
    height: 68px !important;
    content: '';
    background-position: 0 0 !important;
    display: inline-block !important;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: translate(0px, 0px) !important;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -55px;
    background: transparent !important;
    border-color: transparent !important;
    width: 38px;
    height: 68px !important;
}

.owl-carousel .owl-nav button.owl-next span,
body button.slick-next.slick-arrow {
    background-image: url(../images/arrow-icon.png) !important;
    width: 38px;
    height: 68px !important;
    content: '';
    background-position: 38px 0 !important;
    display: inline-block !important;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: translate(0px, 0px) !important;
}

.slick-prev:before, .slick-next:before {
    opacity: 0 !important;
}

.block-brand-feature .block-content .owl-carousel .owl-nav {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
}

.block-brand-feature .block-content .owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.page-layout-1column .product.media {
    padding-right: 10px;
    padding-left: 10px;
}

.media-slider button.slick-prev.slick-arrow, .media-slider-popup button.slick-prev.slick-arrow {
    left: -36px;
}

.media-slider button.slick-next.slick-arrow, .media-slider-popup button.slick-next.slick-arrow {
    right: -36px;
}

@media screen and (max-width: 991px) {
    .media-slider-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }

    .media-slider.slick-initialized .slick-slide {
        margin: 0 5px;
    }
}