/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1920px) {
    .header-top ,.container-fluid {
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 1400px) and (max-width: 1499px){
    /* --------- typography page ------------- */
    .typography-main h1 { font-size: 72px; }
    .typography-main h2 { font-size: 65px; }
    /* --------- typography page ------------- */

    .promociones-main-contain .row>*{width: 33.33%;}
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* --------- typography page ------------- */
    .typography-main h1 { font-size: 70px; }
    .typography-main h2 { font-size: 58px; }
    .typography-main h3 { font-size: 50px; }
    /* --------- typography page ------------- */

    .promociones-main-contain .row>*{width: 33.33%;}
    .know-more-img { width: 250px; flex: 0 0 auto; }
    
}

@media (min-width: 1300px) {
    .container { max-width: 1230px; }

    .know-more-img { width: 250px; flex: 0 0 auto; }
}

@media (min-width: 1200px) and (max-width: 1299px){

    /* --------- typography page ------------- */
    .typography-main h1 { font-size: 66px; }
    .typography-main h2 { font-size: 56px; }
    .typography-main h3 { font-size: 48px; }
    .typography-main h4 { font-size: 42px; }
    .typography-main h5 { font-size: 36px; }
    .typography-main h6 { font-size: 28px; }
    /* --------- typography page ------------- */

    .section-title { font-size: 58px; line-height: 65px; }
    .block-title { font-size: 37px; line-height: 40px; }

    /* Header */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 65px; }
    .header-right .btn { margin: 0 40px 0 0;}
    /* Header */

    /* location */
    .location-main { padding: 17px 50px 45px 40px; }
    /* location */

    /* pizz-items */
    .pizz-items-main { padding: 60px 0 95px;}
    /* pizz-items */

    /* applications */
    .applications .aps { padding: 55px 0 0 200px; }
    /* applications */

    /* opinion-into */
    .opinion-into-account-wrp { padding: 37px 0 50px; }
    /* opinion-into */

    /* visit-us */
    .visit-us-main .row >* { padding: 0 20px; }
    .visit-us-main .row { margin: 0 -20px; }
    /* visit-us */

    /* Footer */
    .footer-wrp { padding: 65px 0 50px 25px; }
    /* Footer */

    /* success */
    .success-main .block-title { padding: 0 0 60px;}
    /* success */

    /* our-history */
    .our-history-main { padding: 88px 0 60px; }
    /* our-history */

    /* come-pizza */
    .visit-us-wrp.come-pizza { padding-top: 200px; padding-bottom: 120px; }

    .opinion-into-account-wrp.rewards-page { padding: 104px 0 120px; }

    .reward-page-visit.visit-us-wrp { padding: 220px 0 120px; }
    /* come-pizza */

    /* divyesh */
    .promociones-img{ height: 225px; }
    .promociones-img.coock-img{height: 250px; margin-top: -22px;}
    .promociones-common-block .row >*{padding: 0 10px;}
    .promociones-common-block .row{margin: 0 -10px;}
    .promociones-main-contain{margin-right: 15px;}
    .rewards-form{width: 356px; margin-top: 89px;}
    .rewards-form-block .rewars-form-contain{padding: 25px 25px 20px 25px;}
    .cart-large-title{font-size: 18px;}
    .prices-large{font-size: 20px;}
    .promociones-main-contain .section-title{font-size: 42px; margin-bottom: 33px;}
    /* divyesh */

    .visit-us-wrp.about-visit-wrp { padding: 205px 0 100px; }

    .know-more-img { width: 250px; flex: 0 0 auto; }

}

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

    /* --------- typography page ------------- */
    .typography-main { padding: 60px 0; }
    .typography-main h1 { font-size: 58px; }
    .typography-main h2 { font-size: 55px; }
    .typography-main h3 { font-size: 50px; }
    .typography-main h4 { font-size: 44px; }
    .typography-main h5 { font-size: 36px; }
    .typography-main h6 { font-size: 28px; }
    .typography-main .main-title{font-size: 72px;}
    /* --------- typography page ------------- */

    .section-title { font-size: 53px; line-height: 60px; }
    .block-title { font-size: 35px; line-height: 40px; }
    .block-detail { font-size: 30px; line-height: 35px; }
    

    /* Header */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 45px; }
    .header-right .btn { margin: 0 25px 0 0; font-size: 14px; line-height: 20px; padding: 11px 13px;}
    .navbar-nav .nav-item .nav-link { font-size: 22px; line-height: 26px; }    
    .cart img { max-width: 35px;}
    .header-top { padding: 18px 25px 20px; }
    .buy-option { column-gap: 20px; }
    .cart::before { right: -10px; }

    .header-list .navbar-nav { padding: 16px 0 16px; }
    .header-list .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 24px; }
    /* Header */

    /* location */
    .location-main { padding: 17px 50px 45px 40px; }
    .location-top .block-title { padding: 0 0 15px; }
    .location-bottom .form-group { max-width: 590px;}
    .location-img { padding: 20px 0 0 0; }
    /* location */

    /* pizz-items */
    .pizz-items-main { padding: 40px 0 65px;}
    /* pizz-items */

    /* nuestra-application */
    .nuestra-application-img { margin: 0 0 -200px 0; max-width: 280px; }
    .applications .aps a { max-width: 195px; }
    .applications .aps { padding: 55px 0 0 250px; }
    /* nuestra-application */

    /* know-more */
    .know-more-content .detail { padding: 15px 0 20px; min-height: 100px; }
    /* know-more */

    /* opinion-into */
    .opinion-into-account-img {flex: 0 0 50%;}
    .opinion-into-account-wrp { padding: 35px 0 50px; }
    /* opinion-into */

    /* visit-us */
    .visit-us-main .row >* { padding: 0 20px; }
    .visit-us-main .row { margin: 0 -20px; }
    /* .visit-us-wrp { padding: 200px 0 120px; } */
    .visit-us-wrp { padding: 40px 0 100px; }
    .visit-us-block .block-detail { font-size: 25px; line-height: 30px; padding: 0 0 20px 0;}
    /* visit-us */

    /* Footer */
    .footer-wrp { padding: 65px 0 50px 0; }
    /* Footer */

    /* ---- reward page ---- */
    /* visit us */
    .reward-page-visit.visit-us-wrp { padding: 140px 0 80px; }
    /* visit us */

    /* success */
    .success-main .block-title { padding: 0 0 55px;}
    .success-content { padding: 40px 0 0 0; }
    /* success */

    /* our-history */
    .our-history-main .block-title, .success-main .block-title { font-size: 37px; line-height: 45px; }
    .our-history-main { padding: 75px 0 55px; }
    .our-history-block .block-detail { font-size: 28px; line-height: 33px; }
    .our-history-block .detail { font-size: 19px; line-height: 24px; padding: 20px 0 0;}
    /* our-history */

    /* ---- reward page ---- */

    /* come-pizza */
    .visit-us-wrp.come-pizza { padding-top: 170px; padding-bottom: 100px; }

    .opinion-into-account-wrp.rewards-page { padding: 80px 0 100px; }

    .reward-page-visit.visit-us-wrp { padding: 170px 0 120px; }
    /* come-pizza */

    /* divyesh */
    .visit-us-wrp.promociones-page{padding: 60px 0 80px;}
    .promociones-img{ height: 225px; }
    .promociones-img.coock-img{height: 250px; margin-top: -22px;}
    .promociones-common-block .row >*{padding: 0 10px;}
    .promociones-common-block .row{margin: 0 -10px;}
    .promociones-main-contain{margin-right: 15px;}
    .rewards-form{width: 356px; margin-top: 92px;}
    .rewards-form-block .rewars-form-contain{padding: 25px 25px 20px 25px;}
    .cart-large-title{font-size: 18px;}
    .prices-large{font-size: 20px;}
    .promociones-main-contain .section-title{font-size: 42px; margin-bottom: 33px;}
    .bebidas-img{height: 243px;}
    /* divyesh */


    .opinion-into-account-content .section-title { font-size: 50px; line-height: 54px; padding: 0 0 25px; }
    .about-into-acc .opinion-into-account-content .block-detail { font-size: 26px; line-height: 33px; }
    .about-into-acc .opinion-into-account-content .btn { font-size: 20px; line-height: 23px; padding: 9px 20px; }
    .about-into-acc .opinion-into-account-content {padding-left: 30px; padding-bottom: 40px;}

    .visit-us-wrp.about-visit-wrp { padding: 145px 0 60px; }
    .know-more-img { width: 250px; flex: 0 0 auto; }
}

