@charset "utf-8";
/* ======== GENERAL RULES ======== */
html {
	height: 101%;
	margin-bottom: 1px;
}
body {
	background-image: url('../multimedia/images/technical/forTemplate/backgrounds/badcanvas scan webBGbahir_s.jpg') ;
	font: normal 1em "Verdana";
	color: #7F0101;/*663300;*/
	text-align: right;
	}
header, footer, nav, article, section, aside {
	display: block;
}
img {
	border: none;
}
h1, h4, h3, table, OL, UL, span, P,div { direction:rtl
}
th, td {}
.TFtable{
		width:100%; 
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:7px; border:#88943a 1px solid; text-align:center;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #C3D453;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background: #C3D453;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #d5e086;
	}

hr {
	background-color: #2d190f;
	color: #2d190f;
	height: 1px;
	width: 100%;
}
ul li a {
	padding: 0;
}
ul li a:hover {
	color: #7F0101;
	text-decoration: underline;
}
.leftside {
	float: left;
	display: block;
	width: 30%;
	margin-right: 5%;
}
.rightside {
	float: right;
	display: block;
	width: 30%;
	margin-left: 5%;
}
fieldset {
	border: 1px dashed #c0c0c0;
	padding: 1%;
	margin: 2% 0;
}
table {
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
	width: 100%;
	text-align: center;
}
.cellborder {
	border: solid 1px #c0c0c0;
	padding: 5px;
}
/* ======== TYPOGRAPHY ======== */
a {
	color: #7F0101;
	outline: none;
}
h5 a, h4 a {color:#FFFFFF; font-weight:normal}

a:hover {
	color: #7d5539;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
h1 {
	font: 2.3em;
	/*color: #2d190f;*/
	margin: .3em 0 .3em 0;
	letter-spacing: 1px;
	line-height: 42px;
}
h2 {
	font: 2.1em;
	/*color: #58331d;*/
	margin: .3em 0;
	letter-spacing: 1px;
	text-align: center;
	border-bottom : 1px solid;
}
h3 {
	font: 1.2em;
	/*color: #7d5539;*/
	margin: .2em 0;
	padding: 0;
}
h4 {
	font: normal 0.8em;
	/*color: #404040;*/
	margin: .3em 0;
	text-decoration:underline
}
h5 {
	font: normal 0.6em;
	/*color: #2d190f;*/
	margin: .3em 0;
}
h6 {
	font: normal 1.2em;
	/*color: #404040;*/
	margin: .3em 0;
}

h2.alternate {
	font: 1.7em;
	/*color: #3c4147;*/
	margin: .3em 0;
	padding: .1em;
	letter-spacing: 1px;
	text-align: center;
}
.dropcap {
	float: left;
	/*color: #2d190f;*/
	font: 60px/50px;
	padding: 0 4px 0 0;
}
p.dropcap {
	overflow: hidden;
}
.button {
	font-size: 0.90em;
	color: #ffffff;
	padding: 5px;
	border-radius: 5px;
	background-color: #7d5539;
	text-decoration: none;
	font-weight: normal;
	box-shadow: 0 2px 3px #000;
}
.button:hover {
	color: #ffffff;
	padding: 5px;
	border-radius: 5px;
	background-color: #505050;
	text-decoration: none;
	font-weight: normal;
	box-shadow: 0 2px 3px #000;
}

.nowrap a{
	white-space:nowrap;
	font-size:80%;
	text-decoration:underline;
	margin-left:5%
	}
.nowrap {
		text-align:center;
	}
/* ======== LAYOUT RULES ======== */
#wrapper {
	width: 1200px;
	background: #F4F1EF;/*CDEDF6;/*FFEDCC;*/
	margin: 10px auto;
	border-radius: 15px 15px;
	box-shadow: 0 0 10px #000;
}
/* ======== HEADER AREA ======== */
header {
	position: relative;
	width: 100%;
	background-image: url('../multimedia/images/technical/forTemplate/backgrounds/backgroundHeader_s3.png');
	 ;
    background-repeat: repeat;
	/*background: #c3d96e;/*d5e086;/*A9C734; /*FFC057; /*#2d190f;
	background-image: linear-gradient(#c3d96e, #e3eebb);
	background-image: -moz-linear-gradient(#c3d96e, #e3eebb);
	background-image: -webkit-linear-gradient(#c3d96e, #e3eebb);
	background-image: -ms-linear-gradient(#c3d96e, #e3eebb);
	background-image: -o-linear-gradient(#c3d96e, #e3eebb);*/
	border-radius: 15px 15px 0 0;
}
/* ======== MAIN NAVIGATION AREA ======== */
#mainnav {
	width: 100%;
	color: #ffffff;
	height: 30px;
	/*background: #c77633;/*#2d190f;*/
	background-image: linear-gradient(#c77633, #daa172, #c77633);
	background-image: -moz-linear-gradient(#c77633, #daa172, #c77633);
	background-image: -webkit-linear-gradient(#c77633, #daa172, #c77633);
	background-image: -ms-linear-gradient(#c77633, #daa172, #c77633);
	background-image: -o-linear-gradient(#c77633, #daa172, #c77633);
	/*border-top: 1px solid #fff;*/
	padding: 2px 0 12px 0;
	text-align: center;
	text-transform: uppercase;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* make the LI display inline */
/* its position relative so that position absolute */
/* can be used in submenu */
#nav li {
	display: inline-block;
	background-color: transparent;
	position: relative;
	z-index: 500;
	margin: 0 6px;
	padding: 0;
}
/* this is the parent menu */
#nav li a {
	display: block;
	padding: 12px 3px 11px 3px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	text-align: right;
	font-weight: normal;
	letter-spacing: 1px;
}
#nav li a:hover {
	color: #ffffff;
}
/* submenu, it's hidden by default */
#nav ul {
	position: absolute;
	left: 2px;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

#nav ul li {
	width: 140px;
	float: left;
	background-color: #c77633;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display: block;
	height: 15px;
	padding: 6px 5px;
	color: #ffffff;
	background-color: #c77633;
	border-radius: 0;
	box-shadow: none;
	border: none;
	font-size: 0.90em;
	text-transform: none;
}
#nav ul a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #9e5e29;
}

#nav2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* make the LI display inline */
/* its position relative so that position absolute */
/* can be used in submenu */
#nav2 li {
	display: inline-block;
	background-color: transparent;
	position: relative;
	z-index: 500;
	margin: 0 6px;
	padding: 0;
}
/* this is the parent menu */
#nav2 li a {
	display: block;
	padding: 6px 3px 3px 3px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	text-align: right;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 0.90em;
}
#nav2 li a:hover {
	color: #ffffff;padding: 12px 3px 11px 3px;

}
/* submenu, it's hidden by default */
#nav2 ul {
	position:relative;
	right: 20px;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

