/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 14-Nov-2022, 9:30:54 pm
    Author     : Vaibhavi
*/
/*Caterer Images*/
@media screen and  (min-device-width:340px) and (max-device-width: 630px)
{
html {
  scroll-behavior: smooth;
}
  .banner_text_mob
    {
        position: absolute;
        margin-top: 18%;
        margin-left: 8%;
        font-size: 14px;
        color: white;
        width: 80%;
        font-family: 'roboto flex', sans-serif !important;
       
        text-shadow: 2px 3px 4px black;
        /*background-color: #164ab1bf;*/
        border-radius: 8px;
    }
.banner_text_m_mob
    {
        position: absolute;
        margin-top: 40%;
        margin-left: 8%;
        font-size: 14px;
        color: white;
        width: 80%;
        
        font-family: 'arya', sans-serif !important;
        text-shadow: 2px 3px 4px black;
        /*background-color: #164ab1bf;*/
        border-radius: 8px;
    }
   
    .banner_text
    {
       display:none;
    }
    .banner_text_m
    {
       display:none;
    }
.caterer-images {
  display: none;
}
.decorate-thumbnails
{
    display:none;
}
.banner_img
{
    display: none;
}
.banner_img_m
{
    display: block;
    position: relative;
    margin-top:30%;
}
.banner_img_m img
{
   width:100%;
   position: relative;
    z-index: -3;
}
.caterer-images_vert{
  position: relative;
  display: flex;
  justify-content: center;
}
.caterer-thumbnails {
    display: none;
}

.image_group {
    column-count: 2;
    width: 80%;
    margin-left: 10%;
}
.catering_image {
    width: 100%;
    padding: 2%;
}
.decorate-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}

.decorate-thumbnails::-webkit-scrollbar {
    display: none;
}

.img_thumb img {
    width: 150px;
    height: auto;
    object-fit: contain;
    transition: transform .3s;
    margin-top: 3%;
    margin-bottom: 5%;
    padding: 10%;
}

.caterer-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}


.caterer-thumbnails::-webkit-scrollbar {
    display: none;
}


.heading{
    display: flex;
    
    background-color: #fec240;

}
.heading1{
    display: flex;
    background-color: #fec240;

}
.heading h1{
    text-align: center;
    margin-left: 25%;
    font-size:18px;
}
.heading1 h1{
    text-align: center;
    margin-left: 25%;
    font-size:18px;
}
.caterer-slides{
    margin: 10px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
}

.caterer-slides img{
    height: auto;
    object-fit: contain;
    margin: auto;
    
}
.caterer-slides::-webkit-scrollbar {
    display: none;
}
.img_c {
    display: flex;
}

.vert_img{
    display: block;
    padding: 2%;
}

/*food Images*/


.food-images {
  position: relative;
  display: flex;
  justify-content: center;
}

.food-thumbnails {
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
    
}

.food-thumbnails img {
    width: 15%;
    height: auto;
    object-fit: contain;
    transition: transform .3s;
    margin-top: 5%;
    margin-bottom: 5%;
    
}

.food-thumbnails img:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5);
  transform: scale(1.5); 
}
.food-slick-dots {
    bottom: -25px;
}
    
.food-thumbnails::-webkit-scrollbar {
    display: none;
}




.food-slides{
    margin: 0 16px;
    display: flex;
    grid-auto-flow: column;
    padding: 0 0.25rem;
    overflow-y: auto;
    opacity: 0.8; 
    cursor: pointer; 
}

.food-slides img{
    height: auto;
    width: 80%;
    object-fit: contain;
    margin: auto;
    
}
.food-slides::-webkit-scrollbar {
    display: none;
}
.img_f {
    display: flex;
}
.img_thumb
{
    width: 100%;
}

.thumb_window
{
    display: flex;
    overflow-y: hidden;
}
.thumb_window::-webkit-scrollbar {
    display: none;
}
.no_div{
    display: none;
}
}