/*
Theme Name: Why the log face
Description: Why the log face is a simple responsive SEO friendly theme. 
Version: 1.0
Tags:  blog, news, featured-images, one-column, theme-options, consultants
Text Domain: Why the log face
Domain Path: Why the log face
Author: A2Z Developing Team [tanand79gmail.com] 
*/
.eyes-holder .premium-woo-products-details-wrap {
	background: #fff;
	margin: 20px;
	margin-top: -30px;
	z-index: 100;
	position: relative;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	padding: 5px !important;
	border: 5px solid #5d3d16 !important;
}
#sunshine--gallery-items .sunshine--gallery-item {
	width: 31% !important;
	display:inline-block;
	margin: 1% !important;
	text-align: center;
	background: #5d3d16;
}
#sunshine--gallery-items .sunshine--gallery-item img {
	/*width: 100% !important;*/
}
#sunshine {
	padding: 20px 0 80px 0px !important;
}
#sunshine--gallery-items h2 a {
	font-size: 16px !important;
	padding: 0px !important;
	line-height: 1.3;
	color: #fff;
}
/*RESPONSIVE*/
@media screen and (max-width: 2880px) {

}

@media screen and (max-width: 1920px) 
{
	
}
@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {

}

@media screen and (min-width: 1100px) and (max-width: 1280px) {
#sunshine--gallery-items h2 a {
	font-size: 16px !important;
}
}
@media screen and (max-width: 1279px) {
	#sunshine--gallery-items h2 a {
		font-size: 14px !important;
	}
}

@media screen and (max-width: 1023px) {
	#sunshine--gallery-items h2 a {
		font-size: 16px !important;
	}
	#sunshine--gallery-items .sunshine--gallery-item {
		width: 47.5% !important;
	}
}

@media screen and (max-width: 767px) {
	 #sunshine--gallery-items h2 a {
		 font-size: 11px !important;
	}
	.sunshine--gallery-item h2{
		line-height:9px !important;
	}
		#sunshine--gallery-items .sunshine--gallery-item {
		width: 45% !important;
			margin:3px !important;
	}
	#sunshine h1 {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 387px) 
{

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}