/*Classic Theme*/

/*
  Author name : Dot Log
  Website : https://dotlog.gr
*/



@media (min-width: 320px) and (max-width: 479px){ 

    /* .top-logo{
 
        border: 1px solid red;
 
    } */
 
 
 
    .hamburger{
 
        padding: 0;
 
    }
 
    .hamburger-inner{
 
        margin-top: 0;
 
    }
 
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
 
     width: 30px;
 
     height: 3px;
 
   }
 
 
 
   .hamburger-box{
 
       width: 30px;
 
       height: 10px;  
 
   }  
 
 
 
   #main-search-banner .banner-center{
 
     width: 100%;
 
   }
 
   #main-search-banner{
 
     height:700px;
     background: url("../images/search-bg-right-2.png") top center;
     background-repeat: no-repeat;
     background-size:  120% auto;
 
   }
   .search-banner-bot{
       margin-top: 40%!important;
   }
 
 
 
   .h2, h2 {
 
     font-size: 1.5rem;
 
   }
 
   
 
   .restaurant-carousel.rounded img{  
 
     height: 130px;
 
   }
 
 
 
   .section-addons .addons{
 
       height: 200px;      
 
   }
 
 
 
   .section-benefits .benefits  
 
   {
 
     height: 220px;    
 
   }
 
 
 
   .section-benefits .d-flex{
 
     height:auto;
 
   }
 
   
 
   .h4, h4 {
 
     font-size: 1rem;
 
   }
 
 
 
   .section-join-us,
 
   .section-join-us .d-flex
 
    {
 
       height: auto;
 
    }
 
 
 
    .section-join-us .d-flex{    
 
     padding: 20px;
 
    }
 
 
 
    .h1, h1 {
 
     font-size: 1.4rem;
 
    }
 
 
 
    .h3, h3 {
 
     font-size: 1rem;
 
    }
 
 
 
    /*.btn{
 
       padding: 8px !important;
 
    }*/
 
 
 
    .btn-circle{
 
      padding: 6px 0px !important;
 
    }
 
 
 
    .btn-search{
 
       padding: 0 !important;
 
    }
 
    
 
    .action-index #vue-widget-nav-mobile,
 
    .action-menu  .widget-services
 
    {
 
      display: none !important;
 
    }
 
 
 
    .action-restaurants #top-navigation{
 
     border-bottom: none;
 
    }
 
    
 
    .section-fast-delivery-mobile{
 
       background-size:30%, 30%;
 
    }   
 
 
 
    #feed-search-mobile .inputs-box-grey{
 
       width: 100%;
 
    } 
 
 
 
    .section-menu .menu-left{
 
       border-right:0;
 
     }
 
     
 
     .gallery_magnific{        
 
         width: 100% !important;        
 
     }
 
 
 
     .gallery img{
 
         height: 120px;
 
     }
 
     
 
     #main-container{
 
         padding-left:0;
 
       }
 
 
 
     body.column2-layout{
 
         background: #fff;
 
     }
 
 
 
     body.column2-layout #top-nav{
 
         border-bottom: 1px solid #e5e5e5;        
 
     }
 
 
 
     .order-search-wrap .search-geocomplete{
 
         border: 1px solid #e5e5e5;
 
     }
 
     
 
     .address-slot.card,
 
     .card-listing.card
 
     {
 
         height:auto;
 
         border: 1px solid  #e5e5e5;
 
     }
 
        
 
     .receipt-section img,
 
     .pagenotfound-section .img-350
 
     {
 
         max-width:100%;
 
     }

    #vue-search{        
        padding-left: 20px;
        padding-right: 20px;
    }
 
     .delivery-hours h3,
     .delivery-hours h4,
     .bridge-franchise h3,
     .bridge-franchise h4{
         font-size: 18px;
     }
     .delivery-hours h4::before{
         font-size: 18px;
     }
     .sub-footer-nav{
         justify-content: space-evenly;
     }
     .sub-footer-nav a{
         font-size: 14px;
         padding:3px 0;
         display:inline-block;
     }
     .sub-footer-nav a::before{
         font-size: 14px;
         padding:3px 0;
     }
     .list-inline.certification-list i,
     .certification-list i
     {
     font-size:70px;
     }
     .left-headding-wrap h2{
        font-size: 17px;
    }
     .certification-list i {
     display: block;  
     padding: 0 15px;  
     }
     .left-headding-wrap{
     width:330px;
     display:block;
     margin:auto;
     }
     .home-search-wrap{
     width:310px;
     display:block;
     margin:auto;
     }
     .expample-address{
        font-size: 12px;
    }
     .search-logo-wrap{
     width:310px;
     display:block;
     margin:auto;
     }
     .btn-search-outside{
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }
    .banner-steps,
    .banner-sign-up,
    .banner-discount{
        width: auto;
        min-height: 200px;
    }
    .banner-1-mob{
        min-height: 190px;
    }
    .banner-1-center{
        background: url(../images/banner-1-center@1.5x.png) left bottom;
        background-size: 100% auto;
    }
    #main-home-banner-mobile .banner-1-left-container{
        position: relative;
    }
    .banner-1-right-container {
        margin-left: -97%!important;
    }
    .banner-1-center-container{
        padding-left: 0%!important;
        padding-right: 15%!important;
    }
    .banner-1-img-kokkkos{
        width: 60px;
        right: 7%;
    }
    .banner-discount h2,
    .banner-3-text h2,
    .banner-discount sup{
    font-family: "HGF SemiBold";
    font-size: 26px;
    }
    .banner-sign-up h2{
        font-size: 26px;
    }
    .banner-2-btn span{
        font-size: 25px;
    }
    .banner-3-text h1{
        font-size: 30px; 
    }
    .banner-discount h1{
    font-family: "HGF SemiBold";
    font-size: 37px;
    }
    .banner-1-left-container img{
        width: 140px;
    }
    #main-home-banner-mobile .banner-2-container{
        background: url("../images/banner-2-mob-bg.svg") left bottom;
        background-size: 90%;
        background-repeat: no-repeat;
        position: relative;
        min-height: 350px;
    }
    #main-home-banner-mobile .banner-2-btn{
        position: relative;
        width: 320px;
        top: 30%;
        right: auto;
        bottom: auto;
    }
    .banner-3-step-1 img{
    width: 170px;
    }
    .banner-3-step-2 img{
    width: 170px;
    }
    .banner-3-step-3 img{
    width: 230px;
    }
    .banner-3-steps h1{
    font-size: 47px;
    }
    .banner-3-steps h4{
    font-size: 20px;
    }
 
 
 }
 
 
 
 
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) 
 
 {
 
   
    .top-logo{
        /* border: 1px solid blue; */
    }
 
 
 
     .top-logo img,
 
     .footer-logo img
 
     {
 
         max-width: 140px;
 
         max-height:30px;
    }
 
    .el-dialog{        
        width: 90% !important;
     }
 
 
 
     .ml-xs-1{
 
         margin-left: 0.5rem !important;
 
     }
 
 
 
     #main-search-banner{
 
         height:700px;
 
         background-size:  120% auto;
 
     }
 
 
 
     .h2, h2 {
 
         font-size: 1.2rem;
 
      }
 
 
 
      .restaurant-carousel.rounded img{  
 
         height: 100px;
 
     }
 
     
 
     .h1, h1 {
 
       font-size: 1.5rem;
 
     }
 
 
 
     .h3, h3 {
 
         font-size: 1.1rem;
 
     }
 
 
 
     h5 {
 
         font-size: 14px;
 
     }
 
 
 
     .tree-columns-center .d-flex{        
 
         height: auto;
 
     }
 
 
 
     .section-mobileapp img.mobileapp{
 
         max-width: 200px;
 
     }
 
 
 
     .social-list a{
 
         font-size: 15px;
 
     }
 
     
 
     .sub-footer-nav a {
 
         font-size: 12px;
 
       }
 
      
 
     .sub-footer-nav h6{
 
         font-size: 13px !important;
 
     } 
 
 
 
     .section-fast-delivery-mobile{
 
         height:250px;   
 
      }
 
 
 
      .list-items img, .skeleton-height{
 
         height: 100px;
 
      }

      .list-items{
        width: 50%;
      }
 
        
 
      .login-container{
 
          width: 100%;
 
      }
 
 
 
      .form-control-text {
 
         min-height: 45px;
 
       }
 
 
 
      .form-label-group > label,
 
      .btn-green, 
 
      .form-control-text,
 
      .social-login a,
 
      a.btn,
 
      .back-arrow,
 
      .chevron-section
 
      {
 
         font-size: 12px !important;
 
         /* border: 1px solid red; */
 
      }
 
 
 
      .btn-group label,
 
      .btn-group p,
 
      .form-check-label
 
      {
 
          font-size: 11px !important;
 
          /* border: 1px solid red; */
 
      }
 
 
 
      a.btn{
 
          padding: 8px !important;
 
      }
 
 
 
      .input-group-small .btn{
 
         padding: 5px 8px;
 
      }
 
 
 
      .category-carousel a.btn{
 
          font-size: 20px !important;
 
      }
 
      
 
      a.btn.btn-circle{
 
          padding: 6px 0px !important;
 
      }
 
 
 
      .chevron-section{
 
         min-height:auto;
 
      }
 
 
 
      .track-map-div{
 
         height: calc(100vw * (9/16));
 
      }   
 
 
 
      .sidebar-panel{
 
          width: auto;
 
      }
 
 
 
      .top-menu .drawer-menu ul li a,
 
      .menu-carousel a
 
      {
 
          font-size: 12px;
 
      }
 
      .top-menu .drawer-menu ul.with-icons li a{
 
          text-indent: 25px;
 
      }
 
      
 
      #main-container{
 
         padding-top: 10px;
 
      }
 
 
 
      .header_icon._icons{
 
         width:40px;
 
         height:40px;
 
      }
 
 
 
      .header_icon .rounded-button-icon{
 
         width: 20px;
 
         height: 20px;
 
         line-height: 20px;
 
         margin-top: 10px;
 
      }
 
      .header_icon .rounded-button-icon i{
 
         font-size:20px;
 
      }
 
 
 
      .register-bg{
 
         min-height: 250px;
 
      }
 
 
 
      .item-modal-footer.modal-footer .w-25{         
 
          width: 35% !important;
 
      }
 
      .delivery-hours h3,
     .delivery-hours h4,
     .bridge-franchise h3,
     .bridge-franchise h4{
         font-size: 18px;
     }
     .delivery-hours h4::before{
         font-size: 18px;
     }
     .sub-footer-nav{
         justify-content: space-evenly;
     }
     .sub-footer-nav a{
         font-size: 14px;
         padding:3px 0;
         display:inline-block;
     }
     .sub-footer-nav a::before{
         font-size: 14px;
         padding:3px 0;
     }
     .list-inline.certification-list i,
     .certification-list i
     {
     font-size:70px;
     }
 
     .certification-list i {
     display: block;  
     padding: 0 15px;  
     }
     .left-headding-wrap{
     width:310px;
     display:block;
     margin:auto;
     }
     .home-search-wrap{
     width:310px;
     display:block;
     margin:auto;
     }
    .expample-address{
    font-size: 10px;
    }
     .search-logo-wrap{
     width:310px;
     display:block;
     margin:auto;
     }
     .btn-search-outside{
         margin-top: 1.5rem!important;
         margin-bottom: 1.5rem!important;
     }
     .banner-steps,
     .banner-sign-up,
     .banner-discount{
        width: auto;
        min-height: 200px;
    }
    .banner-1-center{
        background: url(../images/banner-1-center@1.5x.png) left bottom;
        background-size: 100% auto;
    }
    .banner-1-right-container {
        margin-left: -97%!important;
    }
    .banner-1-mob{
        min-height: 190px;
    }
    #main-home-banner-mobile .banner-1-left-container{
        position: relative;
    }
    .banner-1-center-container{
        padding-left: 0%!important;
        padding-right: 15%!important;
    }
    .banner-1-img-kokkkos{
        width: 60px;
        right: 7%;
    }
    .banner-discount h2,
    .banner-3-text h2,
    .banner-discount sup{
    font-family: "HGF SemiBold";
    font-size: 26px;
    }
    .banner-sign-up h2{
        font-size: 26px;
    }
    .banner-2-btn span{
        font-size: 25px;
    }
    .banner-3-text h1{
        font-size: 30px; 
    }
    .banner-discount h1{
    font-family: "HGF SemiBold";
    font-size: 37px;
    }
    .banner-1-left-container img{
        width: 140px;
    }
    #main-home-banner-mobile .banner-2-container{
        background: url("../images/banner-2-mob-bg.svg") left bottom;
        background-size: 90%;
        background-repeat: no-repeat;
        position: relative;
        min-height: 350px;
    }
    #main-home-banner-mobile .banner-2-btn{
        position: relative;
        width: 320px;
        top: 30%;
        right: auto;
        bottom: auto;
    }
    .banner-3-step-1 img{
    width: 170px;
    }
    .banner-3-step-2 img{
    width: 170px;
    }
    .banner-3-step-3 img{
    width: 230px;
    }
    .banner-3-steps h1{
    font-size: 47px;
    }
    .banner-3-steps h4{
    font-size: 20px;
    }
    .top-merchant-details{
        background-color: #f8e226;
    }
    .merchant-hero-left{
        background-size: 25% auto, 25% auto;
    }
 }
 
 
 
 @media (min-width: 480px) and (max-width: 767px){
 
     /* .top-logo{
 
         border: 1px solid rgb(235, 233, 232);
 
     } */
 
     #main-search-banner{
 
         height:465px;
         background: url("../images/search-bg-right-2.png") right center;
         background-repeat: no-repeat;
         background-size:  auto 100%
 
     }
 
     .section-join-us,
 
     .section-join-us .d-flex
 
     {
 
         height: auto;
 
     }
 
 
 
     .section-join-us .d-flex{    
 
         padding: 20px;
 
     }
 
 
 
     .h1, h1 {
 
         font-size: 1.8rem;
 
     }
 
 
 
     .h3, h3 {
 
         font-size: 1.3rem;
 
     }
 
 
 
      /*.btn{
 
         padding: 10px !important;
 
     }*/
 
     
 
     .btn-circle{
 
         padding: 6px 0px !important;
 
     }
 
 
 
     .btn-search{
 
         padding: 0 !important;
 
     }
 
 
 
     .tree-columns-center .d-flex{        
 
         height: auto;
 
     }
 
 
 
     .section-mobileapp{
 
         padding-top: 220px;
 
     }
 
 
 
     .section-mobileapp img.mobileapp{
 
         max-width: 250px;
 
     }
 
 
 
     .sub-footer-nav a{
 
         font-size: 12px;
 
     }
 
 
 
     .sub-footer-nav h6{
 
         font-size: 13px !important;
 
     }
 
 
 
     .section-fast-delivery-mobile{
 
         background-size:30%, 30%;
 
     }
 
 
 
     .track-map-div{
 
         height: calc(100vw * (9/16));
 
     }
 
     
 
     .register-bg{
 
         min-height: 350px;
 
     }
 
    
 
     
 
     .pagenotfound-section .img-350{
 
         max-width: 300px;
 
     }
 
     .delivery-hours h3,
     .delivery-hours h4,
     .bridge-franchise h3,
     .bridge-franchise h4{
         font-size: 18px;
     }
     .delivery-hours h4::before{
         font-size: 18px;
     }
     .sub-footer-nav{
         justify-content: space-evenly;
     }
     .sub-footer-nav a{
         font-size: 14px;
         padding:3px 0;
         display:inline-block;
     }
     .sub-footer-nav a::before{
         font-size: 14px;
         padding:3px 0;
     }
     .list-inline.certification-list i,
     .certification-list i
     {
     font-size:70px;
     }
 
     .certification-list i {
     display: block;  
     padding: 0 15px;  
     }
     .left-headding-wrap h2{
         font-size: 20px;
     }
     .btn-search-outside span{
     font-family: "HGF SemiBold";
     font-size: 16px;
     }
     .btn-search-outside{
         width: 60%!important;
         margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
     }
     
     .left-headding-wrap{
     width:340px;
     display:block;
     margin:auto;
     }
     .home-search-wrap{
     width:340px;
     display:block;
     margin:auto;
     }
    .expample-address{
    font-size: 12px;
    }
     .search-logo-wrap{
     width:340px;
     display:block;
     margin:auto;
     }
     .banner-discount h2,
    .banner-3-text h2,
    .banner-discount sup{
    font-family: "HGF SemiBold";
    font-size: 20px;
    }
    .banner-sign-up h2{
        font-size: 20px;
    }
    .banner-2-btn span{
        font-size: 15px;
    }
    .banner-3-text h1,
    .banner-discount h1{
    font-family: "HGF SemiBold";
    font-size: 28px;
    }
    .banner-1-center-container{
    padding-left: 35%!important;
    padding-right: 0%!important;
    }
    .banner-1-center{
        background: url(../images/banner-1-center@1.5x.png) left bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .banner-1-left-container img{
        width: 140px;
    }
    .banner-1-right-container {
        margin-left: -90%!important;
    }
    .banner-1-img-kokkkos{
        width: 45px;
        right: 13%;
    }
    .banner-2-btn{
        width: 180px;
        right: 5%;
    }
    .banner-3-step-1 img{
    width: 100px;
    }
    .banner-3-step-2 img{
    width: 100px;
    }
    .banner-3-step-3 img{
    width: 140px;
    }
    .banner-3-steps h1{
    font-size: 27px;
    }
    .banner-3-steps h4{
    font-size: 12px;
    }
    .banner-3-svg{
        height: 90px;
      }
    
    .top-merchant-details{
        background-color: #f8e226;
    }
     
 
     
 
 }
 
 
 

