/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}
	#navigation{text-align:center; float:none; clear:both; margin:0px 0 20px 0!important;}
	#topnav{ float:none}
	
	
	ul.listborder li {width: 40%;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#maincontainer, #outerslider, #afterheader, #outerbottom, #outerfootersidebar .container{ max-width: 480px; margin-left:auto; margin-right:auto }
	#outerheader{height:auto;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block;}
	#logoimg img{margin:0px auto; margin-bottom:5px;}

	#navigation{text-align:center; float:none; clear:both; margin:0px 0 12px 0!important;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0px; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:50%}/* mobile dropdown */
    .js #topnav { display: none }
	
	/*============================================== SLIDER SECTION ==============================================*/
	#slider .nivo-caption{ bottom:-140px;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	#maincontent.hassidebar{background:none;}
	#content.positionright, #content.positionleft{background:transparent; border:0px;}
	#sidebar.positionright{ border-left:0px;}
	#sidebar.positionleft{ border-right:0px;}
	.main{padding-right:0px; padding-left:0px;}
	#content.positionright .main, #content.positionleft .main{padding-left:0; padding-right:0}
	.mediacontainer iframe, .mediacontainer object, .mediacontainer video{width:100%; height: auto;}
	
	.tabcontainer{margin-bottom:20px;}
	ul.tabs{height:auto;}
	ul.tabs li{font-size:12px; display:block; float:none; overflow:visible; height:auto}
	ul.tabs li a{text-transform:capitalize;}
	h2.trigger{font-size:12px;}

	
	.klasik-portfolio .klasik-pf-img img{ width:auto!important}
	
	ul.listborder li {width: 100%;}
	
	/*============================================== BLOG SECTION ==============================================*/

	.wp-pagenavi{margin-bottom:30px;}
	.entry-utility{ float:none; width:100%; text-align:left; margin-bottom:10px; margin-top:0px;}
	.entry-utility div{ display:inline-block;}
	
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	#sidebar { border:0px;}
	#sidebar.positionright div.widget-area{padding-left:0px;}
	#sidebar.positionleft div.widget-area{padding-right:0px;}
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#slider .nivo-caption{ bottom:-125px;}
	#slider .slider-title{ line-height:normal;}
	#slider .slider-desc{ display:none;}
	
	.pagetitle{ text-align:center;}
	
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
}

table tr td
{
	color:#000;
	font-family:Oswald, Arial, sans-serif;
}

table { border-collapse: collapse; border-spacing: 0; font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; 
 }
caption { font-size: larger; margin: 1em auto; }
th, td { padding: .75em; }
th { background-color:#BE1E2D; color: #f2f2f2; }
th:first-child { border-radius: 9px 0 0 0; }
th:last-child { border-radius: 0 9px 0 0; }
tr:last-child td:first-child { border-radius: 0 0 0 9px; }
tr:last-child td:last-child { border-radius: 0 0 9px 0; }
tr:nth-child(odd) { background: #B8B0A3; }

#hor-zebra
{
	font-family:Oswald, Arial, sans-serif;
	font-size: 12px;
	margin:0px;
	width: 570px;
	text-align: left;
	border-collapse: collapse;
	float:left;
	height:230px;
	margin-top:24px;
	}
#hor-zebra tr th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color:white;
	height:35px;
	border:none;
   background:black;;
   text-align:justify;
   	font-family:Oswald, Arial, sans-serif;


}
#hor-zebra tr td
{
	padding: 8px;
	color:black;
	border:none;
	text-align:justify;
}
#hor-zebra .odd
{
	color:#DBA13D;
	background-color:#DBA13D;
}