@media (min-width:1600px)
{
    .banner-container
    {
        max-width: 1440px;
        margin: 0 auto;
        padding-top: 5rem;
    }
}


@media (min-width:768px) and (max-width:1023px)
{
    .become-partner-banner
    {
        padding: 13rem 15px 10rem;
    }
    .other-page-features
    {
        padding: 8rem 0;
    }
    .other-page-features figure img
    {
        width: 100%;
    }
    .app-features-wrap h4
    {
        font-size: 18px;
    }
    .app-features-wrap
    {
        margin-top: 20px;
    }
    .feature-row
    {
        align-items: start !important;
    }
    .app-features-wrap p
    {
        font-size: 14px;
    }
    .other-pages-banner .banner-img img
    {
        width: 200px;
    }
    .about-second-content p
    {   
        font-size: 14px;
    }
    .second-section
    {
        padding: 60px 0;
    }
    .about-third-section .why-content h4
    {
        font-size: 14px;
    }
    .pizza-slice-img-2
    {
        display: none;
    }
    .footer-links
    {
        margin-top: 1rem;
    }
    .footer-content h3
    {
        font-size: 24px;
        margin-top: 2rem;
    }
    .why-section
    {
        padding: 80px 0;
        background-size: cover;
        margin-top: 3rem;
    }
    .video-section
    {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .video-section:after
    {
        height: 320px;
    }
    .video-wrapper a img
    {
        width: 120px;
    }
    .box h4
    {
        font-size: 18px;
    }
    .section-title h2
    {
        font-size: 36px;
    }
    .steps-wrap img
    {
        width: 100px;
    }
    .steps-wrap h4
    {
        font-size: 18px;
    }
    .steps-wrap
    {
        padding: 1rem;
        min-height: 280px;
    }
    .ad-banner img
    {
        width: 220px;
    }
    .ad-banner h2
    {
        font-size: 36px;
    }
    .why-content h2
    {
        font-size: 36px;
    }
    .why-content h4
    {
        font-size: 14px;
        line-height: 24px;
    }
    .how-to-order-section
    {
        padding-bottom: 0;
    }
    .box p
    {
        font-size: 14px;
    }
    .box
    {
        padding: 2rem 1rem;
        min-height: 320px;
    }
    .second-section h2
    {
        font-size: 36px;
    }
    .banner-content h1 br:first-child,
    .pizza-img,
    .burger-img, .cold-drink-img,
    .food-bag-img, .food-3d,
    #screenSlider:after
    {
        display: none;
    }
    .site-header .nav-link
    {
        padding: 10px !important;
        font-size: 12px;
    }    
    .site-header .btn-primary
    {
        font-size: 12px;
        padding: 7px 20px !important;
    }
    .banner-content h1
    {
        font-size: 36px;
    }
    .banner-content h4
    {
        font-size: 18px;
    }
    .banner-section
    {
        height: auto;
    }
    .banner-btns a img
    {
        width: 140px;
    }
    .app-btns-wrap h2,
    .app-btns-wrap h3,
    .app-btns-wrap h5
    {
        font-size: 18px;
        margin-top: 10px !important;
    }
    .app-btns-wrap .flex-grow-1 
    {
        padding-left: 10px;
    }
    .app-btns-wrap .flex-grow-1 img
    {
        width: 120px;
    }
}

@media (max-width:767px)
{
    .steps-wrap img
    {
        width: 100px;
    }
    .steps-wrap h4ma
    {
        font-size: 18px;
    }
    .steps-wrap
    {
        padding: 1.4rem;
        margin-bottom: 1.3rem;
    }
    .ad-banner
    {
        margin-top: 2rem;
    }
    .ad-banner img
    {
        width: 120px;
    }
    .ad-banner h2
    {
        font-size: 14px;
    }
    .ad-banner .flex-grow-1
    {
        margin: 0 !important;
    }
    .how-to-order-section
    {
        padding: 40px 0 40px;
    }
    .section-title h2
    {
        font-size: 32px;
    }
    .app-feature-section {
        padding: 7rem 0 12rem;
        background-size: cover;
    }
    #screenSlider
    {
        margin-top: 1rem;
    }
    .box
    {
        margin-bottom: 1rem;
    }
    .second-section
    {
        padding: 60px 0 40px;
    }
    .banner-container
    {
        padding-top: 5rem;
    }
    .banner-content
    {
        text-align: center;
    }
    .banner-content h1 br:first-child,
    .pizza-img,
    .burger-img, .cold-drink-img,
    .food-bag-img, .food-3d,
    #screenSlider:after
    {
        display: none;
    }
    .banner-img
    {
        padding: 20px 15px 0;
    }
    .banner-section
    {
        height: auto;
    }
    .banner-content h1
    {
        font-size: 34px;
    }
    .banner-content h4
    {
        font-size: 16px;
    }
    .banner-btns a
    {
        margin-right: 5px;
        display: inline-block;
    }
    .banner-btns a img
    {
        width: 120px;
    }
    .site-header nav
    {
        padding: 5px 0;
    }
    .site-header .navbar-toggler
    {
        padding: 0;
        margin: 0;
        border: 0;
        font-size: 32px;
        color: #fff;
    }
    .site-header nav.scrolled .navbar-toggler
    {
        color: #000;
    }
    .site-header .navbar-collapse
    {
        display: none;
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #333;
    }
    .site-header .navbar-collapse ul
    {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .site-header .navbar-collapse ul .nav-link
    {
        padding: 20px 0!important;
        color: #fff !important;
    }
    .btn-menu-close
    {
        color: #fff;
        display: block;
        line-height: 46px;
        padding: 0;
        border: none;
        width: 40px;
        height: 40px;
        font-size: 18px;
        position: absolute;
        top: 15px;
        right: 15px;
        border-radius: 100%;
        background: linear-gradient(90deg, #FFCA49 0%, #F26A21 100%);   
    }
    .site-header .navbar-brand img
    {
        width: 60px;
    }
    .why-content h2
    {
        font-size: 32px;
    }
    .why-content h4
    {
        line-height: 24px;
        font-size: 14px;
        margin-top: 10px;
    }
    .why-section
    {
        background-size: cover;
        padding: 80px 0 60px;
    }
    .why-content
    {
        margin-bottom: 20px;
    }
    .video-wrapper a img
    {
        width: 80px;
    }
    .video-section
    {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .video-section:after
    {
        height: 150px;
    }
    .contact-secton
    {
        padding: 40px 0;
    }
    .contact-form
    {
        margin-top: 20px !important;
    }
    .contact-form input.form-control,
    .contact-form textarea.form-control
    {
        font-size: 14px;
    }
    .ff-img,
    .pizza-slice-img,
    .pizza-slice-img-2,
    .cake-img,
    .burger-3d
    {
        display: none;
    }
    .footer-content
    {
        margin-top: 2rem;
    }
    .footer-content ul
    {
        margin-top: 0rem;
    }
    .footer-content h3
    {
        font-size: 24px;
    }
    .copyright
    {
        padding: 10px;
        margin-top: 1rem;
        font-size: 14px;
    }
    .subfooter
    {
        background: url(../images/footer-bg.png) no-repeat;
        background-size: cover;
        padding-top: 4rem;
        position: relative;
        overflow: hidden;
        background-position: 100%;
    }
    .other-pages-banner img
    {
        width: 100%;
    }
    .about-second-content p
    {
        font-size: 14px;
    }
    .second-section
    {
        padding: 30px 0 40px;
    }
    .second-section img
    {
        margin-top: 2rem;
    }
    .about-contact .ad-banner .banner-btns
    {
        margin-top: 10px !important;
    }
    .about-contact .banner-btns a img
    {
        width: 80px;
    }
    .about-contact h2
    {
        margin-top: 10px !important;
    }
    .about-contact .ad-banner
    {
        margin-bottom: 3rem;
    }
    .footer-content .d-flex 
    {
        margin-top: 1rem !important;
    }
    .other-page-features img
    {
        display: none;
    }
    .other-page-features .app-features-wrap h4
    {
        font-size: 18px;
    }
    .other-page-features .app-features-wrap
    {
        margin-top: 20px;
    }
    .other-page-features
    {
        padding: 7rem 0;
    }
    .signup-banner h1 {
        font-size: 28px;
    }
    .signup-banner
    {
        padding-top: 6rem;
    }
    .signup-banner figure {
        margin-top: 1rem;
    }
    .signup-form-section {
        padding: 3rem 0 3rem;
    }
    .signup-content h4
    {
        font-size: 16px;
    }
    .signup-form .input-group
    {
        display: block;
    }
    .signup-form .input-group .form-control,
    .signup-form .input-group .btn
    {
        width: 100%;
    }
    .signup-form .input-group .btn
    {
        margin-top: 1rem;
        padding: 1rem 0 !important;
    }
    .become-partner-banner {
        padding: 8rem 15px 7rem;
    }
    .become-partner-form-wrap
    {
        top: 0;
    }
    .app-btns-wrap 
    {
        background: none;
        color:#000;
        padding: 10px 0 40px;
    }
    .app-btns-wrap h2,
    .app-btns-wrap h3,
    .app-btns-wrap h5
    {
        color: #333 !important;
        font-size: 14px;
        margin-top: 10px !important;
    }
    .app-btns-wrap .flex-grow-1 
    {
        padding-left: 10px;
    }
    .app-btns-wrap .flex-grow-1 img
    {
        width: 95px;
    }


}