@media(max-width: 1600px) {

}

@media(max-width: 1400px) {
    .banner_inner h2 {
        padding-top: 50px;
        font-size: 35px;
        line-height: 35px;
    }
    .banner_inner h1 {
        font-size:50px;
        line-height:50px;
    }
    .banner_inner h1::after {
        right: 52px;
        top: 37px;
    }
    .count_box {
        width: 300px;
        height: 300px;
    }
    .what_we_do h3 {
        font-size: 35px;
        line-height: 35px;
    }
    .what_we_do h4 {
        font-size: 30px;
        line-height: 30px;
    }
    .what_we_do p{
        font-size: 22px;
        line-height: 24px;
    }
    .what_we_do_img {
        width: 123px;
        height: 81px;
    }
    .what_we_do_rht_exp {
        width:70%;
        height: 100px;
        left: 50px;
        bottom:0px;
    }
    .what_we_do_rht_exp{
        margin-bottom:-60px;
    }
    .count_box h3 span {
        font-size: 80px;
        line-height: 80px;
    }
    .count_box h4 {
        padding-top: 0px;
        margin-bottom: 0px;
    }
    .client_blk h3 {
        font-size:35px;
        line-height:35px;
    }
    .counter_blk .grow-counter {
        font-size: 35px;
        line-height: 35px;
    }
    .testimonials_blk h3 {
        font-size:35px;
        line-height:35px;
    }
    .testimonials_blk_inner {
        flex-direction: column;
    }
    .testimonials_blk_right {
        margin-top: 50px;
    }
    footer {
        padding: 80px 0 20px 0;
    }
    .footermenu{
        padding: 20px 0;
    }
    footer ul li {
        width:100%;
    }
    footer .footer-bottom h6::after {
        display: none;
    }
    /* .footerLink ul li a {
        width: 260px;
    }
    .footermenu ul li a {
        font-size: 22px;
        line-height: 45px;
    } */
    
    .footerLink ul li {
        display: inline;
    }
    .footerLink {
        padding: 0 0px 0 0;
    }
    .footerLink ul li a {
        padding: 0 10px 0 0px;
    }
    .footerLink li:first-child a {
        padding: 0 10px 0 0;
    }
}

@media screen and (max-width: 1366px) {
    .what_we_do_img {
        width: 95px;
        height: 81px;
    }
    .banner_inner h1::after {
        right: 17px;
        top: -10px;
    }
}



