html .dermaco-special-banner{
    width: 41.667vw;
    margin: auto;
    padding-bottom: 9.85vw;
}
html .boat-last-banner{
    margin-bottom: -4.92vw !important;
}
html .work-description .cat{
    color:#181717;
}
html .work-description .project-list-wraper .project-wraper .tag-wraper span{
    color:#585756;
}
html .project-page-container.black-bg .work-description .cat .separotor{
    color: #585756;
}
html .liebherr-carousel-row{
    margin-left: 0;
    margin-right: 0;
}
html .liebherr-carousel-row .col-md-12{
    padding-left: 2.08vw;
    padding-right: 2.08vw;
}
html .liebherr-carousel-row{
    margin-bottom: 2.08vw;
}
html .disabled-cursor{
     transition:opacity 0.3s ease-in-out;
     pointer-events: auto;
     /* opacity:30%; */
}
html .disabled-cursor:hover{
    opacity:30%;
}
html .work-description .project-list-wraper .project-wraper .subtitle-wraper{
    color: #2C2A2A;
}
html body .project-grid-secmainwraper .singular-storiescards-secaminwaper{
    grid-template-columns: 24.1% 24.1% 24.1% 24.1%;
}
/* .filter-container .filter-links a{
    transition: 0.2s color ease-in-out !important;
} */
html .mobile-view{
    display:none;
}
html body .press-section-mainwraper .section-wraper .item-wraper .tag-wraper span{
    color: #A5A4A0;
}
html body .press-section-mainwraper .section-wraper .item-wraper .tag-wraper{
    color: #2C2A2A;
}
html .work-description .cat{
    color:#585756;
}
.careersec-mainwraper .right-block-wraper .desc-list-wraper ul {
  list-style: none;
  padding-left: 0.321vw;
}

.careersec-mainwraper .right-block-wraper .desc-list-wraper ul li {
  position: relative;
  padding-left: 0.833vw;
}

.careersec-mainwraper .right-block-wraper .desc-list-wraper ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6vw;          /* vertical alignment */
  width: 0.25vw;          /* dot size */
  height: 0.25vw;
  background-color: #E6E6E1;
  border-radius: 50%;
}
html a.right-block-wraper{
    text-decoration: none !important;
}
html .disabled-cursor .desc{
    visibility: hidden;
}
html body .project-splitted-image-section.contained .section-wraped .common-block.middle-block .iamge-wraper img{
    border-radius: 0;
}
html .project-splitted-image-section.contained.three-column .right-block.common-block .iamge-wraper img{
    border-radius: 0;
}
html body footer .menu-item{
    color:#FFFFFE !important;
}
.video-wrapper {
  position: relative;
}

.video-thumbnail {
  position: relative;
  cursor: pointer;
}

