*{
    body{
        font-family: Georgia, serif;
       }
       .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }    
      /*navbar style */

     hr.rounded {
         border-top: 1px solid #bbb;
         border-color : #6C757D;
     }
     .nav-link{
         font-size : 22px;
         font-weight : 500;          
     }
     .dropbtn {
         color: white;
         padding: 7px 12px;
         font-size: 16px;
         border: none;
         border-radius : 5px;
     }
     .dropdown {
         position: relative;
         display: inline-block;
     }
     
     .dropdown-content {
       display: none;
       position: absolute;
       background-color: #f1f1f1;
       min-width: 160px;
       overflow: auto;
       z-index: 1;
     }
     
     .dropdown-content a {
       color: black;
       padding: 12px 16px;
       text-decoration: none;
       display: block;
     }
     
     .dropdown a:hover {background-color: #ddd;}
     
     .show {display: block;}
     /* home page style*/
         #homes{
             padding : 150px;
             background-image : url("asset/shree hari Tiffin banner.jpg");
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover; 
         }
         .home1{
             margin-top : 100px;
             margin-bottom : 100px;
     
         }
         .home2{
             margin-top : 50px;
             margin-bottom : 90px;
              
         }
         .home3{
             padding : 150px;
             background-image : url("asset/view_menu_banner.webp");
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover; 
         }
         .home4{
             margin-top : 90px;
             margin-bottom : 90px;
         }
         .home5{
             margin-top : 90px;
             margin-bottom : 90px;
         }
         .home6{
             margin-top : 150px;
             margin-bottom : 150px;
         }
         .about{
             background-image : url("asset/92.webp");
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover;
             padding : 30px 0px 30px 0px;
         }
         .abt{
             margin-left :750px;
             border-radius : 15px;
             padding : 15px;
             font-weight : 400;
             opacity : 0.6;
             color : black;
             background-color:#FFF5D6; 
         }
         .contact{
             padding :50px;
         }
         .bn{
             border: none;
             margin : 8px;
             padding: 15px 20px;
             border-radius : 10px;
             background : #FFF5D6;
         }
         .img1{
             width : 20%;
         }
         .txt{
             color : white;
         }
         #meals{
             border: none; 
             box-shadow: none;
             border-radius : 15px;
             width: 20rem;
             background-color:#FFF5D6;
         }
         #snacks{
            border: none; 
            box-shadow: none;
            border-radius : 15px;
            width: 19rem;
            background-color:#FFF5D6;
        }
        #region{
            border: none; 
            box-shadow: none;
            border-radius : 15px;
            width: 16rem;
            background-color:#FFF5D6;
        }
         .img-fluid{
             border-radius : 15px;
             
         }
         .b1{
             padding : 20px 28px;
             background-color : #F95D04;
             color : white;
             border-radius : 20px;
             font-size : 20px;
             margin-left : 250px;
         }
         #b2{
             padding : 16px 28px;
             background-color : #F95D04;
             color : white;
             border-radius : 35px;
             font-size : 20px;
         }
         #b3{
             padding : 10px 20px;
             background-color : #F95D04;
             color : white;
             border-radius : 35px;
             font-size : 20px;
         }
         #b4{
             border-radius :  20px 20px 0px 0px;
         }
         #b5{
             font-size : 15px;
             background-color:#F95D04;
             color:white;
             border-radius : 35px;
         }
         .rounded-circle{
            height : 300px;
            width : 300px;
            padding : 28px;
            
         }
         .form-control .input-group{
             size :30px;
             font-size : 18px;
             height :50px;
             border-radius : 35px;
         }
         #in{
             size :30px;
             font-size : 18px;
             height :50px;
             border-radius : 35px;
             border : none;
         }
         #se{
             size :30px;
             font-size : 18px;
             height :50px;
             border-radius : 35px 0 0 35px ;
         }
         .input-group .input-group-append .input-group-text {
             border-radius: 0 35px 35px 0; /* Only round the right corners */
             border-left: none; /* Remove left border to avoid double border effect */
         }
         .images{
             margin-left : 50px;
             width : 38%;
         }
         #con{
             border-radius : 35px;
             background : #FFF5D6;
             border: none; 
             box-shadow: none;
         }
         /* footer*/
         footer{
             background : #D6D6D6;
          
             width: 100%;
             padding-top : 25px;
             padding-bottom : 100px;
         }
        
         a{
             color : #222222;
             font-size : 18px;
         }
         p{
            color : #222222;
            font-size : 18px;
        }
        #si{
            font-size : 22px;
        }
         hr.rounded {
             border-top: 1px solid #bbb;
             border-color : #6C757D;
         }
         h6.card-title{
             font-size : 18px;
             font-weight : 500;
         }
         h5.card-title{
            font-size : 18px;
            font-weight : 500;
        }
        h2{
            font-size : 25px;
            font-weight : 600;
        }
        h6{
            font-size : 22px;
            font-weight : 600;
        }
        h5{
           font-size : 22px;
           font-weight : 600;
       }
        #footer-logo{
            width:200px;
        }
        /* #foter{
            margin-left : 190px; 
            margin-right : 220px;
        } */

}