@media(max-width: 991px) {
    .counter_blk .counter-row-image {
        justify-content: center;
    }
    #what-we-do-two{
        margin-top: 85px;
    }
    .navbar-light .navbar-toggler {
        color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .navbar-collapse .navbar-nav .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: end;
        column-gap: 10px;
    }
    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url("../images-landing/toggle.png") !important;
    }
    .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url("../images-landing/toggle.png") !important;
    }
    .navbar-light .navbar-toggler {
        /* background: linear-gradient(95deg, rgba(155,69,145,1) 0%, rgba(255,38,58,1) 38%); */
        background: linear-gradient(95deg, rgb(155, 69, 145) 0%, rgba(255, 38, 58, 1) 38%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .navbar-collapse .navbar-nav .nav-item .nav-link {
        font-size:17px;
    }
}

@media(max-width: 768px) {  
    
    .counter_blk .counter-row-image{
        justify-content: center;
    }
    .counter_blk .counter-row-image .counter-col{
        width:50%;
        display: flex;
        justify-content: center;
    }
    .counter_blk .counter-row-image .counter-col .count_box {
        width: 150px;
        height: 150px;
    }
    .banner_inner .ban_img img{
        display: none;
    }
    .banner_inner p {
        font-size: 18px;
        line-height: 20px;
    }
    .what_we_do h3 {
        margin: 0;
    }
    .banner_inner h2 {
        padding-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }
    .banner_inner h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .banner_inner h1::after {
        right: 8px;
        top: 26px;
    }
    .link--arrowed {
        height: 70px;
        line-height: 60px;
        width: 300px;
    }
    /* .count_box {
        width: 200px;
        height: 200px;
    } */
    .count_box h3 span {
        font-size: 60px;
        line-height: 60px;
    }
    .count_box h3 {
        font-size:60px;
    }
    .count_box h4 {
        font-size: 18px;
    }
    .what_we_do_img {
        width: 89px;
        height: 81px;
    }
    
    .gray_border {
        border-top: #c6c6c6 2px solid;
        padding-top: 25px;
        display: flex;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
    }
    .what_we_do h3 {
        font-size:35px;
        line-height:35px;
    }
    .what_we_do p {
        font-size:22px;
        line-height:22px;
    }
    .what_we_do_rht_exp {
        width:50%;
        height: 130px;
        left: 50px;
        bottom: 0px;
    }
    .what_we_do_rht_exp h3{
        font-size: 80px;
        line-height: 80px;
    }
    .what_we_do_rht_exp p{
        font-size:22px;
        line-height:22px;
    }
    .client_blk ul li {
        width: 30%;
    }
    .testimonials_inner p {
        font-size:22px;
        line-height:22px;
    }
    footer {
        padding: 80px 0 20px 0;
    }
    footer .conect {
        width:100%;
        padding: 30px 0 0 0;
    }
    footer .footer-bottom {
        padding:15px 0;
        display: flex;
        justify-content: flex-start;
        align-items: end;
        column-gap: 10px;
        row-gap: 10px;
    }
    .footerLink ul li a {
        width: max-content;
    }
    .footerLink ul li a {
        padding: 0 10px 0 10px;
    }
    .what_we_do_rht {
        padding: 0;
        position: relative;
        margin: 80px 0 0 0;
    }
    
}


@media(max-width: 512px) {
    footer .conect {
        padding: 15px 0 0 0;
    }
    footer .footer-bottom a {
        font-size: 15px;
    }
    .footerLink ul li {
        font-size: 15px;
    }
    .testimonials_blk {
        padding: 0px 0 50px 0;
    }
    .count_box {
        width: 150px;
        height: 150px;
    }
    .count_box h3 span {
        font-size: 40px;
        line-height: 50px;
    }
    .count_box h4 {
        font-size: 15px;
    }
    .count_box h3 {
        font-size: 40px;
    }
    .counter_blk h6 {
        font-size: 22px;
    }
    .counter_blk .grow-counter {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .button-cta.with-arrow {
        padding: 10px 40px 10px 40px;
        width: 100%;
        display: flex;
    }
    footer .social ul li a i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer .social ul li a {
        text-decoration: none;
    }
    footer .footer-bottom {
        padding: 5px 0;
    }
    footer .social h6 {
        font-size: 24px;
        padding-bottom: 10px;
    }
    .client_blk {
        padding: 50px 0;
    }
    .banner_inner {
        padding: 38px 0 10px 0;
    }
    .what_we_do_rht_exp h3{
        font-size: 40px !important;
    }
    .testimonials_blk {
        padding: 0px 0 50px 0;
    }
    .counter_blk {
        padding: 10px 0 20px 0;
    }
    .button-cta.with-arrow:after {
        right: 6%;
    }
    footer .conect ul li {
        padding: 0 0 5px 0;
    }
    .what_we_do h6 {
        font-size: 22px;
    }
    .what_we_do h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .what_we_do p {
        font-size: 15px;
        line-height: 22px;
    }
    .client_blk h6 {
        font-size: 22px;
    }
    .client_blk h3 {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
    }
    .testimonials_blk h6 {
        font-size: 22px;
    }
    .testimonials_blk h3 {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
        padding-bottom: 10px;
    }
    .testimonials_blk p {
        font-size: 15px;
        line-height: 22px;
    }
    .counter-row .counter-col {
        width: 50%;
    }
    .contact_blk h3 {
        font-size: 35px;
        padding-bottom: 10px;
    }
    .contact_blk form input {
        margin-bottom: 20px;
    }
    .contact_blk form input::placeholder{
        font-size: 18px;
    }
    .contact_blk form textarea::placeholder{
        font-size: 18px;
    }
    footer p {
        font-size: 16px;
        line-height: 17px;
        margin: 15px 0;
    }
    .contact_blk {
        padding: 30px 0;
        background-color: #002f68;
    }
    .link--arrowed {
        height: 50px;
        line-height: 44px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .banner_inner a {
        font-size: 24px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .banner_inner p {
        font-size: 15px;
        line-height: 20px;
    }
    .btn {
        font-size: 17px !important;
        padding: 7px 28px !important;
    }
    .btn:after {
        top: -39px;
    }

    .banner_inner h1::after {
        right: 25px;
        top: 26px;
    }
    .banner_inner a {
        margin-bottom: 25px;
    }
    .banner_inner h2 {
        padding-top: 0;
        font-size: 22px;
        line-height: 30px;
    }
    .count_box {
        margin: 15px auto;
    }
    .what_we_do_rht_exp {
        width: 80%;
        display: flex;
        justify-content: center;
        column-gap: 10px;
        left: 10%;
    }
    .client_blk ul li {
        width: 45%;
    }
    .testimonials_inner {
        flex-direction: column;
        row-gap: 15px;
        text-align: center;
    }
    .testimonials_blk p {
        font-size: 18px;
        line-height: 22px;
    }
    .what_we_do_img {
        width: 167px;
        height: 81px;
    }
    .client_blk ul li {
        width: 90%;
    }

    /* .ban_txt{
        order: 2;
    }
    .ban_img{
        order: 1;
    } */
    .footerLink{
        padding-top: 7px;
    }
    .footerLink ul{
        line-height: 16px;
    }
    .footerLink ul li {
        display: inline;
        line-height: 16px;
    }

    footer .upper-footer {
        padding: 50px 15px;
    }

    footer .footer-bottom {
        font-size: 13px;
    }

    footer .footer-bottom h6 {
        font-size: 14px;
    }

    footer .footer-bottom {
        row-gap: 0px;
    }
    footer ul li a {
        font-size: 16px !important;
    }
    .contact_blk form input[type=submit] {
        width: 100%;
        padding: 8px;
        font-size: 22px;
    }
    .contact_blk form textarea {
        margin-bottom: 20px;
    }
    .footermenu ul li a {
        font-size: 28px;
        line-height: 44px;
    }
    .footerLink ul li a {
        font-size:12px !important;
        line-height:18px;
    }
}

@media(max-width:425px) {
    .nav-link {
        color: var(--color-black);
        font-size: 18px;
    }
    .banner_inner h1::after {
        right: 27px;
        top: 26px;
    }
    .what_we_do_rht_exp p {
        font-size: 18px;
        line-height: 22px;
    }
    .what_we_do_rht_exp {
        column-gap: 17px;
    }
    .what_we_do p {
        font-size: 18px;
        line-height: 22px;
    }
}
@media(max-width:375px) {
    .nav-link {
        color: var(--color-black);
        font-size: 17px;
    }
}
@media(max-width:320px) {
    .nav-link {
        color: var(--color-black);
        font-size: 15px;
    }
}