html .project-page-banner-sec .video-thumbnail img {
  width: 100%;
  height: 46.354vw;
  object-fit: cover;
  display: block;
}
@media (min-width:768px){
    html .company-logosecmainwraperswiper .logo-wraper img{
        max-width: 11.292vw;width: auto;
        /**max-height: 4.167vw;**/
        object-fit: contain;
    }
    .mobile-shown-section{
        display:none !important;
    }
    html .btn-text-icon-wrapper.custom-btn.mobile-shown-section.abt-us-explore-btn{
        display: none;
    }
    html .project-splitted-image-section.contained.custom-width .section-wraped .left-block{
        flex-basis:60%;
    }
    html .project-splitted-image-section.contained.custom-width .section-wraped .left-block video{
        height: 100% !important;
    }
    html .project-splitted-image-section.contained.custom-width .section-wraped .right-block{
        flex-basis:40%;
    }
    .custom-joyful-inside .iamge-wraper{height: 100% !important;}
    .custom-joyful-inside .iamge-wraper img{height: 100% !important;}
    .horizontal-accordion-container .acc-slide a.action span.num{
        bottom: 20.8vw;
    }
    html .horizontal-accordion-container .acc-slides .acc-slide:nth-child(2) .action .num{
        bottom: 26.5vw;
    }
    html .horizontal-accordion-container .acc-slides .acc-slide:nth-child(3) .action .num{
        bottom: 22vw;
    }
    html .horizontal-accordion-container .acc-slides .acc-slide:nth-child(4) .action .num{
        bottom: 18.5vw;
    }
    html .horizontal-accordion-container .acc-slides .acc-slide:last-child .action .num{
        bottom: 24.3vw;
    }
    .project-page-banner-sec.top-section-banner{
       height:56.25vw;
    }
    .project-page-banner-sec.top-section-banner video{
        height: 100% !important;
    }
    .project-page-banner-sec.top-section-banner img{
        height: 100%;object-fit: cover;
    }
    html .custom-btn .menu-btn-text{
        top:unset;
    }
    html body .first-big.singular-storysecmain-wraper.singular-story-clientcardsecmain-wraper .singular-storiescards-secaminwaper{
        grid-template-columns: 49.4% 24.1% 24.1%;
    }
    html body .singular-storiescards-secaminwaper{
        grid-template-columns: 24.1% 24.1% 49.4%;
    }
    html body .singular-storysecmain-wraper.singular-story-clientcardsecmain-wraper .singular-storiescards-secaminwaper{
        grid-template-columns: 24.1% 49.4% 24.1%;
    }
}
@media (min-width:768px) and (max-width:1199px){
    html body .home-banner-sectionwraper div.banner-seccont-wraper .counter-textwraper{
        font-size: 1.8vw;
    }
    html body .home-banner-sectionwraper .banner-seccont-wraper div.subtitle-wraper{
        font-size: 5.59vw;
    }
    html body .toggle-menu-wrapper{
        top:2.083vw;
    }
    html div.custom-btn .icon svg{
        width: 1.2vw;
    }
    html body .custom-btn{
        padding:0.3vw 1vw 0.3vw 1.3vw
    }
    html body .custom-btn .btn-text, html .custom-btn .menu-btn-text{
        font-size: 1.54vw;
    }
    html body .customer-connection-mainwraper .section-combined-block .subtitle-description-wraper div.subtitle-wraper{
        width: 35.53vw;
    }
    html body .customer-connection-mainwraper .section-combined-block .block-1-mainwraper .block-one.commonblock{
        padding-right: 5.5vw;
    }
}
.timeline-segment .progress-bar{
    top:13px;
}
.press-section-mainwraper .hover-image{
    width: 34.531vw;
    background-image: 34.531vw;
}
@media  (max-width:767px) {
    html body .home-banner-sectionwraper .home-bgvideo-wraper video{height:100vh;object-fit:cover;}
    html div.work-description .right-block-wraper .subtitle-wraper{
        line-height: 110%;
    }
    html .company-logosecmainwraperswiper.feature-award-logos-section .logo-wraper img{
        max-width: 90%;
        margin: 0px auto;
    }
    .careersec-mainwraper .right-block-wraper .desc-list-wraper ul{
        margin-bottom: 13.682vw;
    }
    html .careersec-mainwraper .right-block-wraper .desc-list-wraper .desc{
        margin-bottom: 6.965vw;
    }
    .careersec-mainwraper .right-block-wraper .link-wraped{
        font-size: 6.468vw;
    }
    .careersec-mainwraper .right-block-wraper .link-wraper .tag-wraper{
        font-size: 3.98vw;
    }
    .careersec-mainwraper .content-section .image-wraper img{
        height: 157.463vw;
    }
    html .careersec-mainwraper .right-block-wraper .desc-list-wraper .desc{
        font-size: 3.98vw;
    }
    html .careersec-mainwraper .right-block-wraper .desc-list-wraper ul li{  
        font-size: 3.98vw;
    }
    .careersec-mainwraper .content-section .desc-list-linkwraped{
        padding-top:6.965vw;padding-bottom: 9.453vw;
    }
    .careersec-mainwraper .left-block-wraper .desc{
        font-size: 8.955vw;line-height: 100%;width: 80.29vw;margin-bottom: 21.642vw;
    }
    html .custom-menu-container .menu-item-section .menu-item{
        margin-bottom: 7.763vw;
    }
    html body .custom-menu-container .menu-item-section .menu-item .num{
        font-size: 3.98vw !important;line-height: 120%;padding-top: 0vw;
    }
    html .custom-menu-container .menu-item-section .menu-item{
        font-size:11.443vw;line-height: 100%;
    }
    html .custom-menu-container .social-icons-emails-wraper{
        margin-top:13.184vw;
    }
    html .btn-text-icon-wrapper.custom-btn.mobile-shown-section.abt-us-explore-btn{
        margin-bottom: 7.463vw;
        width: 58.458vw;
    }
    html .btn-text-icon-wrapper.custom-btn.mobile-shown-section.abt-us-explore-btn .menu-btn-text{
        top:0;
    }
    html body .leader-shipteamsecmainwraper .team-member-infowraper .desc p{
        font-weight: 400;
        color: #E6E6E1;
    }
    html body .timeline-segment .progress-bar{
        top:13px;
    }
    html .mobfilter-bar .filter-all{
        background-color: #181717CC;
    }
    .mobfilter-bar{
        background-color: unset;
    }
    html body .work-description.joyful-insideproj .sub-desc-wraper{
        margin-top:5vw;
    }
    html body .work-description.joyful-insideproj .subtitle-logo-wraper .subtitle-wraper{
        font-size: 8.96vw;margin-top:7vw;margin-bottom: 5vw;
    }
    .careersec-mainwraper .right-block-wraper .desc-list-wraper ul {
       padding-left: 1.493vw;
    }

    .careersec-mainwraper .right-block-wraper .desc-list-wraper ul li {
       padding-left: 3.483vw;
    }

    .careersec-mainwraper .right-block-wraper .desc-list-wraper ul li::before {
       top: 1.99vw;         
       width: 0.995vw;       
       height: 0.995vw;
    }
    html .singular-storiescards-secaminwaper .card-wraper .video-wraper video{
        height: 91.045vw !important;
    }
    .press-section-mainwraper .hover-image{
        width: 75vw;
    }
    /* html .company-logosecmainwraperswiper .logo-wraper img{
        max-width: 100%;
        max-height: 100%;
    } */
    html body .press-section-mainwraper .section-wraper{
        padding-left:4.478vw;padding-right: 4.478vw;
    }
    html body .company-logosecmainwraper.about-us.top{
        padding-bottom: 19.9vw;
    }
    html body .company-logosecmainwraper .counter-textwraper{
        font-size: 3.98vw;margin-bottom: 8vw;padding-left: 4.478vw;
    }
    html body .press-section-mainwraper .counter-textwraper{
        font-size: 3.98vw;padding-left: 4.478vw;
    }
    html body .press-section-mainwraper .section-wraper .item-wraper .tag-wraper{
        font-size: 3.98vw;top:unset;line-height: 4.5vw;color: #2C2A2A;letter-spacing: 1px;
    }
    html body .press-section-mainwraper .section-wraper .item-wraper .subtitle-wraper{
        font-size: 7.96vw;
    }
    html body .press-section-mainwraper .section-wraper .item-wraper{
        display: flex;flex-direction: column-reverse;gap:3vw;
    }
    html .related-project-view-allsecwraper{
        align-items: self-start;
    }
    html .desktop-view{
        display:none;
    }
    html .mobile-view{
        display:block;
        width:100%;
    }
    html body .singular-storiescards-secaminwaper .card-wraper img{
        height: 91.045vw;
    }
    html body .home-banner-sectionwraper .banner-seccont-wraper .counter-textwraper{
        height: 19.408vw;
    }
    html body .customer-connection-mainwraper .section-combined-block .subtitle-description-wraper .subtitle-wraper{
        width: 85.08vw;
    }
    html body .project-grid-secmainwraper .singular-storiescards-secaminwaper {
        grid-template-columns: 100%;
        row-gap: 0.21vw;
    }
    html .liebherr-carousel-row .col-md-12{
        padding-left: 4.08vw;
        padding-right: 4.08vw;
    }
    html .liebherr-carousel-row{
        margin-bottom: 4.48vw;
    }
    html .dermaco-special-banner{
        width: 100%;
    }
    html .boat-last-banner{
        margin-bottom: 4.48vw !important;
    }
}