.precomander-box{
    margin-bottom: 58px;
}
.precomander-box .inner{
    position: absolute;
    top: 30%;
    left: 10%;
    max-width: 90%;
}
.precomander-box>img{
    width: 100%;
    height: auto;
}
.precomander-box .titre{
    font-size: 24px !important;
    margin: .67em 0 .5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
}
.precomander-box p {
    font: normal normal 13px Rubik;
    color: #221E20;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
}
.precomander-box a {
    text-transform: uppercase;
    border-radius: 20px;
    font-weight: 700;
    padding: .55rem 1.3rem;
    font-family: 'Rubik';
    line-height: 1.25;
    font-size: 1rem;
}
/*** start header responsive **/

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 944px) and (max-width: 1054px) { 
    .precomander-box .inner{
        top: 12%;
    }
    .precomander-box::after{
        content: '';
        background: #efefef;
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0;
        right: 0;
        top: 10%;
        z-index: -1;
    }
}
@media (min-width: 1054px) and (max-width: 1147px) { 
    .precomander-box .inner{
        top: 17%;
    }
    .precomander-box::after{
        content: '';
        background: #efefef;
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0;
        right: 0;
        top: 10%;
        z-index: -1;
    }
    .precomander-box {
        margin-top: 40px;
    }
}
@media (min-width: 1147px) and (max-width: 1247px) { 
    .precomander-box .inner{
        top: 21%;
    }
    .precomander-box::after{
        content: '';
        background: #efefef;
        position: absolute;
        width: 100%;
        height: 80%;
        left: 0;
        right: 0;
        top: 10%;
        z-index: -1;
    }
    .precomander-box {
        margin-top: 40px;
    }
}
@media (min-width: 1247px) and (max-width: 1341px) { 
    .precomander-box .inner{
        top: 25%;
    }
}
@media (min-width: 1341px) and (max-width: 1495px) { 
    .precomander-box .inner{
        top: 22%;
    }
}
@media (max-width: 1399.98px) { 
    .precomander-box .inner{
        padding-left:0%;
    }
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
    .precomander-box p{
        font-size: 24px !important;
        margin: .67em 0 1.5rem;
        font-weight: 700;
        line-height: 1.1;
    }
    .precomander-box .titre{
        display: none;
    }
    .precomander-box{
        min-height: auto;
        background-position: center;
        margin-bottom: 25px;
    }
    .precomander-box>div{
        margin-top: -55px;
    }
    .precomander-box .inner {
        padding: 0 15px !important;
        top: 10%;
        left: 0px;
        width: calc(100% - 15px);
        max-width: 80%;
    }
    .precomander-box p {
        font-size: 1.125rem !important;
        margin: 0 0 7px;
        max-width: 100%;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
        padding: 0;
    }
    .precomander-box a {
        padding: 0.55rem 0.815rem;
        font-size: 14px;
        line-height: 0.75;
        text-transform: capitalize;
    }
}