/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* Only Desktop */
@media (min-width: 1025px) and (min-width: 960px) {
	#block-header, .fixed-header #block-top-a {
		/*position: fixed;*/
		top: 0;
		width: 100%;
	}
    #page.fixed-header #block-top-a {
        left: 0;
        right: 0;
    }
    .scrolling #block-header, .fixed-header.scrolling #block-top-a {
        position: static;
    }
    .fixed-toolbar.scrolling #block-header + #block-top-a, .fixed-toolbar.scrolling #block-header + #block-main, #page.fixed-header.scrolling #block-top-a1 {
        margin-top: 0;
    }
    .scrolling #block-headerbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #252424;
        height: auto;
        z-index: 9999;
    }
    .scrolling .menu-dropdown a.level1 > span, .scrolling .menu-dropdown span.level1 > span {
        height: auto;
        line-height: 40px;
        padding: 0 35px;
    }
    .scrolling .menu-dropdown .level1 .level1 span.icon {
        background-size: 40px 40px;
        margin: 0;
        height: 40px;
        width: 40px;
    }
    .scrolling .menu-dropdown a.level1, .scrolling .menu-dropdown span.level1 {
        color: #fff;
        font-weight: bold;
    }
    
    .menu-dropdown .item229 .dropdown { left: -50%;}    
    
    #block-top-a .wrapper {
        max-width: none;
    }
    .wk-slideshow .slides > li {
        text-align: center;
    }
    .wk-slideshow .prev {
        width: 1020px;
        left: 50% !important;
        margin-left: -510px;
        max-width: 1020px;
    }
    .wk-slideshow .next {
        width: 1020px;
        right: 50% !important;
        margin-right: -510px;
        max-width: 1020px;
    }
	/* Only for Wordpress if adminbar is active */
	.customize-support #block-header {
		top: 28px;
	}
	#block-header {
		z-index: 9999;
        margin-bottom: 80px;
	}
    .home_page #block-header {
        margin-bottom: 0;
    }
	.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: 160px;
	}*/
	#block-top-a + #block-main {
		margin-top: 0;
	}
	#page.fixed-header #block-main {
		/*margin-top: 240px;*/
	}
	#page.home_page.fixed-header #block-main {
		margin-top: 0px;
	}
	.wk-slideshow .caption {
		top: 30%;
		bottom: auto;
		text-align: center;
		left: 50%;
		right: 50%;
		width: 860px;
		padding: 0;
		font-family: 'latolight';
		font-size: 18px;
		text-transform: uppercase;
		background: none;
        max-width: 860px;
        margin-left: -430px;
	}
	.wk-slideshow .caption h2 {
		margin: 0 0 20px;
	}
	.wk-slideshow .caption p {
		margin-bottom: 40px;
	}
}

/* No Touch Devices */
@media (max-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;
	}
	.wrapper {
		padding: 0 20px;
	}
    #block-top-a .wrapper {
        padding: 0;
    }
    .wk-slideshow.wk-slideshow-solar {
        width: 100% !important;
    } 
	#block-header { position: relative; z-index: 9999; margin-bottom: 60px;}
	.home_page #block-header { margin-bottom: 0;}
	.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
		padding: 10px 17px;
	}
	#page.fixed-header #block-top-a1 { 
		margin-top: 0;
	}
	.wk-slideshow .caption { top: 25%;}
	.wk-slideshow-solar > div:hover .next {
		right: 0; top: 70%;
	}
	.wk-slideshow-solar > div:hover .prev {
		left: 0; top: 70%;
	}
    .menu-dropdown .item229 .dropdown { left: -50%;} 
}

