* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 14px; line-height: 1.86; color: #fff; font-family: "Josefin Sans", serif; background: #000; }
p {color: #fff;}
*::-webkit-input-placeholder { opacity:1; color: #75808c; }
*::-moz-placeholder { opacity:1; color: #75808c; }
*:-ms-input-placeholder { opacity:1; color: #75808c; }
input[type=checkbox] { -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: "Josefin Sans", serif; font-size: 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; }
:focus,input:focus, textarea:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }
p { color: #fff; font-size: 25px; line-height: 114.5%; }  
a { text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; text-decoration: none; outline: none; color: #000; }
a:hover { text-decoration: none; }
ul, ol { list-style: none; }
 h2, h3, h4, h5, h6 {  font-family: "Josefin Sans", serif; color: #fff;font-weight: 400; }
 h1{font-family: "Josefin Sans", serif;}
 .disflexArea { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; }
 .algnflexArea { align-items:center; -webkit-align-items:center; }

 h2{font-size: 30px;line-height: 114.5%; text-transform: uppercase;}
 .container {width: 100%; max-width: 1523px;margin: auto;}
 h3 {font-size: 21px;line-height: 114.5%;}
 html, body {
  scroll-behavior: smooth;color: #262262;
}

/**ON LOAD POPUP**/
.mobile-popup {
    display: none;
}

/**Mobile menu***/

button.open-nav-btn {
  display: none;
}
/* Open button */
.open-btn {
  display: none; /* Not used for this implementation */
}

.open-nav-btn {
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 99999999;
  background-color: #fff;
  color: black;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  left: 0;
    right: 0;
    width: 258px;
    margin: auto;
    font-family: "Raleway", serif;
    height: 42px;
}

/* Navigation popup */
.nav-popup {
  position: fixed;
  bottom: -100%; /* Hidden by default */
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  transition: bottom 0.4s ease;
  z-index: 9999;
  height: 80%;
}

.nav-popup.active {
  bottom: 82px; /* Slide-up effect */
}

.nav-popup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-popup ul li {
  font-size: 15px;
  margin: 15px 0;
  color: #545454;
  font-family: "Josefin Sans", serif;
  line-height: 3.5em;
  font-weight: 400;
}

.nav-popup ul li:nth-child(4) {
  color: #4b3d8f; /* Highlighted text color */
}

/* Close button */
.mobileMenu .close-nav-btn {
    position: absolute;
    top: 20px;
    right: 15px;
  cursor: pointer;
  border: none;
	    z-index: 9999999;
}
/**Header**/
.header {background-color: #000;    width: 100%;    position: fixed;height: 67px;top: 0;left: 0;z-index: 999999999999999;}
.header a {     margin: 6px auto 0px;}
.hero-slider .logo {position: absolute;top: 0px;left: 0;z-index: 999;}
 /**Slider Menu**/
 .menu {position: absolute;bottom: 0px;width: 100%;text-align: center;
    padding: 82px 0px 57px;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);;z-index: 999999;}
.menu a {color: white;margin: 0 23px;font-size: 28px;text-decoration: none;text-transform: capitalize;line-height: 89.5%; letter-spacing: -1.12px;font-weight: 300;position: relative;}
.menu a.active {font-weight: 400;}
.menu a:after {content: "";width: 1px;position: absolute; height: 22px;background-color: #fff;right: -25px;top: 0;}
.menu a:last-child::after{display: none;}
.menu a:hover {color: #262262;}
.menu ul li {
  display: inline-block;
}
 /*Slider**/
 .hero-slider {position: relative;width: 100%;height: auto;    top: 65px;    }

 .hero-slider .slide {
  height: 1058px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contentBox {
  display: flex;  flex-wrap: wrap;  width: 34%;
  align-items: center;    margin-left: 211px;
  height: 100%;    justify-content: flex-start;z-index:999999999;
}
 .hero-slider .slide img{width: 100%;}
.slider img {width: 100%;}
.hero-slider .single-item .slick-next {
  right: 100px !important;    opacity: 1;
}
.hero-slider .single-item .slick-prev {
  left: 100px !important;    opacity: 1;z-index: 9999;
}
.slider .slick-dots li.slick-active button {
  height: 12px !important;
  width: 6px !important;
}
.slider-content h1 {font-size: 133px;font-weight: 300;line-height: 89.5%;letter-spacing: -4px;    margin-bottom: 40px;width: 100%;color: #fff;}
.slider-content p {font-size: 30px;font-weight: 400;line-height: 121.5%;    padding-bottom: 60px;    color: #fff;width: 100%;}
.btn {padding: 10px 20px;background-color: #262262;border: none; border-radius: 30px;cursor: pointer;width: 224px;height: 58px; transition: transform 0.3s ease;   } 
.btn:hover{transform: scale(1.1);}  
.btn a{text-transform: uppercase;font-family: "Raleway", serif;    line-height: 150%;letter-spacing: 0.9px;font-size: 18px;letter-spacing: 0.9px;color: white;}
.arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 3rem;color: white;padding: 10px;cursor: pointer;z-index: 10;}
.arrow.left {left: 30px;}
.arrow.right {right: 30px;}
/*.slide:before {content: "";background: linear-gradient(20deg, #000 6.99%, rgba(250, 252, 255, 0) 100%);position: absolute; width: 100%;height: 100vh;left: 0;top: 0;}*/

.smallContainer {width: 100%;max-width: 1260px;margin: auto;    z-index: 999999;
    position: relative;}

 /* Video Container */

 .video-container {position: relative;display: inline-block; width: 55%;}
  .play-icon {position: absolute;top: 46%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;
background: url('../images/play.png') no-repeat center center;background-size: contain;}
.videoSecContent {width: 45%;    padding-left: 49px;}
.videoSection h2 {padding-bottom: 59px;}
.videoSection p {padding-bottom: 38px;}
.videoSection {padding: 40px 0px;    margin-top: 67px;}
.video-container img {width: 100%;    height: auto;    display: block;}
video {
  width: 705px;
}
.videoSecContent .btn{width:auto;}
  /* Popup Styles */
  .spotlightSection .disflexArea .spotlightBox .popup-content span{display: initial;}
  .popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 999999999999999999999999;}
  .popup-content {position: relative;width: 100%;max-width: 70%;background: #000;padding: 10px;border-radius: 8px;text-align: center;margin: auto;top: 5%;}
  .popup-content video { width: 300px;height: auto;}
  .close-btn { position: absolute;top: -20px;right: 20px;font-size: 55px !important;font-weight: 300;color: #fff;cursor: pointer; z-index: 10;}



/**Spotlight section**/
.heading h2 {text-align: center;border-top: 1px solid #fff;border-bottom: 1px solid;padding: 21px 21px 15px;}
.spotlightSection .disflexArea {width: calc(31.33% - 20px);    margin: 0 45px 0px 0px;    gap: 15px;    margin-bottom: 45px;}
.spotlightSection .disflexArea .spotlightBox {flex: 1;display: flex;flex-direction: column;justify-content: center;}
.spotlightSection .disflexArea .spotlightBox .video-container {width: 100%;}
.spotlightSection .disflexArea .spotlightBox h3 {text-align: center;    padding-bottom: 30px;}
.spotlightSection .disflexArea .spotlightBox p {font-size: 16px;text-align: center;padding-bottom: 62px;}
.spotlightSection .disflexArea .spotlightBox .btn {width: 149px;height: 33px;padding: 0px;display: block;margin: auto;}
.spotlightSection .disflexArea .spotlightBox .btn a{font-size: 12px; }
.spotlightInner {display: flex;padding: 39px 40px 70px;    flex-wrap: wrap;}
.spotlightSection .disflexArea .spotlightBox span {font-size: 12px;}
.spotlightSection .disflexArea .spotlightBox span {display: none;}
.spotlightSection .disflexArea .spotlightBox .video-container span {display: block; color:#fff}

/**Fashion slider**/


.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox .content h2, 
.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox .content p{width: 100%;    padding: 15px 0px;}

.blue-bg{background-color: #262262;}
.beige-bg {
  background-color: #bba88c;
}
.teal-bg {
  background-color: #095479;
}
.velvet-bg {
  background-color: #6f5a66;
}
.fashion-slider .slider {padding: 60px 40px 0px;}
.slick-slideshow__slide {margin: 0px 40px 0px 0px;}
.slick-list {padding-left: 0px!important;}
.slick-prev:before {content: '' !important;background-image: url(https://elegancebythecollective.com/wp-content/uploads/2025/01/left-arrow.png);width: 34px;height: 53px;position: absolute;background-repeat: no-repeat;}
.slick-next:before {content: '' !important;background-image: url(https://elegancebythecollective.com/wp-content/uploads/2025/01/right-arrow.png);width: 34px;height: 53px;position: absolute;background-repeat: no-repeat;}

.fashion-slider .slider .slick-prev:before {content: '' !important;background-image: url(https://elegancebythecollective.com/wp-content/uploads/2025/01/left.png);opacity: 1;}
.fashion-slider .slider .slick-next:before {content: '' !important;background-image: url(https://elegancebythecollective.com/wp-content/uploads/2025/01/right.png);opacity: 1;}

.slick-current.slick-active .slick-dots li button { width: 6px !important;height: 8px !important;}
.fashion-slider {padding-bottom: 50px;}

.video-slider .slick-next:before{background-image:url(https://elegancebythecollective.com/wp-content/uploads/2025/01/right.png);right:0px;}
.video-slider .slick-prev:before{    background-image: url(https://elegancebythecollective.com/wp-content/uploads/2025/01/left.png);left:0px;}
.video-slider .slick-next{    right: 16%;}
.video-slider .slick-prev{left:17%;        z-index: 999999999999999;}
/**New**/
.fashion-slider .slick-slideshow__slide {position: relative;    height: 541px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.alignCenter {
  height: 100%;
  align-items: center;
}
.fashion-slider-mobile {
  padding-bottom: 100px;
}
.fashionMobileSilde.alignRight .btn{margin-left: 177px;}
.alignRight {
  justify-content: center;}
.fashion-slider .slick-slideshow__slide .btn {
  background-color: transparent;
  border: 1px solid #fff;
  width: 108.52px;
  height: 32.26px;    padding: 0px;    margin-top: 20px;
  margin-top: 210px;

}

.fashion-slider-mobile .btn {
  margin-top: 20px;
  width: 150px;
  height: 40px;
  font-size: 14px;
  padding: 5px 10px;
}
.controls {
  position: absolute;
  bottom: 23px;
  right: 3px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;    z-index: 99999999999999999;
}
button.muteUnmuteBtn {
    background-color: transparent;
    border: none;
    width: 35px;
}
.video-slides {
    z-index: 1;
    position: relative;
}
button#muteUnmuteBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

button#muteUnmuteBtn img {
  width: 30px;
  height: 30px;    filter: brightness(0) invert(1);
}


/**End**/
.fashion-slider .slick-slideshow__slide .btn{  width: 108.52px;
  height: 32.26px;    padding: 0px;    margin-top: 20px;}
button.btn.transparent {
  background-color: transparent;
  border: 1px solid #fff;
}
.fashion-slider .slick-slideshow__slide .btn a, button.btn.transparent a {font-size: 12.51px;}

.fashion-slider .slick-slideshow__slide .disflexArea {
  display: flex;flex-wrap:nowrap;
}
.fashion-slider .slick-slideshow__slide .disflexArea .item {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
 
}
.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox{ padding: 40px;}
.fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 300;
}
.fashion-slider .slick-slideshow__slide .disflexArea .item p{color: #fff;}
.slick-dots li.slick-active button:before{display: none;}
.fashion-slider-mobile {
  position: relative;
}

.fashion-slider-mobile .slick-slideshow__slide {
  position: relative;
}

.fashion-slider-mobile .fashionMobileSilde {
  background-size: cover; /* Ensures the image covers the full container */
  background-position:top left; /* Ensures the image is centered */
  height: 600px; /* Full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;
}

.fashion-slider-mobile .content {
  position: absolute;
  top: 20px; /* Adjust this value based on your preference */
  left: 20px; /* Adjust this value based on your preference */
  color: white;
  padding: 30px 50px 30px;font-family: "Josefin Sans", serif;font-weight: 300;
}

.fashion-slider-mobile .btn {
  margin-top: 20px;
  width: 150px;
  height: 40px;
  font-size: 14px;
  padding: 5px 10px;
}

.fashion-slider-mobile .btn a {
  color: white;
  text-decoration: none;
}
.fashion-slider-mobile .fashionMobileSilde h2{color: #fff;        font-size: 30px;font-family: "Josefin Sans", serif;font-weight: 300;}
.fashion-slider-mobile .content p {
  color: #fff;
  padding-top: 15px;
}

.fashionMobileSilde.alignRight .content {
  text-align: right;    padding: 20px 20px 20px 75px;
    right: 0px;
}
.fashion-slider-mobile .heading {
  margin-bottom: 40px;
}
.fashion-slider-mobile {
  display: none;
}
.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox .content p {
    font-size: 18px;
    font-weight: 300;
}


/***Blog css**/

.blogSection {padding: 150px 0px 88px;    background-color: #000;}
.blogSection .blogContent{text-align: center;}
.blogSection .container {max-width: 910px;}
.blogContent h1 {font-size: 50px;line-height: 125.5%;font-weight: 400;padding: 0px 20px;    color: #fff;}
.blogContent span {font-size: 12px;    color: #fff;}
.blogContent .featuredImage {padding: 45px 0px 33px;}
.blogDescription p {font-size: 18px;color: #fff;line-height: 159.5%;}
.blogDescription {width: 687px;margin: auto;text-align: left;}
.blogProductBoxes {max-width: 685px;margin: auto;padding: 73px 0px 0px;}
.blogProductBoxes h2 {padding-bottom: 15px;font-size: 24px;line-height: 159.5%;font-weight: 500;color: #000;text-transform: capitalize;position: relative;text-align: center;}
.blogProductBoxes p {font-size: 17px;line-height: 159.5%;color: #fff;padding: 18px 0px;text-align: left;}
.blogProductBoxes h2:after {content: "";background-color: #000;width: 60px;height: 1px;position: absolute;bottom: 0;left: 0;right: 0;display: block;margin: auto;}
.blogProductBoxes img{width: 511px;
    height: auto;}
.blogProductBoxes span {font-weight: bold;font-style: italic;    display: block; color: #000;font-size:17px;}
.blogProductBoxes img {margin: 42px auto;display:block;}
.ProductBoxes-priceDetail h3, .ProductBoxes-priceDetail p, .ProductBoxes-priceDetail span { font-size: 16px;color: #fff;line-height: 159.5%;text-align: center;    padding: 0px;font-weight: 400;}
.ProductBoxes-priceDetail p {padding-bottom: 20px;}
.finalWordSection {max-width: 749px;margin: 30px auto;padding: 30px 45px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.finalWordSection p {font-size: 24px;color: #fff;text-align: left;}
.featuredImage img {width: 100%;height:auto;}
.ProductBoxes-priceDetail button.btn {
    margin-top: 20px;
}
.ProductBoxes-priceDetail {
    text-align: center;
}
/* Responsive */

@media all and (max-width: 2000px){ 
   
  .contentBox{width: 43%;}
}
@media all and (max-width: 1800px){ 
	.video-slider .slick-next{    right: 5%;}
.video-slider .slick-prev{left:0%;}	
}
@media all and (max-width: 1900px){ 
	.video-slider .slick-next{    right: 8%;}
.video-slider .slick-prev{left:6%;}	
}
@media all and (max-width: 1560px){
.video-slider .slick-next{    right: 6% !important;}
.video-slider .slick-prev{left:7% !important;}	
  .container{max-width: 90%;}
  .slider-content h1 {font-size: 100px;}
  .slider-content p {font-size: 25px;}
  .btn{    width: 200px;height: 48px;}
  .contentBox { width: 33%;}
  .menu a{font-size: 25px;}
  .menu{    padding: 65px 0px 57px;}
  /**.slick-slider{overflow: hidden;}**/
  .smallContainer{    max-width: 1160px;}
  video {width: 630px;}

  .fashion-slider .slider {padding: 60px 60px 0px;}
  .slick-prev {left: -7px !important;}
  .slick-next {right: 30px !important;}
  .fashion-slider .slick-slideshow__slide .disflexArea .item h2{    font-size: 38px;}
  .spotlightSection .disflexArea .spotlightBox p{    padding-bottom: 22px;}
  .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox {padding: 28px;}
  .spotlightSection .disflexArea .spotlightBox h3{    font-size: 20px;}
  .videoSection p{    font-size: 22px;}	
	

}


@media all and (max-width: 1472px){
	.spotlightSection .disflexArea{width: calc(30.33% - 20px);}
	
}
@media all and (max-width: 1390px){
.video-slider .slick-prev {
        left: 3% !important;
    }
    .video-slider .slick-next {
        right: 5% !important;
    }
	    .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
        font-size: 32px;
    }
}

@media all and (max-width: 1365px){
    .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
        font-size: 30px;
    }
	.fashion-slider .slick-slideshow__slide .disflexArea{    flex-wrap: nowrap;}
}
@media all and (max-width: 1300px){
	.fashion-slider .slick-slideshow__slide .disflexArea .item h2{        font-size: 26px;}
	    .video-slider .slick-next {
        right: 4% !important;
    }
}
@media all and (max-width: 1279px){
.smallContainer {max-width: 90%;}
    video {width: 100%;}
	.video-container{width: 50%;}
	.videoSecContent { width: 50%;}
	.video-slider .slick-next {right: 5% !important;}
.video-slider .slick-prev {
        left: 1% !important;
    }
  .contentBox { width: 40%;  margin-left: 100px;}  
  .spotlightSection .disflexArea{    margin: 0 20px 40px 0px;} 
  .spotlightSection .disflexArea .spotlightBox p{padding-bottom: 5px;}
  .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {font-size: 30px;}
  .fashion-slider {padding-bottom: 65px;}
  .hero-slider .single-item .slick-prev {left: 25px !important;}
  .hero-slider .single-item .slick-next{right: 25px !important;}
  .video-container img{height: auto;}
  .hero-slider .slide {height: 900px;}
  .fashion-slider .slick-slideshow__slide .disflexArea .item p{    font-size: 18px;}
	.fashion-slider .slick-slideshow__slide .disflexArea{flex-wrap: nowrap;}
	
}


@media all and (max-width: 1199px){
  .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox {padding: 40px;}
    .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
        font-size: 22px;
    }	
    .smallContainer {
max-width: 90%;    z-index: 999999;
    position: relative;
 }	
    .video-slider .slick-next {
        right: 4% !important;
    }	
.slick-prev, .slick-next{z-index:999999999; }	
}

@media all and (max-width: 1070px){
  .slider-content h1 {font-size: 80px;}
  .contentBox { width: 60%;}
  video {width: 500px;}
  .smallContainer { max-width: 84%;}
  .spotlightInner{flex-wrap: wrap;}
  .spotlightSection .disflexArea {width: calc(100% - 0px);}
  .spotlightSection .disflexArea .spotlightBox h3{    text-align: left;}
  .spotlightSection .disflexArea .spotlightBox p{    text-align: left;}
  .spotlightSection .disflexArea .spotlightBox .btn{margin: initial;        width: 120px;}
  .spotlightSection .disflexArea .spotlightBox .video-container span {display: none;}
  .spotlightSection .disflexArea {margin: 0 0px 15px 0px;}
  .fashion-slider .slider {padding: 60px 40px 0px;}
  .container {max-width: 100%;}
  .spotlightSection .disflexArea .spotlightBox span {display: block;font-style:italic;}
.spotlightSection .disflexArea .spotlightBox .video-container span {display: none;}
.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox {
        padding: 10px;
    }
    .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
        font-size: 26px;
    }

}
@media all and (max-width: 991px){
  .menu{display: none;}
	.menu{    top: 37px;}	
  .mobileMenu .menu {
    display: block !important;
}
  button.open-nav-btn {display: block;}
  .fashion-slider .slick-slideshow__slide .disflexArea{height: 100%;}
  .hero-slider .slide {height: 816px;}
.hero-slider .slide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
	left: 0;
    right: 0;
    display: block;
    margin: auto;
	z-index:0;
}	
  .spotlightInner{    padding: 39px 30px 70px;}
  video {
    width: 100%;
}

.nav-popup {
  display: none;
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  transition: bottom 0.4s ease;
  z-index: 9999;
  height: 80%;
}

.nav-popup.open {
  display: block;
}
.menu {
  background: none;
}

.close-nav-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

.nav-popup ul li a {
  text-decoration: none;font-size: 22px;
}

.nav-popup ul li a.active {
  font-weight: bold;color:#2a2665;
}
.nav-popup ul li a {
  color: #545454;font-weight:400;}

  .menu ul li {
    display: inherit;
    text-align: left;
}
.slider img{height:100%;}
.video-slider .slick-prev {
        left: 2% !important;
    }	
}

@media all and (max-width: 900px){
.fashion-slider .slick-slideshow__slide {
	height: 458px;}
}	
@media all and (max-width: 800px){
.hero-slider .logo img {
    width: 217px;
}	
    .video-slider .slick-prev {
        left: -6px !important;
    }
    .video-slider .slick-next {
        right: 0% !important;
    }	
.videoSection .video-slider .slick-prev, .videoSection .video-slider .slick-next	{display:block !important; top:33%;}	
.video-slider .slick-next:before {
        right: 0px;
        background-color: #0000003d;
        width: 40px;
        height: 68px;
        background-position: center;
    }	
.video-slider .slick-prev:before {
        left: 5px;
        background-color: #0000003d;
        width: 40px;
        height: 68px;
        background-position: center;z-index:9999999;
    }
  .video-container{width: 100%;}
  .videoSecContent {width: 100%;}
	.slick-dots{text-align:center !important;}
  .videoSecContent{    padding-left: 0px;padding-top: 20px;}
  .videoSection h2 {padding-bottom: 16px;}
 h2 {font-size: 27px;}
.videoSection p {padding-bottom: 28px;}
p{font-size: 18px;}
video {width: 100%;}
.hero-slider .single-item .slick-prev, .hero-slider .single-item .slick-next{ display: none !important;}
.contentBox{        margin-left: 0px;padding: 30px;}
.contentBox { width: 70%;}
.container {
  max-width: 90%;
}
.spotlightInner {
  padding: 39px 0px 30px;
}
.slick-slideshow__slide {
  margin: 0px 30px 0px 0px;
}
.slick-prev, .slick-next{display: none !important;}
.fashion-slider .slider {
  padding: 40px 0px 0px;
}
.fashion-slider .slick-slideshow__slide .disflexArea{height: auto;}
.contentBox{    padding-top: 267px !important z-index: 99999;position: relative;}
.header img{    width: 264px;}	
.slick-dots{bottom: -38px !important;top: auto !important;}	
.spotlightSection .disflexArea .spotlightBox:nth-child(1) {
  flex: 0 0 30%;
}
.spotlightSection .disflexArea .spotlightBox h3 {
  padding: 10px 0px;
}
.fashionMobileSilde.bottomContent .content {
    top: auto !important;
    bottom: 117px !important;
	padding-left: 25px;
	padding-right: 25px;
	    left: 0px;
}
.fashion-slider-mobile .content{left:0;}
.fashionMobileSilde.alignRight .content{    padding: 20px 20px 20px 0px;}	
.fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
   font-size: 25px;
}
 .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox {
        padding: 30px;
}
.fashion-slider .slick-slideshow__slide .disflexArea .item.itembox .content p{font-size: 13px;    padding: 4px 0px;}
	
/**Blog css**/	
.blogProductBoxes img{width: 100%;}
.blogDescription{width: 100%;}
.blogSection {padding: 100px 20px;}	
.blogContent h1 {font-size: 30px;padding:0px;}
.blogDescription {width: 100%;}
.finalWordSection{    max-width: 100%;padding: 30px 0px;}


}
@media all and (max-width: 660px){
    .fashion-slider .slick-slideshow__slide .disflexArea .item h2 {
        font-size: 20px;
    }
	.fashion-slider .slick-slideshow__slide{height: 310px;}	
.mobile-popup {
    display: block;
}
	.desktop-popup{display:none;}	
	.slider img{height:auto;}	
}

@media all and (max-width: 600px){
.header{    height: 55px;}	
.header a {
    margin: 0px auto 0px;
}	
	.hero-slider{    top: 54px;}	
	.videoSection{    margin-top: 44px;}	
	.fashion-slider-mobile .content{    padding: 30px 80px 30px 20px;}	
  .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox, .hero-slider .single-item .slick-next {padding: 48px;}
  .contentBox { width: 100%;}
  .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox, .hero-slider .single-item .slick-next {
    padding: 25px;
}
.fashion-slider-mobile .fashionMobileSilde h2 {
  font-size: 20px;
}
  .fashion-slider-mobile {
    display: block;
  }
  .fashion-slider {
    display: none;
}

.fashion-slider .slick-slideshow__slide .disflexArea .item p{        font-size: 14px;}
.slider-content h1 {
  font-size: 57px;
}
.slider-content p {
  font-size: 21px;
}
	.fashion-slider-mobile .btn{width: 130px;    height: 36px;}	
	.fashion-slider-mobile .btn a{font-size:13px;}	
.popup-content video {
	width: 100%;}
	.fashion-slider-mobile .fashionMobileSilde{height: 768px;}	
.smallContainer {
        max-width:77%;
    }
.videoSection .video-slider .slick-prev, .videoSection .video-slider .slick-next	{ top:25%;}	
	.video-slider .slick-next:before, .video-slider .slick-prev:before{    background-size: 20px;width: 38px;
        height: 58px;}	
}

@media all and (max-width: 505px){
.fashion-slider-mobile .content {padding: 20px 90px 20px 10px;}
	.fashion-slider-mobile .fashionMobileSilde{    height: 670px;}	
	.pum-theme-112 .pum-content, .pum-theme-lightbox .pum-content{padding:0px;}
}
@media all and (max-width: 450px){
	
  h2 {
      font-size: 22px;
  }	
  .fashion-slider .slick-slideshow__slide .disflexArea .item.itembox, .hero-slider .single-item .slick-next {
    padding: 16px;
}
	    .fashion-slider-mobile .content {
        padding: 20px 55px 20px 10px;
    }
.fashion-slider-mobile .content {
        padding: 20px 18px 20px 20px;
    }
	.fashionMobileSilde.bottomContent .content{        bottom: 56px !important;}
.slick-slideshow__slide {
        margin: 0px 20px 0px 0px;
}

}

@media all and (max-width: 395px){
	.fashion-slider-mobile .fashionMobileSilde{    height: 480px;}	
.spotlightSection .disflexArea .spotlightBox h3 {
        font-size: 18px;
    }
.spotlightSection .disflexArea .spotlightBox p {
	font-size: 14px;}	
    .video-slider .slick-next:before {
		right: -27px;}	
.video-slider .slick-next {
        right: 7% !important;
}	
}