/* 1921px to 2304px only */
@media only screen 
and (min-width: 1921px)
and (max-width: 2304px) {
.visualizer-tabs-section2 .aiSwiper2Cards {
height: 980px;
}
}

/* 2560px and above */
@media only screen 
and (min-width: 2560px) {
.visualizer-tabs-section2 .aiSwiper2Cards {
height: 810px;
}
}

@media (min-width: 1600px) and (max-width: 1919px) {

.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}

}

/* 
@media  screen and (max-width: 1440px) {
.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}
}
*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
 nav {padding: 33px 40px;}
    .logo img {width: 170px;}
    .ai-event-banner .register-btn {font-size: 22px;}
    .ai-event-banner .event-left h1 {font-size: 53px;}
    .ai-event-banner .event-right {flex: 0 0 45%;}
    .ai-event-banner .event-left {
    flex: 0 0 29%;
}
.common-ttle {font-size: 56px;}
#StackingCards .card .stats-number {font-size: 120px;}
#StackingCards .card .stats-label {font-size: 27px;}
.tech-footer .footer-column h3 {font-size: 39px;}
.tech-footer .footer-column p, .tech-footer .footer-column a {font-size: 16px;}
.tech-footer .footer-brand {font-size: 96px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
nav {padding: 33px 40px;}
.logo img {width: 170px;}
.ai-event-banner .register-btn {font-size: 22px;}
.ai-event-banner .event-left h1 {font-size: 53px;}
.ai-event-banner .event-right {flex: 0 0 45%;}
.ai-event-banner .event-left {
flex: 0 0 29%;
}
.common-ttle {font-size: 56px;}
#StackingCards .card .stats-number {font-size: 120px;}
#StackingCards .card .stats-label {font-size: 27px;}
.tech-footer .footer-column h3 {font-size: 39px;}
.tech-footer .footer-column p, .tech-footer .footer-column a {font-size: 16px;}
.tech-footer .footer-brand {font-size: 96px;}
}


/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

}



/* 4. scale and layout setting at 175% */
@media (resolution: 1.75dppx) {
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.top-navbar .logo img { width: auto; }
.ai-banner .content .btn-groups {gap: 8px;}
.ai-banner .content .btn-groups .btn,.beauty-section .btn {height: 40px;
padding: 0px 15px;
font-size: 13px;}
.top-navbar .enquire-btn {
height: 40px;
padding: 0 20px;
font-size: 14px;
}
.beauty-section h3 {font-size: 23px;}
.common-ttle, .common-ttle2 {font-size: 40px;}
.certainty-section p {font-size: 25px;}

.visualizer-tabs-section .step-left {
max-width: 260px;
}

.visualizer-tabs-section2 .aiSwiper2Cards {padding: 70px 30px;}
.visualizer-tabs-section2 .aiSwiper2Cards h2 {transform: translate(0px, 0px);}
.visualizer-tabs-section2 .aiSwiper2Cards p {opacity: 1;visibility: visible;transform: translate(0px,0px); padding-bottom: 30px; }
.visualizer-tabs-section2 .aiSwiper2Cards {height: auto;}

}


/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)   {

.certainty-section {margin-top: -1px;}
.ai-banner .content h1 {font-size: 37px;
line-height: 1.45; letter-spacing: -1.9px;}
.ai-banner .content h1 br {display: none;}

.visualizer-tabs-section2 .aiSwiper2Cards h2 {transform: translate(0px, 0px);}
.visualizer-tabs-section2 .aiSwiper2Cards p {opacity: 1;visibility: visible;transform: translate(0px,0px); padding-bottom: 30px; }
.visualizer-tabs-section2 .aiSwiper2Cards {height: auto;}
.visualizer-tabs-section2 .swiper {
padding-top: 0px;
}
.common-ttle, .common-ttle2 {font-size: 40px;}

.beauty-section { overflow: hidden; background-color: #fff; }
.beauty-section .container { position: relative; top: 0px;  padding: 40px 10px; }
.beauty-section-img img {
height: 480px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
.beauty-section h3 {font-size: 20px;}
.visualizer-tabs-section2 .swiper-button-next {
    display: block;
} 
}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
nav {
        padding: 0px 0px;
    }
    .logo  { padding-left: 20px; }
.logo img {width: 170px;}
.ai-event-banner .register-btn {font-size: 22px;}
.ai-event-banner .event-left h1 {font-size: 43px;}
.ai-event-banner .event-right {flex: 0 0 45%;}
.ai-event-banner .event-left {
flex: 0 0 29%;
}
.common-ttle {font-size: 56px;}
#StackingCards .card .stats-number {font-size: 120px;}
#StackingCards .card .stats-label {font-size: 22px;}
.tech-footer .footer-column h3 {font-size: 39px;}
.tech-footer .footer-column p, .tech-footer .footer-column a {font-size: 16px;}
.tech-footer .footer-brand {font-size: 96px;}
.btn-register { display: none; }
.ai-event-banner .register-btn {
        font-size: 20px;
        height: 60px;
    }
    #StackingCards {
    background-color: #151414;
    padding: 30px 0px;
}
.common-ttle {
        font-size: 40px;
        margin-bottom: 30px;
    }
    #StackingCards .cards {
    margin-left: 0px;
    margin-top: 20px;
}

#StackingCards .card .stats-row { display: block; }
#StackingCards .card .stats-number {
        font-size: 96px;
        padding-bottom: 0px;
    }
    #StackingCards .card { height: auto; }
    .leaders-section {
        padding: 30px 0;
    }
    #keythemes {padding: 60px 0px;}
    #keythemes #cards,#keythemes .card-content { display: block;
        margin: 0px;
        padding: 0px; }
    #keythemes .card { position: relative; }
    #keythemes h2 {font-size: 24px;}
    .leaders-swiper-section .category-card .card-content h3 {
        font-size: 26px;
    }
    .leaders-swiper-section .category-card {
        height: 350px;
        padding: 28px;
    }
    .arc-swiper-section .arc-navigation {top: 6%;}
    .arc-swiper-section .top-dot {top: 65px;}
    .tech-footer .footer-brand {
        font-size: 27px;
    }
    .menu-overlay {padding: 0px;}
    .menu-socials {justify-content: center;}
    
}


/* iPad Pro 12.9" - Portrait */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}
}

/* iPad Pro 12.9" - Landscape */
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
/* Your CSS styles for 12.9" Landscape go here */
}



/* iPad Air Portrait (820 × 1180) */
@media only screen 
and (min-width: 820px) 
and (max-width: 834px)
and (min-height: 1180px) {

.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}

}

/* iPad Air Landscape (1180 × 820) */
@media only screen 
and (min-width: 1180px) 
and (max-width: 1194px)
and (max-height: 834px) {

.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}

}