#nav2 ul li {
	width: 420px;
	float: left;
	background-color: #c77633;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
/* display block will make the link fill the whole area of LI */
#nav2 ul a {
	display: block;
	height: 15px;
	padding: 6px 5px;
	color: #ffffff;
	background-color: #c77633;
	border-radius: 0;
	box-shadow: none;
	border: none;
	font-size: 0.90em;
	text-transform: none;
}
#nav2 ul a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #9e5e29;
}


.selectnav {
	display: none;
}
/* ======== LOGO/SITE NAME AREA ======== */
#nameplate {
	width: 40%;
	float: right;
	text-align: center;
	padding: 10px 1% 20px 1%;
}
#nameplate h1 {
	font: 2.8em;
	color: #ffffff;
	letter-spacing: 0.02em;
	margin-top: 0;
}
#nameplate h3 {
	font: 1.9em;
	color: #7d5539;
	margin: .2em 0;
	padding: 0;
}

#nameplate p {
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}
#address {
	float: right;
	width: 40%;
	padding: 10px 1%;
	text-align: center;
	font: 16px;
	color: #fff;
	font-weight: normal;
	font-style: italic;
}
/* ======== SIDEBAR AREAS ======== */
#sidebarLeft {float: left; width: 8%; padding: 0 10px; margin: 15px 0 0 1%; line-height: 1.5em; background-attachment:fixed;}
#sidebarRight {float: right; width: 12%; padding: 0 10px; margin: 1% 1% 1% 0; line-height: 1.5em;background: #c77633;
	/*background-image: linear-gradient(#58331d, #2d190f);
	background-image: -moz-linear-gradient(#58331d, #2d190f);
	background-image: -webkit-linear-gradient(#58331d, #2d190f);
	background-image: -ms-linear-gradient(#58331d, #2d190f);
	background-image: -o-linear-gradient(#58331d, #2d190f);*/
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	text-decoration:none;
	}
