/************************ MOVING CSS RULES FOR TOO SMALL SCREEN FROM 480 to 720 **************************/
@media screen and (min-width: 720px) and (max-width: 1316px) and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1316px) and (orientation: landscape) {
    .block-plaine-commune-agenda form#form-evenements-hp {
        display: flex;
        flex-wrap: wrap;
    }

    .block-plaine-commune-agenda, .path-frontpage .zone3 {
        height: auto;
    }

    .block-plaine-commune-agenda h2 {
        width: auto;
    }

    .block-plaine-commune-agenda #form-evenements-hp .form-submit {
        margin: 0;
    }

    .path-frontpage .zone8 .views-row,
    .path-frontpage .zone8 .views-row:first-child,
    .path-frontpage .zone8 .views-row:last-child {
        width: 33.33%;
        margin: 0;
        box-sizing: border-box;
    }

}

@media screen and (min-width: 480px) and (max-width: 1316px) and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1316px) and (orientation: landscape) {


    body {
        padding-top: 0;
    }

    header {
        /*position: fixed;*/
        z-index: 200;
        width: 100%;
    }

    .toolbar-fixed .region-header {
        top: 0;
    }

    /*body.toolbar-fixed{*/
    /*	padding-top: 39px!important;*/
    /*}*/
    .region-header {
        width: 100%;
        box-sizing: border-box;
        padding: 0 2.5%;
        position: relative;
    }

    .region-search {

    }

    #block-plaine-commune-branding {
        margin: 0;
    }

    /*.bigmenu-navigation{*/
    /*	width: calc(100% - 201px);*/
    /*	clear: right;*/
    /*	float: left;*/
    /*	margin-top: 36px;*/
    /*	position: static;*/
    /*}*/

    .bigmenu-navigation > ul.menu > li:last-child {
        text-align: right;
        box-sizing: border-box;
        padding: 0;
    }

    nav.bigmenu-navigation > ul.menu > li {
        /*margin-left: calc((100% - 611px) / 4)!important;*/
        margin-right: 0 !important;
        /*width: calc((100% - 98px) / 3);*/
        box-sizing: border-box;
        /*padding: 0 0.5em;*/
        text-align: center;
    }

    #block-selectlanguage {
        min-width: 0;
    }

    #block-selectlanguage ul li {
        display: block;
        margin-right: 0 !important;
    }

    nav.bigmenu-navigation > ul.menu > li > ul.menu {
        width: 100% !important;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 140px;
        margin: 0 !important;
    }

    .region-header .menu li .menu .background-menu {
        width: 100%;
    }

    nav.bigmenu-navigation > ul.menu > li > a {
        font-size: 0.9375rem;
    }

    .region-header .menu .menu-item .menu-item {
        box-sizing: border-box;
        text-align: left;
        width: 100%;
    }

    .region-header .menu .menu-item .menu-item a {
        width: auto;
        border: none;
        padding-left: 1em;
        padding-right: 1em;
        font-size: 0.9rem;
    }

    .ui-dialog {
        left: auto !important;
        right: 2rem !important;
    }

    .panel-panel.panel-line.zone3:after,
    .panel-panel.panel-line.zone4:after,
    footer:after,
    .path-frontpage .zone7:after,
    .field--name-field-le-saviez-vous:after {
        content: ".";
        clear: both;
        height: 0;
        width: 0;
        text-indent: 999px;
        display: block;
        overflow: hidden;

    }

    #block-simplesearchformblock,
    .region-search .advanced-search-form,
    .layout-container,
    #block-views-block-pc-accroche-une-block-1,
    .path-frontpage .zone2,
    .layout-content,
    .block-plaine-commune-agenda, .path-frontpage .zone3,
    .breadcrumb,
    .field--name-field-le-saviez-vous,
    .view-display-id-page_agenda,
    #block-blockcustom, #block-blockcustom-2, #block-blockcustom-3, #block-blockcustom-4, #block-blockcustom-5, #block-blockcustom-9, #block-blockcustom-13 {
        width: 100%;
        box-sizing: border-box;
    }

    .page-title {
        width: auto;
    }

    .region-breadcrumb,
    .region-title,
    main {
        width: 95%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .breadcrumb ol {
        margin-left: 0;
    }

    article.node--view-mode-full .field--name-field-descriptif-court,
    .taxonomy-term .field--name-field-descriptif-court,
    article.node--view-mode-full .field--name-field-descriptif {
        padding-left: 0;
        padding-right: 0;
    }


    .field--name-field-documents-lies,
    .field--name-field-liens-utiles {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        padding-left: 5.2%;
    }

    .field--name-field-documents-lies .field__items,
    .field--name-field-documents-lies .field__label,
    .field--name-field-liens-utiles .field__items,
    .field--name-field-liens-utiles .field__label {
        margin: 0;
    }

    .field--name-field-documents-lies .field__label,
    .field--name-field-liens-utiles .field__label {
        margin-bottom: 2.625rem;
    }


    .region-search .advanced-search-form .form-submit {
        width: 15.125rem;
        box-sizing: border-box;
        height: 5.375rem;
        margin: 0 4px;
    }

    .region-search .advanced-search-form .form-item-keyword {
        width: calc(100% - 15.125rem - 12px);
        margin-left: 4px;

    }

    .region-search .advanced-search-form #edit-keyword {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        height: 5.375rem;
    }

    .path-frontpage .zone2 .view-pc-services .views-row .field--name-title a {
        max-width: 121px;
        display: block;
        margin: 5px auto 0;
        font-size: 14px;
    }

    .path-frontpage .zone2 .view-pc-services .views-row .field--name-title a img {
        width: 100%;
        height: auto;
        display: block;
    }


    .views_slideshow_slide,
    .views_slideshow_slide .ct_media,
    .views_slideshow_cycle_teaser_section {
        width: 100% !important;
        /*height: 450px;*/
        /*overflow: hidden;*/
    }

    .path-node .field--name-field-diaporama h3 {
        padding-top: 2rem;

    }


    .field--name-field-diaporama .field--name-field-image,
    .field--name-field-diaporama .field--name-field-video-embed {
        width: 53%;
    }

    .path-node .field--name-field-diaporama .field--name-field-video-embed iframe {
        width: 100%;
    }

    .path-node .views_slideshow_slide img {
        height: 450px;
        width: auto;
    }


    .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-item-mediatheque,
    .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-item-public {
        width: calc(100% - 260px);
    }


    .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-submit {
        margin-top: 28px;
    }


    .path-frontpage .zone3 {
        margin-bottom: 2.25em;
    }

    .view-pc-home-events .views-row,
    .view-pc-home-agenda .views-row,
    .view-display-id-page_agenda .views-row,
    .block-views-blockevenements-block-1 .views-row,
    .view-display-id-block_espace_jeunesse_animation .views-row {
        width: 32.3333%;
        box-sizing: border-box;
        margin: 0 1.5% 1em 0;
    }

    .view-pc-home-events .views-row:nth-child(3n),
    .view-pc-home-agenda .views-row:nth-child(3n) {
        margin-right: 0;
    }

    .view-pc-home-events .views-row img,
    .view-pc-home-agenda .views-row img,
    .view-display-id-page_agenda .views-row img,
    .block-views-blockevenements-block-1 .views-row img,
    .view-display-id-block_espace_jeunesse_animation .views-row img {
        width: 100%;
        height: auto;
    }

    .path-agenda .field--name-field-mediatheque {
        height: auto;
    }

    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut
    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin {
        float: none;
    }

    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut,
    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin,
    .node--type-page-evenement.node--view-mode-teaser .infos-mediatheque,
    .node--type-page-evenement.node--view-mode-teaser h3 {
        width: auto;
    }

    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-de-debut span
    .node--type-page-evenement.node--view-mode-teaser .field--name-field-date-et-heure-de-fin span {
        display: inline;
        padding-left: 1rem;
    }

    .node--type-page-evenement.node--view-mode-teaser h3 a {
        margin: 0;
        overflow: visible;
        height: auto;
    }

    .node--type-page-evenement.node--view-mode-teaser .field--name-field-mediatheque {
        margin-top: 0;
    }

    .path-frontpage .zone4 {
        height: auto;
    }


    .path-frontpage .zone7,
    .path-frontpage .zone8,
    .path-frontpage .zone4 {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .path-frontpage .zone7 .views-row {
        width: 33.33%;
        margin: 0;
        box-sizing: border-box;
        height: auto;
    }

    .path-frontpage .zone7 .views-row img,
    .bloc-autopromo-visuel .field--name-field-pictogramme {
        width: 100%;
        height: auto;
    }

    .path-frontpage .zone7 .bloc-autopromo-text,
    .path-frontpage .zone7 .bloc-autopromo-liens,
    .path-frontpage .zone7 .bloc-autopromo-visuel {
        background: transparent;
        padding: 0;
        padding-left: 0.9375em;
    }

    .path-frontpage .zone7 .views-row .field--name-field-texte {
        background-color: #7db901;
    }

    .path-frontpage .zone7 .views-row .field--name-field-liens {
        background-color: #27c2f6;
    }

    .path-frontpage .zone7 .views-row .field--name-field-texte,
    .path-frontpage .zone7 .views-row .field--name-field-liens {
        padding: 1rem;
    }

    .path-frontpage .zone7 .views-row .field--name-field-liens > div {
        height: 33%;
        box-sizing: border-box;
        padding-top: 5%;
    }

    .path-frontpage .zone7 .views-row .field--name-field-liens > div:first-child {

    }


    .path-frontpage .zone7 .views-row .field--name-field-liens a {
        font-size: 1.125rem;
    }

    .path-frontpage .zone7 .views-row .field--name-field-texte a {
        font-size: 1rem;
    }


    .bloc-autopromo-liens .field__item .field--name-title {
        margin: 0;
    }


    .path-frontpage .zone8 {
        margin-top: 2rem;
    }




    .path-frontpage .zone8 .field--name-field-pictogramme {
        text-align: center;
    }


    /*footer{*/
    /*	position: relative;*/
    /*	margin-bottom: 5em;*/
    /*	height: auto;*/
    /*	padding: 1rem 0 7rem;*/
    /*}*/
    /*.region-footer{*/
    /*	width: 100%;*/
    /*	box-sizing: border-box;*/
    /*	!*padding-left: 1rem;*!*/
    /*}*/
    /*.region-footer nav{*/
    /*	margin: 0;*/
    /*	padding: 0;*/
    /*	width: 40%;*/
    /*	float: left;*/
    /*}*/
    /*.region-footer ul.menu{*/
    /*	margin: 0;*/
    /*	padding: 0;*/
    /*}*/
    /*.region-footer .navigation a{*/
    /*	font-size: 0.8125rem;*/
    /*	font-weight: bold;*/
    /*}*/
    /*#block-blockcustom-11{*/
    /*	position: absolute;*/
    /*	right: 1rem;*/
    /*	bottom: 0;*/
    /*}*/
    /*.region-footer #block-blockcustom-10{*/
    /*	left: auto;*/
    /*	right: calc(2rem + 240px);*/
    /*	float: right;*/
    /*	bottom: -20px;*/
    /*	top: auto;*/
    /*}*/
    .region-footer #block-blockcustom-11 p,
    .region-footer #block-blockcustom-10 p:first-child,
    .region-footer #block-blockcustom-10 p:last-child {
        margin: 0;
        padding: 0;
        font-size: 0;
    }

    /** JS FORMS **/
    .path-agenda #views-exposed-form-evenements-page-agenda,
    .path-espace-jeunesse .block-plaine-commune-agenda form#form-evenements-hp,
    .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-type-select select,
    #views-exposed-form-evenements-page-agenda .js-form-type-select select,
    .js-form-type-select select {
        margin: 0;
    }

    .path-espace-jeunesse .block-plaine-commune-agenda form#form-evenements-hp {
        margin-bottom: 25px;
    }
