/* map css */

@media(min-width:1020px) {
.et_pb_map {
height: 470px !important;
}
}
/* 50% offer logo css ) */

@media (min-width: 1100px) {
.Today-offer-logo {
position: absolute;
right: 0;
}
}

/* intro Section css */
@media only screen and ( max-width: 430px) {
.Intro-section .et_pb_more_button {
margin-right: 20% !important;
}
}

/* Chef Section css */

@media (min-width: 740px) and (max-width: 1022px) {
.Chief_image .et_pb_column.et_pb_column_1_3 {
width: 33% !important;
margin-bottom: 0px !important;
}
}

/* Meet the chef section styling */

.chef-one .test,
.chef-two .test,
.chef-three .test {
top: 300px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.chef-one:hover .test,
.chef-two:hover .test,
.chef-three:hover .test {
opacity: 1;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.chef-one .chefname,
.chef-two .chefname,
.chef-three .chefname {
opacity: 0;
display: inline-block;
vertical-align: middle;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
transform-origin: left bottom 0;
position: absolute;
top: 430px;
right: -12px;
}
.chef-one:hover .chefname,
.chef-two:hover .chefname,
.chef-three:hover .chefname {
opacity: 1;
}
@media (min-width: 980px) and (max-width: 1080px) {
.chefname {
font-size: 30px !important;
}
}