@media (min-width: 768px) and (max-width: 991px) {
    .top-logo{
        /* border: 1px solid yellow; */
    }
 
     
 
     #main-search-banner{
 
         height:465px;
         background: url("../images/search-bg-right-2.png") right center;
         background-repeat: no-repeat;
         background-size:  auto 100%
 
     }
 
    
 
     .section-addons .addons{
 
         height: 300px;      
 
     }
 
     
 
     .section-benefits .d-flex{
 
         height:auto;
 
     }
 
     
 
     .section-benefits .btn-white-parent{
 
         margin-top: 10px;
 
     }
 
 
 
     .section-join-us,
 
     .section-join-us .d-flex
 
     {
 
         height: 390px;
 
     }
 
 
 
     .tree-columns-center .d-flex{
 
        height:400px;
 
     }
 
 
 
     .section-mobileapp{
 
         padding-top: 250px;
 
     }
 
     
 
     .sub-footer-nav a{
 
         font-size: 22px;
 
     }
 
 
 
     .sub-footer-nav h6{
 
         font-size: 15px;
 
     }
 
 
 
     .inputs-box-grey{
 
         width: auto;
 
     }
 
 
 
     .section-fast-delivery-mobile{
 
         background-size:25%, 25%;
 
     }
 
 
 
     .action-menu #vue-search-nav,
 
     .action-restaurants #vue-search-nav
 
     {        
 
         display: none;
 
     }
 
 
 
     .track-map-div{
 
         height: calc(100vw * (9/16));
 
     }
 
 
 
     #main-container{
 
         padding-top: 10px;
 
     }
 
 
 
     
 
     .pagenotfound-section .img-350{
 
         max-width: 350px;
 
     }
 
     .delivery-hours h3,
     .delivery-hours h4,
     .bridge-franchise h3,
     .bridge-franchise h4{
         font-size: 18px;
     }
     .delivery-hours h4::before{
         font-size: 18px;
     }
     .sub-footer-nav a{
         font-size: 18px;
         padding:3px 0;
         display:inline-block;
     }
     .sub-footer-nav a::before{
         font-size: 18px;
         padding:3px 0;
     }
     .list-inline.certification-list i,
     .certification-list i
     {
     font-size:70px;
     }
 
     .certification-list i {
     display: block;  
     padding: 0 15px;  
     }
     .left-headding-wrap h2{
        font-size: 18px;
     }
     .btn-search-outside span{
     font-family: "HGF SemiBold";
     font-size: 16px;
     }
     .btn-search-outside{
         width:40%!important;
     }
 
     .left-headding-wrap{
     width:465px;
     display:block;
     margin:auto;
     }
     .home-search-wrap{
     width:465px;
     display:block;
     margin:auto;
     }
     .home-search-wrap.form-control-text{
        min-height: 46px;
     }
     .search-logo-wrap{
     width:465px;
     display:block;
     margin:auto;
     }
     .banner-steps,
    .banner-sign-up,
    .banner-discount{
        width: auto;
        min-height: 250px;
    }
     .banner-discount h2,
    .banner-3-text h2,
    .banner-discount sup{
    font-family: "HGF SemiBold";
    font-size: 20px;
    }
    .banner-sign-up h2{
        font-size: 20px;
    }
    .banner-2-btn span{
        font-size: 15px;
    }
    .banner-3-text h1,
    .banner-discount h1{
    font-family: "HGF SemiBold";
    font-size: 28px;
    }
    .banner-1-center {
    background: url(../images/banner-1-center@1.5x.png) left bottom;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    }
    .banner-1-center-container{
    padding-left: 27%!important;
    padding-right: 5%!important;
    }
    .banner-1-center{
        background-size: 85% auto;
    }
    .banner-1-right-container {
        margin-left: -100%!important;
    }
    .banner-1-img-kokkkos{
        width: 75px;
        right: 5%;
    }
    .banner-1-left-container img{
        width: 140px;
    }
    .banner-2-btn{
    width: 200px;
    }
    .banner-3-step-1 img{
    width: 160px;
    }
    .banner-3-step-2 img{
    width: 150px;
    }
    .banner-3-step-3 img{
    width: 200px;
    }
    .banner-3-steps h1{
    font-size: 30px;
    }
    .banner-3-steps h4{
    font-size: 14px;
    }
    .banner-3-svg{
        height: 150px;
      }
      .top-merchant-details {
        height: 350px;
      }
      .merchant-hero-right .el-image__inner {
        height: 100% !important;
        object-fit: cover  !important;
    }
 }
 
     
     
 @media (min-width: 992px) and (max-width: 1199.98px) {

    .top-logo{
        /* border: 1px solid orange; */
    }
 
 
 
     #main-search-banner{
 
         height:790px;
 
         /* background-size: 50% auto; */
 
     }
 
 
 
     .h2, h2 {
 
        font-size: 2rem;
 
     }
 
 
 
     .restaurant-carousel.rounded img{  
 
         height: 170px;
 
     }
 
 
 
     .section-addons .addons{
 
         height: 350px;      
 
     }
 
 
 
     .section-benefits .benefits{
 
         height: 320px;
 
     }
 
 
 
     .h4, h4 {
 
         font-size: 1.5rem;
 
     }
 
 
 
     .h1, h1 {
 
         font-size: 2.5rem;
 
     }
 
 
 
     .h3, h3 {
 
         font-size: 1.5rem;
 
        }
 
 
 
     .section-benefits .d-flex
 
     {
 
        height:250px;
 
     }
 
 
 
     /*.btn{
 
         padding: 12px !important;
 
     }*/
 
 
 
     .btn-circle {
 
         padding: 6px 0px !important;
 
     }
 
     
 
     .action-restaurants #top-navigation{
 
         border-bottom: 1px solid #e5e5e5;
 
     }
 
     
 
     .section-menu .menu-left{
 
       border-right:1px solid #e5e5e5;
 
     }
 
 
 
     .gallery_magnific{        
 
         width: 50% !important;        
 
     }
 
 
 
     .gallery img{
 
         height: 90px;
 
     }
 
 
 
     .action-menu #vue-search-nav,
 
     .action-restaurants #vue-search-nav
 
     {        
 
         display: block;
 
     }
 
    
 
     .track-map-div{
 
         height:auto;
 
     }
 
 
 
     #main-container{
 
         padding-left: 260px;
 
     }
 
 
 
     body.column2-layout{
 
         background:#f6f7f8;
 
     }
 
     
 
     body.column2-layout #top-nav{
 
         border-bottom:none;
 
     }
 
 
 
     .order-search-wrap .search-geocomplete{
 
         border:none;
 
     }
 
 
 
 
 
     .address-slot.card,
 
     .card-listing.card
 
     {
 
         height: 155px;
 
         border: none;
 
     }
 
 
 
     .register-bg{
 
         min-height: 420px;
 
      }
 
 
 
      .receipt-section img{
 
         max-width: 700px;
 
     }
 
     .sub-footer-nav a{
         font-size: 18px;
         padding:3px 5px;
     }
     .sub-footer-nav a::before{
         font-size: 18px;
         padding:3px 5px;
     }
 
     .delivery-hours h3,
     .delivery-hours h4,
     .bridge-franchise h3,
     .bridge-franchise h4{
         font-size: 22px;
     }
 
     .left-headding-wrap h2{
         font-size: 28px;
     }
 
     .left-headding-wrap{
     width:565px;
     display:block;
     margin:auto;
     }
     .home-search-wrap{
     width:565px;
     display:block;
     margin:auto;
     }
     .home-search-wrap.form-control-text{
        min-height: 60px;
     }
     .btn-search-outside{
        width:50%!important;
    }
     .search-logo-wrap{
     width:565px;
     display:block;
     margin:auto;
     }
     .banner-1-left-container img{
        width: 213px;
    }
     .banner-discount h2,
    .banner-sign-up h2,
    .banner-3-text h2,
    .banner-discount sup{
    font-family: "HGF SemiBold";
    font-size: 30px;
    }
    .banner-2-btn span{
        font-size: 20px;
    }
    .banner-3-text h1,
    .banner-discount h1{
    font-family: "HGF SemiBold";
    font-size: 41px;
    }

    .banner-1-center {
    background: url("../images/banner-1-center@2x.png") left bottom;
    background-size: 80% auto;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    }
    .banner-1-center-container{
    padding-left: 30%!important;
    padding-right: 0%!important;
    }
    .banner-1-right-container{
        margin-left: -100%!important;
    }
    .banner-1-img-kokkkos{
        width: 95px;
        right: 5%;
    }
    .banner-steps,
    .banner-sign-up,
    .banner-discount{
        width: auto;
        min-height: 310px;
    }
    .banner-2-btn{
        width: 270px;
    }
    .banner-3-step-1 img{
    width: 160px;
    }
    .banner-3-step-2 img{
    width: 150px;
    }
    .banner-3-step-3 img{
    width: 200px;
    }
    .banner-3-steps h1{
    font-size: 42px;
    }
    .banner-3-steps h4{
    font-size: 18px;
    }
    .merchant-details h3{
    font-size: 19px;
    }
    .merchant-details h5{
    font-size: 14px;
    }
    .star-rating span{
    font-size: 14px;
    }
    span.reviews-count{
    font-size: 14px;
    }
     
 
 }
 
  
