/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	#topnav{display:block !important;}
	.flex-direction-nav .flex-next {right: -40px; *right:0;}
	.flex-direction-nav .flex-prev {left: -40px; *left: 0;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#bodychild{width:100%;}
	
	/*============================================== MENU SECTION ==============================================*/
	#topnav{display:block !important;}
	.sf-menu a {padding:25px 15px !important;}
	.sf-menu, .sf-menu * {font-size:14px;}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:4.66em; /* match top ul list item height */
	}
	
	.sf-menu > li {
		width:123px;
	}
	.sf-menu > li:last-child{width:120px;}
	
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-caption{top:18%;}
	.flex-caption h1{font-size:40px; line-height:40px}
	
	
	/*============================================== CONTENT SECTION ==============================================*/
	.padcontent{padding-right:12.8%;}
	#content.positionright .padcontent{padding-left:12.8%; padding-right:0}
	.button.large{font-size:14px; line-height:14px; padding:9px 20px 10px 20px;}
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:364px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:352px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:352px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:352px;
	}
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:236px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:224px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:224px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:224px;
	}
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:172px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:160px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:160px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:160px;
	}
	
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	.rp-widget li .smalldate{background:transparent; padding:0}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#bodychild{width:100%;}
	#outerheader{height:auto;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center;}
	#logo img{margin:0 auto}
	#headerright{padding:0; text-align:center; display:none}
	#headerright .tagline{float:none; margin:0 auto;}
	#navigation{text-align:center; clear:both; height:auto;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0 0 20px 0; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; border:0; width:100%}/* mobile dropdown */
    .js #topnav { display: none }
		
	/*============================================== SLIDER SECTION ==============================================*/
	#slidercontainer{padding:10px 0 0 0;}
	#slider{ background:transparent}
	.flexslider .slides img{position:static; right:0;}
	.flex-caption{width:50%;top:10%;}
	.flex-caption h1{font-size:14px; line-height:16px}
	.flex-caption .slidetext1{font-size:12px; margin-bottom:10px}
	.flex-caption .slidetext2{font-size:10px; margin-bottom:15px}
	#slider .button{font-size:11px; padding:6px}
	
	/*============================================== AFTER HEADER SECTION ==============================================*/
	#outerafterheader{padding:0 0 0 0;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	img.alignright, .alignright{float:none; margin:0 0 0 0 !important;}
	
		
	/*============================================== BLOG SECTION ==============================================*/
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	#sidebar .widget-container{margin-bottom:20px; padding:20px 0 0 0;}
	
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:300px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:288px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:288px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:288px;
	}
	
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:300px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:288px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:288px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:288px;
	}
	
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:300px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:288px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:288px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:288px;
	}
	
	
	#toTop{display:none !important;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}
	
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-control-nav {bottom:10px;}
	.flex-control-nav a {width:10px; height:10px;}
	
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:420px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:408px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:408px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:408px;
	}
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:420px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:408px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:408px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:408px;
	}
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:420px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:408px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:408px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:408px;
	}
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%;}
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-control-nav { display:none;}
	.flex-caption .slidetext2{font-size:10px; display:none}

	
	/*============================================== BLOG SECTION ==============================================*/
	.commentlist ol{padding-left:20px;}
	.avatar{display:none;}
	.comment-body{margin:0;}

}