@import url('https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap');
section#main.main-ind{
 	padding: 0 
}

.luna-laptop-info h2 sup{
	font-size: 20px!important;
}

.luna-laptop-info h2 sup:last-of-type, .luna-laptop-info p sup:last-of-type {
 	display: none; 
}

.product .column-ind-holder .column-content .product-image-holder .product-image .landing_img_laptop{
	width: 250px;
}
/**luna-laptop**/
.luna-new{
    border: 2px solid #fcd000;
    position: relative;
    padding: 40px;
}
.luna-laptop-image img{
    width: 700px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.luna-laptops {
    padding: 15px;
    background-image: url(/images/landing/pcs/luna-series/luna-laptops-bg.jpg);
    background-size: cover;
    background-position: 50% 55%;
}
.luna-laptop-holder{
    margin-bottom: 60px; 
    gap: 60px;
    min-height: 700px;
}
.luna-laptop-gal{
    gap: 10px;
}
.luna-laptop-gal img{
    transition: .5s ease;
}
.luna-laptops span{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background-color: #fcd000;
    color: #000;
  	font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 5px 25px;
}
#l-laptops h3{
    font-size: 24px;
    text-align: center;
}
#l-laptops{
    background-color: #000;
    color: #fff;
}
#l-laptops p{
    margin: 40px 0;
}
#l-laptops .landing-button{
    border-color: #fff;
}

.expand-icon{
    position: absolute;
    top: 15px;
    z-index: 2;
    right: 15px;
}
.luna-laptop-info{
    max-width: 700px;
}
/**laptops-end**/
.luna-case span{
	position: absolute;
    top: -40px;
    left: 30px;
    right: 30px;
    background: #fff;
    padding: 7px 15px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.luna-nav-mob .laptop-new span{
  	top: auto;
    left: 20px;
    bottom: -26px;
    font-size: 10px;
    transform: none;
}
.laptop-new {
    position: relative;
}
.laptop-new span {
    background: #fcd000;
    color: #000;
    padding: 3px 10px;
    position: absolute;
    text-transform: uppercase;
    top: -35px;
    text-align: center;
    left: 50%;
    font-weight: bold;
    transform: translate(-50%);
    font-size: 14px;
    font-family: 'Montserrat-Bold';
}


 .existingText::after {
      content: attr(data-text);
    }
.landing-wrapper .l-disc{
    font-size: 16px;
    color: #5d5d5d;
  	margin-top: 20px!important;
  	text-align: center;
}
.Windows-11-tagline a{
  display: block;
  color: #ffffff;
}
.landing-wrapper .Windows-11-tagline p{
 	font-size: 16px; 
}
.Windows-11-tagline img{
 	width: 200px;
  	margin-top: 12px;
}
/**
.Windows-11-tagline{
 	margin-top: 20px;
}
.windows-11-link{
    background: #0178d4;
    display: inline-flex;
    align-items: center;
    padding: 15px;
}
.windows-11-link img{
  width: 100px;
}
.windows-11-link > div{
    border-left: 2px solid #fff;
    margin-left: 15px;
    padding-left: 15px;
    font-size: 13px;
}
**/
.sold-out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 3;
    bottom: 0;
}
.sold-out > div {
    position: absolute;
    background: rgb(41 41 41 / 93%);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
}
.sold-out p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    left: 40px;
    color: #ffffff;
    z-index: 999;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 30px !important;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
}
button:disabled {
    opacity: 0.4;
    cursor: default;
    background-color: #000000;
}
.luna-pricing button:disabled:hover{
	background-color: transparent;
  color: #000000;
}
.tabs_wrapper{
    min-height: 740px;
}
/***specs***/
.luna-rec-spec {
  padding-top: 40px;
}
.landing-wrapper .luna-rec-spec h2 {
    text-align: center;
    font-size: 45px;
    padding: 40px 0;
}
.products .system-builder-container{
  	max-width:1170px;
  margin:0 auto;
}
.product .list-caret{
 	margin-left: 40px; 
}
.products{
  padding-top: 0;
}
.product .column-ind-holder .column-ind-header {
  background: #000000;
  border-radius: 5px 5px 0 0;
}
.product .column-ind-holder .column-content {
  background: #ffffff;
  border: none;
  border-radius: 0 0 5px 5px;
  padding: 0 0 20px 0!important;
}
.product .column-ind-holder .column-content .products-points-holder{
  background: transparent;
  margin:0;
      padding-top: 0;
}
.product .column-ind-holder .column-content .config_button_holder .btn{
    border-radius: 5px;
    background: transparent;
    border-color: #000000;
    color: #000;
}
.product .column-ind-holder .column-content .config_button_holder .btn p{
	font-size: 16px;
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover{
  background: #000000;
}
.product .column-ind-holder .column-content .from-inc-price{
  margin: 0 20px;
}
.product .column-ind-holder .column-content .from-inc-price span{
  color: #000000;
}
ul.exceptions_list li:before, ul.list-caret li:before, ul.list-chevron-right li:before {
  color: #7c3aff;
}
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  	width: 150px;
 	height: auto;
    padding: 10px 0;
}
.column-ind-holder {
    box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.08);
}
.config_button_holder{
	margin: 0 20px;
  	margin-top: auto;
}
.product .column-ind-holder .column-content .product-image-holder .product-image{
  height: 280px;
}

