@media (min-width: 800px)
{
	.head
	{
		color: #fff;
		font-size: 38px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 0px;
		
	}
	.head2
	{
		color: #eac50e;
		font-size: 17px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
	}
}
@media (max-width: 800px)
{
	.head
	{
		color: #fff;
		font-size: 28px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	.head2
	{
		color: #eac50e;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
	}
}
. breadcrumb-wrap
{
	padding: 30px 0;
	background-image: url(../images/cp-shadow-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #f6f6f6;
	border-top: 1px solid #d2d3d4;
	border-bottom: 1px solid #d2d3d4;
}
.cp-minheight-page
{
	min-height: 400px;
}
/*--------------------end page----------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700);

body
{
	
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans Condensed' , sans-serif, sans-serif;
}





.navbar
{
	border-radius: 0;
	margin-bottom: 0;
	border: none;
	font-family: 'Open Sans Condensed' , sans-serif, sans-serif;
}

.navbar > li > a
{
}



.navbar-header
{
}

.navbar-brand
{
	    width: 161px;
    height: 152px;
    float: left;
    padding: 0;
    padding: 4PX 7PX;
    overflow: hidden;
    border: 3px solid #ffffff;
    background: #ffffff;
    text-align: center;
    line-height: 160px;
    color: #fff !important;
    font-size: 2em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.site-name
{
	color: #fff;
	font-size: 2.4em;
	float: left;
	margin-top: -65px !important;
	margin-left: 15px;
	font-family: 'Open Sans Condensed' , sans-serif, sans-serif;
}





@media (max-width: 768px)
{
	.navbar-brand
	{
		max-width: 160px;
		max-height: 160px;
		margin-top: 20px;
		text-align: center !important;
		margin-left: 15px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}





	.navbar
	{
		border-radius: 0;
		margin-bottom: 0;
		border: none;
	}

	.main-menu
	{
		left: 0;
		position: relative;
	}


}

@media (max-width: 490px)
{
	.site-name
	{
		color: #fff;
		font-size: 1.5em;
		float: left;
		line-height: 20px;
		margin-top: -100px !important;
		margin-left: 125px;
	}
	.site-description
	{
		color: #fff;
		font-size: 1.3em;
		float: left;
		margin-top: -80px !important;
		margin-left: 125px;
	}
}
.details
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.colors
{
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.product-title, .price, .sizes, .colors
{
	text-transform: UPPERCASE;
	font-weight: bold;
}

.span
{
	color: #008dff;
	margin-right: 10px;
}
.span2
{
	margin-left: 5px;
	margin-right: 5px;
}

.product-title, .rating, .product-description, .price, .vote, .sizes
{
	margin-bottom: 15px;
}

.product-title
{
	margin-top: 0;
}

.size
{
	margin-right: 10px;
}
.size:first-of-type
{
	margin-left: 40px;
}

.color
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	height: 2em;
	width: 2em;
	border-radius: 2px;
}
.color:first-of-type
{
	margin-left: 20px;
}

.add-to-cart, .like
{
	background: #ff9f1a;
	padding: 1.2em 1.5em;
	border: none;
	text-transform: UPPERCASE;
	font-weight: bold;
	color: #fff;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.add-to-cart:hover, .like:hover
{
	background: #b36800;
	color: #fff;
}

.not-available
{
	text-align: center;
	line-height: 2em;
}
.not-available:before
{
	font-family: fontawesome;
	content: "\f00d";
	color: #fff;
}

.orange
{
	background: #ff9f1a;
}

.green
{
	background: #85ad00;
}

.blue
{
	background: #0076ad;
}

.tooltip-inner
{
	padding: 1.3em;
}
.download
{
	border: 1px solid#ffffff;
	padding: 15px 26px;
	box-shadow: 0px 2px 1px 0px #ccc;
	background: #f9f9f9;
}