/* Only Phones and Tablets (Portrait) - 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;
}
#block-headerbar { 
	height: auto;
	border-top: 50px solid #333232;
    border-bottom: 0;
}
#block-header {
	margin-bottom: 0;
}
#block-headerbar > .wrapper {
	padding: 0 20px;
	margin-top: -50px;
}
#header > #menubar { 
	display: none;
}
#header-responsive { 
	display: block;
}
#header-responsive > a.logo { 
	width: 100%;
	text-align: center;
}
#header-responsive select {
	background: #494949;
	width: 100%;
	color: #fff;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 0;
    font-family: 'latoregular';
    height: 40px;
    line-height: 60px;
    padding: 10px;
	font-size: 16px;
}
#header-responsive select option { 
	line-height: 60px;
	padding: 10px;
	border-top: 1px solid #C7C7C7;
	color: #949494;
}
.wk-slideshow .caption {
    position: static;
    padding: 20px 30px;
}
.wk-slideshow .caption h2 {
	margin-top: 0;
	margin-bottom: 30px;
}
.wk-slideshow .caption a {
	margin-top: 20px;
}
#page.fixed-header #block-top-a1 { 
	padding: 15px 0;
    margin-top: 0;
}
#page.home_page.fixed-header #block-top-a1 {
    margin-top: 0px;
}
#innerbottom .thumbnail > img {
	margin: 0;
}
.wrap_main { 
	margin-right: 0;
	margin-bottom: 20px;
}
.sidebars-1 #sidebar-a .width100, .sidebars-1 #sidebar-b .width100 { 
	width: 49%; margin-left: 2%;
}
.sidebars-1 #sidebar-a .width100:nth-child(2n+1), .sidebars-1 #sidebar-b .width100:nth-child(2n+1) {
	margin-left: 0;
}

	/* Login zoho */
	.sign_in { cursor: pointer;}
	.sign_in a.modal { position: static; display: block;}
	.zohoLogin { position: absolute; top: 86px; left: -15px; z-index: 9999; display: none;}
	.zohoLogin.show_zoho { display: block;}
}

/* Only Phones */
@media (max-width: 767px) {
	.float-left, .float-right, #toolbar .float-right .module, #toolbar .float-left .module, #toolbar .float-left > time, .itemListView div.catItemImageBlock { 
		width: auto; 
		float: none;
		margin: 0 0 10px;
	}
	input.search-query { width: auto;}
	.wrapper.max-width80 {
		padding-left: 0;
		padding-right: 0;
	}
	#header-responsive .searchbox {
		margin: 0;
	}
	.menu-responsive {
		margin-bottom: 5px;
	}
	#block-toolbar {
		display: block;
	}
	.wk-slideshow .caption {
		top: 20px;
		bottom: 20px;
	}
	.wk-slideshow .caption h2 {
		margin-bottom: 10px;
	}
	.wk-slideshow .caption a {
		margin-top: 10px;
	}
	#content .blog .row-fluid .item {
		padding: 0;
	}
	#content .blog .row-fluid .item .pull-right {
		position: static;
		margin-top: 20px;
	}
	p.readmore {
		margin: 0;
	}
	.pagination > a, .pagination > strong { margin-bottom: 10px; margin-left: 0; margin-right: 10px;a}
	.row-fluid .span6, #innerbottom_2 .mod-box a.thumbnail {
		width: 100%;
		margin: 0 0 20px;
		float: none;
		text-align: left;
	}
	.thumbnail > img { margin: 0;}
	.sidebars-1 #sidebar-a .width100, .sidebars-1 #sidebar-b .width100 {
		width: 100%;
		margin: 0 0 20px;
	}
	.sidebars-1 #sidebar-a .width100 .deepest, .sidebars-1 #sidebar-b .width100 .deepest {
		min-height: 0 !important;
	}
	.stay_connected ul li { margin: 0 10px 10px 0;}
	.width33, .width66 { margin: 0 0 20px;}
	#block-bottom .grid-box .module, #block-bottom .grid-box:first-child .module, #block-bottom .grid-box:last-child .module { margin: 0; padding: 0; min-height: 0 !important;}
	#block-bottom .module h3.module-title { margin-bottom: 10px;}
	.acymailing_module_form td { width: 100%;}
}
@media (max-width: 600px) {
	.wk-slideshow .caption {
		position: static;
		font-size: 12px;
		margin: 20px 0;
	}
	.wk-slideshow .caption h2 {
		font-size: 16px;
	}
	.wk-slideshow .caption a {
		font-size: 16px;
	}
	.img_profile1 { float: none; margin: 0 0 10px;}	
}
/* Only Phones (Portrait) */
@media (max-width: 479px) {
/* System */
#system { padding: 10px;}
#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:first-child .item:first-child {
	margin-top: 0;
	border-width: 0;
}
#system .items .leading .item {
	border-width: 0;
}
#system .item > .links a {
	margin-right: 5px;
}
form.box legend { padding: 0 1px; width: 100%;}
form.box fieldset { padding: 5px;}
a#totop-scroller { position: static; margin-top: 20px;}
}
