/* stylesheet development for Typo3 by Young-dogs.es december 2017*/

@media (min-width:968px) and (max-width:1300px) {
    .container {
        width: 980px;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        font-size: 12px;

    }

    .navbar-default .navbar-nav > li > a span {
      border-left: 2px solid #fff;
      border-right: 2px solid #fff;
    }
    .navbar li:hover a span, .navbar li.active a span {
      border-left: 2px solid #dadadb;
      border-right: 2px solid #dadadb;
    }


    .navbar-main > li > .navbar-text, .navbar-main > li > a {
        padding: 0 7px;
    }
    .maincontent-wrap .reference h3 {
        font-size: 1.2em;
    }
}

@media (min-width: 1090px) {

    .frame-center-70 {
        max-width: 70%;
        margin: 0 auto;
    }

    .navbar-header-main .navbar-header-border-bottom {
        display:none;
    }

    .frame.frame-type-carousel_fullscreen {
        padding-top: 0;
        padding-bottom: 0em;
    }

    .topbar a {
        color: #fff;
    }

    .navbar-brand {
        height: 100px;
        padding: 0 0;
    }

    .pre-footer {
      margin-top: 2em;
      border-top: 2px solid #bebebe;
      padding-top: 2em;
    }


    .toplinks {
        text-align: right;
    }

    .product-image-container {
        min-height: 400px;
    }

    .newsitem.row {
        display: block;
        background: #eeeeee;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
    }

    .pre-footer {
        margin-top: 2em;
        /* border-top: 2px solid #bebebe; */
        padding-top: 2em;
    }

    .statics li.tbsearch {
        display: none;
    }
    .subnavleft .maincontent-wrap {
        float: right;
    }
    .level3navwrap {
        display: none;
    }

    .iconlist .gallery-item {
        margin: 0 auto;
    }
    .thumbnail-menu-image {
        margin-bottom:15px;
    }
}

