@media (max-width: 1920px) {
  .container-fluid {
    padding-inline: var(--container-padding-inline);
  }
}

/* For screens with a maximum width of 1366px (e.g., common laptop screens) */
@media (max-width: 1366px) {
  root:{
    --container-padding-inline:60px;
  }
  .container-fluid {
    padding-inline: var(--container-padding-inline);
  }
  .header-row .header-content {
  }
  .header-viewport {
    background-size: contain;
  }
  .header-viewport .home-header {
    margin: 49px 15px;
  }
  .header-row .header-content {
    padding-block-start: 48px;
  }
  .home-header .hero-section {
  }
  .home-header .hero-section .img-col {
  }
  .home-header .hero-section .text-col {
    width: 109%;
    top: -1.2rem;
  }
  .home-header .hero-section .text-col h2 {
    font-size: 3.1rem;
    line-height: calc(100% + 0.9rem);
  }
  .home-header .hero-section .text-col p {
    font-size: 2rem;
    /* line-height: calc(100% + 6px); */
  }
  .home-header .hero-section .hero-btns{
    column-gap: 50px;
  }
  .home-header .hero-section .hero-btns a{
    font-size: 2rem;
  }
  .home-welcome-row .home-welcome-contents{
    font-size: 1.6rem;
}
  .home-welcome-row .home-welcome-contents .welcome-photo{}
  .home-welcome-row .home-welcome-contents h2{
    font-size: 2.8rem;
}
  .home-welcome-row .home-welcome-contents .welcome-sub-title{
    font-size: 2.4rem;
}
  .home-welcome-row .home-welcome-contents .welcome-title{}
  .home-welcome-row .home-welcome-contents .welcome-text{
    margin-block-end: 27px;
}



    /****************** Start Of New *********************/
  .products-header {
  }
  .header-featured-products{
  }
  .header-featured-products .product-item{
  }
  .header-featured-products .product-item .product-icon{}
  .header-featured-products .product-item .product-icon img{
  }
  .header-featured-products .product-item .product-name{
  }


  .index-solutions .solutions-col .index-solutions-list{}
  .index-solutions-list .block-item{
    width: 100%;
  }
  .index-solutions-list .block-item .block-photo{}
  .index-solutions-list .block-item .block-photo img{}  
  .index-solutions-row{}
  .index-solutions-row .index-solutions{}  
  .index-solutions .pattern-col{
  }
  .index-solutions .solutions-col{}
  .index-solutions .solutions-col .row-title{}
  .index-solutions .solutions-col .row-text{}
  .index-solutions-list .block-item .block-data{}
  .index-solutions-list .block-item .block-data .block-title{}
  .index-solutions-list .block-item .block-data .block-text{}
  .index-solutions .solutions-col .index-solutions-btn{}
  .index-solutions .solutions-col .index-solutions-btn a{}
  
  .index-products-row{}
  .index-products-row .index-products{}
  .index-products-row .index-products .row-title{}
  .index-products-row .index-products .row-title::before, 
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-title::before{}
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-text{}
  .index-products-row .index-products .row-title span{}
  .index-products-row .index-products .index-products-core{}
  .index-products-row .index-products .index-products-core .core-title{}
  .index-products-row .index-products .index-products-core .core-text{}
  .index-products-row .index-products .index-products-list{}
  .index-products-row .index-products .index-products-list .product-item{}
  .index-products-row .index-products .index-products-list .product-item .product-photo{}
  .index-products-row .index-products .index-products-list .product-item .product-photo img{}
  .index-products-row .index-products .index-products-list .product-item .product-data{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-title{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-text{}
  .index-products-row .index-products-btn{}
  .index-products-row .index-products-btn a{}

  .index-what-we-offer-row{}
  .index-what-we-offer{}
  .index-what-we-offer::before{}
  .index-what-we-offer .row-title{}
  .index-what-we-offer .row-text{}
  .index-what-we-offer .what-we-offer-list{}
  .index-what-we-offer .what-we-offer-list .list-item{}
  .index-what-we-offer .what-we-offer-list .list-item::before{}

  .index-why-choose-row{}
  .index-why-choose-us{}
  .index-why-choose-us::before{}
  .index-why-choose-us .row-title{}
  .index-why-choose-us .row-text{}
  .index-why-choose-us .why-choose-us-list{}
  .index-why-choose-us .why-choose-us-list .list-item{}
  .index-why-choose-us .why-choose-us-list .list-item::before{}

  
  /****************** End Of New *********************/



.footer-logo-col .footer-slug{}

  
  .home-header .why-row {
    margin-top: 40px;
  }
  .home-header .why-row h2 {
    font-size: 3.4rem;
    line-height: calc(100% + 0.6rem);
  }
  .home-header .why-row p {
    font-size: 1.8rem;
    line-height: calc(100% + 6px);
  }
  .home-header .hero-section .text-col .os-logos {
    margin-top: 25px;
    column-gap: 20px;
  }
  .home-header .hero-section .text-col .os-logos img {
    max-height: 70px;
  }
  .our-goals-row .our-goal-list {
    --block-list-gap: 3rem;
  }
  .our-goals-row .our-goal-list .block-item {
    flex-basis: 31.2%;
  }
  .our-goals-row .our-goal-list .block-item .block-icon img {
    width: 72px;
  }
  .our-goals-row .our-goal-list .block-item .block-title {
    font-size: 1.7rem;
  }
  .our-goals-row .our-goal-list .block-item .block-text {
    font-size: 1.3rem;
  }
  .meeting-row {
  }
  .meeting-row .row-container {
  }
  .meeting-row .row-photo {
  }
  .meeting-row .row-text {
  flex-basis: 45%;
  padding-inline-end: 0;
  }
  .meeting-row .content-title {
  font-size: 3rem;
  }
  .meeting-row .content-text p {
  font-size: 2rem;
  }
  .certified-google-row {}
  .certified-google-row .row-text{flex-basis: 160%;}
  .certified-google-row .content-title{font-size: 3rem;}
  .certified-google-row .content-text p {font-size: 2rem;}
  
  .plug-play-row {}
  .plug-play-row .row-text{flex-basis: 45%;}
  .plug-play-row .content-title{font-size: 3rem;}
  .plug-play-row .content-text p {font-size: 2rem;}

  .find-out-row {}
  .find-out-row .row-text{flex-basis: 45%;}
  .find-out-row .content-text {
      margin-top: -7px;
  }
  .find-out-row .content-sub-title{font-size: 2.5rem;line-height: 1.9rem;}
  .find-out-row .content-title{font-size: 3rem;}
  .find-out-row .content-text p {font-size: 2rem;}
  .find-out-row .content-text h4 {font-size: 2.4rem;}
}

/* For screens with a maximum width of 1280px (e.g., smaller laptop screens) */
@media (max-width: 1280px) {
  .container-fluid {
    padding-inline: 60px;
  }
  .header-row .header-content {
  }
  .home-header .hero-section .text-col .os-logos {
    margin-top: 5px;
    column-gap: 15px;
  }
  .home-header .hero-section .text-col .os-logos img {
    max-height: 57px;
  }
    .home-header .hero-section .hero-btns{
    column-gap: 50px;
  }
  .home-header .hero-section .hero-btns a{
    font-size: 2rem;
  }
  .home-welcome-row .home-welcome-contents{}
  .home-welcome-row .home-welcome-contents .welcome-photo{}
  .home-welcome-row .home-welcome-contents h2{}
  .home-welcome-row .home-welcome-contents .welcome-sub-title{
    padding-block-start: 2px;
}
  .home-welcome-row .home-welcome-contents .welcome-title{
    margin-block-end: 20px;
}
  .home-welcome-row .home-welcome-contents .welcome-text{
    margin-block-end: 24px;
}
    /****************** Start Of New *********************/
  .products-header {
  }
  .header-featured-products{
  }
  .header-featured-products .product-item{
  }
  .header-featured-products .product-item .product-icon{}
  .header-featured-products .product-item .product-icon img{
  }
  .header-featured-products .product-item .product-name{
  }

    .index-solutions .solutions-col .index-solutions-list{}
  .index-solutions-list .block-item{
    width: 100%;
  }


  .index-solutions-row{}
  .index-solutions-row .index-solutions{}  
  .index-solutions .pattern-col{
  }
  .index-solutions .solutions-col{}
  .index-solutions .solutions-col .row-title{}
  .index-solutions .solutions-col .row-text{}
  .index-solutions-list .block-item .block-photo{}
  .index-solutions-list .block-item .block-photo img{}
  .index-solutions-list .block-item .block-data{}
  .index-solutions-list .block-item .block-data .block-title{}
  .index-solutions-list .block-item .block-data .block-text{}
  .index-solutions .solutions-col .index-solutions-btn{}
  .index-solutions .solutions-col .index-solutions-btn a{}
  
  .index-products-row{}
  .index-products-row .index-products{}
  .index-products-row .index-products .row-title{}
  .index-products-row .index-products .row-title::before, 
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-title::before{}
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-text{}
  .index-products-row .index-products .row-title span{}
  .index-products-row .index-products .index-products-core{}
  .index-products-row .index-products .index-products-core .core-title{}
  .index-products-row .index-products .index-products-core .core-text{}
  .index-products-row .index-products .index-products-list{}
  .index-products-row .index-products .index-products-list .product-item{}
  .index-products-row .index-products .index-products-list .product-item .product-photo{}
  .index-products-row .index-products .index-products-list .product-item .product-photo img{}
  .index-products-row .index-products .index-products-list .product-item .product-data{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-title{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-text{}
  .index-products-row .index-products-btn{}
  .index-products-row .index-products-btn a{}

  .index-what-we-offer-row{}
  .index-what-we-offer{}
  .index-what-we-offer::before{}
  .index-what-we-offer .row-title{}
  .index-what-we-offer .row-text{}
  .index-what-we-offer .what-we-offer-list{}
  .index-what-we-offer .what-we-offer-list .list-item{}
  .index-what-we-offer .what-we-offer-list .list-item::before{}

  .index-why-choose-row{}
  .index-why-choose-us{}
  .index-why-choose-us::before{}
  .index-why-choose-us .row-title{}
  .index-why-choose-us .row-text{}
  .index-why-choose-us .why-choose-us-list{}
  .index-why-choose-us .why-choose-us-list .list-item{}
  .index-why-choose-us .why-choose-us-list .list-item::before{}

  
  /****************** End Of New *********************/
}

/* For screens with a maximum width of 1024px (e.g., tablets in landscape, small laptops) */
@media (max-width: 1024px) {
  .container-fluid {
    padding-inline: 35px;
  }
  .main-menu .navbar .header-logo {
    max-width: 215px;
  }
  .header-row .header-content {
  }
  .header-viewport {
    background-size: contain;
  }
  .header-viewport .home-header {
    margin: 28px 0px;
  }
  .header-row .header-content {
    padding-block-start: 27px;
  }
  .home-header .hero-section {
  }
  .home-header .hero-section .img-col {
  }
  .home-header .hero-section .text-col {
    width: 110%;
    top: -15px;
  }
  .home-header .hero-section .text-col h2 {
    font-size: 2.4rem;
    line-height: calc(100% + 0.6rem);
  }
  .home-header .hero-section .text-col p {
    font-size: 1.6rem;
    line-height: calc(100% + 6px);
  }
    .home-header .hero-section .hero-btns{
    column-gap: 25px;
  }
  .home-header .hero-section .hero-btns a{
    font-size: 1.8rem;
    padding: 10px 15px;
  }
  .home-welcome-row .home-welcome-contents{}
  .home-welcome-row .home-welcome-contents .welcome-photo{}
  .home-welcome-row .home-welcome-contents h2{}
  .home-welcome-row .home-welcome-contents .welcome-sub-title{
    padding-block-start: 0px;
}
  .home-welcome-row .home-welcome-contents .welcome-title{}
  .home-welcome-row .home-welcome-contents .welcome-text{
    margin-block-end: 24px;
}
    /****************** Start Of New *********************/
  .products-header {
  }
  .header-featured-products{
  }
  .header-featured-products .product-item{
  }
  .header-featured-products .product-item .product-icon{}
  .header-featured-products .product-item .product-icon img{
  }
  .header-featured-products .product-item .product-name{
  }

  
  .index-solutions-row{}
  .index-solutions-row .index-solutions{}  
  .index-solutions .pattern-col{
  }
  .index-solutions .solutions-col{}
  .index-solutions .solutions-col .row-title{}
  .index-solutions .solutions-col .row-text{}
  .index-solutions-list .block-item .block-data{}
  .index-solutions-list .block-item .block-data .block-title{}
  .index-solutions-list .block-item .block-data .block-text{}
  .index-solutions .solutions-col .index-solutions-btn{}
  .index-solutions .solutions-col .index-solutions-btn a{}
  
  .index-products-row{}
  .index-products-row .index-products{}
  .index-products-row .index-products .row-title{}
  .index-products-row .index-products .row-title::before, 
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-title::before{}
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-text{}
  .index-products-row .index-products .row-title span{}
  .index-products-row .index-products .index-products-core{}
  .index-products-row .index-products .index-products-core .core-title{}
  .index-products-row .index-products .index-products-core .core-text{}
  .index-products-row .index-products .index-products-list{}
  .index-products-row .index-products .index-products-list .product-item{}
  .index-products-row .index-products .index-products-list .product-item .product-photo{}
  .index-products-row .index-products .index-products-list .product-item .product-photo img{}
  .index-products-row .index-products .index-products-list .product-item .product-data{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-title{}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-text{}
  .index-products-row .index-products-btn{}
  .index-products-row .index-products-btn a{}

  .index-what-we-offer-row{}
  .index-what-we-offer{}
  .index-what-we-offer::before{}
  .index-what-we-offer .row-title{}
  .index-what-we-offer .row-text{}
  .index-what-we-offer .what-we-offer-list{}
  .index-what-we-offer .what-we-offer-list .list-item{}
  .index-what-we-offer .what-we-offer-list .list-item::before{}

  .index-why-choose-row{}
  .index-why-choose-us{}
  .index-why-choose-us::before{}
  .index-why-choose-us .row-title{}
  .index-why-choose-us .row-text{}
  .index-why-choose-us .why-choose-us-list{}
  .index-why-choose-us .why-choose-us-list .list-item{}
  .index-why-choose-us .why-choose-us-list .list-item::before{}

  
  /****************** End Of New *********************/

  .footer-logo-col .footer-slug{}

  .home-header .why-row {
    margin-top: 40px;
  }
  .home-header .why-row h2 {
    font-size: 2.4rem;
    line-height: calc(100% + 0.6rem);
  }
  .home-header .why-row p {
    font-size: 1.6rem;
    line-height: calc(100% + 6px);
  }
  .home-header .hero-section .text-col .os-logos {
    margin-top: 15px;
    column-gap: 16px;
  }
  .home-header .hero-section .text-col .os-logos img {
    max-height: 54px;
  }
  .footer-viewport .footer-container {
    gap: 18px;
  }
  .footer-menu-col {
  }
  .footer-about-col {
    flex-basis: auto;
  }
  .footer-about-col .footer-logo-col {
    padding-inline-end: 8px;
  }
  .footer-about-col .footer-contacts-col {
    width: 70%;
  }
  .our-goals-row .our-goal-list {
    --block-list-gap: 3rem;
  }
  .our-goals-row .our-goal-list .block-item {
    flex-basis: 31.2%;
  }
  .our-goals-row .our-goal-list .block-item .block-icon img {
    width: 72px;
  }
  .our-goals-row .our-goal-list .block-item .block-title {
    font-size: 1.5rem;
  }
  .our-goals-row .our-goal-list .block-item .block-text {
    font-size: 1.3rem;
  }
  .meeting-row {
  }
  .meeting-row .row-container {
  }
  .meeting-row .row-photo {
  }
  .meeting-row .row-text {
  flex-basis: 59%;
  padding-inline-end: 0;
  }
  .meeting-row .content-title {
  font-size: 2.5rem;
  }
  .meeting-row .content-text p {
  font-size: 1.9rem;
  }
  .meeting-row .content-text p + p {
  }
  .certified-google-row {}
  .certified-google-row .row-text{flex-basis: 160%;}
  .certified-google-row .content-title{font-size: 2.7rem;}
  .certified-google-row .content-text p {font-size: 1.9rem;}
  
  .plug-play-row {}
  .plug-play-row .row-text-box{/* flex-basis: 65%; */}  
  .plug-play-row .row-text{flex-basis: 63%;}
  .plug-play-row .content-title{font-size: 2.7rem;}
  .plug-play-row .content-text p {font-size: 2rem;}

  .find-out-row {}
  .find-out-row .content-text {
      margin-top: -7px;
  }

  .find-out-row .row-text{flex-basis: 45%;gap: 19px;}
  .find-out-row .content-sub-title{font-size: 2.2rem;line-height: 1.9rem;}
  .find-out-row .content-title{font-size: 2.7rem;}
  .find-out-row .content-text p {font-size: 2rem;}
  .find-out-row .content-text h4 {font-size: 2.3rem;}
}

/* For screens with a maximum width of 768px (e.g., tablets in portrait, large mobile devices) */
@media (max-width: 768px) {
  .container-fluid {
    padding-inline: 15px;
  }
  .header-viewport .header-sep-pattern{
    height: 20px;
}
  .header-viewport .header-sep-pattern::after{
    background-size: auto 100%;
}
  .home-header .hero-section {
    flex-direction: column;
    margin-block: 40px;
    margin-block-end: 20px;
  }
  .home-header .hero-section .img-col {
    display: none;
  }
  .home-header .hero-section .text-col {
    width: unset;
    text-align: center;
  }
  .home-header .hero-section .text-col .mob-img {
    display: block;
    margin: auto;
    margin-bottom: 26px;
    max-width: 30%;
  }
  .home-header .hero-section .text-col h2 {
    font-size: 2.4rem;
    line-height: calc(100% + 0.8rem);
    padding-block-start: 27px;
    /* color: #fff; */
  }
  .home-header .hero-section .text-col h3{
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 100%;
  }
  .home-header .hero-section .text-col p {
    font-size: 1.3rem;
    margin-bottom: 5px;
  }
    .home-header .hero-section .hero-btns{
    column-gap: 20px;
    justify-content: center;
    margin-block-start: 15px;
  }
  .home-header .hero-section .hero-btns a{
    font-size: 1.2rem;
  }
  .home-welcome-row .home-welcome-contents{
    font-size: 1.5rem;
    max-width: 100%;
    overflow-x: clip;
    margin-block: 20px;
    position: relative;
    text-align: center;
  }
  .home-welcome-row .home-welcome-contents .text-col{
    position: relative;
    z-index: +1;
  }
  .home-welcome-row .home-welcome-contents .pattern-col{
    display: none;
  }
  .home-welcome-row .home-welcome-contents .welcome-photo{
    position: relative;
    shape-margin: 10px;
    max-width: 150%;
    width: 150%;
    margin-inline-end: -80%;
  }
  .home-welcome-row .home-welcome-contents h2{}
  .home-welcome-row .home-welcome-contents .welcome-sub-title{
    padding-block-start: 0px;
    margin-block-start: -18px;
    font-size: 1.8rem;
    position: relative;
  }
  .home-welcome-row .home-welcome-contents .welcome-title{
    /* float: inline-start; */
    font-size: 1.9rem;
    border-bottom-width: 3px;
    margin-block-end: 10px;
  }
  .home-welcome-row .home-welcome-contents .welcome-sub-title{
    line-height: 125%;
    font-size: 1.8rem;
    margin-block-start: 3px;
    margin-block-end: 30px;
    font-weight: 500;
  }
  .home-welcome-row .home-welcome-contents .welcome-text{
    /* float: inline-start; */
    margin-block-end: 12px;
    font-size: 1.6rem;
  }
  .home-welcome-row .home-welcome-contents .home-welcome-btn{
    margin-block-start:20px
  }
  .home-welcome-row .home-welcome-contents .home-welcome-btn a{
    font-size: 1.7rem;
    padding: 5px 15px;
  }
  /****************** Start Of New *********************/
  
  .index-solutions-row{
    padding-block: 0px;
}
  .index-solutions-row .index-solutions{}  
  .index-solutions .pattern-col{
    display:none;
  }
  .index-solutions .solutions-col{}
  .index-solutions .solutions-col .row-title{
    margin-block-start: 0;
    font-size: 2.5rem;
    text-align: center;
    line-height: 140%;
}
  .index-solutions .solutions-col .row-text{
    margin-block-end: 20px;
    font-size: 1.8rem;
    line-height: 111%;
    text-align: c;
}
  .index-solutions-list .block-item .block-data{}
  .index-solutions-list .block-item .block-data .block-title{
    font-size: 1.6rem;
    margin-block-start: 0;
    margin-block-end: 5px;
    font-weight: 700;
}
  .index-solutions-list .block-item .block-data .block-text{
    font-size: 1.5rem;
    margin-block-start: 0;
    line-height: normal;
}
  .index-solutions-list .block-item .block-photo{}
  .index-solutions-list .block-item .block-photo img{}
  .index-solutions .solutions-col .index-solutions-btn{
    justify-content: center;
}
  .index-solutions .solutions-col .index-solutions-btn a{
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1px;
}
  
  .index-products-row{}
  .index-products-row .index-products{}
  .index-products-row .index-products .row-title{
    display: inherit;
    font-size: 1.8rem;
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    --pseudo-margin: 12px;
    margin-block-end: 30px;
}
  .index-products-row .index-products .row-title::before, 
  .index-products-row .index-products .row-title::after{
    height: 50%;
    top: 50%;
}
  .index-products-row .index-products .row-title::before{}
  .index-products-row .index-products .row-title::after{}
  .index-products-row .index-products .row-title span{
    top: 2px;
}
  .index-products-row .index-products .row-text{
    font-size: 1.7rem;
    max-width: unset;
    margin-block-end: 30px;
    text-align: center;
}
  .index-products-row .index-products .index-products-core{}
  .index-products-row .index-products .index-products-core .core-title{
    /* text-align: center; */
    font-size: 2rem;
    margin-block-end: 10px;
    text-align: center;
}
  .index-products-row .index-products .index-products-core .core-text{
    font-size: 1.6rem;
    text-align: center;
}
  .index-products-row .index-products .index-products-list{
    flex-direction: column;
    gap: 30px;
}
  .index-products-row .index-products .index-products-list .product-item{
    width: 100%;
    flex-direction: column;
    gap: 6px;
}
  .index-products-row .index-products .index-products-list .product-item .product-photo{}
  .index-products-row .index-products .index-products-list .product-item .product-photo img{}
  .index-products-row .index-products .index-products-list .product-item .product-data{
    text-align: center;
}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-title{
    font-weight: 700;
    letter-spacing: 2px;
}
  .index-products-row .index-products .index-products-list .product-item .product-data .product-text{}
  .index-products-row .index-products-btn{
    justify-content: center;
}
  .index-products-row .index-products-btn a{
    font-size: 2rem;
}

  .index-what-we-offer-row{
    padding-block: 50px;
}
  .index-what-we-offer{}
  .index-what-we-offer::before{}
  .index-what-we-offer .row-title{}
  .index-what-we-offer .row-text{
    font-size: 1.7rem;
    max-width: 100%;
}
  .index-what-we-offer .what-we-offer-list{}
  .index-what-we-offer .what-we-offer-list .list-item{
    font-size: 1.5rem;
}
  .index-what-we-offer .what-we-offer-list .list-item::before{}

  .index-why-choose-row{
    padding-block: 50px;
}
  .index-why-choose-us{}
  .index-why-choose-us::before{
    height: 36%;
    visibility: hidden;
}
  .index-why-choose-us .row-title{
    font-size: 2rem;
}
  .index-why-choose-us .row-text{
    max-width: unset;
    font-size: 1.7rem;
}
  .index-why-choose-us .why-choose-us-list{}
  .index-why-choose-us .why-choose-us-list .list-item{
    font-size: 1.7rem;
}
  .index-why-choose-us .why-choose-us-list .list-item::before{}

  
  /****************** End Of New *********************/
  
  .footer-logo-col .footer-slug{}

  .home-header .why-row {
    margin-top: 40px;
    padding-inline: 0;
    text-align: start;
  }
  .home-header .why-row h2 {
    font-size: 2.3rem;
    line-height: calc(100% + 0.8rem);
  }
  .home-header .why-row p {
    font-size: 1.7rem;
  }
  .home-header .hero-section .text-col .os-logos {
    margin-top: 15px;
    column-gap: 16px;
    justify-content: center;
  }
  .home-header .hero-section .text-col .os-logos img {
    max-height: 54px;
  }
  .our-goals-row .our-goal-list {
  }
  .our-goals-row .our-goal-list .block-item {
  }
  .our-goals-row .our-goal-list .block-item .block-icon img {
  }
  .our-goals-row .our-goal-list .block-item .block-title {
  }
  .our-goals-row .our-goal-list .block-item .block-text {
  }
  .meeting-row {
  }
  .meeting-row .row-container {
  flex-direction: column;
  }
  .meeting-row .row-photo {
  }
  .meeting-row .row-text {
  flex-basis: 100%;
  padding-inline: 0;
  padding-block: 29px;
  gap: 12px;
  }
  .meeting-row .content-title {
  font-size: 2.3rem;
  }
  .meeting-row .content-text p {
  font-size: 1.7rem;
  }
  .certified-google-row {}
  .certified-google-row .row-container{flex-direction: column-reverse;}
  .certified-google-row .row-text{flex-basis: 100%;padding-inline: 0;padding-block: 29px;padding-block-start: 0px;gap: 12px;}
  .certified-google-row .content-title{font-size: 2.3rem;}
  .certified-google-row .content-text p {font-size: 1.7rem;}
  
  .plug-play-row {}
  .plug-play-row .row-container{flex-direction: column;}
  .plug-play-row .row-text{flex-basis: 100%;padding-inline: 0;padding-block: 29px;padding-block-start: 0;}
  .plug-play-row .row-text-box{
      gap: 12px;  
  }
  .plug-play-row .content-title{font-size: 2.3rem;}
  .plug-play-row .content-text p {font-size: 1.7rem;}

  .find-out-row {}
  .find-out-row .row-container{flex-direction: column;}
  .find-out-row .content-text {
      margin-top: -7px;
  }
  .find-out-row .row-photo{
    padding: 0;
}
  .find-out-row .row-text{flex-basis: 45%;padding-block-end: 0;gap: 15px;}
  .find-out-row .content-sub-title{font-size: 1.9rem;line-height: 1.3rem;}
  .find-out-row .content-title{font-size: 2.2rem;}
  .find-out-row .content-text p {font-size: 1.7rem;}
  .find-out-row .content-text h4 {font-size: 1.9rem;}

  
  .product-container .product-data-row {
    flex-wrap: wrap;
}
  .product-container .product-name:not(.mobile-only){
    display: none;
  }
  .product-container .product-name.mobile-only{
    display: flex;
    width: 100%;
    font-size: 1.6rem;
  }
  .product-container .product-photo{}
  .product-container .product-details{}
  .product-container .product-price{
    font-size: 2rem;
    margin-block-start: 15px;
    margin-block-end: 10px;
}
  .product-container .contents-area{
    flex-wrap: wrap;
}
  .product-container .contents-area .overview{
    width: 100%;
    padding-block-end: 0px;
}
  .product-container .contents-area .overview-details{}
  .product-container .contents-area .overview-details::before{
    display: none;
}
}
/****************************
** Large Screen 1200
****************************/
@media screen and (min-width: 1200px) {
}

/****************************
** Large Screen
****************************/
@media screen and (min-width: 1400px) {
}

/****************************
** Tab & Small Screen
****************************/
@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 1023px) and (max-width: 1024px), (width: 1024px) {
}

@media screen and (width: 1024px) {
}

@media screen and (min-width: 760px) and (max-width: 991px) {
  .mobile-only{
    display: unset;
  }
  /*****************
    Header
    *****************/

  .main-menu .navbar {
    /* padding: 0 15px; */
    /* margin: 10px; */
    max-width: 100% !important;
    width: unset;
  }

  .main-menu .navbar-header {
    display: flex;
    /* display: block; */
    width: 100%;
    align-items: center;
  }

  .main-menu .navbar-collapse {
    transform: translateY(28px);
  }

  .main-menu .navbar-nav {
    float: left !important;
    /* display: block !important; */
    width: 100%;
  }

  .main-menu .navbar-nav {
    font-weight: bold;
    /* display: block; */
    margin: 0;
  }

  .main-menu .nav-item {
    width: 100%;
  }

  .main-menu .nav-item:before {
    width: 1px;
    height: 70%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -5px;
    background: #0000001c;
  }

  .main-menu .nav-item + .nav-item {
    margin-right: 0;
    border-top: 1px #e7e7e7 solid;
  }

  .main-menu .nav-item + .nav-item:before {
    content: "";
    display: none;
  }

  .main-menu .nav-item.home-item {
  }

  .main-menu .nav-item:hover {
  }

  .main-menu .nav-link {
  }

  .main-menu .nav-link:hover,
  .main-menu .nav-link:focus {
  }

  .main-menu .nav-link.dropdown-toggle {
  }

  .main-menu .nav-link.dropdown-toggle::after {
  }

  .main-menu .nav-link.home-link {
    color: #777;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
  }

  .main-menu .nav-link.home-link i {
    display: none;
  }

  .main-menu .nav-link.home-link span {
    width: auto;
    text-indent: inherit;
  }

  .main-menu .dropdown:after {
  }

  .main-menu .dropdown:hover:after {
  }

  .main-menu .dropdown.open:after {
  }

  .main-menu .dropdown.open .dropdown-toggle {
    padding-left: 10px;
    font-weight: bold !important;
  }

  .main-menu .dropdown-menu {
    /* padding: 0 10px; */
    /* background: #efefef !important; */
  }

  .main-menu .dropdown-menu:before {
    display: none;
    left: 50% !important;
  }

  .main-menu .dropdown-item {
  }

  .main-menu .dropdown-item + .dropdown-item {
    border-color: #ffffff99;
  }

  .main-menu .dropdown-item:focus,
  .main-menu .dropdown-item:hover {
  }

  .main-menu .dropdown-item a {
    background: #f7f7f7;
    padding: 5px 10px !important;
    font-weight: bold !important;
    font-size: 17px;
    line-height: initial !important;
  }

  .main-menu .dropdown-item:focus a,
  .main-menu .dropdown-item:hover a {
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .main-menu .navbar .header-menus-row {
    padding-right: 0;
    /* flex-direction: row; */
    flex-wrap: wrap;
    flex-basis: 100%;
    width: 100% !important;
    padding: 0 !important;
  }

  .header-content .user-menu .dropdown-menu {
    transform: translateX(-10px);
  }

  .header-content .user-menu .dropdown {
    /* margin-right: 9px !important; */
  }

  .dropdown-toggle::after {
    display: none;
  }

  .languages .current span {
    display: none;
  }

  .header-container .full-header.sticky {
    top: 0px;
    padding-top: 0;
    margin-bottom: 3px;
  }

  .header-container .full-header.sticky:before {
    height: 56px;
    top: 0;
    background-size: 284%;
  }

  .header-container .full-header.sticky.fixed:before {
    top: 0;
    background-size: 212%;
  }

  .header-container {
    /* min-height: 110px; */
  }

  .header-row .header-content {
    /* flex-direction: column-reverse; */
    /* flex-wrap: wrap; */
  }

  .header-content .header-col {
    flex-grow: 1;
  }

  .header-content .side-menu-col {
    flex-grow: 1;
    display: inline-flex;
  }

  .header-content .header-col.nav-menu-col {
    width: 100%;
    /* display: none; */
  }

  .main-menu .navbar .header-menus-row .top-row {
    position: relative;
    flex-basis: 100%;
  }

  .main-menu .navbar .header-menus-row .top-row:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #00000038;
    position: absolute;
    bottom: -14px;
  }

  .header-content .header-col.space-fix {
    width: 100%;
    height: 1px;
    /* background: #00000030; */
    margin: 8px 0;
  }

  .header-content .search-col {
    padding-right: 0;
    padding-left: 5px;
    margin: 0;
  }

  .header-content .search-col + .space-fix {
    background: none;
  }

  .header-content .header-col.user-col {
    /* width: calc(100% - 20px); */
    /* flex-basis: 100%; */
    padding-left: 15px;
  }

  .header-content .user-menu {
    /* flex-basis: 100%; */
    /* width: 100% !important; */
  }

  .navbar-toggle {
    display: none;
  }

  .main-menu .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .header-content .user-menu .user-dropdown {
    padding-right: 1px !important;
  }

  .header-content .user-menu .user-dropdown i {
    margin: 0px 3px;
    margin-left: 4px;
    margin-top: 1px;
  }

  .header-content .user-menu .user-dropdown span {
    display: none !important;
  }

  .header-content .user-menu .languages .current {
    padding: 2px 3px;
    padding-top: 2px;
  }

  .header-content .user-menu .languages .current i {
    margin: 0px 0px;
    margin-left: 0;
    margin-top: 0;
  }

  .header-content .user-menu .languages .languages-list span {
    display: unset !important;
  }

  .header-banner-viewport {
    flex-direction: column;
    align-items: center;
    -webkit-mask-image: none;
    -moz-mask-image: none;
    -o-mask-image: none;
    -ms-mask-image: none;
    mask-image: none;
    background-size: cover;
    flex-direction: column;
    padding: 0;
    padding-top: 96px;
    height: unset;
    justify-content: flex-start;
  }

  .header-banner-viewport .flix-col,
  .home-header .flix-col {
    width: 100%;
  }

  .header-banner-viewport .triangle-area {
    height: unset;
    min-height: unset;
    width: 90%;
    transform: translateX(10%);
    background-size: cover;
  }

  .home-header .flix-col.text-col {
    padding-bottom: 40px;
  }

  .header-banner-viewport .header-welcome-area {
    width: 100%;
    margin-top: 30px;
  }

  .header-welcome-area p {
    text-shadow: 0px 1px 3px #000;
    color: #cfcfcf;
  }

  .header-welcome-area h2 {
  }

  .header-welcome-area h2 span {
  }

  .header-welcome-area .welcome-btns {
  }

  .header-welcome-area .welcome-btns a {
  }

  .header-row .container {
  }

  /*****************
    Content
    *****************/

  /*****************
    footer
    *****************/
  .footer-viewport .footer-top {
    /* top: -1px; */
    position: relative;
  }

  .footer-viewport .footer-container {
    flex-wrap: wrap;
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer-col {
  }

  .footer-about-col {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .footer-col .footer-col-title {
    justify-self: center;
    margin: 0 auto;
    margin-bottom: 20px;
    /* width: unset; */
    text-align: center;
  }

  .footer-about-col .footer-logo-col {
    flex-grow: 1;
  }

  .footer-text-col {
    flex-grow: 1;
    max-width: unset;
    text-align: center;
    padding-bottom: 15px;
  }

  .footer-about-col .footer-contacts-col {
    margin: 0;
    margin-top: 9px;
  }

  .footer-menu {
  }

  .footer-menu li {
    width: calc(50% - 6px);
  }

  .footer-menu li a span {
    font-size: 15px;
  }

  .header-col.side-menu-col {
    /* display:none; */
  }
}

/****************************
** Mobile
****************************/

@media screen and (max-width: 768px) {
  .body-viewport {
    background-size: 220%;
  }

  .header-container .full-header.sticky {
    top: 0px;
    padding-top: 0;
    margin-bottom: 3px;
  }

  .header-container .full-header.sticky:before {
    height: 56px;
    top: 0;
    background-size: 284%;
  }

  .header-container .full-header.sticky.fixed:before {
    top: 0;
    background-size: 212%;
  }

  .header-container {
    /* min-height: 110px; */
  }

  .header-row .header-content {
    /* flex-direction: column-reverse; */
    /* flex-wrap: wrap; */
    padding-block-start: 20px;
  }

  .header-content .header-col {
    flex-grow: 1;
  }

  .header-content .side-menu-col {
    flex-grow: 1;
    display: inline-flex;
    margin-inline-end: 22px;
  }

  .header-content .header-col.nav-menu-col {
    width: 100%;
    /* display: none; */
  }

  .main-menu .navbar .header-menus-row .top-row {
    position: relative;
    flex-basis: 100%;
  }

  .main-menu .navbar .header-menus-row .top-row:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #00000038;
    position: absolute;
    bottom: -14px;
  }

  .header-content .header-col.space-fix {
    width: 100%;
    height: 1px;
    /* background: #00000030; */
    margin: 8px 0;
  }

  .header-content .search-col {
    padding-right: 0;
    padding-left: 5px;
    margin: 0;
  }

  .header-content .search-col + .space-fix {
    background: none;
  }

  .header-content .header-col.user-col {
    /* width: calc(100% - 20px); */
    /* flex-basis: 100%; */
    padding-inline-start: 15px;
  }

  .header-content .user-menu {
    /* flex-basis: 100%; */
    /* width: 100% !important; */
  }

  .navbar-toggle {
    display: none;
  }

  .main-menu .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .header-content .user-menu .user-dropdown {
    padding-right: 1px !important;
  }

  .header-content .user-menu .user-dropdown i {
    margin: 0px 3px;
    margin-left: 4px;
    margin-top: 1px;
  }

  .header-content .user-menu .user-dropdown span {
    display: none !important;
  }

  .header-content .user-menu .languages .current {
    padding: 2px 3px;
    padding-top: 2px;
  }

  .header-content .user-menu .languages .current i {
    margin: 0px 0px;
    margin-left: 0;
    margin-top: 0;
  }

  .header-content .user-menu .languages .languages-list span {
    display: unset !important;
  }

  .main-menu .navbar .header-logo {
    /* margin: 0; */

    /* float: none; */

    /* height: auto; */
  }

  .main-menu .navbar .header-logo img {
  max-height: 100% !important;
  left: 17px;
  }
  .home-header {
    margin: 34px 0px;
    margin-bottom: 40px;
  }
  .products-header {
    margin-bottom: 30px;
  }


  .header-featured-products{
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 30px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .header-featured-products .product-item{
    width: calc(50% - 10px);
    gap: 20px;
  }
  .header-featured-products .product-item .product-icon{}
  .header-featured-products .product-item .product-icon img{
      max-height: 44px;
  }
  .header-featured-products .product-item .product-name{
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: 3px;
  }


  .index-solutions .solutions-col .index-solutions-list{
    gap: 15px;
}
  .index-solutions-list .block-item{
    width: 100%;
    padding: 10px;
    gap: 10px;
  }
  .index-solutions-list .block-item .block-photo{
    --img-c-dim: 80px;
}
  .index-solutions-list .block-item .block-photo img{}


  /***** Footer *******/
  .copyrights-row .pv-copywrite{
    font-size: 1.2rem;
  }
  /***** Home Slider Container *******/
  .header-slider-container .home-slider-area {
    flex-direction: column-reverse;
  }

  .header-slider-container .home-slider-area #colorlib-hero {
    width: 100%;
  }

  .header-slider-container .home-slider-area .trending-brands-col {
    width: 100% !important;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .header-slider-container .home-slider-area .home-about-photo {
    display: none;
  }

  .header-slider-container .home-slider-area .home-about-content {
    padding-top: 0;
    position: relative;
    top: -18px;
  }

  .header-slider-container .home-slider-area .home-about-content h2 {
  }

  .header-slider-container .home-slider-area .home-about-content p {
  }

  .header-slider-container .home-slider-area .trending-brands-col:before {
    left: -5px !important;
    right: 0 !important;
    border-width: 0 !important;
    height: calc(100% + 50px);
  }

  .header-slider-container .home-slider-area .trending-brands-title {
    margin-bottom: 20px !important;
    font-size: 22px;
  }

  .header-slider-container .home-slider-area .trending-brands-slider-area {
    margin: 0;
  }

  .home-slider .slide-item .container {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .home-slider .slide-item .slide-content {
    width: unset;
    padding-inline: 1rem;
  }
  .home-slider .slide-item .slide-content .slide-btns {
    flex-wrap: wrap;
    justify-content: center;
  }
  .home-slider .slide-item .slide-content .slide-btns a {
  }
  .home-slider .slide-item .slide-content .slide-title {
    white-space: normal;
    font-size: 2.6rem;
    line-height: normal;
    margin: 0;
  }
  .home-slider .slide-item .slide-photo {
    width: unset;
    top: 0;
  }
  .home-slider .slide-item .slide-photo img {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  .home-slider .owl-controls .owl-nav .owl-prev,
  .home-slider .owl-controls .owl-nav .owl-next {
    width: 30px;
    padding: 0px;
    border-radius: 0;
    color: #00000080;
    background: transparent;
    font-size: 4rem;
  }
  .home-slider .owl-controls .owl-nav .owl-prev {
    left: -20px;
  }
  .home-slider .owl-controls .owl-nav .owl-next {
    right: -20px;
  }

  .our-philosophy-row .container {
    flex-direction: column-reverse;
    padding-block: 1rem;
  }
  .our-philosophy-row .content-col {
  }
  .our-philosophy-row .content-col > h4 {
  }
  .our-philosophy-row .content-col > h2 {
    font-size: 3rem;
  }
  .our-philosophy-row .content-col .philosophy-text {
  }
  .our-philosophy-row .content-col .philosophy-btn {
    justify-content: center;
  }
  .our-philosophy-row .photos-col {
    width: 100%;
  }
  .our-philosophy-row .photos-col {
    --flex-gap: 1.5rem;
  }
  .our-philosophy-row .photos-col .images-col.img-col-1 {
    top: 0;
    flex-direction: column-reverse;
  }
  .our-philosophy-row .photos-col .experience-years .years-text {
    white-space: nowrap;
    top: -13px;
  }

  .trending-brands-slider-area .slides li a h2 {
    font-size: 19px;
    padding: 10px 5px;
  }

  .page_404 .content-viewport {
    padding-top: 0;
    margin-bottom: 40px;
  }
  .our-goals-row .row-title h2 {
    margin-bottom: 2rem;
    font-size: 3rem;
  }
  .our-goals-row .our-goal-list .block-item {
    gap: 1rem;
  }
  .our-goals-row .our-goal-list .block-item .block-top {
    /* flex-direction: column; */
    /* justify-content: center; */
    width: fit-content;
    justify-self: center;
  }
  .our-goals-row .our-goal-list .block-item .block-icon {
  }
  .our-goals-row .our-goal-list .block-item .block-title {
    font-size: 2rem;
  }
  .our-goals-row .our-goal-list .block-item .block-text {
    font-size: 1.3rem;
  }
  .our-goals-row {
    padding-block: 3rem;
  }
  .our-goals-row .our-goal-list {
    flex-direction: column;
    --block-list-gap: 2rem;
  }

  /***** Home About *******/
  .header-slider-container .home-slider-area .home-about-col {
    width: unset !important;
  }

  .home-about-area {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .home-about-area:before {
    clip-path: ellipse(105% 32% at calc(50% + 0px) 67%);
    shape-outside: ellipse(105% 32% at calc(50% + 0px) 67%);
    background-position: 8% bottom;
  }

  .home-about-area .home-about-ellipse {
    left: unset !important;
    right: unset !important;
    width: 100% !important;
    clip-path: ellipse(76% 51% at calc(50% + 0px) 42%);
    shape-outside: ellipse(50% 84% at calc(50% + 0px) 15%);
    margin-bottom: 0;
  }

  .home-about-area .home-about-ellipse:before {
    width: 100%;
    height: 300%;
  }

  .home-about-area .home-about-text {
    padding: 0 22px;
  }

  .home-about-area .home-features {
    width: 100%;
    flex-grow: 1;
    display: flex;
    height: fit-content;
    clear: both;
    display: block;
    padding-top: 0 !important;
  }

  .home-features .home-features-list {
    position: relative;
    top: -50px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .home-features .home-features-list .feature-item {
    margin-bottom: 11px;
  }

  .home-features .home-features-list .feature-item-content {
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    /* width: min-content; */
    flex-basis: unset;
    align-items: center;
  }

  .home-features .home-features-list .feature-item-content .feature-icon {
    width: 24px !important;
    height: 24px !important;
  }

  .home-features .home-features-list .feature-item-content .feature-text {
    top: 0;
    /* width: calc(100% - 30px); */
    width: fit-content;
    flex-basis: auto;
    background: #f1e36154;
    color: #fff;
    text-shadow: 0px 0px 7px #000;
    /* box-shadow: none; */
    font-size: 15px;
  }

  .home-about-ellipse .home-about-logo {
    display: none;
  }

  .home-about-ellipse .home-about-title {
    margin-top: 72px;
  }

  /*********** flexslider ************/
  .header-slider-viewport {
    margin: 0 17px;
  }

  .header-slider-container {
    -webkit-mask-size: 150%;
    -webkit-mask-position: center bottom;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }

  #colorlib-hero .flexslider .slides li {
  }

  #colorlib-hero .flexslider .slides {
  }

  .flexslider .slides img {
    /* width: 130%; */
    /* transform: translateX(-15%); */
  }

  #colorlib-hero .flexslider .slider-btn {
    font-size: 27px;
  }

  #colorlib-hero .flexslider .slider-btn#next {
    right: -30px;
  }

  #colorlib-hero .flexslider .slider-btn#prev {
    left: 5px;
  }

  .header-offers-slider .owl-nav .owl-next {
    right: -20px;
  }

  .header-offers-slider .owl-nav .owl-prev {
    left: -20px;
  }

  .archive-header .breadcrumb-bar {
    background: transparent;
  }

  .footer-viewport .footer-top {
    /* top: -1px; */
    position: relative;
  }

  .footer-viewport .footer-container {
    flex-wrap: wrap;
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer-col {
  }

  .footer-about-col {
    flex-wrap: wrap;
    margin-bottom: 30px;
    flex-basis: 100%;
    max-width: 100%;
  }

  .footer-col .footer-col-title {
    /* margin: 0 auto; */
    margin-bottom: 20px;
    padding-inline-start: 0;
    /* width: unset; */
    /* text-align: center; */
  }

  .footer-about-col .footer-logo-col {
    flex-grow: 1;
  }

  .footer-text-col {
    flex-grow: 1;
    max-width: unset;
    text-align: center;
    padding-bottom: 15px;
  }

  .footer-about-col .footer-contacts-col {
    margin: 0;
    margin-top: 9px;
    min-width: unset;
    width: 100%;
  }

  .footer-menu {
  }

  .footer-menu li {
    /* width: calc(50% - 6px); */
  }

  .footer-menu li a span {
    font-size: 15px;
  }

  .header-col.side-menu-col {
    /* display:none; */
  }

  .single-product .breadcrumb-bar nav .breadcrumb {
    margin: 0 10px;
  }

  .product-single-data .product-photos {
    width: 80%;
  }

  .product-single-data .product-data {
    width: 100%;
    padding: 5px 0;
  }

  .product-single-data {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .global-header,
  .archive-header,
  .single-header {
    /* min-height: 74px; */
    /* height: 133px; */
    /* -webkit-mask-size: 100%; */
  }

  .global-header:before,
  .archive-header:before,
  .single-header:before {
  }

  .single .product-mob-title {
    display: flex;
    width: 100%;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
  }

  .product-single-data .product-data .product-title {
    display: none;
  }

  .single-wide-col .data-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .page_404 .p404_title {
    font-size: 40vw;
    line-height: 35vw;
  }

  .page_404 .p404_title:after {
  }

  .page_404.coming-soon .p404_title {
    font-size: 11vw;
    line-height: 21vw;
    margin: 2vh 0;
  }

  .page_404 .p404_des {
    top: 10px;
    font-size: 9vw;
  }

  #colorlib-hero .flexslider {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }

  .home-cats-row .home-cats {
    padding: 0 15px;
    margin: 0;
    gap: 15px;
    padding-bottom: 51px;
  }

  .home-cats-row .home-cats .cat-item {
    width: calc(50% - 8px) !important;
    min-width: calc(50% - 8px) !important;
    flex: 0 0 calc(50% - 8px);
    max-width: 50%;
    padding: 0;
  }

  .home-cats-row .home-cats .cat-item a {
    margin-bottom: 0px;
  }

  .product-single-data .product-data .product-tax {
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center;
  }

  .offers-header-slider-row .offers-title,
  .home-tax-products-row .slider-row-title {
    margin: 0px 0;
  }

  .home-tax-products-row .slider-row-title .row-title h2,
  .offers-header-slider-row .offers-title h2 {
    /* line-height: 15px; */
    font-size: 15px;
    min-height: 42px;
    /* transform: scale(0.9); */
  }

  .products-list .grid-fix-item {
    display: flex;
    /* flex-basis: 100% !important; */
    justify-content: center;
  }

  .products-list .grid-fix-item,
  .header-offers-slider .owl-item {
    display: inline-flex;
    flex-grow: 0 !important;
    max-width: 50% !important;
  }

  .products-list .product-item-box,
  .header-offers-slider .product-item-box {
    flex-basis: 100%;
  }

  .product-item-box {
  }

  .home-tax-products-row .slider-row-title .row-title h2 span.cat-title,
  .offers-header-slider-row .offers-title h2 span.cat-title {
    font-size: 18px;
  }

  .home-tax-products-row .slider-row-title .row-title h2 > span:not(.cat-icon),
  .offers-header-slider-row .offers-title h2 > span:not(.cat-icon) {
    padding: 5px 15px;
  }

  .home-tax-products-row .slider-row-title .row-title h2 span.cat-icon i,
  .offers-header-slider-row .offers-title h2 span.cat-icon i {
    font-size: 15px;
  }

  .home-tax-products-row .slider-row-title .row-title h2 span.cat-icon,
  .offers-header-slider-row .offers-title h2 span.cat-icon {
    padding: 12px;
    /* width: 5vh; */
    width: 42px;
  }

  .home-tax-products-row .slider-row-title .row-title h2 span.fix-btn-icon,
  .offers-header-slider-row .offers-title h2 span.fix-btn-icon {
    width: 17px;
    padding: 0;
  }

  .home-tax-products-row .slider-row-title .row-url {
  }

  .home-tax-products-row .slider-row-title .row-url a {
  }

  .NewExperiences-title-row {
  }

  .NewExperiences-title-row {
    flex-direction: column;
    gap: 48px;
  }

  .NewExperiences-Row .Subscribe-area {
    min-width: unset;
    padding: 0px 2rem;
  }

  .video-partners-Row .video-row {
    height: unset;
  }

  .video-partners-Row .video-sticky-Row.sticky {
    height: unset;
  }

  .video-partners-Row .partners-slider-row {
    width: 100%;
    max-width: unset;
  }

  .header-banner-viewport {
    -webkit-mask-image: none;
    -moz-mask-image: none;
    -o-mask-image: none;
    -ms-mask-image: none;
    mask-image: none;
    background-size: cover;
    flex-direction: column;
    padding: 0;
    padding-top: 96px;
    height: unset;
    justify-content: flex-start;
  }

  .header-banner-viewport .flix-col,
  .home-header .flix-col {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .header-banner-viewport .triangle-area {
    height: unset;
    min-height: unset;
    width: 90%;
    transform: translateX(10%);
    background-size: cover;
  }

  .genesis-header .triangle-area {
    transform: translateX(0);
  }

  .home-header .flix-col.text-col {
    padding: 2rem;
    width: 100%;
  }

  .header-banner-viewport .header-welcome-area {
    margin: 0;
    width: 100%;
  }

  .header-welcome-area p {
  }

  .header-welcome-area h2 {
  }

  .header-welcome-area h2 span {
  }

  .header-welcome-area .welcome-btns {
  }

  .header-welcome-area .welcome-btns a {
    text-wrap: nowrap;
  }

  .header-row .container,
  .header-row .container-fluid {
    padding: 0 15px;
  }

  .genesis-about-container {
  }

  .genesis-about-container .photo-area {
    display: none;
  }

  .genesis-about-container .text-area {
    flex-basis: 100%;
  }

  .genesis-WhereWhat-row {
    position: relative;
    padding-block: 30px;
  }
  .genesis-about-row {
    padding-block: 20px;
  }
  .genesis-WhereWhat-container {
  }

  .genesis-WhereWhat-photo {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.5;
    display: none;
  }

  .genesis-WhereWhat-container > *:not(.genesis-WhereWhat-photo) {
    max-width: unset;
    position: relative;
    flex: auto;
  }

  .genesis-WhereWhat-container h2 {
    font-size: 2.5rem;
  }

  .genesis-WhereWhat-container p {
    font-size: 2rem;
    line-height: normal;
  }

  .genesis-history-row {
  }

  .genesis-history-container {
    aspect-ratio: unset;
    max-width: 100%;
  }

  .genesis-history-container:before {
    width: 0px;
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-widget-header {
  }

  .history-tabs-container .History-Nav li {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    padding: 1rem 3rem;
    font-size: 3rem;
  }

  .genesis-history-container
    .ui-tabs.ui-tabs-vertical
    .ui-tabs-nav
    li.ui-tabs-active
    a {
  }

  .genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    position: relative;
    overflow-x: clip;
    min-height: 60vh;
    padding-inline-end: 0%;
  }

  .history-tabs-container .History-Achievements-Panel .achievement-photo {
    position: absolute;
    right: -110px;
    bottom: 0;
    z-index: 0;
    height: 88%;
    opacity: 0.5;
  }

  .history-tabs-container .History-Achievements-Panel p {
    margin-left: 15px;
    position: relative;
    z-index: +1;
  }

  .history-tabs-container .History-Achievements-Panel .achievement-title {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 2.2rem;
  }

  .history-tabs-container .History-Achievements-Panel p.achievement-point {
    font-size: 1.8rem;
    padding-left: 20px;
    padding-inline-end: 22%;
  }

  .history-tabs-container
    .History-Achievements-Panel
    p.achievement-point::before {
    height: 7px;
  }

  .genesis-team-row .team-viewport {
  }

  .genesis-team-row .team-viewport .team-member {
    flex-basis: 50%;
  }

  .Meet-Founders-container {
    /* overflow-x: clip; */
  }

  .Meet-Founders-container .Founders-title {
    margin: 50px auto;
  }

  .Founders-slider .owl-controls .owl-nav [class*="owl-"] {
    font-size: 5rem;
  }

  .Founders-slider .owl-controls .owl-nav .owl-next {
    right: -3px;
  }

  .Meet-Founders-container .Founders-slide-item {
    padding-right: 0;
  }

  .Meet-Founders-container .founder-item {
    position: relative;
  }

  .Meet-Founders-container .founder-item .founder-box {
    flex-wrap: wrap;
  }

  .Meet-Founders-container .founder-box .founder-photo {
    width: 100%;
  }

  .Meet-Founders-container .founder-box .founder-text {
  }

  .Meet-Founders-container .founder-box .founder-quote {
    font-size: 2.8rem;
  }

  .Meet-Founders-container .founder-box .founder-info h3 {
    font-size: 2rem;
  }

  .Meet-Founders-container .founder-box .founder-info p {
    font-size: 1.5rem;
  }

  .Meet-Founders-container .founder-item .fouder-fly-data {
    bottom: 46%;
    top: unset;
    left: unset;
    right: -151px;
    z-index: +1;
    transform-origin: left;
    text-shadow: 0px 1px 4px #000;
  }

  .franchise-features-icons-row {
    padding-block: 40px;
  }

  .franchise-features-icons-row:before {
  }

  .franchise-features-icons-row .container-fluid {
  }

  .franchise-features-container {
    flex-wrap: wrap;
  }

  .franchise-features-container .feature-item {
    flex-basis: calc(50% - 20px);
  }

  .franchise-features-container .feature-item .col {
  }

  .franchise-features-container .feature-item .feature-icon {
  }

  .franchise-features-container .feature-item .feature-icon img {
  }

  .franchise-features-container .feature-item .feature-content {
  }

  .franchise-features-container .feature-item .feature-content .feature-title {
  }

  .franchise-features-container .feature-item .feature-content .feature-text {
  }

  .manipulating-rows-section .static-scroller-image-viewport {
    display: none;
  }

  .manipulating-rows-section .static-scroller-content {
    top: 0;
    margin-top: 0;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-row {
    min-height: unset;
    flex-direction: column;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-viewport {
    width: 100svw;
    height: unset;
    max-height: unset;
    flex-basis: auto;
  }

  .manipulating-rows-section
    .static-scroller-content
    .manipulating-viewport
    img {
    min-height: unset;
    max-height: unset;
    min-width: unset;
    width: 100%;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-text {
    flex-basis: auto;
    padding: 2rem;
    min-height: unset;
  }

  .home-quote-row .home-quote-area {
    margin: 40px auto;
    text-align: center;
  }

  .home-quote-row .quote-text {
    font-size: 2.2rem;
  }

  .home-quote-row .quote-person {
    justify-content: center;
    font-size: 2rem;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-text h2 {
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 20px;
  }

  .manipulating-rows-section
    .static-scroller-content
    .manipulating-text
    h2:after {
    margin-top: 20px;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-text p {
    font-size: 18px;
  }

  .manipulating-rows-section .static-scroller-content .manipulating-text .MBtn {
    margin-top: 20px;
  }

  .manipulating-rows-section
    .static-scroller-content
    .manipulating-text
    .MBtn
    a,
  .manipulating-rows-section
    .static-scroller-content
    .manipulating-text
    .MBtn
    a:focus {
    font-size: 15px;
  }

  .OurWorld-Row .side-lines-row-title.OurWorld-slider-title {
    margin: 40px 0;
    margin-bottom: 3px;
  }

  .OurWorld-Row .OurWorld-title-row {
    width: 100%;
  }

  .OurWorld-Row .side-lines-row-title.OurWorld-slider-title h2 {
    font-size: 2.5rem;
    text-wrap: nowrap;
  }

  .OurWorld-Row .side-lines-row-title.OurWorld-slider-title span {
    min-width: 20px;
  }

  .OurWorld-Row .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }

  .header-banner-viewport .header-text-area {
    max-width: unset;
    margin-right: unset;
    margin-left: 20px;
  }

  .franchise-header .header-text-area h2 {
    font-size: 5rem;
    text-shadow: 0px 1px 3px #000;
  }

  .franchise-header .header-text-area h2:after {
    box-shadow: 0px 1px 4px 0px #0009;
  }

  .header-text-area .text-btns {
  }

  .header-text-area .text-btns a,
  .header-text-area .text-btns a:focus {
    text-wrap: nowrap;
  }

  .Adventure-Row .Adventure-container {
  }

  .Adventure-Row .Adventure-text-col {
    flex-basis: 100%;
    position: relative;
    z-index: +2;
    /* text-shadow: 0px 0px 3px #20b2aa; */
  }

  .Adventure-Row .Adventure-photo-col {
    opacity: 0.2;
    width: 60%;
  }

  .Journey-Row .Journey-container {
  }

  .Journey-Row .Journey-text-col {
    flex-basis: 100%;
  }

  .Journey-Row .Journey-text-col h2 {
    font-size: 24px;
  }

  .Journey-Row .Journey-text-col p {
    margin-right: 0;
    font-size: 20px;
  }

  .Journey-Row .Journey-photo-col {
    opacity: 0.25;
    width: 101%;
  }

  .franchise-video-row {
  }

  .franchise-video-row .franchise-video-viewport {
  }

  .franchise-video-row .franchise-video-viewport:before {
    font-size: 305%;
    text-wrap: nowrap;
    top: 20%;
  }

  .franchise-video-row .franchise-video-viewport:after {
    width: 17%;
    font-size: 300%;
    border-width: 0.5rem;
  }

  .Viral-Row .Viral-container {
  }

  .Viral-Row .Viral-text-col {
    flex-basis: 100%;
    position: relative;
    z-index: +1;
  }

  .Viral-Row .Viral-text-col h2 {
    font-size: 2.2rem;
  }

  .Viral-Row .Viral-text-col p {
    margin-right: 0;
    font-size: 1.8rem;
  }

  .Viral-Row .Viral-photo-col {
    bottom: 0;
    left: 0;
    right: unset;
    top: unset;
    width: 100%;
    opacity: 0.25;
  }

  .NewExperiences-Row .NewExperiences-slider .NewRide-item {
    margin: 0 auto;
    max-width: 68svw;
  }

  .OurWorld-Row .OurWorld-slider .OurWorld-item {
    margin: 0 auto;
    max-width: 68svw;
  }

  .giving-back-Row .giving-back-slider-title {
    margin: 30px 0;
    margin-top: 0;
  }

  .giving-back-Row .giving-back-slider-row {
    padding-bottom: 20px;
  }

  .giving-back-slider-row .giving-back-slider-area {
    margin: 0;
  }

  .experience-header {
    padding: 0;
  }

  .experience-header .experience-name {
    font-size: 2.4rem;
    padding: 1.2rem 1.9rem;
    bottom: 5rem;
  }

  .experience-header .experience-slider .flex-control-thumbs {
    right: 15px;
    bottom: 15px;
    gap: 10px;
  }

  .experience-header .experience-slider .flex-control-thumbs li {
    width: 55px;
  }

  .experience-header .experience-slider .flex-control-thumbs img {
    border-width: 2px;
  }

  .experience-header .experience-slider .flex-control-thumbs img.flex-active {
    /* border-width: 2px; */
  }

  .experience-content {
  }

  .experience-content .photo-col {
    display: none;
  }

  .experience-content .content-col {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-basis: 100%;
  }

  .experience-content .content-col .experience-name {
    margin-top: 0;
    font-size: 3.3rem;
    margin-bottom: 20px;
  }

  .experience-content .content-col .experience-text {
  }

  .experience-content .content-col .experience-btns {
    max-width: 100%;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 0;
    justify-content: center;
  }

  .experience-content .content-col .experience-btns a {
    margin: 0;
    font-size: 2rem;
    /* border-width: 2px; */
  }

  .experience-content .content-col .experience-btns a span {
  }

  .experience-content .content-col .experience-btns a .fa {
  }

  .experience-testimonial {
    height: unset;
  }

  .experience-testimonial .testimonial-title-row {
    margin-bottom: 10px;
  }

  .experience-testimonial .testimonial-title-row span {
    font-size: 3rem;
  }

  .experience-testimonial .testimonial-des-row {
    font-size: 2.5rem;
  }

  .Locations-row .Locations-title {
    width: unset;
  }

  .Locations-row .Locations-title h2 {
  }

  .branch-header {
    padding: 0;
  }

  .branch-header .branch-info {
    font-size: 1.5rem;
    padding: 1.2rem 1.9rem;
    bottom: 5rem;
  }

  .branch-header .branch-info p {
  }

  .branch-header .branch-info p span {
  }

  .branch-header .branch-info .branch-location {
  }

  .branch-header .branch-info .branch-province {
  }

  .branch-header .branch-info .branch-country {
  }

  .branch-header .branch-name {
    font-size: 2.4rem;
    padding: 1.2rem 1.9rem;
    bottom: 5rem;
  }

  .branch-header .branch-slider .flex-control-thumbs {
    right: 15px;
    bottom: 15px;
    gap: 10px;
  }

  .branch-header .branch-slider .flex-control-thumbs li {
    width: 55px;
  }

  .branch-header .branch-slider .flex-control-thumbs img {
    border-width: 2px;
  }

  .branch-header .branch-slider .flex-control-thumbs img.flex-active {
    /* border-width: 2px; */
  }

  .branch-testimonial {
    height: unset;
  }

  .branch-testimonial .testimonial-title-row {
    margin-bottom: 10px;
  }

  .branch-testimonial .testimonial-title-row span {
    font-size: 3rem;
  }

  .branch-testimonial .testimonial-des-row {
    font-size: 2.5rem;
  }

  /**** Branch Single ****/
  .branch-content-section {
  }

  .branch-content-section .container {
  }

  .branch-content-section .branch-content-row {
  }

  .branch-content-section .branch-map-col {
  }

  .branch-content-section .branch-content-col {
  }

  .branch-content-section .branch-content-col .branch-info {
    display: unset;
  }

  .branch-content-section .branch-content-col .branch-info .branch-country {
  }

  .branch-content-section .branch-content-col .branch-info .branch-province {
  }

  .branch-content-section .branch-content-col .branch-info .branch-location {
  }

  .branch-content-section .branch-content-col .branch-text {
  }

  .branch-content-section .branch-content-col .branch-text br {
  }

  .branch-content-section .branch-content-col .branch-text p {
  }

  .branch-content-section .branch-content-col .branch-operation-time {
  }

  .branch-operation-time .operation-time-title {
  }

  .branch-operation-time .operation-time-list {
  }

  .branch-operation-time .operation-day {
  }

  .branch-operation-time .operation-day.isHoliday {
  }

  .branch-operation-time .operation-day .day-name {
  }

  .branch-operation-time .operation-day .holiday {
  }

  .branch-operation-time .operation-day .holiday .holiday-name {
  }

  .branch-operation-time .operation-day .holiday .holiday-date {
  }

  .branch-operation-time .operation-day .day-times {
  }

  .branch-operation-time .operation-day .day-times .dat-off {
  }

  .branch-operation-time .operation-day .day-times .operation-time {
  }

  .branch-operation-time
    .operation-day
    .day-times
    .operation-time
    + .operation-time {
  }

  .branch-operation-time
    .operation-day
    .day-times
    .operation-time
    + .operation-time::before {
  }

  .branch-operation-time .operation-day .day-times .operation-time .time-from {
  }

  .branch-operation-time .operation-day .day-times .operation-time .time-to {
  }

  .branch-operation-time .operation-day .day-times .operation-time .sep {
  }

  .branch-operation-time .operation-day .day-times .operation-time .time-num {
  }

  .branch-operation-time .operation-day .day-times .operation-time .time-zone {
  }

  .branch-content-section .branch-content-col .branch-contacts {
  }

  .branch-contacts .branch-contact-us-title {
  }

  .branch-contacts .branch-contacts-list {
  }

  .branch-contacts .branch-contacts-list > li {
  }

  .branch-contacts .branch-contacts-list > li .contact-icon {
  }

  .branch-contacts .branch-contacts-list > li .contact-icon i {
  }

  .branch-contacts .branch-contacts-list > li .contact-data {
  }

  .branch-contacts .branch-contacts-list > li .contact-data a {
  }

  .branch-contacts .branch-contacts-list > li .contact-data span {
  }

  .branch-contacts .branch-contacts-list .contact-phone {
  }

  .branch-contacts .branch-contacts-list .contact-email {
  }

  .branch-contacts .branch-contacts-list .contact-address {
  }

  .branch-contacts .branch-contacts-list .contact-address .contact-icon {
  }

  .branch-contacts .branch-contacts-list .contact-address .contact-icon i {
  }

  .branch-contacts .branch-contacts-list .contact-address .contact-data {
  }

  .branch-contacts .branch-contacts-list .contact-address .contact-data text {
  }

  .branch-contacts .branch-contacts-list .contact-social-media {
  }

  .branch-contacts .branch-contacts-list .contact-social-media li {
  }

  .branch-contacts .branch-contacts-list .contact-social-media a {
  }

  .branch-contacts .branch-contacts-list .contact-social-media i {
  }

  .branch-contacts .branch-contacts-list .contact-social-media i:before {
  }
}

/***********************
** tab portal
***********************/
@media screen and (min-width: 767px) and (max-width: 768px) {
  .header-col.side-menu-col {
    display: inline-flex;
  }

  .header-row .container {
    max-width: calc(100% - 110px);
    width: calc(100% - 110px);
  }

  .header-row .header-content {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .header-content .header-col {
    flex-grow: unset;
  }

  .header-content .header-col.nav-menu-col {
  }

  .header-content .header-col.space-fix {
    width: unset;
    height: unset;
    background: transparent;
    margin: 0;
  }

  .header-content .header-col.user-col {
    width: unset;
    flex-basis: unset;
  }

  .header-container {
    min-height: 80px;
  }

  .header-container .full-header.sticky:before {
    height: 98px;
    top: 0;
    background-size: 212%;
  }

  .home-about-area .home-about-ellipse {
    left: unset !important;
    right: unset !important;
    width: 100% !important;
    clip-path: ellipse(76% 73% at calc(50% + 0px) 18%);
    shape-outside: ellipse(50% 84% at calc(50% + 0px) 15%);
    margin-bottom: 0;
  }

  .home-about-ellipse .home-about-logo {
    display: inline;
  }

  .home-about-ellipse .home-about-title {
    margin-top: 15px;
  }

  .footer-viewport .footer-container {
    flex-wrap: wrap;
  }

  .footer-col {
  }

  .footer-about-col {
  }

  .footer-about-col .footer-logo-col {
    max-width: calc(50% + 15px) !important;
    margin-bottom: 30px;
    padding: 0 30px;
  }

  .footer-about-col .footer-contacts-col {
    margin: 0;
  }

  .footer-menu li {
    width: calc(50% - 15px);
  }

  .footer-menu li a span {
    font-size: 18px;
  }

  /**
    .home-features .home-features-list{}
    .home-features .home-features-list .feature-item{}
    .home-features .home-features-list .feature-item-content{
        display: unset;
    }
    **/
  .header-col.user-col .side-menu-col {
    display: none;
  }

  .page_404 .content-viewport > .container:before {
    width: 100vw;
    height: 100vh;
  }

  .page_404 .p404_title {
  }

  .page_404 .p404_title:after {
  }

  .page_404.coming-soon .p404_title {
  }

  .page_404 .p404_des {
  }
}

@media screen and (max-width: 767px) {
  .header-viewport {
    background-size: inherit;
  }
  .header-container .full-header.sticky.fixed:before {
    background-size: 284%;
  }

  .main-menu .navbar .header-logo {
    /* display:none; */
    top: 0;
    max-width: 194px;
  }

  .mob-logo-col,
  .mob-logo-col * {
    display: flex;
  }

  .mob-logo-col {
    padding: 0;
    /* height: 70px; */
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    /* padding-top: 81px; */
    top: -10px;
    position: relative;
    display: none;
    position: absolute;
    z-index: +1;
    top: 70px;
  }

  .mob-logo-col img {
    max-width: 180px;
    max-height: unset;
    height: unset;
    /* transform: scale(1.8) translateX(21%); */
    margin: 15px 0 !important;
  }

  .copyrights-row .container-fluid {
    flex-direction: column;
    gap: 5px;
  }

  .copyrights-row .copywrite-text,
  .copyrights-row .pv-copywrite-col {
    text-align: center !important;
    font-size: 1rem;
  }

  .single-wide-col .data-col {
    padding: 5px 10px;
    flex-direction: column;
  }

  .product-single-data .product-data {
    justify-content: center;
  }

  .product-single-data .product-data .price {
    margin-bottom: 10px;
    margin-top: 0;
  }

  .product-single-data .product-data .product-title {
    text-align: center;
  }

  .product-single-data .product-data .price-and-share-row {
    flex-direction: column;
    justify-content: center;
    flex-basis: 100%;
    align-items: center;
    padding-bottom: 15px;
    padding: 0;
    background: #fff0;
    box-shadow: none;
  }

  .product-single-data .product-data .price-and-share-row .fix-empty-area {
    position: relative;
    width: 100%;
  }

  .product-single-data
    .product-data
    .price-and-share-row
    .fix-empty-area:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0000002e;
    bottom: 4px;
  }

  .add-to-cart-form li.add-btn {
    /* padding: 5px; */
    /* flex-grow: 1; */
    /* width: 100%; */
    flex-grow: 1;
  }

  .add-to-cart-form li.grow-area {
    flex-basis: 100%;
    display: none;
  }

  .content.single .add-to-cart-form {
    padding: 20px 0;
    margin: 0 0px;
    flex-basis: 100%;
    flex-grow: 1;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 9px;
    column-gap: 10px;
    justify-content: center;
  }

  .add-to-cart-form li.plus-btn,
  .add-to-cart-form li.minus-btn,
  .add-to-cart-form li {
    margin: 0 !important;
  }

  .add-to-cart-form li.total {
    display: none;
  }

  .product-data .share-buttons-div {
  }

  .product-single-data .product-photos {
    width: 100%;
    padding: 0 10px;
  }

  .global-header,
  .archive-header,
  .single-header {
    /* min-height: 74px; */
    /* height: 133px; */
    /* -webkit-mask-size: 100%; */
    padding-block-end: 0;
    margin-block-end: 0;
  }
  .global-header .page-title {
    font-size: 3rem;
    margin: 0;
  }

  .global-header:before,
  .archive-header:before,
  .single-header:before {
  }

  .single .product-mob-title {
    display: flex;
    width: 100%;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
    font-size: 2rem;
    font-family: "Tajawal" !important;
    color: #00487a;
  }

  .product-single-data .product-data .product-title {
    display: none;
  }

  .overview-container {
    padding: 0 0px;
  }
  .overview-container .tabs .tabpanel {
    padding-inline: 0;
  }

  .realated-posts {
    padding: 0px 0px;
  }

  .realated-posts .row {
    width: unset;
    margin-left: -15px;
    margin-right: -15px;
  }

  .signform {
    min-width: unset;
  }

  .blog-list-row {
    padding-top: 0;
  }

  .blog-list {
    padding-top: 5px;
    flex-wrap: wrap;
  }
  .home-blog-row {
    padding-block: 30px;
  }
  .home-blog-row .row-title h2 {
    margin-bottom: 2rem;
    font-size: 3rem;
  }

  .home-blog-list .articles-big {
    width: unset;
  }
  .home-blog-list .articles-regular {
    width: unset;
  }
  .single-related-products-box {
  }
  .single-related-products-box .products-list {
    flex-wrap: wrap;
  }
  .page_404 .p404_title {
  }

  .page_404 .p404_title:after {
  }

  .page_404.coming-soon .p404_title {
  }

  .page_404 .p404_des {
  }

  .about-head {
    flex-wrap: wrap;
    justify-content: center;
    /* background-position: center top; */
  }

  .about-head:after {
    display: none;
  }

  .about-head .logo-area {
    /* flex-grow: 1; */
    max-width: max-content;
    /* width: 100%; */
    display: none;
  }

  .about-head .logo-area:before {
  }

  .about-head .logo-area img {
  }

  .about-head .text-area {
    width: 100%;
    text-align: center;
    margin-top: 33vh;
    margin-bottom: 40px;
  }

  .about-head .text-area h2 {
  }

  .about-head .text-area p {
    /* font-size: 18px; */
  }

  .about-col {
  }

  .about-col .divider {
  }

  .about-col .data-row:not(.fix-empty) {
  }

  .about-col .data-row.fix-empty {
  }

  .about-col .data-row.about-blocks {
    flex-basis: 100%;
    width: 100%;
  }

  .about-col .data-row.about-blocks .block-item,
  .about-col .data-row.about-blocks .block-item * {
  }

  .about-col .data-row.about-blocks .block-item {
    flex-basis: 100%;
  }

  .about-col .data-row.about-blocks .block-item .icon {
  }

  .about-col .data-row.about-blocks .block-item .icon i {
  }

  .about-col .data-row.about-blocks .block-item .text {
  }

  .about-col .data-row.about-blocks .block-item .text h3 {
  }

  .about-col .data-row.about-blocks .block-item .text p {
  }

  .about-col .data-row.about-blocks .block-item:hover {
  }

  .about-col .data-row.about-blocks .block-item:hover .icon {
  }

  .about-col .data-row.about-blocks .block-item:hover .icon i {
  }

  .about-col .data-row.about-blocks .block-item:hover .text {
  }

  .about-col .data-row.about-blocks .block-item:hover .text h3 {
  }

  .about-col .data-row.about-blocks .block-item:hover .text p {
  }

  .about-col .data-row + .data-row {
  }

  .about-col .data-row > h2 {
  }

  .about-col .data-row > h2:after,
  .about-col .data-row > h2:before {
  }

  .about-col .data-row > h2:after {
  }

  .about-col .data-row > h2:before {
  }

  .about-col .data-row > p {
  }

  .about-col .about {
  }

  .about-col .mission {
  }

  .about-col .about + .vision {
  }

  .about-col .vision {
  }

  .about-col .contact-col {
  }

  .footer-about-col .footer-logo-col:after {
    display: none;
  }
  .footer-about-col .footer-logo-col:before {
    clip-path: polygon(100% 0%, 0 0, 20% 100%, 80% 100%) !important;
    height: calc(100% + 48px);
    width: 128%;
    left: -28% !important;
  }
}

@media screen and (max-width: 500px) {
  .header-welcome-area .welcome-btns {
  }

  .header-welcome-area .welcome-btns a {
    /* padding: 1rem 1rem; */
    font-size: 98%;
  }

  .NewExperiences-Row .Subscribe-row {
  }

  .NewExperiences-Row .Subscribe-text {
    line-height: normal;
  }

  .NewExperiences-Row .Subscribe-form {
    max-width: 100%;
    min-width: unset;
    /* width: unset; */
    box-sizing: content-box;
    justify-content: space-between;
  }

  .NewExperiences-Row .Subscribe-area {
    max-width: 100svw;
  }

  .NewExperiences-Row .Subscribe-form input[type="text"] {
    min-width: unset !important;
    max-width: unset;
    width: unset !important;
    max-width: 63%;
  }

  .NewExperiences-Row .Subscribe-form input[type="submit"] {
    flex-grow: 0;
  }

  .franchise-features-icons-row {
    padding-block: 30px;
  }

  .franchise-features-icons-row:before {
  }

  .franchise-features-icons-row .container-fluid {
    padding-inline: 25px;
  }

  .franchise-features-container {
  }

  .franchise-features-container .feature-item {
    flex-basis: 100%;
  }

  .franchise-features-container .feature-item .col {
  }

  .franchise-features-container .feature-item .feature-icon {
  }

  .franchise-features-container .feature-item .feature-icon img {
  }

  .franchise-features-container .feature-item .feature-content {
  }

  .franchise-features-container .feature-item .feature-content .feature-title {
  }

  .franchise-features-container .feature-item .feature-content .feature-text {
  }

  .franchise-video-row .franchise-video-viewport:before {
    font-size: 200%;
  }
}