@media (max-width: 1312px) {
    .nav-container {
    padding: 0 16px;
}
}


@media (max-width: 1024px) {
    .nav-links {
    gap: 8px;
   }
}
@media (max-width: 1152px) {
    iframe {
    width: 100%;
    height: 674px;
}
#gap_67 {
    gap: 22px;
}
}
@media (max-width: 886px) {
  .nav-links a {
    font-size: 14px;
}
}

@media (max-width: 992px) {
    .vision::before {
    position: unset;
}
.slider-tabs a.active::after {
    width: 100% !important;
}
.slider-tabs {
     gap: unset; 
}
.card {
     padding: unset; 
}
section.card-box .row {
    --bs-gutter-y: 0px;
}
section.card-box .row {
    margin-top: unset;
}
.mission::before {
    position: unset;
}
.vision {
    margin-top: 17px;
}
    .logo-container {
    height: 52px;
    width: 225px;
    background-size: contain;
}
.go-studio {
    font-size: 22px;
}
.studio p, .mission p, .vision p {
    font-size: 16px;
}
.logo-container img {
    height: 32px;
}
}
@media (max-width: 499px) {
 .slider-content p, .produt-headline p {
    font-size: 14px;
    margin: 19px 0px;
}
.slider-content h2 {
    font-size: 30px;
}
.tile-showroom-title {
    font-size: 25px;
}
}
@media(max-width:600px){
    select.custom-dropdown.icone-drop {
    width: 100% !important;
}
}
@media (max-width: 769px) {
.swiper-slide.swiper-slider-bg {
    height: 60vh;
}
.mySwiper4  .swiper-slide{
    width:100% !important;
}

.card.border-0 {
    margin-top: 50px;
}
.slider-content h2 {
    height: 53px;
}
.slider-content {
    position: relative;
    top: 117px;
}
.slider-content p, .produt-headline p {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
    margin: 0px 0px 24px;
    height: 30px;
}
/*img#menuIcon {*/
/*    margin-top: 13px;*/
/*}*/
}
@media (max-width: 768px) {
    .col-md-6.about-col2.p-0 {
    order: -1;
}
.page-last-slider.pt-100.blogs h2{
	width :50%
}
.pt-70 {
    padding-top: 20px;
}
.legacy-content {
    margin-top: -18px;
}
.pb-100 {
    padding-bottom: 20px;
}
.pb-100 {
    padding-bottom: 20px;
    margin-top: 37px;
}
.col-lg-6.ps-60 {
    padding-left: 0px;
}
.mini-sec-row {
    display: flex;
    align-items: center;
     justify-content: unset; 
    gap: 28px;
}
.card.border-0 {
    margin-top:45px;
}
.first-row {
    margin-top: -25px;
}
.swiper-wrapper-3 {
    margin-top: 33px;
}
.mb-5 {
    margin-bottom: 0px !important;
}
section.slider-per {
    padding: 50px 0px 0px 0px;
}
#about-swiper-pagination {
    bottom: 0px !important;
}
div#swiper-wrapper-3d9a666b9550cba4 {
    padding-bottom: 24px !important;
}
.swiper-horizontal {
    touch-action: pan-y;
    padding: 23px;
}
    .team-img::before {
    content: "";
    position: absolute;
    background: #00000070;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
section.container-fluid.our-team.px-0.py-100 {
    padding: 25px 25px 0px  !important;
}
.counting-box {
    padding-top: 34px;
    padding-bottom: 25px;
}
.stat-box {
    flex: 1 1 117px;
    max-width: 220px;
}
.team-img::before {
    content: "";
    position: absolute;
    background: #00000070;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.team-img p {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 142%;
    color: white;
    opacity: 1;
    transition: opacity 0.4s ease;
    z-index: 2;
}
.team-img {
    padding: 16px 16px 16px;
    position: relative;
    margin-top: 50px;
}
.row1 {
    flex-direction: column;
}
.col-lg-2.p-0.bg-white.bg-head.position-relative.vision_100{
    display: none;
}
.py-100 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.text_align_center {
    text-align: center;
}
.last-right ul, .last-left ul{
    justify-content: center;
}
.footer-icon {
    justify-content: center;
}
.last-left {
    justify-content: center;
}
.custom-select-wrapper {
    position: absolute;
    display: inline-block;
    width: 182px;
    height: 50px;
    left: 24px !important;
    top: 98px !important;
}
.swiper-wrapper-2 {
    margin-top: 95px;
}
}

@media (max-width: 576px) {
    section.slider-per {
    padding: 50px 20px 100px 20px !important;
}
}
@media (max-width: 403px) {
    .view-blog a {
    position: relative;
    right: 0;
    left: 0 !important;
    top: -22px;
}
p.m-0 img {
    /* margin-right: 72px !important; */
    position: relative;
    /*left: -62px !important;*/
}
.contact-section p {
    font-size: 16px;
    padding: 0px 26px;
}
.heading-slider h2, .tiles-content h2, .legacy-content h2, .tile-showroom-title, .studio h2, .discover, .contact-section h2 {
    font-size: 25px;
}
}
.swiper-slide.in_text {
    height: 402px;
}
@media(min-width:1350px){
/*    .vision::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 177px;*/
/*    height: 153px;*/
/*    background: #114b9c;*/
/*    top: 0;*/
/*    left: -177px;*/
/*}*/
/*.mission::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 177px;*/
/*    height: 153px;*/
/*    background: #114b9c;*/
/*    bottom: 0;*/
/*    right: -177px;*/
/*}*/
.vision {
    padding: 56px 67px 78px 52.25px;
}
}
@media (min-width: 992px) and (max-width: 1350px) {

/*    .vision::before {*/
/*    width: 160px;*/
/*    height: 190px;*/
/*    left: -120px;*/
/*}*/
/*.mission::before {*/
/*    width: 160px;*/
/*    height: 190px;*/
/*    right: -120px;*/
/*}*/
}

.product-slider {
    overflow: hidden;
}
.main-slider .swiper-slide img {
    width: 100% !important;
    height: 535px !important;
}
.thumb-slider .swiper-slide img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.single-product .inner-page-content h2 {
    height: 100%;
}
.inner-page-content h2 {
    height: 70px;
}

.product-code {
    height: 35px;
    margin-bottom: 0;
}
.mySwiper4  img {
    width: 100% !important;
}
select.custom-dropdown {
    width: 100%;
}
