/* Fonts CSS Start*/
@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-Bold.woff2') format('woff2'), url('../fonts/MonaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-ExtraLight.woff2') format('woff2'), url('../fonts/MonaSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-ExtraBold.woff2') format('woff2'), url('../fonts/MonaSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-Medium.woff2') format('woff2'), url('../fonts/MonaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-Regular.woff2') format('woff2'), url('../fonts/MonaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-Light.woff2') format('woff2'), url('../fonts/MonaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-Black.woff2') format('woff2'), url('../fonts/MonaSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-SemiBold.woff2') format('woff2'), url('../fonts/MonaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}  
/* Fonts CSS End*/

:root{

    /* Text Color */
    --text-primary: #F8C301; 
    --text-secondary: #1F1A17; 
    --text-gary: #777777;
    --text-white: #fff;
    
    /* Background Color */
    --bg-primary: #F8C301; 
    --bg-secondary: #1F1A17;
    --bg-white: #fff;


    /* Border Color */
    --border-primary: #F8C301;
    --border-secondary: #1F1A17;

    /* Font Size */
    --font-size-12: 12px; 
    --font-size-14: 14px; 
    --font-size-16: 16px; 
    --font-size-18: 18px; 
    --font-size-20: 20px; 
    --font-size-22: 22px; 
    --font-size-24: 24px; 
    --font-size-26: 26px; 
    --font-size-28: 28px; 
    --font-size-30: 30px; 
    --font-size-32: 32px; 
    --font-size-34: 34px; 
    --font-size-36: 36px; 

    /* Font Weight */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;
}


body{font-family: "Mona Sans", sans-serif;font-size: var(--font-size-16); font-weight: var(--font-weight-400);line-height: 1; color: var(--text-black);padding: 0;margin: 0;}
.container-fluid{padding-left: 10px;padding-right: 10px;}

.common-btn{transition: all 0.3s; cursor: pointer;}
.common-btn:hover{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);}

.overlay-content{ content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: block;} 