@media (max-width: 1090px) {

    #filters.productfind {
      border: none;
    }

    #mapfilters-container input.form-control {
        width: 170px;
    }

    .productfind #form-filters {
        min-height: 220px;
    }
    .headertitles .titles {
      font-size: 2em;
    }


    .productfindnav .step {
      font-size: 14px;
      padding: .3em 0 0.3em .5em;
      text-align: left;
    }

    #filters .productfindoption a {
      padding: .5em 1em;
      font-size: 1em;
      font-weight: normal;
    }
    .productfindnav .step::after {
      right: -4px;
    }

    .overlay  h2 {
      font-size: 1.4em;
    }
    .overlay {
      font-size: 1em;
    }

    .frame-button-overlay p a {
      font-size: 1.2em;
    }
    .wizardstart span

    .productfindcontainer {
      padding: 0;
    }

    .productfindcontainer .fake_mobile {
      display: none;
    }

    .wizardstart h2 {
      font-size: 1.1em;
    }
    .wizardstart {
          padding: 10% 1em;
    }
    .wizardstart p{
      font-size: 1em;
    }
    .wizardstart span{
      font-size: 1em;
    }

    .wizardstart a {
      font-size: 1.4em;
    }

    /* @AR */
    .thumbnail-menu .col-md-6 {
        padding-left:0;
        padding-right:0;
        margin-bottom:10px;
        overflow: hidden;
    }

    .thumbnail-menu .col-md-6 .thumbnail-menu-caption-title {
        position: absolute;
        /*position: relative;*/
        left: auto;
        right: auto;
        font-size: 14px;
        bottom:0;
        width:100%;
    }
    /* @AR */
    .dropdown-menu {
        right: 0;

        border-top: none;
        border-left: none;
        border-right: none;
    }
    .dropdown-menu > li > a {
        border-bottom: 1px solid #eee;
        padding: 6px 6px;
    }

    .navbar-toggle {
        margin-right: 0;
    }
    .news.news-single ol {
        padding-left: 0px;
    }


    .navbar-toggle:hover .icon-bar:nth-child(3) {
        margin-left: 0;
    }

    .news-related-wrap {
        display: block;
    }
    .navbar-brand {
        padding: 1em 0
    }
    .col-md-3.subnav-wrap {
        margin-bottom: 1em;
    }

    .catalog-single .article .catalog-img-wrap {
        text-align: left;
    }
    .navbar-main > li > .navbar-text, .navbar-main > li > a {
        line-height: 4em;
    }

    .nav > li {
        border-bottom: 1px solid #eee;
    }

    .navbar li:hover a span, .navbar li.active a span,.navbar li a span {
        border: none;
        background: none;
    }

    .navbar li:hover a span, .navbar li.active a span {
        color: #d10410;
    }

    .navbar li:hover li a span, .navbar li.active li a span {
        color: #333;
    }

    .tbsearch div {
        background: url('images/search.svg') center center no-repeat;
        max-width: 20px;
        display: block;
        color: transparent;
        background-size: contain;
    }

    .tbsearch span div {
      background: none;
      max-width: 100%;
    }


    .tbsearch span {
        display: none;
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.55);
        border-bottom: 1px solid #ccc;
        box-shadow: none;
        padding: 1.5em 1em;
    }

    .topbar input#tx-indexedsearch-searchbox-sword-header {
        width: 80%;
    }

    #tx_indexedsearch_header i.glyphicon {
            margin-top: -3px;
    }
    .tlsearch  {
        display: none;
    }

    .tbsearch.active span {
        display: block;
    }

    .topbar li.contact {
        padding : 0 0;
    }
    .catalog .article .catalog-img-wrap img {
        width: auto !important;
    }

    .catalog #product-details .link i {
        font-size: 44px;
    }

    .substrate-details {
        padding: 1em;
    }

    .btn.btn-default.tx-solr-submit {
      position: relative;
      z-index: 9999;
    }

    .topbar .contact a{
        background: url('images/contact2.svg') center center no-repeat;
        max-width: 20px;
        display: block;
        color: transparent;
        background-size: contain;
    }

    .topbar li.about-us {
        display: none;
    }

    .headernav .col-sm-2 {
        padding-top: 0;
    }

    .col-sm-3.navbar-header.navbar-header-main {
        position: absolute;
        top: 0;
        right: 0;
    }

    .thumbnail-menu-image {
        min-height: 0;
        max-height: 121px;
    }

    #p1 .thumbnail-menu.row {
        display: flex;
    }

    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
    { font-size: 16px;
    }

    .thumbnail-menu.row .col-sm-6 {
        display: inline-block;
        width: 48%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .thumbnail-menu-caption-title {
        font-size: 1em;
    }

    #mapfilters-container #mapfilters{
        height: 0px;
        overflow: hidden;
    }

    #mapfilters-container:hover #mapfilters{
        height: auto;
        overflow: hidden;
    }

    #mapfilters-container {
        right: 2em;
    }

    #mapgroups ul li:nth-child(1) {
        display: none;
    }

    .level3navwrap {
        display: block;
        margin-top: 0em;
        padding-bottom: 1em;
        border-bottom: 1px solid #999;
    }

    .subcontent-wrap ul.subnav, .subcontent-wrap h3 {
        display:none;
    }

    .maincontent-wrap, .subcontent-wrap {
        padding-top: 2em;
    }
    .footer-section {
        font-size: .9em;
        padding: 2em 0;
    }

    .level3navwrap select {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .gallery-item.col-xs-4 {
        max-width: 33%;
        overflow: hidden;
    }


    #datasheets-result {
        padding-bottom: 2em;
        display: block;
    }

    .catalog .article h3 {
        height: 2em;
        max-height: 2em;
    }

    .row.border-bottom {
        padding: 2em 0;
    }

    .row.border-bottom col-md-3 {
        margin-bottom: 1em;
    }

    .level3navwrap .subnavtitle {
        display: block;
        text-align: center;
        margin: 0 0 .2em;
        text-align: left;
        font-size: 2em;
    }

    .subcontent-wrap div h3 {
        display: block;
    }

    .maincontent-wrap h3 {
        margin-bottom: .5em;
    }


    .product-list-container {
        margin: 1em 0;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
        color: #333;
    }

    .topbar {
        position: relative;
        height: 35px;
    }

    .news-single .article .news-img-wrap {
        float: none;
        margin: 0 0 0 0;
        width: auto;
    }

    .tlsearch {
        position: relative;
    }
    .tlsearch::before {
        content: "\e904";
        color: #fff;
        display: block;
        font-family: 'ydfont' !important;
        speak: none;
    }

    .tlsearch:hover span {
        display: block;
    }

    .tlsearch span {
        display: none;
        position: fixed;
        top: 34px;
        left: 0;
        right: 0;
        background: #000;
        padding: .4em;
        z-index: 99999;
    }

    .statics li.tlcontact a {
        color: transparent;
        background: url('images/contact.svg') left top no-repeat;
        background-size: contain;
    }


    .carousel .item {
        padding-left: 0;
        padding-right: 0;
    }

    .topbar .container {
        padding-left: 0;
        padding-right: 0;
    }

    navbar-collapse.collapsing {
        border-top-color: transparent !important;
    }

    .switch.language span{
        display: none;
    }
    .carousel-fullscreen .item {
        height: 260px;
        background-size: cover;
    }
    .carousel-fullscreen .item .container {
        padding-top: 2em;
    }
    .frame-type-carousel_fullscreen {
        padding-top: 0;
        padding-bottom: 0;
    }
    .row.fiveblock {
        margin-top: 0px;
        padding: 0 4%;
    }
    .row.fiveblock li {
        width: calc(88%/3);
        height: 110px;
        max-height: 110px;
    }

    .row.fiveblock li:nth-child(4) {
        margin: 4% 2% 0 20%;
    }

    .row.fiveblock li:nth-child(5) {
        margin: 0 5% 0 2%;
    }
    i {
        font-size: 29px;
    }

    .navbar-header-main .navbar-header-border-bottom {
        display: none;
    }

    .product-list-container .article {
        width: 47%;
        margin-right: 3%;
    }

    .catalog .article h3 {
        margin: .2em 0;
        font-size: 1.2em;
    }

    .catalog #product-details .link {
        border-top: none;
    }

    .relatedtron {
        padding: 1em 0;
    }



    .relatedtron .relateditem {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        margin-bottom: 1em;
    }

    .catalog .article .relatedtron h3 {
        margin-bottom: .2em;
    }

    dt {
        max-width: none;
        border-bottom: 1px solid #ddd;
        width: 100%;
        font-size: 1em;
    }
    dd {
        max-width: 100%;
    }

    .catalog #product-details .col-lg-8 {
        padding: 1em;
    }

    .catalog .attribute-list .attribute-valueb {
        width: 70px;
        height: 70px;
    }

    .safetysheets a {
        font-size: 12px;
    }

    .catalog .article .catalog-img-wrap img {
        margin-bottom: 0;
        max-height: 100px;
    }

    .product-image-container {
        min-height: 320px;
    }

    .catalog #product-details {
        margin: 1em 0;
    }

    .catalog .article {
        padding: 0;
    }

    .catalog #product-details .link {
        display:  inline-block;
        margin: 0 0;
        padding: 1em;
        font-size: 0;
        background-image: none;
    }

    .catalog #product-details .link.active {
        background-image: none;
    }
    .catalog #product-details .link i {
        padding: .3em .3em;
        display: block;
        margin-right: 0;
    }

    catalog-list-category

    #product-details {
        margin-top: 1em;
    }

    #product-details .col-lg-4 {
        border-bottom: 1px solid #999;
        background: #fff;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .catalog #product-details .link:first-child, .catalog #product-details .link.active {
        border-right:   1px solid #dcdcdc;
    }
    .catalog #product-details .link.active {
        background:#eeeeee;
    }
    .customcolor {
        background: url('images/anycolor.jpg') center calc(100% - 20px) no-repeat;
        padding-right: 0%;
        padding-bottom: 100px;
        margin:  2em 0;
        background-size: 80px;
    }
    dd {
        width: auto;
        min-width: 100px;
    }

    #datasheets-result dt,
    #datasheets-result dd {
        float: none;
        display: block;
        width: 100%;
        margin: .15em 0;
        padding: 0;
        max-width: 100%;
    }

}


