/**
 * @package 	WordPress
 * @subpackage 	Accessories Shop
 * @version 	1.0.0
 * 
 * Responsive Design Yith WooCommerce Zoom Magnifier CSS Rules
 * Created by CMSMasters
 * 
 */


/*-------------------------------------------------------------------------

	1.	Small Tablet Monitor
	2.	Tablet Monitor 600

-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*	1.	Small Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .pp_woocommerce .pp_content_container .pp_close {
    right: 0;
    top: -22px;
  }
}
/*-------------------------------------------------------------------------*/
/*	2.	Tablet Monitor 600
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
  .cmsmasters_product_left_column .images.right.inside .yith_magnifier_zoom_magnifier {
    margin: 0;
  }
  .cmsmasters_product_left_column .images.inside.default .yith_magnifier_zoom_magnifier,
  .cmsmasters_product_left_column .images.right.default .yith_magnifier_zoom_magnifier {
    max-width: 50% !important;
    max-height: 50% !important;
    margin: 0;
    left: auto !important;
    right: 0;
    top: 0 !important;
  }
}