@media (max-width: 1444px) {
    .container {
      max-width: 1444px;
    }
    /* .container-fluid{
        max-width: 1444px;
      } */
    /* #foter{
        margin-left : 120px; 
        margin-right : 140px;
    } */
    .images{
        margin-left : 50px;
        width : 48%;
    }
    .nav-link{
        font-size : 20px;
    }
    a{
        font-size : 20px;
    }
  }
@media (max-width: 1024px) {
    .container {
        max-width: 1024px;
    }
    /* .container-fluid{
        max-width: 1024px;
    } */
    .nav-link{
        font-size : 18px;
    }
    #homes{
        padding : 100px; 
    }
    .home3{
        padding : 100px; 
    }
    .b1{
        padding : 18px 26px;
        border-radius : 20px;
        font-size : 18px;
        margin-left : 200px;
    }
    #meals{
        border-radius : 15px;
        width: 14rem;
    }
    h5.card-title{
        font-size : 16px;
        font-weight : 500;
    }
    h6.card-title{
        font-size : 17px;
        font-weight : 500;
    }
    #b5{
        font-size : 12px;
        background-color:#F95D04;
        color:white;
        border-radius : 35px;
    }
    #snacks{
        border: none; 
        box-shadow: none;
        border-radius : 15px;
        width: 14rem;
        background-color:#FFF5D6;
    }
    img.rounded-circle{
        height : 230px;
        width : 230px;
        padding-left : 20px ;
        padding-right : 24px ;
        
     }
    h1.txt{
        font-size: 30px;
    }
    #b2{
        padding : 10px 20px;
        background-color : #F95D04;
        color : white;
        border-radius : 35px;
        font-size : 16px;
    }
    #region{
        border: none; 
        box-shadow: none;
        border-radius : 15px;
        width: 14rem;
        background-color:#FFF5D6;
    }
    .about{
        padding : 20px 0px 20px 0px;
    }
    .abt{
        margin-left :500px;
        padding : 10px;
        font-weight : 400;
    }
    h2{
        font-size : 25px;
    }
    p, a{
        font-size : 15px;
    }
    h5{
        font-size : 18px;
        font-weight: 600;
    }
    #si{
        font-size : 22px;
    }
    
    #b3{
        padding : 5px 15px;
        border-radius : 35px;
        font-size : 16px;
    }
   
}

