.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#emd_area_5_6_7 {
    width: calc(100% - 8px);
    margin: 150px auto 10px auto;
    padding: 4px;
}
.MainTable {
    width: 100%;
}
	.Bottom {
		width: 100%;
	}
.Content {
	padding: 10px 0px;	
}
.TitleResp {
	padding-top: 20px;
}
	.TitleFull {
		display: none;	
	}
.SocialShare {
	width: calc(100% - 20px) !important;	
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

@media only screen and (min-width: 1000px) {
	.MenuProdTablet {
		display: none;	 
	}
	#emd_area_5_6_7 {
		width: 1000px;
	}
	.Bottom {
		width: 1000px;
	}
	.NewsletterContainer {
		float: left;
		display: block;
	}
	.NewsletterContainer {
		text-align: center;
	}
	.Newsletter {
		display: block;
		float: left;
	}
	.TitleResp {
		display: none;
	}
	.TitleFull {
		display: block;	
	}
}

@media only screen and (min-width: 800px) and (max-width: 999px) {
	#emd_area_1_2_3 {
		width: 100%;
	}
	#emd_area_4 {
		width: 100%;	
	}
	#emd_area_6 {
		margin-top: 25px;
		padding: 0 10px;	
	}
	.TopMenu a, .TopMenu a:hover {
		padding: 10px 12px;	
	}
	.SearchSite .input {
		width: 100px;	
	}
	#emd_area_7, .Col3 {
		display:none;
		width: 0px;	
	}
	.MenuCMSResponsive {
		display:none;	
	}
	.MenuCSMResponsiveMain {
		display:none;	
	}
	.SearchResponsiveMain {
		display:none;	
	}
	.SearchResponsiveMain {
		display:none;	
	}
	.MenuProdResponsiveMain {
		display:none;	
	}
	.MenuProdTablet {
		display: none;	
	}
	.BottomMenu {
		text-align: center;
		float: none;
	}
	.BottomMenu a, .BottomMenu a:hover {
		display: inline-block;
		float: none;	
	}
	.Brands {
		text-align: center;	
	}
	.Brands a {
		display: inline-block;
		float: none;	
	}
	.NewsletterContainer {
		text-align: center;
	}
	.Newsletter {
		display: inline-block;
		float: none;
		margin-top: 10px;
	}
	.Footer {
		text-align: center;	
	}
	.Copyright {
		float: none;
	}
}

@media only screen and (min-width: 499px) and (max-width: 799px) {
	#emd_area_1_2_3 {
		width: 100%;
		text-align: center;
		background-image:none !important;	
	}
	#emd_area_1 {
		float:none;	
	}
	#emd_area_1 .Logo{
		float:none;	
	}	
	#emd_area_3 {
		float:none;	
	}
	.emd_area_4_Sup {
		top: 150px;	
	}
	#emd_area_4 {
		width: 100%;	
	}
	#emd_area_6 {
		margin-top: 80px;
		padding: 0 10px;	
	}
	.Top {
		height: 200px;	
	}
	.ContactHeader {
		text-align: center;
		padding: 0 0 0 20px;  
		float:left;	
	}
	#shop_cart_container {
		text-align: center;	
		float: right;	
	}
	.ShoppingCartHeader, .ShoppingCartHeader0 {
		text-align: center;	
		float: right;
		display: inline-block;
		max-width: 500px;
	}
	.TopMenu a, .TopMenu a:hover {
		padding: 10px 12px !important;	
	}
	.TopButton1 {
		left: calc((100vw - 374px)/2);	
	}
	.TopButton2 {
		left: calc((100vw - 374px)/2 + 132px);	
	}
	.TopButton3 {
		left: calc((100vw - 374px)/2 + 132px + 116px);	
	}
	
	.TopMenuContainer {
		float:right;
		position:relative;
		left:-50%;
		text-align:left;
	}
	.TopMenu {
    	list-style:none;
    	position:relative;
    	left:50%;
	}
	#emd_area_4 .SearchSite {
		/* margin-right: calc((100vw - 270px)/2);  */
		float:right;
	}
	.MenuProdResponsive {
		clear: both;
		display:block;
		text-align: center;	
	}
	.MenuProdResponsive500P {
		display:;	
	}
	.MenuProdResponsive500M {
		display:none;	
	}
	#emd_area_5, .Col1, #emd_area_7, .Col3 {
		display:none;	
		width: 0px;	
	}
	.MenuProdResponsive {
		width: 100%;	
	}
	
	.MenuProdResponsiveMain {
		position: absolute; 
		top: 80px; 
		left: 0px; 
		width:100%; 
		background-color: black;
		color:white;	
	}

	.MenuCMSResponsive {
		display:none;	
	}
	.MenuCSMResponsiveMain {
		display:none;	
	}
	.SearchResponsiveMain {
		display:none;	
	}
	.SearchResponsiveMain {
		display:none;	
	}
	.MenuProdTablet {
		display: block;
		clear: both;
		float:left;
		margin-top: 4px;
		margin-left: 4px;	
		background-image:url(../images/hamburger.png);
		background-repeat:no-repeat;
		padding: 9px 5px 0px 35px;
		height: 30px; 
		cursor:pointer;
		font-size: 14px;
	}




	.MenuProdResponsiveMain > ul {
		display: block;
		list-style-type: disc;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
	}
	
	.MenuProdResponsiveMain > ul > li {
		list-style-type: none;
    	list-style-position: outside;
    	margin: 0;
    	display: block;

		height: 20px;
		padding: 7px 0 0 5px;
		
	/*
		
		*/
	background-color: #f00;
	background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(238,238,238)),
		color-stop(1, rgb(255,255,255))
	);
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 22px #ccc;
	-webkit-box-shadow: 1px 1px 22px #ccc;
	box-shadow: 1px 1px 22px #ccc;
	border-bottom: 1px solid #fff;		






	}
	
	.MenuProdResponsiveMain > ul > li > a {
		background-image:url(/tpl/themes/theme2/left-m-arrow1.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
		display: block;
		color:#666666; 	
	}


	.BottomMenu {
		text-align: center;
		float: none;
	}
	.BottomMenu a, .BottomMenu a:hover {
		display: inline-block;
		float: none;	
	}

	.Brands {
		text-align: center;	
	}
	.Brands a {
		display: inline-block;
		float: none;	
	}

	.NewsletterContainer {
		text-align: center;
	}
	.Newsletter {
		display: inline-block;
		float: none;
		margin-top: 10px;
	}
	.Footer {
		text-align: center;	
	}
	.Copyright {
		float: none;
	}
}

