/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last  1024 versions
*/

@media screen and (max-width:1100px) {
    .ch-inner .ch-right, .ch-inner .ch-left{
        -webkit-box-flex: 1;
            -ms-flex: auto;
                -webkit-flex: auto;
                   -moz-box-flex: 1;
                flex: auto;
    }

    .main-home-bx .mhb-data-bx > div .mdb-heading{
        font-size: 32px;
    }
}


@media screen and (max-width:1050px) {
    .ch-top-bx,
    .ch-top-bx .social-icon,
    .ch-menu-bx{
        display: none;
    }

    .custom-header{
        padding: 10px !important;
    }

    .common-btn.chr-git-btn{
        padding: 13px 15px;
    }

    .menu-icon-bx{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
    }

    .pages-heading-bx{
        padding: 4px;
    }

    .breadcrumb-outer{
        padding-top: 5px;
    }
}

@media screen and (max-width:992px) {
    #reviews-slider.owl-style .owl-dots,
    #partners2-slider.owl-style .owl-dots,
    #partners-slider.owl-style .owl-dots{
        text-align: center;
    }

    .owl-style .owl-dots{
        text-align: left;
    }

    .owl-style-nav{
        padding: 0px;
    }

    .owl-style .owl-nav .owl-next{
        top: inherit;
        right: 0px;
        bottom: -7px;
        -webkit-transform: none;
            -ms-transform: none;
                -moz-transform: none;
                  -o-transform: none;
             transform: none;
    }

    .owl-style .owl-nav .owl-prev{
        left: inherit;
        top: inherit;
        right: 50px;
        bottom: -7px;
        -webkit-transform: none;
            -ms-transform: none;
                -moz-transform: none;
                  -o-transform: none;
             transform: none;
    }

    .section-header-bx.shb-flex{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                -webkit-flex-direction: column;
                   -moz-box-orient: vertical;
                   -moz-box-direction: normal;
                flex-direction: column;
    }

    .section-header-bx.shb-flex .shb-text,
    .section-header-bx.shb-flex .shb-heading{
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                -webkit-flex: inherit;
                   -moz-box-flex: inherit;
                flex: inherit;
        text-align: center;
    }

    .section-header-bx.shb-flex .shb-heading br{
        display: none;
    }

    /* === Header css === */
    .custom-header .ch-inner{
        background-color: white;
        -webkit-box-shadow: 0 4px 24px rgb(0 0 0 / 23%);
                -moz-box-shadow: 0 4px 24px rgb(0 0 0 / 23%);
             box-shadow: 0 4px 24px rgb(0 0 0 / 23%)
    }

    .ch-logo img:not(.ch-logo-icon){
        -webkit-filter: invert(1);
                filter: invert(1);
        width: 200px;
    }

    .common-btn.chr-git-btn {
        border: 1px solid #951146;
        color: #951146;
    }

    .common-btn.chr-git-btn:hover{
        color: white;
    }

    .menu-icon-bx span{
        background-color:  #101010;
    }
    /* === Header css === */

    .footer-link.flci-link{
        width: auto;
        -webkit-box-flex: 1;
            -ms-flex: auto;
                -webkit-flex: auto;
                   -moz-box-flex: 1;
                flex: auto;
        padding: 6px 16px 6px 0;
    }


    .getintouch-bx .getintouch-inner{
        -webkit-box-align:inherit;
            -ms-flex-align:inherit;
                -webkit-align-items:inherit;
                   -moz-box-align:inherit;
                align-items:inherit
    }


    .mhb-overlay{
        font-size: 32px;
    }
}


@media screen and (max-width:768px) {
    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                -webkit-flex-direction: column;
                   -moz-box-orient: vertical;
                   -moz-box-direction: normal;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                justify-content: center;
        text-align: center;
    }

    .copyright {
        margin-bottom: 10px;
        text-align: center;
    }

    .custom-header{
        padding: 8px !important;
    }

    .custom-footer{
        padding: 0;
    }

    .custom-footer .cf-inner{
        padding: 25px 15px;
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
    }

    .container-lg.cl-custom{
        padding: 0 8px;
    }

    .common-section-bx{
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
        padding: 15px 15px;
    }

    .section-header-bx .shb-heading br{
        display: none;
    }

    .review-item::before,
    .review-item::after{
        display: none !important;
    }

    .review-item .review-item-inner {
        margin: 0px 15px;
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
    }

    .blog-item .blog-imgs > img{
        -webkit-border-radius: 16px;
           -moz-border-radius: 16px;
                border-radius: 16px;
    }

    .common-digital-layout img.cdl-img {
        max-width: 576px;
    }

    .profile-data-bx .pdb-data-bx .pdb-data-inner .pdi-lable,
    .section-header-bx .shb-heading{
        font-size: 28px;
    }

    .profile-data-bx .pdb-data-bx .pdb-data-inner p,
    .section-header-bx .shb-text{
        font-size: 14px;
    }

    .common-digital-layout.helpingccimgbx{
        /* padding-top: 56%; */
        padding: initial;
        position: initial;
        top: initial;
    }

    .common-digital-layout.helpingccimgbx img{
        position: static;
    }

    .mhb-overlay{
        font-size: 28px;
        padding: 0 10px 10%;
    }

    .main-home-bx .mhb-data-bx > div .mdb-subheading{
        font-size: 14px;
    }

    .main-home-bx .mhb-data-bx > div .mdb-heading{
        font-size: 28px;
    }

    .getintouch-bar{
        padding: 15px 8px 0;
    }

}

@media screen and (max-width:700px) {
    .ch-top-bx{
        display: none;
    }

    .ch-inner .ch-right, .ch-inner .ch-left{
        height: auto;
    }

    .ch-logo{
        position: relative;
        top: initial;
        left: initial; 
        -webkit-transform: initial; 
           -moz-transform: initial; 
            -ms-transform: initial; 
             -o-transform: initial; 
                transform: initial;
    }
}

@media screen and (max-width:576px) {
    /* .common-btn.chr-git-btn {
        display: none;
    } */

    .common-digital-layout img.cdl-img {
        max-width: 360px;
    }

    .common-digital-layout.helpingccimgbx img{
        width: 100%;
        max-width: 100%;
    }

    .main-home-bx .mhb-data-bx > div:first-child::after,
    .main-home-bx .mhb-data-bx > div:nth-child(2)::before,
    .main-home-bx .mhb-data-bx > div:first-child::before{
        display: none;
    }

    .contact-form-bx {
        padding: 26px 16px;
    }

    .getintouch-bar{
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                -moz-transform: translateY(0%);
                  -o-transform: translateY(0%);
             transform: translateY(0%);
    }

    .getintouch-container{
        padding: 24px 15px;
    }

    .mhb-overlay{
        font-size: 24px;
        padding: 0 10px 25%;
    }

    .ch-logo img:not(.ch-logo-icon){
        width: 180px;
    }
}

@media screen and (max-width:430px) {
    .common-btn.chr-git-btn {
        padding: 10px 10px;
        font-size: 14px;
    }

    .custom-header .ch-inner {
        padding: 10px 10px;
    }

    .menu-icon-bx{
        margin-right: 0;
        margin-left: 8px;
    }

}

@media screen and (max-width:420px) {
    .side-menu-bx{
        max-width: 420px;
        width: 100%;
    }
}

@media screen and (max-width:380px) {
    .ch-logo img:not(.ch-logo-icon){
        width: 160px;
    }

}

@media screen and (max-width:358px) {
    .common-btn.chr-git-btn {
        display: none;
    }
}

@media screen and (max-width:300px) {
    .footer-link.flci-link {
        word-break: break-word;
    }
}