.luna-nav-mob{
    display: none;
    justify-content: space-evenly;
    flex: 1
}
  .sticky-navbar .luna-nav-mob{
    display: flex;
}
.sticky-navbar .luna-nav {
    display: none;
}

.landing-wrapper .luna-special .spec-title{
    font-size: 34px;
    margin-bottom: 60px;
    text-align: center;
}
.corsair-logo{
 	position: absolute;
    right: 20px;
    top: 20px;
    width: 150px; 
}
.featherlight{
	background: rgb(12 12 12 / 80%);
}
.featherlight .featherlight-image {
    padding: 0;
}
.featherlight .featherlight-content{
	background: #000000;
  max-width: 1920px;
  width: auto;
}
.featherlight-next span, .featherlight-previous span{
 	display: block; 
}
.featherlight-next span:before, .featherlight-previous span:before{
	background-color: #0000004d;
    color: #fff;
    border: 2px solid #ffffff;
}
.pcs_col-2{
    width: 50%;
}
.landing-wrapper{
	background-color: #ffffff
}
.landing-wrapper h1, .landing-wrapper h2, .landing-wrapper h3{
    font-size: 60px;
    line-height: 1.2;
    font-family: 'Bruno Ace', cursive;
    text-transform: none;
    font-weight: normal;
}
.landing-wrapper h3{
    font-size: 20px;
    margin-bottom: 40px;
}
.landing-wrapper p{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.landing-wrapper p:last-of-type{
    margin: 0;
}
.landing-wrapper  a{
    color: #ffffff;
    font-weight: normal;
}
.landing-wrapper li, .landing-wrapper span{
    font-family: 'montserrat';
}
.landing-wrapper ul{
    margin-left: 17px;
    margin-top: 20px
}
.landing-wrapper .list-caret li:before{
    color: #7c7c7c;
  	margin-left: -17px;
}
.lg-container{
    max-width: 1920px;
    margin: 0 auto;
}
.landing-container{
    max-width: 1170px;
    margin: 0 auto;
}
.landing-button{
  	font-family: 'Montserrat-Bold';
    border-radius: 50px;
    padding: 10px 45px;
    border: 2px solid #000000;
    background-color: #000000;
    color: #ffffff;
}
.landing-button:hover{
    background-color: #ffffff;
    color: #000000;
    -webkit-animation: shadowPulse 1s linear infinite;
    animation: shadowPulse 1s linear infinite;
}
.luna-hero{
    position: relative;
    padding-top: 85px;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    background-color: #f1f1f1;
    min-height: 1230px;
    z-index: 0;
    /*************************to delete***********/
   /** background: rgb(216,217,216);
    background: linear-gradient(0deg, rgba(216,217,216,1) 0%, rgba(255,255,255,1) 100%);**/
}
.luna-hero:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-image: url(/images/landing/pcs/luna-series/kv-q2-2025.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
.luna-nav{
 	display: flex;
    justify-content: space-evenly;
    flex: 1;
}
.luna-config{
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border-radius: 25px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 13%);
  transition: .5s ease;
    overflow: hidden;
}
.luna-config hr{
    margin: 20px 0;
    border: 1px solid #00c6fc;
    width: 70px;
      transition: .5s ease;
}
img.config-vend{
	width: 130px;
}
#amd-config hr{
    border-color: #ff0000;
}
.luna-config:hover{
	box-shadow:0px 0px 12px 0px rgb(0 0 0 / 33%);
}
#amd-config:hover .btn{
  background-color: #bc5a5a;
}
#intel-config:hover .btn{
  background-color: #50a4c8;
}
.luna-config:hover hr{
	width: 100%
}
.luna-config > div {
    padding: 15px 0 0 30px;
}
.luna-config .btn {
  	color: #ffffff;
    font-family: 'Montserrat-Bold';
    background-color: transparent;
  	border-radius: 25px;
   transition: .5s ease;
  font-size: 15px;
  	padding: 5px 10px
}
#intel-config .btn{
    background-color: #5fc8f5;
}
#amd-config .btn{
    background-color: #f77777;
}
.hero-btm{
    background-color: #f1f1f1;
}
.luna-title{
	text-align: center;
}
.luna-title h1, .luna-title h3{
    color: #ffffff;
}
.luna-title .luna-logo{
 	width: 450px;
    margin-bottom: 30px;
}
.luna-title .windows-logo{
    width: 350px;
  display: block;
    margin: 0 auto;
}
.luna-intro{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
  padding: 0 35px
}
/******configure-buttons*******/
.config-btns{
    position: relative;
  margin-top: -50px;
    margin-bottom: 80px;
}
.config-btns .vas{
    justify-content: center;
    gap: 40px;
}
.luna-highlights{
    position: relative;
    min-height: 150px;
}
.luna-nav-inner{
    z-index: 9999;
    padding: 15px;
}
.luna-nav-inner.sticky-navbar{
  	background-color: rgb(255 255 255 / 100%);
    margin: 0;
    transition: .5s ease;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 25%);
}
.luna-nav-inner.sticky-navbar h3{;
    margin: 0;
  	font-size: 17px;
}
.luna-nav-inner.sticky-navbar .luna-h{
    display: none;
}
.luna-logo-nav img{
   filter: invert(1);
  width: 150px;
 }
