@media screen and (max-width: 2360px) {
    #request_a_quote:after{
        left: 0;
    }

    #request_a_quote:before{
        left: 0;
    }
}

@media screen and (max-width: 2360px) {
    #request_a_quote:before {
        left: 0;
        display: none;
    }
}

@media screen and (max-width: 1900px) {
    #menu ul li a,
    #menu ul li .a{
        font-size:0.7vw;
    }
}

@media screen and (max-width: 1699px) {

    #box_order_agency_choice,
    #material_order_agency{
        width: 400px;
    }

    #request_a_quote:after{
        left: 10%;
    }

    #request_a_quote:before{
        left: -5%;
        display: block;
    }


    #surface_calculator button{
        font-size: 15px;
    }

    #request_a_quote label{
        padding-left: 5px;
    }

    #coment_ca_marche .container,#reviews .container,.text_image .container,.box_results .container,.cms .container,#contact_section .container{
        max-width: none;
        width: 100%;
    }

    #coment_ca_marche .container,#reviews .container,.text_image .container,.cms .container{
        padding: 0;
        margin: 0;
    }

    #reviews{
        padding-left: 40px;
        padding-right: 40px;
    }

    .contact_cta,.reassurance{
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-secondary{
        font-size: 14px;
    }



}

@media screen and (max-width: 1545px) {
    #request_a_quote:before{

        display: none;
    }

    #request_a_quote:after{
        left: 0%;
    }
}

@media screen and (max-width: 1440px) {



    #girafe {
        position: absolute;
        top: 0;
        left: 0;
    }

    #logo{
        padding-left: 100px;
        width: 240px;
    }

    #baseline{
        font-size: 14px;
    }

    #top_bar,#menu{
        padding-left: 0;
    }

    #menu ul li{
        margin-right: 12px;
        padding-top:2%;
    }

    #baseline{
        padding-left: 20px;
        margin-left: 20px;
    }

    .item_price{
        font-size: 21px;
    }

    #banner-dms .col-md-6 > img{
        height: 100%;
        object-fit: cover;
    }



}

@media screen and (min-width: 1199px) and (max-width: 1600px){
    #menu ul li{
        margin: 0 0.3vw;
    }

    #menu ul li a, #menu ul li .a{
        font-size: 0.85vw;
    }




}

@media screen and (max-width: 1199px) {
#call_me_back_title{
    font-size: x-small;
}
    #girafe_big{
        display: none;
    }

    #locator-calculator .col-md-6{
        padding-bottom: 0;
    }

    .locator-calculator-box{
        position: static;
        width: 100%;
    }

    .step_box{
        width: 45.6% !important;
        margin-bottom: 50px;
    }

    .step_box_devis{
        width: 45.7%;
        margin: auto;
        display: flex;
    }

    .step_box_devis img {
        position: absolute;
        right: -29px;
    }

    #menu ul li a, #menu ul li .a {
        font-size: 15px;
    }

    div[data-boxorder-datepicker]{
        margin-bottom: 30px;
    }

    .data-boxorder-summary-storagetype-container,
    .data-boxorder-summary-date-container,
    .monthly-due-date
    {
        margin-bottom: 40px;
    }


    #rent-box-breadcrumb{
        display: none;
    }



    #logo{
        padding-left: 0;
        width: 240px;
    }

    #girafe{
        display: none;
    }

    #shop-category .pr-4{
        padding: 0 !important;
    }

    #contact_container,#contact_container_2{
        padding: 70px;
    }

    .storage_container h3:after {
        left: 11%;
    }

    .item-promo{
        min-height: 400px;
    }

    .page-title-wrapper h1 {
        font-size: 31px;
    }

    #footer_links ul {
        padding: 0;
        margin: 0;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .text_image_img{
        width: 100%;
        height: auto;
    }

    #surface_calculator label{
        padding: 0;
        margin-right: 5px;
    }

    #surface_calculator{
        padding: 20px;
    }

    #baseline{
        border: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        height: auto;
        margin: 0;
        padding-left: 15px;

    }

    #logo img{
        height: 25px;
        width: auto;

    }

    #logo{
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 5px;
    }

    #top_bar{
        height: auto;
        padding-bottom: 0;
    }

    #callback_container{
        background: white;
    }

    #call_me_back_title{
        color: var(--bleu);
    }
    #call_me_back_form input[type='tel'] {
        background: var(--lightblue);
    }

    #menu ul li{
        display: block;
    }

    #menu .container > ul > li.last{
        float: none;
    }

    #account a span{
        color: var(--orange);
    }

    #menu .container > ul > li.last a{
        color: var(--orange);
        background: none;
        padding: 0;
    }

    #burger{
        display: block;
        width: 30px;
        height: 31px;
        background: url(../../images/stockerseul/burger.png) no-repeat;
        position: absolute;
        right: 15px;
        top: 6px;
    }

    #menu{
        position: absolute;
        width: 100%;
        opacity: 0;
        background: #fff;
        z-index: 99;
        top: 104px;
    }

    #search_engine div{
        width: calc(100% - 190px);
    }

    #search_engine input[type='text']{
        width: 100%;
    }

    .step_box{
        width: 15.5%;
    }

    .step_box_devis_text{
        display: block;
    }

    #menu.menu_visible{
       opacity:1;
        transition: all 0.3s;
        display: block;
           padding-top: 30px;
      height:calc(100% - 60px);
    }
     #menu,#menu.menu_disabled{
     display: none;
    }

    #account{
        padding: 0;
        margin: 0;
        margin-top: 9px;
    }

    #account .icon{
        color: var(--orange);
    }

    #step-payment-dms .card-body ul li span.dashed{
        flex-basis: 50%;
    }

}

