/* XXL - Large Desktops */
@media (max-width: 1699px) {
}

/* XL - Large Screens */
@media (max-width: 1460px) {
  .navbar ul li {
    width: max-content;
  }
  .menu-item.first-item {
    padding: 0px 10px;
  }
  .mar-ft-2 {
    display: none;
  }

  .navbar {
    display: flex;
    justify-content: center;
    height: 100px;
  }
  .video-container {
    margin-top: -150px;
  }

  .navbar .menu-items {
    display: flex;
    margin-top: 0px;
    padding-top: 10px;
    justify-content: center;
  }
}

/* LG - Desktops */
@media (max-width: 1200px) {
  .navbar {
    display: flex;
    justify-content: center;
    height: 150px;
  }

  #about .abt-lft {
    width: 100%;
    padding: 3rem 0px;
    padding-bottom: 3rem;
    text-align: center;
  }
  #about .abt-rgt {
    display: none;
  }
  .navbar .mega-menu {
    top: 137px;
  }
  .navbar .menu-items {
    display: flex;
    align-items: center;

    margin-top: -27px;
    padding-top: 10px;
    justify-content: center;
  }
  .blue-txt h2 {
    font-size: 2.3rem;

    line-height: 40px;
  }
  #bloghome {
    padding-bottom: 0px;
  }
  #inner-banner {
    margin-top: -150px;
  }
}

