@media (min-width:1200px) and (max-width:1500px){} @media (min-width:1400px){} @media (min-width:992px) and (max-width:1199px){.logo{width:240px} figcaption h3{font-size:25px;line-height:20px} p.ind-ind{line-height:18px} p.ind-num{font-size:60px} .service-list li{font-size:14px} .title{font-size:20px} .w-box h3{font-size:18px} p,.faq-answer{font-size:14px;line-height:25px} .f-logo{width:210px;margin-bottom:10px} footer h2{font-size:16px} .f-links li a{font-size:14px} .f-links svg{width:20px;height:20px} .sub-ban h1{font-size:60px} .proj-box h3{font-size:20px} } @media (min-width:768px) and (max-width:991px){.video-container{background-image:url('../media/bg-optimized.webp');background-size:cover;background-position:center;background-repeat:no-repeat} .video-container video{display:block !important;z-index:2} .video-fallback{z-index:1;display:block} } @media (min-width:992px){.video-container{background-image:url('../media/bg-optimized.webp');background-size:cover;background-position:center;background-repeat:no-repeat} .video-container video{display:block !important;z-index:2} .video-fallback{z-index:1;display:block} .video-loading{display:block} } @media (max-width:767px){.video-container{background-image:url('../media/bg-optimized.webp');background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%} .video-container video{display:block !important;opacity:1;width:100%;height:100%;object-fit:cover} video::-webkit-media-controls{display:none !important} video::-webkit-media-controls-panel{display:none !important} .video-fallback{display:block !important;z-index:1 !important;opacity:1 !important;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:none} .video-loading{display:block !important;opacity:1 !important} .video-loading.hidden{display:none !important;opacity:0 !important} .video-loading .spinner{display:block !important} .home{min-height:100vh;height:100vh;background-color:#f5f5f5} .home.sub-ban{min-height:60vh;height:60vh} .home.sub-ban h1{position:relative;z-index:10;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.7)} .home .video-container{will-change:auto} img{image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast} .container,.main-container{contain:layout style} .home*,.about*,.services*{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden} .above-fold{contain:layout style paint} } @media only screen and (min-width:321px) and (max-width:767px){.project-list div[class*='col']{width:100% } .navbar-toggler{background:#fff;box-shadow:none !important} .connect div[class*='col']{width:100%} .sub-ban h1{font-size:35px;width:max-content } .c-left h2{font-size:25px} .c-left ul li{font-size:17px} .g-5,.gx-5{--bs-gutter-x:1rem} .f-logo{width:160px;margin-bottom:10px} .proj-box h3{font-size:21px} .proj-content h2{font-size:35px} .proj-content h3{font-size:25px} .proj-content ul{flex-direction:column;gap:2rem} .detial-banner::before{height:700px} .project-image div[class*='col']{width:100%;margin-bottom:10px} footer p,.f-links li a{font-size:13px;line-height:25px} footer div[class*='col']{width:100%;margin-bottom:15px} footer h2{font-size:16px} p{font-size:15px} .faq-section{grid-template-columns:repeat(1,1fr)} .w-ico{width:200px;margin:auto} .p-wrap{height:600px} .logo{width:180px} .img{font-size:290px } .about div[class*='col']{width:100%} .ab-exp{flex-direction:column} .ab-exp h2{font-size:70px} .service-card div[class*='col']{width:100%} figcaption h3{font-size:25px} figure{height:320px} .transform div[class*='col']{width:100%} p.ind-num{font-size:70px} .transform{background:#fff} .title{font-size:27px} .service-list{grid-template-columns:repeat(1,1fr)} .working-process div[class*='col']{width:100%} .w-box h3{font-size:23px} .w-box span.d-small-none{display:none} .testimonials div[class*='col']{width:100%} .service-list li{font-size:18px} } @media (max-width:768px){.about.pt-40{padding-top:20px !important;padding-bottom:10px !important} .panel.plain{height:20px !important;min-height:20px !important} .service-card.pt-40{padding-top:20px !important} .block.three{background-image:url("../media/before-view-res.webp") !important} .block.four{background-image:url("../media/after-view-res.webp") !important} .black{height:100vh !important} .p-wrap{height:100vh !important} .block{top:0 !important;background-position:center center !important;background-size:cover !important} } .desktop-before-after{display:block}