@media screen and (max-width: 1210px) {
    .wrapper {
        width: 1010px;
    }
    .wrapper.small {
        width: 1010px;
    }
    .topNavigation li:before{
        margin-left: 5px;
        margin-right: 5px;
    }
    .logo{
        float: none;
        display: table;
        margin: auto;
    }
    #menu{
        width: 100%;
        float: left;
        margin-right: 0;
        margin-top: 20px;
    }
    .search{
        float: right;
    }
    .content{
        margin-top: 222px;
    }
    .homeBlock{
        width: 60%;
    }
    .innerHeader{
        padding: 30px 10px 30px;
    }
    .search {
        float: right;
        margin-top: -55px;
    }
    .searchForm {
        top: -33px;
    }
    .searchForm.active {
        top: -33px;
        right: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .wrapper {
        width: 768px;
    }
    .wrapper.small {
        width: 768px;
    }

    .col-1-t,
    .col-2-t,
    .col-2-5-t,
    .col-3-t,
    .col-4-t,
    .col-5-t,
    .col-6-t,
    .col-7-t,
    .col-8-t,
    .col-9-t,
    .col-10-t,
    .col-11-t,
    .col-12-t {
        float: left;
    }
    .col-1-t {
        width: 8.333%;
    }
    .col-2-t {
        width: 16.666%;
    }
    .col-2-5-t {
        width: 20%;
    }
    .col-3-t {
        width: 25%;
    }
    .col-4-t {
        width: 33.333%;
    }
    .col-5-t {
        width: 41.666%;
    }
    .col-6-t {
        width: 50%;
    }
    .col-7-t {
        width: 58.333%;
    }
    .col-8-t {
        width: 66.666%;
    }
    .col-9-t {
        width: 75%;
    }
    .col-10-t {
        width: 83.333%;
    }
    .col-11-t {
        width: 91.666%;
    }
    .col-12-t {
        width: 100%;
    }
    .t-hide{
        display: none;
    }
    .t-mt10{
        margin-top: 10px;
    }
    .t-mt20{
        margin-top: 20px;
    }
    .t-mt30{
        margin-top: 30px;
    }
    .logo{
        float: left;
    }

    #menu li a{
        padding: 12px 10px;
        font-size: 14px;
    }
    .innerHeader{
        padding: 20px 0;
        position: relative;
    }
    .content{
        margin-top: 194px;
    }
    .appointmentIcon{
        font-size: 20px;
        right: 10px;
        top: 10px;
    }
    .submitForm.locationBtn{
        position: relative;
        top: 0;
        right: 0;
        float: right;
        margin-top: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    .homeBlock{
        width: 50%;
    }
    .animate{
        position: absolute;
    }
    .search{
        margin-top: 10px;
    }
}