@media (max-width: 768px) {
    .container {
      max-width: 768px;
    }
    .nav-link{
        font-size : 16px;
    }
    /* .container-fluid {
        max-width: 768px;
    } */
    .b1{
        padding : 14px 20px;
        border-radius : 20px;
        font-size : 16px;
        margin-left : 120px;
    }
    #homes{
        padding : 60px; 
    }
    .home3{
        padding : 60px; 
    }
    #se{
        size :20px;
        font-size : 16px;
        height :30px;
        border-radius : 35px 0 0 35px ;
    }
    .form-control .input-group{
        size :20px;
        font-size : 16px;
        height :30px;
        border-radius : 35px;
    }
    #map{
        font-size : 16px;
    }
    #meals{
        border-radius : 15px;
        width: 16rem;
        margin-bottom : 2px;
    }
    #meal1{
        margin-bottom : 10px;
    }
    #meal3{
        margin-bottom : 10px;
    }
    h6.card-title{
        font-size : 17px;
        font-weight : 600;
    }
    .about{
        padding : 20px 0px 20px 0px;
    }
    .abt{
        margin-left :300px;
        padding : 10px;
        font-weight : 400;
    }
    h2{
        font-size : 20px;
        font-weight : 600;
    }
    .bn{
        margin : 8px;
        padding: 10px 15px;
    }
    #in{
        size :20px;
    
        height :30px;
        border-radius : 35px;
        font-size : 16px;
    }
    
}
@media (max-width: 425px) {
    .images{
        margin-left : 50px;
        width : 68%;
    }
    .nav-link{
        font-size : 20px;
    }
    #footer-logo{
        width:137px;
    }
    .container {
      max-width: 425px;
    }
    /* .container-fluid {
        max-width:425px;
        max-height:425px;
    } */
    .b1{
        padding : 6px 10px;
        border-radius : 20px;
        font-size : 14px;
        margin-left : 5px;
    }
    #homes{
        width: 425px;
        height: 300px;
       
    }
    .home2{
        margin-top : 30px;
        margin-bottom : 30px;
         
    }
    .home3{
        padding : 105px; 
    }
    .home4{
        margin-top : 30px;
        margin-bottom : 70px;
    }
    .home5{
        margin-top : 30px;
        margin-bottom : 70px;
    }
    #se{
        size :50px;
        font-size : 16px;
        height :30px;
        border-radius : 35px 0 0 35px ;
    }
    .form-control .input-group{
        size :20px;
        font-size : 16px;
        height :30px;
        border-radius : 35px;
    }
    #map{
        font-size : 16px;
    }
    #meals{
        border-radius : 15px;
        width: 16rem;
        margin-bottom : 2px;
    }
    #meal2{
        margin-bottom : 10px;
    }
    h6.card-title{
        font-size : 14px;
        font-weight : 600;
    }
    .about{
        padding : 5px 0px 5px 0px;
    }
    .abt{
        margin-left :10px;
        padding : 60px;
        font-weight : 400;
    }
    h2{
        font-size : 16px;
        font-weight : 600;
    }
    h1{
        font-size : 12px;
        font-weight : 600;
    }
    .bn{
        margin : 8px;
        padding: 10px 15px;
    }
    #in{
        size :40px;
        height :30px;
        border-radius : 35px;
        font-size : 16px;
    }
    #con{
        width : 300px;
    }
    .nav-link{
        font-size : 16px;
    }
   
    #b2{
        padding :5px 5px;
        border-radius : 35px;
        font-size : 12px;
    }
}
@media (max-width: 375px) {
    .images{
        margin-left : 50px;
        width : 68%;
    }
    .nav-link{
        font-size : 20px;
    }
    #footer-logo{
        width:137px;
    }
    .container {
        max-width: 375px;
      }
    .container-fluid {
        max-width:375px;
       
    }
    .b1{
        padding : 6px 10px;
        border-radius : 20px;
        font-size : 14px;
        margin-left : 5px;
    }
    #homes{
        width: 375px;
        height: 300px;
       
    }
    .home2{
        margin-top : 30px;
        margin-bottom : 30px;
         
    }
    .home3{
        padding : 105px; 
    }
    .home4{
        margin-top : 30px;
        margin-bottom : 70px;
    }
    .home5{
        margin-top : 30px;
        margin-bottom : 70px;
    }
    #se{
        size :50px;
        font-size : 16px;
        height :30px;
        border-radius : 35px 0 0 35px ;
    }
    .form-control .input-group{
        size :20px;
        font-size : 16px;
        height :30px;
        border-radius : 35px;
    }
    #map{
        font-size : 16px;
    }
    #meals{
        border-radius : 15px;
        width: 16rem;
        margin-bottom : 2px;
    }
    #meal2{
        margin-bottom : 10px;
    }
    h6.card-title{
        font-size : 14px;
        font-weight : 600;
    }
    .about{
        padding : 5px 0px 5px 0px;
    }
    .abt{
        margin-left :10px;
        padding : 60px;
        font-weight : 400;
    }
    h2{
        font-size : 16px;
        font-weight : 600;
    }
    h1{
        font-size : 12px;
        font-weight : 600;
    }
    .bn{
        margin : 8px;
        padding: 10px 15px;
    }
    #in{
        size :40px;
        height :30px;
        border-radius : 35px;
        font-size : 16px;
    }
    #con{
        width : 300px;
    }
    .nav-link{
        font-size : 16px;
    }
   
    #b2{
        padding :5px 5px;
        border-radius : 35px;
        font-size : 12px;
    }
}
@media (max-width: 320px) {
    .container {
        max-width: 320px;
      }
    .container-fluid {
        max-width:320px;  
    }
    .images{
        margin-left : 10px;
        width : 88%;
    } 
    .b1{
        padding : 6px 10px;
        border-radius : 20px;
        font-size : 14px;
        margin-left : 25px;
    }
    #homes{

        width: 320px;
        height: 300px;
    
    }
    .home3{
        padding : 85px; 
    }
    #se{
        size :50px;
        font-size : 16px;
        height :30px;
        border-radius : 35px 0 0 35px ;
    }
    .form-control .input-group{
        size :20px;
        font-size : 16px;
        height :30px;
        border-radius : 35px;
    }
    #con{
        width : 250px;
        
    }
    .abt{
        margin-left :0px;
        padding : 10px;
        font-weight : 400;
    }
    .nav-link{
        font-size : 14px;
    }
    #footer-logo{
        width: 200px;
    }
    h5{
        font-size : 16px;
    }
}