/*================= Responsive Section ===============*/

@media (min-width:768px) and (max-width: 1024px) {
    .container {
        padding: 0 15px !important;
    }

    .solu-box {
        display: block;
    }

    .badge-wrap {
        width: 100%;
    }

    .common-flex {
        display: block;
    }

    .sws-tag,
    .tww-tag {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .container {
        padding: 0 15px !important;
    }
    
    .banner-desc-bx{padding-top: 40px;}

    .banner-desc-bx h1 {
        font-size: 45px;
        line-height: 45px;
    }
    
    .banner-desc-bx p {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-smtxt {
        font-size: 20px;
        line-height: 27px;
    }

    .banner-subtxt {
            font-size: 25px;
    line-height: 30px;
    }

    

    .badge-wrap {
        width: 100%;
    }

    .toppart,
    .solu-box,
    .common-flex,
    .auditor-panel {
        display: block;
    }

    .toppart {
        text-align: center;
    }

    .top-social {
        padding-top: 20px;
    }

    .top-social ul {
        justify-content: center;
    }

    .auditors-behind {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .sws-tag,
    .tww-tag {
        width: 100%;
        position: relative;
        bottom: 0;
        height: 70px;
    }

    .badge-wrap {
        background: none !important;
        position: relative;
        top:0;
        margin-bottom: 20px;
    }

    .badge-green {
        background: #4FB203;
        border-radius: 8px;
        margin-bottom: 10px;
    }

    .badge-blue {
        background: #226FE3;
        border-radius: 8px;
    }

    .sws-audit {
        padding: 40px 30px;
        margin-bottom: 30px;
    }

    .sws-audit h3 {
        font-size: 30px;
    }

    .sws-audit p {
        margin-bottom: 20px !important;
        padding-right: 0;
    }

    .sws-tag img,
    .tww-tag img {
        height: 50px;
    }

    .tww-tag {
        margin-top: 20px;
    }

    .solu-box .img-bx {
        margin-top: 20px;
    }

    .for-you {
        padding: 30px 20px;
    }

    .auditors-behind .sub-txt {
        font-size: 20px;
        line-height: 26px;
    }

    .auditcard-title {
        position: relative;
        top: 0;
    }

    .auditcard-title {
        margin-bottom: 20px;
    }

    .auditcard,
    .auditoptionbox,
    .audit-section,
    .audit-form {
        padding: 30px 20px;
    }

    .copyright .btm-socialarea {
        justify-content: center;
    }

    .bottom-foot h2,
    .faq h2,
    .audit-report-sec h2,
    .audit-option-div h2,
    .aduit-for-sec h2,
    .solu-box h2,
    .solu-box h2,
    .auditors-behind h2,
    .solu-box h2,
    .audit-section h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .audit-formbx {
        display: block;
    }

    .audit-leftpane,
    .audit-rightpane {
        width: 100%;
    }

    audit-leftpane h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .audit-leftpane p {
        font-size: 18px;
        line-height: 24px;
    }

    .audit-formarea p {
        font-size: 18px;
        line-height: 24px;
    }

}