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

@media only screen and (min-width: 100px) and (max-width: 767px)  {
body {
    font-size: 14px;
    line-height: 20px;
}
h1 {
	font-size: 25px;
	line-height: 25px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 25px;
	line-height: 25px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 17px;
	line-height: 20px;
}
.topbar { background:none }


.sticky .topbar {
    height: 79px;
}

.sticky #mainMenu {
    top: 9px;
}
.aboutBox .contentWrapper {
    padding: 20px 25px 20px 95px;
}
.sticky #mainLink {
    top: 25px;
}
.sticky #mainLink img {
    max-width: 200px;
}

#langBox { right:90px }

.box {
	width:300px;
}
.box.paddingSm { padding:13px 0 10px }

.topContact { display:none }

.wrapper.top { background:#ff6601 }

#mainLink {
	top:25px;
}

#mainLink img {
	width:200px;
}

.wrapper.top, .topbar {
	overflow:visible;
}

#mainMenu ul li {
    padding: 0 18px 0 14px;
}

#mainMenu ul li a {
    font-size: 17px;
}
.onclick-menu {
    position: relative;
    display: inline-block;
}
.onclick-menu:before {
    content: "click me!";
}
.onclick-menu:focus {
    /* clicking on label should toggle the menu */
    pointer-events: none;
}
.onclick-menu:focus .onclick-menu-content {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}
.onclick-menu-content {
    position: absolute;
    z-index: 1;

    /* use opacity to fake immediate toggle */
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
}
.caption  { display:none }
.owl-pagination { width:300px }


#defaultGalleryWrapper .miniatureWrapper .overlay { height:300px }
#defaultGalleryWrapper .miniatureWrapper .overlay img { width:300px }
	#defaultGalleryWrapper .miniatureWrapper a:hover .helper { top:125px; left:125px;  }

#konfigurator { font-size:23px; line-height:30px; }
a.configButton { line-height:26px; margin-top:15px; float:right }
.moreSquare { display:none }

#portfolio-filter li { float:left; height: 50px; margin:0 10px }
#portfolio-filter li a { padding:10px 9px; font-size:15px }

.fluid-wrapper { padding-bottom:35% }
.colLeft { width:100% }
.colRight, #formLeft, #formRight { width:100% !important }
.colRight { margin-top:20px }
.contentForm input.text, .contentForm select, .contentForm textarea { width:96% !important }

.mainIntro { width:300px }

#mainMenu { display:block; margin:auto; border:none; float:none; top:9px; right:0; }
	#mainMenu nav { margin: 0; width:100%; position:relative }
		#mainMenu #menu-icon { display:inline-block; width: 65px; height: 62px; background: #3e3e3e url('img/icoMenu.png') center no-repeat; float:right; }
			#mainMenu a:hover#menu-icon { background-color:#8b8b8b; }		
			#mainMenu nav ul { display: none; background:#3e3e3e; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; position: absolute; padding: 15px 0 12px !important; right: -1px; top:62px; width: 235px; z-index:1001; }
			#mainMenu ul li { text-align: right; padding: 8px 0; margin: 0; width:212px; list-style:none; display:inline; float:left; border:none; background:none }
				#mainMenu ul li a { display: inline; float: left; width:100%; font-size: 21px; font-weight:600; color: #fff; padding:0 ; border:none;}
					#mainMenu ul li a.current { background:none !important; color: #fffaad; }
				#mainMenu ul li.active a { color: #fff; }
				#mainMenu ul li a:hover { color: #fffaad; background:none }
				#mainMenu nav:hover ul { display: block; }
				#mainMenu ul li:last-child { float:left; }


.contentForm fieldset { padding: 0; }
		.contentForm .row label { font-size:13px; width:110px }
		.contentForm input.text, .contentForm select, .contentForm textarea { width:135px }
		.footerLefend { font-size:11px; float:left; display:inline }
#footer .colRight, #footer .colLeft { text-align:center }
	
	
div.defaultIntro img.miniature { width:300px }
div.defaultIntro div.content { width:300px; margin-top:10px; }
div.defaultIntro div.content h4 { font-size:20px; margin-bottom:6px; line-height:30px; }

body.subpage img { max-width:300px; height:auto !important; border:none !important }

#realizacje .box { min-height:1500px }

.scrollup { display:none !important }
}