/* INCREASING BANNER HEIGHT */
body{
	overflow-y: hidden;
}
.carousel-inner .carousel-item.categories{
	height: 150px;
}

#banner{
	height: 150px;
}

#menu-title{
	top: 115px;
}

@media (max-width: 820px)
.menu-items {
    height: calc(100vh - 193px) !important; 
}

@media (max-width: 768px)
.menu-items {
    height: calc(100vh - 210px) !important;
}

.menu-items {
    display: none;
    height: calc(100vh - 193px) !important; 
    overflow-y: auto;
}
/* END INCREASING BANNER HEIGHT */


@font-face {
  font-family: 'Montserrat-Regular'; /* Name your custom font family */
  src: url('https://ecatalogfiles.blob.core.windows.net/files/sheikhelmechwe/font/Montserrat-Regular.otf') format('opentype'); /* Font file and format */
  font-weight: normal;
  font-style: normal;
}

.tab.selected-tab {
    color: white;
}

@media (max-width: 820px) {

	.container{
		margin-top: 0px!important;
	}

    .image-container .image {
        flex: unset !important;
        margin: 20px !important;
        width: 100% !important;
		height: 180px !important;
    }

    .menu-items {
        height: calc(100vh - 143px);
    }

    .menu-item {
        display: flex !important;
        /* margin: 0px 0px 0px 0px !important; */
        /* border-bottom: 1px solid #ddd !important; */
        border: 1px solid #ddd !important;
        padding: 0px 0 10px 0 !important;
        flex-direction: column !important;
        width: unset !important;
        float: unset !important;
        height: unset !important;
    }

    .menu-item-image {
        margin-right: 0px !important;
        border-radius: 0px !important;
    }

    .menu-item-info {
        margin: 10px 15px 5px 15px !important;
    }

    /* .menu-item-name, .tab { */
        /* text-transform: uppercase; */
    /* } */
}

/** Start Tab headers scroll */
.dropdown {
    display: none !important;
}

.tabs-container {
    overflow-x: auto !important;
}

.tabs {
    overflow-x: auto !important;
}

.tab {
    display: block !important;
}


/** End Tab headers scroll */


@media (max-width: 820px) {
    .category-page {
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .category-page-header {
        height: 53px;
        background-color: #111111;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-bottom: 4px solid #8d0000;
    }

    .category-page-item {
        height: 130px;
        background-color: #8d0000;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-bottom: 4px solid #8d0000;
        width: unset !important;
        float: unset !important;
        margin-left: unset !important;
        margin-right: unset !important;
        border-radius: unset !important;
        margin-top: unset !important;
    }

    .category-page-item-span {
        top: 15px;
        left: 20px;
        color: white !important;
        justify-content: unset !important;
        margin: unset !important;
        position: absolute;
    }

    .category-page-item-image {
        border-radius: 0px !important;
    }

    .category-page-item-overlay {
        opacity: 0.2 !important;
    }

    .category-page-back-button-label, .back-button-label {
        left: 50px;
        /*text-shadow: -0.5px 0.5px 2px black;*/
        display: block;
    }
}



/* START DOCK MENU TO THE TOP OF THE PAGE */

.tabs.sticky {
  position: fixed;
  top: 0px!important;
  z-index: 99999;
}
.menu-items.sticky {
  margin-top: 43px;
}

#menuitemspage{
	overflow-y: auto!important;
}
body{
	overflow-y: auto!important;
}
.menu-items{
    height: unset!important;
}
/* END DOCK MENU TO THE TOP OF THE PAGE */