@media(min-width: 1500px) and (max-width: 2500px){

.welcometolunchThief_main {align-items: center;}
.welcometolunchThief_left {padding-top: 0;}
}

@media(min-width: 1024px) and (max-width: 1366px){
    .left-main .right {
	width: 90%;
}
.Container_box {padding: 0 30px;}
#cssmenu > ul > li > a {padding: 9px 16px;font-size: 15px;}
.login_singup ul li a {font-size: 15px;}
.Top_fiexd {padding: 10px 0px 10px;}
.banner_form {max-width: 1100px;}
.welcometolunchThief_left {width: 50%;padding-left: 0%;padding-top: 30px;padding-right: 40px;padding-bottom: 30px;}
.welcometolunchThief_right img {width: 100%;height: 100%;object-fit: cover;}

.inner-baner-text {top: 60%;}
.welcometolunchThief_left h4 {
    max-width: 400px;
    margin: 0 auto;
}
.Lunch_details ul li input[type="text"] {
    font-size: 18px;

}
.Lunch_details ul li button {
    font-size: 18px;
}
.banner_home {
    background-attachment: scroll;
}
.logo {
    position: relative;
    z-index: 999;
       
}
.login_singup ul li:nth-child(1)::after {
    height: 13px;
    right: -10px;
    content: "";
    top: 7px;
}
.menu {
    margin-top: 16px;
}
.login_singup {
    margin-top: 16px;
}
.left-main {
   
    width: 100%;
   
}
}

@media(min-width: 820px) and (max-width: 1180px){
}




