@media only screen and (min-width:768px) and (max-width:1170px){body{font-size:15px;line-height:21px;}
h3{font-size:18px;line-height:22px;}
h5{font-size:21px;line-height:25px;}
.topbar{background-position:-90px 0}
#mainLink{top:28px;}
#mainLink img{width:160px;}
#mainMenu{right:0;}
.box{width:768px;}
.box.padding{padding:40px 0 25px;}
#mainMenu ul li{padding:0 14px 0 9px;}
#mainMenu ul li a{font-size:15px;text-transform:none;}
.captionWrapper{bottom:20px}
.caption, .owl-pagination{width:768px}
.captionBox{padding:15px 25px;font-size:1.5em;}
.captionBox h5{font-size:26px}
.captionBox .desc{font-size:14px;line-height:21px}
.captionBox .desc p{margin:0}
a.sliderMore{margin-top:15px}
#konfigurator{font-size:26px}
.aboutBox .description{font-size:12px;line-height:19px;}
.moreSquare{display:none}
#portfolio-filter li{margin:0 7px}
#portfolio-filter li a{font-size:15px;padding:10px 10px;text-transform:none}
#defaultGalleryWrapper .miniatureWrapper .overlay{height:256px}
#defaultGalleryWrapper .miniatureWrapper .overlay img{width:256px}
#defaultGalleryWrapper .miniatureWrapper a:hover .helper{top:97px;left:97px;}
.fluid-wrapper{padding-bottom:30%}
.colLeft{width:65%}
.colRight{width:33%}
.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;}
}