/* MD - Tablets */
@media (max-width: 992px) {
  #collections {
    padding: 4rem 0px;
    text-align: center;
  }

  #collections h1 {
    font-size: 2.2rem;
    line-height: 2.3rem;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .text-right {
    text-align: center;
  }
  .video-container {
    position: relative;
    width: 100%;
    height: auto; /* allow content height */
    margin-top: 0; /* remove negative margin */
    overflow: hidden;
  }

  .video-container video {
    position: relative;
    width: 100%;
    height: auto; /* keep aspect ratio */
    top: 0;
    left: 0;
    transform: none;
    object-fit: contain; /* or cover if you prefer cropping */
    z-index: 0;
  }

  .navbar .logo {
    width: 140px;
    filter: invert(85%) sepia(40%) saturate(3200%) hue-rotate(180deg)
      brightness(85%) contrast(110%);
  }
  .navbar {
    padding: 0px 10px;
    height: 70px;
    display: flex;
    justify-content: space-between;
  }

  .menu-items-full.scrolled.sticky {
    position: sticky;
  }
  .sticky {
    position: relative;
  }
  .controls {
    bottom: 10px;
  }
  .control-btn img {
    width: 20px;
    height: 20px;
  }
  .cntr-right {
    width: 135px;
    padding-left: 20px;
  }

  #about .abt-lft {
    width: 100%;
    padding: 3rem 0px;
    padding-bottom: 3rem;
    text-align: center;
  }
  #about .abt-rgt {
    display: none;
  }
  h1 {
    font-size: 2.2rem;
    line-height: 40px;
    margin-bottom: 20px;
  }
  h2 {
    font-size: 2.2rem;
    margin-top: 15px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  h3 {
    margin-bottom: 10px;
  }
  .swiper-slide h3 {
    margin-bottom: 0px;
  }
  h5 {
    font-size: 1.5rem;
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .marquee-item-list li {
    padding-right: 80px;
  }
  .navbar .menu-items {
    width: 300px;
    height: 100vh;
    margin-top: -65px;
    display: block;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .navbar ul li a {
    color: #000000;
  }
  .mega-menu .content {
    width: 320px;

    border-radius: 0px 0px 0px 0px;
    margin-left: 0px;
    padding-top: 10px;
  }
  .menu-item.first-item {
    padding: 8px 15px;
  }
  .navbar ul li {
    width: 100%;
  }
  .content2 ul {
    padding: 0px 40px;
  }
  .menu-items li:first-child {
    margin-top: 0px;
  }
  .mega-menu .content2 {
    background: none;
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
    width: 100%;
    justify-content: space-between;
    border-radius: 0px;
    margin-left: 0px;
    overflow: hidden;
  }
  .content2 ul li {
    font-size: 17px;
    padding: 0px 0px;
    color: #000;
    font-weight: 500;
  }
  .department:hover {
    background: #cbdfee;
  }
  .content2 ul li:hover {
    background: none;
    color: #1d4a71;
  }
  .mega-right {
    width: 100%;
    padding: 0px;
    padding-right: 0px;
    margin-left: 30px;
  }
  .mega-left {
    display: none;
  }
  .departmentlogo {
    width: 80px;
    margin-left: 0px;
  }
  .department {
    padding-bottom: 10px;
    padding-top: 5px;
  }
  .departmentname {
    font-size: 18px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .menu-items li a {
    padding: 8px 1rem;
    display: block;
    font-size: 18px;
    padding-top: 0px;
  }
  .card__content {
    padding-bottom: 15px;
  }
  .bg-lg {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  .namer {
    font-size: 1rem;
  }
  .why-bg-top {
    padding-top: 0px;
  }
  .single-product-slider {
    width: auto;
  }
  .why-bg-btm .col-lg-3 {
    border-right: none;
    padding: 10px 20px;
  }
  .why-bg-btm p {
    padding-top: 0px;
  }
  .why-bg-btm {
    padding-bottom: 4rem;
  }
  #testimonial {
    padding-top: 4rem;
  }
  .testimonial-slider {
    padding: 0px 20px;
  }

  .slick-prev {
    left: 0px;
    z-index: 9;
  }
  .slick-next {
    right: 0px;
    z-index: 9;
  }
  .testimonail-face {
    width: 80px;
    height: 80px;
  }
  .testimonial-text {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .testimonial-btm {
    margin-top: -30px;
  }
  #growth h1 {
    padding-top: 3rem;
  }
  #growth p {
    text-align: center;
  }

  #growth .col-lg-3 {
    border-right: solid 1px rgb(255, 243, 233);
    border-top: solid 1px rgb(255, 243, 233);
    background-color: rgba(221, 203, 180, 0.8);
  }
  .counter-k {
    font-size: 3rem;
    margin: 0px 0px;
    margin-top: 10px;
  }
  #growth h6 {
    font-size: 1rem;
    margin-top: 0px;
    padding-bottom: 20px;
  }

  .counter {
    font-size: 3rem;

    margin: 0px 0px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .counterplus {
    font-size: 3rem;
    margin: 0px 0px;
    margin-top: 20px;
    margin-top: 10px;
  }
  .div-cont {
    align-items: flex-start;
  }
  #growth {
    padding-bottom: 3rem;
  }
  #growth h2 {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 5px;
    line-height: 40px;
  }
  #bloghome h2 {
    padding-bottom: 0px;
  }
  .contsec {
    border: none;
    padding: 30px;
  }
  #bloghome {
    padding: 4rem 0px;
  }

  .blg-full {
    margin-top: 30px;
  }

  .blue-txt h6 {
    padding-top: 10px;
  }
  .footer-bg-blue {
    height: auto;
    text-align: center;
  }
  #footer-bootom {
    text-align: center;
  }
  .scroll-animate {
    transition: none;
  }
  .social {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .footer-logo {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .links ul {
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .path-sec ul li {
    color: #ffffff;
  }
  .path-sec {
    margin-bottom: 0px;
    background: #050000;
    background: linear-gradient(
      0deg,
      rgba(15, 1, 57, 0.7) 0%,
      rgba(0, 0, 0, 0) 100%
    );
    width: 100%;
    padding-bottom: 10px;
    padding-top: 30px;
  }
  .path-sec h3 {
    font-size: 2rem;
    padding-bottom: 0px;
  }
  #footer-bootom h2 {
    border-bottom: solid 1px #eadee2;
    padding-bottom: 15px;
    width: 100%;
  }
  .blue-txt h2 {
    font-size: 2rem;
    line-height: 34px;
  }
  .blue-txt {
    padding: 25px 30px;
  }
  .footer-bg-blue {
    margin-top: 0px;
  }
  .apply-sec {
    justify-content: center;
  }

  .marquee-item-list li {
    padding-right: 40px;
  }
  #mark {
    padding: 6px 0px;
  }
  .shade-left {
    width: 80px;
    height: 60px;
  }
  .shade-right {
    height: 60px;
  }
  .shade-left h4 {
    display: none;
  }
  #mark h1 {
    font-size: 1.2rem;
    margin-bottom: 0px;
  }
  .marquee-item-list li img {
    padding: 5px 0px;
  }
  .bdr-toper-none {
    border-top: none !important ;
  }
  .bdr-righter-none {
    border-right: none !important ;
  }
  .navbar .menu-items .dis-desk {
    display: none;
  }
  .navbar .menu-items .dis-mob {
    display: flex;
  }
  .menu-item.first-item:hover {
    color: #1d4a71;
  }
  .apply-sec {
    flex-direction: column;
    align-items: center;
  }
  .applycontact-txt {
    margin-left: 0px;
    margin-top: 10px;
  }
  .applycontact-txt-number {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #testimonial h4 {
    font-size: 1.2rem;
  }
  .blog-readmore a {
    text-align: center;
  }

  /* Inner Page */
  #inner-banner {
    margin-top: 0px;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 5px;
  }
  .inner-contant h2 {
    color: #fff;
    font-weight: 200;
    font-size: 1.3rem;
    line-height: 30px;
    margin-bottom: -15px;
    line-height: 26px;
  }
  #abt-hawaii {
    padding: 4rem 0px;
  }
  .martp-6 {
    margin-top: 1rem;
  }
  .team {
    width: 100%;
    border: none;
  }
  #abt-hawaii h1 br {
    display: none;
  }
  .companyteam {
    display: flex;
    flex-direction: column;
  }
  .team-profile {
    height: 90px;
    border-radius: 10px;
  }
  .team-contant {
    margin-top: 80px;
    padding-bottom: 30px;
  }

  .team-contant h5 {
    margin-top: 5px;
    margin-bottom: 0px;
  }

  .choosey {
    padding: 4rem 0px;
    text-align: center;
  }
  .row-box {
    text-align: center;
    width: 33.3%;
    border-right: solid 1px #c9bdad;
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 20px 10px;
    background-color: rgb(255 243 229 / 65%);
    align-items: center;
    justify-content: center;
  }
  .ico-why img {
    width: 50px;
    height: 50px;
  }
  .ico-why {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .row-box h5 {
    font-weight: 700;
    color: #3f2200;
    font-size: 1rem;
    margin: 0px;
    margin-top: 5px;
    line-height: 20px;
  }
  .choosey h1 {
    color: #fff;
    margin-bottom: 0px;
  }
  .choosey p {
    margin-bottom: 25px;
  }
  #easiest {
    padding: 4rem 0px;
  }
  #easiest h1 {
    margin-bottom: 10px;
  }
  .steps {
    display: flex;
    margin-bottom: 60px;
    justify-content: space-between;
    padding: 10px;
  }
  .steps-left {
    width: calc(100% - 130px);
    flex-direction: column;
    justify-content: center;
    padding-right: 0px;
  }
  .steps-right {
    width: 120px;
    height: 120px;
  }
  .martop-40 {
    margin-top: 2rem;
  }
  .steps-right img {
    width: 60px;
  }
  .right-setup .steps-left {
    padding-left: 10px;
  }
  .secu {
    display: flex;
    padding: 25px 30px;
    color: #fff;
    /* padding-left: 40px; */
    justify-content: center;
  }
  .desgns {
    margin: 0px 0px;
    padding-top: 0px;
    margin-bottom: 25px;
  }
  .desgns h3 {
    color: #fff;
    font-weight: 200;
    font-size: 1.8rem;
  }
  .sec-marg {
    margin: 0px 0px;
  }
  .desgns h4 {
    color: #9d918d;
    font-weight: 300;
    font-size: 1rem;
    padding: 0px 10px;
  }
  #downloads {
    padding: 4rem 0px;
  }
  .prd-txt p {
    padding: 0px 0rem;
  }
  #category-all-products {
    padding: 4rem 0px;
  }
  #category-all-products h1 {
    margin-bottom: 30px;
  }
  #locate .shade-right {
    width: 80px;
    height: 60px;
  }
  #locate .shade-left {
    width: 80px;
    height: 60px;
  }

  #locate h1 {
    margin-bottom: 0px;
    font-weight: 600;
  }
  #locate {
    padding: 0px 0px;
    margin-bottom: 4rem;
  }
  #locate .marquee-item-list li {
    padding-right: 50px;
  }

  .prdmain-title {
    padding-top: 50px;
  }
  #ourstores-display {
    padding: 4rem 0px;
  }
  .v-tab_tab-head {
    width: 100%;
  }
  .v-tab {
    flex-direction: column;
  }
  .v-tab_container {
    border-left: none;
    width: 100%;
    min-height: 132px;
    padding-left: 0px;
  }
  .v-tab_content {
    padding: 10px 0px;
  }
  .sticky-sidebars {
    position: relative;
    top: 0px;
    align-self: normal;
    z-index: 10;
    border-bottom: solid 1px #e8ebf7;
    padding-bottom: 10px;
  }
  .v-tab_tab-head li {
    padding: 0px 0px;

    color: #b8b8b8;
    position: relative;
    font-size: 1.5rem;
    display: inline-table;
  }
  .v-tab_tab-head li.active {
    border-right: 0px solid #01335d;
    display: inline-table;
    padding-left: 20px;
  }
  .scroll-menu {
    display: flex;
    gap: 20px; /* spacing between items */
    overflow-x: auto; /* horizontal scroll */
    white-space: nowrap; /* keep in one line */
    scrollbar-width: thin; /* thin scrollbar (Firefox) */
  }
  .store-text {
    padding: 10px 0px;
    padding-bottom: 20px;
  }
  .v-tab {
    position: relative;
  }
  .sc-lft {
    width: 30px;
    height: 40px;
    background: linear-gradient(
      90deg,
      rgb(255, 255, 255) 30%,
      rgba(255, 255, 255, 0) 100%
    );
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 99;
  }

  .sc-rgt {
    width: 30px;
    height: 40px;
    background: linear-gradient(
      -90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(0, 0, 0, 0) 100%
    );
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 99;
  }
  .v-tab_container h4 {
    font-size: 1.4rem;
  }
  .main-heading h5 {
    font-size: 1.2rem;
    padding-left: 10px;
  }
  .locandwhtsapp {
    bottom: 10px;
    right: 10px;
  }
  .store-image {
    border-radius: 0px;
  }
  .tabs-header button {
    padding: 0px 10px;
    font-size: 1.8rem;
  }

  .former-row-input {
    padding: 0px 15px;
    margin-bottom: 10px;
  }
  .former-row {
    padding: 15px 20px;
    text-align: center;
  }
  .former-title {
    margin: 30px 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .former-title h3 {
    margin-top: -13px;
    margin-left: 0px;
  }
  .two-colums h5 {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .tabs-header {
    text-align: center;
  }
  .former-row-left {
    display: none;
  }
  .former-row-right {
    width: 100%;
  }
  .former-row-right-date {
    width: 100%;
  }
  .warrenty-tabs .col-lg-4 {
    margin-top: 30px;
    text-align: center;
  }
  .main-heading {
    bottom: 0px;
  }

  #careeers {
    padding: 4rem 0px;
    padding-bottom: 2rem;
  }

  #careeers .martop-4 {
    margin-top: 1rem;
  }

  .faq-item {
    padding: 10px 15px;
    margin-bottom: 25px;
  }
  .faq-question {
    font-size: 1.2rem;
  }
  .faq-secont h5 {
    padding-top: 0px;
  }
  .applier {
    flex-direction: column;
    align-items: center;
  }

  .emailer {
    margin-bottom: 10px;
  }
  #contact {
    padding: 4rem 0px;
  }
  #contact h3 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 27px;
  }
  #contact .quick-contact h3 {
    font-size: 1.8rem;
    line-height: 40px;
  }
  #contact .frm-cnt h3 {
    font-size: 1.8rem;
    line-height: 40px;
  }
  .frm-cnt .former-row {
    padding: 0px 17px;
    padding-bottom: 10px;
  }
  #news-list {
    margin-top: -30px;
  }
  .newsdetails .prd-details {
    padding-left: 0px;
    margin-top: 30px;
  }
  .prdmain-title h3 {
    font-size: 1.5rem;
    margin: 0px;
  }

  .newsdetails .prd-details h5 {
    padding-bottom: 10px;
    margin: 0px;
  }

  .imageboxer {
    width: 49.3%;

    padding: 10px;
  }
  #gallery {
    margin-left: -10px;
    margin-right: -20px;
  }
  .card-download {
    border-radius: 10px;
  }
  #gallery-hawii {
    padding: 4rem 0px;
  }

  .aboutus-in {
    background-position: 80% 30%;
  }
  .ourstore-in {
    background-position: 75% 30%;
    text-align: center;
  }
  .product-in {
    background-position: 50% 30%;
  }
  .steel-door {
    background-position: 63% 30%;
  }
  .steel-window {
    background-position: 65% 30%;
  }
  .frp-doors {
    background-position: 68% 30%;
  }
  .warranty-in {
    background-position: 96% 30%;
    text-align: center;
  }
  .contact-in {
    background-position: 80% 30%;
  }
  .careers-in {
    background-position: 76% 30%;
  }
  .downloads-in {
    background-position: 75% 30%;
  }
  .news-in {
    background-position: 82% 30%;
  }
  .blog-in {
    background-position: 75% 30%;
  }
  .vedio-gallery-in {
    background-position: 76% 30%;
  }
  .image-gallery-in {
    background-position: 86% 30%;
  }
}

/* SM - Tablets Portrait */
@media (max-width: 768px) {
}
/* XS - Mobile */
@media (max-width: 576px) {
}