@media (min-width: 576px) {
    /*REVIEW MODAL S*/
        .reviewHeadBox{
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: unset;
        }
        .reviewHeadInfoBlock {
            align-items: flex-start;
        }
        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem);
        }
        .modal-dialog-scrollable {
            max-height: calc(100% - 3.5rem);
        }
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto;
        }
        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }
    /*REVIEW MODAL E*/
}
@media (min-width: 992px) {
    header .navbar-expand-lg .navbar-nav .btn-primary i{
        display: none;
    }
    .banner_sec>.container>.row>[class*=col-]:nth-child(1) {
        width: 100%;
        padding: 0 10%;
    }

    .banner_sec>.container>.row>[class*=col-]:nth-child(2) {
        width: 100%;
        padding: 0 15%;
    }
    /*.banner_sec .image_wrapper{
        position: absolute;
        inset: 0;
    }
    .banner_sec .content_wrapper{
        position: relative;
        inset: auto;
        padding-top: 48px;
        padding-bottom: 48px;
    }*/
    .banner_form_wrapper{
        background-color: transparent;
    }
    .banner_form_wrapper .banner_form{
        margin-top: 0;
        margin-bottom: 0;
    }
    .what_wedo_sec {
        padding: 0;
        background-color: transparent;
    }

    .what_wedo_sec .container {
        max-width: 100%;
        padding: 0;
    }

    .what_wedo_sec .row {
        margin: 0 auto;
        position: relative;
    }

    .what_wedo_sec .row>[class*=col-] {
        padding: 0;
    }

    .what_wedo_sec .row:nth-child(2) .image_block {
        margin-top: 0;
    }

    .what_wedo_sec .image_block {
        position: absolute;
        top: 0;
        bottom: 0px;
        padding: 0;
        height: 100%;
        overflow: hidden;
    }

    .what_wedo_sec .row.flex-lg-row .image_block {
        right: 0;
    }

    .what_wedo_sec .row.flex-lg-row-reverse .image_block {
        left: 0;
    }

    .what_wedo_sec .image_block img {
        width: 100%;
        height: 100%;
        -webkit-transition: all ease-in 0.5s;
        transition: all ease-in 0.5s;
        -webkit-transform: scale(1);
        transform: scale(1);
        object-fit: cover;
    }

    .what_wedo_sec .image_block:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .what_wedo_sec .content_block::before {
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        position: absolute;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .what_wedo_sec .row.flex-lg-row .content_block::before {
        left: 100%;
        right: auto;
        border-left: 50px solid var(--primary-color);
        border-bottom: 50px solid transparent;
    }

    .what_wedo_sec .row.flex-lg-row-reverse .content_block::before {
        right: 100%;
        left: auto;
        border-right: 50px solid var(--secondary-color);
        border-bottom: 50px solid transparent;
    }

    .what_wedo_sec .content_block::after {
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        position: absolute;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .what_wedo_sec .row.flex-lg-row .content_block::after {
        left: 100%;
        right: auto;
        border-left: 50px solid rgba(0,0,0,0.5);
        border-bottom: 50px solid transparent;
    }

    .what_wedo_sec .row.flex-lg-row-reverse .content_block::after {
        right: 100%;
        left: auto;
        border-right: 50px solid rgba(255,255,255,0.5);
        border-bottom: 50px solid transparent;
    }

    .what_wedo_sec .content_block {
        padding: 80px 100px;
        text-align: left;
    }

    .what_wedo_sec .content_block .block_title {
        padding: 24px 0 0;
    }

    .what_wedo_sec .content_block .block_title::before, .what_wedo_sec .content_block .block_title::after {
        right: auto;
    }

    .what_wedo_sec .content_block .block_title::before {
        top: 12px;
        bottom: auto;
    }

    .what_wedo_sec .content_block .block_title::after {
        top: 0;
        bottom: auto;
    }

    .what_wedo_sec .content_block ul {
        list-style: disc;
        padding-left: 2rem;
    }

    .what_wedo_sec .content_block ul li {
        text-align: left;
    }

    .what_wedo_sec .content_block ul li::before {
        content: unset;
    }
    .banner_form_wrapper {
        position: absolute;
        right: 6.5%;
        top: 0;
        bottom: 0;
        z-index: 2;
        padding: 0;
        display: flex;
        align-items: center;
    }
    .banner_sec .form_block {
    }

    .about_sec {
        text-align: left;
        padding: 40px 0 70px;
    }

    .about_sec .about_content_block .block_title {
        padding: 24px 0 0;
    }

    .about_sec .about_content_block .block_title::before, .about_sec .about_content_block .block_title::after, .about_sec .content_block .sec_head .title::before, .about_sec .content_block .sec_head .title::after {
        right: auto;
    }

    .about_sec .about_content_block .block_title::before {
        top: 12px;
    }

    .about_sec .about_content_block .block_title::after {
        top: 0;
    }

    .about_sec .lower_content {
        padding-left: 50px;
    }

    .about_sec .lower_content .content_block {
        margin-top: 0;
    }

    .about_sec .lower_content .content_block.think_block {
        margin: -100px 0px 0px 0px;
        padding-top: 100px;
    }

    .about_sec .content_block.account_block {
        box-shadow: none;
        padding: 0;
        background: transparent;
    }

    .about_sec .content_block.office_block {
        margin: 0 0 0 -100px;
        ;
    }

    .about_sec .content_block .sec_head .icon {
        margin: 0 0 1rem;
    }

    .certified_sec {
        padding: 80px 0;
    }

    .counter_sec {
        padding: 0;
        text-align: left;
    }

    .certified_sec .sec_head {
        margin: 0;
    }

    .certified_sec .sec_head .title {
        padding: 24px 0 0;
        text-align: left;
    }

    .certified_sec .sec_head .title::before, .certified_sec .sec_head .title::after {
        right: auto;
    }

    .certified_sec .sec_head .title::before {
        top: 12px;
        bottom: auto;
    }

    .certified_sec .sec_head .title::after {
        top: 0;
        bottom: auto;
    }

    .counter_sec .counter_item .item_content {
        padding: 60px 0;
    }
    .counter_sec .counter_item .item_content .count_num span, .counter_sec .counter_item .item_content .title {
        color: #000;
    }
    .counter_sec .counter_item .overlay_item {
        height: calc(100% + 120px);
        top: -60px;
        bottom: -60px;
        padding: 30px 0 0;
        opacity: 0;
        visibility: hidden;
        -ms-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        -ms-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
        -moz-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
        -webkit-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
        transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    }
    .counter_sec .counter_item:hover .overlay_item {
        opacity: 1;
        visibility: visible;
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .counter_sec .counter_item:hover .item_content .title, .counter_sec .counter_item:hover .item_content .count_num span {
        color: #fff;
    }
    .expertise_sec {
        padding: 80px 0 80px;
    }

    .expertise_sec .content_block .sec_title {
        padding: 24px 0 0;
    }

    .expertise_sec .content_block .sec_title::before {
        top: 12px;
        bottom: auto;
    }

    .expertise_sec .content_block .sec_title::after {
        top: 0;
        bottom: auto;
    }

    .expertise_sec .content_block .btn-primary {
        width: auto;
    }

    .contact_sec .sec_head .title,
    .clients_sec .sec_title{
        padding: 24px 0 0;
    }

    .contact_sec .sec_head .title::before,
    .clients_sec .sec_title::before{
        top: 12px;
        bottom: auto;
    }

    .contact_sec .sec_head .title::after,
    .clients_sec .sec_title::after{
        top: 0;
        bottom: auto;
    }

    .contact_sec .form_block {
        border-right: none;
        padding: 60px 30px;
    }

    .contact_sec .form_block::before {
        content: "";
        width: 100%;
        height: calc(100% + 4px);
        position: absolute;
        top: -2px;
        bottom: 0px;
        left: 90%;
        background-color: #fff;
        z-index: -1;
        border: 2px solid var(--secondary-color);
        border-left: none;
    }

    .contact_sec .info_block {
        padding: 90px 30px;
    }

    .request_sec {
        text-align: left;
    }

    .request_sec .content_block form .btn-primary {
        width: 100%;
        padding: 15px 0;
        height: 56px;
    }

    .clients_sec {
        text-align: left;
        padding: 0;
    }

    .clients_sec .sec_title {
        margin: 0;
    }

    footer .top_bar_sec,
    footer .bottom_bar_sec {
        padding: 30px 0;
    }

    footer .top_bar_sec .item, footer .bottom_bar_sec .item {
        text-align: left;
        width: auto;
        margin: 0;
    }

    footer .top_bar_sec .item p, footer .top_bar_sec .item a, footer .bottom_bar_sec .links {
        -webkit-justify-content: unset;
        -moz-justify-content: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }
    /*.team_sec{
        background: linear-gradient(180deg,#005D98 450px,#fff 0,#fff calc(100% - 550px));
    }
    .team_sec::before{
        height: 450px;
        bottom: auto;
        background-size: contain;
        background-position: unset;
    }
    .team_sec .sec_head .sec_sup_title{
        font-size: 16px;
    }
    .team_sec .sec_head .sec_title{
        padding: 24px 0 0;
        font-size: 35px;
    }
    .team_sec .sec_head .sec_title::before{
        top: 12px;
        bottom: auto;
    }
    .team_sec .sec_head .sec_title::after{
        top: 0;
        bottom: auto;
    }
    .owl-carousel.team_slider .owl-stage-outer{
        padding-bottom: 2rem;
    }
    .team_slider .member_wrap::before{
        display: block;
    }
    .team_slider .member_wrap:hover::before{
        visibility: visible;
        opacity: 1;
        top: 0;
    }
    .team_slider .member_wrap{
        transform: translateY(32px);
    }
    .team_slider .member_wrap:hover{
        transform: translateY(0);
    }
    .team_slider .member_wrap .member_figure{
        height: 315px;
    }
    .team_slider .member_wrap .member_figure::before{
        display: block;
    }
    .team_slider .member_wrap:hover .member_figure::before{
        opacity: 0;
    }
    .team_slider .member_wrap .member_role{
        left: 15px;
        right: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        height: 40px;
        padding: 0 20px;
        visibility: hidden;
        opacity: 0;
    }
    .team_slider .member_wrap:hover .member_role{
        visibility: visible;
        opacity: 1;
    }
    .team_slider .member_wrap .memmber_info .title{
        color: #6e6e6e;
    }
    .team_slider .member_wrap .memmber_info .social{
        visibility: hidden;
        opacity: 0;
        display: none;
    }
    .team_slider .member_wrap:hover .memmber_info .social{
        visibility: visible;
        opacity: 1;
        display: flex;
    }*/
    .team_sec > .container > .row>[class*=col-]>.row>[class*=col-]:nth-child(n+3)>.teamItemWrap__wr{
        flex-direction: row-reverse;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr::before{
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid var(--secondary-color);
        position: absolute;
        bottom: auto;
        right: 100%;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .team_sec > .container > .row>[class*=col-]>.row>[class*=col-]:nth-child(n+3)>.teamItemWrap__wr .contentWrap__wr::before{
        left: 100%;
        right: auto;
        border-left: 8px solid var(--secondary-color);
        border-right: 8px solid transparent;
    }
    /*REVIEW MODAL S*/
        .modal-lg, .modal-xl {
            max-width: 800px;
        }
        /*#testimonialModal .modal-dialog{
            max-width: 580px;
            min-height: 320px;
        }*/
        #testimonialModal .modal-body{
            padding: 40px;
        }
    /*REVIEW MODAL E*/
}
@media (min-width: 1024px) {
    .banner_sec>.container {
        /*padding: 0 6%;*/
    }

    .banner_sec>.container>.row>[class*=col-]:nth-child(1) {
        width: 58.33333333%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .banner_sec>.container>.row>[class*=col-]:nth-child(2) {
        width: 41.66666667%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .banner_sec .form_block {
        margin-top: 0;
    }
    .pageNavHead,
    .pageNavToggleBlock{
        display: none;
    }
    header .pageNav{
        margin-left: auto;
    }
    header .pageNavBody{
        display: flex;
        flex-direction: row;
        align-items: stretch;
        flex-grow: 0;
        padding: 0;
        gap: 1.5rem;
        overflow-y: visible;
        height: 100%;
    }
    header .navBarNav{
        display: flex;
        flex-direction: row;
        gap: 40px;
    }
    header .navBarNav>li{
        padding: 38px 0;
    }
    header .navBarNav .dropdown:hover .dropdown-content {
        display: block;
    }
    .serviceDescSec__wr .container .row{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .serviceDescSec__wr .container .row~.row{
        margin-top: -4rem;
    }
    .serviceDescFigure{
        height: 100%;
    }
    .serviceDescFigure img{
        height: 100%;
    }
    .serviceDescHeadTitle{
        padding-bottom: 0;
        padding-top: 24px;
    }
    .serviceDescHeadTitle::before{
        top: 12px;
        bottom: auto;
    }
    .serviceDescHeadTitle::after{
        top: 0;
        bottom: auto;
    }
}
@media (min-width: 1500px) {
    .banner_sec>.container {
        /*padding: 0 2%;*/
    }
}
@media (min-width: 1600px) {
    .banner_sec>.container {
        /*padding: 0;*/
    }
}
@media (min-width: 1900px) {
    .banner_form_wrapper{
        width: 100%;
        max-width: 524px;
        right: 15.7%;
    }
}
@media (min-width: 2500px) {
    .banner_form_wrapper{
        right: 24.2%;
    }
}
@media (max-width: 1441px){
    /*.container-xxl, 
    .container-xl, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container{
        max-width: 100%;
        padding-left: 60px;
        padding-right: 60px;
    }
    header .container{
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }*/
    .callBtnWrap__wr, 
    .body_whatsapp_btn{
        width: 40px;
        height: 40px;
        left: 5px;
    }
    .callBtnWrap__wr a, .body_whatsapp_btn a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .body_whatsapp_btn a {
        font-size: 30px;
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 80px;
        height: 80px;
        left: -32px;
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 16px;
        top: 50%;
        left: -38px;
        -o-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 20px;
        margin-left: -45px;
    }
}
@media (max-width: 991px) {
    .vertical_content_slide li {
        text-align: center;
    }

    header .navbar-brand img {
        width: 100px;
        height: unset;
    }

    header .navbar-expand-lg .navbar-nav {
        flex: 1;
        flex-direction: row;
        justify-content: flex-end;
    }

    header .navbar-expand-lg .navbar-nav li {
        margin: 0;
        margin-left: 1rem;
        padding: 0;
        text-align: right;
    }

    header .navbar-expand-lg .navbar-nav li a {
        font-size: 24px;
        line-height: 1.5;
    }
    header .navbar-expand-lg .navbar-nav li i{
        margin-right: 0;
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
    }
    header .navbar-expand-lg .navbar-nav li .labelText__wr{
        display: none;
    }
    header .navbar-expand-lg .navbar-nav .btn-primary {
        padding: 10px 12px;
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 0.3rem;*/
    }

    header .navbar-expand-lg .navbar-nav li:last-child {
    }

    .clients_sec>.container {
        max-width: 100%;
    }

    footer .top_bar_sec .item p, footer .top_bar_sec .item a {
        display: block;
    }

    .what_wedo_sec .content_block .block_title, .about_sec .about_content_block .block_title, .about_sec .content_block .sec_head .title, .certified_sec .sec_head .title, .expertise_sec .content_block .sec_title, .contact_sec .sec_head .title, .request_sec .content_block .title, .offcanvas_form_wrapper .offcanvas-header .offcanvas-title {
        font-size: 30px;
    }

    .banner_sec .banner_content ul li p, .banner_sec .banner_content p, .offcanvas_form_wrapper .sec_head p{
        font-size: 16px;
    }
    .clients_sec .sec_title{
        margin-bottom: 32px;
    }
    .clients_sec .sec_title::before, 
    .clients_sec .sec_title::after{
        right: 0;
    }
    .team_sec{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .team_sec > .container > .row>[class*=col-]>.row>[class*=col-]{
        padding-left: 12px;
        padding-right: 12px;
    }
    /*.team_sec > .container > .row>[class*=col-]>.row>[class*=col-]:nth-child(n+3){
        margin-top: 30px;
    }*/
    .team_sec .teamGridWrap__wr{
        row-gap: 24px;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr{
        justify-content: center;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr .memberInfoWrap__wr{
        width: 100%;
        text-align: center;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr .socialWrap__wr{
        justify-content: center;
    }
    .teamGridSlider.owl-carousel .owl-stage-outer{
        padding: 0;
    }
    .teamGridSlider.owl-carousel .owl-stage{
        display: flex;
        flex: 1 0 auto;
        height: 100%;
    }
    /*.team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr .socialWrap__wr a~a{
        margin-left: 16px;
    }*/
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr{
        padding: 48px 12px;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr,
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr{
        height: 100%;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr .contentWrap__wr .memberInfoWrap__wr p:not([class]){
        min-height: 34px;
    }
    .team_sec .teamGridWrap__wr .teamItemWrap__wr>[class*=col-]{
        padding: 0;
    }
    .teamGridSlider.owl-theme .owl-nav [class*=owl-] {
        margin: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: rgba(17, 17, 17, 0.5);
        font-size: 14px;
        line-height: 1;
        color: #fff;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    .teamGridSlider.owl-theme .owl-nav [class*=owl-]:hover{
        /*background: var(--bsPrimary5__wr);*/
        background: rgb(17, 17, 17);
        color: #fff;
    }
    .teamGridSlider.owl-carousel .owl-nav button.owl-prev {
        left: 8px;
    }
    .teamGridSlider.owl-carousel .owl-nav button.owl-next {
        right: 8px;
    }
    .pageHeaderTopStart{
        justify-content: space-between;
    }
    .pageNavToggleBlock{
        margin: 0;
    }
    .pageNavToggler{
        padding: 0;
        display: flex;
        background: transparent;
        border: none;
        font-size: 24px;
        text-decoration: none;
        color: #000;
    }
    header .pageNav{
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1050;
        width: 100%;
        max-width: 400px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease-in 0.5s;
        transition: all ease-in 0.5s;
    }
    header .pageNav.show {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 2000000001 !important;
        /*z-index: 1045;*/
    }
    .pageNavHead{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 12px;
        border-bottom: 1px solid #000;
        margin: 0;
    }
    header .pageNavHead .navBrand{
        display: inline-flex;
        margin: 0;
    }
    header .pageNavHead .navBrand img{
        width: 100px;
    }
    header .pageNavHead .menuClose__wr{
        opacity: 1;
        background: unset;
        border: none;
        padding: 0;
        width: auto;
        height: auto;
        display: inline-flex;
        font-size: 24px;
        box-shadow: none;
        margin: 0;
    }
    header .pageNavBody{
        width: 100%;
        height: calc(100% - 80px);
        margin: 0;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    header .navBarNav{
        width: 100%;
    }
    header .navBarNav>li{
        width: 100%;
        display: block;
        text-align: left;
    }
    header .navBarNav>li>a,
    header .navBarNav>li>a span,
    header .navBarNav>li>button,
    .pageNavConsultBlock{
        margin: 0;
    }
    header .navBarNav>li~li{
        margin-top: 24px;
    }
    header .navBarNav .dropdown .dropdown-content{
        width: 100%;
        position: relative;
        margin-top: 16px;
    }
    .pageNavConsultBlock{
        margin-top: 24px;
    }
    .pageNavBarBackDrop__wr {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }
    /*.list-styled li {
        padding-left: 0;
    }
    .list-styled li::before {
        position: static;
        margin-right: 13px;
        vertical-align: middle;
    }*/
    .list-styled li::before {
        top: 10px;
    }
    .serviceDescHeadTitle::before, 
    .serviceDescHeadTitle::after{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .serviceDescFigure img{
        aspect-ratio: 2 / 1;
    }
    .what_wedo_sec .image_block .image_wrapper{
        display: flex;
    }
    .what_wedo_sec .image_block .image_wrapper img{
        width: 100%;
        object-fit: cover;
        object-position: center;
        aspect-ratio: 2 / 1;
    }
    .brandMarqSec__wr{
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    header .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
    }

    .banner_sec .banner_content .banner_title, 
    .what_wedo_sec .content_block .block_title, 
    .about_sec .about_content_block .block_title, 
    .about_sec .content_block .sec_head .title, 
    .certified_sec .sec_head .title, 
    .expertise_sec .content_block .sec_title, 
    .contact_sec .sec_head .title, 
    .request_sec .content_block .title, 
    .offcanvas_form_wrapper .sec_head .sec_title{
        font-size: 25px;
    }
}
@media (max-width: 651px) {
    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 80px;
        height: 80px;
        left: -40px;
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 16px;
        top: 50%;
        left: -45px;
        -o-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 20px;
        margin-left: -35px;
    }
    .offcanvas_form_wrapper.open .offcanvas_btnwrapper{
        display: none;
    }
    .offcanvas_form_wrapper .sec_head, .offcanvas_form_wrapper .offcanvas_body{
        padding-left: 30px;
    }
    .offcanvas_form_wrapper .sec_head .offcanvas_xs_closebtn{
        display: block;
    }
}
@media (max-width: 575px) {
    .header_top {
        display: none;
    }

    .banner_sec>.container {
        /*padding: 0 10%;*/
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .banner_form_wrapper form .btn-primary{
        padding: 15px 0;
    }
    .banner_sec .banner_content .banner_title, .banner_sec .banner_content p {
        font-size: 14px;
    }

    .what_wedo_sec .content_block, .about_sec .content_block, .certified_sec .sec_head, .expertise_sec .content_block, .contact_sec .form_block {
        padding: 30px 12px;
    }

    .what_wedo_sec .content_block::before, .what_wedo_sec .row:nth-child(odd) .content_block::before, .what_wedo_sec .row:nth-child(even) .content_block::before, .what_wedo_sec .content_block::after, .what_wedo_sec .row:nth-child(odd) .content_block::after, .what_wedo_sec .row:nth-child(even) .content_block::after {
        border-width: 30px;
    }

    .what_wedo_sec .content_block .btn-primary, .expertise_sec .content_block .btn-primary {
        /*width: 100%;*/
        font-size: 14px;
        padding: 12px;
    }

    header .navbar-expand-lg .navbar-nav {
        /*display: block;*/
    }

    header .navbar-brand img {
        /*width: 154px;
        height: 70px;*/
    }

    header .navbar-expand-lg .navbar-nav .btn-primary {
        /*font-size: 14px;*/
    }

    .banner_sec .form_block {
        padding: 0 30px 30px;
    }

    .banner_sec .form_block .sec_head {
        margin: 0 -30px 1rem;
        padding: 24px 12px;
    }

    .banner_sec .form_block .sec_head .title {
        font-size: 16px;
    }

    .banner_sec .form_block form .btn-primary {
        font-size: 14px;
        padding: 15px 0;
    }

    .contact_sec .info_block .info_list li {
        display: block;
    }

    .banner_sec .banner_content ul li {
        display: block;
    }
    /*.banner_sec .banner_content ul li:last-child{
        width: 100%;
    }*/
    .contact_sec .info_block .info_list li .content {
        display: block;
        width: 100%;
    }

    .banner_sec .banner_content ul li .icon {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 0 0.5rem;
    }

    .banner_sec .banner_content ul li p {
        font-size: 12px;
        font-weight: 500;
    }

    /*.expertise_sec .content_block .sec_title::before, 
    .expertise_sec .content_block .sec_title::after, */
    .contact_sec .sec_head .title::before, 
    .contact_sec .sec_head .title::after {
        right: 0;
    }

    .expertise_sec .content_block ul {
        list-style: disc;
        padding-left: 1rem;
        margin: 0 0 1.5rem;
    }

    /*.expertise_sec .content_block ul li::before {
        content: "";
        width: 5px;
        height: 5px;
        background: #000;
        border-radius: 50%;
        display: inline-block;
        margin-right: 1rem;
        vertical-align: middle;
    }*/

    .contact_sec .info_block .info_list li .icon {
        width: 40px;
        height: 40px;
        margin: 0 auto 1rem;
        display: block;
    }

    .banner_sec {
        background-image: url('../images/accounting-banner-sm-bg.jpg');
        background-position: center;
    }

    .contact_sec {
        background-image: unset;
    }

    .offcanvas_form_wrapper .offcanvas_btnwrapper {
        width: 50px;
        height: 50px;
        left: -25px;
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .fa-paper-plane {
        font-size: 14px;
        margin-left: -25px;
    }
    .offcanvas_form_wrapper .offcanvas_btnwrapper .enq_text {
        font-size: 14px;
        left: -32px;
    }
    .callBtnWrap__wr,
    .body_whatsapp_btn {
        width: 30px;
        height: 30px;
    }
    .callBtnWrap__wr a,
    .body_whatsapp_btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        animation: unset;
    }
    .body_whatsapp_btn a {
        font-size: 20px;
    }
    .callBtnWrap__wr{
        top: 10rem;
    }
    .body_whatsapp_btn{
        top: 30rem;
    }

    footer .top_bar_sec .item {
        margin: 0 0 1rem;
    }

    footer .top_bar_sec .item i {
        display: block;
    }
    .logoFigure__wr img{
        width: 100px;
    }
    .banner_sec .banner_content, 
    /*.expertise_sec .content_block, 
    .expertise_sec .content_block ul li, */
    .contact_sec .sec_head, 
    .contact_sec .info_block .info_list li {
        text-align: center;
    }

    .what_wedo_sec .content_block .block_title, .about_sec .about_content_block .block_title, .about_sec .content_block .sec_head .title, .certified_sec .sec_head .title, .expertise_sec .content_block .sec_title, .contact_sec .sec_head .title, .request_sec .content_block .title, .contact_sec .info_block .info_list li .title_label, .offcanvas_form_wrapper .sec_head .sec_title, .team_sec .sec_head .sec_title{
        font-size: 20px;
    }
    .request_sec .content_block p{
        font-size: 16px;
    }
    .vertical_content_slider span,
    .marquee_wrapper .marquee_text_wrapper .marquee_text li,
    .what_wedo_sec .content_block p, 
    .what_wedo_sec .content_block ul li,
    .about_sec .about_content_block p,
    .about_sec .content_block p,
    .certified_sec .content_block p,
    .expertise_sec .content_block p, .expertise_sec .content_block ul li,
    .contact_sec .info_block .info_list li p, 
    .contact_sec .info_block .info_list li a,
    footer .top_bar_sec .item p, 
    footer .top_bar_sec .item a,
    .btn-primary{
        font-size: 14px;
    }
    footer .bottom_bar_sec .item p, footer .bottom_bar_sec .item a{
        font-size: 12px;
    }
    .reviewSecHeadTitle span{
        display: block;
        font-size: 115%;
    }
    .counter_sec .counter_item .overlay_item{
        padding-top: 20px;
    }
    .counter_sec .counter_item .overlay_item .icon{
        width: 48px;
        height: 48px;
    }
    .counter_sec .counter_item .item_content{
        padding: 80px 0 20px;
    }
}
@media (max-width: 481px) {
    header .navbar-expand-lg .navbar-nav li a {
        font-size: 18px;
    }

    header .navbar-expand-lg .navbar-nav .btn-primary {
        font-size: 18px;
    }

    header .navbar-brand img {
        /*width: 70px;
        height: unset;*/
    }

    .banner_sec .banner_content .banner_title {
        /*font-size: 10px;*/
    }

    .banner_sec .banner_content ul li p {
        font-size: 10px;
    }

    .banner_sec .banner_content p {
        font-size: 12px;
    }

    .banner_sec .form_block {
        padding: 0 12px 24px;
    }

    .banner_sec .form_block .sec_head {
        padding: 12px;
        margin: 0 -12px 1rem;
    }

    .banner_sec .form_block form input.form-control, .banner_sec .form_block form textarea.form-control {
        padding: 0.5rem;
        font-size: 14px;
    }

    .banner_sec .form_block form .btn-primary {
        padding: 0.5rem 0;
    }

    .banner_sec .form_block .sec_head .title, .banner_sec .form_block form .help-block {
        font-size: 12px;
    }

    .banner_sec .banner_content ul li {
        /*width: 100%;*/
    }
    .what_wedo_sec .content_block .block_title,
    .about_sec .about_content_block .block_title,
    .about_sec .content_block .sec_head .title,
    .certified_sec .sec_head .title,
    .expertise_sec .content_block .sec_title,
    .contact_sec .sec_head .title,
    .request_sec .content_block .title,
    .contact_sec .info_block .info_list li .title_label,
    .offcanvas_form_wrapper .offcanvas-header .offcanvas-title,
    .clients_sec .sec_title,
    .team_sec .sec_head .sec_title{
        font-size: 18px;
    }
}
@media (max-width: 361px) {
    .banner_sec {
        background-image: url('../images/accounting-banner-xs-bg.jpg');
    }
}
/*CALENDER POPUP MADAL*/
@media screen and (max-width: 767px) {
    .modal-open .modal {
        padding: 15px !important;
    }

    #CalenderModal .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

    #CalenderModal .modal-dialog .modal-content {
        display: block;
    }

    .CalenderArea {
        display: block;
        margin: 0;
        justify-content: space-between;
    }

    .CalenderArea .CalenderLeft {
        width: 100%;
        border-right-color: transparent;
    }

    .CalenderArea.AddSlot .CalenderLeft {
        width: 100% !important;
    }

    .CalenderArea .CalenderLeft figure {
        text-align: center;
    }

    .CalenderArea.AddSlot .CalenderRight {
        width: 100% !important;
    }

    .CalenderArea .CalenderLeft .thankyou-text {
        min-height: unset;
        text-align: center;
    }

    .CalenderArea .CalenderRight {
        width: 100%;
        padding: 0;
    }

    .CalenderArea .CalenderRight h3 {
        text-align: center;
    }

    .CalenderArea .CalenderRight aside {
        justify-content: space-between;
    }

    .CalenderArea .CalenderRight .TimeSlot {
        transform: translate(0 , 0);
    }

    .CalenderArea .CalenderForm {
        width: 100%;
        padding: 40px 25px 60px;
    }

    .CalenderForm .back {
        top: -20px;
    }
}
@media screen and (max-width: 575px) {
    #CalenderModal .CalenderArea .CalenderLeft figure {
        padding: 60px 0;
    }

    #CalenderModal .CalenderArea .CalenderLeft .thankyou-text {
        padding: 25px 0;
    }

    #CalenderModal .CalenderArea .CalenderRight aside {
        flex-direction: column;
        align-items: stretch;
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox {
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls {
        right: 0;
        left: 0;
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls .fa-angle-left {
        right: auto;
        left: 0;
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox .Controls .fa-angle-right {
        position: absolute;
        right: 0;
    }

    #CalenderModal .CalenderArea .CalenderRight #calendar {
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .current-date {
        padding: 0 0 10px !important;
        text-align: center;
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .week-days {
        justify-content: space-between;
    }

    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week {
        justify-content: space-between;
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot {
        width:100%;
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot h5 {
        text-align: center;
    }

    #CalenderModal .CalenderArea .CalenderRight .TimeSlot ul {
        width: 100%;
        margin: 0 auto;
    }

    #CalenderModal .CalenderArea .CalenderForm {
        padding: 40px 0 60px;
    }
}
@media (max-width: 350px) {
    #CalenderModal .CalenderArea .CalenderRight .CalenderBox #calendar .weeks .week .day {
        height: 37px;
        line-height: 32px;
    }
}