/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.6.2018, 20:12:56
    Author     : Leemonator
*/

@media(max-width: 991px) {

    * {
        max-width: 100%;
    }

    body.freeze {
        position: relative;
        overflow: hidden;
    }

    /* common */

    .header {
        padding: 20px;
    }

    .header-top {
        padding: 0;
        padding-top: 15px;
        position: static;
        border-top: 1px solid white;
    }

    .header-lang {
        opacity: 1;
    }
    
    .header-lang--other {
        color: white !important;
    }
    
    .header-lang--current {
        background: none;
        padding-left: 0;
        color: #00aeef !important;
    }
    
    .header-lang--ma {
        border: none;
        color: white !important;
        border-top: 1px solid white;
        display: block;
        margin-top: 10px;
        padding-top: 10px;
    }

    .logo {
        width: 50%;
    }

    .menu {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: black;
        z-index: 99;
        padding: 30px;
        padding-right: 70px;
        display: none;
    }

    .menu-item {
        display: block;
        border: none;
        padding-bottom: 15px;
    }

    .header--white .menu-item a {
        color: white;
    }
    
    .menu-icon {
        background: url(../images/menu.svg) no-repeat center center;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 199;
    }

    .container {
    }

    .button {
        padding: 20px;
        font-size: 12px;
    }

    /* hp */

    .hp-slider {
        height: auto;
    }

    .hps-content {
        width: 100%;
        float: right;
        padding: 0 15px;
        padding-bottom: 20px;
    }

    .hps-image-wrapper {
        width: 100%;
        height: auto;
    }

    .hps-image {
        padding: 0 15px;
    }

    .hps-title {
        font-size: 22px;
        padding: 0;
    }

    .hps-subtitle {
        font-size: 22px;
    }

    /* cover */

    .cover {
        padding: 80px 0;
        min-height: 0;
    }

    .cover__title {
        font-size: 24px;
    }

    .cover__content {
        font-size: 16px;
        line-height: 150%;
    }

    /* segment */

    .content {
        padding: 15px;
    }

    .segment-boxes {
        padding: 0 15px;
    }

    /* about */

    .article {
        padding: 30px 15px;
    }

    .t-item {
        width: 100%;
        padding: 20px 20px;
        margin: 50px 0;
        background: rgba(255,255,255,0.8);
    }

    .t-item-sq {
        position: static;
        margin: 0 auto;
    }

    .t-item--right .t-item-image, .t-item-image {
        width: 100px;
        height: 100px;
        float: none;
        margin: 20px auto;
    }

    .t-item--right .t-item-content, .t-item-content {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    /* events */

    .events-content {
        margin: 0;
    }

    .events-content .container {
        flex-wrap: wrap;
    }

    .event-box {
        width: 100%;
    }

    .event-image {
        height: 150px;
    }

    .news-content {
        padding: 50px 0;
        margin: 0;
    }

    .box__item--news {
        margin: 0;
    }

    /* boxes */

    .boxes {
        background: black;
    }

    .boxes__item {
        padding: 20px 0;
    }

    .boxes__item__column {
        width: 100%;
        height: auto;
        min-height: 150px;
    }

    .box__text {
        padding: 15px;
    }

    .box__text__title {
        font-size: 20px;
    }

    .box-column--technology {
    }

    .boxes__item--technology {
        margin: 20px 0;
    }

    /* plist */

    .plist__item {
        padding: 30px 0;
    }

    .plist__item__title {
        font-size: 20px;
    }

    /* roller */

    .roller-item {
        width: 100%;
        height: 400px;
    }

    .roller-item-column {
        width: 100%;
        height: 50%;
    }

    /* product */

    .product {
        width: 100%;
        padding: 40px 15px;
    }

    .product.nomatch {
        display: none;
    }

    .sprod-header {
        padding: 20px 0;
    }

    .sprod-image {
        width: 60%;
        margin: 0 auto;
    }

    .sprod-benefit-image {
        width: 40px;
        height: 40px;
    }

    .sprod-benefit-title {
        font-size: 12px;
    }

    .sprod-spec-table {
        width: 100%;
        padding: 15px;
    }

    /* contact */

    .contact-box {
        padding: 30px 20px;
    }

    .cbranch {
        padding: 20px;
    }

    /* footer */

    .cf-label {
        width: 95%;
        margin: 0 auto;
    }

    .cf-label-title {
        width: 50%;
    }

    .cf-input {
        width: 50%;
    }

    .cf-textarea {
        min-height: 100px;
        max-height: 100px;
        min-width: 100%;
        max-width: 100%;
    }

    .footer {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-copy {
        text-align: center;
        line-height: normal;
    }

    .footer-logo-link {
        margin: 0 auto;
        float: none;
        display: inline-block;
    }

}