@media screen and (max-width: 1140px) {
    .shadow {
        display: none
        }
    }
@media screen and (max-width: 1020px) {
    .footer .socials {
        width: 100%;
        margin-top: 20px
        }
    }
@media screen and (max-width: 720px) {
    .primary-content img {
        float: none;
        margin: 0 23px 20px 0
        }
    .content .line {
        height: 91%
        }
    }
@media screen and (max-width: 650px) {
    .primary-content {
        margin-right: 0
        }
    .primary-content img {
        float: left
        }
    .footer {
        text-align: center
        }
    .footer .logo-footer {
        float: none;
        width: 100%;
        display: block
        }
    .footer .list-footer, .sidebar, .content .line {
        display: none
        }
    .footer .logo-support {
        display: block;
        position: inherit;
        right: 0;
        margin-top: 30px;
        top: 0
        }
    }
@media screen and (max-width: 500px) {
    .menu-main .toogle-menu {
        display: block
        }
    .menu-main ul li {
        display: block;
        border-bottom: 1px solid #fff
        }
    .primary-content img {
        float: none
        }
    .content {
        padding: 40px 30px 20px
        }
    .footer {
        padding: 60px 0 40px
        }
    }