.luna-logo-nav{
  display: none;
}
.sticky-navbar .luna-logo-nav{
	 display:flex; 
     justify-content: space-between;
      margin-bottom: 2px;
}
.luna-m-icons {
    display: none;
  	cursor: pointer;
}
.luna-highlights .vas{
    justify-content: space-evenly;
}
.luna-highlights h3{
    margin-bottom: 10px;
    color: #000000;
}
.luna-hl{
    text-align: center;
}
.luna-hl p{
    margin-bottom: 20px;
}
.windows-powered{
    text-align: center;
}
.windows-btn{
    background-color: #0078d4;
    border-color: #0078d4;
    margin: 60px 0;
}
.windows-btn:hover{
    background-color: #005fa8;
    color: #ffffff;
}
.windows-content img{
    display: block;
}
.luna-highlights .luna-h{
    background-color: #181818;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    padding: 16px;
    border: 2px solid #181818;
    margin: 0 auto;
    display: flex;
}
.luna-highlights .luna-h img{
    margin: 0 auto;
}
.luna-highlights .luna-h:hover{
    border: 2px solid #ffffff;
    background-color: rgba(0, 0, 0, 0.452);
    -webkit-animation: shadowPulse 1s linear infinite;
    animation: shadowPulse 1s linear infinite;
}
#luna-c{
    padding: 6px;
}
.luna-h-wrap{
    position: relative;
    background-image: url(/images/landing/pcs/luna-series/luna_spec-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.luna-specs{
    margin-bottom: 100px;
}
.luna-special{
    padding: 100px 35px;
    overflow: hidden;
}
.luna-spec-holder{
  	position: relative;
    max-width: 1260px;
    margin: 0 auto;
    border: 2px solid #ffffff;
    border-radius: 50px;
    align-items: normal;
    overflow: hidden;
}
.luna-pc-fl{
    position: relative;
    border-right: 2px solid #fff;
    text-align: center;
    padding: 35px;
   background: rgb(255 255 255 / 50%);
    /**background: rgb(255 255 255 / 15%);**/
}
.luna-pc-fr{
    display: flex;
    flex-direction: column;
}
.luna-save{
    position: absolute;
}
.luna-pricing{
    justify-content: space-between;
    background-color: #ffffff;
    padding: 25px;
}
.luna-pricing a{
 	border-radius: 50px; 
}
.luna-pricing .luna-now p{
    color: #000000;
  	font-weight: bold;
}
.luna-spec{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 35px;
  	background: #000000;
}
.luna-spec h2{
    font-size: 40px;
}
.luna-spec li, .luna-spec h2{
    color: #ffffff;
}
.was-price{
 	margin-bottom: 15px; 
}

.was-price del{
 	color: #670126;
    font-weight: 700;
}
.luna-save{
    top: 20px;
    left: 20px;
    background-color: #ff004c;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 25px;
  	font-weight: bold;
}
.luna-pricing span{
    color: #000000;
    font-size: 50px;
    line-height: 1;
    font-family: 'Montserrat-Bold';
}
.luna-pricing .landing-button{
    color: #000000;
    background-color: transparent;
}
.luna-pricing .landing-button:hover{
    background-color: #000000;
    color: #ffffff;
}
.luna-tag{
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.luna-tag h2{
    margin: 0;
    background: black;
    color: #ffffff;
    display: inline-block;
    padding: 15px 45px;
    font-size: 30px;
    border-radius: 20px 20px 0 0; 
}
.luna-cases{
    background-color: #1b1b1b;
    background-image: url(/images/landing/pcs/luna-series/luna-bg-btm.jpg);
    background-size: cover;
    background-position: 50%;
    padding: 100px 35px;
}
.luna-cases .luna-case-content{
	text-align: center;
}
.w-text h2, .w-text p{
    color: #ffffff;
}
.luna-case-content .vas{
    gap: 40px;
}
.luna-cases-gal{
    margin: 100px 0;
}
.luna-cases-fr h3{
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin: 0;
}
.luna-cases-fr h3:after, .luna_tabs li .tab-title:after, .luna-highlights a:after{
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: #ffffff;
    transition: width .5s ease, background-color .5s ease;
    transform-origin: left;
}
.luna-cases-fr h3:hover:after, .luna_tabs li:hover .tab-title:after, .luna-highlights a.active:after{
    width: 100%;
}

#luna-navbar a:after{
    height: 2px;
    background: #000000;
}


.luna_tabs li:after{
    background-color: #000000;
}
.luna-case{
    position: relative;
    display: flex;
    justify-content: center;
    padding: 40px;
    margin: 20px;
    background-image: url(/images/landing/pcs/luna-series/pc-case-bg.jpg);
    background-position: 50%;
    background-color: #000000;
    border: 2px solid #ffffff;
    transition: .5s ease;
    border-radius: 10px;
}

.owl-carousel .owl-item .case-show{
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
}
.luna-case img{
    transition: .5s ease
}
.luna-case:hover .case-hide{
    opacity: 0;
}
.luna-case:hover .case-show{
    display: block;
    opacity: 1;
}


/**********owl**********/
.owl-carousel .owl-item img{
    width: auto;
}
.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease-in-out;
    border-radius: 30px;
}
.landing-wrapper .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #76b900;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
	position: absolute;
	color: #ffffff;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span{
    color: #ffffff;
    font-size: 20px;
}
.owl-nav .owl-prev i, .owl-nav .owl-next i{
    font-size: 20px;
    border-radius: 50%;
    color: #ffffff;
    padding: 8px;
    border: 2px solid #ffffff;
    transition: .25s ease;
}
.owl-nav .owl-prev:hover i, .owl-nav .owl-next:hover i{
    background-color: #ffffff;
    color: #000000;
}
.owl-nav{
 	position: relative;
  	margin: 0 auto;
      max-width: 200px;
}
.owl-prev{
	left: 0;
}
.owl-next{
	left: auto;
  	right: 0;
}
/****luna components****/

