@media all and (max-width: 980px) {

    #sevenspikes-cloud-zoom:before {
        display: none;
    }
    #sevenspikes-cloud-zoom img {
        position: static;
    }

}

@media all and (min-width: 981px){

    .gallery .picture:before {
        display: none;
    }

    /* This is the main image centered. */

    #sevenspikes-cloud-zoom {
        overflow: visible;
        text-align: center;
        height: 310px;
        line-height: 310px;
        font-size: 0;
    }
    #wrap {
        display: inline-block;
        line-height: 0;
        vertical-align: middle;
        max-width: 100%;
    }
        #wrap a {
	        overflow: hidden;
        }
        #wrap img {
	        position: static;
        }

    /* This is the overlay element. */

    .cloud-zoom-lens {
	    background-color: #b68c65;	
	    cursor: crosshair;
    }

    /* This is the zoom window. */

    #cloudZoomWindowElement {
        left: 0;
        top: 0;
        z-index: 1;
    }
    #cloud-zoom-big {
	    /*border: 1px solid #ddd;*/
	    overflow: hidden;
    }

    /* This is the window title. */

    .cloud-zoom-title {
	    background-color: #000;
	    padding: 10px;
	    text-align: center;	
	    font-weight: bold;
	    color: #fff;
        font-size: 11px;
    }

    /* This is the loading message. */

    .cloud-zoom-loading {	
	    background-color: #000;
	    padding: 10px 0;
	    color: #fff;
    }

    /* This hides product ribbon when zooming. */

    .gallery .ribbon-wrapper:hover .ribbon-position {
        opacity: 0;
    }

}