@media only screen and (max-width: 499px) {
	#emd_area_1_2_3 {
		width: 100%;
		text-align: center;
		background-image:none !important;	
	}
	#emd_area_1 {
		float:none;	
	}
	#emd_area_1 .Logo{
		float:none;	
	}	
	#emd_area_3 {
		float:none;	
	}
	.emd_area_4_Sup {
		top: 120px;	
	}
	#emd_area_4 {
		width: 100%;	
	}
	#emd_area_5_6_7 {
		width: 100%;
		margin: 150px 0 10px 0;
		padding: 0px;
	}

	#emd_area_6 {
		margin-top: 15px;
		padding: 0 5px;	
	}
	.Top {
		height: 160px;	
	}
	.ContactHeader {
		text-align: center;
		padding: 0 0 0 3px; 
		float:left;	
	}
	#shop_cart_container {
		text-align: center;	
		float: right;	
	}
	.ShoppingCartHeader, .ShoppingCartHeader0 {
		text-align: center;	
		float: right;
		display: inline-block;
		max-width: 500px;
	}

.bulina2-1, .bulina3-1{
		left: 231px;
}
/*
	.TopMenu a, .TopMenu a:hover {
		padding: 10px 12px !important;	
	}
	.TopButton1 {
		left: calc((100vw - 314px)/2);	
		padding: 5px 24px;
	}
	.TopButton2 {
		left: calc((100vw - 314px)/2 + 112px);	
		padding: 5px 24px;
	}
	.TopButton3 {
		left: calc((100vw - 314px)/2 + 112px + 96px);	
		padding: 5px 24px;
	}
	*/
	.TopButton1, .TopButton2, .TopButton3, .TopMenuContainer, .SearchSite {
		display:none;	
	}
	
	.SearchResponsive {
		display:block;
		float: right;
		width: calc(33% - 46px);		
		padding: 9px 5px 0px 35px;
		margin: 5px 0 0 5px;
		height: 25px; 
		cursor:pointer;
		background-image:url(../images/search-ico-responsive.png);
		background-repeat:no-repeat;
		font-size: 14px;
	}
	
	.SearchResponsiveMain {
		height: 40px; 


		background-color: #fff;
		background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
		background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(238,238,238)),
			color-stop(1, rgb(255,255,255))
		);
		border-bottom: 1px solid #ddd;
		-moz-box-shadow: 1px 1px 22px #ccc;
		-webkit-box-shadow: 1px 1px 22px #ccc;
		box-shadow: 1px 1px 22px #ccc;
		border-bottom: 1px solid #fff;		




	}
	
	.SearchResponsiveMain > form {
		text-align: center;	
		padding-top: 5px;
	}
	
	.SearchResponsiveMain > form > .SearchGo {
	    text-transform: uppercase;
    	font-weight: bold;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
		
		padding: 4px;
		width: 90px;
		text-align: center;
		margin: 4px;
	}
	
	
	.MenuCMSResponsive {
		display: block;
		float: left;
		width: calc(33% - 46px);		
		background-image:url(../images/hamburger.png);
		background-repeat:no-repeat;
		padding: 9px 5px 0px 35px;
		margin: 5px 0 0 5px;
		height: 25px; 
		cursor:pointer;
		font-size: 14px;

	}
	.MenuProdResponsive {
		display:block;
		float: left;
		margin: 5px 0 0 5px;
		width: calc(33% - 46px);		
		background-image:url(../images/hamburger.png);
		background-repeat:no-repeat;
		padding: 9px 5px 0px 35px;
		height: 25px; 
		cursor:pointer;
		font-size: 14px;
	}
	#emd_area_5, .Col1, #emd_area_7, .Col3 {
		display:none;	
	}
	.MenuProdResponsive500P {
		display:none;	
	}
	.MenuProdResponsive500M {
		display:;	
	}

	.MenuProdResponsiveMain {
		position: absolute; 
		top: 40px; 
		left: 0px; 
		width:100%; 
		background-color: black;
		color:white;	
	}

	.SearchResponsiveMain {
		position: absolute; 
		top: 40px; 
		left: 0px; 
		width:100%; 
		background-color: black;
		color:white;	
	}
	
	.MenuCSMResponsiveMain {
		position: absolute; 
		top: 40px; 
		left: 0px; 
		width:100%; 
		background-color: black;
		color:white;
			
	}

	.MenuCSMResponsiveMain > div {
		height: 20px;
		padding: 7px 0 0 5px;
		
	/*
		
		*/
	background-color: #fff;
	background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(238,238,238)),
		color-stop(1, rgb(255,255,255))
	);
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 22px #ccc;
	-webkit-box-shadow: 1px 1px 22px #ccc;
	box-shadow: 1px 1px 22px #ccc;
	border-bottom: 1px solid #fff;		
			
	}

	.MenuCSMResponsiveMain > div > a {
		background-image:url(/tpl/themes/theme2/left-m-arrow1.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
		display: block;
		color:#666666; 	
	}
	
	.MenuProdResponsiveMain > ul {
		display: block;
		list-style-type: disc;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
	}
	
	.MenuProdResponsiveMain > ul > li {
		list-style-type: none;
    	list-style-position: outside;
    	margin: 0;
    	display: block;

		height: 20px;
		padding: 7px 0 0 5px;
		
	/*
		
		*/
	background-color: #fff;
	background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(238,238,238)),
		color-stop(1, rgb(255,255,255))
	);
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 1px 1px 22px #ccc;
	-webkit-box-shadow: 1px 1px 22px #ccc;
	box-shadow: 1px 1px 22px #ccc;
	border-bottom: 1px solid #fff;		






	}
	
	.MenuProdResponsiveMain > ul > li > a {
		background-image:url(/tpl/themes/theme2/left-m-arrow1.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
		display: block;
		color:#666666; 	
	}
	
	.MenuProdTablet {
		display: none;	
	}

	.BottomMenu {
		text-align: center;
		float: none;
	}
	.BottomMenu a, .BottomMenu a:hover {
		display: inline-block;	
		float: none;
	}

	.Brands {
		text-align: center;	
	}
	.Brands a {
		display: inline-block;
		float: none;	
	}

	.NewsletterContainer {
		text-align: center;
	}
	.Newsletter {
		display: inline-block;
		float: none;
		margin-top: 10px;
	}
	.Newsletter .label, .Newsletter .input, .Newsletter .inputbutton  {
		float: none;
	}
	.Footer {
		text-align: center;	
	}
	.Copyright {
		float: none;
	}
	
	.ProdTopLeft {
		width: 310px;	
	}
	.input, .textarea {
		width: 160px;	
	}

	.GreyLogo img {
		max-width: calc(100% - 40px);
		border-style: dotted;	
	}
	.GreyBut2 {
		border: 0px !important;
		float: none !important;	
	}
	.GreyBut1 {
		margin-top: 10px;
		border: 0px !important;
		float: none !important;	
	}
	.SiteButt, .SiteButt2 {
		display: inline-block;	
	}

}

@media only screen and (min-width: 640px) {
	
}

@media only screen and (max-width: 639px) {
	.ProdTopRight {
		clear: both;
		margin: 0 auto;
		float: none;	
	}
	.ProdTopLeft {
		clear: both;
		margin: 0 auto;
		float: none;	
	}
}

/* ===== product box ===== */
@media only screen and (min-width: 1000px) {
	.BoxProd:nth-child(3n+1) {
		clear:both;	
	}
}

@media only screen and (min-width: 633px) and (max-width: 999px) {
	.BoxProd {
		margin-left: 0px;
		margin-right: calc((100% - 3*190px)/2);	
	}
	.BoxProd:nth-child(3n+0) {
		margin-right: 0px;	
	}
	.BoxProd:nth-child(3n+1) {
		clear:both;	
	}

}

@media only screen and (min-width: 419px) and (max-width: 632px) {
	.BoxProd {
		width: calc(50% - 10px);	
	}

}
@media only screen and (max-width: 418px) {
	.BoxProd {
		width: calc(100% - 10px);	
	}

}