@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 3840px){
.hero-section .banner img.pc-2560{ display:none; }
.hero-section .banner img.pc-1920{ display:none; }

}


@media screen and (max-width: 2560px){
.hero-section .banner img.pc-2560{ display:block; }
.hero-section .banner img.pc-1920{ display:none; }
.hero-section .banner img.pc-3840{ display:none; }

}

@media screen and (max-width: 1920px){
.hero-section .banner img.pc-2560{ display:none; }
.hero-section .banner img.pc-1920{ display:block; }
.hero-section .banner img.pc-3840{ display:none; }

}


@media screen and (max-width: 1499px){
	.hero-section .main-img-block{ display: flex; justify-content: center; align-items: center; height: 100%;}
    .bracket-col.image{ right:0; }
    .bracket-col.image.requirter{ right:210px; max-width:226px; top:20px; }
    .bubbles-col.content .bubble{ padding: 20px 26px; font-size:18px; }
   
}

@media screen and (max-width: 1699px){
.note-1{ max-width:700px; }
.client-label{ font-size:20px; }
.question-bubble{ font-size:18px; }
.bubbles-col.content .bubble{ font-size:17px; }

}


@media screen and (max-width: 1399px){
.col-lg-10.new-responsive{ width:90%; }
.note-1{ max-width:700px; }


}

@media screen and (max-width: 1299px){
    main .section-2 .content-block-2 .box [class^="col-"] + [class^="col-"]{ padding-left: 12px;}
    main .section-2 .content-block-2 .box:nth-child(2n) [class^="col-"] + [class^="col-"]{ padding-right: 12px; padding-left: 12px;}
    .col-lg-10.new-responsive{ width:100%; }
    .bracket-col.image.requirter { right:160px; }
}

@media screen and (max-width: 1199px){
.hero-section.new-banner .content-block p{ margin-top:14px; }
.hero-section.new-banner .content-block h1{ font-size:28px; }
.bracket-col.image img{ display:none; }
.bracket-col.image{ position:initial; }
.body-row{ flex-direction:column; }
.body-row .bracket-col.image{ order:1; padding-bottom:14px; }
.body-row .bubbles-col.content{ order:2; }
.body-row .bracket-col.image .bracket-label{ position:initial; }

}

@media screen and (max-width: 991px){
    .hero-section .main-img-block{ margin-top: 50px;}
    .porfolio-section .box .arrow-icon{ width: 50px; height: 50px;}
    main .section-2{ padding-block: clamp(56px, 7.292vw, 140px) clamp(60px, 7.813vw, 150px);}
    .bubbles-col.content .bubble{ width:100%; }

    .hero-section.new-banner{ margin-top:0; padding-top:40px !important; }
    .hero-section.new-banner .mobile-banner{ display:block; }
    .hero-section.new-banner .desc{ position:initial; }
    .hero-section.new-banner .banner{ display:none; }
    header .main-block .logo-wrapper h2{ font-size:25px; }
    .content-block-3 .note-1 h3 span{ display:inline-block; display:initial; }
    .top-row{ flex-direction:column; }
    .question-bubble{ font-size:17px; }
    .question-bubble::after{ width:34px; height:26px; right:-21px; background-size:contain; }

}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
    .footer-2 ul li a{ display: inline-block;}
    .footer-2 ul li a svg{ margin-left: 10px;}
    .body-row .bubble{ width:100%; }
    .text-3{ line-height:1.8; }
    .text-2{ line-height:1.7; }
    main .section-1 .content-block-2 .chips{ padding-bottom:10px; }
    .text-1{ line-height:1.7; }
    .title-1{ padding-bottom:15px; }
    .note-1{ margin-top:20px; margin-bottom:20px; }
}

@media screen and (max-width:575px){
.hero-section.new-banner .content-block h1{ font-size:24px; }
.container{ padding-left:20px; padding-right:20px; }
.note-1 .title-3{ letter-spacing:0.02em; }
.sub-title-1{ padding-top:12px; }
.title-4{ letter-spacing:0.02em; line-height:1.4; }
.list-card{ margin-top:40px; }
.bracket-col.image.requirter .bracket-label{ font-size: 1.6rem; font-style:normal; }
main .section-5 .content-block-1 .title-6{ margin-bottom:12px; }
main .section-5 .content-block-2 .label h5 i{ font-weight:400; }
main .section-5 .content-block-4 .universe{ justify-content:center; }
main .section-5 .content-block-4 .quotes{ text-align:center; }
main .section-5 .content-block-4 h3{ text-align:center; width:max-content; margin:0 auto; }
main .section-5 .content-block-4{ padding-bottom:25px; }
.footer-2 ul li a{ font-size:20px; }

.section-2 .content-block-2 .sub-title-1{ padding-top:20px; }
main .section-3 .content-block-2 .text-3 { margin-block: clamp(20px, 2.083vw, 40px); }
main .section-2 .content-block-2 .box + .box{ padding-bottom:50px; }
.body-row .bracket-col.image .bracket-label{ font-size: 1.6rem; font-style:normal; }
.sub-title-1.mobile{ padding-bottom:10px; }
.hide-for-mobile-img{ display:none; }
.mobile-images-kudo{ display:block; }
.mobile-images-kudo .image{ margin-bottom: 50px;}

.porfolio-section .box .content {
    backdrop-filter: blur(10px);
}



}

@media screen and (max-width:500px){
    .porfolio-section .box .content{ background:linear-gradient( to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100% ); }
    main .section-5 .content-block-2 .label{ flex-direction: column; text-align: center;}
}

@media screen and (max-width:400px){

}

@media screen and (max-width:350px){

}