/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background:#FAFAFA url(../images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:80px 60px;}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {background: url(../images/select-arrow.png) center right no-repeat;}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
	
.flex-caption .slider-container, .width-container, .home-widget .textwidget {width:92%;} /* Default Width */


.sf-menu a { padding-right:7px; padding-left:7px;}

#page-title h1 { font-size:58px;}
h1 {font-size:38px; }
h2 {font-size:28px; }
.footer-highlight h2  {font-size:30px;}
h3 {font-size:26px; }
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
{font-size:23px;}
h4 {font-size:23px; }
h5 {font-size:20px; }
h6 {font-size:17px; }


}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {



/* Default Width */
.width-container { width:92%; }
.width-container2 { width:92%; }


.commentlist {width:68%;}

/* WooCommerce Columns */
body #main .width-container li.product.column-4 {margin-right:2%; width: 23.5%; clear:none;}
body #main .width-container li.product.column-3 {margin-right:2%; width: 32%; clear:none;}
body #main .width-container li.product.column-2 {margin-right:2%; width: 49%; clear:none; }


body #main .width-container li.product.column-2.last, body #main .width-container li.product.column-3.last, body #main .width-container li.product.column-4.last, .lt-ie8 body #main .width-container li.product.column-2.last, .lt-ie8 body #main .width-container li.product.column-3.last, .lt-ie8 body #main .width-container li.product.column-4.last {margin-right:0%;}

body #main .width-container li.product { float:left;}
body #main .width-container li.product.first { clear: both;}

body #main .width-container .columns-2 li.product {margin-left:1%;margin-right:1%; width: 48%; }
body #main .width-container .columns-3 li.product {margin-left:1%;margin-right:1%; width: 31.3%; }
body #main .width-container .columns-4 li.product {margin-left:1%;margin-right:1%; width: 23%; }


/* Header Styles */
.sf-menu a { padding-right:3px; padding-left:3px; }
header .social-ico { margin-left:3px; float:none; position:absolute; top:-32px; right:0px;}
header .social-ico a i {
	font-size:12px;
	margin-left:2px;
	padding:3px;
	min-width:13px;
}

body, footer {font-size:13px;}


.footer-highlight #mc_embed_signup {
	margin-top:-40px;
	margin-bottom:20px;
}

#page-title h1 { font-size:56px;}
h1 {font-size:36px; }
h2 {font-size:26px; }
.footer-highlight h2  {font-size:28px;}
h3 {font-size:24px; }
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
{font-size:21px;}
h4 {font-size:21px; }
h5 {font-size:18px; }
h6 {font-size:16px; }



}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
body, footer {font-size:13px;}

/* Default Width */
.width-container, .flex-caption .slider-container, .home-widget .textwidget { width:90%; }

#fixed-header-pro {position:relative !important;}
.pro-header-spacing {display:none !important;}

/* Default Grid */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
#sidebar, #content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#sidebar, #content-container {
	width:100%; margin-bottom:10px;
}

/* Kontakt Grid */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
#sidebar, #content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#sidebar, #content-container {
	width:100%; margin-bottom:10px;
}


body #main .width-container li.product.column-2, body #main .width-container li.product.column-3, body #main .width-container li.product.column-4, .lt-ie8 body #main .width-container li.product.column-2, .lt-ie8 body #main .width-container li.product.column-3, .lt-ie8 body #main .width-container li.product.column-4 
{
	margin-left:0px !important;
	margin-right:0px !important;
	width:100% !important;
	margin-bottom:10px;
}
body #main2 .width-container2 li.product.column-2, body #main2 .width-container2 li.product.column-3, body #main2 .width-container2 li.product.column-4, .lt-ie8 body #main2 .width-container2 li.product.column-2, .lt-ie8 body #main2 .width-container2 li.product.column-3, .lt-ie8 body #main2 .width-container2 li.product.column-4 
{
	margin-left:0px !important;
	margin-right:0px !important;
	width:100% !important;
	margin-bottom:0px;
}


/* Select Menu */
h1#logo {float:none !important; padding:0px; margin:0 auto; text-align:center;}
nav {float:none; margin:0 auto 15px auto;  background:none;}
header .social-ico {
	float:none;
	margin:0 auto 10px auto;
	text-align:center;
}
nav ul { display: none;  }  
nav select option { background:#fff; color:#888;}
nav select { text-transform:none; display:block;  margin-left:auto; margin-right:auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background-color:#FAFAFA;
background:#FAFAFA url(../images/select-arrow.png) center right no-repeat;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;
}


footer #copyright {
	float:none;
	text-align:center;
}
#widget-area .widget {
	padding:32px 0px 25px 0px;
}
#widget-area .widget .grid2column-progression {
	width:48%;
	float:left;
}

.footer-highlight h2 {
	float:none;
	margin:0px 25px 0px 0px;
}
.footer-highlight .summary-text-pro {
	float:none;
}

.footer-highlight #mc_embed_signup {
	height:auto;
	margin:10px auto 0px auto;
	top:0px;
	float:none;
}

/* BLOG Adjustments */
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}
.commentlist .avatar {display:none;}

/* WOOCOMMERCE */
.product-remove {display:none;}
#single-product-pro .entry-summary { padding:0px; background:none; }
body.woocommerce .commentlist {left:0px;}
.comment-text {
	width:90% !important;
	margin:0px !important;
	margin-left:-10px !important;
}

.portfolio-index-text.video-portfolio-pro {
	position:relative;
}
img.filler-pro {display:none;}
.video-pro-portfolio {height:auto; margin:0px;}

.woocommerce table.cart {
	font-size:10px;
}

.googlemap {
	max-height:250px !important;
}

.wpcf7 input, #respond input {width:185px;}
.wpcf7 textarea, #respond textarea {width:215px; }


#page-title h1 { font-size:45px;}
h1 {font-size:34px; }
h2 {font-size:24px; }
.footer-highlight h2  {font-size:26px;}
h3 {font-size:22px; }
body .home-content-highlight li.product h3.product-title-index-pro, body #main h3.product-title-index-pro 
{font-size:20px;}
h4 {font-size:20px; }
h5 {font-size:17px; }
h6 {font-size:14px; }

.fc-widget-content, .fc-day-grid-container, .fc-day-grid {
	min-height:315px;
}


}