/* Extra large devices (large laptops and desktops, 1400px to 1600px) */
@media screen and (max-width: 1600px) {

}
/* Large devices (laptops/desktops, 1200px to 1399px) */
@media only screen and (max-width: 1399px) {
	
}

/* Medium devices (landscape tablets, 992px to 1199px) */
@media only screen and (max-width: 1199px) {
	
}

/* Small devices (portrait tablets and large phones,769px to 991px) */
@media only screen and (max-width: 991px){
	
}

/* Extra small devices (phones,576px to 768px) */
@media only screen and (max-width: 768px) {
	.main-video-sec .video-sec-inner video{
		max-height: 100%;
	}
	.main-video-sec {
		padding: 65px 0 0;
	}
	.main-video-sec .main-content-area .social-awrd-area .awrd-area img{
		height: 30px;
	}
	.main-video-sec .main-content-area .social-awrd-area .social-area{
		display: none;
	}
	.main-video-sec .video-sec-inner {
		border-radius: 16px;
		padding: 10px 20px 27px;
		position: relative;
	}
	.main-video-sec .main-content-area .dialer-wrap {
		margin-top: 35px;
	}
	.main-video-sec .main-content-area .dialer-wrap div span {
		line-height: 34px;
		font-size: 28px;
	}
	.main-video-sec .main-content-area .social-awrd-area {
		padding-top: 42px;
	}
	.wwd-tag{
		margin: auto;
		margin-bottom: 14px;
		padding: 8px 13px;
		border-radius: 11px;
		font-size: 16px;
		text-align: center;
	}
	.what-we-do {
		padding: 30px 0;
	}
	.wwd-inner {
		grid-template-columns: 1fr;
		max-width: 90%;
		gap: 10px;
	}
	.wwd-right {
		align-items: center;
		order: 2;
		min-height: auto;
	}
	.wwd-left {
		order: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 0;
	}
	.wwd-list li .term {
		font-weight: 700;
		font-size: 16px;
		min-width: 90px;
		padding-left: 20px;
	}
	.wwd-list li .term::before {
		left: 6px;
		width: 6px;
		height: 6px;
	}
	.wwd-title {
		font-size: clamp(25px, 6vw, 40px);
		text-align: center;
		line-height: 1;
	}
	.wwd-illustration {
		margin: 0px 0 0 0;
		width: 40px;
		height: 40px;
		right: 0;
	}
	.btn-cta {
		margin-top: 15px;
		border-radius: 10px;
	}
	.btn-cta .btn-cta-area{
		gap: 10px;
		padding: 5px 5px 5px 12px;
		border-radius: 9px;
		font-size: 18px;
	}
	.btn-cta .btn-cta-area .cta-arrow{
		font-size: 15px;
		padding: 9px 8px;
		border-radius: 7px;
	}
	.wwd-list{
		width: 100%;
	}
	.wwd-list li{
		flex-direction: column;
		padding: 9px 0 9px;
	}
	.wwd-list li .desc {
		gap: 6px 12px;
		justify-content: center;
	}
	.wwd-list li .arrow {
		font-size: 15px;
	}
	.wwd-list li .seg {
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	.stories {
		margin: 35px auto;
	}
	.is-mwg_effect025{
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	.stories-card{
		width: 82vw;
		border-radius: 33px;
		aspect-ratio: auto;
	}
	.stories h4 {
		font-size: clamp(25px, 6vw, 40px);
		text-align: center;
		line-height: 1;
		margin: auto;
		margin-bottom: 20px;
	}
	.stories-card_content{
		padding: 23px 20px;
		gap: 60px;
	}
	.stories-card_title {
		font-size: 50px;
	}
	.stories-card_subtitle {
		font-size: 23px;
	}
	.stories-card_divider {
		margin: 8px 0;
	}
	.stories-card_paragraph {
		font-size: 18px;
	}
	.work-section{
		padding-top: 0;
	}
	.work-content{
		border-radius: 25px;
		padding: 80px 25px;
		flex-direction: column;
		gap: 10px;
		justify-content: flex-start;
	}
	.work-content_top{
		width:100%;
		max-width: 100%;
		order: 1;
		height: auto;
	}
	.work-content-right{
		width: 100%;
		height: auto;
		order: 2;
	}
	.work-content-right .work-content_heading {
		font-size: 61px;
		line-height: 1.1;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.work-content-right .work-content_img {
		align-self: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.work-content-right .medium-image {
		width: 60%;
		aspect-ratio: 3 / 4;
		border-radius: 22px;
		transform: rotate3d(31, 1, 1, 0deg) skewX(-5deg);
		border: 2px solid #ffffff;
	}
	.work-content_top .paragraph-m {
		font-size: 15px;
		margin-bottom: 20px;
		line-height: 1;
		padding: 8px 13px;
		border-radius: 8px;
	}
	.work-content_top .work-content_heading {
		font-size: 50px;
		line-height: 1;
		letter-spacing: -1.3px;
	}
	.work-content_bottom img{
		display: none;
	}
	.work-content_bottom .paragraph-l {
		font-size: 20px;
		line-height: 1.1;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.work-content_top .work-content_bottom{
		position: absolute;
		bottom: 30px;
	}
	.work-section .section-subtitle {
		font-size: clamp(25px, 6vw, 40px);
		text-align: center;
		line-height: 1;
		margin: auto;
		margin-bottom: 0;
	}
	.work-slide{
		padding-top: 40px;
	}
	.featured-sec .featured-sec-inner{
		gap: 15px;
	}
	.featured-sec .featured-sec-inner .featured-card{
		width: 100%;
		padding: 20px 20px 40px;
		border-radius: 45px;
	}
	.featured-sec .featured-sec-inner .featured-card .f-logo-img {
		width: 80px;
		margin-bottom: 13px;
	}
	.featured-sec .featured-sec-inner .featured-card h5 {
		font-size: 24px;
		margin-bottom: 10px;
		letter-spacing: -0.44px;
	}
	.featured-sec .featured-title {
		font-size: clamp(25px, 6vw, 40px);
		text-align: center;
		line-height: 1;
		margin: auto;
		margin-bottom: 20px;
	}
	.featured-sec .featured-sec-inner .featured-card p {
		font-size: 17px;
		margin-bottom: 30px;
		letter-spacing: 0.6116px;
	}
	.product-slider {
		border-radius: 28px;
		padding: 20px 20px;
		max-height: 97vh;
		margin-top: 10px;
		margin-bottom: 35px;
	}
	.product-sec-area{
		flex-direction: column;
		gap: 10px;
	}
	.product-sec-area h4 {
		font-size: 45px;
		width: 100%;
		line-height: 1.2;
		letter-spacing: -0.77px;
	}
	.product-sec-area h4 span {
		padding: 0 12px;
		border-radius: 17px;
	}
	.product-container{
		margin-top: 270px;
	}
	.product-image {
		border-radius: 25px;
		height: 499px;
		width: 316px;
	}
	.product-container-inner {
		min-width: 1500px;  /* 2000px */
		min-height: 1500px;
		max-width: 1500px;
		max-height: 1500px;
	}
	.product-image img.fyp-main-img {
		height: 100%;
		object-fit: contain;
		border-radius: 25px;
	}
	.product-image img.fyp-side-img {
		position: absolute;
		top: 31px;
		width: 95px;
		height: 115px;
	}
	.product-container-inner .circle-img{
		width: auto;
		left: 50%;
		transform: translate(-50%, -50%);
		top: 50%;
	}
	.brand-sec .brand-swiper img {
		width: 66px;
	}
	.footer {
		padding-bottom: 20px;
	}
	.lets-get-area{
		padding: 30px 20px;
	}
	.lets-get-area .lets-get-area-inner img{
		width: 100%;
	}
	.lets-get-area .lets-get-area-inner{
		gap: 25px;
	}
	.lets-get-area h4 {
		font-size: 38px;
		letter-spacing: -1.1125px;
		line-height: 1.0021;
	}

	.footer-area .footer-area-right{
		width: 100%;
		gap:15px;
	}
	.footer-area {
		padding: 32px 15px;
		border-radius: 25px 25px 0 0;
		position: relative;
	}
	.footer-area-right img{
		height: 45px;
	}
	.footer-area .footer-area-right .para {
		font-size: 13px;
		line-height: 1.4;
		font-weight: 500;
		letter-spacing: -0.22px;
	}
	.footer-area .footer-area-left{
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}
	.footer-area .footer-area-left .footer-area-links{
		width: 100%;
	}
	.nav a {
		font-size: 17px;
		padding: 15px 28px;
		border-radius: 11px;
	}
	.footer-area .footer-area-left .footer-area-links .nav{
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
	}
	.footer-area .footer-area-left .footer-area-links .social-area{
		width: 100%;
		gap: 10px;
		flex-wrap: wrap;
	}
	.footer-area .footer-area-left .footer-area-links .social-area .flow-txt {
		font-size: 13px;
		line-height: 1;
	}
	.footer-area .footer-area-left .footer-area-links .social-area ul li a {
		border-radius: 50%;
		width: 48px;
		height: 48px;
		font-size: 16px;
	}
	.footer-area .footer-area-left .footer-area-links .social-area ul {
		gap: 6px 5px;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
		width: 100%;
	}
	.footer-area .footer-area-left .footer-area-info{
		width:100%;
	}
	.footer-area .footer-area-right .rights-txt {
		font-size: 11px;
		line-height: 1.2;
		position: absolute;
		bottom: 10px;
	}
	.footer-area .footer-area-left .footer-area-info ul p {
		font-size: 18px;
		line-height: 1.2;
	}
	.footer-area .footer-area-left .footer-area-info ul li a {
		font-size: 17px;
		line-height: 1.6;
	}
	.footer-area .footer-area-left .footer-area-info ul li.privacy-txt {
		margin-top: 10px;
	}
	.footer-area .footer-area-left .footer-area-info ul li.privacy-txt a {
		font-size: 11px;
		line-height: 1;
	}
	.featured-illustration{
		right: 11%;
		left: unset;
	}

	.main-video-sec .video-sec-inner.vertical-sec{
		min-height: 43.979vh;
	}
	.main-video-sec .video-sec-inner.vertical-sec .vertical-txt h1 {
		font-size: 29px;
	}
	.main-video-sec .video-sec-inner.vertical-sec .vertical-txt p {
		font-size: 13px;
	}
	.storytell-sec .storytell-inner .storytell-left{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.storytell-sec .storytell-inner .storytell-left .storytell-title {
		font-size: 25px;
		line-height: 28px;
		max-width: 100%;
		margin-bottom: 9px;
		text-align: center;
	}
	.storytell-sec .storytell-inner .storytell-left .storytell-para {
		font-size: 13px;
		text-align: center;
		margin-bottom: 10px;
	}
	.storytell-sec .storytell-inner .storytell-right {
		align-items: center;
		justify-content: center;
		gap: 32px;
		margin-top: 15px;
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card {
		width: 100%;
		padding: 40PX 40PX 0 40PX;
		border-radius: 32PX;
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card h4 {
		font-size: 35px;
		margin-bottom: 8px;
		gap: 8px;
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card p {
		font-size: 18px;
		line-height: 25px;
		font-weight: 300;
		margin-bottom: 25px;
		width: 100%;
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card img {
		max-width: 100%;
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card:nth-child(2) {
		transform: translateY(0);
	}
	.storytell-sec .storytell-inner .storytell-right .storytell-card:nth-child(3) {
		transform: translateY(0);
	}
	.storytell-illustration{
		display: none;
	}
	.storytell-illustration-1 {
		width: 6.59vw;
		height: 6.85vw;
	}
	.vertical-prodect-sec .product-sec-area p {
		font-size: 12px;
		margin-bottom: 10px;
		text-align: center;
	}
	.co_creating-sec {
		border-radius: 27px;
		padding: 25px 27px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	.co_creating-sec .txt-area p {
		font-size: 13px;
		line-height: 17px;
		letter-spacing: 0;
		margin-bottom: 11px;
		text-align: center;
	}
	.co_creating-sec .txt-area h4 {
		font-size: 34px;
		line-height: 41px;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.co_creating-sec .swiper {
		max-width: 90vw;
		width: -webkit-fill-available;
		aspect-ratio: 4/3;
		height: 72.917vw;
		margin-bottom: 21px;
	}
	.co_creating-sec .card-swiper-slide{
		border-radius: 12px;
		width: 85.729vw;
		/*height: 28.542vw;*/
	}
	.co_creating-sec .card-swiper-slide.swiper-slide-active{
		width: 90.396vw;
		aspect-ratio: 4/3.4;
		height: auto;
		padding: 10px;
	}
	.co_creating-sec .card-swiper-slide.swiper-slide-prev, 
	.co_creating-sec .card-swiper-slide.swiper-slide-next {
		width: 81.458vw;
		/*height: 24.896vw;*/
	}
	.footer-area .tr-tag {
		top: -19px;
		right: 0;
		width: 60px;
	}
	.footer-area .tr-tag img{
		width: -webkit-fill-available;
	}
	.footer-illustration-1{
		top: 15%;
		right: 0%;
	}
	.co_creating-sec .card-swiper-slide img {
		width: -webkit-fill-available;
		border-radius: 10px;
		margin-bottom: 10px;
	}
	.co_creating-sec .card-swiper-slide h5 {
		font-size: 17px;
		line-height: 1;
		margin-bottom: 7px;
	}
	.co_creating-sec .card-swiper-slide p {
		font-size: 15px;
		line-height: 19px;
		letter-spacing: 0.047vw;
	}
	.dna-sec {
		padding: 65px 0px 25px;
		gap: 22px;
	}
	.dna-illustration {
		width: 80px;
		height: 80px;
		top: 10%;
		left: 69%;
	}
	.dna-sec .dna-cont-area {
		width: 100%;
	}
	.dna-sec .dna-cont-area h1{
		font-size: 45px;
		width: 100%;
		line-height: 1.2;
		letter-spacing: -0.77px;
	}
	.dna-sec .dna-card-area{
		gap: 13px;
	}
	.dna-sec .dna-card-area .dna-card {
		padding: 17px;
		border-radius: 17px;
		gap: 12px;
	}
	.dna-sec .dna-card-area .dna-card h2 {
		gap: 12px;
		font-size: 27px;
		flex-direction: column;
	}
	.dna-sec .dna-card-area .dna-card h2 span {
		font-size: 12px;
	}
	.dna-sec .dna-card-area .dna-card p {
		font-size: 15px;
		line-height: 22px;
		letter-spacing: -0.037px;
	}
	.dna-sec .dna-card-area .dna-card ul li {
		font-size: 14px;
		line-height: 29px;
	}
}


/* Extra small devices (phones, 575px and down) */
@media only screen and (max-width: 575px) {
	
}