/* Responsive Media Queries */

/*  Resolutions above 1200px  */
@media (min-width: 1200px) {

}

/*  Resolutions above 1400px  */
@media (min-width: 1400px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1132px;}

.header-wrapper {width: 1132px;margin: 0px auto;position: relative;}

.banner_info_text{width: 658px;position: absolute;left: 50%;transform: translateX(-50%);top: 196px;}

}

/*  Resolutions above 992px  */
@media (min-width: 992px) {

.navbar-header ul{position: absolute;left: 50%;transform: translateX(-50%);display: flex;gap: 22px;align-items: center;}

.navbar-header ul li{margin-right: 0px;}

.get-started-btn{position: absolute;right: 30px;top: 18px;}

}

/*  Resolutions below 1370px  */
@media (max-width: 1370px) {

.header-wrapper {padding: 10px 30px;width: 1140px;margin: 0px auto;position: relative;}

.navbar-header ul{gap: 16px;margin: 0px 16px;}

.info_cards h3{font-size: 27px;line-height: 29px;}

}

/*  Resolutions below 1200px  */
@media (min-width: 992px) and (max-width: 1199px) {

.header-wrapper{padding: 10px 30px;}

.navbar-header ul{padding: 0px 12px;gap: 12px;}

.navbar-header .nav-link{font-size: 14px;}

.navbar-header{padding-left: 20px;padding-right: 20px;}

.studio-focus-cards .cards-content h4{font-size: 18px;}

.studio-focus-cards .cards-content p{font-size: 14px;}

.about-card-text p{font-size: 15px;}

.about-card-content img{width: 100%;}

.brand-partners ul li.coke img,.brand-partners ul li.pepsi img{width: 77px;}

.brand-partners ul li.boa img{width: 78px;}

.brand-partners ul li.cyient img{width: 86px;}

.brand-partners ul li.modeln img{width: 80px;}

.brand-partners ul li.tcs img{width: 92px;}

.brand-partners ul li.microsoft img{width: 94px;}

.brand-partners ul li.more img{width: 91px;margin-left: 10px;}
    
}

