﻿/* ================= MEDIA QUERIES ================== */
@media only screen and (max-width:1024px) 
{
    .slogan
{
    font-size:65px;
}
	#nav {
		height:70px;
	}
	#nav li a {
		line-height:70px;
		height:70px;
		font-size:18px;
	}
	#nav ul li {
		height:40px;
	}
	#nav ul li a,#nav ul li ul a {
		font-size:14px;
		line-height:40px;
	}
	#nav ul a {
		height:40px;
	}
	#logo,#logo2 {
		height:70px;
		font-size:52px;
		line-height:70px;
	}
		#logo img, #logo2 img
{
    height:50px;
    width:auto;
    margin-top:10px;
}
#left:before {
    border: none !important;
}
#left:after {
    border: none !important;
}
	#left-menu-icon {
		height:70px;
		width:70px;
		background-image:url('../images/menu2.png');
	}
	#left-menu-icon:hover {
	width:70px;
}
	#left-menu-close-icon {
		height:70px;
		width:70px;
		background-image:url('../images/close2.png');
	}
	.flex-direction-nav a {
	width: 70px !important;
	height: 70px !important;
}
.flex-direction-nav .flex-next
{
    left: 70px !important;
}
	#center {
		padding:90px 0px 0px 20px;
	}
	.da-thumbs li a div span {
		font-size:12px;
	}
	.vertical-head {
		width:70px;
		top:70px;
	}
	.vertical-head h2 {
		font-size:40px;
		line-height:70px;
	}
	#right,#fullwidth-right
{
    padding-top:70px !important;
}
	#filters {
		margin-top:-30px;
	}
	.date {
	line-height:26px;
}
#left-menu-icon 
{
    display:block;
}
}
@media only screen and (max-width:900px) {
	#left,#gallery-left,#fullwidth-left {
		display:none;
	}
	#right,#fullwidth-right
{
    padding-top:0px !important;
}
	#logo,#logo2 {
		left:0px;
		right:auto;
		z-index:999;
		width:auto;
		position:inherit;
		width:100%;
	}
	#right,#gallery-right,#fullwidth-right {
		width:100%;
		left:0;
		padding-bottom:70px;
		overflow:auto !important;
	}
	#center {
		width:100%;
		right:0;
		padding:20px 0px 20px 20px;
		overflow:auto !important;
		z-index:99;
		bottom:0px;
		background-color:rgba(255,255,255,1);
	}
	#box {
		margin-bottom:0px;
	}
	#boxes {
		padding-top:70px;
	}
	.flex-homevideo 
{
    padding-top:70px;
}
	#left-menu-close-icon {
		right:0;
		z-index:9999999;
		width:100%;
	}
	#left-menu-icon {
		z-index:9999999;
	}
	.tinynav {
		display:block !important;
	}
	#nav {
		display:none;
	}
	#filters {
		margin-top:20px;
	}
	.da-thumbs li {
		width:50%;
	}
	#tab-content {
	border:1px solid #555;
}
#left-menu-icon:after {
	border:none !important;
}
#projects {
	margin-top:-20px;
}
}
@media only screen and (max-width:480px) {
	body {
		font-size:12px;
	}
	.tinynav {
		top:70px;
		left:20px;
		right:20px;
	}
	#logo,#logo2 {
	height:120px;
}
	.slogan
	{
	    font-size:60px;
	}
	h1 {
		font-size:50px;
	}
	h2 {
		font-size:34px;
	}
	h3 {
		font-size:28px;
	}
	h4,summary {
		font-size:24px;
	}
	h5 {
		font-size:20px;
	}
	h6 {
		font-size:18px;
	}
	p {
		font-size:12px;
			margin-bottom:18px;
	}
	blockquote,blockquote cite,table th,.button,span.success_notice,span.error_notice,span.warning_notice,span.info_notice {
		font-size:12px;
	}
	#filters li {
		font-size:14px;
		padding:8px 10px 8px 10px;
	}
	input[type="text"],input[type="email"],input[type="number"],input[type="date"],textarea {
		font-size:12px;
		padding:2px 5px 2px 5px;
	}
	#tabs a,#content-tabs a {
		font-size:14px;
		padding:8px 10px 0px 10px;
	}
	#tab-content,#content-tab-content {
		padding:10px 10px 0px 10px;
		margin:0px 0px 10px 0px;
	}
	#boxes {
		padding-right:10px;
	}
	.box {
		padding:0px 10px 0px 10px;
		margin-bottom:10px;
	}
	.social-icons li img {
		width:38px;
	}
	.date {
		line-height:40px;
	}
	#quote_wrap {
		background:none;
		margin:5px 0px 0px 0px;
		padding:0px 0px 20px 0px;
	}
	q {
		margin-left:0px;
	}
	.da-thumbs li a div span {
		padding:5px 0px 5px 0px !important;
		margin: 15% 10px 0px 10px !important;
	}
}