@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    body {
        font-size: 16px;
    }
    .container__wr{
        max-width: 1600px;
        padding-left: 96px;
        padding-right: 96px;
    }
    .pageNavBar__wr .pageNavWrap__wr .pageNavHead__wr,
    .pageNavBarTogglerWrap__wr{
        display: none;
    }
    .pageNavBar__wr .container__wr{
        display: flex;
    }
    .pageNavWrap__wr{
        display: flex;
        margin-left: auto;
    }
    .navBarBrand__wr {
        padding: 8px 0;
    }
    .navBarNav__wr{
        display: flex;
        list-style: none;
    }
    .navBarNav__wr > li{
        display: flex;
    }
    .navBarNav__wr > li~li{
        margin-left: 50px;
    }
    .navBarNav__wr > li > a{
        display: flex;
        align-items: center;
    }
    .navBarNav__wr > li:last-child{
        display: none;
    }
    .pageNavBarConsultWrap__wr {
        display: flex;
        margin-left: 50px;
        align-items: center;
    }
    .mainBnrContentWrap__wr > .container__wr > .row{
        align-items: center;
    }
    .hmAboutUsSec__wr > .container__wr{}
    .hmAboutUsSec__wr .row{
        margin-left: 0;
        margin-right: 0;
    }
    .hmAboutUsSec__wr  .row > [class*=col-]{
        padding-left: 0;
        padding-right: 0;
    }
    .hmAboutUsSec__wr  .row > [class*=col-]:nth-child(1){
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .hmAbtImageBlock__wr,
    .hmAbtImageBlockBg__wr{
        width: 100%;
        height: 100%;
    }
    .hmAbtFigure__wr{
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0;
    }
    .hmAbtFigure__wr img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .hmAbtContentBlock__wr::before{
        content: "";
        width: 5rem;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: -2px;
        background: var(--bsWhite__wr);
        border-radius: 0 6rem 0 0;
    }
    .contactSec__wr .row{
        flex-direction: row-reverse;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
/*1400-1200*/
@media (max-width:1399px) and (min-width:1201px){}
/*2560*/
@media (max-width:2561px) and (min-width:2559px){}
/*1920*/
@media (max-width:1921px) and (min-width:1919px){}
/*1600*/
@media (max-width:1601px) and (min-width:1599px){}
/*1440*/
@media (max-width:1441px) and (min-width:1399px){}
/*1366*/
@media (max-width:1367px) and (min-width:1299px){}
/*1280*/
@media (max-width:1281px) and (min-width:1199px){}
/*1024*/
@media (max-width:1025px) and (min-width:1023px){}
@media (min-width: 1024px){}
@media (min-width: 1199px){}
@media (min-width: 1200px) {}
@media (min-width: 1201px){}
@media (min-width: 1299px){}
@media (min-width: 1366px){}
@media (min-width: 1399px){}
@media (min-width: 1499px){}
@media (min-width: 1400px){
    /*.w_mediaMin_1400_max_1440px__wr{max-width:1440px !important;}*/
    .px_xxl_74px__wr{padding-left: 74px !important;padding-right:74px !important;}
    .px_xxl_35px__wr{padding-left:35px !important;padding-right:35px !important;}
    .px_xxl_32px__wr{padding-left:32px !important;padding-right:32px !important;}
}
@media (min-width: 1401px){}
@media (min-width: 1599px){}
@media (min-width: 1600px){}
@media (min-width: 1919px){}
/*@media (max-width: 1025px){}*/
@media (max-width: 2561px){}
@media (max-width: 1921px){}
@media (max-width: 1501px){}
@media (max-width: 1441px){}
@media (max-width: 1401px){
    .container__wr{
        padding-left: 64px;
        padding-right: 64px;
    }
    .callBtnWrap__wr, 
    .watsAppWrap__wr{
        width: 40px;
        height: 40px;
        left: 5px;
    }
    .callBtnWrap__wr a, .watsAppWrap__wr a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .watsAppWrap__wr 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: 1399px){}
@media (max-width: 1367px){}
@media (max-width: 1281px){}
@media (max-width: 1201px){}
@media (max-width: 1025px){}
@media (max-width: 991px) {
    .navTopBarInfo__wr{
        gap: 16px;
    }
    .navTopInfoItem__wr a .labelText__wr,
    .navTopInfoTime__wr{
        display: none;
    }
    .pageFooter__wr>.container__wr {
        padding-bottom: 32px;
        padding-top: 32px;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .pageFooterBrand__wr{
        display: inline-flex;
        margin-bottom: 16px;
    }
    .pageFooter__wr .socialIcons__wr{
        margin-top: 16px;
        justify-content: center;
    }
    .pageFooterCopyRight__wr>.container__wr {
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .pageFooterCopyRight__wr .copyright__wr {
        text-align: center;
        margin-bottom: 0;
    }
    .pageFooterCopyRight__wr .designBy__wr {
        text-align: center;
        margin-top: 10px;
    }
    .consultaion-btn {
        display: block;
    }
    .parentSec__wr{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .mainBnrFormBlock__wr{
        padding: 24px 15px;
    }
    .mainBnrFormBlock__wr,
    .contactContentBlock__wr,
    .hmAbtContentBlock__wr{
        margin-top: 32px;
    }
    .pageNavBarConsultWrap__wr{
        display: none;
    }
    .container__wr{
        max-width: 100%;
        padding-left: 64px;
        padding-right: 64px;
    }
    .pageNavBar__wr .container__wr{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .pageNavBarToggler__wr{
        padding: 0;
        display: flex;
        background: transparent;
        border: none;
        font-size: 24px;
        color: var(--bsBlack__wr);
    }
    .pageNavBarConsultWrap__wr {
        margin-left: auto;
        margin-right: 12px;
    }
    .pageNavWrap__wr{
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1050;
        width: 100%;
        max-width: 400px;
        background-color: var(--bsWhite__wr);
        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;
    }
    .pageNavWrap__wr.show {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        z-index: 2000000001 !important;
    }
    .pageNavHead__wr{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 12px;
        border-bottom: 1px solid var(--bsGrey100__wr);
    }
    .pageNavHead__wr .brand__wr{
        display: inline-flex;
    }
    .menuClose__wr{
        opacity: 1;
        background: unset;
        border: none;
        padding: 0;
        width: auto;
        height: auto;
        display: inline-flex;
        font-size: 24px;
        box-shadow: none;
    }
    .navBarNav__wr{
        display: block;
        width: 100%;
        height: 84vh;
        padding: 15px;
        overflow: auto;
    }
    .navBarNav__wr > li{
        display: block;
    }
    .navBarNav__wr > li~li{
        margin-top: 24px;
    }
    .navBarNav__wr > li > a{
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
        color: #333;
        text-decoration: none;
    }
    .pageNavBarBackDrop__wr{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }
    .mainBnrContentTitle__wr{
        font-size: 56px;
    }
}
@media (max-width: 769px) {
    /******calendar popup*****/
    #CalenderModal .modal-dialog{
        max-width: 100%;
        height: 100%;
        margin: 0;
    }
    #CalenderModal .modal-body{
        /*height: 100dvh;*/
    }
    #CalenderModal .CalenderArea{
        display: block;
        margin: 0;
        /*min-height: unset;*/
    }
    #CalenderModal .CalenderArea .CalenderLeft,
    #CalenderModal .CalenderArea.AddSlot .CalenderLeft{
        width: 100%;
        border-right: none;
    }
    #CalenderModal .CalenderArea .CalenderLeft figure{
        padding: 15px 0;
        text-align: center;
    }
    #CalenderModal .CalenderArea .CalenderLeft .figcaption{
        min-height: unset;
        text-align: center;
        padding: 15px 0;
    }
    #CalenderModal .CalenderArea .CalenderRight,
    #CalenderModal .CalenderArea.AddSlot .CalenderRight{
        width: 100%;
        padding: 0;
    }
    #CalenderModal .CalenderArea .CalenderRight h3{
        text-align: center;
    }
    #CalenderModal .CalenderArea .CalenderRight aside{
        justify-content: space-between;
    }
    #CalenderModal .CalenderArea .CalenderRight .CalenderBox{
        flex: unset;
    }
    #CalenderModal .CalenderArea .CalenderRight .TimeSlot{
        transform: translate(0, 0);
        width: 215px;
    }
    #CalenderModal .CalenderArea .CalenderRight .TimeSlot h5{
        text-align: center;
    }
    #CalenderModal .CalenderForm{
        width: 100%;
        padding-left: 0;
        padding-bottom: 40px;
    }
    /******end calendar popup*****/
    .mainBnrContentTitle__wr{
        font-size: 48px;
    }
}
@media (max-width: 767px) {
    .mainBnrContentTitle__wr,
    .hmAbtContentTitle__wr,
    .secTitle__wr{
        font-size: 40px;
    }
}
@media (max-width: 736px) {}
@media (max-width: 651px) {
    /*.navTopBarInfo__wr {
        display: block;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .pageNavTopBar__wr .container__wr {
        display: block;
        flex-wrap: unset;
        align-items: center;
        justify-content: center;
    }
    .navTopInfoItem__wr>a {
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 auto 10px;
    }
    .navTopInfoItem__wr {
        align-items: center;
        justify-content: center;
    }*/
    /*.socialIcons__wr {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .navTopInfoItem__wr i {
        margin-right: 5px;
    }
    .primayBtn__wr{
        display: none;
    }*/
    .mainBnrContentWrap__wr {
        padding: 70px 0;
    }
    /*.mainBnrContentTitle__wr {
        font-size: 40px;
    }
    .mainBnrContentSubTitle__wr {
        font-size: 20px;
    }
    .mainBnrContentTitleWrap__wr {
        margin-bottom: 20px;
    }*/
    .hmAbtContentTitle__wr {
        /*font-size: 40px;*/
        /*margin-top: 20px;*/
    }
    .hmAboutUsSec__wr {
        /*padding: 60px 0 20px;*/
    }
    .parentSec__wr {
        /*padding: 60px 0 60px;*/
        /*position: relative;*/
    }
    /*.secTitle__wr {
        font-size: 40px;
    }
    .secSubTitle__wr {
        font-size: 20px;
    }
    */
    .serviceContentTitle__wr {
        font-size: 20px;
    }
    .serviceContentTitleWrap__wr {
        margin-bottom: 14px;
    }
    article.parentSec__wr.hmAboutUsSec__wr.abt-c {
        padding-bottom: 30px;
    }
    .tabBtnsWrap__wr {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: start;
        margin-bottom: 50px;
        /* columns: 2; */
        flex-wrap: wrap;
    }
    .tabBtn__wr::after{
        display: none;
    }
    .active .tabBtn__wr {
        color: #fff;
        background: var(--bsPrimary5__wr);
        padding: 12px 40px;
        border-radius: 30px;
    }
    .tabBtn__wr {
        color: #fff;
        background: #242f24;
        padding: 12px 40px;
        border-radius: 30px;
        margin-bottom: 46px;
        line-height: 52px;
    }
    .tabItem__wr {
        /*margin-right: 16px;*/
        margin-left: 16px;
    }
    article.parentSec__wr.happyClientsSec__wr {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .happyClientsCount__wr {
        font-size: 70px;
    }
    h2.secTitle__wr.happyClientsTitle__wr {
        font-size: 24px;
    }
    p.count-p {
        font-size: 20px;
    }

    .offcanvas_form_wrapper{
        width: 100%;
        max-width: 100%;
    }
    .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: flex;
    }
}
@media (max-width: 576px) {
    /******calendar popup*****/
    #CalenderModal .CalenderArea .CalenderLeft figure{
        padding: 32px 0;
    }
    #CalenderModal .CalenderArea .CalenderRight aside{
        flex-wrap: wrap;
    }
    #CalenderModal .CalenderArea .CalenderRight .CalenderBox{
        width: 100%;
    }
    #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;
    }*/
    /******end calendar popup*****/
    .container__wr{
        max-width: 100%;
      /*  padding-left: 40px;
        padding-right: 40px;*/
        padding-left: 15px;
        padding-right: 15px;
    }
    .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, .watsAppWrap__wr {
        width: 30px;
        height: 30px;
    }
    .callBtnWrap__wr a, .watsAppWrap__wr a {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .callBtnWrap__wr{
        top: 10rem;
    }
    .watsAppWrap__wr{
        top: 30rem;
    }
    .watsAppWrap__wr a {
        font-size: 20px;
    }
    .contactBlockWrap__wr{
        padding: 32px 15px;
    }
    .happyClientsCount__wr {
        font-size: 56px;
    }
    .mainBnrContentTitle__wr,
    .hmAbtContentTitle__wr,
    .secTitle__wr{
        font-size: 32px;
    }
}
@media (max-width: 481px) {
    .mainBnrContentTitle__wr,
    .mainBnrFormBlockTitle__wr,
    .hmAbtContentTitle__wr,
    .secTitle__wr{
        font-size: 24px;
    }
}
@media (max-width: 401px) {
    .mainBnrContentSubTitle__wr,
    .secSubTitle__wr,
    .serviceContentTitle__wr{
        font-size: 20px;
    }
}
@media (max-width: 391px) {
    .mainBnrContentSubTitle__wr,
    .secSubTitle__wr,
    .serviceContentTitle__wr,
    .happyClientsTitleWrap__wr p{
        font-size: 18px;
    }
}
@media (max-width: 361px) {}