/*  Resolutions below 991px  */
@media (max-width: 991px) {

.header-wrapper{padding: 0px;width: 100%;border-radius: 30px;}

.navbar-header.fixed{background: url(../svg/hero-bg-mobile.svg) no-repeat;background-position: top center;
    padding: 14px 20px;}

.header-wrapper .navbar-brand{padding-left: 24px;}

.navbar-brand span{font-size: 22px;line-height: 20px;}

.navbar-brand img{width: 37px;}

.navbar-collapse {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;background: #000;
    padding: 0px;transform: translateX(100%);transition: transform 0.3s ease-in-out;z-index: 1050;}

.navbar-collapse.show {transform: translateX(0);}

.navbar-collapse.collapsing {height: 100%;transition: transform 0.3s ease-in-out;transform: translateX(100%);}

.navbar-collapse.collapsing.show {transform: translateX(0);}

.menu-backdrop.show {display: block;}

/* .menu-logo{display: block;background: linear-gradient(89.93deg, rgba(0, 0, 0, 0.78) 11.63%, rgba(0, 0, 0, 0.468) 54.94%, rgba(0, 0, 0, 0.624) 99.94%);
    padding: 12px 24px;border: 1px solid #FFFFFF29;width: calc(100% - 40px);margin-left: 20px;margin-top: 20px;
    border-radius: 30px;} */

.menu-logo{display: block;background: none;padding: 12px 24px;border: none;width: calc(100% - 40px);margin-left: 20px;margin-top: 20px;
    border-radius: 30px;position: relative;z-index: 1;}

.menu-logo::before{content: "";position: absolute;inset: 0;border-radius: 394px;padding: 1px; 
  background: linear-gradient(25.47deg, rgba(255, 255, 255, 0) 49.08%, rgba(255, 255, 255, 0.6) 72.22%, rgba(161, 161, 161, 0) 98.83%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;backdrop-filter: blur(31.578948974609375px);}

.menu-logo::after{content: "";position: absolute;inset: 1px; border-radius: 393px;
  background: linear-gradient(89.93deg, rgba(0, 0, 0, 0.78) 11.63%, rgba(0, 0, 0, 0.468) 54.94%, rgba(0, 0, 0, 0.624) 99.94%);
  z-index: -2;}

.menu-logo a span{font-family: var(--font-aeonik-promedium);font-size: 22px;
    color: var(--base-white);margin-left: 5px;}

.header-wrapper .navbar-toggler{margin-right: 24px;border: none;padding: 0px;width: 24px;height: 24px;}

.header-wrapper .navbar-toggler:focus{box-shadow: none;}

.navbar-header{height: auto;padding: 16px 0px;position: relative;}

.navbar-header ul{height: auto;padding: 0px 32px;gap: 0px;margin-left: 0px;margin-right: 0px;margin-top: 28px;}

.navbar-header ul li{margin-right: 0px;}

.navbar-collapse.show .menu_active_line{width: 100%;height: 4px;background: var(--blue-dark);position: absolute;
    left: 0px;bottom: -18px;}

.navbar-header .navbar-nav a{padding: 16px 10px;font-size: 20px;width: 100%;border-bottom: 1px solid #FFFFFF29;}

.navbar-header .navbar-nav a.active{border-bottom: 1px solid #FFFFFF29;}

.navbar-header .btn-primary.header-contact{display: none;}

/* .header-wrapper .get-started-btn{display: none!important;} */

.navbar-header .btn-primary{display: flex;position: relative;right: 0px;bottom: 0px;width: 100%;margin: 20px 32px;
    padding: 8px 20px;align-items: center;justify-content: center;}

.navbar-header .btn-primary img{width: 24px;}

.navbar .navbar-toggler.collapsed .navbar-toggler-icon{background: url(../svg/menu-open.svg) no-repeat;width: 24px;height: 24px;}

.navbar .navbar-toggler .navbar-toggler-icon{background: url(../svg/menu-open.svg) no-repeat;width: 24px;height: 24px;}

.banner-wrapper .container{padding: 0px;}

.banner_info{padding-top: 0px;position: absolute;left: 50%;transform: translateX(-50%);top: 110px;}

.banner_info_text ul{padding: 3px 13px;}

.banner_info_text ul li{font-size: 13px;}

.banner_info_text ul li.active{display: none;}

.banner_info_text h1{font-size: 50px;margin-top: 20px;}

.banner_info_text h2{font-size: 72px;}

.banner_info_text h1 span{top:-3px}

.banner_info_text h1 span::after{width: 80px;height:6px;bottom: 0px;background: url(../svg/art-line-mobile-bg.svg);}

.banner_info_text p{font-size: 16px;}

.banner_info_text .btns_wrap{margin-top: 32px;flex-direction: column;align-items: center;}

.work-btn{font-size: 16px;width: 163px;padding: 7px 24px;}

.explore-btn{font-size: 16px;width: 220px;padding: 7px 24px;}

.studio-focus-section{margin-top: -110px;padding: 0px 20px;}

.studio-focus-section .container{padding-bottom: 12px;}

.studio-focus-text h3{font-size: 28px;line-height: 28px;}

.studio-focus-text p{font-size: 18px;margin-bottom: 24px!important;}

.studio-focus-cards .cards-container{gap: 28px;margin-bottom: 20px;backdrop-filter: none;}

.studio-focus-cards .cards-content h4{font-size: 18px;}

.studio-focus-cards .cards-content p{font-size: 15px;}

.about-section{padding-top: 90px;}

.about-section .container{padding: 0px 20px;}

.about-heading h6{font-size: 13px;margin-bottom: 8px;padding: 3px 13px;}

.about-heading h2{font-size: 36px;}

.about-card-content{padding: 20px;margin-bottom: 30px;}

.about-card-text{padding: 32px 24px 20px 24px;}

.about-card-text h3{font-size: 24px;line-height: 28px;margin-bottom: 20px;}

.about-card-text p{font-size: 16px;}

.about-card-content img{width: 100%;}

.philosophy-section{padding-top: 80px;}

.philosophy-section .container{padding: 0px 20px 20px 20px;}

.philosophy-info-row{margin-bottom: 50px;}

.philosophy-heading h6{font-size: 13px;margin-bottom: 8px;padding: 3px 13px;}

.philosophy-heading h2{font-size: 36px;}

.philosophy-content h4{font-size: 24px;line-height: 24px;margin-bottom: 24px;}

.philosophy-content{padding-right: 0px;padding-bottom: 30px;}

.philosophy-content p{font-size: 16px;}

.philosophy-left-section{padding-right: 12px;}

.philosophy-info-mobile .philosophy-left-section{display: flex;order:2;}

.philosophy-info-mobile .philosophy-right-section{display: flex;order: 1;}

.ipstrategy-cards{flex-wrap: nowrap;overflow: auto;margin: 0px -24px;scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;scrollbar-width: none;}

.ipstrategy-cards::-webkit-scrollbar {display: none;}

.ipstrategy-card-container:first-child{padding-left: 24px;}

.ipstrategy-card-container:last-child{padding-right: 24px;}

.ipstrategy-section{padding-top: 52px;padding-bottom: 52px;}

.ipstrategy-section .container{padding: 0px 20px;position: relative;z-index: 1;}

.ipstrategy-heading h6{font-size: 13px;margin-bottom: 8px;padding: 3px 13px;}

.ipstrategy-heading h2{font-size: 36px;}

.ipstrategy-card-container{width: 270px;padding: 0px 10px;}

.ipstrategy-ellipse{display: none;}

.icon-wrap img{width: 72px;}

.ipstrategy-card h5{font-size: 20px;margin-bottom: 22px;}

.ipstrategy-card p{font-size: 15px;}

.ipstrategy-section::after{width: 100%;height: 100%;content: '';position: absolute;left: 0px;top:0px;
background: url(../svg/ip-strategy-ellipse-mobile.svg) no-repeat;}

.team-section{padding: 70px 0px 0px 0px;}

.team-section .container{padding: 0px 20px;}

.team-heading{text-align: center;}

.team-heading h6{font-size: 13px;margin-bottom: 8px;padding: 3px 13px;}

.team-heading h2{font-size: 36px;}

.team-content h3{font-size: 24px;line-height: 24px;margin-bottom: 16px;}

.team-content p{font-size: 16px;}

.team-content ul{margin-bottom: 28px;}

.team-content ul li{font-size: 15px;}

.brands-container{padding: 20px;}

.brands-content{padding: 24px 24px 8px 24px;}

.brands-content h4{font-size: 20px;}

.brands-content p{font-size: 15px;margin-bottom: 16px;}

.brand-text ul li{margin-bottom: 12px;}

.brand-text ul li h6{font-size: 15px;}

.brand-text ul li p{font-size: 15px;}

.brand-partners ul li.coke img,.brand-partners ul li.pepsi img{width: 77px;}

.brand-partners ul li.boa img{width: 78px;}

.brand-partners ul li.cyient img{width: 86px;}

.brand-partners ul li.modeln img{width: 80px;}

.brand-partners ul li.tcs img{width: 92px;}

.brand-partners ul li.microsoft img{width: 94px;}

.brand-partners ul li.more img{width: 91px;margin-left: 10px;}

.contact-section{padding: 90px 20px 50px 20px;}

.contact-section .container{background: url(../img/contact-bg-mobile.png) no-repeat;height: 730px;padding: 0px 32px;
border-radius: 32px;}

.contact-container{margin: 270px 0px 0px 0px;max-width: 100%;padding: 20px;}

.contact-content{padding: 32px 24px;}

.contact-content h6{font-size: 13px;}

.contact-content h3{font-size: 36px;line-height: 40px;margin-bottom: 16px;}

.contact-content h4{font-size: 20px;margin-bottom: 12px;}

.contact-content p{font-size: 16px;margin-bottom: 14px;}

.email-block{margin-bottom: 16px;}

.footer-section{padding: 40px 20px;}

.footer-section .container{padding: 0px;}

.footer-logo{text-align: center;margin-bottom: 52px;}

.footer-top-row{margin-bottom: 14px;}

.footer-text-col{width: 50%;margin-bottom: 36px;}

.footer-text-col::before{height: 100px;}

.footer-text p{font-size: 15px;}

.footer-top-row .col-lg-10{padding: 0px 24px;}

.footer-section .footer-bottom-row .container{padding: 20px;}

.footer-bottom-row{margin: 0px;}

.footer-copyrights{display: block;text-align: center;margin-bottom: 36px;}    

.copyrights-text{width: 100%;display: block;margin-bottom: 12px;}

.footer-copyrights span, .footer-copyrights a{font-size: 15px;}

.copyrights-ellipse{display: none;}

.footer-links{justify-content: center;}


}

/*  Resolutions below 990px  */
@media (min-width: 768px) and (max-width: 990px) {

.navbar-header{padding: 16px 20px;}

.navbar-header.fixed{background-size: cover;}

.navbar-header .get-started .btn-primary{position: absolute;right: 70px;top: 4px;}

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

.hero-section{height: 667px;}

.studio-focus-cards .col-lg-6{width: 50%;}

.about-section .col-lg-6{width: 50%;}

.about-card-text p {font-size: 12px;}

.philosophy-left-section{width: 50%;}

.philosophy-right-section{width: 50%;}

.team-section .col-lg-6{width: 50%;}

.team-heading{text-align: left;}

.brand-partners ul li{width: 48.5%;}

.contact-section .container{background: url(../img/contact-bg.png) no-repeat;height: 635px;background-size: cover;
background-position: top center;}

.contact-container{margin: 230px 0px 0px 0px;}

}

@media only screen 
  and (max-width: 900px) 
  and (orientation: landscape) {

.navbar-header{padding: 16px 20px;}

.navbar-header.fixed{background-size: cover;}

.navbar-header .get-started .btn-primary{position: absolute;right: 70px;top: 4px;}

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

.hero-section{height: 667px;}

.studio-focus-cards .col-lg-6{width: 50%;}

.studio-focus-cards .cards-container{gap: 16px;padding: 24px;}

.about-section .col-lg-6{width: 50%;}

.about-card-text p {font-size: 12px;}

.philosophy-left-section{width: 50%;}

.philosophy-right-section{width: 50%;}

.team-section .col-lg-6{width: 50%;}

.team-heading{text-align: left;}

.brand-partners ul li{width: 48.5%;}

.contact-section .container{background: url(../img/contact-bg.png) no-repeat;height: 635px;background-size: cover;
background-position: top center;}

.contact-container{margin: 230px 0px 0px 0px;}

  
}


/*  Resolutions below 767px  */
@media (max-width: 767px) {


}

/*  Resolutions below 600px  */
@media (max-width: 600px) {


}

/*  Resolutions below 430px  */
@media (max-width: 430px) {

.hero-section{background: url(../svg/hero-bg-mobile.svg) no-repeat;height: 697px;padding: 0px 20px;background-size: cover;
    background-position: center center;}
        
}

/*  Resolutions below 420px  */
@media (max-width: 420px) {
    
.brand-partners ul li{width: 48.5%;}

.brand-partners ul li.more span{margin-left: 0px;}
            
}

/*  Resolutions below 400px  */
@media (max-width: 400px) {

.brand-partners ul li{width: 48.5%;}

.brand-partners ul li.more span{margin-left: 0px;}
            
}

/*  Resolutions below 380px  */
@media (max-width: 380px) {

.studio-focus-text{padding-right: 0px;}

.studio-focus-text p{font-size: 16px;}

.studio-focus-cards .cards-container{gap: 20px;}

.studio-focus-cards .cards-content h4{font-size: 17px;}

.studio-focus-cards .cards-content p{font-size: 14px;}
    
}

/*  Resolutions below 360px  */
@media (max-width: 360px) {

.banner_info_text h1 span {top: -1px;}

.studio-focus-cards .cards-container{gap: 24px;}

.studio-focus-cards .cards-content h4{font-size: 15px;}

.studio-focus-cards .cards-content p {font-size: 12px;}

.contact-content{padding: 32px 20px;}

.email-block a{font-size: 15px;line-height: 15px;}

.about-heading h2{font-size: 34px;}

.philosophy-heading h2 {font-size: 34px;}

.ipstrategy-heading h2 {font-size: 34px;}

.team-heading h2 {font-size: 34px;}

.contact-content p{font-size: 13px;}

.footer-text p {font-size: 14px;}


}

/*  Resolutions below 350px  */
@media (max-width: 350px) {

.banner_info_text h2{font-size: 62px;}

.studio-focus-text p{font-size: 15px;}

.studio-focus-cards .cards-container{gap: 20px;}

.studio-focus-cards .cards-content h4{font-size: 14px;}

.studio-focus-cards .cards-content p{font-size: 11px;}

.about-heading h2{font-size: 32px;}

.philosophy-heading h2{font-size: 32px;}

.ipstrategy-heading h2{font-size: 32px;}

.about-card-text p{font-size: 13px;}

.team-content{padding-right: 0px;}

.team-content p{font-size: 15px;}

.team-content ul li{font-size: 14px;}

.brands-content p{font-size: 14px;}

.contact-container{margin: 290px 0px 0px 0px;}

.contact-content p{font-size: 12px;}

.email-block a{font-size: 13px;line-height: 13px;}

.footer-text p {font-size: 13px;}

}

/*  Resolutions below 320px  */
@media (max-width: 320px) {

    
}