@charset "utf-8";

/* CSS Document */
@media all and (min-device-width: 0px) and (max-device-width: 600px), all and (min-width: 0px) and (max-width:553px) {

.rowTwoColLeft ul li{ 
	
	left: 25px;
	padding-right: 0px;
}
.rowTwoColLeft li:before {
    top: 0px!important;
	left: -25px!important;
	font-size: 20px!important;
}




.footerCols {
    padding-bottom: 35px!important;
    padding-left: 35px!important;
    padding-right: 35px!important;
    padding-top: 35px!important;
}	
	
.footerColMiddle, .footerColLeft, .footerColRight {
	float: none;
	clear: both!important;
	padding-left: 0;
	width: 100%!important;
}
}

@media all and (min-device-width: 0px) and (max-device-width: 600px), all and (min-width: 0px) and (max-width:600px) {
.logoSchockMetall {
	margin-left: 35px;
}
.rowOne {
	margin-left: 35px;
	margin-right: 35px;
}
.rowTwo {
	margin-left: 35px;
	margin-right: 35px;
}
.rowFour {
	padding-left: 35px;
	padding-right: 35px;
}
.rowFiveColLeft {
	padding-left: 35px!important;
	padding-right: 35px!important;
	padding-top: 65px;
}
.rowFiveColRight {
	padding-left: 35px!important;
	padding-right: 35px!important;
}
.abstandTopBottom {
	padding-left: 35px;
	padding-right: 35px;
}
.footerCols {
	padding-bottom: 35px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 35px;
}
.footerColLeft {
	width: 100%;
	padding-left: 0px;
	margin-bottom: 35px;
	float: none;
}
.footerColMiddle {
	width: 100%;
	padding-left: 0px;
	float: none;
	margin-bottom: 35px;
}
.footerColRight {
	width: 100%;
	float: none;
}
}

@media all and (min-device-width: 0px) and (max-device-width: 895px), all and (min-width: 0px) and (max-width:895px) {
.rowOneColLeft {
	float: none;
	width: 100%;
	text-align: left;
}
.rowOneColRight {
	float: none;
	width: 100%;
}
.rowTwoColLeft {
	float: none;
	width: 100%;
	text-align: left;
}
.rowTwoColLeft, .floatLeft {
	float: none;
}
.rowTwoColRight {
	float: none;
	width: 100%;
	text-align: left;
}
.rowFourColLeft {
	float: none;
	width: 100%;
	text-align: left;
}
.rowFourColRight {
	float: none;
	width: 100%;
	margin-top: 30px
}
.rowSixColRight h2, .rowSixColMiddle h2, .rowSixColLeft h2 {
	padding-top: 20px;
}
.rowSixColLeft {
	width: 100%;
	
	padding-left: 0px;
	margin-bottom: 35px;
}
.rowSixColMiddle {
	width: 100%;
	
	padding-left: 0px;
	margin-bottom: 35px;
}
.rowSixColRight {
	width: 100%;
	
	padding-left: 0px;
	margin-bottom: 35px;
}
.footerCols h2 {
	margin-bottom: 10px;
}
.footerColLeft {
	width: 70%;
	padding-left: 0px;
	margin-bottom: 35px;
	float: left;
}
.footerColMiddle {
	width: 30%;
	padding-left: 0px;
	float: right;
}
.footerColRight {
	clear: both;
	width: 100%;
	float: none;
	padding-left: 0px;
	display: block;
}
.rowSixColLeft {
	padding-left: 29px;
}
.rowSixColMiddle {
	padding-left: 29px;
}
.rowSixColRight {
	padding-left: 29px;
}
.footerCols {
	padding-bottom: 85px;
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 85px;
}
}

@media all and (min-device-width: 0px) and (max-device-width: 1104px), all and (min-width: 0px) and (max-width:1104px) {
.rowFiveColLeft {
	float: none;
	width: 100%;
	text-align: left;
	padding: 10px 85px 30px 85px;
}
.rowFiveColRight {
	float: none;
	width: 100%;
	padding: 10px 85px 30px 85px;
}
.simuRight {
}
}

@media all and (min-device-width: 0px) and (max-device-width: 1200px), all and (min-width: 0px) and (max-width:1200px) {
.rowOneColLeft h1 {
	margin-top: -10px;
	font-size: 2.25rem;
}
}
 @media all and (min-device-width: 0px) and (max-device-width: 1276px), all and (min-width: 0px) and (max-width:1276px) {
.rowThreeColLeft {
	float: none;
	width: 100%;
	text-align: center;
	padding: 0 20px 0 20px;
}
.rowThreeColRight {
	float: none;
	width: 100%;
	text-align: center;
	padding: 30px 30px 0 30px;
}