/* Small devices */
@media only screen and (max-width: 767px) {
    h1 {
		font-size: 1.8rem !important;
		line-height: 1.2 !important;
	}
	h2 {
		font-size: 1.7rem !important;
		line-height: 1.2 !important;
	}
	h3 {
		font-size: 1.6rem !important;
		line-height: 1.2 !important;
	} 
	h4 {
		font-size: 1.5rem !important;
		line-height: 1.2 !important;
	}
	h5 {
        font-size: calc(1rem + 1vw) !important;
        line-height: 1.4 !important;
    }
    h6 {
        font-size: calc(1rem + 1vw) !important;
        line-height: 1.3 !important;
    }
    p {
        font-size: calc(1rem + 1vw) !important;
        line-height: 1.4 !important;
    }
    .navbar {
        padding: 0 !important;
    }
    .navbar-collapse{
        background-color: #231f20 !important;
    }
    .our-location:before{
        top: 17px !important;   
    }
    .navbar .container{
        padding-left: 0% !important;
        padding-right: 0% !important;   
    }
    .navbar-nav li a {
        font-size: calc(0.8rem + 1vw) !important; 
    }
    .navbar-brand{
        width: 265px;
        position: relative;
        padding-left: 1rem !important;
    }
    .scrolled {
        width: 60px !important;
    }
    .navbar-nav>li>a:before{
        bottom: -3px !important;
    }
    #main-nav{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .header-height {
        height: calc(60px + 1vw);
    }
    .navbar-nav li a{
        color: #fff;
        font-size: calc(1.2rem + 1vw) !important;
    }
    .navbar-nav li {
        margin-left: 0;
    }
    .navbar-nav{
        min-height: 100vh;
        padding: 1rem !important;
    }
    .nav-link{
        padding: 0.5rem 0 !important;    
    }
    .dropdown-item{
        padding: 0.5rem 1rem !important;
    }
    .mb-100{
        width: 100% !important;
    }
    .mb-p-5{
        padding: 5% !important;
    }
    .mb-center{
        text-align: center !important;
    }
    .order-2{
        order: 2 !important;
    }
    .mb-bg-white{
        background: white !important;
    }
    .mb-small-text p{
        font-size: 13px !important;
    }
    .foodmenu .elementor-testimonial__name{
       font-size: calc(1rem + 1vw) !important; 
    }
    .foodmenu .elementor-testimonial__title{
       font-size: calc(1rem + 1vw) !important;         
    }
    .foodmenu .elementor-testimonial__header{
        padding: 0 !important;
    }
    .pr-0 .elementor-widget-wrap{
        padding-right: 0 !important;
    }
    .footer-nav{
        width: 100% !important;
    }
    .footer-nav li{
        justify-content: center;
    }
    .footer-nav li a{
        justify-content: center;
    }
    .footer-logo img{
       width: 50% !important; 
    }
    .pb-0 .elementor-widget-container{
        padding-bottom: 0 !important;
    }
    .menu-number{
        margin-bottom: 10px;
    }
    .d-flex{
        flex-wrap: wrap !important;
    }
    .btn-green{
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-gray{
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-outline-blue{
        width: 100%;
        margin-bottom: 10px;      
    }
    .mr-3, .mx-3 {
        margin-right: 0 !important;
    }
    .menu-schedule a{
        text-align:center;
    }
    .m-show .dropdown-menu{
        display: block !important;
        background: transparent;
        border: none;
    }
    .m-show .dropdown-item{
        padding: 0.3rem 0 !important;
    }
    .m-green a{
        color: #00b26b !important;
    }
    .m-blue a{
        color: #007dc5 !important;
    }
    .m-red a{
        color: #ea1c24 !important;       
    }
    .m-bold a{
        font-weight: 600 !important;
    }
    .m-display{
        display: block !important;
    }
    .d-display{
        display: none !important;    
    }   
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: transparent !important;
    }
    
    .fdm-item-image {
        float: left !important;
        width: 65px !important;
    }
    .fdm-item-price-wrapper {
        position: absolute !important;
    }
    .fdm-item-content p{
        font-size: calc(0.6rem + 1vw) !important;
    }
    .fdm-item-price{
        padding: 5px 0 !important;
    }
    .testimonial .swiper-slide:before{
        width: 30px !important;
        height: 30px !important; 
    }
    .testimonial .swiper-slide:after{
         width: 30px !important;
        height: 30px !important;        
    }
    .fdm-item-title{
     font-size: 5vw !important;   
    }
}