@media screen and (max-width: 990px) {

    #box_order_agency_choice,
    #material_order_agency{
        width: 300px;
    }

    .owl-carousel .owl-item img {
        display: block;
        height: 300px;
        object-fit: contain;
    }


    .page-cms-title{
        min-height: 233px;
    }

    .single_storage .col-lg-4{
        margin-bottom: 80px;
    }

    .box_results {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, var(--lightblue) 3%);
    }


    #surface_calculator{
        margin-top: 30px;
    }

    #footer_links:before,#footer_links:after{
        display: none;
    }

    footer > .container{
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #footer_links{
        width: 100%;
    }

    #footer_infos{
        text-align: center;
        margin-bottom: 40px;
        border: 0;
        border-bottom: 2px solid rgba(255,255,255,0.3);
    }

    #footer_menu{
        margin-bottom: 40px;
    }

    #result_list{
        margin-bottom: 30px;
    }

    #checkout_process li{
        width: 120px;

    }

    #checkout_process li:first-child, #checkout_process li:last-child{
        width: 100px;
    }

    #checkout_process li:last-child {
        right: -10px;
        position: relative;
    }

    #checkout_process li:first-child {
        left: -10px;
        position: relative;
    }

    #shop-delivery-home-city{
        width: 100%;
    }


}