.luna-components{
    padding: 80px 35px;
}
.luna-c-title{
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}
.luna-components .lg-container, .luna-windows .lg-container{
    max-width: 1400px;
}
.luna_tabs{
    margin-top: 80px;
}
.tabs-fl{
    width: 40%;
}
.tabs-fr{
    width: 60%;
}
ul.luna_tabs{
   margin-top: 80px;
}
  ul.luna_tabs li {
	display:block;
    
    font-family: 'Bruno Ace', cursive;
    cursor:pointer;
    margin-bottom: 100px;;
	font-size: 46px;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 25px;
    transition: .25s linear;
  }

.luna-components .tab-title{
    position: relative;
    display: inline-block;
  }

.luna-components li .tab-title:after{
    background-color: #000000;
}

  ul.luna_tabs li.active .tab-title:after{
    background-color: black;
    width: 100%;
  }

.luna_tabs li .tab-title:after{
    content: '';
    font-size: 30px;
    position: absolute;
    padding: 0;
    line-height: 1;
    transition: .5s ease;
}

  .tab_content{
     transition: 1s ease-in-out;
	 padding: 80px 35px;
     text-align: center;
	 overflow: hidden;
  }

.tab_content img{
    animation: Fade 1s ease;
}
  
  .tab_content .vas{
	gap: 30px;
  }
  .tabs_container .tab_content{
    display: none;
  }
  .tabs_container .tab_content.active{
    display: block;
  }

  /***gallery***/
  .luna-gal{
    display: grid;
    grid-gap: 2px;
    background-color: #000;
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: 400px;
  }