/*
    .bef-exposed-form .form--inline > .form-item-mediatheque,
    .bef-exposed-form .form--inline > .form-item-public {
        width: calc((95% - 136px) / 2);
        box-sizing: border-box;
    }*/

    /*.bef-exposed-form .form--inline > .form-item-univers,
    .bef-exposed-form .form--inline > .form-item-date-debut,
    .bef-exposed-form .form--inline > .form-item-heure-fin {
        width: 31.6666%;
    }*/

    .bef-exposed-form .form--inline > .form-item-heure-fin {
        margin-right: 0;
    }


    #views-exposed-form-evenements-page-agenda .js-form-item-combine {
        margin-left: 0;
    }

    .path-agenda #views-exposed-form-evenements-page-agenda .form-submit {
        right: 0;
    }

    .form--inline .form-item {
        margin-right: 2.5%;
    }


    .infos-block,
    .infos-block .first-line,
    .infos-block .social-networks,
    .infos-block .event {
        width: 100%;
        box-sizing: border-box;

    }

    .infos-block .event {
        height: auto;
    }

    .infos-block .address,
    .infos-block .access {
        width: 50%;
        margin-top: 20px;
        padding: 0;
    }

    .infos-block .address h3 {
        margin-top: 0;
    }

    .infos-block .field__item {
        font-size: 1rem;
    }

    .path-recrutement .form--inline .form-item:nth-child(2n) {
        margin-right: 0;
    }

    .path-recrutement .form--inline .form-item {
        width: 48.75%;
        box-sizing: border-box;
    }

    .path-recrutement .form--inline .form-actions {
        float: right;
    }

    .view-display-id-page_carnets_de_bord .views-row,
    .view-journal-des-mediatheques .views-row {
        width: calc((100% - 53px) / 3);
        height: auto;
        background: url('../images/icons/motif-journal.gif') repeat;
        margin-right: 26px;
        margin-bottom: 26px;
        float: left;
    }

    .view-display-id-page_carnets_de_bord .views-row:nth-child(4n),
    .view-journal-des-mediatheques .views-row:nth-child(4n) {
        margin-right: 26px;
    }

    .view-display-id-page_carnets_de_bord .views-row:nth-child(3n),
    .view-journal-des-mediatheques .views-row:nth-child(3n) {
        margin-right: 0;
    }

    .view-journal-des-mediatheques .views-row .field--type-image,
    .view-display-id-page_carnets_de_bord .views-row .field--type-image,
    .view-journal-des-mediatheques .journal .visuel,
    .view-display-id-page_carnets_de_bord .journal .visuel {
        max-width: 233px;
        width: auto;
    }

    .view-journal-des-mediatheques .views-row img,
    .view-display-id-page_carnets_de_bord .views-row img {
        width: 100%;
        display: block;
        height: auto;
    }

    .view-journal-des-mediatheques .views-row .infos,
    .view-display-id-page_carnets_de_bord .views-row .infos {
        height: 110px;
    }

    .view-journal-des-mediatheques .views-row .infos > div,
    .view-display-id-page_carnets_de_bord .views-row .infos > div {
        height: 50%;
    }


    /*.taxonomy-term.vocabulary-mediatheque .horaires .container{
        width: 100%;
        background-position: 20px 20px;
        padding-left: 120px;
        box-sizing:border-box;
    }

    .taxonomy-term.vocabulary-mediatheque .horaires .container > div{
        width: calc((100% - 120px) / 2);
        padding: 0;
    }*/
    .path-agenda .js-form-item {
        width: calc(50% - 90px);
        box-sizing: border-box;
    }

    #views-exposed-form-evenements-page-agenda .form-item-date-debut {
        margin-right: 2.5%;
    }

    #views-exposed-form-evenements-page-agenda .form-item {

    }
    #views-exposed-form-evenements-page-agenda .form-item input,
    #views-exposed-form-evenements-page-agenda .form-item select {
        width: 100%;
    }

    .path-mediatheques #edit-filters {
        width: 53%;
    }

    .path-mediatheques .mediatheque {
        padding-left: 0;
        padding-right: 0;

    }

    .informations-basiques {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

    #mediatheques-maps {
        width: calc(100% - 393px);
    }

    .path-mediatheques #edit-filters #lancer-recherche {
        left: 125px;
    }

    #block-blockcustom-15 a {
        margin-left: 1.25em;
    }

}

@media screen and (max-width: 1035px) and (min-width: 850px) {
    .availability {
        width: 50%;
    }
}

@media screen and (max-width: 1140px) and (min-width: 1035px) {
    .availability {
        width: 45%;
    }
}

@media screen and (max-width: 1130px) and (min-width: 970px) {
    .availability.red-dot {
        width: 43%;
    }
}

@media screen and (max-width: 850px) {
    .path-recherche .result-item .bottom .know_more_link {
        bottom: -0.4em;
        right: 0;
        padding-right: 0.7em;
    }

    #block-plaine-commune-footer ul.menu {
        display: block;
    }
}

@media screen and (max-width: 700px) {
    .path-recherche .result-item .picto-ressource, .path-recherche .result-item .availability {
        display: block;
        position: static;
        float: left;
    }

    .path-recherche .result-item .bottom .know_more_link {
        padding-right: 1.1em;
        padding-top: 0.35em;
        text-align: right;
        display: block;
        position: static;
        float: none;
    }

}