@media (max-width: 1200px) {
    .newsflexitem {
        -moz-column-count:    4;
        -webkit-column-count: 4;
        column-count:         4;
    }
}
@media (max-width: 960px) {
    .newsflexitem {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 800px) {
    .newsflexitem {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 400px) {
    #news {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}

@media (min-width: 960px) {
    .col-md-2 {
        width: 16.5%;
    }
}

@media (min-width: 992px) {

    .frame.frame-type-carousel_fullscreen {
        padding-top: 0;
        padding-bottom: 0em;
    }

    .topbar a {
        color: #fff;
    }

    .customcolor {
        background: url('images/anycolor.jpg') calc(100% - 20px) center no-repeat;
        padding-right: 42%;
        margin:  2em 0;
        background-size: contain;
        clear: both;
    }
}

@media (max-width: 991px) {
    /* cool css rule eh */
    .nav .bar {
        position: absolute !important;
        top: 0 !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 40px !important;
        display: block !important;
        z-index: 1000 !important;
        background: transparent !important;
    }
    .productfindcontainer {
      padding: 0;
    }
    .catalog .article .catalog-img-wrap a {
      padding: 1em;
      min-height: 150px;
    }

    .navbar-nav .open .dropdown-menu {
        display: block !important;
    }

    @media (hover: none) {
        .navbar-nav > li:hover > .dropdown-menu {
            display: none;
        }
    }
}

@media (max-width: 520px) {
    .statics li.localeselection a{
        font-size:0;
        padding-right:0;

    }
    .statics li a.tw {
        display: none;
    }
}