#sidebarRight a {
text-decoration:none
}
#sidebarRightTop {float: right; width: 10%; padding: 0.6em 10px; margin: 0 1% 0 0; line-height: 1.5em; text-align:center;}
/* ======== CONTENT AREA ======== */
#contentRight {float: right; width: 65%; padding: 0 10px; margin: 10px 0; line-height: 1.5em;}
#contentLeft {float: left; width: 65%; padding: 0 10px; margin: 10px 0; line-height: 1.5em;}
#contentMiddle {float: left; width: 71%; padding: 0 1%; margin: 10px 0.50%; line-height: 1.5em; overflow: hidden;}
#contentFull {float: left; width: 61%; margin: 0; padding: 0 10px; line-height: 1.5em;}
/* ======== SECTION BLOCKS ======== */
.contentBox1 {width: 100%;	padding: 20px 0;}

.contentBox2a {float: right;	width: 48%;	padding: 0;	margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox2b {float: right;	width: 48%;	padding: 0;	margin: 0 1% 0 1%; line-height: 1.4em;}
.contentMedia {}
.contentBox2a2 {float: right;	width: 40%;	padding: 0;	margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox2b2 {float: right;	width: 56%;	padding: 0;	margin: 0 1% 0 1%; line-height: 1.4em;}

.contentBox3a {float: right;	width: 31.33333%; padding: 0; margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox3b {float: right;	width: 31.33333%; padding: 0; margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox3c {float: right;	width: 31.33333%; padding: 0; margin: 0 1% 0 1%; line-height: 1.4em;}

.contentBox3a2 {float: right;	width: 29%; padding: 0 1% 0 1%; margin: 0 1% 10px 1%; line-height: 1.4em; border-style: solid; border-color: #7d5539; border-width:thin; border-radius: 25px;}
.contentBox3b2 {float: right;	width: 29%; padding: 0 1% 0 1%; margin: 0 1% 10px 1%; line-height: 1.4em; border-style: solid; border-color: #7d5539; border-width:thin; border-radius: 25px;}
.contentBox3c2 {float: right;	width: 29%; padding: 0 1% 0 1%; margin: 0 1% 10px 1%; line-height: 1.4em; border-style: solid; border-color: #7d5539; border-width:thin; border-radius: 25px;}


.contentBox4a {float: right;	width: 20.1%; padding: 0 10px; margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox4b {float: right;	width: 20.1%; padding: 0 10px; margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox4c {float: right;	width: 20.1%; padding: 0 10px; margin: 0 1% 0 1%; line-height: 1.4em;}
.contentBox4d {float: right;	width: 20.1%; padding: 0 10px; margin: 0 1% 0 1%; line-height: 1.4em;}

.contentBox4-gallery {float: left; width: 23%; text-align: center; line-height: 1.4em; margin: 0 1%;}
.inside {padding: 10px;}

/* ======== FOOTER ======== */
footer {
	clear: both;
	width: 100%;
	/*background: #c77633;*/
	background-image: linear-gradient(#c77633, #daa172);
	background-image: -moz-linear-gradient(#c77633, #daa172);
	background-image: -webkit-linear-gradient(#c77633, #daa172);
	background-image: -ms-linear-gradient(#c77633, #daa172);
	background-image: -o-linear-gradient(#c77633, #daa172);
	color: #ffffff;
	letter-spacing: 2px;
	font-size: 90%;
	line-height: 1.5em;
	border-radius: 0 0 15px 15px;
	padding: 20px 0;
}
footer p {
	padding: 0;
	margin: 0;
}
footer a {
	color: #ffffff;
	padding: 0 5px;
}
footer a:hover {
	color: #c0c0c0;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer li {
	margin: 0;
	padding: 0;
}
footer li a {
	color: #ffffff;
	padding: 0 5px;
}
footer li a:hover {
	color: #c0c0c0;
}
footer h2 {
	font: 20px;
	color: #fff;
	margin: .5em 0;
	letter-spacing: 1px;
	border-bottom: 1px solid;
	text-align: center;
}
/* ======== MISCELLANEOUS CLASSES ======== */
.center {
	text-align: center;
}
.tiny {
	font-size: 60%;
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.clearsmall {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html 
.clearfix{zoom:1}

/* ================================ MEDIA QUERIES =============================== */
/* ========================================================== */
/* ====================== MENU BAR ONLY ==================== */
/* ========================================================== */
@media screen and (max-width: 1000px) {
#mainnav {
	height: 30px;
  	width: 100%; 
	margin: 0 auto 20px auto; 
	overflow: hidden;
}
.js #nav {
	display: none;
}
.js .selectnav {
	display: block;
	margin: 0;
}
select#selectnav1 {
	background-color: transparent;
	color: #fff;
	width: 260px;
	margin: 0 auto;
	padding: 3px;
	font-size: 0.95em;
	letter-spacing: 1px;
	border: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/menu32-gray.png') no-repeat 48px 0;
}
select#selectnav1 option {
	background-color: #2d190f;
	color: #fff;
	font-size: 0.80em;
	padding: 1px 20px 1px 10px;
}
}
/* ========================================================== */
/* ====================== SMALL DEVICE 01 ==================== */
/* ========================================================== */
@media screen and (max-width: 320px) {
#wrapper {width: 98%;}
/* === header block ==== */
/*#nameplate {
	float: none;
	width: 95%;
	margin: 0 auto;
	padding: 10px 0 13px 0;
	background: none;
}*/
#nameplate h3 {
	font-size: 18px;
	text-align: center;
}
#nameplate p {
	text-align: center;
}
#address {width: 55%;}
#address img {width:75%}

/*
#address {float: none; width: 95%;}*/
/* === tab block ==== */
  ul.tabs {display: none;	}
	.tab_content {display: none;}
	.tab_container {display: none;}
 /* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1.%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b, .contentBox2a2, .contentBox2b2 {width: 96%; margin: 1%; padding: 1%;}
.contentBox3a, .contentBox3b, .contentBox3c {width: 96%; margin: 1%; padding: 1%;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 45%; margin: 1%; padding: 1%;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 44%; margin: 1%; padding: 2%;}
.contentMedia {width:25%; float:right; font-size: 75%}
.imgBox {width: 90%; margin: 0 auto; float: none;}
/* === miscellaneous coding ==== */
h1 {
	font: 1.9em;
	margin-top: 0;
}
.lgproduct-image {
	width: 75%;
	margin: 1%;
	padding: 0;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
h2 {font-size: 1.5em;}
blockquote.leftside, blockquote.rightside {visibility: hidden; display: none;}
}
/* ========================================================== */
/* ===================== SMALL DEVICE 02 ==================== */
/* ========================================================== */
@media screen and (min-width: 321px) and (max-width: 480px) {
#wrapper {width: 94%;}
/* === header block ==== */
/*#nameplate {
	float: none;
	width: 80%;
	margin: 0 auto;
}*/
#nameplate h3 {font-size: 20px;}
#address {width: 55%;}
#address img {width:70%}
/*#address {float: none; width: 95%;}*/
/* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b, .contentBox2a2, .contentBox2b2 {width: 96%; margin: 1%; padding: 1%;}
.contentBox3a, .contentBox3b, .contentBox3c {width: 96%; margin: 1%; padding: 1%;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 45%; margin: 1%; padding: 1%;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 42%; margin: 1%; padding: 3%;}
.contentMedia {width:25%; float:right; font-size: 75%}

.imgBox {width: 60%; margin: 0 auto; float: none;}
.imgBox2 {width: 40%; margin: 0 auto; }

/* === miscellaneous coding ==== */
h1 {
	font: 32px;
	margin-top: 0;
}
h2 {font-size: 30px;}
.lgproduct-image {
	width: 75%;
	margin: 1%;
	padding: 0;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
blockquote.leftside, blockquote.rightside {
	visibility: hidden;
	display: none;
}
/* === tab block ==== */
  ul.tabs {display: none;	}
	.tab_content {display: none;}
	.tab_container {display: none;}

}
/* ========================================================== */
/* ================== SMALL DEVICE 03 ================= */
/* ========================================================== */
@media screen and (min-width: 481px) and (max-width: 623px) {
#wrapper {
	width: 95%;}
/* === header block ==== */
/*#nameplate {
	float: none;
	width: 80%;
	margin: 0 auto;
}*/
#nameplate h3 {
	font-size: 24px;
}*/
#address {width: 65%;}
#address img {width:85%}
/* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a, .contentBox3b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 30%; margin: 1%; padding: 0%;}
.contentBox3c {width: 90%; margin: 1%; padding: 0;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 44%;	padding: 0 1%; margin: 1%;}
.contentMedia {width:25%; float:right; font-size: 75%}

.imgBox {width: 70%; margin: 0 auto; float: none;}

/* === miscellaneous coding ==== */
h1 {
	font: 38px;
	margin-top: 0;
}
.lgproduct-image {
	width: 60%;
	margin: 1%;
	padding: 0;
	text-align: center;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
}
/* ========================================================== */
/* ================== MID DEVICE 01 ================= */
/* ========================================================== */
@media screen and (min-width: 624px) and (max-width: 669px) {
#wrapper {
	width: 96%;}
/* === header block ==== */
#nameplate {
float:left;}
/*	float: none;
	width: 80%;
	margin: 0 auto;
}*/
#nameplate h3 {
	font-size: 26px;
}*/
#address {width: 65%;}
#address img {width:70%}
/* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a, .contentBox3b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 30%; margin: 1%; padding: 0%;}
.contentBox3c {width: 90%; margin: 1%; padding: 0;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 43%;	padding: 0 2%; margin: 1%;}
.topcontentBox4a, .topcontentBox4b, .topcontentBox4c, .topcontentBox4d {width: 45%; padding: 0 1%; margin: 1%;}
.contentMedia {width:25%; float:right; font-size: 75%}

.imgBox {width: 90%; margin: 0 auto; float: none;}
.sidebarimgBox {width: 60%; margin: 0 auto;}

/* === miscellaneous coding ==== */
h1 {
	font: 40px;
	margin-top: 0;
}
.lgproduct-image {
	width: 60%;
	margin: 1%;
	padding: 0;
	text-align: center;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
}
/* ========================================================== */
/* ================== MID DEVICE 02 ================ */
/* ========================================================== */
@media screen and (min-width: 670px) and (max-width: 768px) {
#wrapper {
	width: 95%;}
/* === header block ==== */
/*#nameplate {
	float: none;
	width: 80%;
	margin: 0 auto;
}*/
#nameplate h3 {
	font-size: 26px;}

#address {width: 50%;}
/* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a, .contentBox3b {width: 46%; margin: 1%; padding: 0;}
.contentBox3c {width: 90%; margin: 1%; padding: 0;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 31%; margin: 1%; padding: 0%;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 43%;	padding: 0 2%; margin: 1%;}
.imgBox {width: 90%; margin: 0 auto; float: none;}
.contentMedia {width:25%; float:right; font-size: 75%}

/* === miscellaneous coding ==== */
h1 {
	font: 40px;
	margin-top: 10px;
}
.lgproduct-image {
	width: 60%;
	margin: 1%;
	padding: 0;
	text-align: center;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
}
/* ========================================================== */
/* ================== MID DEVICE 03 ================= */
/* ========================================================== */
@media screen and (min-width: 769px) and (max-width: 800px) {
#wrapper {width: 96%;}
/* === header block ==== */
/*#nameplate {
	float: none;
	width: 90%;
}*/
#nameplate h3 {
	font-size: 26px;}
#address {width: 45%;}
/* === content box coding ==== */
#contentRight, #contentLeft, #contentMiddle, #sidebarRightTop {width: 98%; margin: 1%; padding: 0;}
#sidebarLeft, #sidebarRight {
	display:none}
.contentBox2a, .contentBox2b {width: 46%; margin: 1%; padding: 0;}
.contentBox3a, .contentBox3b {width: 31%; margin: 1%; padding: 0;}
.contentBox3c {width: 32%; margin: 1%; padding: 0;}
.contentBox3a2, .contentBox3b2, .contentBox3c2 {width: 31%; margin: 1%; padding: 0%;}
.contentBox4a, .contentBox4b, .contentBox4c, .contentBox4d {width: 43%;	padding: 0 2%; margin: 1%;}
.imgBox {width: 90%; margin: 0 auto; float: none;}
.contentMedia {width:25%; float:right; font-size: 75%}

/* === miscellaneous coding ==== */
.lgproduct-image {
	width: 60%;
	margin: 1%;
	padding: 0;
	text-align: center;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
}
/* ========================================================== */
/* ================== LG DEVICE 01 ================= */
/* ========================================================== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
#wrapper {
	width: 97%;}
#slider {
	width: 90%;
	height: auto;
	margin: 20px auto;
}
/* === content box coding ==== */
#sidebarRight, {width: 12%; margin: 1%; padding: 0;}
#contentMiddle {width: 78%; margin: 1%; padding: 0;}
#sidebarLeft {
	display:none}
#contentRight, #contentLeft {width: 65%; margin: 1%; padding: 0;}
.imgBox {width: 90%; margin: 0 auto; float: none;}

/* === miscellaneous coding ==== */
.lgproduct-image {
	width: 60%;
	margin: 1%;
	padding: 0;
	text-align: center;
}
.lgproduct-text {
	width: 98%;
	margin: 1%;
	padding: 0;
}
}
/* ========================================================== */
/* ================== LG DEVICE 02 ================= */
/* ========================================================== */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
#wrapper {width: 97%;}
/* === content box coding ==== */
#sidebarRight {width: 10%; margin: 1%; padding: 0;}
#contentMiddle {width: 81%; margin: 1%; padding: 0;}
#sidebarLeft {width: 10%; margin: 1%; padding: 0;}}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* ADDED */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
.fb-like-container {
  position: relative;
  padding: 0;
  padding-top: 55px;
}
.fb-like {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: 50%;
  transform: translate(-50%, -50%);
}
*/