@media screen and (max-width: 767px) {

    #banner-dms h1{
        font-size: 24px;
    }

    .card-dates div{
        text-align: center;
    }

    #step-payment-dms .card-body ul li span.dashed{
        flex-basis: 40%;
    }

    #teaser h2{
        font-size: 22px;
    }

    #teaser p{
        font-size: 16px;
    }

    .locator-calculator-box .h2,
    #trust h2,
    #needs h2,
    #franchise h2{
        font-size: 20px;
    }

    .locator-calculator-box span,
    #trust h2 span{
        font-size: 18px;
    }


    .step_box {
        width: 45.6% !important;
        margin-bottom: 50px;
    }

    #banner-dms .entry .btn-fourth{
        width: 40px;
        height: 40px;
        justify-content: center;
    }

    #banner-dms .entry .btn-fourth i{
        font-size: 32px;
        margin: 0;
    }

    .modal #surface-calculator .calculator-image img{
        display: none;
    }

    label[for="cgl"]{
        width: calc(100% - 60px);
    }

    .data-boxorder-surface-calculator-container{
        margin-top: 0;
        text-align: center !important;
    }

    #box_order_agency_choice,
    #material_order_agency{
        width: 100%;
        padding-left: 0;
        margin-left: 35px;
    }

    #choose-center:after{
        right: -15px;
        top: 33px;
    }

    #choose-center img{
        left: -45px;
        top: 22px;
        width: 80px;
        height: auto;
    }

    #select_delivery a{
        margin-bottom: 30px;
    }

    #checkout_process{
        background: none;
    }

    #checkout_process li:first-child, #checkout_process li:last-child{
        width: 120px;
        right: auto;
        left: auto;
    }

    #checkout_process li{
        margin-bottom: 20px;
    }

    #cart_table thead{
        display: none;
    }

    .modal #surface-calculator{
        height: 500px;
        overflow: scroll;
    }

    .modal #surface-calculator .calculator-image img{
        height: 200px;
    }

    .page-title-calculator h1,.calculator-footer-title{
        font-size: 27px;
    }

    .page-title-calculator h1:after {
        width: 250px;
        margin-left: -125px;
    }

    .btn-calculator{
        font-size: 14px;
    }
    .calculator-feature{
        margin: 20px 0 50px;
    }


    .partners_caroussel .container{
        padding: 70px;
    }

    #est-storagetype-empty button, #est-storagetype-filled button{
        margin-top: 20px;
    }

    #contact_container button[type="submit"]{
        font-size: 16px;
    }

    #contact_container textarea, #contact_container input[type="text"], #contact_container input[type="tel"], #contact_container input[type="email"]{
        margin-bottom: 0;
    }

    #contact_container,#contact_container_2{
        padding: 20px;
    }

    .page-cms-title .container-fluid{
        padding: 0 !important;
    }

    .page-cms-title .page-title-wrapper{
        padding-top: 20px;
    }

    .box_results{
        padding-bottom: 40px;
    }

    .single_infos{
        top: 20px;
    }

    .single_form_container{
        padding-bottom: 50px;
    }

    .single_storage {
        background: linear-gradient(180deg, var(--lightblue) 0%, var(--lightblue) 9%, var(--orange) 9%);
    }

    .single_video_container iframe{
        margin-bottom: 50px;
        height: 230px;
    }

    #result_list{
        height: 500px;
        margin-bottom: 30px;
    }

    .reassurance .garantie_item{
        width: 100%;
    }

    .reassurance .garantie_item_icon{
        display: inline-flex;
        vertical-align: middle;
        margin-right: 5px;
    }

    #garanties{
        text-align: left !important;
    }

    .reassurance img{
        margin-bottom: 30px;
    }

    .agency-thumb{
        max-width: 190px;
        display: block;
        margin-bottom: 20px;
    }

    .text-sm-center{
        text-align: center !important;
    }

    .section h2{
        font-size: 27px;
    }

    .section h2:after{
        left: 10% !important;
    }

    .partners_caroussel h2{
        width: 100%;
    }

    .partners_caroussel h2:after{
        left: 50%;
        margin-left: -125px;
    }

    .step_box{
        width: 96% !important;
    }

    .step_box_devis{
        width: 87%;
        margin: 0 2%;

    }

    label[for="estimate_terms"]{
        width: calc(100% - 45px);
    }

    #request_a_quote button[type="submit"]{
        font-size: 16px;
    }

    .text_image h2{
        width: 100%;
        padding-right: 0;
    }

    .bg_girafe{
        background: none;
    }

    #footer_links ul {
        padding: 0;
        margin: 0;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    #footer_links ul li{
        text-align: center;
    }

    #footer_links{
        top: 0;
        margin-top: 50px;
    }

    #footer_links h2{
        top: 0;
        font-size: 24px;
    }

    #footer_links h2 span{
        font-size: 24px;
    }

    #footer_content{
        padding-top: 50px;
    }

    #footer_menu ul{
        padding: 0;
    }

    #banner_content h1 br{
        display: none;
    }

    #banner_content h1{
        font-size: 23px;
    }
    #banner_content h1 .top_base{
        font-size: 18px;
    }

    #banner_content{
        height: auto;
        padding: 40px 0;
    }

    .garantie_item{
        width: 27%;
        margin: 0 5px;
    }

    .garantie_item_icon{
        display: flex;
        margin: auto;
    }

    #search_engine input[type='text']{
        height: 40px;
        padding: 0 10px 0 40px;
    }

    #search_engine div:before{
        top:4px;
        left: 17px;
    }

    #search_engine button span{
        display: none;
    }

    #search_engine button{
        width: 45px;
        height: 41px;
    }

    #search_engine div{
        width: calc(100% - 60px);
    }

    #call_me_back_form{
        display: none;
    }

    #call_me_back_title{
        float: left;
    }


    #baseline{
        font-size: 14px;
    }

    #garanties.garantie_agency .garantie_item{
        width: 100%;
    }

    #garanties.garantie_agency .garantie_item .garantie_item_icon{
        display: inline-flex;
        margin-right: 10px;
        vertical-align: middle;
    }

    #estimate_submit{
        padding: 17px 20px;
        font-size: 13px;
    }

    #box_order_agency_choice_2{
        width: calc(100vw - 85px);
        max-width: 450px;
        padding-left: 15%;
    }

    #choose-center-2{
        flex: 0 0 100%;
    }

    #choose-center-2 img{
        width: 60px;
        height: auto;
        top: 33px;
    }

    .date_label{
        min-height: 36px;
    }

    #step-date-dms .col{
        flex: 0 0 100%;
        max-width: 100%;
    }


    .paniermobile{
        position:fixed;
        top:55%;
        z-index: 999;
        right:15px;
    }
    .badge-light {
       color: white;
       background-color: var(--orange);
       border-radius: 5px;
   }
}