@media (min-width: 0px) and (max-width: 280px) {


.numberCircle{
    font-size: 14px !important;
    width: 25px !important;
    height: 25px !important;
    padding: 4px !important;
}

.button-style{
    max-width: 262px;
    padding: 5px;
    border: 2px solid #0060EB;
    width: 116%;
}

.line-margin
{
    margin-left: 4%;
    margin-right: 4%;
}

.line{
    height: 24px !important;
}


.reservation-text{
    padding-top: 11%;
    font-size: 0.4rem !important;
    font-weight: 600 !important;
}

.btn-text{
    font-size: 0.4rem !important;
    font-weight: 600  !important;
    padding-top: 14% !important;
}



.outline-button{
    width: 112%;
    font-size: .4rem;
    padding: 11px !important;
    font-weight: bolder;
}

.menu-toggle{
    margin: 10px 6px;
}
.que{
    font-size: 1rem;
}

.dropdown-menu{
    margin-left: 166px;
}

.hover_it{
    position: relative !important;
}

}


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


    .numberCircle{
        font-size: 14px !important;
        width: 25px !important;
        height: 25px !important;
        padding: 4px !important;
    }
    
    .button-style{
        max-width: 262px;
        padding: 5px;
        border: 2px solid #0060EB;
        width: 116%;
    }
    
    .line-margin
    {
        margin-left: 4%;
        margin-right: 4%;
    }
    
    .line{
        height: 24px !important;
    }
    
    
    .reservation-text{
        padding-top: 11%;
        font-size: 0.4rem !important;
        font-weight: 600 !important;
    }
    
    .btn-text{
        font-size: 0.5rem !important;
        font-weight: 600  !important;
        padding-top: 14% !important;
    }
    
    
    
    .outline-button{
        width: 112%;
        font-size: .4rem;
    
    }
    
    .dropdown-menu{
        margin-left: 0px;
    }
    
    .hover_it{
        position: relative !important;
    }
    
    }
@media (min-width: 375px) and (max-width: 414px) {


    
.numberCircle{
    font-size: 14px !important;
    width: 25px !important;
    height: 25px !important;
    padding: 4px !important;
}


.header__top {
    padding: 1.625rem 0;
}



.button-style{
    max-width: 262px;
    padding: 5px;
    border: 2px solid #0060EB;
    width: 113% !important;
}

.line-margin
{
    margin-left: 4%;
    margin-right: 4%;
}

.line{
    height: 24px !important;
}




.outline-button{
    width: 112%;
    font-size: .5rem;

}

.reservation-text{
    padding-top: 6%;
    font-size: 0.47rem !important;
    font-weight: 600 !important;
}

.btn-text{
    font-size: 0.5rem !important;
    font-weight: 600  !important;
    padding-top: 14% !important;
}





.dropdown-menu{
    margin-left: 0px;
}

.hover_it{
    position: relative !important;
}

}


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


    .hero-section {
        padding-top: 14.5625rem;
        padding-bottom: 11.25rem;
    }


    .reservation-text{
        padding-top:  3%;
        font-size: 0.67rem !important;
        font-weight: 600 !important;
    }

    .btn-text{
        padding-top: 5% !important;
    }

    .hero-section {
        padding-top: 15.9375rem !important;
    }
    
.numberCircle{
    font-size: 14px !important;
    width: 25px !important;
    height: 25px !important;
    padding: 4px !important;
}

.button-style{
    max-width: 262px;
    padding: 5px;
    border: 2px solid #0060EB;
    width: 100% !important;
}

.line-margin
{
    margin-left: 4%;
    margin-right: 4%;
}

.line{
    height: 24px !important;
}

.btn-text{
    font-size: 0.7rem !important;
    font-weight: 600  !important;
    padding-top: 6% !important;
}


.outline-button{
    width: 100% !important;
    font-size: .8rem !important;

}

}


.numberCircle{
    font-size: 24px ;
    width: 40px ;
    height: 40px ;
    padding: 6px ;

}

.button-style{
    max-width: 262px;
    padding: 5px;
    border: 2px solid #0060EB;
    width: 116%;
}

.line-margin
{
    margin-left: 4%;
    margin-right: 4%;
}

.line{
    height: 41px ;
}

.btn-text{
    font-size: 0.9rem;
    font-weight: 600;
    padding-top: 7%;
}


@media (min-width: 539px) and (max-width: 767.98px) {

    .button-style{

        width: 100%;

    }  
    
    
    .reservation-text{
        padding-top:  8%;
        font-size: 0.7rem !important;
        font-weight: 600 !important;
    }
    

    .btn-text{
        font-size: 0.7rem;
        padding-top: 16% !important;
    }



    .outline-button{
        font-size: .9rem;
        width: 100%;
    }



}


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


    .que{
        font-size: 1.4rem;
    }
    
    .numberCircle{
        font-size: 14px !important;
        width: 25px !important;
        height: 25px !important;
        padding: 4px !important;
    }
    
    .button-style{
        max-width: 262px;
        padding: 5px;
        border: 2px solid #0060EB;
        width: 100%;
    }
    
    .line-margin
    {
        margin-left: 4%;
        margin-right: 4%;
    }
    
    .line{
        height: 24px !important;
    }
    
    .btn-text{
        font-size: 0.5rem !important;
        font-weight: 600  !important;
        padding-top: 12% !important;
    }

    .reservation-text{
        padding-top:  6%;
        font-size: 0.5rem !important;
        font-weight: 600 !important;
    }
    
    
    .outline-button{
        width: 100%;
        font-size: .5rem;
        font-weight: bold;
    
    }

}

.hero-section{
    padding-top: 15.9375rem;;

}


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


    .numberCircle{
        font-size: 14px !important;
        width: 25px !important;
        height: 25px !important;
        padding: 4px !important;
    }
    
    .button-style{
        max-width: 262px;
        padding: 5px;
        border: 2px solid #0060EB;
        width: 100%;
    }
    
    .line-margin
    {
        margin-left: 4%;
        margin-right: 4%;
    }
    
    .line{
        height: 24px !important;
    }
    
    .btn-text{
        font-size: 0.5rem !important;
        font-weight: 600  !important;
    }

    .outline-button{
        width: 100%;
        font-size: .5rem;
    
    }


}


.button-style:hover {
    border: 2px solid #0060EB;
    background: none;
    color:#0060EB;
}


.outline-button:hover{

    border: 1px solid #0060EB;
    background: none;
    color:#0060EB;

}

@media (min-width: 1700px) and (max-width: 2500px) {

  
    .hero-section{
        padding-top: 16.8rem;
    }

    .button-style {
     
        width:107% !important
    }


    .reservation-text{
        padding-top: 5%;
        font-size: 0.81rem !important;
        font-weight: 600 !important;
    }


}

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

.reservation-text{
    padding-top: 4%;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

.que{
    font-size: 1.2rem;
}

}