@media screen and (min-width: 1201px) {
    .nav-menu-icon,
    .dropdown-1 i,
    .br-custom-mobile,
    .br-custom-mobile-top,
    .social-header,
    .float-phone {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .logo:hover .info-card {
        visibility: hidden;
        opacity: 0;
    }
    .logo img {
        width: 165px;
    }
    .bbox-image img, .bbox-image2 img {
        width: 120%;
    }
    .main-menu li a, .right-menu li a {
        color: #fff;
    }

    .dropdown-1:hover .sub-menu-1 {
        display: none;
        background-color: transparent;
    }

    .language, .search-nav {
        display: none;
    }

    .shop-cart {
        padding: 1px 10px;
    }

    header {
        background: #fff;
        padding: 0;
        height: 55px;
        width: 100%;
    }

    .is-sticky .sticky {
        background: #fff;
        padding: 0;
        height: 55px;
        width: 100%;
    }

    .nav-menu-icon {
        float: left;
        width: 20%;
        padding-top: 21px;
    }

    .nav-menu-icon i {
        font-size: 28px;
        color: #FFF;
        float: left;
    }

    .logo {
        width: 60%;
        text-align: center;
    }


    .nav-menu {
        display: none;
        background: #0000008c;
        width: 300px;
        height: auto;
        position: fixed;
        top: 56px;
        left: 0px;
        padding: 10px 0;
        text-align: center;
    }

    .main-menu {
        padding: 0;
        margin: 0;
    }

    .main-menu li a {
        padding: 10px 25px;
        display: block;
        font-size: 11px;
        float: none;
        text-align: center;
    }

    .main-menu li {
        width: 100%;
        padding: 0;
    }

    .main-menu a {
        display: block;
        text-align: left;
    }

    .sub-menu-1 {
        position: static;
    }

    .text-content-wrapper p {
        display: none;
    }

    .main-menu li a:hover:after {
        width: 0;
    }

    .main-menu li.active a:after {
        width: 0;
    }

    .right-menu {
        float: right;
    }

    .promo-separator {
        text-align: center;
    }

    .btn.btn-color {
        float: none;
    }

    .main-bbox {
        height: 253px;
        overflow: hidden;
    }
}

@media screen and (max-width: 1369px) {
    .miss-img-mobile {
        display: none;
    }

    .mission-content p {
        padding: 20px 5px;
    }

    .iso-filters ul li a.filter-item {
        padding: 7px 4px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .tms-img img {
        margin-left: 10px;
        margin-right: 10px;
    }

    .tms-text {
        width: auto;
        display: block;
        padding: 10px;
        text-align: center;
    }

    .col-md-8 iframe {
        margin-top: 20px;
    }

    section {
        padding-top: 40px;
    }

    .overlay figcaption {
        bottom: 60px;
        opacity: 1;
    }

    .overlay figure:hover figcaption {
        opacity: 0;
    }

    .main-bbox .bbox-image::after, .main-bbox .bbox-image2::after {
        display: none;
    }

    /*  PHONE MOBILE  */
    .float-phone {
        display: inline-block;
        height: 50px;
        z-index: 9;
        width: 50px;
        position: fixed;
        bottom: 30px;
        left: 10px;
        color: #33a9ee;
        border-radius: 50%;
        font-size: 26px;
        text-align: center;
        border: 3px solid #33a9ee;
        box-shadow: 1px 2px 6px 1px #423f3f70;
        background: #ffffffe0;
    }

    .float-phone i {
        padding: 9px 0;
    }

    .float-phone:hover {
        background-color: #33a9ee;
        color: #fff;
    }

}

@media screen and (min-width: 320px) and (max-width: 1369px) {
    .mission-content h3 {
        padding: 0;
    }
}

@media screen and (max-width: 991px ) {
    .overlay-miss {
        width: auto;
        height: auto;
        background: none;
    }

    .float-contact {
        display: none;
    }

    .float-contact-mobile {
        display: block;
    }

}

@media screen and (max-width: 768px) {
    .gdpr-contain {
        padding: 50px 0;
    }

    .gdpr-contain p {
        padding: 10px 20px;
        font-size: 13px;
    }

    .gdpr-contain a.gdpr-accept {
        font-size: 13px;
    }
}

@media screen and (max-width: 500px) {
    .nav-menu {
        width: 100%;
        height: 100vh;
        text-align: center;
    }

    .text-content h3 {
        font-size: 37px;
        line-height: 56px;
    }

    .main-menu li a {
        font-size: 13px;
        float: none;
        text-align: center;

    }

    .shop-cart {
        padding: 0;
    }

    .main-bbox {
        height: 253px;
    }

    .text-entry {
        padding-top: 20px;
    }
}