@media (max-width: 767px) {
    .about-banner-text h1,.about-banner-text h2 {
        font-size: 20px;
    }
    .about-img {
        height: auto;
        margin: 11px 0 0;
        border-radius: 22px 0px 22px 0px;
    }
    .about-banner-text h1,.about-banner-text h2 {
        height: inherit;
        width: auto;
        font-size: 18px;
        top: 55px;
        right: 26px;
    }
    .about-middle-image {
        width: 95%;
        flex: inherit;
        height: 54vw;
        border-radius: 22px;
        background-size: cover;
    }
    .about-middle-detail {
        flex-direction: column-reverse;
        display: block;
    }
    .middle-detail-text {
        width: 64%;
        height: inherit;
        margin: 0 auto;
        border-radius: 37px 0 37px 0;
        padding: 7% 5%;
        margin-top: -37%;
        flex: 1 1 28%;
    }
    .middle-detail-text h1 {
        font-size: 24px;
        height: auto;
        line-height: 57px;
    }
    .about-middle .smart-page .middle-detail-text h1 {
        font-size: 36px;
        height: auto;
        font-weight: 700;
    }
    .middle-detail-text p {
        width: auto;
        font-size: 16px;
        line-height: normal;
    }
    .logo-icon {
        height: 30px;
        width: 30px;
    }
    .middle-detail-text::after {
        height: 280px;
        width: 295px;
        right: 57px;
    }
    .about-details-text {
        padding: 6% 4% 0;
    }
    .about-details-box-wrp .about-details-box:first-child,
    .about-details-box-wrp .about-details-box:nth-child(3),
    .about-details-box-wrp .about-details-box:nth-child(5) {
        flex-direction: column;
    }
    .about-details-box-wrp .about-details-box:nth-child(2),
    .about-details-box-wrp .about-details-box:nth-child(4),
    .about-details-box-wrp .about-details-box:nth-child(6) {
        flex-direction: column-reverse;
    }
    .about-value {
        height: auto;
        flex-direction: column;
        padding: 87px 15px 87px 15px;
    }
    .about-text-details {
        margin: 0 0 30px;
        padding: 0px 0% 15px;
    }
    .about-text-details h1{
        line-height: normal;
        font-size: 36px;
    }
    .about-value-text h5{
        font-size: 22px;
        line-height: normal;
    }
    .about-text-details p{
        height: auto;
        width: auto;
    }

    /* about-page 11*/
    .about-p-container {
        padding: 0 0%;
    }
    .about-video {}
    .about-img {}
    .about-img::after {}
    .about-page-h-icon {
        display: none;
    }
    .about-img img {}
    .about-footer {
        margin-top: 88px;
    }
    .about-banner-text h1,.about-banner-text h2 {
        font-size: 23px;
        line-height: 35px;
        font-weight: 700;
    }
    .about-video-box iframe {}

    .about-video-box {}
    .about-middle {
        margin: 81px 0 5px;
    }
    .about-middle-detail {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    .about-middle-image {
    }
    .middle-detail-text {
        /* margin-top: 0%; */
    }
    .about-middle-image img {}
    .middle-detail-text h1 {}

    .about-middle .smart-page .middle-detail-text h1 {}
    .middle-detail-text span {
        font-size: 16px;
        line-height: 23px;
        font-weight: 400;
        padding: 9px 0 10px;
    }
    .middle-detail-text p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        width: 93%;
    }
    .logo-icon {}

    .logo-icon img {}
    .middle-detail-text::after {}
    /*
    .page-id-46431 .footer-contact-form {}*/
    .about-middle .smart-page .middle-detail-text::after {}
    .about-details-box {
        margin-bottom: 49px;
    }
    .about-details-img {
        border-radius: 28px 0 28px 0;
        overflow: hidden;
    }
    .about-details-img img {}

    .about-details-text {}
    .about-details-text h3 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 700;
        padding-bottom: 0px;
    }
    .about-details-text p {
        font-size: 16px;
        line-height: 21px;
    }
    .about-details-btn {
        font-size: 20px;
        margin-top: 14px;
        padding: 0px 42%;
    }
    .about-details-btn:hover {}
    .about-value {
        padding: 83px 4% 105px;
    }
    .about-value-box {
        z-index: 8;
        position: relative;
        margin-bottom: 10px;
    }
    .about-value-box:last-child {}
    .about-value-img-box {}
    .about-value-img-box img {
        margin-top: -25px;
    }
    .about-text-details p {
        font-size: 16px;
        line-height: 24px;
        margin: 16px 0 2px;
    }
    .about-text-details {
        margin: 0 0 13px;
    }
    .about-value-list {}
    .about-text-details:after {
        bottom: inherit;
        right: -56%;
        height: 154%;
        width: 141%;
        top: -25%;
    }

    .about-text-details .h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .about-value-text p {}

    .about-value-text h5 {
        font-size: 16px;
        line-height: 22px;
    }
    section.breadcrumb-section {
        margin: -4px 0 0 !important;
        padding: 0;
        text-align: center;
    }
    .about-top {
        padding: 0 4%;
    }


}