@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	body{font-family: 'Open Sans', sans-serif;}	
	/*.h1, .h2, .h3, h1, h2, h3, h4{font-family: 'Open Sans', sans-serif; font-weight:600;}*/	
	#content .articleBottom h2, #content .whatWeCanDo h2{ font-size:32px; line-height:1.2em;}
}
@media (min-width:1602px) and (max-width:5500px) {
#banner .sliderText { width:24%;}

}
@media(max-width:1490px) {
#content .webdesign-wiesbaden .blogBox .blogDetails {
	width: 88%
}
#content .services .servicesRow .images img {
	width: 100%;
	overflow: hidden
}
#banner .sliderText {
	width: 30%
}
#banner .sliddrImg {
	width: 62%
}
#content .webdesign-wiesbaden .tabset li a .span {
	padding: 15px 20px
}
}
@media(max-width:1290px) {
.container {
	width: 1075px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -50px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -50px
}
#banner .sliderText {
	width: 35%
}
#banner .sliddrImg {
	width: 62%
}
#content .referenzen .img img {
	width: 100%
}
#content .webdesign-wiesbaden .tabset li {
	font-size: 22px
}
#content .webdesign-wiesbaden .tabset li a .name {
	width: 55%
}
}
@media(max-width:1170px) {
#footer .fotRow .btn{ margin-top:0;}	
#content .bannerCont {
	padding: 0
}
#content .webdesign-news {
	float: left
}
#banner .sliderText h1 {
	font-size: 42px;
	line-height: 48px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -45px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -45px
}
#banner .row {
	margin: 0 -15px
}
#content .webdesign-partners {
	padding-left: 6%;
	padding-right: 6%
}
#content .webdesign-clients, #content .whatWeCanDo, #content .webdesign-works {
	padding: 0 6%
}
#content .articleBottom {
	padding-top: 40px
}
#content .blogRow .blogBox {
	margin-bottom: 20px
}
.navbar ul li a {
	letter-spacing: 0
}
#banner .sliderText .h1 {
	line-height: 46px;
	font-size: 40px
}
.container {
	width: 98%
}
.navbar ul li {
	font-size: 16px
}
.navbar ul li a {
	padding: 0 8px
}
#banner .sliderText {
	width: 38%
}
#content .blogRow .blogBox p, #content .weAreNotToBig .box ul li, #content .whatWeCanDo .box p, #content p, #content ul.question li {
	font-size: 16px
}
#content .yourAdvantages .quate p {
	font-size: 16px
}
}
@media(max-width:960px) {
.openSources{ clear:left;}	
#footer .socialIcon { margin:0 auto 10px; width:150px/*126px*/; float:none; padding-right:0;}	
#content .webdesign-wiesbaden .tabset li a .number {
	height: 40px;
	width: 40px;
	line-height: 40px;
	margin-top: 15px
}
#content .webdesign-wiesbaden .tabset li a .name {
	margin-left: 10px
}
#content .webdesign-wiesbaden .tabset li a .span {
	padding-left: 0
}
#content .webdesign-wiesbaden .tabset li.active a span {
	padding-left: 10px
}
#content .webdesign-wiesbaden .tabset li {
	min-height: inherit
}
#header .topRow .leftCol {
	width: 55%
}
#banner .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -25px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -25px
}
#banner .sliderText .h1 {
	line-height: 36px;
	font-size: 30px
}
#banner, #banner .sliderText {
	min-height: inherit
}
#banner .sliderText p {
	display: none
}
#header .topRow2 .webdesign-logo img {
	width: auto;
	height: auto
}
.navbar ul {
	margin-top: 5px
}
.navbar ul li {
	font-size: 14px
}
.navbar-collapse {
	padding: 0
}
.navbar ul li .dropdown-menu li {
	font-size: 13px
}
#content .bannerCont p {
	line-height: 21px;
	font-size: 16px
}
.h1, h1 {
	font-size: 30px
}
#content .blogRow .blogBox {
	margin-bottom: 30px
}
#header .topRow .webdesign-kontakt {
	padding-right: 10px;
	padding-top: 2px
}
.navbar ul li a {
	padding: 0 6px
}
#content .whatWeCanDo .box {
	min-height: inherit;
	padding-bottom: 50px
}
#content .weAreNotToBig .box {
	padding-bottom: 10px
}
#banner .sliderText h1 {
	font-size: 26px;
	line-height: 36px
}
#content .whatWeCanDo .boxRow {
	padding-top: 0
}
#content .section .blog .media-body {
	width: 58%
}
#content .getQuote .form {
	width: 724px
}
#content .webdesign-partners .owl-buttons .owl-prev {
	z-index: 1000
}
#content .webdesign-partners .owl-buttons .owl-next {
	z-index: 1000;
	right: -20px
}
#content .webdesign-wiesbaden .tabsetHolder { padding-left:0;}
#content .webdesign-wiesbaden .tabset li.active a .span { padding-left:10px;}
#content .webdesign-wiesbaden .tabset { margin-left:20px;}
#content .address{ padding-top:0;}
}
@media(max-width:804px){
	#content .blogRow .blogBox p, #content .weAreNotToBig .box ul li, #content .whatWeCanDo .box p, #content p, #content ul.question li {
		font-size: 18px
	}
}
@media(max-width:767px) {
#content .section .blog .media-body { padding:0;}	
#content .webdesign-wiesbaden .blog { margin:0;}
#content .section { margin-top:30px;}	
#content .pagination ul li { width:43px; line-height:43px;}	
#content .webdesign-wiesbaden .title p { padding:0;}
#content .webdesign-wiesbaden .title { padding-bottom:0;}
#content .webdesign-wiesbaden .blog { padding-top:10px;}
#content .webdesign-wiesbaden .blogBox { margin-bottom:20px;}
#content .webdesign-wiesbaden .blogBox .calendar, #content .webdesign-wiesbaden .blogBox .client, #content .webdesign-wiesbaden .blogBox .comment { padding-left:10px; padding-right:10px;}
#content .webdesign-wiesbaden .tabset li a .name { line-height:40px;}	
#content .webdesign-wiesbaden .title { margin:0;}
#content .webdesign-wiesbaden .tabset li a .number {
	width: 35px;
	height: 35px;
	line-height: 33px;
	margin-top: 5px
}
#content .webdesign-wiesbaden .tabset li.active a span {
	padding-left: 10px
}
#content .webdesign-wiesbaden .tabset li a {
	padding: 0
}
#content .webdesign-wiesbaden .tabset li {
	font-size: 20px;
	line-height: 22px
}
#content .webdesign-wiesbaden .tabsetHolder {
	padding-left: 0
}
#content .webdesign-wiesbaden .tabset li a .span {
	background: #3c3c3c;
	padding: 10px 5px
}
#content .webdesign-wiesbaden .tabset li.active a .span {
	margin: 0;
	background: #b61628; padding-left:5px;
}
#content .webdesign-wiesbaden .tabset li:last-child a .span {
	background: #3c3c3c
}
#content .getQuote .form {
	width: 300px
}
#content .getQuote .form label {
	line-height: 17px;
	font-size: 14px
}
#content .getQuote .form input[type=text] {
	margin-bottom: 5px
}
#content .getQuote .or {
	font-size: 16px;
	line-height: 17px;
	margin: 5px 0
}
#content .getQuote .form input[type=submit] {
	margin: 0 auto;
	float: none
}
#content .bannerCont p {
	margin-bottom: 10px;
	line-height: 17px
}
#content .webdesign-wiesbaden .tabsetHolder {
	margin-top: 0
}
#content .webdesign-wiesbaden .tabset {
	padding: 10px 0 0
}
.openSources {
	clear: left;
	margin-bottom: 0
}
#content .webdesign-breadcrump {
	padding-bottom: 20px
}
#content .webdesign-wiesbaden .tabsetHolder .heading img {
	display: none
}
#content .webdesign-wiesbaden .formPart {
	margin-top: 20px;
}
#content .webdesign-wiesbaden .formPart .subBox {
	padding: 15px
}
#content .webdesign-wiesbaden .formPart .subBox input[type=text] {
	width: 100px
}
#content .webdesign-wiesbaden .formPart .head {
	font-size: 16px;
	line-height: 22px;
	padding: 15px;
	text-align: justify;
}
#content .section .blog .media-left {
	width: 100%
}
#content .webdesign-wiesbaden .formPart .subBox label {
	width: 80%;
	float: left
}
#content .section .blog .media-left img {
	width: auto;
	height: auto
}
#content .section .blog .media-body {
	width: 100%;
	text-align: center;
	margin-top: 20px
}
#content .webdesign-wiesbaden .tabset li {
	width: 100%
}
#content .services .servicesRow .images img {
	padding-top: 20px
}
#content .services .servicesRow h2 {
	font-size: 30px;
	word-break: break-all
}
#content .referenzen .img {
	padding-top: 20px
}
#content .referenzen a {
	margin-bottom: 20px;
	display: inline-block
}
#content .referenzen .row {
	padding-top: 00px
}
#content .referenzen .img {
	float: left
}
#header .topRow .webdesign-kontakt {
	padding-left: 0
}
#header .topRow .leftCol:after {
	border-width: 0
}
#banner .sliderText .h1 {
	font-size: 26px;
	line-height: 36px
}
#header .webdesign-angebot {
	width: 43px
}
#header .topRow2 .webdesign-logo {
	width: 250px;
	margin: 0 auto;
	float: none
}
.navbar ul {
	margin: 0
}
.navbar ul li {
	width: 100%
}
.navbar ul li .dropdown-menu {
	position: relative;
	left: 0;
	top: 0;
	min-width: 100%
}
.navbar ul li .dropdown-menu li {
	font-size: 16px
}
.container {
	padding: 0 15px
}
#content .border1px {
	margin-bottom: 20px
}
#content .whatWeCanDo .boxRow {
	padding-bottom: 30px
}
#footer .ourContribution {
	padding-top: 10px
}
#footer .fotRow2 ul li {
	float: none;
	display: inline
}
#footer .socialIcon {
	margin: 0 auto;
	float: none;
	width: 140px
}
#footer .fotRow2 {
	padding-top:20px;
	padding-bottom:45px
}
#footer .col-sm-4 {
	width: 100%;
	float: left
}
#footer .fotRow2 ul {
	margin: 0;
	text-align: center
}
.h1, h1 {
	font-size: 22px
}
#content .bannerCont .btn {
	height: 40px;
	line-height: 40px;
	font-size: 16px
}
#header .topRow .leftCol, .webdesign-breadcrump ul {
	width: 80%
}
#header .webdesign-angebot {
	float: right;
	margin-bottom: 10px
}
#header .topRow .emial {
	padding-left: 10px;
	position: relative
}
#header .topRow .phone {
	padding-left: 10px;
	position: relative;
	padding-top: 2px
}
#banner .sliddrImg, #banner .sliderText {
	width: 100%;
	position: relative;
	left: 0;
	top: 0
}
#banner .sliddrImg {
	padding: 0;
	margin-bottom: 20px
}
.owl-theme .owl-controls {
	margin-bottom: 30px;
	margin-top: 10px!important
}
.sb-search {
	margin-bottom: 0;
	margin-right: 15px
}
.navbar-collapse {
	margin-left: -15px;
	margin-right: -15px;
	float: none
}
.navbar ul.nav.navbar-nav {
	padding-bottom: 20px;
	margin-top: 5px;
	border-top: 1px solid #d3dadf
}
.navbar ul li {
	float: left;
	line-height: 33px;
	font-size: 18px;
	font-weight: 400
}
.navbar ul li a {
	padding: 0 15px;
	border-bottom: 1px solid #d3dadf;
	line-height: 40px
}
.navbar ul li.active a, .navbar ul li:hover a {
	color: #ae1421
}
.navbar ul li .dropdown-menu {
	width: 100%;
	padding: 0
}
.navbar ul li .dropdown-menu li {
	border-bottom: none
}
.navbar ul li .dropdown-menu li a {
	padding: 0 20px
}
.fixedHeader #header .topRow2 {
	position: relative
}
#content .articleBottom, #content .webdesign-clients, #content .whatWeCanDo, #content .webdesign-works {
	padding: 0 5%
}
#content .blogRow .blogBox {
	margin-bottom: 20px
}
#banner .sliderText .btn {
	line-height: 30px;
	height: 30px
}
#header .topRow {
	position: relative;
	z-index: 111
}
#header .topRow i {
	font-size: 28px
}
#header .topRow .webdesign-kontakt .btn {
	margin-left: 0;
	float: left;
	font-size: 13px;
	padding: 0 5px
}
#header .topRow .webdesign-kontakt .btn a {
	font-size: 12px
}
#header .topRow .webdesign-kontakt .emailId, #header .topRow .webdesign-kontakt .phoneNo {
	font-size: 20px
}
#header .topRow .webdesign-kontakt h2 {
	font-size: 20px;
	margin: 0
}
#header .topRow .webdesign-kontakt .infoBox {
	padding: 10px
}
#header .topRow .emial span, #header .topRow .phone span {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background: #3c3c3c;
	color: #fff;
	width: 205px;
	font-size: 16px;
	padding: 0 10px
}
#header .topRow .emial:hover span, #header .topRow .phone:hover span {
	display: block
}
#header .topRow .phone span {
	font-size: 20px
}
#content .webdesign-wiesbaden .blogBox .blogDetails, #content .webdesign-wiesbaden .blogBox .dateBox {
	width: 100%;
	padding-left: 0;
	margin-bottom: 10px
}
#content .webdesign-wiesbaden .tabsetHolder .heading { padding-right:0;}
#content .webdesign-partners img { margin-left:-25px;}
#content .webdesign-registerDomain .domainLogo{ margin-top:10px; margin-bottom:10px;}
}
@media(max-width:410px) {
#content .webdesign-wiesbaden .tabset li a .name { line-height:25px;}		
#header .topRow .webdesign-kontakt .infoBox {
	width: 258px
}
#header .topRow .webdesign-kontakt p {
	line-height: 20px
}
#header .topRow .webdesign-kontakt .emailId, #header .topRow .webdesign-kontakt .infoBox a, #header .topRow .webdesign-kontakt .phoneNo {
	font-size: 14px
}
#banner .sliderText h1 {
	font-size: 30px;
	line-height: 32px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -10px
}
#banner .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -10px
}
#banner .owl-theme .owl-controls .owl-buttons div {
	margin-top: 50px
}
#content .webdesign-wiesbaden .rowCon .client { width:100%; margin:0 0 15px 0;}
#content .yourAdvantages .quate ul li { font-size:13px; line-height:16px;}
#content .yourAdvantages .quate p { font-size:13px; line-height:16px; }
#content .yourAdvantages .quate p span { line-height:16px; font-size:40px;}
}