/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
    color: #000;
}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-right: 2px;
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 980px
	}
	.box-layout .bannercontainer {
	    width: 980px
	}
	.box-layout .banner {
	   width: 960px
	}
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background-image: url(../images/shadow-full.png);
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
body {
    color: #000;
}
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 720px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 720px
	}
	.full-portfolio-banner {
	    width: 720px
	}
	.banner,
	.box-layout .banner {
	    width: 700px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 470px
	}
	.slider-shadow,
	.menu,
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background: transparent url(../images/shadow-720.png) center bottom no-repeat
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	.menu ul li {
	    padding: 0;
	}
.menu ul#tiny li a {
    font-size: 14px;
    color: #fff;
	 padding: 15px 17px;
 line-height:30px;
}
	
	.grid .post {
	    width: 220px;
	    margin-right: 30px;
	}
	.post .details {
	    max-width: 160px
	}
	.single .post .details {
	    max-width: none
	}
	.side-tab-container ul {
	    width: 220px
	}
	.side-tab-container .panel-container {
	    width: 430px
	}
	.post-list .frame {
	    display: none
	}
	.post-list .meta {
	    float: none
	}
	ul.latest li {
	    width: 230px;
	    margin: 0 13px 13px 0;
	}
	ul.latest {
	    margin-bottom: -13px
	}
	.tab-container .tab a {
	    padding: 7px 15px
	}
	ul.client-list li {
	    margin-right: -12px;
	    margin-bottom: -12px;
	}
	ul.client-list li {
	    width: 171px;
	    height: auto;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.content {
	    width: 680px
	}
	.sidebar {
		background:none;
		width:100%;
		    margin-top: -20px;
		}
	.sidebar .widget-1, .sidebar .widget-2, .sidebar .widget-3 {
		display:none;
	}
	.sidebox .one-half {
    float: left;
    width: 50%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 0px;
	}
.divider.white-wrapper{
	display:none;
	}
	.related ul li {
	    width: 165px
	}
	.items.col4,
	.items.col3 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li {
	    margin-right: 18px;
	    width: 228px;
	    /* 3 columns */
	}
	.items.col2 li {
	    width: 345px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li {
	    margin-bottom: 18px
	}
	.item-details {
	    width: 220px
	}
	.container {	
		width:720px; 
	}
	.megafolio-container {
	    width: 720px
	}
	.two-col .video-wrapper {
	    width: 470px
	}
	.two-col .video-details {
	    width: 220px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 228px !important;
	    margin: 18px 18px 0 0;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
} /* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
body {
    color: #000;
}
.logo {
    margin-bottom: 0px;
}
.social {
    display:none;}
.fourty-yrs {
	width:100%;
	padding: 0;
	background:none;

}
.fourty-yrs a{
	  padding: 5px 0;
	  	  line-height:2em;
	}
.fourty-caption, .fourty-lrg  {
		font-size: 1em !important;
		padding:0 5px 0 0 ;
		letter-spacing: 3px;
	}
.top-wrapper .inner {
	padding-top:10px;}
header .header {
	padding:0px;}
.menu {
    margin-bottom: 0px;
}
.intro {
	  background: none repeat scroll 0 0 #91298e;
    color: #ffffff;
	margin:0 auto;
	font-size:16px;
	}
	
input[type="submit"],a.button, a.btn, input.button, .intro .five-sixth, .intro .one-sixth{
		width:100%;
		text-align:center;}

input,
textarea,
select, .last {

	width:100%;
}
input[type="radio"]{
	width:15px;}
ul.testimonials li .quote{
font-size:16px;
}
.site-generator-wrapper {
	}
.copyright, #fppc p {
	color:#333;
	font-size:10px;
	text-align:center;
	}
#fppc,  #fppc p  {
	margin:0px;
	line-height:1.5em;}


.footer-wrapper  {
	  background: none repeat scroll 0 0 #91298e;
	  	  color:#FFF;
}
.footer-wrapper p,.footer-wrapper a, #twitter-footer a:hover {
		  color:#FFF;
	}
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 440px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 440px
	}
	.full-portfolio-banner {
	    width: 440px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 440px
	}
	.banner,
	.box-layout .banner {
	    width: 420px
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 0px;
	}
	.logo img {
	    display: inline
	}
	.social,.headwidget {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 47%;
	    float: left;
	    margin-left: 2%;
	    margin-bottom: 10px;
	}
	.grid .post {
	    width: 440px;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 440px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none
	}
	.side-tab-container .panel-container {
	    width: 400px;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 212px;
	    margin: 0 12px 12px 0;
	}
	ul.latest {
	    margin-bottom: -12px
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 140px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
		background:none;
		width:100%;
		    margin-top: -20px;
		}
	.sidebar .widget-1, .sidebar .widget-2, .sidebar .widget-3 {
		display:none;
	}
	.sidebox .one-half {
    float: left;
    width: 50%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 0px;
	}
.divider.white-wrapper{
	display:none;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    margin-right: 18px;
	    width: 211px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.item-details {
	    float: none;
	    margin-top: 20px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 211px;
	    margin-right: 18px;
	    margin-bottom: 18px;
	}
	.page-title {
	    max-width: 330px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 211px !important;
	    margin: 18px 18px 0 0;
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.fs-entry .image_wrapper {
	    padding: 7px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.footer-wrapper, .newsletter {
	display:none;}
} /* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
body {
    color: #000;
}
.social {
    display:none;}
.fourty-yrs {
	width:100%;
	padding: 0;
	background:none;
}
.fourty-yrs a{
	  padding: 0;
	  line-height:1.5em;
	}
.fourty-caption, .fourty-lrg  {
		font-size: .8em !important;
		padding:0 5px 0 0 ;
		letter-spacing: 3px;
	}
.top-wrapper .inner {
	padding-top:10px;}
header .header {
	padding:0px;}
.menu {
    margin-bottom: 0px;
}
.intro {
	  background: none repeat scroll 0 0 #91298e;
    color: #ffffff;
	margin:0 auto;
	font-size:16px;
	}
input[type="submit"],a.button, a.btn, input.button, .intro .five-sixth, .intro .one-sixth{
		width:100%;
		text-align:center;}

input,
textarea,
select, .last {

	width:100%;
}
input[type="radio"]{
	width:15px;}
ul.testimonials li .quote{
font-size:16px;
}
.site-generator-wrapper {
	}
.copyright, #fppc p {
	color:#333;
	font-size:10px;
	text-align:center;
	}
#fppc,  #fppc p  {
	margin:0px;
	line-height:1.5em;}
.breakline {
	clear:both;
	}


.footer-wrapper  {
	  background: none repeat scroll 0 0 #91298e;
	  	  color:#FFF;
}
.footer-wrapper p,.footer-wrapper a, #twitter-footer a:hover {
		  color:#FFF;
	}
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 95%;
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 100%;
	}
	.full-portfolio-banner {
	    width: 95%;
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 95%;
	}
	.banner,
	.box-layout .banner {
	   width: 95%;
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 0px;
	}
	.logo img {
	    display: inline
	}
	.social,.headwidget {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
		width:100%; 
		float: none; 
		margin-left: 0; 
		margin-bottom: 20px;
	}	
	.grid .post {
	    width: 90%;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 280px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none
	}
	.side-tab-container .panel-container {
	    width: 240px;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 276px;
	    float: none;
	    margin: 0 0 15px 0;
	}
	ul.latest {
	    margin-bottom: -15px
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 135px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
		width:100%;
		background:none;
		    margin-top: -20px;
		}
	.sidebox .one-half {
    float: left;
    width: 50%;
	}
	.sidebox:first-child{
		padding:0;
		margin:0;}
	.sidebar .widget-1, .sidebar .widget-2, .sidebar .widget-3 {
		display:none;
	}
	.sidebox {
	    margin: 0
	}
.divider.white-wrapper{
	display:none;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: 0
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    float: none;
	    margin-right: 0px;
	    width: 280px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.item-details {
	    float: none;
	    margin-top: 40px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 280px;
	    float: none;
	    margin: 0;
	    margin-bottom: 18px;
	}
	h1.page-title {
	    float: none
	}
	.page-intro .portfolio-nav {
	    float: none;
	    display: block;
	    margin-top: 85px;
	}
	.page-intro .portfolio-nav a {
	    margin-left: 0;
	    margin-right: 10px;
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 280px !important;
	    margin: 20px 0 0 0;
	}
	.item_thumb {
	    width: 260px !important
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	.side-tab-container .panel-container h4 {
	    max-width: 180px
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.tparrows {
	    display: none;
	}
	.fs-entry .image_wrapper {
	    padding: 5px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.grid .post .details {
		width:auto;
	}
.footer-wrapper, .newsletter {
	display:none;}
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */


@media print{
body, a.button {
   background: white;
   font-size: 12pt;
   color:#000;
   }
.logo {
	margin-top:1em;
	}
#menu,.social,.sidebar,.footer-wrapper,.newsletter, .fourty-yrs {
   display: none;
   }
header, .inner, .content, .site-generator-wrapper, #fppc, .slider-wrapper img {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }

a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
}