@media only screen {
    /*.block-contact .block-inner > .row > .small-4 { width: 250px; }
    .block-contact .block-inner > .row > .small-4 + .small-4 { width: 235px; }
    .block-contact .block-inner > .row > .small-4.last { width: 265px; }*/

    /* .nav-language { top: 45px; }*/
    .toggle-topbar {padding-top:20px;padding-bottom:20px;}

    .top-bar.expanded .title-area { background-color: transparent; }
    .top-bar.expanded .top-bar-section ul { margin-bottom: 24px; }
    .top-bar.expanded .top-bar-section ul li { border-bottom: 1px dotted #f3f3f3; }
    .top-bar.expanded .top-bar-section ul li.last { border-bottom: 0 none; }
    .top-bar.expanded .top-bar-section ul li > a { margin: 0; line-height: 36px; }
    .top-bar.expanded .top-bar-section .nav-language li { float: left; margin: 0 20px 0 0; border-bottom: 0 none; }
    .top-bar.expanded .top-bar-section .nav-language li > a { margin: 0; line-height: 1; }
    .top-bar.expanded .top-bar-section li:not(.has-form) a:hover:not(.button),
    .top-bar.expanded .top-bar-section li.active:not(.has-form) a:hover:not(.button),
    .top-bar.expanded .top-bar-section li.active:not(.has-form) a:not(.button) { margin: 0; }

    body { padding-top: 82px; }
    .top-bar { height: 82px; }
    .top-bar-section { float: none; }

    .row { max-width: 1200px; }
    .top-bar { max-width: 1200px; padding: 0 25px; }
    #footer { max-width: 1200px; }

    .full-image > .row { max-width: none; }

    .blocks { /*padding: 30px 0 0;*/ /* modify */ padding: 30px 0 50px; }
    .blocks p.text-right { text-align: center !important; }
    .block-product .medium-4 { text-align: center; margin-bottom: 35px; }
    .blocks #footer p.text-right { text-align: left !important; border-bottom: 1px solid #818181; padding-bottom: 5px; }
    .blocks #c-imprint p.text-right { border-bottom: 0 none; padding-bottom: 0; }
    #footer p.text-right a { display: block; }
    #footer > .inner-wrap > .row > .columns + .columns > p { text-align: center; }

    /* margin */
    h1, h2 { margin: 0 0 28px; }
    p { margin: 0 0 25px; }
	.top-bar .name h1 { margin: 5px 0 0; }
	.top-bar .name h1 img {width: 60%}
    .block-contact p { margin: 0 0 10px; }

    /* font-size */
    h1, h2 { font-size: 14px; }
    p, .button.small,
    .top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button)  { font-size: 14px; }
    .full-image h2 { font-size: 16px; }
    .full-image p { font-size: 16px; line-height:18px; }

}


/* modify */
/**
* for large image width
*/
@media only screen and (max-width: 440px) {
    .columns > img { width: 100%; max-width: 100%; height: auto; }
    .portrait { float:none; }
}
@media only screen and (max-width: 465px) {
    input.main-input, textarea.main-textarea { width: 100%; }
    label + input.main-input, label + textarea.main-textarea { clear: right; }
}
@media only screen and (max-width: 790px) {
	.top-bar .name h1 img {width: 80%}
}
@media only screen and (max-width: 545px) {
    .box-content.liste { width: 100%; height: auto; }
	.top-bar .name h1 img {width: 100%}
}

/* modify end */

@media only screen and (min-width: 541px) {
    .blocks { padding: 65px 0 50px; }

    /* font-size */
    h1, h2 { font-size: 28px; }
    p, .button.small,
    .top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button)  { font-size: 16px; }
    /* modify */.top-bar-section ul.mainNav li:not(.has-form) a:not(.button) { font-size: 14px; }
    .full-image h2 { font-size: 27px; }
    .full-image p { font-size: 21px; }
	
}

.button.small { width: 194px; }

@media only screen and (max-width: 395px) {
    .button.small { width: auto; }
}

/* Define mobile styles */
@media only screen and (max-width: 60em) {
    .full-image { background-image: none !important; }
}

/* max-width 961px, mobile-only styles, use when */
@media only screen and (min-width: 60.063em) {
    .top-bar-section { float:none; margin: 97px 0 0; background-color: transparent; }
    /* modify */ul.mainNav { height:41px; } ul.mainNav li { display: inline; margin: 0 35px 0 0px; }
    .top-bar-section ul.mainNav li:not(.has-form) a:not(.button) { padding-left: 0; }

    body { padding-top: 142px; }
    .top-bar { height:142px; }
    .top-bar .name h1 { margin: 5px 0 0; }
	.top-bar .name h1 img {width: 80%}
    .full-image > img { display: none; }

    .blocks p.text-right, .blocks #footer p.text-right { text-align: right !important; }
    .blocks #footer p.text-right { border-bottom: 0 none; padding-bottom: 0; }
    #footer p.text-right a { display: inline-block; }
    #footer > .inner-wrap > .row > .columns + .columns > p { text-align: left; }

}

/* min-width 961px, medium screens */
@media only screen and (min-width: 60.063em) and (max-width: 75em) {
    .nav-language { top: 1px; }
}

/* min-width 1200px and max-width 1440px */
@media only screen and (min-width: 75.063em) {
    .nav-language { top: 1px; }
}

/* min-width 1441px, large screens */
@media only screen and (min-width: 75.063em) and (max-width: 90em) {
}

/* min-width 1441px and max-width 1920px */
@media only screen and (min-width: 90.063em) {
}

/* min-width 1441px, xLarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* min-width 1441px and max-width 1920px */
@media only screen and (min-width: 120.063em) {
}