.MagicZoom{ /*margin-left: 8px!important;*/}
.prodDetailsPage .stickyGallery{position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky!important; 
  max-width: 42%;  /* height: 618px;*/  height: 760px; top: 56px; bottom: auto;}
.mzCover{ display:flex; margin-right: 61px;}
.selectors {
	width: 60px;
    padding: 0 0;
    text-align: center
}

.selectors img {
    width: 60px;
	margin-bottom:12px;
}

.sizeChart{}
.sizeChartInn{ margin:35px auto auto auto!important;}
.sizeChart .sizeChartInn{ max-width: 624px;}
.sizeChart .sizeChartInn .modal-header span{font-size: 29px;}
.sizeChart .sizeChartInn .modal-body{ padding: 1rem 19px; margin-top:-14px;}
.sizeChart .sizeChartInn h5{font-size: 17px; font-weight: 500; margin-bottom: 6px;}
.rtable--flip {
    display: flex;
    overflow: hidden;
    background: none;
}
.rtable--flip thead {
    display: flex;
    flex-shrink: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}
.rtable--flip tr {
    display: flex;
    flex-direction: column;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    flex-shrink: 0;
}
.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

.rtable th,
.rtable td {
padding: 4px 12px;
border-right: 1px solid #d9d7ce;
border-bottom: 1px solid #d9d7ce;
}

.rtable--flip {
  display: flex;
  overflow: hidden;
  background: none;
 
}
.rtable--flip tbody{ border-left: 1px solid #d9d7ce; border-top: 1px solid #d9d7ce;}
.rtable--flip thead {
  display: flex;
  flex-shrink: 0;
  min-width: min-content;
}

.rtable--flip tbody {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.rtable--flip tr {
  display: flex;
  flex-direction: column;
  min-width: min-content;
  flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
  display: block;
  min-height: 32px;
}
.rtable--flip th { padding: 6px 17px;}
.rtable--flip td {
  background-image: none !important;
  // border-collapse is no longer active
  border-left: 0;
}

// border-collapse is no longer active
.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
  border-bottom: 0;
}

@media(max-width:600px){
	figure .ps-wrapper .zgallery .item{ text-align: center;}
	.selectors { 
		display: flex!important;
		flex-direction: row;
		flex-wrap: wrap;
		width:100%;
	}
	.selectors a.mz-thumb{
		display: flex!important;
		width: 59px;
		height: 59px;
		align-items: center;
		justify-content: center;
		border: 1px solid #ccc;
		margin: 0 3px 4px 3px;
	}
	.selectors a.mz-thumb img{
		max-width: 92%;
		max-height: 92%;
		width: auto;
		box-shadow: none;
		margin: 0;
	}
}

@media(max-width:1199px){
	.ps-product__variants{ padding:0;}
	.slick-list{ text-align: center;}
	.slick-track{ width:100%!important;}
	.slick-slide{ width:100%!important;}
	.slick-slide .selectors{display:flex!important; flex-direction: row; flex-wrap: wrap;}
	.slick-slide .selectors a.mz-thumb{ display:flex!important; width: 59px; height: 59px; align-items: center; justify-content: center;
	border: 1px solid #ccc; margin: 0 3px 4px 3px;
	}
	.slick-slide .selectors a.mz-thumb img{ max-width:92%; max-height:92%; width: auto; box-shadow: none; margin: 0;}
}

@media(max-width:359px){
	.slick-slide .selectors a.mz-thumb{ width: 52px; height: 52px;}
	.selectors a.mz-thumb{
		display: flex!important;
		width: 52px;
		height: 52px;
		align-items: center;
		justify-content: center;
		border: 1px solid #ccc;
		margin: 0 3px 4px 3px;
	}
	.sizeChart .sizeChartInn{ max-width: 310px;}
	.sizeChart .sizeChartInn .modal-body{padding: 1rem 12px;}
}

.zgallery .selectors a[data-slide-id=video-1]{ 
        position: relative;
}

.zgallery .video-slide {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.zgallery .video-slide iframe, 
.zgallery .video-slide object,
.zgallery .video-slide embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.video-slide {
position: relative!important;
/*overflow: hidden;*/
display:none!important;
}
.video-slide iframe{ width:100%!important; min-height:208px!important;}
.video-slide iframe figure img{ display:none!important;}
.video-slide.active{ display:block!important;}
.activeHide{ display:none!important;}
.zoom-gallery-slide.active {
display: block!important;
}
@media(max-width:480px){
.sizeChartInn .col-sm-12{padding-left: 8px; padding-right: 8px;} 
.sizeChartInn .rtable--flip{width: 100%;}
.sizeChartInn .rtable--flip th{width: 132px;}
}
@media(max-width:359px){
.sizeChartInn .rtable--flip th { width: 121px;}
}

@media(max-width:1199px){
.sizeChartInn{ margin:85px auto auto auto!important;}
.sizeChart .sizeChartInn .modal-body{margin-top: -16px;}
}
@media(max-width:628px){
.sizeChart .sizeChartInn{ max-width: 503px;}
.rtable--flip th{padding: 6px 5px;}
.rtable th, .rtable td{padding: 4px 5px;}
}
@media(max-width:513px){
.sizeChartInn .modal-header{padding: 5px 10px; height: 30px;}
.sizeChartInn .modal-header .close{padding: 5px 1rem; margin: -1rem -1rem -1rem auto; height: 25px;}	
.sizeChart .sizeChartInn .modal-body { margin-top: -5px;    padding-top: 5px;}
.sizeChartInn h4{    font-size: 16px;    margin-bottom: 5px;}	
.sizeChart .sizeChartInn{ max-width: 408px;}
.sizeChart .sizeChartInn h5{font-size: 15px;}
.rtable--flip th{padding: 6px 2px;}
.rtable th, .rtable td{padding: 4px 2px;}
.rtable--flip td, .rtable--flip th{ font-size: 12px; min-height: 27px;}
.rtable--flip th{font-size: 10.6px;}
.rtable--flip td{ text-align:center;}
}
@media(max-width:422px){
.sizeChart .sizeChartInn{ max-width: 360px;}
.sizeChart .sizeChartInn h5{font-size: 14px;}
.rtable--flip td, .rtable--flip th{ font-size: 11px}
.rtable--flip th{width: 112px; font-size: 10px!important; line-height: 11px;}
}