@import url("fontiran.css");
/* ------------------------------------------------
	Style by : Hossein Hashemi
	Email : Hashemi42@gmail.com
	update : 14 August 2016
------------------------------------------------ */
*, *:before, *:after { box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:revert;}
.pageBox a { color: #2a00ff; }
table{border-collapse:collapse;border-spacing:0;}
img{ border:0;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input.text, input, select, textarea { font-family:Tahoma; font-size:12px;}
.btn{cursor:pointer;}
a {text-decoration: none; color:#060606; outline:0;}
a:hover { color:#000;}
.leftImg{float:left; margin:0 8px 8px 0;}
.rightImg{float:right; margin:0 0 8px 8px;}
.cmfErrorMessageBoard{ color:#D00; font-size:11px;}
.button{ cursor:pointer}
.input, .textarea{ padding:3px; border:1px solid #888;}
select{ border:1px solid #888; height: 25px;}
.formTbl{ margin:0 auto;}
.formTbl td{ padding:3px;}
.formTbl td.first{ text-align:left; white-space:nowrap;}
.formTbl textarea{ width:100%; }

.loginBtn{ text-align:center;}
.center{ text-align:center;}
.img-responsive { display:block; height:auto; max-width:100%;}
.clearfix:before, .clearfix:after, .row:before, .row:after { content: ""; display: table;}
.clearfix:after, .row:after { clear: both;}
.clearfix, .row { zoom: 1;}


/*------------------ Font ------------------*/

	/* IranSans -----*/
	body
	{font-family:IRANSans;}

	/* FontAwesome -----*/
	.videoList .img a:after, a:after, .sender:after
	{ font-family:'FontAwesome'; position:absolute;}


/*------------------ Transition ------------------*/
	a, img, .post, a:after, .videoList
	{ -webkit-transition: 0.2s all linear;
	  -moz-transition: 0.2s all linear;
	  -o-transition: 0.2s all linear;
	  transition: 0.2s all linear;
	}


/*------------------ Page Layout ------------------*/
/*-------- black=#464646 -- Banafsh=#795baa -------*/

body{ font-size:0.8em; background:url(../images/bg.png) repeat-x #795baa;}
#warp, .topHBox	{ width:1170px; margin:0 auto; direction:rtl; text-align:right;}
#container{ padding:0 0 20px 0;}
.rightSide{ float:right; width:16%; padding:0 0 0 2%;}
#content {float: left; width: 84%;}
#main{ float:right; width:65%; min-height:100%; line-height:1.7;}
#leftSide{ float:left; width:33%;}

.pageBox{ background:#fff; padding:10px;}
.adBox{ text-align:center; padding:0 0 10px 0;}

h1.title{ font-size:1.5em; padding:5px 10px; background:#fff; margin-bottom:10px; color:#5c3997;}
.pageBody{ /*font-size:12px;*/ }

.pageFooter{ padding:10px; margin-top:2px; background:#fff;}
.pageFooter .addThis{ float:left;}
.pageFooter .pageStatistics{ float:right;}

.pastArticles{ background:#fff; }
.pastArticles h4{ background:url(../images/pastArticlesTitle.gif); height:22px; overflow:hidden; line-height:420px;}
.pastArticlesBody{ padding:5px 10px; border:1px solid #c5c5c5;}
.pastArticles a{ display:block; background:url(../images/POINT_4.png) no-repeat right 9px; padding:2px 8px 2px 0; color:#00C;}
.pastArticles a:hover{ color:#000;}

.videoList{ float:right; width:23%; padding:5px; margin:1%; border:1px solid #EEE; background:#fff; text-align:center;}
.videoList:hover{ border:1px solid #ddd;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.videoList h3 a{ font-size:12px; color:#5c3997;}
.videoList .img img{ width:100%; padding:5px 0;}
.videoList .img a{ position:relative; display:block;}
.videoList .img a:after{ content:"\f144"; top:60%; right:50%; font-size:43px; width:46px; height:46px; line-height:46px; margin:-23px -23px 0 0;
color:#fff; background:#e84c3d;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; opacity:0;
}
.videoList .more{color:#555; font-size:11px;}
.videoList .more a{ color:#00C;}
.videoList .more a:hover{ color:#555; text-decoration:underline;}
.videoList:hover .img a:after{ opacity:1;top:50%;}

.imgPage .img-responsive{ margin:0 auto;}

/*------------------ header ------------------*/
/* orginal : #5c3997    black : #222   */
#header{height:auto;}
	.topHeader{ text-align:left; color:#BBB; background:#5c3997;
		/*-webkit-box-shadow: 0 1px 4px rgba(80,47,140,0.75);
		-moz-box-shadow: 0 1px 4px rgba(80,47,140,0.75);
		box-shadow: 0 1px 4px rgba(80,47,140,0.75);*/
	}
	.topHeader .leftLink{ float:left; width:49%; text-align:left;}
	.topHeader .rightLink{ float:right; width:49%;}
	.topHeader .leftLink, .topHeader .rightLink{ padding:5px 0 7px 0;}

	.topHeader a{ color:#BBB;}
	.topHeader a:hover{ color:#EEE;}

	.banner{ margin-bottom:15px;}
	.banner h1{ float:right; width:300px; height:128px; background:url(../images/logo-virus.png);}
	.banner h1 a{ display:block; width:100%; height:100%; text-indent:-1042px; overflow:hidden;}

	.banner h2{ display:none; width:200px;}
	.tabsMenu{ float:left; width:auto; height:auto; margin:25px 0 0 0;}
	.tabsMenu ul{ float:left; height:auto;}
	.tabsMenu li{ list-style:none; padding:0 10px 0 0; display:inline-block;}
	.tabsMenu li a{ display:block; height:87px; background-image:url(../images/menu2.png); background-repeat:no-repeat; line-height:420px; overflow:hidden;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	-webkit-box-shadow: inset 4px 4px 10px 2px #6f50a1; -moz-box-shadow: inset 4px 4px 10px 2px #6f50a1; box-shadow: inset 4px 4px 10px 2px #6f50a1;
	}
	.tabsMenu li a:hover{ -webkit-box-shadow: inset 4px 4px 10px 2px #4e307f; -moz-box-shadow: inset 4px 4px 10px 2px #4e307f; box-shadow: inset 4px 4px 10px 2px #4e307f; 
	background-color:#67489a;
	}

	.tabsMenu .menu1 a{ width:73px; background-position:-500px 0;}
	.tabsMenu .menu2 a{ width:73px; background-position:-427px 0;}
	.tabsMenu .menu3 a{ width:77px; background-position:-350px 0;}
	.tabsMenu .menu4 a{ width:66px; background-position:-284px 0;}
	.tabsMenu .menu5 a{ width:78px; background-position:-206px 0;}
	.tabsMenu .menu6 a{ width:75px; background-position:-131px 0;}
	.tabsMenu .menu7 a{ width:67px; background-position:-64px 0;}
	.tabsMenu .menu8 a{ width:64px; background-position:0 0;}

.topAdRow{ text-align:center;}
.topAdRow .col-6{ margin-bottom:15px; text-align:center;}

/*----------------- Sidr Responsive -----------------*/
.openMenuBox{ margin-bottom:15px; padding:10px; background:rgba(0,0,0,0.5); display:none; }
.openMenuBox a{ color:#fff; display:block; padding:0 22px 0 0; position:relative;}
.openMenuBox a:after{ content:"\f0c9"; top:2px; right:0; font-size:17px;}
body.sidr-open .openMenuBox a:after{ content:"\f00d"; top:2px; right:0; font-size:17px;}

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

	.sidr {display: block; position: fixed; top: 0; height: 100%; z-index: 999999;
	  width:200px; overflow-x: hidden; overflow-y: auto; background: #333; color: #fff; box-shadow: 0 0 5px 5px #222 inset;
	}
	.sidr .sidr-inner { padding: 0 0 15px;}
	.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px;}
	.sidr.right { left: auto; right: -260px;}
	.sidr.left { left: -260px; right: auto;}

}


/*------------------ post ------------------*/
.post{ background:#FFF; margin-bottom:12px;}
.post:hover{
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
box-shadow: 0 0 7px rgba(0,0,0,0.3);
}
.post .title{ background:#ead7ff; /*border-right:6px solid #ff9900;*/ padding:10px;}
.post .title span.txt{ /*float:right; display:block; width:330px;*/}
.post .body{ padding:10px;}
.post .postFooter{padding:6px 0 0 0; border-top:1px dashed #ddd; margin-top:10px;}
.post .postFooter a:hover{ color:#00a0db; }
.post .sender{ padding:0 18px 0 0; color:#777; float:right; position:relative;}
.post .sender:after{ content:"\f007"; top:0; right:3px; color:#c7c7c7;}

.postItem{ padding:0 0 10px 0;}
.postItem .title{ background:#f2f2f2; padding:5px;}
.postItem .title a{ color:#00F;}
.postItem .title a:hover{ color:#222;}
.postItem .title span{ color:#888;}

/*------------------ Right Side ------------------*/
.rightSide h3{ font-size:11px; padding:8px 8px; color:#444;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffd800), to(#ffbe00));
	background-image: -webkit-linear-gradient(top, #ffd800, #ffbe00);
	background-image: -moz-linear-gradient(top, #ffd800, #ffbe00);
	background-image: -o-linear-gradient(top, #ffd800, #ffbe00);
	background-image: -ms-linear-gradient(top, #ffd800, #ffbe00);
	background-image: linear-gradient(to bottom, #ffd800, #ffbe00);
}

/*------------------ Left Side ------------------*/
.sideBox{ margin-bottom:20px;}
.sideBox .sideBody{ background-color:#ecefe7; padding:10px;}
.sideBox h4{ background:url(../images/h4.gif) right; height:30px; line-height:28px; font-size:11px; padding:0 30px 0 0; color:#444;}
.adBoxLeft{ text-align:center; padding:10px;background-color:#ecefe7;}


ul.nav {margin:0 0 11px 0;	border-bottom:2px solid #FF9600; background:#ECEFE7; list-style:none; padding:0 2px;}
ul.nav li { padding:4px 4px 6px 5px; background:url(../images/bg-dotted.gif) repeat-x bottom;}
ul.nav a { padding:0 12px 0 0;	background:url(../images/arrowFa.gif) no-repeat right; display:block;}
ul.nav a:hover { font-weight:bold;}
ul.nav li.last { background:none;}
#left-column .link {display:block;width:130px;height:25px; background:url(../images/bg-left-link.gif);	margin:0 0 4px 0; font-weight:bold;	padding:0 21px 0 0;	line-height:25px; color:#60635A;}

.imgBoxRow .item{ float:right; width:25%; padding:3px; }
.moreLink{ text-align:left; margin:6px 3px 0 3px; padding:6px 0 0 0; border-top:1px solid #ccc; }

/* alert Box STYLE */
.alert 	{ background:#FFF6BF; border-top:2px solid #FFE98F; border-bottom:2px solid #FFE98F; text-align:center; margin-bottom:10px; padding:5px 20px;}
.notice { background:#ADCBE7; border-top:2px solid #0F5C8E; border-bottom:2px solid #0F5C8E; text-align:center; margin-bottom:10px; padding:5px 20px;}
.notice1{ background:#fff; text-align:center; margin-bottom:10px; padding:5px;}
.notice2{ background:#F3F3F3; border-top:2px solid #E8E8E8; border-bottom:2px solid #E8E8E8; text-align:center; margin-bottom:10px; padding:5px 5px;}
.notice3{ background:#D6ECA6; border-top:2px solid #BCE26A; border-bottom:2px solid #BCE26A; text-align:center; margin-bottom:10px; padding:5px 20px;}
.notice4{ background:#333333; border-top:2px solid #FF0000; border-bottom:2px solid #FF0000; text-align:center; margin-bottom:10px; padding:5px 20px;}
  

/*CSS flickr style pagination*/
DIV.flickr {padding:5px 10px; text-align:center;}
DIV.flickr A {
	float:right; height:20px; width:20px; line-height:18px; display:block; margin:0 0 5px 5px; border:1px solid #603a60; color:#603a60;
}
DIV.flickr A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #603a60
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #603a60
}
DIV.flickr SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}


/* New PAGING style */
.paginate {padding:10px; text-align:center; background:#fff;}
.paginate a, .paginate span{ display:inline-block; padding:2px 5px 2px 5px; margin:2px;}
.paginate a { border:1px solid #603a60;text-decoration:none;color: #603a60;}
.paginate a:hover, .paginate a:active {	border: 1px solid #603a60;	color: #000;}
.paginate span.current { border:1px solid #603a60; font-weight:bold; background-color: #603a60;	color: #FFFFFF;}
.paginate span.disabled { border:1px solid #EAD3EF;color:#DDD;}

/*------------------ input ------------------*/
input.sendBtn, .registerFormBtn, .loginBtn
{ height:25px; line-height:100px; overflow:hidden; border:0;color:transparent; font-size:0; background-image:url(../images/inputBtn.gif); cursor:pointer;}
.sendBtn{ width:80px; background-position:0 0;}
.registerFormBtn{ width:190px; background-position:-80px -25px;}
.loginBtn{ width:110px; background-position:-80px 0;}

/*------------------ Text AD ------------------*/
.textAdTitle{ padding:3px; color:#DDD; background:#FFD500;}
.textAd {padding: 3px 8px; font-size:12px; margin-bottom: 5px;-moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}

.orangeAd{ border: 2px solid #FFE8A8; border-width: 1px 1px 2px 2px; background: #FFF2CE;}
.greenAd { border: 2px solid #DFEDB9; border-width: 1px 1px 2px 2px; background: #E7F1CD;}
.purpleAd{ border: 2px solid #FFDEFF; border-width: 1px 1px 2px 2px; background: #FFF0FF;}
.blueAd	 { border: 2px solid #DCE9F5; border-width: 1px 1px 2px 2px; background: #EBF2FA;}


.breadcrumbs{ color:#888; padding:5px 10px; background:#fff; margin-bottom:10px;}
.breadcrumbs span{ color:#FF0000;}
.breadcrumbs a{ color:#006CFF;}

/*------------------ User Panel ------------------*/
.loginForm, .userRegistration{ }
.loginForm{ float:right; width:250px; border-left:1px dashed #AAA;margin:10px 0 0 0;padding:8px 0;}
.userRegistration{ float:left; width:240px; padding:10px 0 0 0;}

.adminIcon{ padding:15px 0;}
.adminIcon img{ display:block; margin:0 auto;}
.adminIcon a{ float:right; display:block; width:21%; height:110px; text-align:center; border:1px solid #DDD; padding:10px; margin:2%;
 -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.adminIcon a:hover{ border:1px solid #BBB; -webkit-box-shadow: inset 4px 4px 10px 2px #dddddd; -moz-box-shadow: inset 4px 4px 10px 2px #dddddd; box-shadow: inset 4px 4px 10px 2px #dddddd; background:#f8f8f8;}


div.table{ padding:15px 0 0 0;}

.listTbl td{ padding:2px; border:1px solid #DDD;}
.listTbl th{ padding:2px; border:1px solid #DDD; background:#555; color:#FFF; text-align:center;}
.listTbl .numTd{ padding:0 10px;}
.listTbl .bg0{ background:#f2f2f2;}
.brdrBtn{ border-bottom:2px solid #888 !important;}

/*------------------ box kadr ------------------*/
.box{position:fixed;_position:absolute;bottom:20px;left:10px;_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight)}
.box2{position:fixed;_position:absolute;bottom:10px;right:10px;_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight)}
.kadr{background:#f9fbfc;width:130px;border:1px solid #d7dee3;color:#000;font-size:11px;line-height:22px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-align:center;padding:5px 10px}


/*------------------ UserTbl ------------------*/
.UserTbl { margin:15px auto 0 auto;}
.UserTbl td, .productTbl th{ padding:5px 10px; border:1px solid #DDD; text-align:center;}
.UserTbl th{ background:url(../images/gradiant.gif) repeat-x 0 bottom #b5accd; color:#444; text-align:center; height:40px;}
.UserTbl tr.color td{ background:#f2f2f2;}
.UserTbl tr.hover td{ background:#FF9;}
.UserTbl a {color:#3399CC;}



/*------------------ Faq Page ------------------*/
.note-box {
background: #f3f3f3 url(../images/note_icon.png) no-repeat 98% 15px;
border: 1px solid #ccc;
color: #777;
}

.info-box {
background: #d8f2fe url(../images/info_icon.png) no-repeat 98% 15px;
border: 1px solid #93d1eb;
color: #00a1e4;
}

.note-box, .info-box {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 20px 0 20px 0;
padding: 20px 54px 20px 20px;
font: tahoma;
font-size: 12px;
text-align:justify;
}

/*------------------ Comment ------------------*/
.comment{ padding:10px; border:1px solid #BBBBBB;}

.commentBox{ border:1px solid #DDDDDD; background:#fff;}
.commentBox h4.title{ font-size:11px; padding:8px; border-bottom:1px solid #3c55a5; color:#44459c; background:#dfe2ed;}
.commentInfo{  background:#EEE; padding:6px 12px; height:30px;}
.commentInfo .cName{ height:20px; background:#FFF; padding:0 6px; float:right; line-height:19px;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
span.reply{ display:block;float:right; color:#00E; width:50px; height:20px; background:#fff; text-align:center; cursor:pointer; margin-right:8px;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.commentInfo .cName .sep{ color:#BBB;}

.cTxt{ padding:20px 40px; text-align:justify; background:url(../images/comments.png) no-repeat right 24px;}
.commentReply{ margin:0 40px 0 0; border-top:2px solid #DDD; border-right:2px solid #DDD;}




.commentTable{ margin:15px auto;}
.commentTable TD{ padding:2px;}
.commentTable .input{ border:1px solid #222; padding:2px;}
.commentTable .textarea{ border:1px solid #222; padding:2px;}


/*------------------ Lottery form ------------------*/
.datagrid table { border-collapse: collapse; text-align: center; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #652299; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #652299), color-stop(1, #4D1A75) );background:-moz-linear-gradient( center top, #652299 5%, #4D1A75 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#652299', endColorstr='#4D1A75');background-color:#652299; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #714399; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #4D1A75; border-left: 1px solid #E7BDFF;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #F4E3FF; color: #4D1A75; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }


/*------------------ report icon ------------------*/
.reportimg {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.reportimg:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


/*------------------ footer ------------------*/
#footer { background:url(../images/footer-bg.gif); direction:rtl; padding:30px 0; text-align:center; border-top:2px solid #4B2B87; color:#DDD;}
.err , .errorBox	{background:url(../images/block.gif) no-repeat right #FFE4E2;padding:10px 35px 10px 10px; color:#000;}
.ok , .messageBox	{background:url(../images/ok.gif) no-repeat right #EFFAEB;	 padding:10px 35px 10px 10px; color:#000;}
.alert2				{background:url(../images/alert.gif) no-repeat right #fff0ba; padding:10px 35px 10px 10px;}
.ok a, .messageBox a{font-weight:bold; color:#33F; line-height:2;}
.ok a:hover, .messageBox a:hover{ color:#BB002F;}
.help {	background:url(../images/icon/greenFlag16.gif) no-repeat right 7px;	color:#6D9621;	padding:8px 20px 8px 5px;text-align:right;}

/*------------------ Grid ------------------*/
.rowGrid::before, .rowGrid::after { content: " ";display: table;}
.rowGrid::after { clear: both;}
.rowGrid{}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ float:right;}
.col-6{ width:50%}

/*------------------ Border-Radius ------------------*/
	.pageBox, .sideBox, .adBoxLeft, .post, .notice1, .notice2, .notice3, .notice4, .paginate, .breadcrumbs, h1.title,
	.videoList, .pageFooter
	{-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

	/* Bottom Round */
	.sideBody
	{-webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}

	/* Top Round */
	.sideBox h4, .rightSide h3, .post .title
	{-webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px;border-top-right-radius: 7px;}
	
/*------------------ Responsive ------------------*/
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
		/*body{ background:red;}*/
		#warp, .topHBox	{ width:960px; }
		.rightSide{ float:right; width:16%;}
		#leftSide{ float:left; width:35%;}
		#main{ float:right; width:63%;}
		.videoList{ width:31.33%; }
	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		/*body{ background:green;}*/
		#warp, .topHBox	{ width:730px; }
		
		.rightSide{ float:right; width:22%;}
		#content{ width:78%; }
		#leftSide{ float:none; width:100%; margin-top:20px;}
		#main{ float:none; width:100%;}

		.tabsMenu{ margin:0 auto; float:none;}
		.banner h1{ margin:0 auto; float:none;}
		.col-6{ width:100%}
		.tabsMenu ul{ float:none; width:100%; text-align:center; }
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		/*body{background:blue;}*/
		#warp, .topHBox	{ width:430px; }
		.topAdRow, .leftLink{display:none;}
		.topHeader .rightLink{ float:none; text-align:center; width:100%;}
		.tabsMenu li{ margin-bottom:10px;}
		#content{ width:100%;}
		.openMenuBox{ display:block; }
		.sidr {width:200px !important; padding:10px;}
		.videoList{ width:48%; }
		.adminIcon a{width:29.33%;}

	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		/*body{ background:yellow;}*/
		#warp, .topHBox	{ width:96%; }
		.videoList{ width:98%; }
		.videoList .img img{ width:auto; margin:0 auto; }
		.adminIcon a{width:46%;}
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		/*body{ background:gray;}*/
		.banner h1{background-size: 100% 100%;background-repeat: no-repeat; width:260px; height:111px;}
	}