@charset "utf-8";
    @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    :root {
        --primaryfont: "Poppins", sans-serif;
        --seconfont: arial;
        --primarycolor: #E63945;
        --standardYello: #FAAB34;
        --standardwhite: #FFFFFF;
        --standardblack: #000000;
        --standardgrey: #F5F5F5;
        --greyfont: #3B444C;
    }

    * {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 16px;
        box-sizing: border-box;
    }

    li {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    img,
    video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Home Page */

    .sec-one {
        width: 100%;
        background-color: var(--primarycolor);
        height: auto;
    }

    .navigation {
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 16px;
    }

    .nav-div {
        width: 50%;
        margin-top: 16px;
    }

    .menubar {
        width: 30px;
        height: 30px;
        font-size: 20px;
        color: var(--standardwhite);
        background-color: var(--standardYello);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navigation-desktop {
        display: none;
    }

    .only {
        font-family: var(--primaryfont);
        font-size: 26px;
        font-weight: 800;
        margin: 100px 0px 20px 16px;
        color: var(--standardwhite);
        padding-left: 5px;
    }

    .smokein-burger {
        width: 25px;
        font-family: var(--primaryfont);
        font-size: 45px;
        font-weight: 900;
        color: var(--standardwhite);
        padding-left: 20px;
        line-height: 38px;
    }

    .discount-20 {
        width: 140px;
        height: 145px;
        background-color: var(--standardYello);
        border-radius: 50%;
        margin-left: 160px;
        margin-top: 35px;
    }

    .discount-20-p1,
    .discount-20-p2 {
        width: 25px;
        font-family: var(--primaryfont);
        font-size: 55px;
        font-weight: 900;
        color: var(--standardwhite);
        padding: 15px 10px 10px 12px;
    }

    .discount-20-p2 {
        font-size: 20px;
        font-weight: 900;
        padding: 0 0 0 15px;
        margin-top: -32px;
    }

    .on-your-first-order-para {
        width: 80%;
        font-family: var(--primaryfont);
        font-size: 30px;
        font-weight: 800;
        color: var(--standardwhite);
        padding-left: 20px;
        line-height: 38px;
        margin-top: -30px;
        word-spacing: 5px;
        text-align: left;
    }

    .orderonline-but {
        background-color: var(--standardwhite);
        padding: 10px 25px 10px 25px;
        color: var(--standardYello);
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        font-family: var(--primaryfont);
        border-radius: 30px;
        margin-top: 25px;
        margin-left: 16px;
        margin-right: 130px;
    }

    .firstpg-img {
        margin-bottom: 30px;
    }

    /* Section 2 : Deal of the day */

    .second-sec-div1,
    .second-sec-div2,
    .second-sec-div3 {
        width: 100%;
        height: 400px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.377), rgba(0, 0, 0, 0.377)), url(../images/background/bg-05-free-img.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }

    
    .only-15,
    .only-13 {
        width: 135px;
        height: 135px;
        background-image: url(../images/background/white-ellipse-01-free-img.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        bottom: -525px;
        margin-left: 10px;
    }

    .only-17{
        width: 135px;
        height: 135px;
        background-image: url(../images/background/white-ellipse-01-free-img.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        bottom: -379px;
        margin-left: 10px;
    }

    .only-17-one,
    .only-17-two,
    .only-15-one,
    .only-15-two,
    .only-13-one,
    .only-13-two {
        width: 100%;
        font-family: var(--primaryfont);
        font-size: 19px;
        font-weight: 800;
        color: var(--standardblack);
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 25px;
    }

    .only-17-two,
    .only-15-two,
    .only-13-two {
        font-size: 60px;
        font-weight: 700;
        padding-top: 0;
        margin-top: -18px;
    }


    .only-15-two,
    .only-13-two,
    .only-15-one,
    .only-13-one {
        color: var(--standardwhite);
    }

    .dealoftheday,
    .blackbean-bug,
    .wedges,
    .potato-wedges,
    .bug-ofthe-month,
    .farmhouse-bug {
        font-family: var(--primaryfont);
        color: var(--standardwhite);
        font-size: 22px;
        font-weight: bold;
        margin-left: 16px;
        padding-top: 150px;
    }

    .blackbean-bug,
    .potato-wedges,
    .farmhouse-bug {
        padding-top: 10px;
        width: 90%;
        font-size: 40px;
        line-height: 40px;
    }

    .second-sec-div2 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.377), rgba(0, 0, 0, 0.377)), url(../images/background/bg-06-free-img.jpg);
    }

    .only-15 {
        background-image: url(../images/background/orange-ellipse-01-free-img.png);
        position: static;
    }

    .wedges,
    .bug-ofthe-month {
        padding-top: 40px;
        font-size: 18px;
    }

    .potato-wedges,
    .farmhouse-bug {
        padding-top: 2px;
        font-size: 35px;
        line-height: 30px;
    }

    .crispy-garlic {
        padding-bottom: 20px;
    }

    .second-sec-div3 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.377), rgba(0, 0, 0, 0.377)), url(../images/background/bg-07-free-img.jpg);
    }

    .only-13 {
        background-image: url(../images/background/red-ellipse-01-free-img.png);
        position: static;
    }

    /* Section 3 : Baked with Natural Ingredients */

    .sec-three,
    .sec-seven {
        width: 100%;
        background-color: var(--standardYello);
    }

    .sec-three-head {
        width: 100%;
        text-align: center;
        padding-top: 75px;
    }

    .ingredients {
        font-family: var(--primaryfont);
        color: var(--standardwhite);
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .natural-ingredients {
        width: 210px;
        font-family: var(--primaryfont);
        color: var(--standardwhite);
        font-size: 40px;
        font-weight: bold;
        line-height: 35px;
        margin-top: 25px;
        margin-left: 50px;
        text-align: center;
    }

    .natural-ingredients-ul {
        text-align: center;
        color: var(--standardwhite);
    }

    .natural-ingredients-li {
        width: 90%;
        font-family: var(--primaryfont);
        font-weight: bold;
        padding-top: 120px;
        padding-left: 30px;
    }

    .natural-ingredients-li-h2 {
        font-size: 25px;
        text-align: center;
        padding-top: 10px;
    }

    .natural-ingredients-li-p {
        font-size: 16px;
        text-align: center;
        line-height: 25px;
        padding-top: 2px;
    }

    .less-padding {
        padding-top: 30px;
    }

    .sec-three-img {
        padding-top: 10px;
    }

    .glow-cheese {
        padding-top: 0px;
    }

    .homemade-bacon {
        padding-bottom: 75px;
    }

    /* Section 4: Homemade Bacon */

    .sec-four,
    .sec-six {
        width: 100%;
        background-color: var(--standardgrey);
    }

    .sec-four-head,
    .sec-six-head {
        width: 100%;
        text-align: center;
    }

    .ourmenu,
    .our-outletes {
        font-family: var(--primaryfont);
        color: var(--standardYello);
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
        padding-top: 40px;
    }

    .choose-enjoy {
        width: 250px;
        font-family: var(--primaryfont);
        color: var(--standardblack);
        font-size: 45px;
        font-weight: 600;
        line-height: 40px;
        padding: 10px 0 0 70px;
    }

    .vertical-line-div {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    .vertical-line {
        width: 1px;
        height: 65px;
        border: 2px solid rgb(196, 196, 196);
    }

    .sec-four-fig {
        width: 100%;
        padding-left: 25px;
    }

    .sec-four-fig>img {
        width: 220px;
        padding: 15px 0 0 50px;
    }

    .sec-four-figcaption>h2 {
        font-family: var(--primaryfont);
        color: var(--standardblack);
        font-weight: 700;
        font-size: 25px;
        text-align: center;
        padding-right: 19px;
    }

    .sec-four-figcaption>h3 {
        font-family: var(--primaryfont);
        color: var(--primarycolor);
        font-weight: 800;
        font-size: 16px;
        text-align: center;
        padding-right: 25px;
    }

    .sec-four-figcaption>p {
        width: 250px;
        font-family: var(--primaryfont);
        color: var(--greyfont);
        font-size: 16px;
        text-align: center;
        line-height: 25px;
        padding-left: 18px;
    }

    .sec-four-figcaption>div {
        padding: 25px 0 35px 115px;
    }

    .plus {
        width: 40px;
        height: 40px;
        background-color: var(--primarycolor);
        border-radius: 50%;
    }

    .plus-but {
        color: var(--standardwhite);
        font-size: 22px;
        font-weight: bold;
    }

    /* Section 5: Our Customer Reviews */

    .quotation-mark {
        display: none;
    }

    .sec-five-head {
        width: 100%;
        text-align: center;
        padding-top: 40px;
    }

    .testimonials {
        font-family: var(--primaryfont);
        color: var(--standardYello);
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
        padding-left: 20px;
    }

    .cust-review {
        width: 210px;
        font-family: var(--primaryfont);
        color: var(--standardblack);
        font-size: 40px;
        font-weight: bold;
        line-height: 35px;
        margin-top: 25px;
        margin-left: 55px;
        text-align: center;
        padding-bottom: 20px;
    }

    .testimonials-fig {
        width: 80%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding-top: 55px;
    }

    .testimonials-fig>img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .testimonials-fig>figcaption>h3 {
        font-family: var(--primaryfont);
        font-size: 15px;
    }

    .testimonials-fig>figcaption>p {
        color: var(--greyfont);
        font-family: var(--seconfont);
        font-size: 15px;
    }

    .star-para {
        padding: 20px 0 0 20px;
        color: #3B444C;
        font-family: var(--seconfont);
        font-size: 15px;
    }

    .rating-star {
        color: var(--standardYello);
    }

    .review-red {
        width: 90%;
        text-align: left;
        font-family: var(--primaryfont);
        font-size: 28px;
        color: var(--primarycolor);
        font-weight: bold;
        line-height: 32px;
        padding: 10px 0 0 20px;
    }

    .review-black {
        width: 90%;
        text-align: left;
        font-family: var(--primaryfont);
        font-size: 16px;
        color: var(--standardblack);
        font-weight: 700;
        line-height: 22px;
        padding: 10px 0 0 20px;
    }

    .testimonials-divfig {
        padding-bottom: 45px;
    }

    .mobileview-none {
        display: none;
    }

    .sec-five-ul {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 75px 55px;
    }

    .sec-five-li {
        width: 300px;
        height: 50px;
    }

    /* Section 6: Find an Outlet Near You */

    .outlete-nearyou {
        width: 100%;
        font-family: var(--primaryfont);
        color: var(--standardblack);
        font-size: 45px;
        font-weight: 700;
        line-height: 40px;
        padding: 20px 18px 0 18px;
    }

    .outlet-nearyou-fig {
        width: 100%;
    }

    .outlet-nearyou-fig>img {
        width: 100%;
        height: 400px;
        padding: 20px 25px 20px 25px;
        border-radius: 30px 30px 30px 30px;
    }

    .outlet-nearyou-figcaption {
        text-align: center;
    }

    .location {
        color: var(--standardYello);
        font-size: 25px;
    }

    .outlet-nearyou-figcaption>h2 {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .outlet-address {
        font-family: var(--primaryfont);
        color: var(--standardblack);
        font-size: 19px;
        line-height: 22px;
    }

    .outlet-nearyou-figcaption>h3 {
        padding: 15px 20px 25px 20px;
    }

    .outlet-nearyou-figcaption>h3>a {
        font-family: var(--primaryfont);
        color: var(--primarycolor);
        font-size: 18px;
        font-weight: bold;
    }

    .ground-transparentbug-back {
        width: 100%;
        height: 300px;
        background-image: url(../images/background/bg-04-free-img.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    /* Section 7: Shipping */

    .sec-seven-logobackground {
        width: 80px;
        height: 80px;
        background-image: url(../images/background/white-ellipse-01-free-img.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -15px;
    }

    .shipping-logos {
        font-size: 30px;
        color: var(--primarycolor);
    }

    .shipping-div {
        width: 100%;
        text-align: center;
    }

    .shipping-div>header {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .shipping-h2,
    .shipping-para {
        width: 100%;
        font-family: var(--primaryfont);
        color: var(--standardwhite);
        font-size: 18px;
        line-height: 20px;
        padding-top: 20px;
        font-weight: 900;
        text-align: center;
    }

    .shipping-h2 {
        width: 250px;
        padding-left: 75px;
    }

    .shipping-para {
        width: 300px;
        font-size: 15px;
        line-height: 25px;
        padding-left: 25px;
        padding-bottom: 75px;
    }

    /* Section 8: last page */

    .sec-eight {
        width: 100%;
        background-color: var(--primarycolor);
    }

    .sec-eight-header {
        padding: 100px 0 0 125px;
    }

    .sec-eight-companylogo {
        width: 65px;
    }

    .get-diccount {
        width: 100%;
        font-family: var(--primaryfont);
        color: var(--standardwhite);
        text-align: center;
    }

    .get-diccount>h2 {
        width: 250px;
        font-size: 35px;
        font-weight: 800;
        line-height: 35px;
        padding: 25px 0 0 70px;
    }

    .get-diccount>h3 {
        width: 300px;
        font-size: 22px;
        font-weight: 800;
        line-height: 26px;
        padding: 18px 0 40px 16px;
    }

    .goolge-appstore-div {
        width: 100%;
        text-align: center;
    }

    .goolge-appstore-img {
        width: 180px;
        padding-top: 10px;
    }

    .lastpage-phone-img {
        padding: 40px 0 25px 0;
    }

    .footer {
        width: 100%;
        background-color: var(--standardwhite);
    }

    .home-menu {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        padding: 30px 0 40px 12px;
    }

    .home-li {
        width: 70px;
        line-height: 30px;
        font-family: var(--primaryfont);
        color: var(--greyfont);
        font-size: 14px;
        font-weight: 700;
    }

    .li-ourmenu,
    .li-contact {
        width: 80px;
        padding-right: 10px;
    }

    * .li-offer {
        padding-left: 15px;
        padding-right: 10px;
    }

    .li-about {
        padding-left: 15px;
    }

    .social-media {
        width: 75%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px 0 25px 80px;
    }

    .social-media-li {
        width: 40px;
        height: 40px;
        background-color: var(--standardYello);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sm-icon {
        color: var(--standardwhite);
        font-size: 18px;
    }

    .copyright,
    .view-outlet {
        width: 100%;
        text-align: center;
        padding: 20px 0 10px 0;
        font-family: var(--primaryfont);
        font-size: 14px;
        font-weight: 700;
        color: var(--greyfont);
    }

    .view-outlate-atag {
        color: var(--greyfont);
        text-decoration: underline;
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 25px;
    }



    @media (min-width: 768px) {

        /* Home Page */
        .sec-one {
            position: relative;
        }

        .nav-img {
            width: 300px;
            padding-top: 35px;
        }

        .menubar {
            width: 50px;
            height: 50px;
            font-size: 35px;
            color: var(--standardwhite);
            background-color: var(--standardYello);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 40px;
        }

        .firstpg-img {
            width: 400px;
            height: 400px;
            position: absolute;
            bottom: 720px;
            left: 220px;
        }

        .only {
            font-size: 30px;
            padding-top: 400px;
        }

        .smokein-burger {
            width: 90%;
            font-size: 90px;
            line-height: 80px;
        }

        .discount-20 {
            width: 190px;
            height: 210px;
            border-radius: 200px 200px 200px 200px;
            margin-left: 20px;
            margin-top: 30px;
        }

        .discount-20-p1,
        .discount-20-p2 {
            width: 25px;
            font-size: 65px;
            font-weight: 700;
            padding: 40px 10px 10px 25px;
        }

        .discount-20-p2 {
            font-size: 25px;
            font-weight: 800;
            padding: 15px 0 0 25px;
            margin-top: -32px;
        }

        .on-your-first-order-para {
            width: 320px;
            font-size: 30px;
            font-weight: 800;
            padding-left: 25px;
            line-height: 38px;
            padding-top: 350px;
        }

        .discount-onyourfirstorder-div {
            width: 70%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: -130px;
        }

        .onyour-firstorder-but-div {
            padding-bottom: 100px;
        }

        /* Section 2 : Deal of the day */
        .second-sec-container {
            width: 100%;
            display: flex;
        }

        .second-sec-div1 {
            width: 100%;
            height: 800px;
        }

        .only-17 {
            position: static;
        }

        .dealoftheday {
            padding-top: 250px;
        }

        .blackbean-bug {
            width: 90%;
            font-size: 55px;
            padding-top: 30px;
            padding-bottom: 20px;
            line-height: 60px;
        }

        .potato-wedges,
        .farmhouse-bug {
            font-size: 30px;
            line-height: 35px;
        }

        .bug-ofthe-month,
        .wedges {
            font-size: 15px;
        }

        /* Section 3 : Baked with Natural Ingredients */
        .ingredients,
        .ourmenu,
        .testimonials,
        .our-outletes {
            font-size: 19px;
        }

        .natural-ingredients {
            width: 600px;
            font-size: 45px;
            line-height: 40px;
            padding-left: 70px;
        }

        .sec-three-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 20px;
        }

        .sec-three-img {
            width: 320px;
            height: 450px;
            /* margin-top: 10px; */
            padding: 0;
        }

        .natural-ingredients-ul {
            width: 200px;
        }

        .ni-ul-1 {
            text-align: left;
        }

        .ni-ul-2 {
            text-align: right;
            padding-top: 60px;
            padding-bottom: 50px;
        }

        .natural-ingredients-li {
            width: 200px;
            padding: 10px 15px;
        }

        .sec-three-tal {
            text-align: left;
        }

        .sec-three-tar {
            text-align: right;
        }

        .ul-1-h2,
        .ul-2-h2 {
            text-align: left;
            font-size: 25px;
            line-height: 25px;
        }

        .ul-1-p,
        .ul-2-p {
            text-align: left;
            font-size: 15px;
            font-weight: 700;
            line-height: 25px;
            padding-top: 10px;
        }

        .ul-2-h2 {
            text-align: right;
        }

        .ul-2-p {
            text-align: right;
        }

        /* Section 4: Homemade Bacon */
        .choose-enjoy {
            width: 95%;
            text-align: center;
            font-family: 900;
            padding-top: 25px;
        }

        .ourmenu {
            padding-top: 85px;
        }

        .sec-four-container {
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }

        .sec-four-fig {
            width: 250px;
            padding: 0;
        }

        .sec-four-figcaption {
            width: 250px;
            padding: 0;
        }

        .sec-four-figcaption>h2 {
            padding-left: 25px;
            font-size: 22px;
        }

        .sec-four-figcaption>h3 {
            padding-left: 35px;
        }

        .sec-four-figcaption>p {
            font-size: 15px;
            line-height: 20px;
            padding-right: 10px;
        }

        /* Section 5: Our Customer Reviews */
        .sec-five {
            position: relative;
        }

        .quotation-mark {
            width: 200px;
            height: 160px;
            object-fit: cover;
            opacity: 0.1;
            position: absolute;
            right: 0px;
            top: 0;
        }

        .testimonials {
            padding-top: 25px;
        }

        .cust-review {
            width: 90%;
            text-align: left;
            font-size: 50px;
            padding: 10px 0 40px 30px;
        }

        .testimonials-divfig {
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }

        .testimonial-div1 {
            width: 50%;
            height: 500px;
            border-right: 2px solid rgb(220, 220, 220);
        }

        .testimonial-div2 {
            width: 50%;
        }

        .testimonials-fig {
            padding-top: 0;
        }

        .david-review {
            padding-top: 30px;
        }

        .tablet-displayfig {
            display: block;
        }

        .sec-five-ul {
            width: 100%;
            justify-content: center;
            padding: 40px 15px 50px 15px;
        }

        .sec-five-li {
            width: 150px;
            height: auto;
            object-fit: cover;
            padding: 0;
        }

        .foursquare {
            padding-left: 20px;
        }

        /* Section 6: Find an Outlet Near You */
        .sec-six-container {
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }

        .outlet-nearyou-fig {
            width: 250px;
        }

        .outlet-nearyou-fig>img {
            height: 300px;
        }

        .sec-seven-container {
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }

        .shipping-div {
            width: 250px;
            margin-top: -30px;
        }

        .shipping-burger-logo {
            margin-top: -27px;
        }

        .shipping-h2 {
            width: 85%;
            padding: 30px 10px 15px 35px;
            font-size: 20px;
            font-weight: 700;
        }

        .shipping-para {
            width: 85%;
            padding: 5px 0 70px 35px;
            font-size: 16px;
            font-weight: 600;
        }

        /* Section 8: last page */
        .sec-eight-container {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 75px;
        }

        .sec-eightdiv1 {
            width: 50%;
            text-align: left;
        }

        .sec-eightdiv2 {
            width: 50%;
            padding: 85px 0 0 25px;
        }

        .sec-eight-header {
            width: 90%;
            position: relative;
        }

        .sec-eight-companylogo {
            width: 60px;
            height: 60px;
            object-fit: cover;
            position: absolute;
            left: 30px;
        }

        .get-diccount>h2 {
            width: 350px;
            text-align: left;
            padding: 80px 25px 5px 25px;
            font-size: 50px;
            font-weight: 800;
            line-height: 50px;
        }

        .get-diccount>h3 {
            width: 350px;
            text-align: left;
            padding: 5px 0 10px 25px;
            font-size: 22px;
            font-weight: 700;
            line-height: 27px;
            word-spacing: 5px;
        }

        .goolge-appstore-div {
            width: 350px;
        }

        /* Footer */
        .goolge-appstore-img {
            width: 150px;
        }

        .footer-container1 {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .home-menu {
            width: 70%;
        }

        .social-media {
            width: 80%;
        }

        .social-media {
            width: 90%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }

        .social-media-li {
            width: 50px;
            padding: 15px;
            margin: 0 10px;
        }

        .li-contact {
            padding-right: 210px;
            padding-left: 25px;
        }

        .footer-container2 {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }
    }

    @media(min-width: 992px) {

        /* Homepage */
        .navigation {
            width: 70%;
        }

        .menubar {
            display: none;
        }

        .navigation-desktop {
            display: block;
            width: 100%;
        }

        .main-nav {
            width: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }
        .btn-nav{
            display: none;
        }
        .main-nav-li {
            width: 250px;
            padding: 10px 0 10px 10px;
            margin-top: 60px;
            font-family: var(--primaryfont);
            color: var(--standardwhite);
            font-size: 16px;
            font-weight: bold;
        }

        .download-app {
            width: auto;
            background-color: var(--standardwhite);
            padding: 10px;
            color: var(--standardYello);
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2px;
            font-family: var(--primaryfont);
            border-radius: 30px;
            display: none;
        }

        .mainnavli-5 {
            width: 300px;
            padding-right: 25px;
        }

        .sec-one-container {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .firstpg-img {
            /* position: static;
            margin-top: 550px;
            width: 400px;
            height: 350px;
            object-fit: cover; */
            display: none;
        }

        .sec-one-container {
            padding: 0 0 25px 0;
            margin-top: -400px;
        }

        .sec-one-div1 {
            padding-left: 60px;
            padding-top: 100px;
        }

        .smokein-burger {
            line-height: 100px;
        }

        .discount-20 {
            width: 450px;
            height: 230px;
        }

        .discount-20-p1 {
            font-size: 80px;
            font-weight: 800;
        }

        .discount-20-p2 {
            font-size: 30px;
            padding-top: 0;
            padding-bottom: 55px;
        }

        .on-your-first-order-para {
            width: 350px;
            padding-left: 0;
            padding-bottom: 100px;
        }

        .onyour-firstorder-but-div {
            position: absolute;
            top: 810px;
            left: 265px;
        }

        .only {
            font-size: 30px;
            padding-top: 400px;
            width: 50%;
        }

        /* Section 2 : Deal of the day */
        .second-sec-container {
            width: 100%;
        }

        .secondsec-container-div1 {
            width: 50%;
            height: 650px;
        }

        .secondsec-container-div2 {
            width: 50%;
        }

        .second-sec-div1,
        .second-sec-div2,
        .second-sec-div3 {
            padding-left: 55px;
        }

        .blackbean-bug {
            width: 350px;
        }

        .potato-wedges,
        .farmhouse-bug {
            width: 400px;
            font-size: 35px;
            line-height: 45px;
        }

        
        .only-17{
            position: absolute;
            bottom: -225px;
        }


        .wedges,
        .bug-ofthe-month {
            padding-top: 65px;
        }

        /* Section 3 : Baked with Natural Ingredients */
        .natural-ingredients {
            width: 90%;
            padding: 0;
        }

        .natural-ingredients-ul {
            width: 400px;
        }

        .sec-three-img {
            width: 480px;
            height: 550px;
            object-fit: cover;
            display: none;
        }


        .ni-ul-1 {
            padding-left: 190px;
            padding-right: 0;
        }

        .natural-ingredients-li-p {
            width: 200px;
        }

        .ul-2-p {
            padding-right: 30px;
        }

        .ni-ul-2 {
            padding-top: 75px;
        }

        /* Section 4: Homemade Bacon */
        .choose-enjoy {
            font-size: 55px;
            font-weight: 800;
        }

        .sec-four-container {
            width: 90%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            padding-left: 150px;
            padding-bottom: 155px;
        }

        .sec-four-fig {
            width: 350px;
            padding-top: 40px;
        }

        .sec-four-fig>img {
            width: 300px;
        }

        .sec-4-img {
            position: relative;
            z-index: 5;
        }

        .sec-four-figcaption {
            width: 300px;
            height: 250px;
            margin-left: 25px;
            padding-top: 85px;
            margin-top: -50px;
            border-radius: 10px;
        }

        .sec-four-figcaption:hover {
            transform: scale(1.1, 1.1);
            background-color: var(--standardwhite);
            box-shadow: 1px 17px 15px -1px rgba(196, 196, 196, 0.72);
        }

        .sec-four-figcaption>p {
            margin-left: 25px;
        }

        .sec-four-figcaption>div {
            margin-left: 25px;
            background: none;
        }

        /* Section 5: Our Customer Reviews */
        .sec-five {
            position: relative;
        }

        
        .sec-five-bg-parent {
            width: 100%;
            display: flex;
            align-items: right;
        }

        .red-background {
            width: 30%;
            background-color: var(--primarycolor);
        }

        .customer-review-img {
            width: 70%;
            height: 800px;
            background-image: url(../images/background/bg-03-free-img.jpg);
            background-repeat: repeat;
            background-size: cover;
            background-attachment: fixed;
        }

        .quotation-mark {
            display: none;
        }

        .testimonial-uppar-sec {
            width: 950px;
            height: 850px;
            background-color: var(--standardwhite);
            border-radius: 15px;
            position: absolute;
            bottom: 50px;
        }

        .testimonials {
            padding-top: 0;
            text-align: left;
            padding-left: 320px;
        }

        .mobileview-none {
            display: block;
        }

        /* Section 6: Find an Outlet Near You */
        .sec-six-container {
            width: 100%;
            justify-content: center;
        }

        .outlet-nearyou-fig {
            width: 350px;
        }

        /* .outlet-nearyou-figcaption>h2 {
            width: 70%;
            padding: 15px 0 0 0;
        } */

        .outlet-nearyou-fig>img {
            width: 320px;
            height: 500px;
        }

        .ground-transparentbug-back {
            width: 100%;
            height: 500px;
            background-image: url(../images/background/bg-04-free-img.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
        }

        .shipping-h2 {
            line-height: 25px;
        }

        .lastpage-phone-img {
            /* width: 500px; */
            display: none;
        }

        .sec-eight-container {
            justify-content: left;
            align-items: center;
        }

        .sec-eightdiv1 {
            padding-left: 150px;
        }

        .sec-eight-header {
            padding: 15px 0;
        }

        .get-diccount>h2 {
            width: 600px;
            font-size: 55px;
            padding: 85px 0 20px 20px;
        }

        .get-diccount>h3 {
            width: 550px;
            padding: 25px 0 20px 20;
        }

        .goolge-appstore-div {
            padding-top: 35px;
        }

        .footer-container1 {
            width: 100%;
        }

        .home-menu {
            width: 100%;
        }

        .li-franchisee {
            padding-left: 5px;
        }

        .outlet-overflow{
            display: none;
        }

        
    }

    @media(min-width:1024px){

        .discount-20 {
            width: 200px;
            height: 220px;
        }
    }

    @media(min-width:1400px){
        
        .discount-20 {
            width: 450px;
            height: 230px;
        }

        .sec-three-img {
            width: 480px;
            height: 550px;
            object-fit: cover;
            display: block;
        }

        .outlet-overflow{
            display: block;
        }
        
        .download-app {
            width: 250px;
            background-color: var(--standardwhite);
            padding: 12px 20px 12px 20px;
            color: var(--standardYello);
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2px;
            font-family: var(--primaryfont);
            border-radius: 30px;
        }

        .navigation {
            width: 100%;
        }

        .menubar {
            display: none;
        }

        .navigation-desktop {
            display: block;
            width: 900px;
        }

        .main-nav {
            width: 95%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }

        .main-nav-li {
            width: 250px;
            padding: 10px 5px;
            margin-top: 60px;
            font-family: var(--primaryfont);
            color: var(--standardwhite);
            font-size: 16px;
            font-weight: bold;
        }

        .download-app {
            width: 200px;
            background-color: var(--standardwhite);
            padding: 10px 20px;
            color: var(--standardYello);
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2px;
            font-family: var(--primaryfont);
            border-radius: 30px;
            display: block;
        }

        .mainnavli-5 {
            width: 300px;
            padding-right: 25px;
        }

        .sec-one-container {
            width: 80%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .firstpg-img {
            position: static;
            margin-top: 550px;
            width: 550px;
            height: 470px;
            object-fit: cover;
            display: block;
        }

        .sec-one-container {
            padding: 0 0 25px 0;
            margin-top: -400px;
        }

        .sec-one-div1 {
            padding-left: 250px;
            padding-top: 100px;
        }

        .smokein-burger {
            line-height: 100px;
        }

        .discount-20 {
            width: 450px;
            height: 230px;
        }

        .discount-20-p1 {
            font-size: 80px;
            font-weight: 800;
        }

        .discount-20-p2 {
            font-size: 30px;
            padding-top: 0;
            padding-bottom: 55px;
        }

        .on-your-first-order-para {
            width: 350px;
            padding-left: 0;
            padding-bottom: 100px;
        }

        .onyour-firstorder-but-div {
            position: absolute;
            top: 810px;
            left: 265px;
        }

        /* Section 2 : Deal of the day */
        .second-sec-container {
            width: 100%;
        }

        .secondsec-container-div1 {
            width: 50%;
            height: 650px;
        }

        .secondsec-container-div2 {
            width: 50%;
        }

        .second-sec-div1,
        .second-sec-div2,
        .second-sec-div3 {
            padding-left: 55px;
        }

        .blackbean-bug {
            width: 350px;
        }

        .potato-wedges,
        .farmhouse-bug {
            width: 400px;
            font-size: 35px;
            line-height: 45px;
        }

        
        .only-17{
            position: absolute;
            bottom: -225px;
        }


        .wedges,
        .bug-ofthe-month {
            padding-top: 65px;
        }

        .outlet-nearyou-fig>img {
            width: 400px;
            height: 500px;
        }

        .outlet-nearyou-fig {
            width: 400px;
        }
        .sec-eight-container {
            justify-content: center;
            align-items: center;
        }
        .lastpage-phone-img {
            width: 500px;
            display: block;
        }

        .quotation-mark {
            display: block;
            position: absolute;
        }
        .btn-nav{
            display: block;
        }

        .sec-three-container{
            width: 80%;
            padding-left: 15%;
        }

        .sec-seven-container{
            width: 80%;
            padding-left: 18%;
        }
        .firstpg-img {
            position: static;
            margin-top: 550px;
            width: 367px;
            height: 359px;
            object-fit: cover;
            display: block;
        }
    }

    @media(min-width:1500px){
        .firstpg-img {
            position: static;
            margin-top: 550px;
            width: 430px;
            height: 445px;
            object-fit: cover;
            display: block;
        }
    }