@media (min-width: 1200px) {
    /* .top-logo{ 
        border: 1px solid green;
    } */

     .sub-footer-nav a{
         font-size: 22px;
         padding:3px 5px;
     }
     .sub-footer-nav a::before{
         font-size: 22px;
         padding:3px 5px;
     }
    /* .top-logo,
    .banner-1-center {
    background: url("../images/banner-1-center@2x.png") left bottom;
    background-size: 75% auto;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    } */
    .banner-1-center-container{
    padding-left: 30%!important;
    padding-right: 0%!important;
    }
    .banner-steps,
    .banner-sign-up,
    .banner-discount{
        width: 1140px;
        min-height: 310px;
    }
    .banner-3-step-1 img{
    width: 160px;
    }
    .banner-3-step-2 img{
    width: 150px;
    }
    .banner-3-step-3 img{
    width: 200px;
    }
    .banner-3-steps h1{
    font-size: 42px;
    }
    .banner-3-steps h4{
    font-size: 18px;
    }
    .banner-3-svg{
        height: 150px;
    }
    .merchant-details h3{
    font-size: 21px;
    }
    .merchant-details h5{
    font-size: 16px;
    }
    .star-rating span{
    font-size: 16px;
    }
    span.reviews-count{
    font-size: 16px;
    }
    .top-merchant-details{
    height: 215px;
    }
    .merchant-image-preview .el-image,
    .merchant-image-preview .el-image__inner{
        height: 130px!important;
    }
    
 
 }
 
     
 
 @media (min-width: 1400px) {
    .merchant-details h3{
    font-size: 23px;
    }
    .merchant-details h5{
    font-size: 18px;
    }
    .star-rating span{
    font-size: 18px;
    }
    span.reviews-count{
    font-size: 18px;
    }
    .top-merchant-details{
    height: 300px;
    }
    .merchant-image-preview .el-image,
    .merchant-image-preview .el-image__inner{
        height: 160px!important;
    }
 }

