@media screen and ( max-width:767px ) {
    br {
        display: none !important;
    }
    .banner {
        width:100%;
        height:515px;
        background:url(../images/new-mobile-atf.webp) center center no-repeat;
        background-size: cover;
        align-items:flex-end;
        padding:0 0 45px 0;
    }
    .banner-detail {
        width:740px;
        margin:0 10px 0 10px;
        box-sizing:border-box;
    }
    .atf-title {
        color:#fff;
        font-size:36px;
        line-height:38px;
        margin:0 0 10px 0;
        font-family: 'DM Serif Display';
        text-align:center;
    }
    .atf-tagline {
        display: inline-block;
        width:100%;
        text-align:center;
        color:#e8e8e8;
        font-size:14px;
        line-height:1;
        letter-spacing: 1.2px;
        margin:0 0 20px 0;
        text-transform:uppercase;
    }
    .banner-btm {
        width:100%;
        text-align:center;
    }
    .banner-btm a {
        margin:0 auto;
    }
    .banner-btmtagline {
        display: inline-block;
        width:100%;
        margin:20px auto 0 auto;
        color:#e8e8e8;
        font-size:16px;
        line-height:1.3;
        letter-spacing: 1.4px;
        font-family: 'Lato';
        max-width:315px;
    }
    .banner-btmtagline span {
        color:#38AE89;
    }
    .btf-row1 {
        position:relative;
        padding:30px 0 40px 0;
    }
    .btf-row1 .inner {
        padding:0 25px 0 36px;
    }
    .btf-row1 .col-left {
        width:100%;
        padding-right:40px;
    }
    .btf-row1 .col-right {
        width:100%;
        margin:35px 0 0 0;
    }
    .btf-row1 h2 {
        color:#002B47;
        font-size:36px;
        line-height:47px;
        font-family: 'DM Serif Display';
    }
    .btf-row1 p {
        font-size:20px;
        line-height:32px;
        margin:0 0 25px 0;
        letter-spacing: .8px;
    }
    .btf-row1 .col-right p a {
        font-size:20px;
    }
    .btfrow1-btn {
        padding-top:120px;
        width:100%;
    }
    .btf-row1 .animatedborder-line {
        display:inline-block;
        width:2px;
        height:88px;
        background-color:#38AE89;
        position:absolute;
        left:0;
        right:0;
        margin:0 auto;
        bottom:110px;
    }
    .btf-row1 a {
        width:290px;
        height:55px;
    }
    .btf-row1 a span {

    }
    .btf-row2 {
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        position:relative;
        padding:0 0 245px 0;
    }
    .btf-row2:before {
        content:'';
        position:absolute;
        left:0;
        top:55px;
        width:100%;
        height:245px;
        background:url(../images/about-row-bg.webp) center center no-repeat;
        background-size:cover;
    }
    .btf-row2:after {
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:245px;
        background:url(../images/bottom-bg-image.webp) center center no-repeat;
        background-size:cover;
    }
    .btf-row2 .col-left {
        display:inline-block;
        position:relative;
        z-index: 9;
        width:calc( 100% - 50px );
        margin:0 25px;
    }
    .btf2-sliderdetail {
        position:relative;
    }
    .btf2-sliderdetail span {
        background-color:#002B47;
        border-left:4px solid #38AE89;
        color:#fff;
        font-size:13px;
        line-height:1;
        letter-spacing: .9px;
        display: inline-block;
        position:absolute;
        left:20px;
        bottom:20px;
        z-index: 1;
        padding:20px 15px 18px 22px;
        text-transform: uppercase;
    }
    .btf2-sliderdetail span a {
        color:#38AE89;
        font-weight:700;
    }
    .btf2-slider .slick-next, .btf2-slider .slick-prev {
        width:40px;
        height:50px;
        background-color:#002B47;
        z-index: 9;
        bottom:0;
        top:45%;
        right:-18px;
    }
    .btf2-slider .slick-prev {
        left:-18px;
    }
    .btf2-slider .slick-next:before {
        content:'';
        border: solid #38AE89;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .btf2-slider .slick-prev:before {
        content:'';
        border: solid #38AE89;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    .btf-row2 .col-right {
        display:inline-block;
        width:100%;
        position:relative;
        margin:30px 0 0 0;
        padding:0 35px 110px 35px;
    }
    .btf-row2 .inner-cont {
        position:relative;
        z-index: 2;
    }    
    .btf-row2 .col-right h2 {
        color:#002B47;
        font-size:36px;
        line-height:47px;
        font-family:'DM Serif Display';
        margin:0 12px 45px 0;
    }
    .btf-row2 .col-right p {
        color:#0E0E0E;
        font-size:16px;
        line-height:24px;
        font-weight:normal;
        letter-spacing: .64px;
    }
    .btf-row2 .col-right ul {
        margin:35px 0 35px 45px;
        padding:3px 0 3px 30px;
        border-left:2px solid #38AE89;
    }
    .btf-row2 .col-right  ul li {
        color:#0E0E0E;
        font-size:16px;
        line-height:1.2;
        font-weight:normal;
        margin:0 0 25px 0;
        letter-spacing: .64px;
    }
    .btf-row2 .col-right  ul li:last-child {
        margin:0;
    }
    .btf-row2 .btf2-tagline {
        display: inline-block;
        width:100%;
        color:#0E0E0E;
        font-size:20px;
        line-height:30px;
        font-weight:normal;
        margin:15px 0 22px 0;
        text-align:center;
        letter-spacing: .8px;
    }
    .btf-row2 .default-btn {
        margin:0 auto;
    }
    .btf-row3 {
        padding:65px 0 50px 0;
        position:relative;
    }
    .btf-row3:after {
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:160px;
        background-color:#38AE89;
    }
    .btf3-greybox {
        content:'';
        position:absolute;
        left:0;
        top:90px;
        width:calc( 100% - 30px );
        height:calc( 100% - 95px );
        background-color:#F9F9F9;
        z-index: 2;
    }
    .btf-row3 .detail {
        position:relative;
        z-index: 9;
        margin:0 38px;
    }
    .btf-row3 h2 {
        color:#002B47;
        font-size:36px;
        line-height:47px;
        font-family:'DM Serif Display';
    } 
    .practicearea-row {
        margin:0 0 15px 0;
    }
    .practicearea-row .tagline {
        color:#0E0E0E;
        font-size:16px;
        line-height:26px;
        font-weight:normal;
        letter-spacing: .65px;
        margin:30px 0 0 0;
    }
    .practicearea-list {
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        width:100%;
        margin:25px 0 0 15px;
    }    
    .practicearea-inner {
        width:100%;
    }
    .practicearea-inner a {
        display: inline-block;
        color:#002B47;
        font-size:14px;
        line-height:1;
        font-weight:700;
        transition: all .3s ease-in-out;
        border-bottom:1px solid transparent;
        padding:0 0 5px 0;
        margin:0 0 10px 0;
        position:relative;
    }
    .practicearea-inner a:after {
        content:'';
        position:absolute;
        bottom:0;
        left:0;
        width:0;
        height:2px;
        border-bottom:2px solid #38AE89;
    }
    .practicearea-inner a:hover:after {
        width:100%;
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
    .btf3-descp {
        padding-right:30px;
    }
    .btf3-descp p {
        color:#0E0E0E;
        font-size:16px;
        line-height:26px;
        letter-spacing: .64px;
        font-weight:normal;
    }
    .btf3top-animatedborder {
        position:absolute;
        right:-22px;
        top:70px;
        width:110px;
        height:2px;
        background-color:#38AE89;
        z-index: 4;
    }
    .btf3right-animatedborder {
        position:absolute;
        right:-22px;
        top:70px;
        width:2px;
        height:calc( 925px - 45px );
        background-color:#38AE89;
        z-index: 4;
    }
    .btf-row4 {
        padding:70px 0 100px 0;
        background-color:#38AE89;
    }
    .btf-row4 .inner {
        margin:0 15px;
    }
    .btf-row4 h2 {
        color:#fff;
        font-size:36px;
        line-height:47px;
        font-family:'DM Serif Display';
        font-weight:400;
        text-align:center;
        padding:0 17px;
    }
    .btf4-animatedborderline {
        position:relative;
        height:65px;
        margin:30px 0 0 0;
    }
    .btf4-animatedborderline span {
        position:absolute;
        left:0;
        right:0;
        margin:0 auto;
        bottom:0;
        width:2px;
        height:65px;
        background-color:#fff;
    }
    .btf4-animatedborderline .aos-animate {
        height:65px;
    }
    .btf-row4 .detail {
        align-items: flex-start;
    }
    .btf-row4 .inner-content {
        width:100%;
        margin:0 0 50px 0;
    }
    .btf-row4 .inner-content:last-child {
        margin:0;
    }
    .btf-row4 .number-title {
        color:#fff;
        font-size:130px;
        line-height:.9;
        font-family:'DM Serif Display';
        font-weight:400;
    }
    .btf-row4 h3 {
        color:#fff;
        font-size:34px;
        line-height:38px;
        font-family:'DM Serif Display';
        font-weight:400;
        margin-left:8px;
    }
    .btf-row4 h3 br {
        display: block !important;
    }
    .btf-row4 .descp  {
        padding:0 30px 0 10px;
    }
    .btf-row4 p {
        color:#fff;
        font-size:16px;
        line-height:26px;
        letter-spacing: .64px;
        margin:5px 0 0 0;
    }
    .btf4contact-btn {
        position:relative;
        display: flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items:center;
        width:100%;
        margin:55px 0 0 0;
    }
    .btf4contact-animatedborder {
        position:absolute;
        left:0;
        top:auto;
        width:48%;
        height:2px;
        background-color:#fff;
    }
    .btf4contact-btn a {
        display: inline-block;
        width:225px;        
        transition:all .3s ease-in-out;
        background-color:#38AE89;
        border:2px solid #fff;
        position:relative;
        z-index: 2;
    }
    .btf4contact-btn a span {
        display: inline-block;
        width:100%;
        text-align:center;
        color:#fff;
        font-size:16px;
        line-height:52px;
        text-transform: uppercase;
        letter-spacing: 1.6px;
        font-weight:700;
        position:relative;
    }
    .btf4contact-btn a:hover {
        background-color:#fff;
    }
    .btf4contact-btn a:hover span {
        color:#38AE89;        
    }

}

@media ( max-width: 361px ) {
    .atf-title {
        font-size:26px;
        line-height:35px;
    }

}

@media ( max-width: 416px ) {
    .banner {
        background-position:100% 60%;
    }

}