.gal-col-1{
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.luna-gal img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}
.luna-gal-col:hover img{
    opacity: 0.4;
}
.luna-gal-col{
    position: relative;
    overflow: hidden;
}
.luna-gal-btn i{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 40px;
    color: #fff;
    opacity: 0;
    transition: .5s ease;
    z-index: 999;
}
.luna-gal-col:hover i{
    opacity: 1;
}
.luna-gal-col:hover img{
    transform: scale(1.1);
}
.featherlight-image .featherlight-image{
    animation: Fade 1s ease;
}
@keyframes Fade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes shadowPulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 0 rgb(255, 255, 255, 0.3);
    }
    70% {
      -webkit-box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
      box-shadow: 0 0 0 40px rgba(21, 219, 150, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
      box-shadow: 0 0 0 0 rgba(21, 219, 150, 0);
    }
  }

  .c-holder{
    max-width: 960px;
    margin: 0 auto;
  }

  .luna-cooling{
    background-color: #000000;
    padding: 100px 35px;
    text-align: center;
    background-image: url(/images/landing/pcs/luna-series/luna-cooling-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .luna-cooling img{
    margin-top: 60px;
  }
  .luna-windows{
    background-color: #010b1a;
    padding: 80px 35px;
    background-image: url(/images/landing/pcs/luna-series/windows-11-bg.jpg);
    background-position: center;
  }
  .luna-windows h2, .luna-windows p{
    color: #ffffff
  }
  .luna-windows h2{
    font-size: 40px;
    font-family: 'Montserrat';
  }
  .windows-content{
    margin: 40px 0;
  }


  @media screen and (max-width:1400px){
    .luna-cases-fr h3{
	font-size: 20px;
    }
     .luna-hero{
        min-height: 960px;
    }
    .luna-hero:after{
        background-size: cover;
    }
}

  @media screen and (max-width:1170px){
    .sticky-navbar .luna-nav-mob{
    display: none;
}
    .sticky-navbar .luna-nav-mob.active {
    display: block;
}
    .luna-nav-mob a{
	margin-bottom: 15px;
    display: block;
    }
    
    .luna-nav-mob a:last-of-type{
		margin: 0;
    }
    
 .luna-nav-mob{
    display: none;
    padding-top: 15px;
    border-top: 1px solid;
    margin-top: 10px;
    text-align: center;
}

    .sold-out p{
     	 top: 30%
    }
    
    .landing-wrapper .vas{
        flex-wrap: wrap;
    }
    .pcs_col-2{
        width: 100%;
    }
    .luna-cases-fl, .luna-cases-fr{
        width: 100%;
    }
    .luna-cases-fr{
        text-align: left;
        margin-top: 100px;
    }
    .luna-pc-fl{
		border-right: none;
    }
    .luna-gal{
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 200px;
    }
   .luna-nav-mob .laptop-new span{
     top: auto;
    left: auto;
    right: -60px;
    bottom: auto;
    transform: none;
    }
    #luna-navbar h3{
	font-size: 16px;
     position: relative;
     display: inline-block;
    }
    .landing-wrapper .luna-tag h2{
        font-size: 24px;
    }
        .luna-special{
		    padding: 60px 15px;
          	margin-top: 200px;
    }
    .tabs-fl, .tabs-fr{
        width: 100%;
    }
    ul.luna_tabs li{
        margin-bottom: 0;
    }
    .luna-cases-gal{
        margin: 40px 0;
    }
    .luna-hero:after{
         background-image: url(/images/landing/pcs/luna-series/kv-q2-2025-sm.jpg);
    }
    /**********mobile-nav***/
.luna-logo-nav, .luna-nav{
    width: 100%
}
.luna-nav{
  gap: 20px;
  padding-top: 15px;
  margin-top: 10px;
}
    .luna-nav a{
		margin: 10px 0;
      	display: block;
        width: calc(50% - 10px);
    }
.luna-nav.active {
    display: block;
}
.luna-m-icons{
  display: block;
  font-size: 26px;
    line-height: 26px;
}
i.menu-close{
    display: none;
}
.menu-open.close {
    display: none;
}
.menu-close.open{
    display: block;
}
    
  .luna-highlights a:after{
    	display: none;
		margin-top: 5px;
    }
    
    .luna-laptop-gal .luna-gal-col{
        width: calc(50% - 5px);
    }
    
  }

  @media screen and (max-width:760px){
    .luna-nav{
  flex-wrap: wrap;
    }
    .luna-hero{
        min-height: 720px;
    }
    .luna-title h1{
		font-size: 46px;
      	margin-bottom: 15px;
    }
        .config-btns .config-pc{
      width: 200px;
    }
    .config-btns .config-vend{
      width: 75px;
    }
    
    .luna-highlights .luna-h {
    height: 70px;
    width: 70px;
      padding: 10px;
    }
    
    .luna-config > div {
    padding: 15px 0 15px 30px;
}
    
    .luna-pricing > div {
    margin-bottom: 15px;
}
  }


  @media screen and (max-width:600px){
      .luna-special{
          	margin-top: 420px;
    }
    .landing-wrapper h2, .landing-wrapper .luna-special .spec-title{
        font-size: 30px;
    }
    .luna-pricing span{
     	font-size: 34px; 
    }
    ul.luna_tabs li{
        font-size: 30px;
    }
    .luna-case{
        padding: 15px;
    }
       .luna-special img{
        max-width: 200px;
    }
    .luna-hero{
	   padding: 35px 25px;
    }
    .config-btns{
	margin-bottom: 40px;
      padding: 0 35px;
    }
    .luna-config > div{
         padding: 15px 0 15px 15px;
    }
    .luna-config .btn{
        text-align: left;
      	font-size: 12px;
    }
    .luna-config hr {
    margin: 15px 0;
    }
     .luna-nav a{
        width: 100%
    }
  }

  @media screen and (max-width:400px){
    .luna-now{
		margin-bottom: 20px;
    }
}