@media screen and (max-width: 768px) {
    .path-frontpage {   
        #nav-tabContent {
            width: 100% !important;
            margin-left: 0px !important;
        }
        
    }

    /* laterals menus */
    #block-mycustom-theme-views-block-city-of-the-day-block-1 {
        display: none;
    }
    .utilities-feed {
        display: none;
    }

    /* TOP MENU */
    .top-menu {
        .clock-container {
            display: none;
        }
    }

    /* UPPER MENUS */
    #block-mycustom-theme-mainmenu {
        .nav-item a {
            height: 30px;
        }
        .registration-link.nav-item {
            margin-top: 25px;
            width: 100%;
            margin-left: 21px;
            padding: 5px;
        }
    }

    /* guidelines and teams */
    .bottom-menu-links {
        height: 200px;

        .ue-c-main-navigation.ue-c-main-navigation__teams,
        .directives-menu {
            width: 50%;
        }

        .ue-c-main-navigation__list--first-level > li {
            display: none;
        }
    }

    /* BIG MENU */
    .big-menu {
        .super-menu-column {
            width: 100% !important;

            ul.corporative-list {
                height: 100%;
            }
        }
        .main-header-container > h2 {
            font-size: 20px !important;
            margin-top: 20px !important;
        }
    }

    /* the BANNER SLIDER */
    .right-banner-zone {
        .carousel-control-prev {
            left: 355px;
        }
        #hero-block {
            .social-buttons {
                width: 73px;
            } 
        }
    }

    /* POSTS */
    .news-feed {
        height: 100% !important;

        .black-box {
            width: 93% !important;
            font-size: 12px;

            .middle-black-card {
                width: 62% !important;
                height: 100% !important;
                margin-bottom: 12px;

                .black-card-list {
                    width: 40% !important;
                }
                .profil-card {
                    width: 60% !important;
                    padding-left: 17px !important;

                    .profil-infos {
                        margin-left: 0px !important;
                    }

                    .number-data-box {
                        margin-top: 30px;
                    }
                }
            }
        }

        .comments-feed-pannel {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            /* display: block; */
            float: none;
        }

        /* white posts and polls */
        .post-wrapper {
            .post-subwrapper {
                display: flex;
                flex-direction: column;

                .comments-feed-pannel {
                    order: 2;
                }

                .post-core {
                    order: 1;
                    width: 100% !important;

                    .post-box {
                        height: 100%;

                        .post_body_box {
                            /* position: relative; */
                            width: 100%;
                            padding: 20px;
                            padding-top: 0px;
                            margin-top: 0px;
                        }

                        /* polls */
                        .poll-title {
                            margin: 20px !important;
                        }
                        .poll-block {
                            width: 90%;
                            margin: 0px !important;
                        }
                        .poll-interactions-count > div {
                            margin-right: 0px !important;
                            margin-bottom: 12px;
                        }
                    }

                    .post-white-header {
                        .post-categories-wrapper {
                            width: 100% !important;

                            .post-categories-header {
                                ul {
                                    li {
                                        width: 30px;
                                    }
                                }
                            }
                        }
                        
                        .views-element-container {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    #block-mycustom-theme-views-block-posts-block-1 {
        width: 100% !important;

        .news-feed {
            margin-left: 0px !important;
        }
    }

    /* USER (ALL PAGES) */
    .path-user {
        .side-photo {
            display: none;
        }
        .inner-form-wrapper {
            width: 100% !important;
        }
    }

    /* REGISTER USER */
    .path-user.page-user-register {
        .custom-username-form {
            width: 100%;
        }
        .custom-user-create {
            display: none;
        }
    }

    /* PROFIL VIEW PAGE */
    .path-user {
        .custom-username-form {
            width: 100%;
        }
        .custom-user-create {
            width: 95%;

            > img {
                height: 100%;
                object-fit: cover;
            }

            .user-infos-tabs {
                font-size: 12px;
                margin-left: 10px;
            }

            #myCarousel {
                .carousel-item {

                    .user-tab-info {
                        width: 100% !important;
                        height: 450px;
                        overflow-y: auto;

                        > div {
                            width: 90% !important;
                        }
                    }
                    .big-title {
                        display: none;
                        width: 100% !important;
                        height: 100px;
                        padding: 20px !important;
                        margin-top: 20px;
                    }
                }
            }
        }        
        nav.tabs {
            .nav-tabs {
                top: 650px;
            }
        }
    }

    /* PROFIL EDITION */
    .user-logged-in.path-user {
        .user-form {
            #myCarousel {
                .carousel-item 
                {
                    > div {
                        width: 100% !important;
                    }
                    td:not(.field-multiple-drag) {
                        width: 250px;
                    }
                }
            }
            #edit-submit {
                top: 660px;
                width: 100px;
            }
        }
    }

    /* PROFIL LOG OUT */
    .page-user-logout {
        section.section {
          form > .form-wrapper {
            #edit-submit {
                position: relative;
                float: left;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 80px;
            }
          }
        }
      }

    /* FOOTER */
    .site-footer {
        #block-mycustom-theme-mainmenu {
            display: none;
        }
        .footer3-credit-text {
            display: block;
            padding: 15px;
        }
        .footer3-legal-list {
            display: block;
            padding-left: 15px;
        }
    }


    /* DRUPAL MESSAGES */
    .messages__wrapper {
        top: 465px;
    }

    /* USER MENU */
    .user-feed-menu {
        ul {
            flex-wrap: wrap !important;
        }
    }

    /* NEW POSTS */
    .tabs-new-post {
        .news-feed {
            height: 591px !important;
            
            .add-post {
                .webform-submission-add-form {
                    width: 60%;
                }
                .add-talent-wrapper {
                    height: 100%;

                    .talent-body {
                        font-size: 12px;
                        width: 100% !important;
                        margin-bottom: 12px;
                        display: inline-block;
                    }

                    video {
                        width: 100% !important;
                    }                    
                }
            }
        }
        #nav-talent {
            .field--name-field-credentials-trending {
                display: none;
            }
        }
    }

    /* BLACK POSTS TYPE TEXT (wrong cliche, witness, talent) */
    .black-post-type-text {
        max-height: unset !important;

        .news-feed-subwrapper {
            height: 100% !important;

            .black-post-left {
                height: 222px;
                width: 100%;
                overflow: hidden;
            }
            .black-post-middle {
                width: 100%;
            }
        }
    }

    /* BUDGET PAGE  */
    body.page-view-budget {
        h1.budget-heading {
            padding: 10px;
            font-size: 30px;
        }
        #views-exposed-form-budget-page-1 {
            .d-flex.flex-wrap {
                width: 100%;
                margin: 0px;
                padding: 30px;
                position: relative;
                left: 0px;

                .js-form-item,
                .form-item-field-budget-occurence-resto-value,
                .form-item-field-budget-occurence-transport-value {
                    padding: 10px;
                    height: 106px;
                    width: 103px;
                    font-size: 12px;
                }
            }
        }
        #edit-submit-budget {
            height: 100px !important;
            position: relative !important;
            top: unset !important;
        }
    }

    /* summary pages */
    .path-full-national-team-news,
    .path-full-cities-news,
    .path-full-projects-news,
    .path-full-services-news,
    .path-full-moroccomania-news,
    .path-full-frmf-news,
    .path-full-botola-news,
    .path-full-stadiums-news,
    .path-full-events-news,
    .path-football,
    .path-next-events,
    .path-other-sports,
    .path-guests-events,
    .path-expos,
    .path-conferences,
    .path-concerts,
    .path-moroccans-international-competitions-events,
    .path-moroccafrica,
    .path-moroccoasia,
    .path-moroccoeurope,
    .path-moroccoamerica,
    .path-morocco-contribution,
    .path-search,
    .page-view-custom-search,
    .page-view-all-players {
        section.section {
            .views-row {
                width: 100%;
            }
        }
    }

    /* FULL NEWS PAGE */
    .path-node.node--type-national-team,
    .path-node.node--type-city,
    .path-node.node--type-project,
    .path-node.node--type-service,
    .path-node.node--type-moroccomania,
    .path-node.node--type-frmf,
    .path-node.node--type-botola,
    .path-node.node--type-stadium,
    .path-node.node--type-event {
        section.section {
            #hero-block {
                display: inline-grid;
                width: 100%;

              #hero-carousel {
                width: 100%;
              }
              .social-buttons {
                z-index: 1;
              }
              .hero-block-mask {
                width: 100%;
              }
              .full-post-text {
                width: 100%;
                order: 2;
              }
              .comments-feed-pannel,
              .full-news-comments {
                width: 100%;
                order: 3;
              }
              .container {
                height: 425px;
                width: 100% !important;

                .show-more-news {
                    width: 300px;
                }
              }
            }
        }
    }

    /* ARTICLES */
    .banner-wrapper {
        height: 100%;

        .col-6.left-banner-zone {
            width: 100%;

            .left-description {
                width: 45% !important;
            }
            .social-banner-pannel {
                width: 45% !important;
            }
        }
        .col-6.right-banner-zone {
            width: 100%;
        }
    }
}