/* BOOSTRAP MEDIA QUERIES*/

@media (max-width: 575.98px) { 
    /* .top-logo{
        border: 1px solid orange;
    } */

    /* #main-search-banner{
        height:auto;
        background:none;
        padding: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .home-search-wrap{
        width: auto;
    }    

    .form-control-text{
        font-size:14px;
    }

    .h2, h2 {
        font-size: 1.2rem;
    }

    .flex-enabled-locate{
        margin-top: 10px;        
    }
    
    .flex-enabled-locate button,
    .flex-enabled-locate,
    .width_87
    {
        width: 100% !important;
    }

    .mobile-home-banner{
        height:150px;
    }

    .map-buttons-wrap button{
        padding: 5px;
    }
    .map-buttons-wrap{
        right: 1px;
    } */
}

@media (min-width: 576px) and (max-width: 767.98px)  {
    /* .top-logo{
        border: 1px solid greenyellow;
    } */

    /* #main-search-banner{
        height:auto;
        background:none;
        padding: 20px;
    } */

    /* .mobile-home-banner{
        height:250px;
    } */
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* .top-logo{
        border: 1px solid yellow;
    } */

    /* #main-search-banner{
        height:auto;
        background:none;
        padding: 20px;
        border-bottom: none;
    } */

    /* .mobile-home-banner{
        height:300px;
    } */
}

@media (min-width: 992px) and (max-width: 1199.98px)  { 
    /* .top-logo{
        border: 1px solid red;
    } */
}

@media (min-width: 1200px) { 
    /* .top-logo{
        border: 1px solid blue;
    } */
 }