/*  #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;
}

#langBox { right:90px }

.box {
	width:300px;
}

.wrapper.top, .topbar {
	overflow:visible;
	position:relative
}
.slider-wrap { margin:0 }

#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 }
.cd-tabs-content { padding:15px 0 0 0 }
.cd-tabs-navigation li:first-child { margin-left:10px !important }
	.cd-tabs-navigation a { font-size:13px !important; line-height:17px !important; height:60px !important; background:none !important; padding:0 !important }
	.cd-tabs-navigation { margin:0; padding:15px 0 }
	.cd-tabs-navigation li:first-child, .cd-tabs-navigation li:nth-child(2), .cd-tabs-navigation li:nth-child(3), .cd-tabs-navigation li { width:31% !important }
	.cd-tabs-navigation li:first-child, .cd-tabs-navigation li:nth-child(4){ margin-left:15px }



#oferta .icon { padding:0; width:300px; text-align:center }
#oferta .description { width:300px; padding:23px 0 0 0 }

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

a#portfolioButton { line-height:28px }

.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:15px; right:0; }
	#mainMenu nav { margin: 0; width:100%; position:relative }
		#mainMenu #menu-icon { display:inline-block; width: 65px; height: 62px; background: #ff9902 url('img/icoMenu.png') center no-repeat; float:right; }
			#mainMenu a:hover#menu-icon { background-color:#8b8b8b; }		
			#mainMenu nav ul { display: none; background:#ff9902; 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: 11px 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; }

}