/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1500px) and (max-width: 1899px){
    .products-shap-top { top: -85px; }
}

@media (min-width: 1400px) and (max-width: 1499px){
    
    /* products */
    .products-shap-top { top: -70px; }
    .our-products-wrp { padding: 120px 0 110px; }

    .form-shape-1 {max-width: 470px;}
    /* products */

}

@media (min-width: 1300px) and (max-width: 1399px){
    .section-title { font-size: 60px; line-height: 70px; }
    .block-title { font-size: 40px; line-height: 135.619%; }

    /* global-brands */
    .global-brands-shap { max-width: 250px; }
    .global-brands-shap-left { max-width: 170px; }
    /* global-brands */

    /* business-partner */
    .business-partner-wrp { max-width: 1255px; }
    .business-partner-main { padding: 8px 0 80px; }
    .line-top-1 { top: 32px; }
    .line-left-1 { left: -15px; }
    .line-right-1 { right: -15px; }
    .line-bottom-2 { bottom: 175px; }
    .business-partner-section { padding: 25px 0 0 0; }
    .business-partner-section .block-title { padding: 30px 0; }
    .business-partner-section .block-title * { padding: 0 0 50px; }
    /* business-partner */

    /* products */
    .products-shap-top { top: -65px; }
    .our-products-wrp { padding: 120px 0 110px; }
    /* products */

    /* testimonials */
    .testimonials-main { padding: 140px 0 175px; }
    /* testimonials */

    /* choose-codalify-wrp */
    .slick-arrow.slick-prev { left: -40px; }
    .slick-arrow.slick-next { right: -40px; }
    .choose-codalify-wrp { padding: 110px 0 100px; }
    /* choose-codalify-wrp */

    /* solution */
    .title-main {margin: 0 0 60px 0;}
    .timeline-main .timeline-box{justify-content: center;}
    .timeline-main .dashed-line { background-position-x: center; max-width: 1300px; top: 51%; left: 50%; transform: translate(0, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
    .timeline-main .timeline-item { max-width: 220px;}
    .item-shape { height: 220px; max-width: 216px;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) { margin: 320px 0 0 0; }
    .timeline-item .small-detail {min-height: 120px; display: flex ;align-items: flex-end;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .small-detail { align-items: flex-start; }
    /* solution */

}

@media (min-width: 1300px) {
    .container {
        max-width: 1203px;
        width: 100%;
    }

    .timeline-main .container {
        width: 100%;
        max-width: 1275px;
    }

}

@media (min-width: 1200px) and (max-width: 1299px){
    .main-title { font-size: 50px;}
    .section-title { font-size: 58px; line-height: 70px; }
    .block-title { font-size: 35px; line-height: 135.619%; }
    
    /* Banner */
    .banner-main .common-detail { padding: 0 20px 0 0; }
    .banner-main .banner-right { max-width: 398px; }
    /* Banner */

    /* global-brands */
    .global-brands-shap { max-width: 200px; }
    .global-brands-shap-left { max-width: 150px; }
    .global-brands-block { min-height: 120px; }    
    .global-brands-main { padding: 41px 0 100px; }
    /* global-brands */

    /* business-partner */
    .business-partner-wrp { max-width: 1145px; padding-bottom: 100px; }
    .business-partner-main { padding: 8px 25px 80px; }
    .line-top-1 { top: 32px; }
    .line-left-1 { left: 10px; }
    .line-right-1 { right: 10px; }
    .line-bottom-2 { bottom: 130px; }
    .line-bottom-1 { bottom: 100px; }
    .business-partner-section { padding: 25px 0 0 0; }
    .business-partner-section .block-title { padding: 30px 0; }
    .business-partner-section .block-title * { padding: 0 0 40px; }
    /* business-partner */

    /* number */
    .numbers-wrapper {padding: 100px 0;}
    .form-shape-1 {max-width: 400px;}
    .number-shape-purple {max-width: 180px;}
    /* number */
    
    /* Footer */
    .title-block { margin: 0 0 40px 0; }
    /* Footer */

    /* products */
    .products-shap-top { top: -50px; max-width: 14%; }
    .our-products-wrp { padding: 120px 0 110px; }
    .products-shap { width: 100%;   max-width: 220px; }
    .our-products-section { padding: 30px 0 0 0; }
    .our-products-title .section-title { padding: 23px 0 15px; }
    .our-products-top { padding: 0 0 40px; }
    /* products */

    /* testimonials */
    .testimonials-main { padding: 120px 0 150px; }
    .testimonial-shap { max-width: 340px; }
    .testimonials-block { margin: 0 0 55px; }
    /* testimonials */

    /* choose-codalify-wrp */
    .slick-arrow.slick-prev { left: -40px; }
    .slick-arrow.slick-next { right: -40px; }
    .choose-codalify-wrp { padding: 100px 0 80px; }
    .choose-codalify-section { max-width: 1060px;}
    .choose-codalify-main { padding: 0 0 30px; }
    .choose-codalify-shap { max-width: 230px; }
    /* choose-codalify-wrp */

    /* BLog */
    .blog-wrp { padding: 80px 0 140px; }
    .blog-shap {max-width: 180px;}
    /* BLog */

    /* solution */
    .solution-wrapper {padding: 80px 0;}
    .title-main .title-tag {margin: 0 0 24px 0;}
    .title-main {margin: 0 0 50px 0;}
    .timeline-main .timeline-box{justify-content: center;max-width: 1100px; margin: 0 auto}
    .timeline-main .dashed-line { background-position-x: center; max-width: 1200px; top:51%; left: 50%; transform: translate(0, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); margin: 0 auto; }
    .timeline-main .timeline-item { max-width: 200px;}
    .item-shape { height: 220px; max-width: 200px;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) { margin: 350px 0 0 0; }
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape { margin: 0 auto 32px auto; }
    .item-shape .small-title { font-size:20px;line-height: 24px;}
    .timeline-item .small-detail {margin: 0 0 18px 0;}
    .timeline-item .small-detail {min-height: 140px; display: flex ;align-items: flex-end;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .small-detail { align-items: flex-start; }
    /* solution */

    /* stack */
    .stake-wrappper {padding: 60px 0;}
    .stack-title {margin: 0 0 60px 0;}
   .stack-shape { max-width: 140px;}
    /* stack */
    

}

@media (min-width: 992px) and  (max-width: 1199px){
    .main-title { font-size: 40px;}
    .section-title { font-size: 50px; line-height: 60px; }
    .block-title { font-size: 33px; line-height: 135.619%; }
    .btn { padding: 13px 8px; }    
    
    /* Banner */
    .banner-main .common-detail { padding: 0; }
    .banner-main .banner-right { max-width: 335px; margin: 0 0 -90px auto; }
    .banner-main { padding: 70px 0 0; }
    .banner-top-1 { max-width: 220px; }
    .banner-wrp::after,.banner-wrp:before {height: 635px;}
    /* Banner */
    
    /* global-brands */
    .global-brands-shap { max-width: 170px; }
    .global-brands-shap-left { max-width: 120px; }
    .global-brands-block { min-height: 115px; }    
    .global-brands-main { padding: 25px 0 100px; }
    .global-brands-logo { padding: 35px 0 0 0; }
    /* global-brands */

    /* business-partner */
    .business-partner-wrp { max-width: 925px; padding-bottom: 80px; }
    .business-partner-main { padding: 8px 25px 80px; }
    .line-top-1 { top: 32px; }
    .line-left-1 { left: 10px; }
    .line-right-1 { right: 10px; }
    .line-bottom-2 { bottom: 110px; }
    .line-bottom-1 { bottom: 80px; }
    .business-partner-section { padding: 25px 0 0 0; }
    .business-partner-section .block-title { padding: 25px 0 35px; }
    .business-partner-section .block-title * { padding: 0 0 30px; }
    /* business-partner */

    /* number */
    .numbers-wrapper {padding:60px 0;}
    .number-box .number-bg {padding: 36px 28px;}
    .number-bg .main-title { font-size: 68px; margin: 0 0 22px 0; }
    .number-bg .common-title { margin: 0 0 16px 0 ; }
    .form-shape-1 {max-width: 350px;}
    .number-shape-purple {max-width: 142px;}
    /* number */

    /* products */
    .products-shap-top { top: -40px; max-width: 14%; }
    .our-products-wrp { padding: 80px 0 70px; }
    .products-shap { width: 100%;   max-width: 170px; }
    .our-products-section { padding: 30px 0 0 0; }
    .our-products-title .section-title { padding: 23px 0 15px; }
    .our-products-top { padding: 0 0 40px; }
    .our-products-block {padding: 30px 30px 0 30px;}
    .coming-soon {padding: 30px; height: calc(100% - 30px);}
    /* products */

    /* join */
    .join-wrapper {padding: 52px 0;}
    .join-main .form-div { padding: 32px;}
    .join-main .content-box { padding: 0 40px 0 0; }
    /* join */

    /* testimonials */
    .testimonials-main { padding: 100px 0 100px; }
    .testimonial-shap { max-width: 280px; top: 450px; }
    .testimonials-block { margin: 0 0 50px; padding: 0 0 30px 0; }
    .testimonials-block .section-detail { font-size: 28px; }
    .testimonials-right { max-width: 500px; }    
    /* testimonials */

    /* footer */
    .footer { padding: 70px 50px; }
    .top-part .title-data { max-width: 100%; }
    .top-part {margin: 0 0 50px 0;}
    .title-block {width: 100%;max-width: 900px; margin: 0 0 36px 0;}
    /* footer */

    /* choose-codalify-wrp */
    .slick-arrow.slick-prev { left: -40px; }
    .slick-arrow.slick-next { right: -40px; }
    .choose-codalify-wrp { padding: 70px 0 50px; }
    .choose-codalify-section { max-width: 880px;}
    .choose-codalify-main { padding: 0 0 30px; }
    .choose-codalify-shap { max-width: 190px; }
    .choose-codalify-block { padding: 30px 20px; }
    .choose-codalify-block .small-title { font-size: 22px; line-height: 27px; }
    .choose-codalify-block .block-title { font-size: 44px; padding: 0 0 30px; }
    /* choose-codalify-wrp */

    /* BLog */
    .blog-wrp { padding: 70px 0 120px; }
    .blog-shap {max-width: 150px;}
    .blog-right ul li { padding: 35px 0 35px 0; }
    .blog-right ul li span { flex: 0 0 365px; }
    /* BLog */

    /* solution */
    .solution-wrapper {padding: 60px 0;}
    .title-main .title-tag {margin: 0 0 20px 0;}
    .title-main {margin: 0 0 44px 0;}
    .timeline-main .timeline-box{justify-content: center;max-width: 800px; margin: 0 auto}
    .timeline-main .dashed-line { background-position-x: center; max-width: 992px; top: 51%; left: 50%; transform: translate(0, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); margin: 0 auto; }
    .timeline-main .timeline-item { max-width: 180px;}
    .item-shape { height:calc(200px - 28px); max-width: 160px;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) { margin: 340px 0 0 0; justify-content: flex-end; }
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape { margin: 0 auto 26px auto; }
    .item-shape .small-title { font-size:16px;line-height: 20px;}
    .timeline-item .small-detail {margin: 0 0 18px 0;}
    .timeline-item .small-detail {min-height: 178px; display: flex ;align-items: flex-end;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .small-detail { align-items: flex-start; }
    .item-shape { filter: drop-shadow(11.682px 14.054px 0px #000); -webkit-filter: drop-shadow(11.682px 14.054px 0px #000); }
    /* solution */

    /* stack */
   .stake-wrappper {padding: 50px 0;}
   .stack-title {margin: 0 0 60px 0;}
   .stack-slider ul li {height: 70px;}
   .stack-shape { max-width: 140px;}
    /* stack */

}

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

    button.navbar-toggler {
        border: none;
    }
    
    .navbar-toggler {
        border: none;
        background-color: transparent;
        position: relative;
        z-index: 9999;
        right: 0;
        top: 0;
        padding: 0;
    }

    .header .navbar {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
    
    /* .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        max-width: 100%;
        width: 100%;
        height: auto;
        overflow: auto;
        background-color: #fff;
        transition: 0.5s;
        z-index: 9;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    } */
    
    .navbar-collapse.show {
        right: 0;
        /* height: 100%; */
        /* border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0; */
    }
    
    /* .navbar-collapse.show::before {
        right: 0;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    } */
    
    .navbar-collapse::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 65px;
        top: 0;
        right: -100%;
        background-color: #ffffff;
        transition: 0.5s;
        z-index: 9;
    }   
    
    .navbar .navbar-nav {
        align-items: flex-start;
        position: relative;
        top: 0;
        padding: 5px 0 20px;
    }
    
    .header .navbar-nav .nav-item {
        padding: 12px 0;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }

    .navbar-nav .nav-item .nav-link {
        font-family: 'SatoshiBold';
    }

    .navbar-nav .btn-blue {
        margin: 12px 0 0;
        width: 100%;
        max-width: 100%;
        padding: 10px 15px;
        display: block;
    }
    
    .header .navbar-nav .nav-item:first-child {
        padding-left: 0;
    }

    .navbar-toggler span {
        background-color: #000000;
        width: 25px;
        height: 3px;
        display: block;
        margin-bottom: 5px;
        transition: 0.5s;
        position: relative;
        background-image: none;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }
    
    .navbar-toggler.open span:first-child {
        top: 5px;
        transform: rotate(45deg);
    }
    
    .navbar-toggler.open span:nth-child(2) {
        display: none;
    }

    .navbar-toggler span:nth-child(2) {
        width: 18px;
        margin-right: 0;
        margin-left: auto;
    }

    .navbar-toggler span:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 0;
        left: -7px;
        background-color: #000000;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
}
    
    .navbar-toggler.open span:last-child {
        top: -3px;
        transform: rotate(-45deg);
    }

    .navbar-toggler span:last-child {
        margin: 0;
    }

    .navbar-nav .nav-item {
        margin: 0;
    }

    .navbar-brand {
        position: relative;
        z-index: 999;
    }

    .header-btn {
        display: none;
    }

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

    /* solution */
    .timeline-main .timeline-box { flex-direction: column; padding: 0 5px; }
    .timeline-main .timeline-item { flex-direction: row-reverse; gap:24px; max-width:100%; align-items: center; }
    .timeline-main .timeline-box .timeline-item:nth-child(even) { flex-direction: row; margin: 0 0 0 0; }
    .timeline-main .timeline-box .timeline-item .small-detail { text-align: left; }
    .timeline-main .timeline-box .timeline-item:nth-child(even) .small-detail { text-align: left; }
    .timeline-item::before { position: absolute;content: '';height: 2px; width: 100%;border: 2px dashed #ffffff33;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape {margin: 0 0 0 0;}
    .timeline-item .small-detail {margin: 0 0 0 0;align-items: center; min-height: auto; text-align: left !important;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .small-detail {align-items: center; }
    /* solution */

    /* button-end */
}

@media (min-width: 768px) and (max-width: 991px){
    .main-title { font-size: 32px;}
    .section-title { font-size: 40px; line-height: 50px; }
    .block-title { font-size: 28px; line-height: 133.619%; }
    .btn { padding: 13px 8px; }    
    .common-detail { font-size: 16px; }

    .header .navbar { padding: 12px 32px; }
    .header.header-nav .navbar { padding: 12px 32px; }
    
    /* Banner */
    .banner-main .common-detail { padding: 0; }
    .banner-main .banner-right { max-width: 100%; margin: 25px 0; }
    .banner-main { padding: 40px 0 0; text-align: center; }
    .banner-top-1 { max-width: 220px; }
    .banner-wrp::after,.banner-wrp:before {height: 635px;}
    .banner-btns { justify-content: center; }
    .banner-btns .btn-white { margin: 0 18px 0 0; }
    .banner-img { padding: 20px 0 0 0; }
    /* Banner */

    /* global-brands */
    .global-brands-shap { max-width: 130px; }
    .global-brands-shap-left { max-width: 100px; }
    .global-brands-block { min-height: 100px; }    
    .global-brands-main { padding: 10px 0 70px; }
    .global-brands-logo { padding: 35px 0 0 0; }
    .same-title .detail br {display: none;}
    .same-title .detail {padding: 10px 0 0 ;}
    .global-brands-logo .row >* { padding: 0 8px; }
    .global-brands-logo .row { margin: 0 -8px; }
    .global-brands-logo-bottom { padding: 16px 0 0 0; }
    .global-brands-block img {max-width: 100px;}
    /* global-brands */

    /* business-partner */
    .business-partner-wrp { max-width: 720px; padding-bottom: 80px; }
    .business-partner-main { padding: 8px 25px 70px; }
    .line-top-1 { top: 32px; }
    .line-left-1 { left: 10px; }
    .line-right-1 { right: 10px; }
    .line-bottom-2 { bottom: 110px; }
    .line-bottom-1 { bottom: 80px; }
    .business-partner-section { padding: 25px 0 0 0; }
    .business-partner-section .block-title { padding: 25px 0 35px; }
    .business-partner-section .block-title * { padding: 0 0 30px; }
    /* business-partner */

    /* number */
    .numbers-wrapper {padding:40px 0;}
    .number-box .number-bg {padding: 28px 24px;}
    .number-bg .main-title { font-size: 52px; margin: 0 0 16px 0; }
    .number-bg .common-title { margin: 0 0 12px 0 ; }
    .title-container { margin: 0 0 50px 0; }
    .form-shape-1 {max-width: 270px;}
    .number-shape-purple {max-width: 150px;}
    /* number */

    /* products */
    .products-shap-top { top: -30px; max-width: 14%; }
    .our-products-wrp { padding: 60px 0 40px; }
    .products-shap { width: 100%;   max-width: 170px; }
    .our-products-section { padding: 30px 0 0 0; }
    .our-products-title .section-title { padding: 23px 0 15px; }
    .our-products-top { padding: 0 0 40px; min-height: 250px; }
    .our-products-block {padding: 30px 30px 0 30px;}
    .coming-soon {padding: 30px; height: calc(100% - 30px);}
    .coming-soon .section-detail { font-size: 24px; }    
    .promote-marketing { max-width: 100px; margin: 0 0 10px ; }
    /* .our-products-bottom {height: calc(100% - 250px);} */
    .our-products-bottom img {height: 100%;}
    /* products */

    /* join */
    .join-wrapper {padding: 48px 0;}
    .join-main .form-div { padding: 28px;}
    .join-main .content-box { padding: 0 20px 0 0; }
    /* join */

    /* footer */
    .top-part .title-data { max-width: 100%; align-items: flex-start; }
    .top-part {margin: 0 0 40px 0;}
    .title-block {width: 100%;max-width: 720px; margin: 0 0 32px 0;}
    /* footer */

    /* testimonials */
    .testimonials-main { padding: 80px 0 50px; }
    .testimonial-shap { max-width: 210px; top: 450px; }
    .testimonials-block { margin: 0 0 30px; padding: 0 0 30px 0; }
    .testimonials-block .section-detail { font-size: 22px; padding: 20px 0; }
    .testimonials-right { max-width: 370px; } 
    .testimonials-left .detail br {display: none;}   
    .testimonials-block .testimonial-bottom .common-title span { color: #717780; font-size: 17px; }
    .testimonials-left .section-title { font-size: 36px; line-height: 44px; padding: 30px 0 15px 0; }
    /* testimonials */

    /* choose-codalify-wrp */
    .choose-codalify-wrp { padding: 50px 0 40px; }
    .slick-arrow.slick-prev { left: -35px; }
    .slick-arrow.slick-next { right: -35px; }
    .choose-codalify-section { max-width: 670px;}
    .choose-codalify-main { padding: 0 0 30px; }
    .choose-codalify-block {margin: 0 5px;}
    .choose-codalify-block .block-title { font-size: 40px; line-height: 50px; padding: 0 0 30px; }
    .choose-codalify-block .small-title { font-size: 20px; line-height: 25px; }
    .choose-codalify-shap { max-width: 150px; }
    /* choose-codalify-wrp */

    /* BLog */
    .blog-wrp { padding: 50px 0 120px; }
    .blog-shap {max-width: 150px;}
    .blog-right ul li { padding: 25px 0 20px 0; flex-direction: column; align-items: flex-start; }
    .blog-right ul li span { flex: 0 0 auto; padding: 0 0 10px; }
    .div-relative-detail { padding: 25px; }
    .div-relative-detail .small-title { padding: 20px 0 35px; }
    .blog-title { padding: 0 0 30px; }
    .blog-title .section-title { padding: 30px 0 10px; }
    .blog-btn .btn {max-width: 160px;}
    /* BLog */

    /* solution */
    .solution-wrapper {padding: 40px 0 64px 0;}
    .title-main .title-tag {margin: 0 0 18px 0;}
    .title-main {margin: 0 0 40px 0;}
    .timeline-main .timeline-box {gap: 30px;}
    .item-shape .main-title {font-size: 42px;}
    .item-shape .small-title {font-size: 20px; line-height:normal;}
    .item-shape {width: 100%;height: auto; max-width: 190px;}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape { padding: 22px 14px 40px;}
    .timeline-main .timeline-box {max-width: 700px; width: 100%; margin: 0 auto;}
    .timeline-main .timeline-box .timeline-item:nth-child(even)::before { transform: rotate(158deg); -webkit-transform: rotate(158deg); -moz-transform: rotate(158deg); -ms-transform: rotate(158deg); -o-transform: rotate(158deg); }
    .timeline-item::before { transform: rotate(19deg); top: 191px; -webkit-transform: rotate(19deg); -moz-transform: rotate(19deg); -ms-transform: rotate(19deg); -o-transform: rotate(19deg); }
    /* solution */

    /* stack  */
    .stake-wrappper {padding: 40px 0;}
    .stack-title {margin: 0 0 50px 0;}
    .stack-slider ul li {height: 60px;}
    .stack-shape { max-width: 120px;}
    /* stack  */

}

@media (min-width: 768px) {
    .global-brands-logo-mobile {display: none;}
}

@media (max-width: 767px) {
    .main-title { font-size: 32px;}
    .section-title { font-size: 22px; line-height: 30px;  }
    .block-title { font-size: 16px; line-height: 162.5%; }
    .btn { padding: 13px 8px; }    
    .common-detail { font-size: 14px; }
    .navbar-brand {max-width: 94px;}
    .small-title { font-size: 20px; line-height: 22px; }

    .header .navbar { padding: 5px 20px 5px 15px;}
    .header.header-nav .navbar { padding: 5px 15px;}
    .header { top: 16px; }
    /* .navbar .navbar-nav { padding: 60px 30px 20px; } */
    
    /* Banner */
    .banner-wrp { padding: 60px 0 0 0; }
    .banner-main .common-detail { padding: 0; }
    .banner-main .banner-right { max-width: 100%; margin: 15px 0; }
    .banner-main { padding: 32px 0 0; text-align: center; margin: 0 0 35px 0; }
    .banner-top-1 { max-width: 110px; }
    .banner-wrp::after,.banner-wrp:before {height: 550px;}
    .banner-btns { justify-content: center; }
    .banner-btns .btn-white { margin: 0 18px 0 0; }
    .banner-img { padding: 20px 0 0 0; }
    .banner-btns .btn {font-size: 14px;}
    /* Banner */
    
    /* global-brands */
    .global-brands-shap { display: none;; }
    .global-brands-shap-left {display: none;}
    .same-title .detail { font-size: 12px; }
    .global-brands-block { min-height: 100px; }    
    .global-brands-main { padding: 10px 0 15px; }
    .global-brands-logo { padding: 35px 0 0 0; }
    .same-title .detail br {display: none;}
    .same-title .detail {padding: 10px 0 0 ;}
    .global-brands-logo .row >* { padding: 0 8px; }
    .global-brands-logo .row { margin: 0 -8px; }
    .global-brands-logo-bottom { padding: 16px 0 0 0; }
    .carouselTicker__item  img {max-width: 50px;}
    .global-brands-logo-mobile {margin: 15px 0 0 0;}
    /* global-brands */

    /* business-partner */
    .business-partner-wrp { max-width: 100%; border: none; padding-bottom: 55px; margin: 50px auto 0; }
    .business-partner-main { padding: 8px 0 0; }
    .line-top-1 {display: none;}
    .line-left-1 {display: none;}
    .line-right-1 {display: none;}
    .line-bottom-2 { display: none; }
    .line-bottom-1 {display: none;}
    .business-partner-section { padding: 15px 0 0 0; }
    .business-partner-section .block-title { padding: 12px 0 15px; }
    .business-partner-section .block-title * { padding: 0 0 15px; }
    .business-partner-shap {position: absolute; max-width: 20%; opacity: 0.3; top: 0; right: 0;}
    .business-partner-section .btn {max-width: 164px; font-size: 14px; padding: 11px 8px;}
    .business-partner-shap { top: -35px; right: 0; }
    /* business-partner */

    /* number */
    .numbers-wrapper {padding: 55px 0 40px;}
    .number-box .number-bg { padding: 21px 16px;height: calc(100% - 15px); margin: 0 0 15px 0; }
    .number-bg .main-title { font-size:50px;letter-spacing: 0.5px;margin: 0 0 9px 0;text-transform: uppercase;}
    .number-bg .common-title {font-size: 14px;letter-spacing: -0.42px;line-height: 110%;margin:  0 0 16px 0;}
    .number-bg .common-detail {font-size: 12px;letter-spacing: -0.36px;}
    .number-bg .main-title .plus-icon { height: 24px;width: 24px; }
    .title-container { margin: 0 0 32px 0; }
    .number-shape-purple { max-width: 80px; top: -23px; transform:rotate(15deg) ; -webkit-transform:rotate(15deg) ; -moz-transform:rotate(15deg) ; -ms-transform:rotate(15deg) ; -o-transform:rotate(15deg) ; }
    /* number */

    /* products */
    .products-shap-top { top: -30px; max-width: 14%; }
    .our-products-wrp { padding: 50px 0 40px; }
    .products-shap { width: 100%;   max-width: 170px; }
    .our-products-section { padding: 30px 0 0 0; }
    .our-products-title .section-title { padding: 15px 0 0; }
    .our-products-top { padding: 0 0 20px; min-height: auto; }
    .our-products-block { margin: 0 0 18px 0; height: calc(100% - 18px); padding: 20px 20px 0 20px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
    .coming-soon { padding: 20px; height: calc(100% - 20px); border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
    .coming-soon .section-detail { font-size: 19px; }    
    .promote-marketing { max-width: 95px; margin: 0 0 10px ; }
    /* .our-products-bottom {height: calc(100% - 250px);} */
    .our-products-bottom img {height: auto;}
    .polygon-3 { max-width: 55px; top: 50px; }
    .polygon-2 { max-width: 85px; border-radius: 0 0 20px 0; -webkit-border-radius: 0 0 20px 0; -moz-border-radius: 0 0 20px 0; -ms-border-radius: 0 0 20px 0; -o-border-radius: 0 0 20px 0; }
    /* products */
    
    /* join */
    .join-wrapper {padding: 41px 0;}
    .join-main .form-div { padding: 17px 14px; margin: 0 5px;}
    .content-box .main-title {text-align: center;}
    .content-box .detail {text-align: center;}
    .join-main .content-box { padding: 0 0px 30px 0;}
    .form-shape {top: 150px; bottom: auto;right:0;}
    /* join */

    /* footer */
    .footer { padding:50px 0;}
    .top-part { margin: 0 0 45px 0; }
    .bottom-part .detail { margin:  0 0 12px 0; font-size: 14px; }
    .bottom-part ul li {margin: 0 0 12px 0 }
    .title-block { margin: 0 0 30px 0; }
    .top-part .title-data {max-width: 100%; margin: 0; align-items: center;}
    .logo-div {max-width: 183px; width: 100%; display: block;}
    .bottom-part ul li a {font-size: 14px;}
    .social-icon {padding: 15px 0 0;}
    .footer-main {text-align: center;}
    /* footer */

    /* testimonials */
    .testimonials-main { padding: 60px 0 50px; }
    .testimonial-shap { max-width: 210px; top: 450px; }
    .testimonials-block { margin: 0 0 20px; padding: 0 0 25px; }
    .testimonials-block .section-detail { font-size: 20px; padding: 18px 0; line-height: 150%; }
    .testimonials-right { max-width: 100%; margin: 50px 0 0 ; } 
    .testimonials-left .detail br {display: none;}   
    .testimonials-block .testimonial-bottom .common-title span { color: #717780; font-size: 17px; font-family: 'SatoshiRegular'; }
    .testimonials-left .section-title { font-size: 30px; line-height: 44px; padding: 10px 0 5px 0; }
    .testimonials-left {text-align: center;}
    .testimonials-left .title-tag {max-width: 155px; margin: 0 auto;}
    .testimonial-shap-mobile {position: absolute; top: 60px; right: 0;}
    .testimonials-block .star li {max-width: 20px;}
    .testimonial-bottom .common-title {font-family: 'SatoshiBold'; letter-spacing: -0.2px; }
    /* testimonials */

    /* choose-codalify-wrp */
    .choose-codalify-wrp { padding: 50px 0 40px; overflow: hidden;}
    .slick-arrow.slick-prev { left: 12px; }
    .slick-arrow.slick-next { right: 12px; }
    .choose-codalify-section { max-width: 670px;}
    .choose-codalify-main { padding: 0 0 10px; }
    .choose-codalify-main .section-title {text-align: center;}
    .choose-codalify-block {margin: 0 5px; min-height: auto !important;}
    .choose-codalify-block .block-title { font-size: 40px; line-height: 50px; padding: 0 0 30px; }
    .choose-codalify-block .small-title { font-size: 16px; line-height: 20px; }
    .choose-codalify-section .slick-list {padding: 0 100px;}
    .choose-codalify-shap { max-width: 110px; top: -60px; bottom: auto; }
    /* choose-codalify-wrp */

    /* BLog */
    .blog-wrp { padding: 80px 0 47px; }
    .blog-right ul li { padding: 25px 0 20px 0; flex-direction: column; align-items: flex-start; }
    .blog-right ul li span { flex: 0 0 auto; padding: 0 0 10px; }
    .div-relative-detail { padding: 25px; }
    .div-relative-detail .small-title { padding: 20px 0 22px; font-size: 16px; line-height: 126.368%;}
    .blog-title { padding: 0 0 30px; text-align: center; }
    .blog-title .title-tag {max-width: 90px; margin: 0 auto;}
    .blog-title .section-title { padding: 30px 0 10px; }
    .blog-btn .btn {max-width: 160px;}
    .blog-shap { max-width: 130px; bottom: auto; top: 0; right: auto; left: -55px; transform: rotate(107deg); }
    .blog-btn {text-align: center; padding: 12px 0 0 ;}
    .blog-btn .btn { padding: 11px 8px; font-size: 14px;}
    .blog-block { margin: 0 0 16px 0; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; }
    .blog-mobile .div-relative-detail .small-title { padding: 8px 0 22px; font-size: 16px; line-height: 126.368%; }
    .blog-mobile .div-relative-detail .detail { padding: 0 0 10px; }
    .div-relative-img img { border-radius:11px 11px 0 0 ; -webkit-border-radius:11px 11px 0 0 ; -moz-border-radius:11px 11px 0 0 ; -ms-border-radius:11px 11px 0 0 ; -o-border-radius:11px 11px 0 0 ; }
    /* BLog */

    /* solution */
    .solution-wrapper {padding: 50px 0;}
    .title-main .title-tag {margin: 0 0 16px 0;}
    .title-main {margin: 0 0 38px 0;}
    .timeline-main .timeline-box {gap: 36px;}
    .timeline-main .timeline-item {gap: 19px;}
    .item-shape .main-title {font-size: 25px !important;}
    .item-shape .small-title {font-size: 16px; line-height:normal;}
    .timeline-item .small-detail {font-size: 12px;line-height: 16px;}
    .item-shape {background-size: 150px 155px; padding: 55px 14px 28px 14px; flex: 0 0 150px; height:auto;width: 100%; filter: drop-shadow(5.883px 9.093px 0px #000); -webkit-filter: drop-shadow(5.883px 9.093px 0px #000);}
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape {  padding: 25px 14px 59px 14px;}
    .shape-img-1 { background-image: url(../images/item-shape1.png); }
    .shape-img-2 { background-image: url(../images/item-shape2.png); }
    .shape-img-3 { background-image: url(../images/item-shape3.png); }
    .shape-img-4 { background-image: url(../images/item-shape4.png); }
    .shape-img-5 { background-image: url(../images/item-shape5.png); }
    .timeline-main .timeline-box {  max-width: 450px; width: 100%; margin: 0 auto;}
    .timeline-main .timeline-box .timeline-item:nth-child(even)::before { transform: rotate(147deg); -webkit-transform: rotate(147deg); -moz-transform: rotate(147deg); -ms-transform: rotate(147deg); -o-transform: rotate(147deg); }
    .timeline-item::before { transform: rotate(33deg); top: 170px; }
    /* solution */

    /* stack */
    .stake-wrappper {padding: 50px 0; overflow: hidden;}
    .stack-title{flex-direction: column;margin: 0 0 30px 0;}
    .stack-title .title-left {width: 100%; text-align: center;margin: 0 0 8px 0;}
    .stack-title .title-tag {margin: 0 auto 16px auto; max-width: 160px;}
    .title-right .detail {text-align: center;padding: 0 5px 0 5px;max-width: 100%; }
    .stack-container .container {width: 100%;max-width: 100%;padding: 0;}
    .stack-slider ul li {height: 48px !important;}
    .stack-slider ul {margin: 4px auto;}
    .stack-shape {max-width: 84px;top: -28px;}
    /* stack */

}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (max-width: 575px){
    .banner-left .main-title {font-size: 32px; line-height: 109%;}
    .main-title { font-size: 22px; }

    .small-title { font-size: 20px; line-height: 22px; }
    .our-products-top .detail {font-size: 12px;}
    .title-tag {font-size: 10px;}

    /* Footer */
    .title-block {width: 100%;max-width: 520px;}
    /* Footer */

    .testimonials-left .section-title { font-size: 22px; line-height: 24px; padding: 12px 0 8px 0; }
    .testimonials-left .detail { font-size: 12px; line-height: 150%; }
    .testimonials-block .section-detail { font-size: 18px; padding: 20px 0; }
    .testimonial-bottom .common-title {font-size: 16px;}
    .testimonials-block .testimonial-bottom .common-title span { font-size: 12px; }

    .choose-codalify-section .slick-list {padding: 0 60px;}

    .choose-codalify-block .detail {font-size: 12px;}

    .div-relative-detail { padding: 20px; }

    /* solution */
    .solution-wrapper {padding: 50px 0;}
    .title-main .title-tag {margin: 0 0 16px 0;}
    .title-main {margin: 0 0 38px 0;}
    .timeline-main .timeline-box {gap: 36px;}
    .timeline-main .timeline-item {gap: 19px;}
    .item-shape .main-title {font-size: 25px !important;}
    .item-shape .small-title {font-size: 13px; line-height:normal;}
    .timeline-item .small-detail {font-size: 12px;line-height: 16px;}
    .item-shape { flex: 0 0 102px; background-size: 103px 118px; height:auto; width: 100%; padding: 30px 7px 22px 7px; filter: drop-shadow(5.883px 9.093px 0px #000); -webkit-filter: drop-shadow(5.883px 9.093px 0px #000); }
    .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape {padding: 7px 7px 46px 7px;}
    /* .timeline-main .timeline-box .timeline-item:nth-child(even) .item-shape {padding: 14px 7px 38px 7px;} */
    .shape-img-1 { background-image: url(../images/item-shape1.png); }
    .shape-img-2 { background-image: url(../images/item-shape2.png); }
    .shape-img-3 { background-image: url(../images/item-shape3.png); }
    .shape-img-4 { background-image: url(../images/item-shape4.png); }
    .shape-img-5 { background-image: url(../images/item-shape5.png); }
    .timeline-main .timeline-box {max-width: 450px; width: 100%; margin: 0 auto;}
    .timeline-main .timeline-box .timeline-item:nth-child(even)::before { transform: rotate(147deg); -webkit-transform: rotate(147deg); -moz-transform: rotate(147deg); -ms-transform: rotate(147deg); -o-transform: rotate(147deg); }
    .timeline-item::before { transform: rotate(33deg); top: 140px; }
    .timeline-main .timeline-box {max-width: 345px;}
    /* solution */

    /* number */
    .title-container .detail {font-size: 12px;}
    .title-container .section-title {padding:0 17px 8px;line-height: normal;}
    .number-shape-purple {top: -33px;}
    .number-main .title-container {width: 100%; max-width: 296px; margin: 0 auto 32px;}
    /* number */

    /* stack */
    .title-right .detail {text-align: center;padding: 0 0px 0 0px; font-size: 12px;}
    .stack-shape {max-width: 67px;top: -18px;}
    /* stack */

    .link { font-size: 14px; line-height: 18px; display: flex; align-items: center; }
    .link svg {width: 16px; height: 16px;}

}

@media (min-width: 240px) and (max-width: 374px){
    .banner-btns {flex-direction: column;}
    .banner-btns .btn-white {margin: 0 0 10px 0;}
    .btn { padding: 10px 8px; max-width: 160px; }
    .banner-wrp::after, .banner-wrp:before { height: 660px; }

    .title-block {width: 100%;max-width: 100%;}
}