@media only screen and (max-width: 768px) {
    #block-sdg-main-menu,
    #block-sdg-views-block-bloc-contact-menu-block-1,
    #block-sdg-textsousmenu .image-bloc{
        display: none;
    }
    #block-sdg-textsousmenu .bloc-annimated,
    .region-featured-top{
        display: block;
    }
    #block-sdg-blocslidertext,
    #block-sdg-webform {
        width: 100%;
    }
    #block-sdg-webform form,
    #block-sdg-blocslidertext h2{
        margin-top: 0;
    }
    .responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon{
        background: gray;
    }
    #block-sdg-views-block-service-debarras-block-1 .views-view-responsive-grid,
    #block-sdg-views-block-service-demenagent-block-1 .views-view-responsive-grid{
        --views-responsive-grid--column-count: 1 !important;
    }
    #section-featured-first .region-featured-bottom-first{
        display: block;
    }
    #block-sdg-views-block-pourquoi-nous-block-1,
    #block-sdg-views-block-notre-valeur-block-1{
        width: 100%;
    }
    #block-sdg-views-block-questions-frequemment-posees-block-1 .view-questions-frequemment-posees{
        width: 100%;
    }
    .accordion-header{
        display: flex;
    }
    .accordion-item .accordion-header span.accordion-icon{
        height: 30px;
    }
    #block-sdg-views-block-footer-information-block-1 .information-footer .info-contact-footer{
        display: block;
    }
    #block-sdg-views-block-footer-information-block-1 .information-footer .info-contact-footer .phone-contact{
        margin-bottom: 20px;
    }
    #block-sdg-secondblocfooter .second-footer-bloc{
        display: block;
    }
    #block-sdg-secondblocfooter .second-footer-bloc .lien-rapide, 
    #block-sdg-secondblocfooter .second-footer-bloc .service-debarase,
    #block-sdg-secondblocfooter .second-footer-bloc .autre-service, 
    #block-sdg-secondblocfooter .second-footer-bloc .logo-reseau{
        width: 100%;
        margin-bottom: 20px;
    }
    /** page a propos**/
    #block-sdg-content .view-a-propos .views-field-field-titre-a-propos,
    #block-sdg-content .view-a-propos .views-field-field-description-a-propos{
        width: 100%;
    }
    #block-sdg-content .view-a-propos .views-field-field-description-a-propos{
        margin-bottom: 10%;
    }
    #block-sdg-views-block-chiffre-cle-block-1 .view-chiffre-cle .views-field-nothing .bloc-chiffre{
        display: block;
    }
    #block-sdg-views-block-chiffre-cle-block-1 .view-chiffre-cle .views-field-nothing .bloc-chiffre .paragraph--type--chiffre-cle{
        margin-bottom: 5%;
    }
    #block-sdg-views-block-historique-sdg-block-1 .view-historique-sdg .views-field-nothing .historique-bloc{
        display: block;
    }
    #block-sdg-views-block-nos-services-apropos-block-1 .view-nos-services-apropos .view-content{
        display: block;
    }
    #block-sdg-views-block-nos-services-apropos-block-1 .view-nos-services-apropos .view-content .views-row{
        margin-bottom: 5%;
    }
    #block-sdg-views-block-valeur-apropos-block-1 .view-valeur-apropos .view-content{
        display: block;
        text-align: center;
    }
    #block-sdg-views-block-valeur-apropos-block-1 .view-valeur-apropos .view-content .views-row .valeur-sdg .icon-image .icon{
        margin: auto;
        margin-bottom: 15px;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide{
        display: block;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .bloc-vide,
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide{
        width: 100%;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide .button-bloc a{
        padding: 18px 11px 18px 13px;
    }
    .region-featured-bottom-six{
        display: block;
    }
    #block-sdg-views-block-meilleurs-avis-de-nos-clients-block-1-2,
    #block-sdg-secondblocavis,
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-service-block-1 .view-besoins-aide-bloc-service .view-content .besoin-aide .bloc-vide,
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-service-block-1 .view-besoins-aide-bloc-service .view-content .besoin-aide .info-aide{
        width: 100%;
    }
    .view-service-de-debarras-a-paris-debarrassage-rapide-et-pas-cher .view-content,
    .view-service-de-demenagement .view-content,
    .view-service-de-nettoyage .view-content,
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-service-block-1 .view-besoins-aide-bloc-service .view-content .besoin-aide{
        display: block;
    }
    .view-service-de-debarras-a-paris-debarrassage-rapide-et-pas-cher .view-content .views-row,
    .view-service-de-demenagement .view-content .views-row,
    .view-service-de-nettoyage .view-content .views-row{
        margin-bottom: 20px;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-service-block-1 .view-besoins-aide-bloc-service .view-content .besoin-aide .info-aide .image-bloc img{
        right: 0;
    }
    .view-contactez-nous .views-row .info-contactez-nous .contact-info-bloc{
        display: block;
    }
    .view-contactez-nous .views-row .info-contactez-nous .contact-info-bloc .phone-info{
        margin-bottom: 20px;
    }
    #block-sdg-descriptionwebfom, #block-sdg-webform-2{
        width: 100%;
    }
    #block-sdg-descriptionwebfom .descr{
        padding: 0;
    }
    .not-bottom-page-devis{
        right: 4%;
    }
    .site-branding__logo img{
        max-width: 100px;
        max-height: 100px;
    }
    .site-branding__text{
        display: block;
        color: #092c42;
        font-size: 23px;
    }
    .site-branding__text a{
        font-style: italic;
        text-transform: uppercase;
        display: block;
    }
    .site-branding__text a.ss-slogan{
        font-size: 12px;
    }
}
@media only screen and (max-width: 575px) {
    .reseau-sociaux-bloc{
        display: none;
    }
    #block-sdg-views-block-chiffre-cle-block-1{
        margin-top: -45px;
    }
    #block-sdg-content .view-a-propos .views-field-field-titre-a-propos .field-content{
        font-size: 35px;
    }
    #block-sdg-footermenu ul.menu{
        margin-bottom: 16px;
        display: block;
    }
    .view-service-de-debarras-a-paris-debarrassage-rapide-et-pas-cher .view-header .header-page-vue .header-bloc-text .grand-titre-page{
        font-size: 30px;
    }
    .view-service-de-debarras-a-paris-debarrassage-rapide-et-pas-cher .view-header .header-page-vue .header-bloc-text .service-titre-page,
    .view-service-de-demenagement .view-header .header-page-vue .header-bloc-text .service-titre-page,
    .view-service-de-nettoyage .view-header .header-page-vue .header-bloc-text .service-titre-page{
        font-size: 22px;
    }
    .view-service-de-debarras-a-paris-debarrassage-rapide-et-pas-cher .view-header .header-page-vue .header-bloc-text .service-sous-titre-page,
    .view-service-de-nettoyage .view-header .header-page-vue .header-bloc-text .service-sous-titre-page,
    .view-service-de-demenagement .view-header .header-page-vue .header-bloc-text .service-sous-titre-page{
        font-size: 16px;
    }
    .detail-page-service{
        display: block;
        padding: 0px 20px;
    }
    .content-bloc-service-detail,
    .side-bar-bloc-link {
        width: 100%;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide .button-bloc{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 40px 7em 40px;
    }
    #block-sdg-buttoncontact .button-contact-footer .devis-demande a,
    #block-sdg-buttoncontact .button-contact-footer .appl-phone a{
        padding: 18px 20px 18px 20px;
        font-size: 14px;
        border-radius: 0;
    }
    #block-sdg-views-block-meilleurs-avis-de-nos-clients-block-1-2,
    #block-sdg-views-block-meilleurs-avis-de-nos-clients-block-1{
        display: none;
    }
    #block-sdg-views-block-meilleurs-avis-de-nos-clients-mobile-block-1,
    #block-sdg-views-block-meilleurs-avis-de-nos-clients-mobile-block-1-2{
        display: block;
    }
}
@media only screen and (max-width: 412px){
    .contact-info .item-info{
        display: block;
    }
}
@media only screen and (max-width: 426px) {
    body.path-service-de-d-barras-paris #section-featured-five,
    body.path-a-propos #section-featured-five{
        padding: 15px;
        padding-bottom: 120px;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-service-block-1 .view-besoins-aide-bloc-service .view-content .besoin-aide .info-aide .titre-bloc,
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide .titre-bloc{
        padding: 0;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide .button-bloc{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 40px 7em 40px;
    }
    #block-sdg-views-block-chiffre-cle-block-1 .view-chiffre-cle .views-field-nothing .bloc-image{
        display: block;
    }
    #block-sdg-views-block-chiffre-cle-block-1 .view-chiffre-cle .views-field-nothing .bloc-image img:first-child{
        width: 100%;
    }
    #block-sdg-views-block-chiffre-cle-block-1 .view-chiffre-cle .views-field-nothing .bloc-image img:last-child{
        width: 100%;
        margin-top: 20px;
    }
    
    #block-sdg-blocslidertext h2{
        font-size: 30px;
    }
    #block-sdg-blocslidertext p{
        font-size: 20px;
    }
    #block-sdg-blocslidertext{
        padding-top: 20px;
    }
    #block-sdg-webform{
        padding-bottom: 30%;
    }
    #main-wrapper{
        padding-left: 20px;
    }
    #block-sdg-buttoncontact .button-contact-footer .devis-demande a,
    #block-sdg-buttoncontact .button-contact-footer .appl-phone a{
        padding: 18px 20px 18px 20px;
        font-size: 14px;
        border-radius: 0;
    }
    .item-info li a{
        font-weight: 400;
    }
}
@media only screen and (max-width: 376px){
    #block-sdg-buttoncontact .button-contact-footer .devis-demande a,
    #block-sdg-buttoncontact .button-contact-footer .appl-phone a{
        padding: 18px 13px 18px 13px;
        font-size: 14px;
        border-radius: 0;
    }
    #section-featured-five #block-sdg-views-block-besoins-aide-bloc-block-1 .view-besoins-aide-bloc .view-content .besoin-aide .info-aide .button-bloc {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 37px 7em 40px;
    }
    
}