.menu-btn,
#toTop {
    display: none;
}
#toTop {
    opacity: 0;
}
/* responsive general */
@media screen and (max-width:1024px) {
    * {
        box-sizing: border-box;
    }
    .page,
    .innerFooter,
    .breadcrumbs{
        max-width:970px;
        width:100%;
    }
    .nivoSlider {
        width:100%;
        height:auto;
        margin-left: 0;
    }
    .nivoSlider img {
        height:auto !important;
    }
    .startTextCol {
        width:24%;
        margin:0 0.5% 15px;
        height:auto;
    }
    .startTextCol img {
        max-width:100%;
        height:auto;
    }
    img {
        max-width:100%;
        height:auto;
    }

    #toTop {
        display: block;
        position: fixed;
        right:2%;
        bottom:2%;
        transition:all 0.75s;
        width:40px;
        height:40px;
        background:url(../images/totop.png) no-repeat;
        background-size:100% auto;
        z-index: 1;
    }
    #toTop.show {
        opacity: 1;
    }
}

@media screen and (max-width:989px) {
    .page {
        padding:0 10px;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .naviBox ul ul,
    .naviBox ul ul li {
        width:175px;
    }
    .naviBox ul li.products ul ul {
        padding-left: 0;
    }
    .naviBox ul ul ul ul {
        left:170px;
    }
    .dropdown ul ul ul li:hover ul,
    .dropdown li:hover ul > li{
        display: block !important;
    }
}

/* tablet */
@media screen and (min-width:768px) and (max-width:800px) {
    .mainContent {
        width:72%;
        margin-right: 0;
    }
    .leftNavi {
        width:26%;
        margin-right: 2%;
    }
    .rightBox {
        width:100%;
        text-align: right;
    }
    .rightBox > div.csc-default:nth-child(2) {
        display: none;
    }
    .rightBox > div.csc-default {
        width:35%;
        display: inline-block;
        clear:none;
        vertical-align: top;
        margin-left: 2%;
    }
}

/* smaller than tablet */
@media screen and (max-width:767px) {
    * {
        font-size:14px;
    }
    .mainContent h1, .hideBox h1 a {
        font-size:20px;
    }
    .menu-btn {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 18px;
        right: 0;
        font-size: 28px;
        color:#0095d8;
        border-radius: 40px;
        background: transparent;
        border:2px solid #0095d8;
        line-height: 1;
    }
    .pushy {
        background:#fff;
    }
    .pushy-content .naviBox {
        margin-top: 50px;
    }
    .pushy-content .naviBox,
    .pushy-content .naviBox li{
        height:auto;
    }
    .pushy-content .naviBox li {
        float:none;
        text-align: left;
    }
    .pushy-content .tx-macinasearchbox-pi1 {
        right:0;
        left:0;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom:1px solid #0095d8;
    }
    .pushy.pushy-left {
        /*left:9px;*/
    }
    .pushy-content .searchBox {
        position: relative;
        right:7px;
    }
    .pushy-content .searchBox input {
        height:22px;
        margin-left: 6px;
        border-color:#0095d8;
    }
    .pushy-content .dropdownform {
        position:relative;
        top:auto;
        right:auto;
    }
    .pushy-content .dropdownform a {
        display: inline-block;
    }
    .pushy-content .naviBox li a {
        padding-top: 10px;
        padding-bottom: 6px;
        height:auto;
        color:#0095d8;
    }

    .naviBox li:hover .dropdown,
    .naviBox li a:hover .dropdown,
    .sliderBoxStart + .nivo-controlNav,
    .dropdown ul li:hover ul{
        display: none !important;
    }

    .mainContent {
        max-width:100%;
    }
    .leftNavi {
        width:100%;
        margin-right: 0;
        position: relative;
        min-height:0;
        border-bottom:1px solid #0095d8 !important;
        margin-bottom: 10px;
    }
    .leftNavi ul {
        max-height:28px;
        overflow: hidden;
        transition: max-height 0.8s linear;
    }
    .leftNavi ul li {
        padding-left: 0;
    }
    .leftNavi.active ul {
        max-height:300px;
    }
    .leftNavTrigger {
        display: inline-block;
        transform: rotate(-90deg);
        font-size: 18px;
        position: absolute;
        top: 2px;
        right: 0;
        width: 20px;
    }
    .leftNavTrigger.active {
        transform: rotate(90deg);
    }
    .rightBox,
    .rightBox > div {
        width:100%;
    }
    .productfinder {
        display: none;
    }
    .pushy.pushy-left .dropdown ul {
        width:auto;
        position: static;
        min-height:0;
        padding-left: 0;
        float:none;
    }
    .pushy.pushy-left .naviBox li .dropdown {
        /*display: block !important;*/
        width:auto;
        position: relative;
        left:auto;
        top:auto;
        right:auto;
        bottom:auto;
        min-height:0;
        float:none;
        padding-left: 0;
    }
    .naviBox li.hasSub .dropdown.showAll li ul li a {
        float:none;
    }
    .naviBox ul a,
    .naviBox .products ul a, .naviBox .products ul ul a, .naviBox .products ul ul ul a{
        display: block;
    }
    .naviBox  ul  li.normal ul li,
    .naviBox ul ul a,
    .naviBox ul ul li{
        width:auto;
    }
    .naviBox ul ul li {
        padding: 0;
    }
    .naviBox li.hasSub .dropdown.showAll li a,
    .naviBox .products ul li > a{
        padding: 10px;
    }
    .naviBox .products ul li ul li > a {
        padding-left: 20px;
        padding-right: 40px;
    }
    .naviBox .products ul li ul li ul li > a {
        padding-left: 30px;
    }
    .naviBox .products ul li ul li ul li ul li > a {
        padding-left: 40px;
    }
    .naviBox .products ul li > a {
        color: #9C9E9F;
    }
    .pushy.pushy-left div.dropdown.open,
    .pushy.pushy-left ul.open,
    .pushy.pushy-left ul.open > li{
        display: block !important;
    }
    .pushy .dropdown.open {
        height:auto !important;
    }
    .pushy .hasSub {
        position: relative;
    }
    .pushy .hasSub > span {
        display: inline-block;
        width:40px;
        height:25px;
        position: absolute;
        z-index: 1;
        right:0;
        top:4px;
    }
    .dropdown.showAll ul ul {
        margin-top: 0;
        margin-bottom: 0;
        display: none !important;
    }
    .naviBox ul .normal ul ul {
        text-indent:0;
    }
    .dropdown.showAll ul ul.open {
        display: block !important;
    }
    .naviBox .products ul a {
        display: block;
    }
    .naviBox .moreSub {
        display: none;
    }
    .naviBox .products ul li {
        padding-left: 0;
    }
    .naviBox > ul > li.active > a {
        color:#9C9E9F;
    }
    .naviBox > ul > li.active.hasSub .dropdown ul li.active > a {
        color:#0095d8;
    }
    .naviBox li.hasSub .dropdown.showAll li ul li a {
        font-size:12px;
        line-height:14px;
    }
    .leftNavi,
    .breadcrumbs{
        display: none;
    }
    .content_hideBox div {
        margin-left: 0 !important;
    }
    .productResult .right, .productResults .right,
    .jThumbnailScroller {
        width:auto;
    }
    .jThumbnailScroller {
        overflow: hidden;
    }
    .ui-tabs-panel table {
        width:100%;
    }
    .ui-tabs .ui-tabs-nav li,
    .ui-tabs .ui-tabs-nav li a{
        float:none;
        display: block;
    }
    .footerBox .innerFooter {
        position: relative;
    }
    #footerButton {
        display: block;
        width:20px;
        height:20px;
        background:url(../img/arrow.svg) no-repeat;
        background-size:auto 100%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 10px;
        left: 10px;
    }
    #footerButton.up {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top:6px;
    }
    .footerBox ul {
        overflow: hidden;
        max-height:32px;
        transition: all 0.75s;
        border-top:1px solid;
        border-bottom:1px solid;
        border-color:#0095D8;
    }
    .footerBox ul.open {
        max-height:300px;
    }
    .footerBox ul li {
        display: block;
        width:100%;
        margin: 0;
    }
    .footerBox ul:after {
        content:'';
        clear:both;
        display: block;
    }
    .oneline li,
    .innerFooter ul li{
        width:100%;
        margin: 0;
    }
    .oneline li a,
    .innerFooter ul li a{
        padding:10px;
        display: inline-block;
    }
    .oneline li p.allrights {
        text-align: center;
        float:none;
    }

    .sosu_contactform .fieldwrap input, .sosu_contactform .fieldwrap textarea,
    .sosu_contactform .fieldwrap input.button_submit,
    .sosu_contactform .fieldwrap.submitwrap input[type='submit'] {
        width:100%;
        height:40px;
    }
    .sosu_contactform .fieldwrap input.button_submit,
    .sosu_contactform .fieldwrap.submitwrap input[type='submit'] {
        background:#fff;
        border-radius: 0;
        -webkit-appearance: none;
    }
    .sosu_contactform .fieldwrap.submitwrap input[type='submit'] {
        border:1px solid #0095D8;
    }
    .sosu_contactform  .formcol_left {
        margin-right: 0;
    }
    input[name="zipsearchfield"] {
        top: -20px !important;
        padding:0 !important;
        width:15% !important;
        height:40px !important;
        -webkit-appearance: none;
    }
    .zipform label {
        width:80% !important;
        margin-left: 2% !important;
    }
    .vcard .twocol .left {
        margin-right: 5%;
    }
    .vcard .open {
        margin-left: 45%;
    }
    .news-single-img {
        float:none;
    }
    .tx-fnjobs-pi1 select {
        /*-webkit-appearance: none;*/
        max-width:100%;
    }
    table.attributes {
        width:100%;
    }
    .colWrap.twoCol > div.col {
        float:none;
        width:auto;
    }
    .tx-html5video-pi1 > div {
        max-width:100%;
        max-height:200px;
    }
    .naviBox li.products.active a {
        display: block;
    }
    #searchChange {
        right:210px;
        list-style:none;
        width:235px;
    }
    .searchBox input {
        width:235px;
    }
    div[id^="AutocompleteContainter_"],
    .autocomplete-w1{
        left:0 !important;
        right:0;
    }
    div[id^="Autocomplete_"],
    .autocomplete div,
    .yamaichiDetailSearch {
        width:auto !important;
    }
    .autocomplete div,
    .autocomplete strong {
        white-space:initial;
        font-size:11px;
    }
}

@media screen and (max-width:500px) {
    .startTextCol {
        width:49%;
    }
}
@media screen and (max-width:350px) {
    .startTextCol {
        width:99%;
    }
}