@media(min-width: 767px) and (max-width: 1024px){
    .left-main .right {
	width: 90%;
}

    .left-main {
   
    width: 100%;
   
}

    .footer_main_box {
  margin-top: 30px;
}



    .custom_header_fixed .menu {
    top: 24px;
}

    .logo {
        margin-top: 0px;
}
.login_singup ul li:nth-child(1)::after {
    height: 13px;
    right: -10px;
    content: "";
    top: 7px;
}

.menu {
    margin-top: 16px;
}
.login_singup {
    margin-top: 16px;
}



    section {
    padding: 40px 0;
}
.logo {
    position: relative;
    z-index: 999;
}

    .lunchThief_news_events {
    padding-top: 0;
}
.news_events_main {
    margin: 40px 0 0 0px;
}
.lunchthiefapp {
    padding-top: 40px;
}
.lunchthiefapp_main {
    margin: 40px 0px 0px;
}


    .banner_home {
    position: relative;
    min-height: 362PX;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.footerbg {
    padding: 30px 0px 0px;
}
.footer_main_box {
    margin-bottom: 30px;
}
.how_lunchThief_works h3 {
    margin-bottom: 40px;
}
.menu {margin: -2px 0 0 0px;}
.banner_form h1 {font-size: 30px;}
.Container_box {padding: 0 30px;}
#cssmenu > ul > li > a {padding: 9px 10px;font-size: 15px;}
.login_singup ul li a {font-size: 15px;}
.Top_fiexd {padding: 10px 0px 10px;}
.banner_form {top: 60%;}
.how_lunchThief_works-box {width: 25%;}
.banner_form {max-width: 690px;}
.welcometolunchThief_left {width: 50%;padding-left: 0%;padding: 40px 30px;}
.welcometolunchThief_right img {width: 100%;height: 100%;object-fit: cover;}
.footer_main_box {gap: 20px;}
.footer_main_box h3 {font-size: 12px;}
.footer_main_box a {font-size: 13px;}
.login_singup {margin: 11px 60px 0 0px;}
.how_lunchThief_works-box h4 {font-size: 16px;}
.how_lunchThief_works-box p {line-height: 18px;min-height: auto;}
.welcometolunchThief_left h3 {font-size: 26px;}
.inner-baner-text {top: 60%;left: 50%;width: 100%;z-index: 1;transform: translate(-50%, -50%);max-width: 90%;}
.inner-baner-text h1 {font-size: 40px;}
.inner-baner img {height: 400px;object-fit: cover;}
.cuisine-type ul li {max-width: 26%;}
.Presentation ul {gap: 13px;}
.inner-baner-text p {
    font-size: 20px;
}
.contact-logo img {
    max-width: 190px;
}
.contact-logo { 
    padding: 40px 0px 0px;
}
h3 {
    font-size: 32px;
}

.contact-img {
	width: 130px;
	height: 130px;
}
.inner-baner-text p {
    line-height: 28px;
}

}

@media screen and (max-width:767px){

    .contact-img {
	width: 100px;
	height: 100px;
}



    .custom_header_fixed .menu {
    top: -9px;
}

    .menu {

    top: -9px;
}

        .logo {
        margin-top: 0px;
}
.login_singup ul li:nth-child(1)::after {
    height: 8px;
    right: -10px;
    content: "";
    top: 11px;
}

    .contact-form {
    padding: 20px;
}

    .banner_home {
    
    min-height: 500px;
}

.banner_home {
    background-attachment: scroll;
}

.logo {
    position: relative;
    z-index: 999;
}


.steal-from-main h3 {
    margin-bottom: 25px;
}

.custom_header_fixed .Top_fiexd {padding: 9px 0px;}
.steal-from-main {padding:20px;border-radius: 10px;}
.steal-from {gap: 20px;margin-bottom: 30px;flex-direction: column;}
.Presentation ul {display: flex;gap: 6px;flex-direction: column;}
.inner-baner-text {top: 58%;left: 50%;width: 100%;z-index: 1;transform: translate(-50%, -50%);max-width: 480px;}
.inner-baner-text h1 {font-size: 30px;padding: 0 20px;}
.contact-icone-main {flex-direction: column;align-items: center;gap: 30px;text-align: center;}
.inner-baner-text p {
    font-size: 15px;
    max-width: 360px;
    margin: 0 auto;
    line-height: 15px;
    line-height: 20px;
}
.inner-baner img {width: 100%;height: 330px;object-fit: cover;}
.contact-logo img {width: 100%;max-width: 190px;}
.contact-logo {text-align: center;padding: 50px 0px 0px;}
.animated {    -webkit-animation-duration: 0s;    animation-duration: 0s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}
.Container_box {padding: 0 30px;}
.lunchthiefapp_main {margin: 30px 0px 0px;padding: 0 30px;}
.lunchThief_news_heading a {justify-content: center;}
h3 {font-size: 30px;}
.footer_main_box {display: flex;justify-content: space-between;margin-top: 30px;gap: 30px;margin-bottom: 30px;flex-direction: column;}
.footer_quick_links {width: 100%;}
.footer_quick_cities {width: 100%;}
.footer_connect {width: 100%;}
.footer_social {width: 100%;}
.footer_main_box h3:after {width: 100%;}
.banner_home img {height: 230px;object-fit: cover;}
.footer_app {width: 100%;}
.lunchthiefapp_main ul {flex-direction: column;}
.lunchthiefapp_main ul li {width: 100%;}
.news_events_main {gap: 30px;margin: 30px 0 0 0px;flex-direction: column;}
.lunchThief_news_heading h3 {width: 100%;text-align: center;}
.lunchThief_news_heading a {width: 100%;font-size: 20px;align-items: center;color: #7f7f7f;}
.lunchThief_news_heading {flex-direction: column;gap: 20px;}
.join_the_lunchThief_crew_main {gap: 30px;flex-direction: column;}
.join_the_lunchThief_crew_box {width: 100%;}
.partners_in_crime_logo ul {flex-direction: column;gap: 30px;}
.partners_in_crime_logo ul li {width: 100%;}
.welcometolunchThief_main {flex-direction: column;}
.join_the_lunchThief_crew h3 {margin-bottom: 30px;}
.welcometolunchThief_left {width: 100%;padding: 50px 30px;}
.welcometolunchThief_right {width: 100%;}
.how_lunchThief_works-main {flex-direction: column;gap: 40px;}
.how_lunchThief_works-box {width: 100%;text-align: center;}
.logo img {width: 100%;max-width: 130px;}
.login_singup ul li a {font-size: 12px;}
.login_singup {margin: 6px 50px 0 0px;}
.Top_fiexd {padding: 9px 0px 9px;}
.menu .button {right: 10px;}
.how_lunchThief_works-box img {width: 100%;max-width: 180px;}
section {padding: 50px 0;}
.welcometolunchThief {padding-bottom: 50px;}
.banner_form h1 {font-size: 20px;color: #fff;padding:50px 0px 0px;}
.banner_form h2 {
    background: #e7e7e7;
    width: 100%;
    max-width: 430px;
    margin: 11px auto -5px;
    font-size: 15PX;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 20px 20px 0px 0px;
}
.how_lunchThief_works-box h4 {padding: 26px 0px 14px;}
.welcometolunchThief_left img {margin: 30px 0px 30px;}
.Lunch_details ul {flex-direction: column;}
.Lunch_details ul li {width: 100%;}
.Lunch_details {padding:20px;border-radius: 10px;}
.banner_form {position: inherit;top: 70px;left: 0;right: 0px;margin: 0 auto;text-align: center;width: 100%;transform: translate(-0%, -0%);max-width: 330px;}
.Lunch_details ul {gap: 20px;}
.welcometolunchThief_left h4 {font-size: 18px;line-height: 28px;}
.partners_in_crime-bg {padding: 15px 0px;margin: 30px 0 0 0px;}
.join_the_lunchThief_crew {padding: 50px 0px;}
.join_the_lunchThief_crew h3 {margin-bottom: 20px;}
.lunchThief_news_events {padding-top: 0;padding-bottom: 0px;}
.footerbg {padding: 30px 0px 0px;}
.partners_in_crime_logo ul li img {
    width: 100%;
    transition: 0.3s;
    max-width: 180px;
}
section.join_the_lunchThief_crew h3 {
    margin-bottom: 30px;
}
.left-main {
   
    width: 100%;
   
}
.left-main {
    flex-direction: column;
}
.left-main .right {
    width: 100%;
}
.left-main .right {
    width: 100%;
    text-align: center;
}
}