.create-gradient-top{background: linear-gradient(180deg, #FCF9E9 0%, rgba(255, 255, 255, 0.00) 100%);content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: block;}

.bg-primary-gradient{background: linear-gradient(180deg, #FCF9E9 0%, rgba(255, 255, 255, 0) 100%);}
/* .bg-header-gradient{background: transparent !important} */
.bg-header-gradient{background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);}
.bg-last-footer-gradient{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 50%);}
.bg-white-gradient{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.55%, #FFFFFF 100%);} 
.bg-white-gradient-left{background: var(#FFFFFF, #FFFFFF);backdrop-filter: blur(234px);} 
.bg-gradient-shape {-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0.95) 75%, rgba(0,0,0,0) 100%);mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0.95) 75%, rgba(0,0,0,0) 100%);backdrop-filter: blur(234px);} 
.bg-arrow-gradient{background: linear-gradient(264.94deg, #FFFFFF 21.09%, rgba(255, 255, 255, 0) 87.93%);} 
.our-studios-bg-gradient{background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #FFFFFF 90%);}
.explore-our-bg-gradient{background: linear-gradient(179.38deg, rgba(0, 0, 0, 0) 59.77%, #000000 109.19%);}
.get-touch-bg-gradient{background: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 63.13%, rgba(255, 255, 255, 0) 100%);}
.explore-our-photoshoot-bg-gradient{background: linear-gradient(279.72deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);}
.service-banner-video-bg-gradient{background: linear-gradient(212.25deg, rgba(0, 0, 0, 0) 76.06%, #000000 100%);}
.maternity-video-bg-gradient{background: radial-gradient(51.04% 100% at 50% 100%, rgba(255, 255, 255, 0) 70%, #FFFFFF 100%);}
.maternity-video-bg-gradient-mobile{background: linear-gradient(360deg, #FFFFFF 9.79%, rgba(255, 255, 255, 0) 33.92%, rgba(255, 255, 255, 0) 68.34%, #FFFFFF 87.35%);}

.video-bg-gradient::after,.video-bg-gradient::before{position: absolute; content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;}
.video-bg-gradient::after{background: linear-gradient(90deg, #D6D2CD 18.86%, rgba(214, 210, 205, 0) 31.75%);}
.video-bg-gradient::before{background: linear-gradient(0.03deg, #D6D2CD 0.02%, #D6D2CD 14.19%, rgba(214, 210, 205, 0) 34.08%, rgba(214, 210, 205, 0) 91.75%);transform: rotate(180deg);}

.video-bg-gradient2::after,.video-bg-gradient2::before{position: absolute; content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;}
.video-bg-gradient2::after{background: linear-gradient(90deg, #FFFFFF 18.86%, rgba(214, 210, 205, 0) 31.75%);} 
.video-bg-gradient2::before{background: linear-gradient(90deg, #FFFFFF 18.86%, rgba(255, 255, 255, 0) 31.75%), linear-gradient(0.03deg, #FFFFFF 0.02%, #FFFFFF 0.02%, rgba(255, 255, 255, 0) 13.56%, rgba(255, 255, 255, 0) 91.75%);transform: rotate(180deg);}
 
.text-primary{color: var(--text-primary);} 
.text-secondary{color: var(--text-secondary);}
.text-gray{color: var(--text-gary);}
.text-white{color: var(--text-white);}
.border-primary{border-color: var(--border-primary);} 
.h2-style{font-weight: var(--font-weight-900);} 
.btn-primary{background-color: var(--bg-primary);border: 1px solid var(--bg-primary);color: var(--text-secondary);}
.btn-secondary{background-color: var(--bg-secondary);border: 1px solid var(--bg-secondary);color: var(--text-white);}
.btn-white{background-color: var(--bg-white);border: 1px solid var(--bg-white);color: var(--text-secondary);}

 
/* Header Start */
#mobile-panel { transition: transform 0.28s cubic-bezier(.2,.8,.2,1);}
body.menu-open { overflow: hidden; }  
/* Header End */  

/* Banner Slider Start */    
.swiper{overflow: visible;}
.fadeUpInit{opacity:0;transform: translateY(50px);transition: all 0.9s ease;}
.fadeUpActive{opacity:1;transform: translateY(0);}
.colAnim {transition: all 0.9s ease;animation-name: fadeInUp;animation-duration: 3.9s;animation-timing-function: ease;}
.colAnim[data-delay="0.2s"] {animation-delay: 0.2s;}
.colAnim[data-delay="0.4s"] {animation-delay: 0.4s;}
.colAnim[data-delay="0.6s"] {animation-delay: 0.6s;}
.colAnim[data-delay="0.8s"] {animation-delay: 0.8s;}
.colAnim[data-delay="1s"] {animation-delay: 1s;} 
/* Banner Slider End */


/* Services Start */      
/* .tab-btn{display: inline-block;min-width: 105px;} */
/* .tab-btn{display: none;} */
.tab-active {border-bottom-width: 2px; border-color: var(--border-primary); color: #000; font-weight: var(--font-weight-900);}
/* Services End */ 

/* Experience Owl Carousel Start */
.pill.active {background: var(--bg-primary); border-color: var(--border-primary);}
.flip-x {transform: scaleX(-1);}
.flip-y {transform: scaleY(-1);}
/* Experience Owl Carousel End */

/* Pricing Start */
.chip-selected {border-color: var(--border-primary); color: var(--text-primary);}
.chip-selected span{background-color: var(--bg-primary);}

.get-in-touch-form .chip-selected {border-color: var(--border-primary); color: var(--text-black);background-color: var(--bg-primary);}
.get-in-touch-form .chip-selected span{background-color: var(--bg-secondary);color: var(--text-primary);}
/* Pricing End */ 

/* Our Studios Section Start */
.owl-carousel-our-studios .owl-stage {padding-left: 10px !important;}
/* Our Studios Section End */
 
/* Client Love Start */  
.my-carousel {position: relative;}  
.my-carousel__swiper .swiper-slide { overflow: visible !important;}   
.swiper-card > div {display: flex;justify-content: center;align-items: center;box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);border: 1px solid rgba(0, 0, 0, 0.1);}   
/* .client-swiper .swiper-pagination { display: flex;justify-content: center;align-items: center;gap: 8px;bottom: 120px !important;}  */
.swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 50%;background-color: #3C3C4399;display:inline-block;position: relative;margin: 0 8px !important;transition: transform .18s ease, background .18s ease;opacity: 1;}  
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--bg-primary);}     
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {content: "";position: absolute;inset: 50% auto auto 50%;width: 20px;height: 20px;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid #3C3C4399; box-sizing: border-box;pointer-events: none;}
/* Client Love End */


/* Comman dots Css Start */
#journal-carousel .owl-dots {gap: 8px;display: flex;justify-content: center;}
#journal-carousel .owl-dots .owl-dot {width: 24px;height: 24px;}
#journal-carousel .owl-dots .owl-dot span {width: 8px !important;height: 8px!important;background: #3C3C4399 !important;}
#journal-carousel .owl-dots .owl-dot.active {width: 24px;height: 24px; border: 1px solid #3C3C4399; border-radius: 50%;}
#journal-carousel .owl-dots .owl-dot.active span {background: var(--bg-primary) !important;}
/* Comman dots Css End */

/* From Our Journal Start */
#journal-carousel .owl-dots {margin-bottom: 0px;margin-top: 20px;}
/* From Our Journal End */
 
/* FAQs Start */ 
.white-faq-heade.active h3 {font-weight: var(--font-weight-600);margin-bottom: 10px;}
.white-faq-heade.active span {background-color: var(--bg-white); transition: 0.5s;}
.white-faq-heade .white-minus {display: none;transform: rotate(360deg);animation: 0.5s ease-in-out all;position: relative;top: -2px;}
.white-faq-heade .white-plus,.white-faq-heade.active .white-minus {display: block;transform: rotate(0);animation: 0.5s ease-in-out all;}
.white-faq-heade.active .white-plus {display: none;transform: rotate(90deg);animation: 0.5s ease-in-out all;}
.white-faq-heade.active {box-shadow: 0px 0px 20px 0px #0000001A;background: var(--bg-primary);color: var(--text-black);transition: 0.8s;}
.white-faq-heade .white-faq-body {height: 0;opacity: 0.2;display: none;animation: 0.3s ease-in-out whitebody;}
@keyframes whitebody {0% {opacity: 1;height: 100%;}100% {opacity: 0.2;height: 0;}}
.white-faq-heade.active .white-faq-body {height: 100%;opacity: 1;animation: 0.5s ease-in-out whitebody1;display: block;}
@keyframes whitebody1 {0% {opacity: 0.2;height: 0;}100% {opacity: 100%;height: 1;}} 
/* FAQs Love End */

/* From Our Journal Start */
#journal-carousel .owl-stage-outer .owl-stage{padding-left: 0px !important;}
/* From Our Journal End */

/* Blog Search Page Start */
.pagination-container,.pagination-button {display: flex;align-items: center;justify-content: center;}
.pagination-number,.pagination-button{font-size: 1.1rem;background-color: transparent;border: none;margin: 0.25rem 0.25rem;cursor: pointer;height: 48px;width: 48px; border-radius: 50%;} 
.pagination-number.active { background: var(--bg-primary);}
/* Blog Search Page End */

/* Portfolio Page Start */
#portfolio {-webkit-column-count: 4; -moz-column-count: 4;column-count: 4;-webkit-column-gap: 0.5rem;-moz-column-gap: 0.5rem;column-gap: 0.5rem;-webkit-column-width: 25%;-moz-column-width: 25%;column-width: 25%;}
.scale-anm {margin-bottom: 8px;width: 100%;}
.filter.active {background-color: var(--bg-primary);}   

.filter-wrap {overflow-x: auto;white-space: nowrap;max-width: fit-content;margin: 0 auto;left: 24px;right: 24px;position: absolute;bottom: 0; transform: translateY(0);z-index: 40;transition: box-shadow .15s, transform .15s;pointer-events: auto;display: flex;align-items: center;box-shadow: 0 10px 30px rgba(0,0,0,0.12);border-radius: 12px;background-color: #fff;}  
.filter-wrap.fixed {position: fixed;bottom: 30px;}

.tile {position: relative;overflow: hidden;border-radius: 16px;cursor: pointer;display: none;}
.tile img {max-width: 100%; border-radius: 12px;display: block;width: 100%;height: auto;transition: transform 0.4s ease;}
.tile:hover img {transform: scale(1.05);}
.tile::after {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.0);transition: background 0.3s ease;z-index: 1;}
.tile:hover::after { background: linear-gradient(179.38deg, rgba(0, 0, 0, 0) 59.77%, #000000 109.19%);}
.tile-info {position: absolute;bottom: 20px;left: 20px;right: 20px;color: white;font-size: 18px;font-weight: 600;line-height: 1.4;opacity: 0;transform: translateY(10px);transition: all 0.3s ease;z-index: 2;text-shadow: 0px 3px 10px rgba(0,0,0,0.6);}
.tile:hover .tile-info {opacity: 1;transform: translateY(0);} 

.tile2 {position: relative;overflow: hidden;border-radius: 0px;cursor: pointer;display: none;}
.tile2 img {max-width: 100%; border-radius: 0px;width: 220px;height: 220px;}
.tile2:hover img {transform: scale(1);}
.tile2::after {display: none;}
.tile2:hover::after { background: none}   
/* Portfolio Page End */

.outline-number {font-weight: 800;color: transparent;-webkit-text-stroke: 2px #000; text-stroke: 2px #000; -webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #1f2937;color: transparent;} 
.outline-number--thin {-webkit-text-stroke-width: 1.2px;}  

/* Contact Us Page CSS Start */
.marker {text-align: center;z-index: 0; } 
.marker small {position: relative;left: -13px;}
.marker.text-primary{z-index: 1;}
.marker.text-primary small{display: block !important;}
.cityCard-active { background-color: var(--bg-primary);color: var(--text-black);}
.cityCard-active .text-white,.cityCard-active svg path{color: var(--text-black); stroke: black;} 
/* Contact Us Page CSS End */

/* Blog Page CSS Start */
.NewsSwiper .swiper-slide::before{position: absolute;content: '';display: block;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(256.05deg, rgba(0, 0, 0, 0) 67.5%, #000000 100%);}
.NewsSwiper .swiper-pagination-horizontal{width: auto;left: auto;top: auto;right: 40px;bottom: 40px;}
.NewsSwiper .swiper-pagination-bullet {width: 20px;height: 20px;margin: 0 4px !important;background-color: var(--bg-secondary);opacity: 0.5;}
.NewsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--bg-primary);opacity: 1;}
/* Blog Page CSS End */

.maternitySwiper .swiper-pagination{display: none;}


/* Hide scrollbar but keep scrolling */
.scrollbar-hide {-ms-overflow-style: none; scrollbar-width: none;}
.scrollbar-hide::-webkit-scrollbar {width: 0;height: 0;display: none;} 
 

/* Gallery Fancybox CSS Start  */ 
.fancybox__container { padding-bottom: 20px;}  
.f-thumbs__slide { height: 120px;width: 120px; }  
.f-thumbs__slide button { 
    margin-inline: 50%;
    width: 120px !important;
    height: 120px !important;
    border-radius: 0px; 
    background: transparent;
}

.f-thumbs img { 
    width: 114px !important;
    height: 114px !important;
    object-fit: contain !important;
    object-position: center;
    border-radius: 0px !important;
    margin: 0 auto;
}

.f-carousel__toolbar { min-height: 80px !important;} 

.f-caption {
    font-size: 40px;
    font-weight: 800;
    position: absolute;
    left: 10px;
    top: -75px;
    z-index: 10;
}

.f-thumbs__slide.is-selected button:after{ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1.5px #F8C301; } 
.f-carousel__toolbar__column.is-right { padding-top: 15px; padding-right: 15px; }
.f-thumbs.is-horizontal {max-height: fit-content;}


/* Hide next / prev arrows */
 
.is-horizontal.is-ltr .f-button.is-arrow.is-prev,
.is-horizontal.is-ltr .f-button.is-arrow.is-next { 
    display: none;
} 
/* Gallery Fancybox CSS End  */

input[type="date"]::placeholder { color: var(--text-secondary);opacity: 0.5; }
input[type="time"]::placeholder { color: var(--text-secondary);opacity: 0.5; }

/* Animation */
.fadein-up {opacity: 0;transform: translateY(0px);animation: fadeInUp 0.6s ease-out forwards;animation-fill-mode: forwards;}
@keyframes fadeInUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0px);}}
 

/* Banner Slider Animation Start */

.col { 
  opacity: 0;               
  transform: translateY(10%);
  will-change: transform, opacity;
  animation: slideFadeUp 1s ease-out forwards; 
}
  
.delay-1 { animation-delay: 0s; }
.delay-2 { animation-delay: 0.6s; }
.delay-3 { animation-delay: 1.2s; }
.delay-4 { animation-delay: 1.8s; }
.delay-5 { animation-delay: 2.4s; }
 

@keyframes slideFadeUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Banner Slider Animation End */

/* #map{
    filter: grayscale(100%) brightness(1) contrast(1);
} */
.leaflet-tile-pane {
  filter: grayscale(100%) brightness(1) contrast(1);
}
label.error{color:#ff0000a6}
/* Ensure markers stay original color */
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane {
  filter: none !important;
}
/* Media Query Start */

@media screen and (min-width:1536px){
    .h2-style{font-size: 100px; line-height: 114px;} 
}

@media screen and (min-width:1024px){
    header{
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    }
    .my-carousel__swiper {padding-bottom: 250px;} 
    .client-swiper .swiper-pagination{display: none !important;} 
    #journal-carousel .owl-dots {display: none;}
    .maternity-video-bg-gradient{
        display: block; 
    }
    .maternity-video-bg-gradient-mobile{
        display: none;
    }
}

@media screen and (min-width:768px){ 
    .read-more,.read-less{display: none;}  
}

@media screen and (max-width:1535px){ 
    .h2-style{font-size: 90px; line-height: 100px;} 
}
 
@media screen and (max-width:1023px){ 
    header#site-header { 
        /* background: #fff; 
        position: sticky; */
    }
    #mobile-menu {
        top: 0;
    }
    .my-carousel__swiper{
        padding-bottom: 40px;
    }
    .client-swiper .swiper-pagination { display: flex;justify-content: center;align-items: center;gap: 8px;bottom: 90px !important;} 
    .maternity-video-bg-gradient{
        display: none;
    }
    .maternity-video-bg-gradient-mobile{
        display: block;
    }
}

@media screen and (max-width:1199px){
    .h2-style{font-size: 60px;line-height: 66px;} 
    .client-carousel .owl-item.left-2 .card-box,
    .client-carousel .owl-item.right-2 .card-box {margin-top: 100px;} 
    #portfolio {-webkit-column-count: 2; -moz-column-count: 3;column-count: 3;-webkit-column-gap: 0.5rem;-moz-column-gap: 0.5rem;column-gap: 0.5rem;-webkit-column-width: 33.333333%;-moz-column-width: 33.333333%;column-width: 33.333333%;}
    .tile-info { font-size: 14px;}
    .f-caption {font-size: 30px;}
}

@media screen and (max-width:767px){
    .h2-style{font-size: 40px;line-height: 46px;}    
    #portfolio {-webkit-column-count: 2; -moz-column-count: 2;column-count: 2;-webkit-column-gap: 6px;-moz-column-gap: 6px;column-gap: 6px;-webkit-column-width: 50%;-moz-column-width: 50%;column-width: 50%;}  
    .tile-info { font-size: 14px; }
    .tile { border-radius: 6px;}
    .tile img { border-radius: 6px;}
    .scale-anm {margin-bottom: 4px;}
    .filter-wrap.fixed {bottom: 10px !important;}

    /* Read More CSS Start */
    .add-read-more.show-less-content .second-section,
    .add-read-more.show-less-content .read-less {display: none;}
    .add-read-more.show-more-content .read-more {display: none;}
    .add-read-more .read-more,
    .add-read-more .read-less {font-weight: var(--font-weight-700);margin-left: 2px;color: var(--text-gary);cursor: pointer;} 
    /* Read More CSS End */ 

    .NewsSwiper .swiper-pagination-horizontal{right: 20px;bottom: 20px;}
    .my-gallery-swiper{max-height: 459px;} 
    .row-viewport.overflow-hidden {
        overflow-x: scroll;
    }
    .f-caption {font-size: 24px;}
}

@media screen and (max-width:639px){
    .h2-style{font-size: 34px;line-height: 46px;}   
    .gallery {grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));} 
    .swiper-card > div {max-width: 295px;}
    .filter-wrap {max-width: 360px; overflow-y: scroll;}  
    .filter-wrap.fixed { max-width: 360px; overflow-y: scroll;} 
    .f-caption {font-size: 18px;}
}

@media screen and (max-width:360px){ 
    .swiper-card > div { max-width: 260px;}
    .filter-wrap.fixed { max-width: 280px; overflow-y: scroll;}
}

/* Media Query End */