/* ==========================================MD DEVICE==========================================  */
@media (max-width:768px){


 h3{
    font-size:35px ;
}
h1{
    font-size:40px ;
    font-weight:700 ;
    line-height:42px ;
    color: var(--text-color);
}
 .primary_btn{
        padding:10px 25px;
    }
    .dark_btn{
        padding:10px 25px;
      }


    /* =====================NAVBAR SECTION===================== */
    #nav .menau ul li:hover a::before{
        display: none;
    }
    #nav .menau ul li{
        margin: auto;

    }
    #nav .menau ul li a.primary_btn{
      font-size: 15px;
      margin-left: 40%;
      padding: 10px 16px;
    }
    #nav .menau ul li a:hover{
        color:var(--primary-color);
    }

    /* ===============================Banner section============= */
    #banner .banner_info .social_icon {
        margin-top:35px;
      }
      #banner .banner_info h1 {
        margin-bottom:10px;
      }
      #banner{
        margin:65px 0 70px 0;
    }

    /* ===================SPECIAL DISHES SECTION=================== */
    #special_dishes {
        background-color: var(--bg-color-dark);
        padding-top: 92px;
        padding-bottom: 75px;
    }
      #special_dishes .heading p {
        padding: 0px 83px;
        margin: 26px 0 45px 0;
      }
      #special_dishes .dish_card {
        width:45%;
        margin: 0 0 35px 25px;
      }  

    /* =============================CHEF EXPERT SECTION================ */
      .chef_info p{
        padding: 0 50px;
      }
      .chef_img img{
        margin: 10px 0 0 72px;
      }
      expert_chef {
        padding: 50px 0;
      }
       
     /*========================= CUSTOMER SECTION ========================= */
      #customer .customer_heading p {
        padding:0px 60px 20px 60px;
      }
    /* ==========================NEWSLETTER SECTION========================== */
      #newsletter .newsletter_info h3 {
        color: var(--text-color-white);
        padding: 109px 20px 36px 20px;
        font-size: 45Px;
        line-height: 55px;
        font-weight: 600;
      }
      .input_group {
        width: 85%;
        margin-left: 65px;
      }

      /*============================= FOOTER SECTION============================= */
      #footer .top{
        padding-bottom: 40px;
      }
      #footer .top h4 {
        font-size: 22px;
        padding: 0px 0 15px 0;
      }
      #footer .top h5 {
        font-size: 22px;
      }
      #footer ul li a {
        font-size: 21px;
        line-height: 40px;
      }
    .privacy{
    padding-bottom: 15px;
    font-size: 18px;
     }
}







/* ===========================================SM DEVICE=========================================== */
@media (max-width:575px){
    h3{
        font-size:30px ;
    }
    h1{
        font-size:35px ;
        font-weight:700 ;
        line-height:40px ;
        color: var(--text-color);
    }
    .primary_btn{
        padding:10px 25px;
    }
    .dark_btn{
        padding:10px 25px;
      }
      
    /* =====================NAVBAR SECTION===================== */
     #nav .menau ul li:hover a::before{
      display: none;
    }
    #nav .menau ul li{
      margin: auto;

    }
    #nav .menau ul li a.primary_btn{
      margin-left: 40%;
      padding: 15px 20px;
      padding: 10px 15px;
      font-size: 12px
     }
     #nav .menau ul li a:hover{
      color:var(--primary-color);
      }

/* =========================banner section========================= */
      #banner .banner_info h1 {
        font-size: 40px;
        line-height: 52px;
        padding: 0 100px 0 20px;
      }
      #banner .banner_info p {
        padding: 0 100px 0 20px;
      }
      #banner .banner_btn {
        padding: 0 0px 0 20px;
      }
      #banner .social_icon{
        padding: 0 100px 0 20px;
      }



    /* ===================SPECIAL DISHES SECTION=================== */
    #special_dishes {
        background-color: var(--bg-color-dark);
        padding-top: 92px;
        padding-bottom: 75px;
    }
      #special_dishes .heading p {
        padding: 0px 83px;
        margin: 26px 0 45px 0;
      }
      #special_dishes .dish_card {
        width:95%;
        margin: 0 0 35px 10px;
      }
      #special_dishes .dish_card{
        transition: 0.4s;
    }
      #special_dishes .dish_card:hover{
        background-color:orange;
        transform: scale(1);
        cursor: pointer;
    }
    #special_dishes .heading p {
    padding: 0px 18px;
    }
    #special_dishes .dish_card .dish_info h4 {
        padding: 10px 0;
      }
      #special_dishes .dish_card .dish_info p {
        padding: 0px 20px 10px 20px;
      }

/* ======================RESTAURANT SECTION====================== */
    .our_restaurant {
        margin: 60px 0 0px 0;
    }
    .our_restaurant_info h3 {
        padding: 0 0 0 0;
        text-align: center;
        line-height: 35px;
    }
 
    .our_restaurant .our_restaurant_info p {
        text-align: center;
        padding:10px 20px 20px 17px;
    }
    .our_restaurant_btn {
         margin-left: 55px;
        margin-bottom: 30px;
    }

/* ======================Chef Section====================== */
    #expert_chef {
        padding: 20px 0;
      }
      #expert_chef .chef-details{
       /* margin-left:85px; */
      }
    .chef_info p {
        padding: 0 0px;
        margin: 10px 30px 20px 30px;
      }
      #expert_chef .detail_info {
        margin: 10px 100px 15px 0;
      } 
       .chef_img img {
        margin: 35px 0 0 0px;
      }



      /*========================= CUSTOMER SECTION ========================= */
      #customer .customer_heading p {
        padding:0px 20px 20px 20px;
      }
      .customer_info {
        padding: 0 10px;
      }


       /* ==========================NEWSLETTER SECTION========================== */
       #newsletter .newsletter_info h3 {
        color: var(--text-color-white);
        padding: 109px 20px 36px 20px;
        font-size: 45Px;
        line-height: 55px;
        font-weight: 600;
      }
      .input_group {
        width: 85%;
        margin-left: 65px;
      }

      #newsletter .newsletter_info h3 {
        color: var(--text-color-white);
        padding: 80px 0px 29px 0px;
        font-size: 26Px;
        line-height: 39px;
        font-weight: 600;
      }
      .input_group {
        width: 97%;
        margin-left: 5px;
      }
      #newsletter .newsletter_info{
        height: auto;

      }
      #newsletter form{
        padding-bottom: 70px;
      }



      #footer .top h4 {
        font-size: 26px;
      padding: 20px 0 4px 0;
      }
      .footer_social_icon{
        text-align: center;
      }
      .footer_social_icon .social_icon ul  {
        margin:10px 0px 10px 100px;
      }
      
      .copyright span {
        color: var(--text-paragraph-color);
        text-align: center;
        font-size: 16px;
      }
      .privacy{
        font-size: 16px;
         }
  
      /* 0186283560 */

      /* 01610117904 */




}