.orders-path-header{
background-color:#ffffff;}

.order-sidebar .wrapper::after {
    content: "";
    display: block;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



@media only screen and (max-width: 760px) {
td.title{
font-size: 9px ;
    line-height: 13px;
}
.orders-path-wrapper .order-content .checkbox label{
width:87% !important;
padding-right: 10px !important;
}

.wrapper, .checkbox:nth-child(1){
padding-left:10px !important;
padding-right:10px !important;
}
.checkbox:nth-child(1){
width:96% !important;
}
 #order-summary {
padding:10px !important;
  }
#delivery-and-payment > div > div{
padding-left: 15px !important;
}
.orders-path-wrapper .order-content .subtitle{
padding-left: 10px !important;
}
.orders-path-wrapper .order-content h4{
padding-left:10px !important;
}
}

.orders-path-wrapper .order-content .input-group input[type=text], .orders-path-wrapper .order-content .input-group input[type=email], .orders-path-wrapper .order-content .input-group input[type=tel], .orders-path-wrapper .order-content .input-group textarea{
font-weight:500;
}

.orders-path-header .logo img{
max-height: 65px !important;
margin-top: -10px !important;
}

.orders-path-wrapper .order-sidebar .sidebar-summary{
margin-top: -20px;
}

.alert{
margin-bottom: 40px;
margin-top: -20px;}

#flash_alert, .alert-danger{
background-color:#2E1D4F !important;
}
@media only screen and (max-width: 720px) {
.people-on-page{
margin-left:10px !important;
margin-right: 10px !important;
font-size:1.2rem !important;
}
.logo{
height:50px !important ;
}
.orders-path-header .logo img{
height:30px !important;
margin-top:10px !important;
}
}
.order-sidebar{
margin-top: -10px;
}


   .slide-on-up{
        animation-name: slide-on-animation;
        animation-duration: 0.15s;
        animation-timing-function: ease-in;
    }
    .slide-off-up{
        animation-name: slide-off-animation;
        animation-duration: 0.15s;
        animation-timing-function: ease-out;
    }
    .slide-on-down{
        animation-name: slide-off-animation;
        animation-duration: 0.15s;
        animation-timing-function: ease-in;
        animation-direction: reverse;
    }
    .slide-off-down{
        animation-name: slide-on-animation;
        animation-duration: 0.15s;
        animation-timing-function: ease-out;
        animation-direction: reverse;
    }
    @keyframes slide-on-animation {
        0%{position:relative;
        opacity: 0;
        bottom: -15px;
        }
        100%{
            position: relative;
            bottom:0px;
            opacity: 1;
        }
        
    }

    @keyframes slide-off-animation {
        0%{position:relative;
        opacity: 1;
        bottom: 0px;
        }
        100%{
            position: relative;
            bottom:15px;
            opacity: 0;
        }
        
    }