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

@media only screen and (min-width: 768px) and (max-width: 1170px) {
body {
    font-size: 16px;
    line-height: 22px;
}

h1 {
	font-size: 25px;
	line-height: 27px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 27px;
	line-height: 27px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 22px;
	line-height: 25px;
}

#mainMenu {
    right: 75px;
}

.box {
	width:768px;
}
#mainMenu ul li {
    padding: 0 18px 0 14px;
}

#mainMenu ul li a {
    font-size: 17px;
}

.caption, .owl-pagination { width:768px }
.captionBox { padding:15px 25px; font-size:1.5em; width:500px }
.captionBox h5 { font-size:24px; margin-bottom:6px }
.captionBox .desc { font-size:14px; line-height:21px }
.captionBox .desc p { margin:0 }

.cd-tabs-navigation li:first-child { margin-left:18px !important }
	.cd-tabs-navigation a { font-size:13px !important; line-height:18px !important; height:40px !important }

#oferta .description { width:540px }

#tools { height:455px; width:406px; background-size:cover; top:-43px; }
#defaultGalleryWrapper .miniatureWrapper .overlay { height:256px }
#defaultGalleryWrapper .miniatureWrapper .overlay img { width:256px }
	#defaultGalleryWrapper .miniatureWrapper a:hover .helper { top:97px; left:97px;  }

a#portfolioButton { line-height:28px }

.fluid-wrapper { padding-bottom:30% }
.colLeft { width:40% }
.colRight { width:59% }
.contentForm input.text, .contentForm select, .contentForm textarea { width:93% }

.mainIntro { width:384px }

div.defaultIntro img.miniature { width:300px }
div.defaultIntro div.content { width:440px; }
div.defaultIntro div.content h4 { font-size:20px; margin-bottom:6px; line-height:24px; }
}