:root{
    --hdr-top:#DC2625;
    --top-text-color:#FFFFFF;
    --bottom-text-color:#000000;
}
.container{
    max-width:1350px;
    margin:0 auto;
    padding:0 15px;
    width:100%;
}
.banner-sec{
    margin: 0 auto;
}
.banner-sec .row{
    align-items:center;
}
/*.banner-img > img{
    margin:0 auto;
}*/
.banner-content{
   /* padding:120px 0;*/
    max-width:500px;
}
.banner-badge{
    width:276px;
    height:44px;
    border: 1px solid var(--hdr-top);
    border-radius:33px;
    background: transparent;
}
.delivery-badge{
    display:flex;
    justify-content: center;
    align-items: center;
    padding:10px;
}
.delivery-badge > .delivery-txt{
    color:var(--hdr-top);
    text-transform: capitalize;
    font-size:16px;
    font-weight:400;
    margin-left:10px;
}
.banner-content h1{
    max-width:257px;
}
.banner-content span{
    /*max-width:257px;*/
    height:96px;
    font-size:64px;
    font-weight:500;
    color:var(--bottom-text-color);
    margin-bottom:10px;
}
.banner-content > h1{
    max-width:446px;
    font-size:48px;
    font-weight:400;
    color:var(--bottom-text-color);
    margin-bottom:10px;
}
.discover-txt{
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
}
.order-btn{
    padding: 8px 15px;
    background:var(--hdr-top);
    color:var(--top-text-color);
    font-size:16px;
    font-weight:400;
    border-radius:55px;
    margin-right:10px;
}
.explore-btn{
    padding: 8px 15px;
    border:1px solid var(--hdr-top);
    background:transparent;
    border-radius:55px;
    color:var(--hdr-top);
}
.banner-img > img{
    width:100%;
    height:100%;
    object-fit: contain;
}
@media screen and (max-width:1200px){
    .banner-img{
        display:none;
    }
    /*.banner-sec .row{
        flex-wrap:wrap-reverse;
    }*/
}
@media screen and (max-width:1024px){
    .banner-content{
    padding:120px 0;
    }
}
@media screen and (max-width:768px){
    .banner-content > h1 {
    font-size: 31px;
    }
    .order-btn{
        margin-bottom:10px;
    }
    .explore-btn{
        font-size:9px;
    }
}
@media screen and (max-width:576px){
    .banner-content{
        width:300px;
    }
    .banner-content > h1{
        font-size:19px;
    }
    .discover-txt {
    font-size: 13px;
    }
}
@media screen and (max-width:320px){
    .order-btn{
        font-size:12px;
    }
}