/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* Only Desktop */
@media (min-device-width: 1025px) and (min-width: 960px) {

	#block-header,
	.fixed-header #block-top-a {
		position: fixed;
		top: 0;
		width: 100%;
	}

	/* Only for Wordpress if adminbar is active */
	.customize-support #block-header { top: 28px; }

	#block-header { z-index: 10; }

	.fixed-header #block-top-a { z-index: 0; }

	/* Margins */
	#block-header + #block-top-a,
	#block-main { margin-top: 80px; }

	.fixed-toolbar #block-top-a { margin-top: 36px; }

	.fixed-toolbar #block-header + #block-top-a,
	.fixed-toolbar #block-header + #block-main { margin-top: 116px; }

	#block-top-a + #block-main { margin-top: 0; }

}

/* No Desktop */
@media (max-width: 959px) {

	#page.fixed-header #block-top-a { height: auto; }

	#page.fixed-header #block-top-a,
	#page.fixed-header #block-main { margin-top: 0; }

	#top-a,
	#block-main,
	#block-bottom,
	#block-footer { padding: 15px; }

	#block-headerbar > .wrapper { padding: 0 15px; }

	#block-toolbar { padding: 5px 15px; }

}

/* No Touch Devices */
@media (max-device-width: 1024px) {

	#page.fixed-header #block-top-a { height: auto; }

	#page.fixed-header #block-top-a,
	#page.fixed-header #block-main { margin-top: 0; }

	.featured-spotlight .overlay { background: none; }

}

/* All except large Screens */
@media (max-width: 1220px) {

	.wrapper.max-width80 { 
		max-width: 100%; 
		padding-left: 10px;
		padding-right: 10px;
	}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }
	#page.fixed-header #block-top-a { height: auto; display: none; }
section#bottom-a .testimonal blockquote {
color: #f7f7f7;
font-size: 14px;
font-weight: 100;
text-align: left;
text-style: normal;
font-family: "MavenProRegular", Arial, Helvetica sans-serif;
}
}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#block-toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#logo { display: none; }

	#block-headerbar > .wrapper { padding-bottom: 15px; }

	.wrapper.max-width80 { 
		padding-left: 0;
		padding-right: 0;
	}

	#header-responsive .searchbox { margin: 0; }

	.menu-responsive { margin-bottom: 10px; font-size: 16px; background: #333; color: #f7f7f7; border: 5px solid #454545; padding: 5px; -webkit-appearance: none;}
section#bottom-a .testimonal blockquote {
color: #f7f7f7;
font-size: 14px;
font-weight: 100;
text-align: left;
text-style: normal;
font-family: "MavenProRegular", Arial, Helvetica sans-serif;
}
}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	#page.fixed-header #block-top-a { height: auto; display: none; }
	#header-responsive {
		height: 50px;}
	.testimonial_left {
	color: #333;
	padding: 10px;
	float: left;
	width: 90%;
	background: none;
	font-size: 100%;
	margin-right: 30px;
	box-sizing: border-box;
	}
	
	
.testimonial_Right {
	float: left;
	color: #333;
	padding: 10px;
	width: 90%;
	font-size: 100%;
	background: none;
	box-sizing: border-box;
	

}
   #block-headerbar > .wrapper {height: 120px;}
   #block-header {height: 120px;}
   #block-bottom-b {
		display:none;
		}
		
	section#bottom-a .testimonal blockquote {
color: #f7f7f7;
font-size: 14px;
font-weight: 100;
text-align: left;
text-style: normal;
font-family: "MavenProRegular", Arial, Helvetica sans-serif;
}	
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child,
	#page #system .items.gridalicious .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items .leading .item {	border-width: 0; }
	#system .item > .links a { margin-right: 5px; }
	
    #block-headerbar > .wrapper {height: 120px;}
    #block-header {height: 120px;}
    #header-responsive {
		height: 50px;}
		

	#system .items:first-child .item:first-child {
		margin-top: 0;
		border-width: 0;
	}
	#block-top-a {display:none;}
	#block-bottom-b {
		display:none;
		}
	#block-bottom-a > .wrapper{
		
		}
	section#block-bottom-a {
		
		}		
	section#bottom-a .testimonal blockquote {
color: #f7f7f7;
font-size: 14px;
font-weight: 100;
text-align: left;
text-style: normal;
font-family: "MavenProRegular", Arial, Helvetica sans-serif;
}
}