/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}

 
/* small mobile :320px. */
@media (max-width: 767px) {
    .ftco-section {
        padding:0;
    }
    .hero-area {
    }
    

    .h1, h1 {
        font-size: calc(1.4375rem + 2.25vw);
    }
    .h2, h2 {
        font-size: calc(1.375rem + 1.5vw);
    }
    .h4, h4 {
        font-size: calc(1.3125rem + .75vw);
    }
    .lead {
        font-size: calc(1.28125rem + .375vw);
    }
    .btn-group-lg > .btn, .btn-lg {
        font-size: calc(1.28125rem + .375vw);
    }
    section {
        padding: 1rem 0;
    }
    .b-sidebar {
        width: 100%;
    }
    .title {
        position: relative;
        padding-left: 5rem;
    }
    .hero-content p {
        font-size: calc(1.28125rem + .375vw);
    }
    .creation-area img {
        right: 0px;
        top: 0;
        max-width: 90px;
    }

    .b-sidebar.b-sidebar-right, .c-sidebar.b-sidebar-right {
        left: auto;
        right: -130%;
        transition: .4s;
    }
    .b-sidebar.b-sidebar-right.active, .c-sidebar.b-sidebar-right.active {
        left: auto;
        right: -30%;
        transition: .4s;
    }


.step p { font-size:15px; }
 
}
@media all and (orientation:portrait) {
    .b-sidebar.b-sidebar-right, .c-sidebar.b-sidebar-right {
        left: auto;
        right: -130%;
        transition: .4s;
    }
    .b-sidebar.b-sidebar-right.active, .c-sidebar.b-sidebar-right.active {
        left: auto;
        right: 0%;
        transition: .4s;
    }
 } 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.hero-area {
    /*background-image: url(/static/theme/img/intro_boutique_graphique.jpg);
    background-size: contain;
    height: 550px;*/
} 
.b-sidebar {
	width: 350px;
}
.b-sidebar.b-sidebar-right, .c-sidebar.b-sidebar-right {
    left: auto;
    right: -130%;
    transition: .4s;
}
.b-sidebar.b-sidebar-right.active, .c-sidebar.b-sidebar-right.active {
    left: auto;
    right: 0%;
    transition: .4s;
}
.step p { font-size:15px; }
}