/* ======================== Responsive css Structure ======================== */


/* ------1699 css start------ */
@media (max-width:1699px){

}

@media (min-width:1750px){
    .create-brands-wrp { margin: 0 auto; }
    .why-oas-wrp {justify-content: center;}
}


/* ------1599 css start------ */
@media (max-width:1599px){
    /* home-banner css start */
    .home-banner-video-title * {font-size: 80px;}
    .home-banner-video-title { top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
    /* home-banner css end */

    /* create-brands-css start */
    .create-brands-wrp {padding: 102px 0 40px; max-width: 1200px; }
    .create-brands-main-content { padding: 0 70px; }
    .create-brands-block .block-title {font-size: 34px;}
    .create-brands-block .block-title {max-width: 216px;}
    .create-brands-block .block-content {margin-left: 60px; }
    .brand-gif * { width: 80px; height: 80px;} 
    .create-brands-left .create-brands-block {padding-top: 36px;}
    .create-brands-right {max-width: 408px; margin: 0 auto 0 60px;}
    .create-brand-slide-top-content .title * {font-size: 40px;}
    .create-brand-slide-top-content .detail {font-size: 17px;}
    .createbrandsSwiper {padding-bottom: 54px;}
    /* create-brands-css end */

    /* why-oas css start */
    .aos-benefits-main {margin-left: 55px;}
    /* why-oas css end */

    /* bts css start */
    .bts-right .svg-container .title *{font-size: 24px;}
    .bts-right .svg-container .end {right: -80px;}
    .bts-right .svg-container .start { top: 45px; left: -90px; }
    .bts-right .bts-right-title * {font-size: 20px;}
    /* bts css end */
}

/* ------1499px css start------ */
@media (max-width:1499px){
    .sub-title { font-size: 45px; }

    /* header css start */
    .navbar-brand {max-width: 233px;}
    .nav-link {font-size: 17px;}
    .navbar-expand-lg { padding: 20px 0 20px 0; }
    .header.h-stick .navbar-expand-lg { padding: 15px 0; }
    /* header css end */

    /* banner css start */
    .home-banner { padding: 30px 0 149px 0; }
    .banner-top-right * {font-size: 20px;}
    .banner-top-right .title-img { width: 70px; height: 70px; top: -60px; right: -35px;}
    .home-banner-wrp .banner-main-content {max-width: 775px;}
    .banner-main-content .detail * {font-size: 16px;}
    .banner-btn-container {margin-top: 25px;}
    .banner-video { max-width: 1154px; height: 457px; margin: 40px auto 0; }
    .home-banner-video-title * { font-size: 64px; }
    .home-banner-video-title {left: 100px;}
    .banner-top-left .main-title {font-size: 46px;}
    /* banner css end */

    .banner-video {margin-top: 20px;}
    .home-banner-wrp {max-width: 1046px;}
    .banner-video {height: 394px;}
    .video-play-btn { width: 184px; height: 184px;}

    /* create-brands-css start */
    .create-brands-wrp{max-width: 1100px;}
    .brand-gif * {top: 15px; right: 13px;}
    .create-brands-block .block-content { margin-left: 30px; }
    .create-brands-block .block-content ul li {font-size: 13px; margin-bottom: 6px;}
    .create-brands-block .block-content ul li span {font-size: 17px;}
    .create-brands-block .block-content ul {padding-left: 20px;}
    /* create-brands-css end */

    /* WHY-OAS CSS START */
    .why-oas {padding: 149px 0 132px 0;}
    .why-oas-left-block .section-title {font-size: 48px;}
    .why-aos-block-content .detail * {font-size: 18px;}
    .why-oas-left-block {max-width: 600px;}
    .why-aos-block-content .block-title {font-size: 34px;}
    .why-oas-wrp .why-aos-left-main {max-width: 740px;}
    .why-oas-slide-top {padding: 2px;}
    .why-aos-bottom-content * {font-size: 18px;}
    .aos-benefits-main {max-width: 474px; padding: 0 10px 0 0;}
    .aos-benefit-top-block .section-title {max-width: 244px;}
    .aos-benefit-top-block .section-title *{ margin-bottom: 8px; }
    .benefits-aos-block-content ul li {font-size: 23px;}
    .benefits-aos-block-content ul::before {width: 94px; height: 94px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title ul li {font-size: 23px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title ul::before { top: 0px; right: -20px; width: 60px; height: 50px;}
    .why-oas-slide-top .circle {width: 30px; height: 30px;}
    .why-oas-slide .slide-img {margin-top: 5px;}
    .why-aos-bottom-content { margin: 60px 0 0 85px; }
    /* WHY-OAS CSS END */

    /* bts-css start */
    .bts-section {padding: 163px 0 118px;}
    .bts-left {max-width: 300px;}
    .bts-left .section-title {font-size: 40px;}
    .bts-left .detail {font-size: 17px; max-width: 270px;}
    .bts-left::before {width: 100px;height: 100px;}
    .bts-block { padding: 18px 16px 25px;}
    .bts-block span {font-size: 12px; margin-bottom: 26px;}
    .bts-block .block-title * {font-size: 20px;}
    .bts-block .block-detail * {font-size: 17px;}
    .bts-wrp {justify-content: center;}
    .bts-right {margin-left: 100px; max-width: 727px;}
    .bts-right .bts-block-container::before { top: 60px; left: -50px; width: 890px; height: 480px;} 
    .bts-right .svg-container .start { top: 30px; left: -70px; }
    /* bts-css end */

    /* target-beat css start */
    .target-wrp { max-width: 1150px; }
    .target-slide .slide-img {height: 490px;}
    .target-slide-main-block {left: 45px;padding: 62px 28px;}
    .target-slide-main-block ul li {font-size: 12px;}
    .target-slider .target-beats-swiper .detail {margin: 25px auto 25px;}
    .target-slider .custom-pagination span { font-size: 17px; }
    .target-slider .custom-pagination {padding-top: 25px;}
    .target-slider .target-beats-swiper .detail * {font-size: 17px;}
    .target-slider .target-beats-swiper .detail {max-width: 790px;}
    .target-wrp .section-title * { font-size: 40px; }
    .target-slider { margin-top: 35px; }
    /* target-beat css end */

    /* partener css start */
    .partener {padding: 152px 0 132px 0;}
    .partener-top-content .section-title  {font-size: 60px;}
    .partener-top-content .section-title * { margin-bottom: 30px;}
    .partener-top-content .detail {font-size: 19px;}
    .partener-top-content {max-width: 990px;}
    .partener-block {padding: 62px 28px 62px 37px;}
    .partener-block .block-top-content .block-title * {margin-bottom: 10px;}
    .partener-block .block-top-content .sub-title {margin-bottom: 26px;}
    .partener-block .block-top-content .btn {font-size: 19px;}
    .partener-bottom-content .small-title * {font-size: 19px;}
    .partener-bottom-content {margin-top: 53px;}
    /* partener css end */

    /* individual-hires-css start */
    .individual-hires {padding:140px 0 122px;}
    .individual-hires-wrp {max-width: 892px;}
    .individual-hires-wrp .section-title {font-size: 54px; line-height: 80%;}
    .individual-hires-wrp .section-title * {margin-bottom: 27px;}
    .individual-hires-top-content .detail {font-size: 17px;}
    .individual-hires-wrp .detail * a {line-height: normal;}
    .individual-bottom-content ul li .hire-link {font-size: 17px; padding: 8px 34px;}
    .individual-bottom-content ul li .hire-link .link-arrow {width: 36px; height: 36px; min-width: 36px; padding: 8px;}
    .individual-right-img{height: 500px;}
    /* individual-hires-css end */

    /* influencer css start */
    .influencers {padding: 173px 0 159px 0;}
    .influencers-wrp {max-width: 1224px;}
    .influencers-wrp .influencers-top { width: 100%; max-width: 970px; margin: 0 20px 0 auto;}
    .influencers-top .influencers-left-img {max-width: 98px;}
    .influencers-top .influencers-top-content { width: 100%; max-width: 490px; margin: 20px 90px 0 40px; }
    .influencers-top-content .section-title {font-size: 34px;}
    .influencers-top-content .detail {max-width: 480px;}
    .influencers-top-content .detail * {font-size: 15px; margin-bottom: 20px;}
    .influencers-top .influencers-right-img { width: 100%; max-width: 254px;}
    .influencer-strategy-content .strategy-title * {font-size: 17px;}
    .influencer-strategy-content .strategy-title * {margin-right: 20px;}
    .influencers-strategy-block {padding: 12px 32px;}
    .influencer-brand-engage-block .strategy-title *{font-size: 14px;}
    .influencer-brand-engage-block .icon { min-width: 35px; width: 35px; height: 40px; margin-right: 15px; }
    .influencer-brand-engage-block  {padding: 0 27px; max-width: 376px;}
    .influencers-collab-block .collab-title * { font-size: 81px;}
    .influencers-collab-block .collab-title span {font-size: 81px;}
    .influencers-collab-block .title-influencers-img * {font-size: 60px; width: 60px; height: 60px;}
    .influencers-collab-block .switch-icon {width: 114px;}
    .influencers-collab-block .brand-deserve-img {max-width: 618px;}
    .influencers-collab-block .collab-right-content * { font-size: 20px;}
    .influencers-collab-block {padding: 0 42px;}
    .influencers-collab-block .collab-img1 {max-width: 66px;}
    .influencers-collab-block .collab-img2 {max-width: 81px;}
    .influencers-bottom::before { top: -170px; left: -91px; width: 282px; height: 383px;}
    /* influencer css end */

    /* think-about css start */
    .think-about .section-title { font-size: 40px;}
    /* think-about css end */

    /* help css start */
    .help-wrp .section-title {font-size: 40px;}
    /* help css end */

    /* contact css start */
    .contact { padding: 156px 0 171px; } 
	.contact .contact-container { max-width: 1099px; } 
	.contact .section-title { margin-bottom: 63px; } 
	.contact .section-title * { font-size: 54px; line-height: 100%; } 
	.contact .form-group { gap: 51px; row-gap: 40px; } 
    .contact .form-group .form-item p {margin-bottom: 0px;}
	.contact .form-group .form-item { flex: 0 0 calc(50% - 26px); } 
	.contact .form-group .form-item .form-label { font-size: 20px; line-height: 15px; } 
	.contact .form-group .form-item .form-control { font-size: 16px; line-height: 15px; padding: 23px 0; } 
	.contact .form-group .form-item .form-control::placeholder { font-size: 16px; line-height: 15px; } 
	.contact .form-group .form-item .message * { font-size: 16px; line-height: 15px; margin-bottom: 28px; } 
	.contact .action { margin-top: 34px; } 
	.contact .action a { font-size: 24px; padding: 12px;}
	.form-check { gap: 13px; }
	.check-group .form-check .wpcf7-list-item-label {font-size: 16px;}
    .check-group .form-check input[type="checkbox"] { width: 48px; min-width: 48px; height: 27px;}
    .check-group .form-check input[type="checkbox"]::before {width: 21px;height: 21px;}
    .check-group .form-check input[type="checkbox"]:checked::before { transform:translateX(22px) ; -webkit-transform:translateX(22px) ; -moz-transform:translateX(22px) ; -ms-transform:translateX(22px) ; -o-transform:translateX(22px) ; }
	.check-group .form-check { margin-bottom: 15px; }
    .contact .action .wpcf7-submit {font-size: 24px;}
    /* contact css end */

    .target-slide .slide-img { height: 530px; }
    .partener-bottom-content {margin-top: 26px;}
    .partener-bottom-content ul li {font-size: 13px;}
    .partener-bottom-content ul li::before {width: 21px; height: 21px;}
    .contact .section-title {margin-bottom: 35px;}
}

@media (min-width:1400px){
    .container { max-width: 1590px; }
}

/* ------1399px css start------ */
@media (max-width:1399px){
    .main-title {font-size: 48px;}
    .section-title {font-size: 40px;}
    .block-title {font-size: 38px;}
    .sub-title {font-size: 45px;}
    .btn {font-size: 18px;}


    /* create-brands css start  */
    .create-brands {margin: 135px 45px 115px;}
    .create-brands-left {max-width: 606px;}
    .brand-gif * {top: 0;right: 0;}
    /* create-brands css end */

    /* faq-css start */
    .faq-section {padding: 114px 0 78px;}
    .faq-wrp {max-width: 1224px; padding: 30px 27px 37px; }
    .faq-wrp .section-title {font-size: 54px;}
    .faq-wrp .section-title *{margin-bottom: 14px;}
    .accordion-button{font-size: 17px;}
    .accordion-body {font-size: 13px; padding-top: 10px;}
    .accordion-item {padding: 13px 0; margin-top: 13px;}
    .faq-btn-container {margin-top: 34px;}
    .faq-btn-container .btn-link {font-size: 14px;}
    .faq-btn-container .btn-white {padding: 8px 17px 8px 20px; font-size: 12px; gap: 8px;}
    .faq-btn-container .btn-white .arrow { width: 8px; height: 8px;padding: 0;}
    /* faq-css end */

    /* slots css start */
    .slots-section {padding: 118px 0 114px 0;}
    .slots-main-content {padding: 0 70px;}
    .slots-wrp { padding-top: 66px; max-width: 1143px   ; }
    .slots-left-content .detail * {font-size: 17px;}
    .slots-left-content .detail * strong {font-size: 20px;}
    .slots-left-content { max-width: 408px; }
    .slots-right-content .number {font-size: 108px;}
    .slots-right-content .section-title {font-size: 40px;}
    .slots-right-content .section-title *{margin-bottom: 10px;}
    .slots-right-content .slot-btn .btn {padding: 8px;}
    .slots-right-content .note {font-size: 12px;}
    /* slots css end */

    /* about-banner css start */
    .about-banner-content .main-title {font-size: 54px;}
    .about-banner-content .detail {max-width: 764px;}
    /* about-banner css end */

    /* chos-solutions css start */
    .chos-solutions { padding: 60px 0 70px 0; }
    .chos-solutions-wrp .block-title * span {font-size: 54px;}
    .solutions-block .detail::before { top: -30px; left: -120px; width: 100px; height: 70px;}
    .chos-block .block-title::before {width: 48px; height: 48px;}
    .solutions-block .block-title::before { top: -20px; right: -40px; width: 48px; height: 48px;}
    /* chos-solutions css end */

    /* think-about css start */
    .think-about-list-item ul li {font-size: 20px;}
    .think-about .section-title {font-size: 38px;}
    /* think-about css end */

    /* help css start */
    .help-section .section-title {font-size: 38px;}
    .help-block .block-title * {font-size: 20px;}
    /* help css end */

    /* ==================== [ Footer Start ] ==================== */
	.footer-btn { font-size: 20px; line-height: 15px; letter-spacing: 0.075px; padding: 7px 18px; }
	.footer-btn:hover { background-color: var(--white); color: var(--blue); }
	.footer { padding: 84px 0 223px; } 
	.footer .footer-container { max-width: 906px; gap: 10px; } 
	.footer .footer-container .brand-details { max-width: 425px; } 
	.footer .footer-container .brand-details .footer-logo { max-width: 270px; margin-bottom: 36px; } 
	.footer .footer-container .brand-details .contact { margin-bottom: 51px; } 
	.footer .footer-container .brand-details .contact ul a { gap: 14px; font-size: 20px; } 
	.footer .footer-container .brand-details .contact ul li { margin-bottom: 13px; } 
	.footer .footer-container .brand-details .social .bracket { font-size: 51px; letter-spacing: -0.17px; } 
	.footer .footer-container .brand-details .social .social-title * { font-size: 18px; line-height: 19px; letter-spacing: 0.41px; } 
	.footer .footer-container .brand-details .social ul a * { max-width: 32px; max-height: 32px; } 
	.footer .footer-container .brand-details .contact ul a img { width: 22px; } 
	.footer .footer-container .brand-address .location { gap: 8px; margin-bottom: 54px; } 
	.footer .footer-container .brand-address .location .address * { font-size: 18px; max-width: 342px; } 
	.footer .footer-container .brand-address .appointment { max-width: 333px; margin-left: 22px; margin-bottom: 55px; } 
	.footer .footer-container .brand-address .appointment * { font-size: 15px; } 
	.footer .footer-container .join-team { padding: 6px 8px; border-radius: 12px; max-width: 224px; margin-left: 22px; } 
	.footer .footer-container .join-team .title * { letter-spacing: -0.153px; margin-bottom: 15px; }
	/* ==================== [ Footer End ] ==================== */

    /* modalpopup css start */
    .modal-title {font-size: 35px;}
    .modal-detail {font-size: 15px;}
    .modal-italic-detail {font-size: 15px;}

    /* start-project model css start */
    .start-project-modal .modal-img-block {left: 30px;}
    .modal-form .placeholder {top: 13px;}
    .start-project-modal .modal-dialog { padding: 34px 41px 24px 44px; }
    .modal-content .form-item {padding: 12px 18px;}
    .modal-form .placeholder {left: 18px;}
    .start-project-modal .modal-dialog .modal-left {margin-right: 15px;}
    .modal-dialog {min-height: fit-content; padding: 100px 40px 20px 35px; }
    /* start-project model css end */

    /* multioptions modal css */
    .multioptions-modal .modal-dialog { padding: 40px 40px 20px 35px; }
    /* multioptions modal css */

    /* connect modal css  */
    .connect-modal .modal-dialog { padding: 45px 35px 20px 40px; }
    /* connect modal css  */

    /* modalpopup css end */
}

@media (max-width:1299px){
    /* create-brands css start  */
    .create-brands-wrp {max-width: 908px;}
    .create-brands-right {max-width: 348px;}
    .create-brand-slide-top-content {padding: 17px 4px;}
    .brand-gif * { top: 10px; right: -40px; }
    .create-brands-block .block-title {max-width: 206px;}
    /* create-brands css end */

    /* why-oas css start  */
    .why-oas-wrp .why-aos-left-main {max-width: 640px; }
    .why-oas-left-block { margin: 0 0 52px 47px; } 
    /* why-oas css end */

    /* bts css start */
    .bts-wrp { justify-content: flex-start; }
    .bts-right {margin-left: 40px;}
    /* bts css end */

    /* influencers css start */
    .influencers-collab-block .collab-title * {font-size: 70px;}
    .influencers-collab-block .collab-title span { font-size: 70px; }
    .influencers-wrp .influencers-top { max-width: 890px; margin: 0 20px 0 auto; }
    .influencers-top .influencers-top-content {margin: 20px 30px 0 40px; }
    .influencers-collab-block .brand-deserve-img {max-width: 568px;}
    /* influencers css end */

    /* think-about css start */
    .think-about-list-item ul li {font-size: 21px;}
    /* think-about css end */

}

@media (min-width:1300px) and (max-width:1399px) {
    .container {max-width: 1272px;}
}

/* ------1199px css start------ */
@media (max-width:1199px){
    .sub-title {font-size: 40px;}

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

    /* banner css start */
    .banner-video { max-width: 934px; height: 400px; }
    .video-play-btn { width: 144px; height: 144px;}
    .home-banner-video-title {left: 90px; }
    .banner-top-left .main-title {max-width: 360px;}
    .main-title {font-size: 40px;}
    .banner-main-content .detail * {font-size: 12px;}
    /* banner css end */

    /* target css start */
    .target-section {padding: 70px 0;}
    .target-slider { margin-top: 20px; }
    .target-slide-main-block {padding: 52px 20px;}
    .target-slider .target-beats-swiper .detail {max-width: 580px;margin-top: 26px;}
    .target-slider .target-beats-swiper .detail * { font-size: 15px; }
    .target-slider .custom-pagination span { font-size: 15px; }
    .target-wrp .section-title * { font-size: 32px; }
    /* target css end */

    /* partener css start */
    .partener {padding: 160px 0 72px 0;}
    .partener-top-content .section-title { font-size: 50px; }
    .partener-top-content .section-title * { margin-bottom: 15px;line-height: 100%; }
    .partener-top-content { max-width: 840px; }
    .partener-top-content .detail {font-size: 17px;}
    .partener-block .block-top-content .btn { font-size: 16px; }
    .partener-bottom-content .small-title * {font-size: 16px;}
    .partener-bottom-content {margin-top: 26px;}
    /* partener css end */

    /* individual-hires css start */
    .individual-hires { padding: 72px 0 73px; }
    .individual-hires-top-content {max-width: 802px; margin: 0 auto;}
    .individual-hires-wrp .section-title {font-size: 44px;}
    .individual-bottom-content {margin-top: 46px;}
    /* individual-hires css end */

    /* create-brands css start */
    .create-brands { margin: 135px 45px 85px; }
    .create-brands-wrp {flex-direction: column; max-width: 100%;}
    .createbrandsSwiper .swiper-slide {margin: 0 auto;}
    .create-brands-right {max-width: 400px; margin: 30px 0 0;}
    .create-brands-wrp {padding: 50px 0;}
    /* create-brands css end */

    /* why-oas css start */
    .why-oas-wrp .why-aos-left-main {max-width: 470px;}
    .why-oas-left-block { margin: 0px 0 32px 27px; }
    .benefits-aos-block-content ul::before { width: 74px; height: 74px; } 
    .benefits-aos-block-content ul{margin: 44px 0 0 auto;}
    .why-aos-bottom-content { margin: 30px 0 0 45px; } 
    .aos-benefits-main { margin-left: 45px; } 
    /* why-oas css end */

    /* slots css start */
    .slots-section {padding: 96px 0 81px 0;}
    .slots-left-content { max-width: 100%; }
    .slots-right-content {margin-top: 50px;}
    .slots-right-content .number { font-size: 96px; }
    .slots-right-content .section-title { font-size: 34px; }
    .slots-right-content .slot-btn .btn {font-size: 16px;}
    .slots-left-content .detail * { font-size: 16px; }
    .slots-left-content .detail * strong { font-size: 16px; }
    .slots-main-content {padding: 0 48px;}
    /* slots css end */

    /* bts css start */
    .bts-wrp {flex-direction: column;}
    .bts-left {margin: 0 auto 50px;}
    .bts-left .detail {max-width: 100%;}
    .bts-right { margin: 0 auto; max-width: 740px; }
    .bts-right .svg-container .end {bottom: 180px;}
    .bts-left::before { width: 70px; height: 70px; transform: rotate(70deg); left: -70px; right: unset; bottom: 0; }
    /* bts css end */

    /* influencers css start */
    .influencers {padding: 74px 0 178px;}
    .influencers-wrp { max-width: 680px; }
    .influencers-top .influencers-right-img { max-width: 224px; }
    .influencers-wrp .influencers-top { max-width: 740px; margin: 0 20px 0 auto; }
    .influencers-collab-block .collab-title * { font-size: 70px; }
    .influencers-bottom::before { top: -120px; left: -160px; width: 282px; height: 355px; }
    /* influencers css end */

    /* about-banner css start */
    .about-banner { padding: 65px 0 35px 0; }
    .about-banner-content .main-title {font-size: 44px;}
    .about-banner-img {height: 454px;}
    .about-banner-content {max-width: 775px;}
    .about-banner-content .detail {max-width: 644px;}
    .about-banner-content .detail * {font-size: 16px;}
    /* about-banner css end */

    /* founder css start */
    .founder { padding: 35px 0 60px 0; }
    .founder-block .block-title * {font-size: 20px;}
    .founder-wrp .founder-block {margin-bottom: 50px;}
    .founder-block .block-detail * {margin-bottom: 17px;}
    /* founder css end */

    /* chos-solutions css start */
    .chos-solutions {padding: 60px 0 78px 0 ;}
    .chos-solutions-wrp {max-width: 842px;}
    .solutions-block .detail::before { top: -30px; left: -120px; width: 100px; height: 70px;}
    .chos-block .block-title::before {width: 38px; height: 38px; top: 10px; left: 20px;}
    .solutions-block .block-title::before { top: -10px; right: -40px; width: 38px; height: 38px; }
    .chos-solutions-wrp .block-title * span {font-size: 44px;}
    /* chos-solutions css end */

    /* think-about css start */
    .think-about { padding: 75px 0 45px 0; }
    .think-about-list-item { margin-top: 40px; }
    .think-about-list-item ul {gap: 16px;}
    .think-about-list-item ul li {font-size: 18px;}
    /* think-about css end */

    /* help css start */
    .help-section {padding: 45px 0 80px 0;}
    /* help css end */
}

/* ------991px css start------ */
@media (max-width:991px){

    /* header css start  */
    .header .container {
        align-items: center;
    } 
    .navbar-expand-lg {
        z-index: 1;
    }
    .header.menu-open {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .navbar-expand-lg .navbar-nav {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        overflow-y: auto;
    }
    .navbar-brand {
        max-width: 250px;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
        width: fit-content;
        margin: 10px auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--white);
        transform: translateX(100%);
        transition: all 0.4s ease-in-out;
        z-index: -1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 180px 15px 0;
    }

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

    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
        -webkit-transform: rotate(-45deg) translate(6px, -6px);
        -moz-transform: rotate(-45deg) translate(6px, -6px);
        -ms-transform: rotate(-45deg) translate(6px, -6px);
        -o-transform: rotate(-45deg) translate(6px, -6px);
    }
    /* header css end */


    /* banner css start  */
    .home-banner {padding: 40px 0 68px 0;}
    .banner-top-left .main-title {max-width: 370px;}
    .home-banner-wrp .banner-main-content { max-width: 705px; }
    .banner-top-right * { font-size: 18px; margin: 6px 0px 0 0; }
    .banner-top-right .title-img {z-index: 0;}
    .banner-btn-container {margin-top: 26px;}
    .banner-video { max-width: 834px; height: 320px; }
    .video-play-btn { width: 94px; height: 94px; }
    .home-banner-video-title { left: 60px;}
    .home-banner-video-title * { font-size: 48px; }
    
    /* banner css end */

    /* target css start  */
    .target-slider .custom-pagination {padding-top: 25px;}
    /* target css end  */

    /* partener css start  */
    .partener {overflow: hidden;}
    .partener-top-content .section-title { font-size: 38px; }
    .partener-top-content .detail { font-size: 14px; }
    .partener-top-content { max-width: 620px; }
    .partenerSwiper {overflow: visible;}
    .partener-wrp { max-width: 1125px;}
    .partener-bottom-content {padding-left: 32px;}
    /* partener css end */

    /* individual-hires css start */
    .individual-right-img {margin: 48px auto 0; height: 410px;}
    .individual-right-img * { border-radius:16px ; -webkit-border-radius:16px ; -moz-border-radius:16px ; -ms-border-radius:16px ; -o-border-radius:16px ; }
    /* individual-hires css end */

    /* why-oas css start */
    .why-oas-wrp {flex-direction: column;}
    .aos-benefits-main {margin-top: 27px;}
    .why-oas-wrp .why-aos-left-main {max-width: 100%;}
    .why-oas-left-block { margin: 0px auto 22px auto; }
    .aos-benefits-main .aos-benefit-top-block {max-width: 600px; margin: 0 auto;}
    .aos-benefit-top-block {max-width: 600px; margin: 0 auto;}
    .why-oas-slider {margin-top: 30px; max-width: 870px;}
    .why-aos-bottom-content { margin: 30px auto 0 auto; }
    .aos-benefits-main {max-width: 600px; margin: 47px auto 0;}
    .aos-benefit-bottom-block {margin-top: 0px;}
    .aos-benefit-bottom-block .aos-benefit-top-title ul {margin: 0 90px 0 auto;}
    /* why-oas css end */

    /* faq-css start */
    .faq-section {padding: 81px 0 58px 0;}
    .faq-wrp .section-title { font-size: 46px; }
    .accordion-button {font-size: 15px;}
    .accordion-button::after{ width: 12px; height: 12px; background-size: contain;}
    /* faq-css end */

    /* bts css start */
    .bts-section {padding: 178px 0 96px;}
    .bts-right {max-width: 350px;}
    .bts-right .svg-container .start { top: 70px; left: -70px; }
    .bts-right .svg-container .end { right: -90px; bottom: 170px; }
    .bts-right .bts-block-container::before { background: url(../images/bts-block-path-mobile.svg); background-repeat: no-repeat; top: 110px; left: -50px; width: 450px; height: 1264px; background-size: 100%; }
    /* bts css end */

    /* influencers css start */
    .influencers-wrp { max-width: 580px; }
    .influencers-collab-block .collab-title * { font-size: 40px; }
    .influencers-collab-block .collab-title span { font-size: 40px; }
    .influencers-collab-block .switch-icon { width: 84px; }
    .influencers-collab-block .title-influencers-img * { width: 30px; height: 30px; }
    .influencers-collab-block .brand-deserve-img { max-width: 426px; }
    /* influencers css end */

    /* contact css start */
    .contact .section-title * { font-size: 38px; line-height: 100%; }
    /* contact css end */

    /* about-banner css start */
    .about-banner-content .main-title {font-size: 32px;}
    .about-banner-img {height: 354px;}
    .about-banner-content { max-width: 575px; }
    .about-banner-content .detail { max-width: 440px; }
    /* about-banner css end */

    /* chos-solutions css start */
    .chos-solutions-wrp { max-width: 100%; margin: 0 auto 0 ; flex-direction: column; }
    .solutions-block {margin-top: 84px;}
    .chos-block .block-title::before { width: 28px; height: 28px; top: 0px; left: 70px;}
    .solutions-block {max-width: 442px;}
    .chos-solutions-wrp .block-title * span {font-size: 34px;}
    /* chos-solutions css end */

    /* think-about css start */
    .think-about-list-item ul li {font-size: 16px;}
    /* think-about css end */

    /* help css start */
    .help-section .section-title {font-size: 32px;}
    .help-block-container .help-block .block-img { width: 188px; height: 188px; }
    .help-block-container .help-block { margin-right: 35px; }
    .help-block .block-title * { font-size: 18px; }
    .help-wrp .help-block-container {margin-top: 24px;}
    /* help css end */

}

/* ------767px css start------ */
@media (max-width:767px){
    .main-title {font-size: 36px;}
    body {font-size: 16px;}
    .btn {font-size: 16px;}
    .sub-title { font-size: 34px;}

    /* header css start */
    .navbar-brand {max-width: 220px;}
    /* header css end */

    /* banner css start  */
    .banner-top-left .main-title {font-size: 36px;}
    .home-banner-wrp .banner-main-content {max-width: 418px;}
    .banner-top-right {max-width: 132px;}
    .banner-top-right * {font-size: 14px; line-height: 100%; margin-top: 0;}
    .banner-top-right .title-img { width: 40px; height: 40px; top: -30px; right: 5px; }
    .banner-main-content .detail * { font-size: 14px; }
    .banner-btn-container {flex-direction: column;}
    .banner-btn-container .btn {width: 100%; padding: 8px 0;}
    .banner-video {height: 386px;}
    .video-play-btn {width: 75px; height: 75px;}
    .home-banner-video-title {left: 27px; max-width: 132px;}
    .home-banner-video-title * {font-size: 32px;}
    /* banner css end */

    /* target css start */
    .target-section {padding: 50px 0; overflow: hidden;}
    .target-wrp .section-title {max-width: 90%; margin: 0 auto;}
    .target-wrp .section-title * { font-size: 30px; }
    .target-beats-swiper {overflow: visible;}
    .target-slide .slide-img {height: 476px;}
    .target-beats-swiper .swiper-wrapper {padding-left: 15px;}
    .target-slider .custom-pagination span {display: none;}
    .target-slider .custom-pagination span.active {display:block; max-width: 310px; margin: 0 auto;  }
    .target-slide-main-block { left: 50%; top: unset; bottom: 20px; max-width: 95%; padding: 16px 12px 16px 24px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } 
    .target-slider .target-beats-swiper .detail {max-width: 406px; margin: 30px auto 28px;}
    .target-beats-swiper .swiper-wrapper .swiper-slide{padding-right: 10px;}
    .target-slider .custom-pagination span { font-size: 14px; }
    .target-beats-swiper {padding-bottom: 50px;}
    .target-beats-next.swiper-button-next:after, .swiper-button-prev:after {display: none;}
    .target-beats-prev.swiper-button-prev,.swiper-button-next {bottom: 0; top: unset;}
    .target-beats-prev.swiper-button-prev {left: calc(50% - 35px);}
    .target-beats-next.swiper-button-next {right: calc(50% - 35px); left: unset;}
    .target-slider .swiper-button-disabled {opacity: 1;}
    .target-beats-swiper .swiper-pagination { width: 100%; max-width: 275px; margin: 0 auto;}
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform:translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important; -webkit-transform:translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important; -moz-transform:translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important; -ms-transform:translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important; -o-transform:translate3d(0px, 0px, 0px) scaleX(1) scaleY(1) !important; }
    .target-beats-prev, .target-beats-next { display: block; height:auto }
    /* target css end */

    /* partener css start */
    .partener-top-content {max-width: 320px;}
    .partener-block .block-top-content .block-title { font-size: 28px; }
    /* partener css end */

    /* individual css start */
    .individual-hires-wrp .section-title {font-size: 34px;}
    .individual-hires-top-content .detail {font-size: 16px;}
    /* individual css end */

    /* create brands css start  */
    .create-brands-wrp {max-width: 532px; margin: 0 auto;}
    .create-brands {margin: 75px 5px 62px;}
    .create-brands-main-content {padding: 0;}
    .create-brands-left .create-brands-block {flex-direction: column; align-items: flex-start;}
    .create-brands-block .block-title {max-width: 100%;}
    .create-brands-block .block-content {margin-left: 0px; max-width: 100%; margin-top: 16px;}
    .brand-gif * { top: 100px; right: 10px; }
    /* create brands css end */

    /* why-oas css start  */
    .why-oas { padding: 68px 0 52px 0; }
    .why-oas-left-block {max-width: 85%;}
    .aos-benefit-top-block {max-width: 85%;}
    .why-oas-slide-top .title * {font-size: 14px;}
    .why-oas-slide-top .circle { width: 15px; height: 15px; }
    .aos-benefits-main {max-width: 80%;}
    .aos-benefit-bottom-block .aos-benefit-top-title ul {margin: 0 0 0 auto;}
    .benefits-aos-block-content ul li {font-size: 18px;}
    .benefits-aos-block-content ul::before { width: 50px; height: 50px; }
    .aos-benefit-top-block .detail {max-width: 165px;}
    .aos-benefit-top-block {margin: 0 0 6px auto;}
    .why-oas-left-block .section-title {font-size: 36px;}
    .why-oas-left-block .section-title span {font-size: 16px;}
    .why-oas-slide { border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
    .why-oas-slide .slide-img * { border-radius:7px ; -webkit-border-radius:7px ; -moz-border-radius:7px ; -ms-border-radius:7px ; -o-border-radius:7px ; }
    /* why-oas css end */

    /* bts css start */
    .bts-left .section-title {font-size: 34px;}
    .bts-left { max-width: 250px; }
    .bts-right .bts-block-container::before { left: -50px; width: 450px; height: 1064px; background-size: 100% 100%; }
    /* bts css end */

    /* influencer css start */
    .influencers .container {max-width: 100%; padding: 0; margin: 0;}
    .influencers-wrp {max-width: 100%;}
    .influencers-top .influencers-top-content {margin: 0 auto;}
    .influencers-wrp .influencers-top { margin: 0 auto 0 auto; flex-direction: column; }
    .influencers-top-content .section-title * strong {background: var(--lime-yellow);}
    .influencers-top .influencers-right-img { max-width: 164px;margin: 0 0px -20px auto; position: relative; z-index: 1; }
    .influencers-top .influencers-top-content { width: 100%; max-width: 430px; }
    .influencers-bottom::before { top: -80px; left: -30px; width: 192px; height: 295px; }
    .influencers-strategy-block { padding: 12px 192px 12px 80px; flex-direction: column; align-items: flex-start;} 
    .influencer-brand-engage-block {max-width: 100%; padding: 0;}
    .influencers-collab-block {justify-content: space-between; flex-wrap: wrap;}
    .collab-left-content {flex: 0 0 50%;}
    .influencers-collab-block .collab-right-content {width: 50%; margin: 38px auto 0; display: flex ; flex-direction: column; gap: 20px;}
    .influencers-collab-block { padding: 0 52px; }
    .influencers-left-img {max-width: 62px; height: 90px;}
    .collab-left-content .detail {max-width: 120px; font-weight: 500; }
    .influencers-collab-block .collab-img1 {right: 148px;}
    .influencers-collab-block .collab-img2 { bottom: -22px; right: 28px; }
    .influencers-collab-block .switch-icon {padding: 0; max-width: 86px;}
    .influencers-collab-block .brand-deserve-img {padding-bottom: 50px;}
    /* influencer css end */

    /* contact css start */
    .contact { padding: 116px 0 111px; }
	.contact .contact-container { max-width: 100%; }
	.contact .section-title { margin-bottom: 37px; }
	.contact .section-title * { font-size: 24px; line-height: 100%; }
    .contact .form-group { gap: 20px; row-gap: 20px; } 
    .contact .form-group .form-item { flex: 0 0 calc(50% - 10px); } 
    .contact .form-group .form-item .form-label { font-size: 14px; line-height: normal; }
    .contact .form-group .form-item .form-control { font-size: 12px; line-height: normal; padding: 11px 0; }
    .contact .form-group .form-item .form-control::placeholder { font-size: 12px; line-height: normal; }
    .contact .form-group .form-item .message * { font-size: 12px; line-height: normal; margin-bottom: 28px; }
    .contact .action { margin-top: 20px; }
    .check-group .form-check .wpcf7-list-item-label { font-size: 14px; padding: 6px;}
    .form-check { gap: 7px; }
    .form-check-label { font-size: 16px; line-height: 100%; }
    .contact .action .wpcf7-submit { font-size: 18px; }
    .check-group .form-check { margin-bottom: 6px; }
    .contact .action .btn.btn-blue {font-size: 8px; padding: 6px;}
    .check-group .form-check input[type="checkbox"] { width: 42px; min-width: 42px; height: 27px; margin-right: 6px; }
    .check-group .form-check input[type="checkbox"]::before { width: 21px; height: 21px; }
    .check-group .form-check input[type="checkbox"]:checked::before { transform:translateX(16px) ; -webkit-transform:translateX(16px) ; -moz-transform:translateX(16px) ; -ms-transform:translateX(16px) ; -o-transform:translateX(16px) ; }
    /* contact css end */

    /* about-banner css start */
    .about-banner { padding: 35px 0 35px 0; }
    .about-banner-wrp {max-width: 448px;}
    .about-banner-img {max-width: 100%; height: 404px; margin: 0 auto;}
    .about-banner-content .main-title { font-size: 26px; }
    .about-banner-content .detail * { font-size: 12px; }
    /* about-banner css end */

    /* founder css start */
    .founder { padding: 30px 0 68px 0; overflow: hidden; }
    .founder-wrp .swiper-wrapper {flex-direction: row;}
    .founder-wrp .swiper{overflow: visible;}
    .founder-block .block-title * {font-size: 20px;}
    .founder-block .block-detail * {font-size: 15px;}
    .founder-wrp {margin: 0 auto 0 16px}
    .founder-wrp .swiper-slide:last-child {padding-right: 32px;}
    /* founder css end */

    /* chos-solutions css start */
    .chos-block .block-title::before { left: 50px;}
    /* chos-solutions css end */

    /* ==================== [ Footer Start ] ==================== */
	.footer-btn { font-size: 12px; line-height: normal; letter-spacing: 0.1px; padding: 8px 12px; }
	.footer-btn:hover { background-color: var(--white); color: var(--blue); }
	.footer { padding: 20px 0 70px; } 
	.footer .footer-container { max-width: 100%; } 
	.footer .footer-container .brand-details { max-width: 216px; }
	.footer .footer-container .brand-details .footer-logo { max-width: 120px; margin-bottom: 16px; } 
	.footer .footer-container .brand-details .contact { margin-bottom: 20px; } 
	.footer .footer-container .brand-details .contact ul a { gap: 6px; font-size: 11px; } 
	.footer .footer-container .brand-details .contact ul li { margin-bottom: 6px; } 
	.footer .footer-container .brand-details .social .bracket { font-size: 23px; letter-spacing: -0.07px; } 
	.footer .footer-container .brand-details .social .social-title * { font-size: 8.64px; line-height: 8.6px; letter-spacing: 0.18px; } 
	.footer .footer-container .brand-details .social ul a * { max-width: 14px; max-height: 14px; } 
	.footer .footer-container .brand-details .contact ul a img { width: 10px; } 
	.footer .footer-container .brand-address .location { gap: 10px; margin-bottom: 14px; } 
	.footer .footer-container .brand-address .location img { width: 9px; } 
	.footer .footer-container .brand-address .location .address * { font-size: 11px; max-width: 152px; } 
	.footer .footer-container .brand-address .appointment { max-width: 148px; margin-left: 19px; margin-bottom: 0px; } 
	.footer .footer-container .brand-address .appointment * { font-size: 10px; } 
	.footer .footer-container .join-team { margin-top: 30px; padding: 6px 8px; border-radius: 12px; max-width: 197px; margin-left: 0px; } 
	.footer .footer-container .join-team .title * { font-size: 11px; letter-spacing: -0.2px; margin-bottom: 12px; } 
	/* ==================== [ Footer End ] ==================== */

    /* modal css start */

    .modal-title {font-size: 26px;}
    .modal-block-title {font-size: 12px;}

    .modal {padding: 0 15px;}
    .start-project-modal .modal-dialog .modal-img { max-width: 264px; height: 400px;}
    .start-project-modal .modal-img-block { left: 30px; }
    .start-project-modal .modal-content .form-item.goal .placeholder{top: 16px;}
    .modal-form .form-item label span, .modal-form .form-item .placeholder span {font-size: 8px !important;}
    .modal-form .placeholder {font-size: 10px;}
    .modal-content .form-item {padding: 12px 14px;}
    .modal-form .placeholder {left: 14px;}
    .modal-content .form-item.goal { padding: 15px 10px; }
    .modal-form .form-item.goal .placeholder span { font-size: 7px; margin-top: 7px; }
    .modal-right-content {max-width: 290px;}
    .join-team-modal .modal-img-block { max-width: 200px; }
    .join-team-modal .modal-left {margin-right: 20px;}
    .join-team-modal .modal-message { margin-top: 20px; }
    .join-team-modal .modal-form .form-item.goal .placeholder { top: 17px;}
    .join-team-modal .form-item label {font-size: 10px;}

    .support-modal .modal-dialog .modal-left {max-width: 170px;}
    .join-team-modal .modal-content .custom-select {max-width: 212px;}

    .multioptions-modal .modal-img {max-width: 90px;}
    .multioptions-modal .modal-dialog { padding: 40px 25px 20px 25px; }
    .multioptions-modal .modal-content .modal-form .form-item.milestone .custom-select {max-width: 204px;}
    .modal-content .custom-select select {font-size: 9px; padding: 8px 4px; }
    .modal-content .custom-select .arrow {right: -40px;}
    .multioptions-modal .modal-content .modal-form .form-item.milestone label {font-size: 10px;}

    .multioptions-modal .modal-right-content {max-width: 350px;}
    .multioptions-modal .modal-left { max-width: 220px; margin-right: 10px; }
    .influencer-modal .modal-dialog { padding: 40px 20px 20px 20px; }

    .connect-modal .modal-right-content { max-width: 310px; }
    .connect-modal .modal-img-block .modal-img { max-width: 70px; margin: 0 40px 0 0;}
    .connect-modal .modal-form .form-item.goal .placeholder { top : 16px; }
    .connect-modal .modal-left {margin-right: 20px;}

    /* modal css end */
}

/* ------575px css start------ */
@media (max-width:575px){
    .btn {font-size: 12px;}
    .section-title {font-size: 24px;}

    /* header css start  */
    .navbar-expand-lg {padding: 15px 10px 12px;}
    .header.h-stick .navbar-expand-lg { padding: 30px 10px 12px; }
    .navbar-brand {max-width: 166px;}
    .hamburger { width: 30px; height: 30px; }
    .hamburger span { width: 14px; margin-bottom: 3px; }
    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); -webkit-transform: rotate(-45deg) translate(4px, -4px); -moz-transform: rotate(-45deg) translate(4px, -4px); -ms-transform: rotate(-45deg) translate(4px, -4px); -o-transform: rotate(-45deg) translate(4px, -4px); }
    .navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1) { transform: rotate(45deg) translate(3px, 3px); -webkit-transform: rotate(45deg) translate(3px, 3px); -moz-transform: rotate(45deg) translate(3px, 3px); -ms-transform: rotate(45deg) translate(3px, 3px); -o-transform: rotate(45deg) translate(3px, 3px); }
    /* header css end */

    /* banner css start  */
    .home-banner {padding: 30px 0 68px 0;}
    .home-banner-wrp .banner-main-content {max-width: 300px;}
    .banner-top-right {max-width: 90px;}
    .banner-top-right * {font-size: 12px;}
    .banner-top-right .title-img { top: -30px; right: unset; left: -34px; }
    .banner-main-content .detail * { max-width: 227px; font-size: 12px;}
    .banner-btn-container {gap: 4px; margin-top: 20px;}
    .banner-btn-container .btn { padding: 6px 0;}
    .banner-video {max-width: 398px; height: 366px; margin: 26px auto 0;}
    /* banner css end */

    /* target css start */
    .target-wrp .section-title * { font-size: 24px; }
    .target-slide-main-block ul li { font-size: 10px; margin-bottom: 4px;}
    .target-slider .target-beats-swiper .detail * {font-size: 12px;}
    .target-slide-main-block ul li:before { top: 0px; left: -6px; width: 8px; height: 8px; }
    .target-slider .custom-pagination span.active {max-width: 76%;}
    /* target css end */

    /* partener css start */
    .partener-top-content {max-width: 216px;}
    .partener-top-content .section-title { font-size: 34px;  }
    .partener-top-content .detail { font-size: 11px; }
    .partener-block {padding: 46px 20px 46px 26px;}
    .partener-block .block-top-content .sub-title {margin-bottom: 20px;}
    .partener-block .block-top-content .btn {font-size: 14px;}
    .partener-block .block-bottom-content {padding-top: 20px;}
    .partener-bottom-content ul li {font-size: 10px; padding-left: 25px;}
    .partener-bottom-content ul li::before {width: 16px;height: 16px; background-size: cover;}
    /* partener css end */

    /* inidividual css start */
    .individual-hires-wrp {max-width: 380px;}
    .individual-hires-top-content .detail {font-size: 11px;}
    .individual-bottom-content ul li .hire-link {font-size: 12px;}
    .individual-bottom-content ul li .hire-link .link-arrow {width: 27px; height: 27px; min-width: 27px; padding: 6px;}
    .individual-right-img {height: 220px;}
    .individual-bottom-content .link-container {max-width: 298px;}
    .individual-bottom-content ul li .hire-link {padding: 6px 30px;}
    /* inidividual css end */

    /* create-brands css start  */
    .create-brands-right {margin: 60px 0 0;}
    .create-brands {margin: 75px 2px 62px;}
    .create-brands-main-content {font-size: 11px;}
    .create-brands-block .block-content ul li {font-size: 11px;}
    .create-brands-block .block-content ul li span {font-size: 11px;}
    .brand-gif * { top: 110px; right: 50px; }
    .create-brand-slide-top-content { padding: 20px 4px; }
    .createbrandsSwiper { padding-bottom: 44px; }
    /* create-brands css end */

    /* why-oas css start */
    .why-oas-left-block {flex-direction: column;}
    .why-oas-left-block .section-title {max-width: 136px;}
    .why-oas-left-block {max-width: 334px;}
    .why-aos-block-content {max-width: 234px; margin: 20px 0 0 auto;}
    .why-aos-block-content .detail * {font-size: 11px;}
    .why-aos-block-content .block-title {font-size: 18px;}
    .why-aos-block-content::before { top: 5px; left: -50px; width: 40px; height: 40px;}
    .why-aos-block-content .block-title {margin-top: 10px;}
    .why-aos-block-content .detail * {margin-bottom: 6px;}
    .aos-benefit-top-block {max-width: 295px; margin: 0 auto;}
    .aos-benefit-top-block .detail {font-size: 14px; max-width: 145px;}
    .benefits-aos-block-content ul {max-width: 110px; margin: 12px 0 0 auto;}
    .benefits-aos-block-content ul li {font-size: 11px; margin-bottom: 6px;}
    .benefits-aos-block-content ul::before { width: 47px; height: 47px; }
    .benefits-aos-block-content ul::before { top: -10px; left: -78px; }
    .why-oas-slide-top .title * {font-size: 8px;}
    .why-oas-slider { max-width: 355px;}
    .why-aos-bottom-content {max-width: 100%; padding: 0 15px; margin: 27px auto 0;}
    .why-aos-bottom-content * { max-width: 295px; margin: 0 auto; font-size: 11px; }
    .aos-benefits-main { max-width: 364px; padding: 0 15px; }
    .why-oas-wrp .section-title {font-size: 36px;}
    .aos-benefits-main .section-title span {font-size: 16px; max-width: 137px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title ul {max-width: 115px; margin-left: 32px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title ul li { font-size: 11px; margin-bottom: 5px; } 
    .aos-benefit-top-title ul li {font-size: 14px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title {margin-top: -43px;}
    .aos-benefit-bottom-block .aos-benefit-top-title {margin-top: -70px;}
    .aos-benefit-bottom-block .aos-benefit-top-title ul {max-width: 100px;}
    .aos-benefit-bottom-block .aos-benefit-bottom-title ul::before { top: -10px; right: -80px; width: 60px; height: 30px; }
    /* why-oas css end */

    /* faq css start */
    .faq-wrp {padding: 26px 23px 32px;}
    .accordion-button {font-size: 14px;}
    .accordion-body {padding-bottom: 12px;}
    .faq-btn-container {margin-top: 28px; gap: 12px; flex-wrap: wrap;}
    .accordion-button span { padding-right: 15px; width: 100%; }
    .faq-btn-container .btn-link {font-size: 12px;}
    .faq-btn-container .btn-white {font-size: 11px; padding: 7px 14px 7px 17px;}
    /* faq css end */

    /* slots css start */
    .slots-main-content { padding: 0 44px; }
    .slots-wrp {padding-top: 75px;}
    /* slots css end */

    /* bts css start */
    .bts-left .detail {font-size: 12px;}
    .bts-left { margin: 0 auto 25px; }
    .bts-right-title {text-align: left !important;}
    .bts-right .bts-right-title * {font-size: 16px;}
    .bts-left::before {width: 60px; height: 60px;}
    .bts-right { max-width: 300px; }
    .bts-block-container .row > * { padding: 0 8px; margin-bottom: 17px;}
    .bts-block-container .row { margin: 0 -8px;}
    .bts-right .svg-container .start { top: 30px; left: -60px;}
    .bts-right .bts-block-container::before { top: 30px; width: 390px; height: 864px; }
    .bts-right .svg-container .title * { font-size: 16px; }
    .bts-right .svg-container .end { right: -53px; bottom: 142px; }
    .bts-right .svg-container .start { top: 10px; left: -50px; }
    .bts-block .block-title * { font-size: 16px; }
    .bts-block span {font-size: 10px;}
    .bts-block .block-detail * {font-size: 12px;}
    /* bts css end */

    /* influenceres css start */
    .influencers-collab-block { padding: 0 52px; justify-content: center; }
    .influencers-wrp .influencers-top {position: relative;}
    .influencers-top .influencers-right-img { max-width: 86px; margin: 0 0px 0px auto;}
    .influencers-top .influencers-top-content {max-width: 312px;}
    .influencers-top-content .section-title * strong {display: block;}
    .influencers-top-content .detail * {font-size: 11px;}
    .influencers-top-content .detail .simple-link {display: block;}
    .influencers-top .influencers-right-img {position: absolute; right: 0; bottom: -20px;}
    .influencers-bottom::before { top: -20px; left: -30px; width: 132px; height: 181px; }
    .influencers-strategy-block { padding: 12px 20px 12px 12px; flex-direction: column; align-items: flex-start; }
    .influencer-strategy-content .icon { width: 18px; height: 18px; padding: 0;}
    .influencers-bottom::before { top: -10px; left: -1px; }
    .influencers-collab-block .collab-right-content * { font-size: 20px; display: flex ; flex-direction: column; align-items: flex-start;    }
    .influencers-collab-block .title-influencers-img  * {width: 44px; height: 44px;}
    .collab-left-content { max-width: 214px; }
    .influencers-collab-block .collab-right-content { width: fit-content; margin: 38px -30px 0 auto; }
    .collab-left-content .detail {font-size: 20px;}
    .influencers-collab-block .brand-deserve-img { margin: 0 -45px; }
    .influencers-collab-block .collab-img1 { max-width: 66px; height: 96px; right: 107px; }
    .influencers-collab-block .collab-img2 { bottom: -11px; right: 20px; }
    /* influenceres css end */

    /* about banner css start */
    .about-banner-wrp {max-width: 398px;}
    .about-banner-img {height: 384px;}
    .about-banner-content .main-title { font-size: 24px; }
    .about-banner-content .detail * { font-size: 11px; }
    .about-banner-content {padding: 20px 40px;}
    /* about banner css end */

    /* chos-solutions css start */
    .chos-solutions-wrp .block-title * {font-size: 20px;}
    .chos-solutions-wrp .block-title * span {font-size: 32px;}
    .chos-block-list ul li {font-size: 12px;}
    .chos-block {max-width: 348px; margin: 0 0 0 auto;}
    .solutions-block {max-width: 295px; margin: 85px auto 0 58px;}
    .chos-solutions-wrp .block-title * {justify-content: flex-start;}
    .solutions-block ul li {font-size: 12px;}
    .solutions-block .detail * { font-size: 14px;}
    .solutions-block .detail::before { top: -20px; left: -80px; width: 70px; height: 40px; }
    .solutions-block .detail { margin: 40px 0 0 auto;}
    .chos-block .block-title::before { width: 28px; height: 28px; top: -20px; left: -20px; }
    .solutions-block .block-title::before {width: 30px;height: 30px; top: -4px; right: 10px; }
    /* chos-solutions css end */

    /* think-about css start */
    .think-about { padding: 75px 0 17px 0; }
    .think-about .section-title { font-size: 24px;}
    .think-about-list-item ul li {font-size: 12px;}
    .think-about-list-item ul { gap: 10px; column-gap: 8px; }
    .think-about-list-item { margin-top: 30px; }
    /* think-about css end */

    /* help css start */
    .help-section {padding: 17px 0 83px 0;}
    .help-section .section-title { font-size: 24px; }
    .help-block-container .help-block .block-img {width: 148px; height: 148px;}
    /* help css end */

    /* modal css start */
    .modal-title {font-size: 24px;}
    .modal-detail *,.modal-title *,.modal-italic-detail *{margin-bottom: 10px;}
    .modal-detail {font-size: 10px;}
    .modal-italic-detail {font-size: 10px;}

    .modal {padding: 0 15px;}
    .modal-form .placeholder {font-size: 8px;}

    .modal-content {flex-direction: column;}
    .modal-right-content {max-width: 100%; margin-top: 15px;}
    .start-project-modal .modal-body {z-index: 1;}
    .start-project-modal .modal-img-block {z-index: 0;}
    .start-project-modal .modal-dialog .modal-left {margin: 0 auto; padding-bottom: 180px;}
    .start-project-modal .modal.show .modal-dialog {margin: 20px auto 0;}
    .modal-form .placeholder {top: 16px;}
    .start-project-modal .modal-img-block { z-index: 0; top: 122px; height: fit-content; left: 110px; }
    .start-project-modal .modal-dialog .modal-img {height: auto; max-width: 150px;}

    .join-team-modal .modal-dialog { padding: 50px 20px 20px 20px; }
    .join-team-modal .modal-img-block {margin-top: 20px; margin-left: 0px;}
    .join-team-modal .modal-left {text-align: center;margin-right: 0px;}
    .join-team-modal .modal-img-block {justify-content: center; margin: 0 auto; gap: 20px;}

    .join-team-modal .modal-content .custom-select {max-width: 182px;}
    .modal-content .custom-select .arrow {right: -35px;}
    .join-team-modal .modal-img-block .modal-img {max-width: 80px;}

    .support-modal .modal-dialog .modal-left {max-width: 100%;}
    .modal-right-content {max-width: 300px; margin: 20px auto 0;}

    .multioptions-modal .modal-left {max-width: 100%; margin: 0 auto; text-align: center;}
    .multioptions-modal .modal-img-block {margin-top: 20px; justify-content: center;}

    .multioptions-modal .modal-block-content {display: flex; flex-direction: column-reverse;}
    .multioptions-modal .modal-block-content .arrow-img {right: -15px; transform: rotate(160deg);}
    .multioptions-modal .modal-content .modal-form .form-item.milestone .custom-select { max-width: 212px; }
    .multioptions-modal .modal-content .form-item { padding: 14px 12px; }
    .multioptions-modal .modal-content .custom-select .arrow { right: -33px; }

    .influencer-modal .modal-left {max-width: 100%; text-align: center;}
    .influencer-modal .modal-left .modal-img-block .modal-img {max-width: 140px;}
    .influencer-modal .modal-left .modal-img-block {display: flex; flex-direction: row-reverse;}
    .influencer-modal .modal-left .modal-img-block .modal-block-content {margin: 0 auto; display: flex; position: relative;} 
    .influencer-modal .modal-left .modal-img-block .arrow-img { top: 25px; right: -40px; transform: rotate(165deg); position: absolute; }
    .influencer-modal .modal-content .form-item .message{font-size: 10px;}
    .influencer-modal .modal-form .placeholder { left: 14px; }
    .influencer-modal .modal-right-content .form-item.milestone label {font-size: 10px; margin-bottom: 10px;}
    .influencer-modal .modal-form .form-item.goal .placeholder { top: 18px; }
    .influencer-modal .modal-content .form-item.milestone .custom-select {max-width: 202px;}
    .influencer-modal .modal-content .custom-select select { font-size: 8px; }
    .modal-message {padding-left: 18px;}

    .influencer-modal.individual-modal .modal-left .modal-img-block .modal-img { max-width: 70px; position: relative; margin: 0;}
    .influencer-modal.individual-modal .modal-left .modal-img-block {align-items: center; justify-content: center;}
    .influencer-modal.individual-modal .modal-left .modal-img-block .modal-block-content {margin: 0;}

    .connect-modal .modal-img-block {margin-top: 35px;}
    /* modal css end */
}

@media (max-width:430px) {
    .sub-title {font-size: 30px;}
    .home-banner-video-title { left: 18px; max-width: 102px; } 
    .home-banner-video-title * { font-size: 26px; }

    .why-oas-left-block {padding: 0 15px;}
    .individual-hires {overflow: hidden;}
    .brand-gif * { top: 145px; right: 0px; width: 50px; height: 50px; }

    .partener-block .block-top-content .btn { padding: 8px 3px; font-size: 12px;}
    .partener-bottom-content .small-title * { font-size: 12px; }

    .aos-benefit-bottom-block .aos-benefit-bottom-title ul::before { top: -50px; right: -50px;}

    .influencers {overflow: hidden;}
    .influencers-collab-block .collab-title * { font-size: 30px; }
    .influencers-collab-block .collab-title span { font-size: 30px; }
    .influencers-top-content .section-title * strong {display: unset;}
    .influencers-top .influencers-top-content {padding: 0 12px;}
    .influencers-collab-block { padding: 0 42px; justify-content: flex-start; }
    .influencers-collab-block .brand-deserve-img { margin: 0;}
    .influencers-collab-block .switch-icon { width: 74px; }
    .influencers-collab-block .collab-right-content {margin: 10px auto 0 0;}
    .influencers-collab-block .collab-right-content * {flex-direction: row;}
    
    .chos-solutions {overflow: hidden;}
    .chos-block .block-title::before { top: -30px; left: -10px; }
    .chos-solutions-wrp { padding: 0 34px 0 15px;}
    .solutions-block { margin: 55px auto 0 8px; }
    .solutions-block .block-title::before { top: -4px; right: 10px; }
    .chos-solutions-wrp .block-title * { font-size: 16px; }
    .chos-solutions-wrp .block-title * span{ font-size: 28px;}

    .help-block-container {flex-direction: column;}
    .help-block-container .help-block {margin: 0 0 20px 0;}
}


@media (max-width: 425px) {
	.contact { padding: 40px 0 40px; }
    .contact .contact-container { max-width: 100%; }
    .contact .section-title { margin-bottom: 30px; }
    .contact .section-title * { font-size: 20px; }
    .contact .form-group { gap: 0; row-gap: 15px; }
    .contact .form-group .form-item { flex: 0 0 100%; }
    .contact .form-group .form-item .form-label { font-size: 12px; line-height: normal; }
    .contact .form-group .form-item .form-control { font-size: 12px; line-height: normal; padding: 11px 0; }
    .contact .form-group .form-item .form-control::placeholder { font-size: 12px; line-height: normal; }
    .contact .form-group .form-item .message * { font-size: 12px; line-height: normal; margin-bottom: 20px; }
    .contact .action { margin-top: 10px; }
    .contact .form-group .form-item p {margin-bottom: 6px;}
    .check-group .form-check { margin-bottom: 4px; }
    .contact .action .wpcf7-submit {font-size: 14px;}
    .contact .action .btn.btn-blue p {gap: 4px;}
    .check-group .form-check .wpcf7-list-item-label {font-size: 12px; padding: 0;}
    .check-group .form-check input[type="checkbox"] { width: 24px; min-width: 24px; height: 15px; margin-right: 6px; }
    .check-group .form-check input[type="checkbox"]::before { width: 11px; height: 11px; left: 2px; top: 2px;}
    .check-group .form-check input[type="checkbox"]:checked::before { transform:translate(10px) ; -webkit-transform:translate(10px) ; -moz-transform:translate(10px) ; -ms-transform:translate(10px) ; -o-transform:translate(10px) ; }

    /* ==================== [ Footer Start ] ==================== */
	.footer { padding: 20px 0 40px; } 
    .footer .footer-container { flex-direction: column; gap: 30px; } 
    .footer .footer-container .brand-details { max-width: 100%; } 
    .footer .footer-container .brand-details .footer-logo { margin-inline: auto; } 
    .footer .footer-container .brand-details .contact ul a { text-align: center; justify-content: center; margin-inline: auto; } 
    .footer .footer-container .brand-details .social { width: fit-content; margin-inline: auto; } 
    .footer .footer-container .join-team { margin-inline: auto; } 
    .footer .footer-container .brand-address { margin-inline: auto; width: fit-content; }
	/* ==================== [ Footer End ] ==================== */

    .bts-right { max-width: 280px; }
    .bts-right .svg-container .start { top: 10px; left: -38px; }
    .bts-right .svg-container .end { right: -30px; bottom: 160px; max-width: 20px;}
}

@media (max-width:375px){
    .partener-block .block-top-content .sub-title {font-size: 24px; line-height: 100%;}

    .bts-block { padding: 16px 14px 20px; }
    .bts-block .block-title {word-break: break-all;}
    .bts-block-container .row > * {margin-bottom: 12px;}
    .bts-right .svg-container .end { right: -18px; bottom: 222px; max-width: 30px; }
    .bts-right .svg-container .end *{ font-size: 10px; }
    .bts-right .bts-block-container::before { width: 100%; height: 100%; top: -20px; left: 0px; background-image: url(../images/bts-block-path-small-mobile.svg); background-size: 100% 100%; background-repeat: no-repeat; }
    .bts-right .svg-container .start { top: -30px; left: 20px; }
    .bts-block-container .row > * {width: 47%;}
    .bts-right-title {margin-bottom: 50px;}
    .bts-left::before {left: -40px;}
}