@media (min-width: 300px) and (max-width: 575.99px) { 
    .resdesign {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .resdesign_button{
        margin-top: 30px;
    }
    .navbar img {
        height: 60px;
        /* margin-bottom: 28px !important; */
    }
.call_num  img{
    width: 20px;
}
.call_num img {
	width: 50px;
	height: 50px;
}
.iconsshadow{
    width: 30px;
    height: 30px;
}
    .striped-background p {
        font-size: 18px;
        padding: 10px 0px;
    }
   
    .bampash img {
        width: 60px;
    }
    .bampash p {
        font-size: 18px;
    }
    .text-container p {
        font-size: 16px;
    }
    .jholok {
        font-size: 18px;
    }
    .thumbnail {
        width: 55px;
        height: 55px;
    }
    .jholok_button {
        background-color: #FF981F;
        color: #ffffff;
        padding: 10px;
        font-size: 16px;
    }
.respodesign_top{
    margin-top: 30px;
}
.resjholok{
    padding: 0px 5%;
}
.display_res{
    display: block !important;
}
.hhhh {
	font-size: 16px;
}
.order_button {
	font-size: 16px;
}
.card {
	padding: 0px !important;
}
.orderr {
	font-size: 16px;
	width: 80% !important;
}
#footer_area {
	padding: 16px 0px;
}
.myblock{
    display: block !important;
}

/* Urgency banner responsive */
@media (max-width: 575.99px) {
    .urgency-text {
        font-size: 14px;
        padding: 0 10px;
        color: #FFD700 !important; /* Golden yellow */
    }
    
    .urgency-text strong {
        color: #FFD700 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }
    
    .urgency-text .text-danger {
        color: #FFEB3B !important; /* Bright yellow for discount */
        font-weight: 700;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }
    
    .proof-box h2 {
        font-size: 1.8rem;
    }
    
    .proof-box p {
        font-size: 0.9rem;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    .urgency-text {
        font-size: 16px;
        color: #FFD700 !important; /* Golden yellow */
    }
    
    .urgency-text strong {
        color: #FFD700 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }
    
    .urgency-text .text-danger {
        color: #FFEB3B !important; /* Bright yellow for discount */
        font-weight: 700;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }
}
}
@media (min-width: 576px) and (max-width: 767.99px) {
    .resdesign{
        width: 70%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .resdesign_button{
        margin-top: 30px;
    }
    .navbar img {
        height: 70px;
        /* margin-bottom: 28px !important; */
    }
    .striped-background p {
        font-size: 28px;
    }
    
    .bampash img {
        width: 60px;
    }
    .bampash p {
        font-size: 18px;
    }
    .text-container p {
        font-size: 18px;
    }
    .jholok {
        font-size: 22px;
    }
    .thumbnail {
        width: 80px;
        height: 80px;
    }
.respodesign_top{
    margin-top: 30px;
}
.resjholok{
    padding: 0px 5%;
}
.display_res{
    display: block !important;
}
.hhhh {
	font-size: 18px;
}
.order_button{
    font-size: 18px;
}

 }
@media (min-width: 768px) and (max-width: 991.99px) {
.resdesign{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.resdesign_button{
    margin-top: 30px;
}

 }
@media (min-width: 992px) and (max-width: 1199.99px) { }