@media screen and (max-width: 1919.98px)
{
    .wrapper
    {
        max-width: 100%;
    }
    .main-menu {
        max-width: 100%;
    }

    .three-meals 
    {
        border-top: 3px solid orange;
        border-bottom: 3px solid orange;
    }

}


@media screen and (max-width:767.98px){
    .navbar{
        display: flex;
        flex-direction: column;
    }

    .header{
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .header .h1{
        font-size: 45px;
        margin-top: 50px;
     }
    
     .header .text
     {
        margin: 30px auto;
     }


     .main-menu{

        flex-direction: column;
        align-items: center;


     }

    .three-meals{
         flex-direction: column;
    }

    .special-meals{
        margin-bottom: 40px !important;

    }

    .special-meal__1{
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .orange-line{
        display: none;
    }

    .register-side__left{
        max-width: 250px;
        width: 100%;
        margin-right: 5px;
        margin-left: 5px;
    }

    .register-side__right{
        max-width: 450px;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;

    }

    .qollanma{
        font-size: 20px;
        
        
    }
    
    .izoh{
    font-size: 12px;
    line-height: 20px !important;

    }

    .footer__item
    {
        flex-direction: column;
    }

    .footer__left{
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    
    
    .footer__right{
        text-align: center;
        width: 100%;
        padding: 10px;
    }

    

    .contact_information
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .contact__links
    {
        padding: 0;
        margin: 5px 10px;
    }



}




@media screen and (max-width:575.98px){
    .navbar ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }



    .header{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }

    .header .h1{
        font-size: 30px;
     }
    .header .h3{
        font-size: 20px;
     }


    .main-menu__links ul li a
    {
        font-size: 18px;
    }


    .footer__left p{
        font-size: 10px;
        margin-top: -10px;
    }

    .orange-line{
        display: block;
    }

    .register-side{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .register-side__left {
        max-width: 350px !important;
        width: 100%;
        border-radius: 10px;
    }


    .register-side__left form input{
        width: 240px !important;
    }

    .register-side__right{
        max-width: 400px !important;
        width: 100%;
        margin-top: 30px;
        border-radius: 10px;

    }

    .footer__item{
        display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
    
    }

    .footer__left{
        margin-bottom: 20px;
    }

    .footer__right .contact_text{
        margin-left: 20px;
    }
    
    .brand{
        width: 200px;
    }
   
    .navbar ul
    {    
        line-height: 50px;
    }
    .navbar ul li
    {    
        width: 100%;
        border-top: 1px solid white;
    }
    .navbar ul li a 
    {
        width: auto;
        
    }

    .navbar ul li .ul2
    {    
        width: 100%;
        background-color: orangered;
    }
    .navbar ul li .ul2 li .ul3
    {    
        background-color: rgb(238, 56, 0);
    }



        /* improving the size of links in responsive position  */
    .navbar ul li .ul2{
        position: static !important;
    }

    .navbar ul li .ul2 li .ul3{
        position: static !important;

    }

    .contact_information
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact__links
    {
        padding: 0;
        margin: 5px 10px;
    }

      
}

@media screen and (max-width: 399.98px)
{
    .main-menu__links ul
    {
        flex-direction: column;
    }   
}