@media (max-width: 576px) {
    .phone-dont {
        display: none;
    }
    .news {
        overflow: auto;
    }
    .news li {
        padding-right: 1em;
        padding-left: 1em;
        white-space: nowrap;
    }
    .news li span {
        font-size: 10px;
    }
    .menu-phone {
        display: block;
    }
    .menu-phone .logo-phone {
        position: fixed;
        top: 1em;
        right: 1em;
        z-index: 10;
    }
    .menu-phone .logo-phone img {
        width: 1.6em;
        height: 1.6em;
    }
    .menu-phone .logo-phone img.active {
        filter: invert(97%) sepia(11%) saturate(266%) hue-rotate(265deg) brightness(117%) contrast(100%);
    }
    .menu-phone .main-menu-phone {
        position: fixed;
        top: -50%;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0);
        z-index: -1;
        transition: 0.2s;
        visibility: hidden;
    }
    .menu-phone .main-menu-phone.active {
        top: 0;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0.9);
        visibility: visible;
    }
    .menu-phone .main-menu-phone ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        padding-top: 4em;
        padding-right: 1em;
    }
    .menu-phone .main-menu-phone ul li {
        width: 100%;
        color: #fff;
        padding: 0 1em;
        display: flex;
        align-items: center;
        margin: 2em 0;
    }
    .header-content {
        padding-top: 2em;
    }
    .introduction {
        margin-top: 1em;
    }
    .general-contact-info {
        display: none;
    }
    .menu {
        display: none;
    }
    .layout {
        width: 94%;
    }
    .introduction > .suptitle {
        width: 90%;
    }
    .fa-28-extrabold {
        font-size: 18px;
        line-height: 2em;
    }
    .introduction > .intro-bodycopy {
        width: 100%;
        line-height: 2.1em;
        font-size: 10px;
    }
    .btn-more {
        padding: 6px 28px 10px 16px;
    }
    .btn-more span {
        font-size: 12px;
    }
    .header-background .owl-dots {
        display: none;
    }
    .header-background.owl-carousel .owl-stage-outer {
        height: 100%;
    }
    .header-background.owl-carousel .owl-stage-outer .owl-stage {
        height: 100%;
    }
    .header-background.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        height: 100%;
    }
    .header-background .backgroundImage {
        height: 100%;
        /* opacity: 1; */
    }
    ._border-top {
        display: none;
    }
    .section-companies {
        padding-right: 1em;
        padding-left: 3em;
        width: 100%;
    }
    .section-companies.blog {
        width: 94%;
    }
    .section-companies .first-title {
        width: 100%;
    }
    .section-companies .companies-logo {
        padding-right: 3em;
        padding-left: 3em;
    }
    .section-companies .companies-review > p {
        padding-right: 3em;
        padding-left: 3em;
        font-size: 11px;
    }
    ._comment .owl-nav {
        display: none;
    }
    .section-margin {
        margin-top: 2em;
    }
    .section-margin .title {
        flex-wrap: wrap;
        margin-bottom: 2em;
    }
    .section-margin .title img {
        display: none;
    }
    .title > .headings {
        position: relative;
        margin-right: 0;
        padding-right: 1.4em;
    }
    .title > .headings::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        width: 6px;
        background-color: #ffad0a;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }
    .section-margin .title p {
        width: 100%;
        margin: 2em 0;
        padding: 0 2em;
    }
    .services-items {
        flex-wrap: wrap;
    }
    .services-items > li {
        width: 100%;
        margin-bottom: 1em;
    }
    .report-container {
        flex-wrap: wrap;
    }
    .report-container > .video {
        width: 94%;
        height: auto !important;
        margin-top: 2em;
    }
    .report-container > .video > .bg-img {
        position: initial;
    }
    .report-container > .video .button-play {
        position: absolute;
    }
    .report-container > .numbers {
        width: 94%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 1em;
    }
    .report-container > .numbers .title {
        padding-right: 0.5em;
        padding-left: 0.5em;
        margin-top: 2em;
    }
    .report-container > .numbers p {
        font-size: 10px;
        padding-right: 2.1em;
        padding-left: 2.1em;
    }
    .report-container > .numbers > ul {
        display: block;
    }
    .report-container > .numbers > .btn-more {
        margin-right: 0.5em;
    }
    .project-section > .title > .categories {
        margin: 2em 0;
    }
    .project-section > .title > .categories li {
        width: calc(50% - 2.1em);
        margin-right: 2.1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .section-margin .project-list {
        margin: 2em 0;
    }
    .section-margin .project-list .owl-nav {
        display: none;
    }
    .product-section .product-item {
        height: auto;
        position: relative;
        margin: 1em 0;
    }
    .product-section .product-item .img-frame {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: #2b283317;
        z-index: -1;
    }
    .product-section .product-item .img-frame img {
        height: 100%;
        opacity: 0.2;
    }
    .product-section .product-item .info {
        width: 100% !important;
        padding: 2em 1em !important;
    }
    .product-item > .img-cover {
        display: none;
    }
    .product-item > .info > h5 {
        font-size: 16px;
        line-height: 2em;
    }
    .blog-section .blog-posts {
        flex-wrap: wrap;
    }
    .blog-section .blog-posts li {
        width: 100%;
        margin-bottom: 1em;
    }
    .blog-section .blog-posts li .post-info {
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }
    .blog-section .blog-posts li .post-info span {
        font-size: 10px;
    }
    .section-footer {
        width: 100%;
    }
    .section-footer .rewards {
        flex-wrap: wrap;
        width: 100%;
    }
    .section-footer .rewards img {
        width: 50%;
        margin-bottom: 1em;
    }
    .section-footer .footer-content {
        flex-wrap: wrap;
    }
    .section-footer .footer-content .informations {
        width: 100%;
    }
    .section-footer .footer-content .internal-links {
        width: 100%;
    }
    .border-footer {
        display: none;
    }
    .popUp .box {
        width: 94%;
    }
    .popUp .box video {
        height: auto;
        padding-top: 1em;
    }
    .other-pages {
        height: calc(52% - 8vh);
    }
    .other-pages img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .breadcamp {
        display: none;
    }
    .section-companies .text-padding {
        padding-right: 1.4em;
        padding-left: 1.4em;
    }
    .section-companies .title {
        padding-right: 1.4em;
        padding-left: 1.4em;
    }
    .post-img-2 {
        flex-wrap: wrap;
        margin: 1.4em 0;
    }
    .post-img-2 > .frame {
        width: 100%;
        height: auto;
        margin: 1em 0;
    }
    .details-img-frame {
        height: auto;
        width: calc(100% - 2em);
        margin: auto;
    }
    .fa-24-extrabold {
        font-size: 18px;
        line-height: 2em;
    }
    .fa-14-medium {
        font-size: 11px;
    }
    .blog-post-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .blog-post-list > li {
        width: 94%;
        margin: 1em auto;
    }
    .blog-post-list > li > .img-frame img {
        height: 100%;
        object-fit: cover;
    }
    .blog-post-list > li > .post-info {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .blog-post-list > li > .post-info > span {
        font-size: 11px;
        margin-right: .5em;
        margin-left: 1.5em;
    }
    .contact-informations {
        flex-wrap: wrap;
        width: calc(96% - 1.4em);
    }
    .contact-informations > form {
        width: 100%;
    }
    .contact-informations > form > input {
        width: 100%;
    }
    .contact-informations > .map {
        margin: 1em 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .phone-dont {
        display: none;
    }
    .news {
        overflow: auto;
    }
    .news li {
        padding-right: 1em;
        padding-left: 1em;
        white-space: nowrap;
    }
    .news li span {
        font-size: 10px;
    }
    .menu-phone {
        display: block;
    }
    .menu-phone .logo-phone {
        position: fixed;
        top: 1em;
        right: 1em;
        z-index: 10;
    }
    .menu-phone .logo-phone img {
        width: 1.6em;
        height: 1.6em;
    }
    .menu-phone .logo-phone img.active {
        filter: invert(97%) sepia(11%) saturate(266%) hue-rotate(265deg) brightness(117%) contrast(100%);
    }
    .menu-phone .main-menu-phone {
        position: fixed;
        top: -50%;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0);
        z-index: -1;
        transition: 0.2s;
        visibility: hidden;
    }
    .menu-phone .main-menu-phone.active {
        top: 0;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0.9);
        visibility: visible;
    }
    .menu-phone .main-menu-phone ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        padding-top: 4em;
        padding-right: 1em;
    }
    .menu-phone .main-menu-phone ul li {
        width: 100%;
        color: #fff;
        padding: 0 1em;
        display: flex;
        align-items: center;
        margin: 2em 0;
    }
    .header-content {
        padding-top: 2em;
    }
    .introduction {
        margin-top: 1em;
    }
    .general-contact-info {
        display: none;
    }
    .menu {
        display: none;
    }
    .layout {
        width: 94%;
    }
    .introduction > .suptitle {
        width: 90%;
    }
    .fa-28-extrabold {
        font-size: 18px;
        line-height: 2em;
    }
    .introduction > .intro-bodycopy {
        width: 100%;
        line-height: 2.1em;
        font-size: 10px;
    }
    .btn-more {
        padding: 6px 28px 10px 16px;
    }
    .btn-more span {
        font-size: 12px;
    }
    .header-background .owl-dots {
        display: none;
    }
    .header-background.owl-carousel .owl-stage-outer {
        height: 100%;
    }
    .header-background.owl-carousel .owl-stage-outer .owl-stage {
        height: 100%;
    }
    .header-background.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        height: 100%;
    }
    .header-background .backgroundImage {
        height: 100%;
        /* opacity: 1; */
    }
    ._border-top {
        display: none;
    }
    .section-companies {
        padding-right: 1em;
        padding-left: 3em;
        width: 100%;
    }
    .section-companies.blog {
        width: 94%;
    }
    .section-companies .first-title {
        width: 100%;
    }
    .section-companies .companies-logo {
        padding-right: 3em;
        padding-left: 3em;
    }
    .section-companies .companies-review > p {
        padding-right: 3em;
        padding-left: 3em;
        font-size: 11px;
    }
    ._comment .owl-nav {
        display: none;
    }
    .section-margin {
        margin-top: 2em;
    }
    .section-margin .title {
        flex-wrap: wrap;
        margin-bottom: 2em;
    }
    .section-margin .title img {
        display: none;
    }
    .title > .headings {
        position: relative;
        margin-right: 0;
        padding-right: 1.4em;
    }
    .title > .headings::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        width: 6px;
        background-color: #ffad0a;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }
    .section-margin .title p {
        width: 100%;
        margin: 2em 0;
        padding: 0 2em;
    }
    .services-items {
        flex-wrap: wrap;
    }
    .services-items > li {
        width: 100%;
        margin-bottom: 1em;
    }
    .report-container {
        flex-wrap: wrap;
    }
    .report-container > .video {
        width: 94%;
        height: auto !important;
        margin-top: 2em;
    }
    .report-container > .video > .bg-img {
        position: initial;
    }
    .report-container > .video .button-play {
        position: absolute;
    }
    .report-container > .numbers {
        width: 94%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 1em;
    }
    .report-container > .numbers .title {
        padding-right: 0.5em;
        padding-left: 0.5em;
        margin-top: 2em;
    }
    .report-container > .numbers p {
        font-size: 10px;
        padding-right: 2.1em;
        padding-left: 2.1em;
    }
    .report-container > .numbers > ul {
        display: block;
    }
    .report-container > .numbers > .btn-more {
        margin-right: 0.5em;
    }
    .project-section > .title > .categories {
        margin: 2em 0;
    }
    .project-section > .title > .categories li {
        width: calc(50% - 2.1em);
        margin-right: 2.1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    .section-margin .project-list {
        margin: 2em 0;
    }
    .section-margin .project-list .owl-nav {
        display: none;
    }
    .product-section .product-item {
        height: auto;
        position: relative;
        margin: 1em 0;
    }
    .product-section .product-item .img-frame {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: #2b283317;
        z-index: -1;
    }
    .product-section .product-item .img-frame img {
        height: 100%;
        opacity: 0.2;
    }
    .product-section .product-item .info {
        width: 100% !important;
        padding: 2em 1em !important;
    }
    .product-item > .img-cover {
        display: none;
    }
    .product-item > .info > h5 {
        font-size: 16px;
        line-height: 2em;
    }
    .blog-section .blog-posts {
        flex-wrap: wrap;
    }
    .blog-section .blog-posts li {
        width: 100%;
        margin-bottom: 1em;
    }
    .blog-section .blog-posts li .post-info {
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }
    .blog-section .blog-posts li .post-info span {
        font-size: 10px;
    }
    .section-footer {
        width: 100%;
    }
    .section-footer .rewards {
        flex-wrap: wrap;
        width: 100%;
    }
    .section-footer .rewards img {
        width: 50%;
        margin-bottom: 1em;
    }
    .section-footer .footer-content {
        flex-wrap: wrap;
    }
    .section-footer .footer-content .informations {
        width: 100%;
    }
    .section-footer .footer-content .internal-links {
        width: 100%;
    }
    .border-footer {
        display: none;
    }
    .popUp .box {
        width: 94%;
    }
    .popUp .box video {
        height: auto;
        padding-top: 1em;
    }
    .other-pages {
        height: calc(52% - 8vh);
    }
    .other-pages img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .breadcamp {
        display: none;
    }
    .section-companies .text-padding {
        padding-right: 1.4em;
        padding-left: 1.4em;
    }
    .section-companies .title {
        padding-right: 1.4em;
        padding-left: 1.4em;
    }
    .post-img-2 {
        flex-wrap: wrap;
        margin: 1.4em 0;
    }
    .post-img-2 > .frame {
        width: 100%;
        height: auto;
        margin: 1em 0;
    }
    .details-img-frame {
        height: auto;
        width: calc(100% - 2em);
        margin: auto;
    }
    .fa-24-extrabold {
        font-size: 18px;
        line-height: 2em;
    }
    .fa-14-medium {
        font-size: 11px;
    }
    .blog-post-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .blog-post-list > li {
        width: 94%;
        margin: 1em auto;
    }
    .blog-post-list > li > .img-frame img {
        height: 100%;
        object-fit: cover;
    }
    .blog-post-list > li > .post-info {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .blog-post-list > li > .post-info > span {
        font-size: 11px;
        margin-right: .5em;
        margin-left: 1.5em;
    }
    .contact-informations {
        flex-wrap: wrap;
        width: calc(96% - 1.4em);
    }
    .contact-informations > form {
        width: 100%;
    }
    .contact-informations > form > input {
        width: 100%;
    }
    .contact-informations > .map {
        margin: 1em 0;
        width: 100%;
    }
}