.columns .column.main { max-width:100%; }
.zoomWrapper { margin:0 auto; }

#amasty-gallery-images { 
	text-align:center;
	margin: 0 auto; 
}
#amasty-main-container {
	 text-align:center;
	max-width:100%; min-width: 100%;
	overflow:hidden;
	position:relative;
	margin-bottom: 20px; 
}
.cursor-pointer{cursor:pointer}
#amasty-gallery.position-left { position:relative; }
#amasty-gallery.position-left #amasty-main-container {
	/* 
	Center the main product image
	Single: http://m2.4x4at.com/toyota-vigo-double-cab-not-uk-spec-sandgrabba-mats
	Gallery: http://m2.4x4at.com/isuzu-d-max-2017-on-alpha-type-e-hardtop-canopy#339=
	*/
 
	/* margin-left:24%;max-width:76%; */ 
	min-width: 100%; 
}
#amasty-gallery.position-left #amasty-gallery-container{width:19%;position:absolute;top:0}
.position-left .slick-dots{bottom:-90px}


#amasty-gallery-container .slick-vertical button.slick-prev,#amasty-gallery-container .slick-vertical button.slick-next{left:0;right:0;margin:0 auto}
.slick-prev:before,.slick-next:before{position:relative}
.slick-slider .slick-prev,.slick-slider .slick-next{width:25px;height:25px;box-shadow:none}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover{border:none}
#amasty-gallery-container .slick-vertical .slick-prev{top:-22px}
#amasty-gallery-container .slick-vertical .slick-next{top:auto;bottom:-22px}
#amasty-gallery-container .slick-vertical .slick-prev{transform:rotate(270deg)}
#amasty-gallery-container .slick-vertical .slick-next{transform:rotate(90deg)}
button.slick-prev{left:0}
button.slick-next{right:0}
.swatch-attribute-options .slick-arrow{z-index:inherit}
#amasty-gallery-container .slick-vertical .slick-slide{padding-top:1px}
.am-custor-pointer{cursor:pointer}
.amasty-main-image ~ .amasty-main-image{display:none}

#amasty-gallery-images:not(.slick-initialized) { display: flex; align-items: center; justify-content: center;  }
#amasty-gallery-images:not(.slick-initialized) .amasty-gallery-thumb-link {
	display:inline-block; max-width: 88px; 
	/* Reduce the space between carousel images */
	/* margin:0 20px; */
	margin:0 10px;  
}

#amasty-main-image{max-height:100%;max-width:100%}
#amasty-gallery-images:not(.slick-vertical) .slick-list{margin:0 25px}
.am-nozoom .zoomContainer{display:none}

#amasty-gallery-container { max-width: 590px; margin: 0 auto; }
#amasty-gallery-container .slick-vertical { margin-top:20px; padding:0; }

#amasty-gallery-images.slick-initialized { padding: 0 20px; }
#amasty-gallery-images.slick-initialized a.amasty-gallery-thumb-link { display: block; padding: 0 10px; }
#amasty-gallery-images.slick-initialized a.amasty-gallery-thumb-link .amasty-gallery-image { display: inline-block; max-width: 100%; }



/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                        BOOTSTRAP 5 BREAKPOINTS                                       ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                 SPECIFIC BREAKPOINT RANGES (AVOID USING)                             ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {} /* @media */
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */
/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
 
} /* @media */
@media (min-width: 1280px) {
 
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {

}
@media (min-width: 1600px) {

}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
	 

} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {

	 

} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
	#amasty-gallery-container { padding: 0 0vw; }
	
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {


 

} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
	
    

} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {
	 
} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {
 
    #amasty-gallery-images:not(.slick-initialized) .amasty-gallery-thumb-link {
		/* Reduce the space between carousel images */
		/* margin:0 5px; */
		margin:0 1px;
		
	}
	#amasty-gallery-container{margin-bottom:20px}
	#amasty-gallery.position-left #amasty-main-container{margin-left:0;max-width:0}

} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */