/* Desktop */

@media (min-width: 1200px){
    #mobile-menu{
        display: none;
    }
}

/* Laptop */

@media (min-width: 992px) and (max-width: 1199px){

    #mobile-menu{
        display: none;
    }

    #header ul li {
        min-width: 70px;
    }

    .index-emplacements p span {
        font-size: 85px;
    }

    .index-emplacements .index-emplacements-img {
        right: -15px;
    }

    .index-abonnement h2 {
        font-size: 40px;
    }

    .index-abonnement h2 span {
        font-size: 55px;
    }

    .lang-en .index-abonnement h2 span{
        font-size: 45px;
    }

    .stationnement-list-container .stationnement-list-location {
        margin-left: 30px;
    }
}

/* Responsive Tablet + Mobile */

@media (max-width: 991px) {
    #header {
        top: 0;
        padding: 56px 0;
    }

    .banner,
    .banner.banner-home,
    .banner .banner-item {
        height: 420px;
    }

    .banner .banner-text{
        display: none;
    }

    .banner .banner-int {
        background: none !important;
    }

    .banner .banner-item {
        background-size: cover;
    }

    .banner .banner-text{
        text-align: center;
    }

    .index-emplacements{
        background: url('/images/emplacements-bg-mobile.jpg') bottom center;
        background-size: cover;
    }

    .index-emplacements .index-emplacements-img-container{
        background: url('/images/emplacements-auto-mobile.png') center center no-repeat;
        background-size: 80%;
        text-align: center;
        height: initial;
        height: auto;
    }

    .index-emplacements .index-emplacements-img{
        float: none;
        top: 0;
        right: 0;
        max-width: 33%;
    }

    .index-abonnement{
        background-image: none;
    }

    .index-abonnement .index-abonnement-bg2{
        background-position: center bottom;
        padding: 100px 0 120px;
    }

    .index-abonnement h2 {
        margin-bottom: 0;
    }

    .index-abonnement p{
        padding: 110px 0 100px;
    }

    .index-indoor-cleaning {
        background: none;
    }

    #footer .container{
        padding-bottom: 180px;
        background-position: bottom center;
        background-size: 80%;
        text-align: center;
    }

    /* Stationnement */

    .stationnement-list-container .stationnement-list-journalier{
        padding-left: 100px;
        background-position: 0 10px;
    }
    .stationnement-list-container .stationnement-list-tarification{
        padding-left: 35px;
        background: none;
    }
    .stationnement-list-container .stationnement-list-argent,
    .stationnement-list-container .stationnement-list-carte,
    .stationnement-list-container .stationnement-list-mensuel p,
    .stationnement-list-container .stationnement-list-camion p{
        padding-left: 80px;
        background-position: 0 0;
    }
    .stationnement-list-container .stationnement-list-title {
        font-size: 50px;
    }
    .stationnement-list-container .stationnement-list-location {
        margin-left: 0;
        font-size: 35px;
    }

    /* Contact */

    .form-success .arrow{
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: -8px;
        left: calc(50% - 15px);
    }

    .inscription-type-paiement{
        text-align: center;
    }

    .inscription-type-paiement span{
        float: none;
    }
}

/* Tablet */

@media (min-width: 768px) and (max-width: 991px){

}

/* Mobile All */

@media (max-width: 767px){
    .btn{
        width: 100%;
    }

    .equipe-membre{
        text-align: center;
    }

    .equipe-membre .img-responsive{
        padding-top: 25px;
        margin: auto;
    }

    .text-center-mobile{
        text-align: center;
    }

    .brookfield-connexion{
        background: #ffdf00 url('/images/abonnement-bg.png') bottom center no-repeat;
    }

    .brookfield-bg{
        background: none;
        padding: 80px 0 115px;
    }

    .brookfield-connexion .form-control {
        padding-right: 67px;
        text-align: center;
    }

    .brookfield-connexion .btn {
        padding: 20px 40px;
        font-size: 50px;
    }

    .brookfield-connexion .brookfield-deja,
    .brookfield-connexion .brookfield-nouvel{
        font-size: 65px;
    }
}

/* Mobile Large */

@media (min-width: 640px) and (max-width: 767px){
    .banner .banner-text .small,
    .banner .banner-text .medium{
        font-size: 60px;
        font-weight: 800;
    }

    .banner .banner-text .large{
        font-size: 90px;
        font-weight: 300;
    }

    .index-emplacements p {
        font-size: 52px;
    }

    .index-emplacements p span {
        font-size: 78px;
    }

    .index-abonnement .index-abonnement-bg2 {
        padding: 100px 0 120px;
    }

    .index-abonnement h2 {
        font-size: 50px;
    }

    .index-abonnement h2 span {
        font-size: 68px;
    }

    .index-abonnement .index-abonnement-place {
        font-size: 42px;
    }

    .index-abonnement p {
        padding: 110px 0 100px;
        font-size: 42px;
    }
}

/* Mobile Medium */

@media (min-width: 480px) and (max-width: 639px){
    h1{
        font-size: 48px;
    }

    h1 .bold{
        font-size: 44px;
    }

    h2{
       font-size: 32px;
    }

    p{
        font-size: 24px;
    }

    #mobile-menu {
        top: -1472px;
        padding: 210px 0 340px;
    }

    #mobile-menu ul li a{
        margin: 14px;
        padding: 37px 30px;
        font-size: 40px;
    }

    #header {
        padding: 60px 0;
    }

    .banner,
    .banner.banner-home,
    .banner .banner-item {
        height: 317px;
    }

    .banner .banner-text {
        margin-top: 195px;
    }

    .banner .banner-text .small,
    .banner .banner-text .medium{
        font-size: 46px;
        font-weight: 800;
    }

    .banner .banner-text .large{
        font-size: 70px;
        font-weight: 300;
    }

    .index-emplacements p {
        font-size: 40px;
    }

    .index-emplacements p span {
        font-size: 60px;
    }

    .lang-en .index-abonnement h2 span{
        font-size: 42px;
    }

    .index-abonnement .index-abonnement-bg2 {
        padding: 70px 0 85px;
    }

    .index-abonnement h2 {
        font-size: 44px;
    }

    .index-abonnement h2 span {
        font-size: 58px;
    }

    .index-abonnement .index-abonnement-place {
        font-size: 26px;
    }

    .index-abonnement p {
        padding: 80px 0 70px;
        font-size: 26px;
    }

    #footer .container {
        padding-bottom: 150px;
    }

    .stationnement-list-container .stationnement-list-title {
        font-size: 40px;
    }
    .stationnement-list-container .stationnement-list-location {
        font-size: 30px;
    }

    .stationnement-list-container .stationnement-list-journalier {
        background-position: 0 0;
        font-size: 60px;
    }
}

/* Mobile Small */

@media (max-width: 479px){
    h1{
        font-size: 36px;
    }

    h1 .bold{
        font-size: 33px;
    }

    h2{
        font-size: 24px;
    }

    p{
        font-size: 18px;
    }

    #mobile-menu {
        top: -1072px;
        padding: 140px 0 220px;
    }

    #mobile-menu ul li a{
        margin: 10px;
        padding: 30px 25px;
        font-size: 30px;
    }

    #header {
        padding: 30px 0;
    }

    #header .header-menu-mobile img{
        width: 50px;
        height: 40px;
    }

    .banner .banner-text {
        margin-top: 135px;
    }

    .banner,
    .banner.banner-home,
    .banner .banner-item {
        height: 213px;
    }

    .banner .banner-text .small,
    .banner .banner-text .medium{
        font-size: 32px;
        font-weight: 800;
    }

    .banner .banner-text .large{
        font-size: 48px;
        font-weight: 300;
    }

    .index-emplacements p {
        font-size: 26px;
    }

    .index-emplacements p span {
        font-size: 40px;
    }

    .index-abonnement .index-abonnement-bg2 {
        padding: 45px 0 55px;
    }

    .index-abonnement h2 {
        font-size: 34px;
    }

    .index-abonnement h2 span {
        font-size: 44px;
    }

    .lang-en .index-abonnement h2 span{
        font-size: 27px;
    }

    .index-abonnement .index-abonnement-place {
        font-size: 20px;
    }

    .index-abonnement p {
        padding: 50px 0 45px;
        font-size: 20px;
    }

    #footer .container {
        padding-bottom: 100px;
    }

    .stationnement-map-container .stationnement-map-marker,
    .stationnement-map-container .stationnement-map-marker:hover{
        background: url('/images/stationnement-map-pointer-mobile.png') center center no-repeat;
        width: 28px;
        height: 41px;
        top: -37px;
        left: -14px;
        padding-top: 8px;
        font-size: 12px;
    }

    .stationnement-map-container .stationnement-map-marker:hover{
        color: #ffdf00;
    }


    .stationnement-list-container .stationnement-list-title {
        font-size: 26px;
    }
    .stationnement-list-container .stationnement-list-location {
        font-size: 20px;
    }

    .stationnement-list-container .stationnement-list-journalier {
        background-position: 0 0;
        background-size: contain;
        padding-left: 60px;
        font-size: 40px;
    }

    .stationnement-list-container .stationnement-list-tarification {
        padding-left: 0;
    }

    .stationnement-list-container .stationnement-list-tarification p {
        font-size: 11px;
    }

    .stationnement-list-container .stationnement-list-tarification p .stationnement-list-prix{
        font-size: 10px;
    }

    .stationnement-list-container .stationnement-list-argent,
    .stationnement-list-container .stationnement-list-carte {
        font-size: 14px;
    }

    .stationnement-list-container .stationnement-list-argent,
    .stationnement-list-container .stationnement-list-carte,
    .stationnement-list-container .stationnement-list-mensuel p,
    .stationnement-list-container .stationnement-list-camion p{
        padding-left: 60px;
    }

    .stationnement-list-container .stationnement-list-argent h3,
    .stationnement-list-container .stationnement-list-carte h3 {
        font-size: 20px;
    }

    .stationnement-list-container .stationnement-list-argent p,
    .stationnement-list-container .stationnement-list-carte p{
        font-size: 16px;
    }

    .brookfield-connexion .btn {
        padding: 15px 30px;
        font-size: 40px;
    }

    .brookfield-connexion .brookfield-deja,
    .brookfield-connexion .brookfield-nouvel{
        font-size: 42px;
    }
}