@media screen and (max-width: 788px) {
    .wrapper {
        width: 100%;
    }
    .wrapper.small{
        width: 100%;
    }
    .col-1-s,
    .col-2-s,
    .col-2-5-s,
    .col-3-s,
    .col-4-s,
    .col-5-s,
    .col-6-s,
    .col-7-s,
    .col-8-s,
    .col-9-s,
    .col-10-s,
    .col-11-s,
    .col-12-s {
        float: left;
    }
    .col-1-s {
        width: 8.333%;
    }
    .col-2-s {
        width: 16.666%;
    }
    .col-2-5-s {
        width: 20%;
    }
    .col-3-s {
        width: 25%;
    }
    .col-4-s {
        width: 33.333%;
    }
    .col-5-s {
        width: 41.666%;
    }
    .col-6-s {
        width: 50%;
    }
    .col-7-s {
        width: 58.333%;
    }
    .col-8-s {
        width: 66.666%;
    }
    .col-9-s {
        width: 75%;
    }
    .col-10-s {
        width: 83.333%;
    }
    .col-11-s {
        width: 91.666%;
    }
    .col-12-s {
        width: 100%;
    }
    .s-hide {
        display: none;
    }
    .m-mt10 {
        margin-top: 10px;
    }
    .m-mt20 {
        margin-top: 20px;
    }
    .m-mt30 {
        margin-top: 30px;
    }
    body {
        min-width: 320px;
    }
    .s-block {
        display: block;
    }
    .s-hide{
        display: none;
    }
    .col-1,
    .col-2,
    .col-2-5,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        width: 100%;
    }
    .col-1-s {
        width: 8.333%;
    }
    .col-2-s {
        width: 16.666%;
    }
    .col-2-5-s {
        width: 20%;
    }
    .col-3-s {
        width: 25%;
    }
    .col-4-s {
        width: 33.333%;
    }
    .col-5-s {
        width: 41.666%;
    }
    .col-6-s {
        width: 50%;
    }
    .col-7-s {
        width: 58.333%;
    }
    .col-8-s {
        width: 66.666%;
    }
    .col-9-s {
        width: 75%;
    }
    .col-10-s {
        width: 83.333%;
    }
    .col-11-s {
        width: 91.666%;
    }
    .col-12-s {
        width: 100%;
    }
    .col-padding-left {
        padding-left: 0px;
    }
    .col-padding-right {
        padding-right: 0px;
    }
    .col-padding-left-big {
        padding-left: 0px;
    }
    .col-padding-right-big {
        padding-right: 0px;
    }
    .col-mobile {
        padding-left: 20px;
        padding-right: 20px;
    }
    .m-mt10{
        margin-top: 10px;
    }
    .m-mt20{
        margin-top: 20px;
    }
    .m-mt30{
        margin-top: 30px;
    }

    .logo{
        float: left;
        width: 200px;
        display: block;
    }

    /*TOGGLE*/
    #toggle {
        position: absolute;
        right: 20px;
        top: 25px;
        display: block;
        width: 28px;
        z-index: 10;
        height: 30px;
        margin: 17px auto;
    }
    #toggle span:after,
    #toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after {
        top: 9px;
    }
    #toggle span {
        position: relative;
        display: block;
    }
    #toggle span,
    #toggle span:after,
    #toggle span:before {
        width: 100%;
        height: 2px;
        background-color: #01274a;
        transition: all .3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }
    #toggle.on span {
        background-color: transparent;
    }
    #toggle.on span:before {
        transform: rotate(45deg) translate(5px, 5px);
        -moz-transform: rotate(45deg) translate(5px, 5px);
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        -o-transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
        transform: rotate(-45deg) translate(7px, -8px);
        -moz-transform: rotate(-45deg) translate(7px, -8px);
        -webkit-transform: rotate(-45deg) translate(7px, -8px);
        -o-transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + #menu {
        display: block;
    }

    /*MENU*/
    #menu {
        display: none;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
        background-color: #F7FBFC;
        top: 81px;
        z-index: 150;
        height: auto;
        left: 0;
        right: 0;
        padding: 0;
    }
    #menu li a.selected:before, #menu li a.selected:after{
        display: none;
    }
    #menu li a.selected{
        border-bottom: none!important;
    }
    #menu ul {
        margin: 0;
        width: 100%;
    }
    #menu li {
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    #menu li:last-child{
        border-bottom: none;
    }
    #menu li a {
        height: auto;
        width: 100%;
        color: #424242;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }

    #menu li a.selected {
        background-color: #01274a;
        color: white;
        padding: 10px;
        font-weight: 300;
    }
    #menu li a:after {
        display: none;
    }
    #menu .sub {
        display: none;
        position: relative;
        float: left;
        width: 100%;
        top: 0;
    }
    #menu li a {
        padding: 10px;
    }

    #menu a.selected:after{
        display: none;
    }
    #menu .sub li a{
        font-size: 14px;
        padding: 10px;
    }
    .s-hide{
        display: none;
    }
    .iconArrow {
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #e4e4e4;
        padding: 9px;
        color: #949494;
        z-index: 100;
        display: block;
    }
    .s-show{
        display: block;
    }
    .equalHeight, .equalHeight-1, .equalHeight-2, .equalHeight-3{
        height: auto!important;
    }
    .owl-buttons{
        margin-top: -25px;
    }
    .owl-theme .owl-controls .owl-buttons div{
        padding: 10px;
    }
    .content{
        margin-top: 124px;
    }
    .topBlock {
        position: absolute;
        margin: 0 5%;
        width: 90%;
        right: 0;
        bottom: auto;
        top: 20px;
        background-color: rgba(255,255,255,0.9);
        text-align: center;
    }
    .search{
        margin-right: 50px;
        margin-top: 15px;
    }
    .searchForm{
        width: 300px;
        top: 34px;
        right: -70px;
    }
    .searchForm.active{
        top: 32px;
        right: -70px;
    }
    .qualiview .text{
        font-size: 13px;
    }
    .logoqualiview{
        width: 50px;
        margin-right: 8px;
    }
    .underMenu{
        float:left!important;
    }
    #menu li a{
        font-weight: 400;
    }
    .topBlock{
        padding: 20px;
        top: 30px;
    }
    .receipt{
        display: none;
    }
    .textContainer.bigFull{
        width: 100%;
        padding-left: 0;
    }
    .location {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .quoteContainer{
        width: 90%;
        margin: 0 5%;
        bottom: 55px;
        top: auto;
    }
    .quoteInnerContainer{
        padding: 30px;
    }
    .quoteInnerContainer .text {
        font-size: 14px;
        line-height: 18px;
    }
    .slideHeight{
        left: 0;
    }
    .owl-buttons{
        display: none;
    }
    .quoteLeft{
        left: -11px;
    }
    .quoteLeft, .quoteRight{
        font-size: 20px;
    }
    .owl-pagination{
        right: 15px;
    }
    #slides .owl-pagination{
        top: 375px;
    }
    .animate{
        display: none;
    }
    .min300{
        min-height: inherit;
    }
    .borderRight{
        border-right: 0;
        border-bottom: 1px solid #dad9da;
    }
    .navTitle{
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        position: relative;
        cursor: pointer;
    }
    .navTitle:after{
        position: absolute;
        top: 10px;
        right: 10px;
        content: '\f107';
        font-size: 14px;
        font-family: "FontAwesome";
        color: #39a642;
    }
    .subMenu{
        display: none;
    }

}
@media screen and (max-width: 640px) {
    .appointmentBtn{
        font-size: 13px;
        background-color: #39a642;
        padding: 7px;
        margin-top: 8px;
    }
    .small-hide{
        display: none;
    }
    .col-12-xs{
        width: 100%;
    }
    .search{
        margin-left: 15px;
        margin-top: 10px;
    }
    .human{
        width: 100%;
        height: auto;
    }
    .human .body{
        margin: 50px auto 0;
    }
    .human .labels .label{
        top: 0!important;
        position: relative;
        left: 0!important;
        right: auto;
        padding: 5px 10px;
    }
    .human .labels.links{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }
    .human .labels.rechts{
        width: 100%;
        left:0;
    }
    input[type="checkbox"].custom:not(:checked) + label, input[type="checkbox"].custom:checked + label{
        width: 100%;
        float: left;
        margin-left: 0;
        margin-bottom: 10px;
    }

    input[type="radio"].custom:not(:checked) + label, input[type="radio"].custom:checked + label{
        width: 100%;
        float: left;
        margin-left: 0;
        margin-bottom: 10px;
    }
    input[type="radio"].custom:not(:checked) + label:before, input[type="radio"].custom:checked + label:before{
        top: 3px;
    }
    input[type="radio"].custom:not(:checked) + label:after, input[type="radio"].custom:checked + label:after{
        top: 5px;
    }
    #menu li:hover .sub{
        display: none;
    }
    .paragraph table{
        width: 100%!important;
    }
}

@media screen and (max-width: 450px) {
    .logo{
        margin-top: 10px;
        width: 130px;
    }
    .pagination li{
        font-size: 12px;
        line-height: 1.6;
    }
    .navTitle {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        position: relative;
        cursor: pointer;
        padding: 10px;
        background-color: #003d66;
        color: white;
        font-size: 18px;
        border-radius: 5px;
    }
    .navTitle:after{
        color: white;
        top: 13px;
        right: 15px;
    }
}

@media screen and (max-width: 374px) {
    .appointmentBtn{
        position: absolute;
        margin-top: 0;
        top: 94px;
        right:6px;
    }
    .appointmentBtn{
        position: fixed;
        z-index: 299;
        bottom: 10px;
        right: 10px;
        top: auto;
        left: auto;
    }
}