@media (max-width: 991px) {
    /* button-start */

    .know-more-img { width: 250px; flex: 0 0 auto; }

    button.navbar-toggler {
        border: none;
    }
    
    .navbar-toggler {
        right: 0;
        top: 0;
    }
    
    .navbar-toggler {
        border: none;
        background-color: transparent;
        position: relative;
        z-index: 9999;
        right: 0;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        max-width: 100%;
        width: 100%;
        bottom: 0;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        transition: 0.5s;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .navbar-collapse.show {
        right: 0;
        height: auto;
    }
    
    .navbar-collapse.show::before {
        right: 0;
    }
    
    .navbar-collapse::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 80px;
        top: 0;
        right: -100%;
        background-color: #ffffff;
        transition: 0.5s;
        z-index: 9;
    }
    
    .navbar .navbar-nav {
        align-items: center;
        position: relative;
        top: 0;
        margin: 0 auto !important;
    }

    .navbar {
        padding: 0;
    }
    
    .header .navbar-nav .nav-item {
        padding: 15px 0;
    }
    
    .header .navbar-nav .nav-item:first-child {
        padding-left: 0;
    }

    .navbar-toggler span {
        background-color: #ed2024;
        width: 25px;
        height: 2px;
        display: block;
        margin-bottom: 5px;
        transition: 0.5s;
        position: relative;
    }

    .navbar-toggler span:last-child {
        margin: 0;
    }
    
    .navbar-toggler.open span:first-child {
        top: 5px;
        transform: rotate(45deg);
    }
    
    .navbar-toggler.open span:nth-child(2) {
        display: none;
    }
    
    .navbar-toggler.open span:last-child {
        top: -2px;
        transform: rotate(-45deg);
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .header-list-mobile .navbar-nav {
        flex-direction: column;
        padding: 0;
    }

    .header-list-mobile .navbar-nav .nav-link {
        font-family: 'PapaSansHeavy';
    }

    .header-list-mobile.header-list {
        background-color: transparent;
    }

    .header-pages .navbar {
        padding: 0;
    }

    .promocions-list.header-list-mobile .navbar-nav {
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
        padding: 15px 0;
    }

    .promocions-list.header-list-mobile .navbar-nav .nav-item {
        padding: 0;
    }

    .promocions-list.header-list-mobile {
        background-color: #f5e8dc;
    }

    /* button-end */
}

@media (min-width: 768px) and (max-width: 991px){

    /* --------- typography page ------------- */
    .typography-main { padding: 60px 0; }
    .typography-main h1 { font-size: 48px; }
    .typography-main h2 { font-size: 44px; }
    .typography-main h3 { font-size: 42px; }
    .typography-main h4 { font-size: 40px; }
    .typography-main h5 { font-size: 36px; }
    .typography-main h6 { font-size: 28px; }
    .typography-main .main-title{font-size: 72px;}
    /* --------- typography page ------------- */

    .section-title { font-size: 40px; line-height: 50px; }
    .block-title { font-size: 35px; line-height: 40px; }
    .common-title { font-size: 20px; line-height: 24px; }
    .section-title.font-47 { font-size: 44px; line-height: 50px; }
    .block-detail { font-size: 30px; line-height: 35px; }
    

    /* Header */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 0; }
    .mobile-btn .btn { font-size: 17px; line-height: 20px; padding: 10px 13px;}
    /* .header-right .btn { display: none;} */
    .navbar-nav .nav-item .nav-link { font-size: 22px; line-height: 26px; }    
    .cart img { max-width: 35px;}
    .header-top { padding: 18px 25px 20px; display: flex; justify-content: space-between; align-items: center; }
    .buy-option { column-gap: 20px; }
    .cart::before { right: -10px; }
    /* .header-right {padding: 30px 0 0 0;} */
    /* Header */
    
    /* location */
    .location-main { padding: 20px 30px 45px; }
    .location-top .block-title { padding: 0 0 15px; }
    .location-bottom .form-group { max-width: 420px;}
    .location-img { padding: 20px 0 0 0; max-width: 200px; margin: 0 210px 0 0; }
    .location-top {flex-direction: column-reverse; padding: 0;}
    .location-bottom .form-control { padding: 12.5px 50px; }
    .location-bottom .btn { font-size: 23px; line-height: 25px; padding: 11px 37px; }
    .location-top .detail {padding: 0 0 20px 0;}
    /* location */

    /* pizz-items */
    .pizz-items-main { padding: 40px 0 65px;}
    .pizz-items-img { height: 320px;}
    /* pizz-items */

    /* nuestra-application */
    .nuestra-application-img { margin: 0 0 -90px 0; max-width: 170px; }
    .applications .aps a { max-width: 150px; }
    .applications .aps { padding: 35px 0 0 120px; column-gap: 15px }
    .nuestra-application-main { padding: 60px 0 0 0; }
    .nuestra-application-content .common-title { padding: 15px 0 0 0; }
    /* nuestra-application */

    /* know-more */
    .know-more-content .detail { padding: 15px 0 20px; min-height: 70px; }
    .know-more-content .common-title { min-height: 30px; }
    .know-more-wrp { padding: 80px 0 35px; }
    /* know-more */

    /* opinion-into */
    .opinion-into-account-main {flex-direction: column;}
    .opinion-into-account-img { flex: 0 0 auto; max-width: 100%; margin: 0 auto; }
    .opinion-into-account-content {margin: 30px 0 0 0;}
    .opinion-into-account-wrp { padding: 35px 0 40px; }
    /* opinion-into */

    /* visit-us */
    .visit-us-main .row >* { padding: 0 10px; }
    .visit-us-main .row { margin: 0 -10px; }
    /* .visit-us-wrp { padding: 200px 0 100px; } */
    .visit-us-wrp { padding: 30px 0 50px; }
    .visit-us-block .block-detail { font-size: 23px; line-height: 25px; padding: 0 0 20px 0;}
    /* visit-us */

    /* Footer */
    .footer-wrp { padding: 65px 0 50px 0; }
    .footer-block { padding: 0 0 0 30px; }
    .footer-top .row >*:nth-child(4) .footer-block { padding: 0 0 0 45px; }
    .footer-top .row >*:nth-child(3) .footer-block { padding: 0 0 0 25px; }
    .footer-top { padding: 0 0 40px 0; }
    .footer-bottom .block-detail { font-size: 27px; line-height: 30px; }
    /* Footer */

    /* ---- reward page ---- */
    /* visit us */
    .reward-page-visit.visit-us-wrp { padding: 80px 0 80px; }
    /* visit us */

    /* success */
    .success-main .block-title { font-size: 38px; line-height: 40px; padding: 0 0 40px;}
    .success-content { padding: 25px 0 0 0; }
    .success-img { height: 220.19px; }
    .success-main { padding: 70px 0 80px; }
    /* success */

    /* our-history */
    .our-history-main .block-title, .success-main .block-title { font-size: 30px; line-height: 35px; }
    .our-history-main { padding: 50px 0 30px; }
    .our-history-block .block-detail { font-size: 25px; line-height: 30px; }
    .our-history-block .detail { font-size: 18px; line-height: 24px; padding: 20px 0 0;}
    .our-history-section { padding: 40px 0 0 0; }
    .our-history-block .btn { margin: 30px 0 0; }
    .our-history-section .row { padding: 0 0 40px; }
    /* our-history */

    /* ---- reward page ---- */

    /* come-pizza */
    .visit-us-wrp.come-pizza { padding-top: 70px; padding-bottom: 80px; }

    .opinion-into-account-wrp.rewards-page { padding: 60px 0 70px; }

    .reward-page-visit.visit-us-wrp { padding: 80px 0 70px; }
    /* come-pizza */

    
    /* divyesh */
    .rewards-form-block{width: 330px;}
    .promociones-img{width: 268px; margin: 0 auto   ;}
    .visit-us-wrp.promociones-page{padding: 60px 0 80px;}
    .rewards-form{width: 316PX;}
    .rewards-form-block{top: 10px;}
    .rewards-form-block .rewars-form-contain{padding: 15px 20px 15px 20px;}
    .rewards-form .form-title {font-size: 19px; line-height: 22px;}
    .promociones-img.coock-img{height: 310px;}
    .promociones-main-contain .section-title{font-size: 38px; line-height: 48px;}
    .promociones-main-contain{margin-right: 25px;}
    .rewards-form .form-group .form-control{font-size: 18px;}
    .rewards-form .form-group .form-control::placeholder{font-size: 18px;}
    .bebidas-img{height: unset; width: 160px; margin: 0 auto;}
    .Pizzas-img{text-align: center; height: 215px;}
    .pizzas-signature-img{text-align: center;}
    /* divyesh */

    .come-pizza .our-history-section { padding: 40px 0 0 0; }
    .come-pizza .section-title {padding: 0;}

    .about-into-acc .opinion-into-account-img {margin-top: 20px;}
    .about-into-acc .opinion-into-account-content { max-width: 100%; text-align: center; padding-top: 45px; margin: 0 auto; padding-bottom: 40px; }
    .opinion-into-account-content .section-title { font-size: 48px; line-height: 50px; padding: 0 0 25px; }
    .about-into-acc .opinion-into-account-content .btn { font-size: 20px; line-height: 23px; padding: 9px 23px; }


    .visit-us-wrp.about-visit-wrp { padding: 65px 0 50px; }

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    .section-title { font-size: 33px; line-height: 40px; }
    .block-title { font-size: 32px; line-height: 37px; }
    .common-title { font-size: 17px; line-height: 24px; }
    .section-title.font-47 { font-size: 40px; line-height: 45px; }
    .block-detail { font-size: 28px; line-height: 33px; }


    /* Header */
    .navbar-nav .nav-item:not(:last-child) { margin-right: 0; }
    .mobile-btn .btn { font-size: 16px; line-height: 18px; padding: 9px 11px; }
    /* .header-right .btn { display: none;} */
    .navbar-nav .nav-item .nav-link { font-size: 22px; line-height: 26px; }    
    .cart img { max-width: 35px;}
    .header-top { padding: 18px 15px 20px; display: flex; justify-content: space-between; align-items: center; }
    .buy-option { column-gap: 20px; }
    .cart::before { right: -10px; }
    /* .header-right {padding: 30px 0 0 0;} */
    .navbar-brand img {max-width: 160px; width: 100%;}
    /* Header */

    /* location */
    .location-main { padding: 20px 30px 45px; }
    .location-top .block-title { padding: 0 0 15px; }
    .location-bottom .form-group { max-width: 420px;}
    .location-img { padding: 20px 0 0 0; max-width: 200px; }
    .location-top {flex-direction: column-reverse; padding: 0; width: 100%;}
    .location-bottom .form-control { padding: 12.5px 50px; }
    .location-bottom .btn { font-size: 23px; line-height: 25px; padding: 11px 37px; margin-top: 15px; margin-bottom: .7rem; }
    .location-top .detail {padding: 0 0 20px 0;}
    .location-bottom form {flex-direction: column;}
    .location-bottom .form-group::before { width: 18px; height: 30px; }
    /* location */

    /* pizz-items */
    .pizz-items-main { padding: 25px 0 40px;}
    .pizz-items-img { height: 350px;}
    .pizz-items-main .row >* {padding: 0 15px;}
    .pizz-items-main .row {margin: 0 -15px;}
    /* pizz-items */

    /* nuestra-application */
    .nuestra-application-img { margin: 0 0 -150px 0; max-width: 200px; }
    .applications .aps a { max-width: 130px; }
    .applications .aps { padding: 20px 0 0 200px; column-gap: 10px; }
    .nuestra-application-main { padding: 60px 0 0 0; }
    .nuestra-application-content .common-title { padding: 15px 0 0 0; }
    /* nuestra-application */

    /* know-more */
    .know-more-content .common-title { min-height: 30px; }
    .know-more-section { padding: 30px 0 0; }
    .know-more-section .common-title { font-size: 24px; line-height: 31px; }
    .know-more-content .detail { padding: 15px 0 10px; min-height: 55px; }
    .know-more-wrp { padding: 120px 0 35px; }
    /* know-more */

    /* opinion-into */
    .opinion-into-account-main {flex-direction: column;}
    .opinion-into-account-img { flex: 0 0 auto; max-width: 100%; margin: 0 auto; }
    .opinion-into-account-content {margin: 30px 0 0 0;}
    .opinion-into-account-content .common-title { font-size: 19px; line-height: 25px; }
    .opinion-into-account-content .common-title { padding: 20px 0 35px; }
    .opinion-into-account-wrp { padding: 35px 0 30px; }

    .pizz-items-block .pizz-items-detail { min-height: 175px; }
    /* opinion-into */

    /* visit-us */
    .visit-us-main .row >* { padding: 0 10px; }
    .visit-us-main .row { margin: 0 -10px; }
    /* .visit-us-wrp { padding: 200px 0 100px; } */
    .visit-us-wrp { padding: 25px 0 60px; }
    .visit-us-block .block-detail { font-size: 23px; line-height: 25px; padding: 0 0 10px 0;}
    /* visit-us */

    /* Footer */
    .footer-wrp { padding: 65px 0 50px 0; }
    .footer-block { padding: 0 0 0 30px; }
    .footer-top .row >*:nth-child(4) .footer-block { padding: 0; }
    .footer-top .row >*:nth-child(3) .footer-block { padding: 0; }
    .footer-top .row >*:nth-child(2) .footer-block { padding: 0; }
    .footer-top { padding: 0 0 40px 0; }
    .footer-bottom .block-detail { font-size: 27px; line-height: 30px; }
    .footer-bottom {flex-direction: column;  row-gap: 25px;}
    .footer-wrp { padding: 45px 0 40px 0; }
    .footer-block {padding: 0;}
    .footer-top .row {row-gap: 30px;}
    /* Footer */

    /* ---- reward page ---- */
    /* visit us */
    .reward-page-visit.visit-us-wrp { padding: 60px 0 60px; }
    /* visit us */

    /* success */
    .success-main .block-title { font-size: 32px; line-height: 40px; padding: 0 0 30px;}
    .success-content { padding: 20px 0 25px 0; max-width: 100%; }
    .success-img { height: 400px; max-width: 100%; }
    .success-main { padding: 50px 0 40px; }
    .success-content .common-title { padding: 0 0 15px; font-size: 24px; line-height: 26px; }
    /* success */

    /* our-history */
    .our-history-main .block-title, .success-main .block-title { font-size: 25px; line-height: 30px; }
    .our-history-main { padding: 40px 0 20px; }
    .our-history-block .block-detail { font-size: 22px; line-height: 28px; }
    .our-history-block .detail { font-size: 17px; line-height: 24px; padding: 15px 0 0;}
    .our-history-section { padding: 30px 0 0 0; }
    .come-pizza .our-history-section{padding: 15px 0 0;}
    .our-history-block .btn { margin: 30px 0 20px; }
    .our-history-section .row { padding: 0 0 40px; }
    .our-history-block {padding: 10px 0 0 ;}
    .our-history-block .detail *:not(:last-child) { margin: 0 0 15px; }
    /* our-history */

    /* ---- reward page ---- */

    /* come-pizza */
    .visit-us-wrp.come-pizza { padding-top: 30px; padding-bottom: 40px; }

    .opinion-into-account-wrp.rewards-page { padding: 30px 0 40px; }

    .reward-page-visit.visit-us-wrp { padding: 30px 0 40px; }

    /* come-pizza */
    
    /* divyesh */
    .visit-us-wrp.promociones-page{padding: 0px 0 50px;}
    .rewards-form-block .rewars-form-contain{height: auto; padding: 20px 15px;}
    .bebidas-img{width: 151px; height: 151px; margin: 0 auto;}
    .promociones-wrap .container-fluid{padding: 0 15px;}
    .promociones-common-block{flex-direction: column; padding: 38px 0 0px;}
    .header .navbar-nav .nav-item{padding: 10px 0; text-align: center;}
    .rewards-form-block{height: auto;}
    .rewards-form-block ,.rewars-form-contain{padding: 20px 15px; height: auto; width: 100%;}
    .rewards-form .form-title{font-size: 18px; line-height: 22px;}
    .rewards-form .form-group .form-control{font-size: 18px;}
    .rewards-form .form-group .form-control::placeholder{font-size: 18px;}
    .rewards-form-block .btn{font-size: 18px; margin-bottom: 12px;}
    .promociones-detail{padding-top: 15px;}
    .rewards-form{width: 100%; margin-top: 10px;}
    .promociones-block{margin-bottom: 40px; height: calc(100% - 40px);}
    .promociones-detail .promociones-detail-wrap{margin-bottom: 16px;}
    .promociones-main-contain{margin-right: 0;}
    .promociones-img{height: 250px;}
    .promociones-contain-wrap{margin-right: 0;}
    .rewards-form-img{margin-left: auto; margin-right: auto;}
    .cart-large-title{font-size: 18px;}
    .prices-large{font-size: 18px;}
    
    .promociones-main-contain .section-title { font-size: 30px; line-height: 40px; margin-bottom: 23px; }
    /* divyesh */


    .promocions-list.header-list-mobile .navbar-nav .nav-item .nav-link { font-size: 20px; }
    .promocions-list.header-list-mobile .navbar-nav { gap: 10px; padding: 12px 0; }
    .promocions-list.active {position: relative;}

    .come-pizza .section-title {padding: 0;}

    .about-into-acc .opinion-into-account-img {margin-top: 20px;}
    .about-into-acc .opinion-into-account-content { max-width: 100%; text-align: center; padding-top: 45px; margin: 0 auto; padding-bottom: 40px; padding-right: 20px; padding-left: 20px; }
    .opinion-into-account-content .section-title { font-size: 40px; line-height: 45px; padding: 0 0 25px; }
    .about-into-acc .opinion-into-account-content .btn { font-size: 18px; line-height: 20px; padding: 9px 23px; }
    .about-into-acc .opinion-into-account-content .block-detail { font-size: 23px; line-height: 30px; }

    .visit-us-wrp.about-visit-wrp { padding: 125px 0 50px; }


}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){

    /* --------- typography page ------------- */
    .typography-main { padding: 50px 0; }
    .typography-main h1 { font-size: 36px; }
    .typography-main h2 { font-size: 34px; }
    .typography-main h3 { font-size: 31px; }
    .typography-main h4 { font-size: 28px; }
    .typography-main h5 { font-size: 26px; }
    .typography-main h6 { font-size: 24px; }
    .typography-main p { font-size: 16px; margin: 0 0 10px 0;}
    .typography-main strong { font-size: 16px; }
    .typography p span { font-size: 16px; }
    .typography-main img { max-width: 100%;}
    .typography-main blockquote { font-size: 16px; padding-left: 10px; border-left: 4px solid #FF5353;}
    .typography-main a { font-size: 16px;}
    .typography-main ul li { font-size: 16px; }
    .typography-main ol li { font-size: 16px; }
    .typography-main ul, ol { padding: 0 0 0 20px;}
    .typography-main .main-title{font-size: 62px;}
    /* --------- typography page ------------- */

    /* reward-page */
    .reward-page-visit.visit-us-wrp{padding: 120px 0 40px;}
    /* reward-page */

    /* welcome-page */
    .visit-us-wrp.come-pizza { padding-top: 130px; padding-bottom: 40px; }
    /* welcome-page */

    /* divyesh */
    .complementos-img{ height: 245px; }
    /* divyesh */

}

@media (min-width: 240px) and (max-width: 575px){

    /* --------- typography page ------------- */
    .typography-main { padding: 60px 0; }
    .typography-main h1 { font-size: 30px; }
    .typography-main h2 { font-size: 28px; }
    .typography-main h3 { font-size: 26px; }
    .typography-main h4 { font-size: 24px; }
    .typography-main h5 { font-size: 22px; }
    .typography-main h6 { font-size: 20px; }
    .typography-main p { font-size: 16px; margin: 0 0 10px 0;}
    .typography-main strong { font-size: 16; }
    .typography p span { font-size: 16px; }
    .typography-main img { max-width: 100%;}
    .typography-main blockquote { font-size: 16px; padding-left: 10px; border-left: 4px solid #FF5353;}
    .typography-main a { font-size: 16px;}
    .typography-main ul li { font-size: 16px; }
    .typography-main ol li { font-size: 16px; }
    .typography-main ul, ol { padding: 0 0 0 20px;}
    .typography-main .main-title{font-size: 52px;}
    .back-home-button .btn{padding: 12px 28px;}
    /* --------- typography page ------------- */

    .block-detail { font-size: 25px; line-height: 30px; }
    .section-title.font-47 { font-size: 35px; line-height: 40px; }
    
    .nuestra-application-main {flex-direction: column;}
    .nuestra-application-wrp { background-position: right -40px; background-color: #fe0100;}
    .nuestra-application-img { max-width: 200px; margin: 0; }
    .nuestra-application-content {padding: 25px 0; margin: 0;}
    .applications .aps {padding: 20px 0;}

    .know-more-wrp { padding: 30px 0 35px; }

    .opinion-into-account-content { padding: 25px 20px 25px; }    
    .footer-bottom .block-detail { font-size: 18px; line-height: 25px; }
    .footer-bottom { row-gap: 20px; text-align: center; }
    .footer-block { text-align: center; }
    .footer-block ul li {display: inline-block;}
    .footer-block ul {display: flex; flex-direction: column;}
    .footer-block .common-title { padding: 0 0 15px; }

    .location-img { padding: 20px 0 0 0; max-width: 150px; }
    /* .location-bottom .btn { font-size: 18px; line-height: 20px; padding: 11px 30px; } */

    .btn-white { padding: 0 !important; font-size: 20px;}

    /* divyesh */
    .header-list .navbar-nav{flex-direction: column; align-items: center;}
    .Pizzas-img{text-align: center;}
    .pizzas-signature-img{text-align: center;}
    .postres-img{height: 245px;}
    .pizzas-signature{height: 195px;}
    .especialidade-img{height: 190px;}
    .extras-img{height: 175px;}
    .complementos-img{height: 175px;}
    .Pizzas-img{ height: 175px;}
    .rewards-form-img{width: 196px; height: 98px;}
    /* divyesh */


    .promociones-block { height: auto; }
    .promociones-img {height: auto;}
    .promocions-list.header-list-mobile .navbar-nav { row-gap: 3px; padding: 12px 0; }
    .promociones-img.coock-img {height: auto;}

    .promociones-detail .promociones-detail-wrap { flex-direction: column; }
    .promociones-detail .cart-title { margin-bottom: 10px; }
    
    .opinion-into-account-content .common-title *:not(:last-child) { margin: 0 0 12px; }
    .about-into-acc .opinion-into-account-content .common-title { font-size: 16px; line-height: 20px; }
    .about-into-acc .opinion-into-account-content .btn { font-size: 16px; line-height: 18px; padding: 8px 15px; }
    .about-into-acc .opinion-into-account-content { padding-top: 35px; }
    .opinion-into-account-wrp.about-into-acc { padding: 15px 0 30px; }

    .visit-us-wrp.about-visit-wrp { padding: 25px 0 50px; }
}

@media (max-width: 374px){
    .block-title { font-size: 27px; line-height: 33px; }

    .navbar-brand img { max-width: 110px; }
    .mobile-btn { column-gap: 10px; }
    .mobile-btn .btn { font-size: 15px; line-height: 17px; padding: 7px 9px; }
    .header-top { padding: 16px 15px 20px;}
    .location-main { padding: 20px 20px 45px; }
    .location-bottom .form-control { padding: 10.5px 30px; }
    .location-bottom .form-group::before { width: 11px; height: 18px; left: 11px; }
    .location-bottom .form-control::placeholder {font-size: 14px;}
    .success-img { height: 230px; }
    .success-content .common-title { padding: 0 0 10px; font-size: 22px; line-height: 25px; }
    .our-history-block {padding: 15px 0 0 0;}
    .our-history-block .detail {padding: 10px 0 0 0; font-size: 16px;}
    
    .opinion-into-account-content .section-title { font-size: 33px; line-height: 40px; padding: 0 0 15px; }
    .about-into-acc .opinion-into-account-content .block-detail { font-size: 18px; line-height: 22px; }
}