@media only screen and (min-width: 1441px) {
    .topLink ul li {
        width: 12%;
        padding: 0 5px
    }
}

@media (max-width: 1440px) and (min-width: 1200px) {
    .datastory-section {
        position: relative;
        height: 760px
    }

    .datastory-section .img-div {
        position: absolute;
        bottom: 0
    }

    .svResOverall {
        padding: 10px
    }
}

@media (max-width: 1440px) and (min-width: 1024px) {
    .topLink ul li {
        width: auto
    }

    /* .datastory-section .img-div img{max-height:63vh} */
    .jsf-ds-sdg4 .top-text {
        top: 14%
    }
}

@media (max-width: 1200px) and (min-width: 990px) {
    .company-page-middle .tell-sec.border .img-width {
        width: 100%;
        height: auto
    }

    .disNone768 {
        display: none !important
    }

    .horizental-five-icon .Sharing-a-caring, .horizental-five-icon .donate-evnt-dialog-box, .horizental-five-icon .piggy-back-dialog-box, .horizental-five-icon .show-content-rating {
        position: absolute;
        width: 600px
    }

    .profile-section {
        left: -10px
    }

    .Sharing-a-caring, .donate-evnt-dialog-box, .piggy-back-dialog-box, .show-content-rating {
        position: absolute;
        width: 537px
    }

    .share-a-story-icon ul li {
        width: 11.5%;
        max-width: auto
    }

    .create-story .icn-bx li img {
        padding: 10px 26px
    }

    .l-pl-2 {
        padding-left: 10px
    }

    .l-pr-2 {
        padding-right: 10px
    }

    .l-pl-1 {
        padding-left: 5px
    }

    .l-pr-1 {
        padding-right: 5px
    }

    .l-pl-3 {
        padding-left: 15px
    }

    .l-pr-3 {
        padding-right: 15px
    }

    .l-pl-3 {
        padding-left: 15px
    }

    .l-pr-3 {
        padding-right: 15px
    }

    .l-pr-0 {
        padding-right: 0
    }

    .l-pl-0 {
        padding-left: 0
    }

    .l-mb-3 {
        margin-bottom: 15px
    }

    .l-mt-3 {
        margin-top: 15px
    }

    .cm-mb-3 {
        margin-bottom: 15px
    }

    .l-p-0 {
        padding: 0
    }

    .create-story .frm-prt {
        padding: 50px 0;
        margin-top: 110px
    }

    .md-mt-5 {
        margin-top: 5px
    }

    #sr-Catogary .pd-bt-90 {
        padding-bottom: 0 !important
    }

    #chatBox {
        right: 5%
    }

    .navbar-nav > li > a {
        padding: 0 12px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .distribution-div .checkmark-span {
        position: static;
        float: left
    }

    .distribution-div {
        padding-left: 0
    }

    .share-a-story-icon ul li {
        max-width: 25% !important;
        margin-bottom: 5px !important
    }

    .disNone768 {
        display: none !important
    }

    #sr-Catogary .pd-bt-90 {
        padding-bottom: 0 !important
    }

    .sider {
        padding-left: 0
    }

    .vol-evnt {
        height: 364px
    }

    .crvivo-right {
        padding: 65px 13px
    }

    .crt-sec h3 {
        font-size: 16px
    }

    .impMsg div.img-res {
        width: 23.93%
    }

    .sdg-subul2 .sqr-chk {
        width: 67% !important
    }

    .topLink ul li {
        padding: 0 8px
    }

    .navbar-nav > li > a {
        padding: 0 11px;
        font-size: 11px !important
    }

    .jsf-ds-sdg4 .top-text {
        top: 21%
    }

    .datastory-section .img-div img {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .section-padding {
        padding: 60px 0
    }

    .board-composition-div .btn-equal, .btn-equal {
        width: 140px
    }

    .modal-lg, .modal-md {
        width: auto;
        margin: 65px 30px
    }

    .tool-tip .tool-tip__info-right {
        left: 30px;
        right: auto
    }

    .tool-tip .tool-tip__info-right:after, .tool-tip .tool-tip__info-right:before {
        left: -10px;
        right: auto;
        border-width: 10px 10px 10px 0
    }

    .tool-tip .tool-tip__info-right:after {
        left: -8px;
        right: auto
    }

    .tool-tip .tool-tip__cat {
        width: 330px
    }

    .verify-account li i {
        font-size: 40px
    }

    .verify-active:before {
        right: 0
    }

    .navbar-nav > li > a {
        padding: 0 8px;
        font-size: 10px !important
    }

    .distribution-div .checkmark-span {
        position: static;
        float: left
    }

    .distribution-div {
        padding-left: 0
    }

    .company-page-new-left .company-page-img img.main {
        border-radius: 50%;
        width: 90px;
        height: 90px;
        margin: 0 auto
    }

    .company-page-new-left .img, .ih-item.circle .img {
        width: 90px !important;
        height: 90px !important;
        margin: 0 auto
    }

    .login-modal .modal-content {
        width: 100% !important
    }

    .t-pl-3 {
        padding-left: 15px
    }

    .t-pr-3 {
        padding-right: 15px
    }

    .t-p-0 {
        padding-left: 0;
        padding-right: 0
    }

    .t-p-3 {
        padding: 15px;
    }

    .t-mt-3 {
        margin-top: 15px
    }

    .t-mb-3 {
        margin-bottom: 15px
    }

    .t-mt-2 {
        margin-top: 10px
    }

    .t-mt-1 {
        margin-top: 5px
    }

    .t-mt-0 {
        margin-top: 0
    }

    .learning-tools-quiz h4 {
        font-size: 20px
    }

    .impact-left-ul {
        padding-top: 0
    }

    .impact-left-ul img {
        display: none
    }

    .horizental-five-icon .Sharing-a-caring, .horizental-five-icon .donate-evnt-dialog-box, .horizental-five-icon .piggy-back-dialog-box, .horizental-five-icon .show-content-rating {
        position: absolute;
        width: 534px
    }

    .textCenter320 {
        text-align: center
    }

    .profile-1, .profile-2, .profile-3, .profile-4, .profile-5 {
        width: 110px;
        height: 110px
    }

    .profile-inner-img {
        width: 45px
    }

    .profile-2 img, .profile-4 img {
        margin-top: 5px
    }

    .profile-1 {
        top: 58px
    }

    .profile-1:before {
        position: absolute;
        width: 2px;
        height: 162px;
        border: dashed 1px #3e9ddb;
        content: '';
        top: -113px;
        transform: rotate(59deg);
        right: -56px
    }

    .profile-2:before {
        position: absolute;
        width: 2px;
        height: 200px;
        border: dashed 1px #3e9ddb;
        content: '';
        top: -186px;
        transform: rotate(20deg);
        right: -16px
    }

    .profile-3:before {
        position: absolute;
        width: 2px;
        height: 253px;
        border: dashed 1px #3e9ddb;
        content: '';
        right: 56px;
        top: -250px;
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }

    .profile-5:before {
        position: absolute;
        width: 2px;
        height: 200px;
        border: dashed 1px #3e9ddb;
        content: '';
        top: -117px;
        transform: rotate(-55deg);
        right: 186px
    }

    .profile-4:before {
        position: absolute;
        width: 2px;
        height: 235px;
        border: dashed 1px #3e9ddb;
        content: '';
        top: -210px;
        transform: rotate(-32deg);
        right: 140px
    }

    .profile-4 {
        margin-top: 188px
    }

    .profile-5 {
        margin-top: 66px
    }

    .profile-2 {
        margin-top: 170px
    }

    .profile-section {
        position: absolute;
        top: 75px;
        left: 70px;
        z-index: 9
    }

    .profile-link-img {
        width: 106px !important;
        height: 105px !important
    }

    .setting-1 .nav-tabs {
        border-bottom: 0;
        padding-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .share-a-story-icon ul li {
        min-height: 115px;
        padding: 0 5px 5px 5px !important
    }

    .Sharing-a-caring, .donate-evnt-dialog-box, .piggy-back-dialog-box, .show-content-rating {
        position: absolute;
        width: 640px
    }

    .bottom-icn li {
        display: inline-block;
        width: 19%
    }

    .m-mb-10 {
        margin-bottom: 10px
    }

    .cm-mb-3 {
        margin-bottom: 15px
    }

    .t-p-0 {
        padding: 0
    }

    .t-pr-0 {
        padding-right: 0
    }

    .t-pl-0 {
        padding-left: 0
    }

    .mt-0 {
        margin-top: 0
    }

    .hidden-sm {
        display: none
    }

    .create-story .icn-bx li img {
        padding: 0 10px;
        margin: 0 auto
    }

    .crt-sec {
        padding: 15px
    }

    .crt-sec h3 {
        font-size: 16px;
        margin: 20px 0 10px !important;
        padding-bottom: 0 !important
    }

    .share-a-story-icon ul li {
        width: 12%;
        max-width: auto
    }

    .create-story .frm-prt {
        padding: 50px 0;
        margin-top: 110px
    }

    .t-p-0 {
        padding: 0
    }

    .t-infoicon {
        margin-left: 0
    }

    .icon-box-active:before {
        top: 4px !important;
        right: 5px !important
    }

    .crt-sec h3 {
        margin: 20px 0;
        padding-bottom: 20px
    }

    .crt-sec img {
        padding: 30px 0 15px
    }

    .company-page-new-left ul li {
        padding: 15px 0;
        color: #3e9ddb;
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        float: left;
        width: 25%
    }

    .disNone768 {
        display: none !important
    }

    #sr-Catogary .pd-bt-90 {
        padding-bottom: 0 !important
    }

    .company-page-new .chall td p {
        position: relative;
        margin-left: -18px;
        font-size: 14px
    }

    .company-page-new .chall .aft {
        position: relative
    }

    .textLeft320 {
        text-align: left
    }

    .volunteer-evnt .vol-evnt img {
        max-width: 100%
    }

    .company-page-new-left ul li.p35 {
        padding: 0 0 !important
    }

    .company-page-new-left ul li:nth-child(2) {
        padding: 0 0
    }

    .btn {
        padding: 5px 10px
    }

    .form-control {
        min-height: 40px;
        padding: 3px 10px
    }

    .form-control-sm {
        min-height: 30px;
    }

    select.form-control {
        line-height: normal
    }

    .ih-item.circle {
        height: 90px !important
    }

    .create-page {
        position: static
    }

    .create-overlay {
        padding: 82px 10px
    }

    select + i.fa {
        margin-top: -26px
    }

    .dont-waste-text-font {
        line-height: 33px
    }

    .dont-waste-text {
        line-height: 38px
    }

    .history-pg .bnch-donat h5 {
        font-size: 18px
    }

    .sdg-detail .nav-tabs > li > a {
        padding: 5px 10px
    }

    .project-wise-nav {
        width: 30%
    }

    .t-border-top {
        border-top: 1px solid #eee
    }

    .org-tree-li-div {
        min-width: 158px
    }

    .company-page-img {
        background: 0 0
    }

    .individual-impact-section .nav-tabs li a {
        padding: 10px 45px
    }

    .individual-top h2 {
        font-size: 26px
    }

    .t-mt-30 {
        margin-top: 30px
    }

    .company-page-middle-1 .border-right-blue {
        border-right: none
    }

    .t-text-left {
        text-align: left
    }

    .t-text-right {
        text-align: right
    }

    .cmnInsdDiv {
        padding-left: 15px;
        padding-right: 15px
    }

    .cmnHeading, .cmnInsdDivBgImage {
        padding: 15px
    }

    .chat-section.bg-fixed {
        position: static
    }

    .chat-section-left-div {
        max-height: inherit;
        min-height: inherit
    }

    .sider {
        padding-left: 0
    }

    .cvr-image img {
        width: auto;
        margin: 0 auto
    }

    .cmnInsdDivBgWhite .company-page-new-left {
        min-height: auto
    }

    .cmnInsdDivBg {
        padding: 15px
    }

    .cmnInsdDivBgWhite .company-page-new-left {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .border-radius-40 {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .single-page .tab-content p.font-size-18 {
        font-size: 17px !important
    }

    .crvivo-left .inside-section .ad-l {
        padding-left: 25px
    }

    .crvivo-left .inside-section .ad-r {
        padding-right: 25px
    }

    .crvivo-left .table tr td.pl-4 {
        padding-left: 8px !important
    }

    .impMsg div.img-res {
        width: 31%
    }

    .lorubtn-div .btn-equal {
        width: 125px
    }

    .sdg-subul2 .sqr-chk {
        width: 100% !important
    }

    .indi-data {
        position: static !important
    }

    .metricMnumber {
        display: none
    }

    #cal-cat .owl-nav button.owl-prev {
        left: -20px
    }

    #cal-cat .owl-nav button.owl-next {
        right: -20px
    }

    .crvoevnt .typeEvnt .input-button li {
        width: 48.9%
    }

    .top-datastory-div {
        position: static
    }
}

@media (max-width: 767px) {
    .app-top-section .font-size-25 {
        font-size: 20px
    }

    .Sharing-a-caring .social-icon a span, .Sharing-a-caring .social-icon a:hover span {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px
    }

    .footer-bottom-section {
        position: static
    }

    .footer-bottom-section .text-left, .footer-bottom-section .text-right {
        text-align: center
    }

    .footer-bottom-section .footer-bottom-section-3 {
        padding: 8px 0 0
    }

    .fixed {
        position: static;
        width: auto
    }

    .board-composition-div .btn-equal {
        width: 100px
    }

    .company-page-new .impact-mat p {
        font-size: 10px
    }

    .distribution-div .checkmark-span {
        position: static;
        float: left
    }

    .verify-account li {
        padding: 15px
    }

    .verify-account li i {
        font-size: 40px
    }

    .verify-active:before {
        right: 0
    }

    .verify-account li h3 {
        font-size: 16px
    }

    .notifications-menu .dropdown-menu {
        right: -15px
    }

    .goalDiv {
        height: 111px
    }

    .border-radius-25 {
        border-radius: 15px
    }

    .h2, h2 {
        font-size: 24px;
        line-height: 24px
    }

    .my-content-div .nav-tabs > li, .search-connection-1 ul li {
        padding: 10px 5px
    }

    .company-page-middle .company-page-middle-1 p {
        margin-top: 0
    }

    .m-d-650 {
        width: 95%;
        margin: auto
    }

    .company-page-middle .tell-sec.border .img-width {
        width: 100%;
        height: auto
    }

    .mob-p-15 {
        padding: 0 15px
    }

    .accom p {
        font-size: 13px !important
    }

    .mob-hight {
        min-height: 142px
    }

    .company-page-new .donat {
        padding-top: 20px
    }

    .login-modal .modal-content {
        width: 100% !important
    }

    .pop-up-mission-li li {
        display: inline-block;
        width: 28%;
        margin: 15px 3px 0 8px
    }

    .rev {
        margin-top: 0
    }

    .need-inr span, .volunteer-side-bar a {
        line-height: normal
    }

    .h3, h3 {
        font-size: 20px;
        line-height: 22px
    }

    .pop-up-mission-li ul {
        display: inline
    }

    .company-page-new-left ul li {
        padding: 15px 0;
        color: #3e9ddb;
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        float: left;
        width: 25%
    }

    .profile-1:before, .profile-2:before, .profile-3:before, .profile-4:before, .profile-5:before {
        display: none
    }

    .profile-section a .profile-1, .profile-section a .profile-2, .profile-section a .profile-3, .profile-section a .profile-4, .profile-section a .profile-5 {
        float: left;
        margin: 0 10px 10px 0;
        padding: 0;
        width: 120px;
        height: 120px
    }

    .profile-section {
        position: relative;
        top: 0;
        left: 0;
        text-align: center
    }

    .profile-section a {
        display: inline-block
    }

    .profile-1 img, .profile-2 img, .profile-4 img, .profile-5 img {
        width: 50px
    }

    .profile-2 img, .profile-4 img {
        margin-top: 5px
    }

    .profile-3 img {
        width: 117px !important;
        height: 116px !important
    }

    .icon-box-active:before {
        top: 4px !important;
        right: 5px !important
    }

    .company-page-new .company-page-new-left ul li {
        width: 25%
    }

    .setting-1 .nav-tabs li {
        padding: 0 5px
    }

    .horizental-five-icon .Sharing-a-caring, .horizental-five-icon .donate-evnt-dialog-box, .horizental-five-icon .piggy-back-dialog-box, .horizental-five-icon .show-content-rating {
        position: absolute;
        width: 100%
    }

    .nos-table {
        width: 550px
    }

    .volunteer-evnt .vol-evnt img {
        width: 100%
    }

    .volunteer-evnt .vol-evnt-2 img {
        width: auto
    }

    #Attandance-popup .nav > li > a {
        padding: 10px 0
    }

    .piggy-back-btn-btn {
        padding: 3px;
        font-size: 13px
    }

    .btn.btn-secondary.border-radius-25 .fa {
        margin-left: 1px
    }

    .volunteer-evnt .vol-evnt-2 {
        position: absolute;
        top: 0;
        right: 00px;
        width: 55px;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        cursor: pointer
    }

    .single-page {
        padding: 0;
        margin-top: 10px
    }

    .m-infoicon {
        margin-left: 0
    }

    .mt-0 {
        margin-top: 0
    }

    .spacing-10 {
        padding: 2px 2px 10px
    }

    .contact-sec .spacing-zero {
        padding: 10px
    }

    .contact-bottom .table-div {
        padding: 5px
    }

    .menu-section .navigation ul li a {
        float: left;
        width: 20%;
        max-width: 74px;
        height: 20%;
        max-height: 74px;
        padding: 10px 0 20px 0;
        font-size: 12px
    }

    .company-page-new .company-page-new-left ul li {
        float: left;
        font-size: 10px;
        padding: 5px !important
    }

    .company-page-new .company-page-new-left .profile-icon {
        display: none
    }

    .company-page-new .company-page-new-left ul li h2 {
        font-size: 12px
    }

    .indivi-acc.m-mt-0 {
        margin-top: 0
    }

    .company-page-new .company-page-new-left a .img-width, .company-page-new-left .company-page-img img.main {
        width: 60px;
        height: 60px
    }

    .company-page-new .company-page-new-right {
        border: none
    }

    .company-page-new .company-page-new-right .p35 {
        padding: 0 0
    }

    .company-page-new .border-top {
        border-top: none
    }

    .company-page-new .border-right-blue {
        margin-bottom: 20px
    }

    .company-page-new .company-page-middle-1 .border-right-blue {
        border: none
    }

    .company-page-new .company-page-new-right {
        margin-top: 0
    }

    .company-page-new .right-p-0 {
        padding: 0
    }

    .company-page-new .company-page-middle-2 h2 {
        font-size: 20px
    }

    .company-page-new .company-page-middle-2 p {
        font-size: 10px
    }

    .company-page-new .company-page-middle {
        margin-bottom: 20px
    }

    .compnay-page-new .company-page-new-right-1 {
        padding-top: 40px
    }

    .company-page-new-right-1 h3 {
        font-size: 14px;
        padding-top: 20px
    }

    .company-page-new .p-text {
        padding-bottom: 20px
    }

    .company-page-new .pl-0 img {
        clear: both
    }

    .company-page-new .company-page-middle-1 .fa {
        text-align: center
    }

    .company-page-new .company-page-middle-1 h1 {
        font-size: 20px
    }

    .company-page-new .company-page-middle-1 p {
        font-size: 12px
    }

    .company-page-new .company-page-middle-2 h1 {
        font-size: 20px
    }

    .company-page-new .company-page-middle-2 .bg-grey {
        padding: 10px 15px;
        min-height: 100px
    }

    .login-user-section, .menu-section, .share-a-story-icon {
        position: static;
        box-shadow: none;
        height: auto
    }

    .login-user-section {
        height: auto;
        margin-top: 10px
    }

    .navbar-toggle {
        margin: 10px 15px
    }

    .create-story .frm-prt {
        padding: 50px 0
    }

    .m-p-0 {
        padding: 0
    }

    .m-pl-0 {
        padding-left: 0
    }

    .m-pr-0 {
        padding-right: 0
    }

    .mt-35 {
        margin-top: 20px
    }

    table.mt-35 {
        margin-top: 0
    }

    .create-story .icn-bx li img {
        padding: 10px;
        margin: 0 auto
    }

    ul.icn-bx {
        padding-left: 2%
    }

    .share-a-story-icon ul li {
        max-width: 32% !important;
        height: 130px;
        margin: 0 auto !important;
        margin-bottom: 5px !important;
        margin-right: 1% !important
    }

    .need-inr span, .volunteer-side-bar a {
        font-size: 13px
    }

    .create-story .frm-prt {
        margin-top: 0
    }

    .create-story .frm-prt {
        padding: 0;
        padding-bottom: 35px
    }

    .section-padding {
        margin-top: 0;
        padding: 15px 0
    }

    .section-padding-2 {
        padding: 15px 0
    }

    .project-wise-nav {
        top: 0;
        width: 52%
    }

    .project-wise-nav li a {
        padding: 10px 15px !important
    }

    .project-wise-matrix p {
        height: 80px
    }

    .mt {
        margin-top: 10px
    }

    .m-mb-10 {
        margin-bottom: 10px
    }

    .m-mt-1 {
        margin-top: 5px
    }

    .m-mb-1 {
        margin-bottom: 5px
    }

    .m-mt-3 {
        margin-top: 15px
    }

    .m-mb-3 {
        margin-bottom: 15px
    }

    .m-mt-10 {
        margin-top: 10px
    }

    .m-pr-30 {
        padding-right: 30px
    }

    .error {
        font-size: 12px
    }

    .m-pl-5 {
        padding-left: 5px
    }

    .m-pr-1 {
        padding-right: 5px !important
    }

    .m-pr-2 {
        padding-right: 10px !important
    }

    .m-pr-3 {
        padding-right: 15px !important
    }

    .m-pl-3 {
        padding-left: 15px
    }

    .m-pl-2 {
        padding-left: 10px
    }

    .m-pl-1 {
        padding-left: 5px
    }

    .m-pt-1 {
        padding-top: 5px
    }

    .m-pt-2 {
        padding-top: 10px
    }

    .m-pb-1 {
        padding-bottom: 5px
    }

    .form-group {
        margin-bottom: 10px
    }

    .form-control {
        padding: 7px 10px 7px 5px;
        min-height: 36px
    }

    .create-story .nmprt-3 img {
        margin-left: 0
    }

    ::placeholder {
        font-size: 12px
    }

    .btn {
        padding: 4px 10px;
        font-size: 13px
    }

    .btn-sm {
        padding: 3px 6px;
        font-size: 11px
    }

    .btn-xs {
        padding: 1px 5px;
        font-size: 12px
    }

    .m-mb-2 {
        margin-bottom: 10px
    }

    .icon-box p {
        font-size: 11px
    }

    .nmp0 {
        padding: 0
    }

    .m-ml-0 {
        margin-left: 0
    }

    .ml-10 {
        margin-left: -10px
    }

    .single-page .company-page-middle ul li a {
        padding: 4px 0;
        font-size: 14px
    }

    .Sharing-a-caring, .donate-evnt-dialog-box, .piggy-back-dialog-box, .show-content-rating {
        width: 100%
    }

    .learning-tools-quiz h4 {
        font-size: 20px
    }

    .bottom-icn li {
        display: inline-block;
        width: 19%
    }

    .wh-20 {
        width: 16px;
        height: 16px
    }

    .show-pass {
        position: absolute;
        right: 5px !important;
        top: 4px
    }

    .sign-up-tdy {
        font-size: 26px;
        padding-bottom: 10px
    }

    .setting-1 .nav-tabs {
        border-bottom: 0;
        padding-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .crt-sec h3 {
        margin: 20px 0 0;
        padding-bottom: 0;
        font-size: 20px
    }

    .crt-sec img {
        max-width: 160px
    }

    .crt-sec {
        padding: 20px 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 15px
    }

    .create-page h3 {
        font-size: 18px;
        margin-top: 40px
    }

    .Distribution-function-1 .check-box p {
        float: none !important;
        display: inline-block !important;
        padding-left: 10px !important
    }

    .dis-frm .form-group {
        margin-bottom: 10px;
        font-size: 12px;
        display: inline;
        margin-top: 15px
    }

    .dis-frm .check-box p {
        float: none !important;
        display: inline-block !important;
        padding-left: 5px !important
    }

    .disNone {
        display: none !important
    }

    #sr-Catogary .pd-bt-90 {
        padding-bottom: 0 !important
    }

    .alignLeft {
        text-align: left !important
    }

    .fontSize-12 {
        font-size: 12px
    }

    .nxt-stps p {
        margin-bottom: 5px !important
    }

    .answer-sec p {
        margin-bottom: 5px !important
    }

    .mob-mb-10 {
        margin-bottom: 35px
    }

    .textCenter320 {
        text-align: center
    }

    .company-page-new .chall td p {
        position: relative;
        margin-left: -18px;
        font-size: 14px
    }

    .company-page-new .chall .aft {
        position: relative
    }

    .company-page-new .btn.btn-xs {
        margin: 0 5px 0 0
    }

    .search-connection-1 ul li {
        display: inline-block
    }

    i.font-size-24 {
        font-size: 18px
    }

    #challenge-main tr > td > img {
        width: 45px !important
    }

    .col-md-12.wow.fadeInUp {
        padding: 0 !important
    }

    .sm-pd-0 {
        padding: 0 !important
    }

    .donate-info {
        height: auto;
        overflow: visible
    }

    .company-page-middle.p50 {
        padding: 10px 0
    }

    .company-page-middle .nav-tabs {
        margin-bottom: 15px
    }

    .mile-clock a.font-size-14, .single-page .company-page-middle .tab-content .donate-spn-tab .table > tbody > tr > td, .single-page .company-page-middle .tab-content .sec-rev .review-list > tbody > tr > td, .single-page .company-page-middle .tab-content p, .story-page .company-page-middle p, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px 3px
    }

    .volunteer-evnt .vlt-evn .vole-sec h5 {
        font-size: 12px
    }

    .volunteer-evnt .vlt-evn .vole-sec h5.pt-1 {
        padding-top: 0
    }

    .panel-heading {
        padding: 6px 10px
    }

    .panel-heading h4 {
        font-size: 14px
    }

    .wh-25 {
        width: 18px;
        height: 18px
    }

    .wh-30 {
        width: 22px;
        height: 22px
    }

    .wh-40 {
        width: 25px;
        height: 25px
    }

    .wh-50 {
        width: 32px;
        height: 32px
    }

    .wh-60 {
        width: 40px;
        height: 40px
    }

    .wh-70 {
        width: 48px;
        height: 48px
    }

    .wh-flag {
        width: 18px;
        height: 12px
    }

    .sider {
        padding-left: 0
    }

    .volunteer-evnt .vlt-evn .vole-sec {
        padding: 0
    }

    .milestone-2 h3, .milestone-3 h3 {
        font-size: 21px
    }

    .vol-evnt-2 .span0, .vol-evnt-2 .span1, .vol-evnt-2 .span2, .vol-evnt-2 .span3, .vol-evnt-2 .span4, .vol-evnt-2 .span5 {
        padding: 11px 0
    }

    .vol-evnt, .volunteer-evnt .vol-evnt {
        height: 210px
    }

    .volunteer-evnt .vol-evnt-2 {
        display: table;
    }

    .mobile-rec-evnt {
        display: none
    }

    .Milestones .font-size-18, .single-page .tab-content p.font-size-18 {
        font-size: 14px !important
    }

    .mission-star-td span {
        padding: 0 1px;
        font-size: 18px
    }

    .mission-star-td {
        text-align: right
    }

    .pr-mil h1 {
        font-size: 24px;
        line-height: 30px
    }

    .Milestones .pr-mil h1.font-size-26 {
        font-size: 20px
    }

    .Milestones .pr-mil h1 {
        line-height: 45px
    }

    .Milestones .col-xs-5.text-left {
        text-align: center
    }

    .m-border-right-0 {
        border-right: none
    }

    .Milestones .border-right {
        border-right: none
    }

    .btn-equal {
        width: 140px;
        margin-bottom: 5px
    }

    .font-size-64 {
        font-size: 45px
    }

    .panel-body {
        padding: 15px 0
    }

    .wh-22 {
        width: 20px;
        height: 20px
    }

    .wh-72 {
        width: 45px;
        height: 45px
    }

    .post-an-evnt .modal-content {
        width: auto
    }

    .m-pt-4 {
        padding-top: 4px
    }

    .donation.vlt-evn p.pt-3 {
        padding-top: 8px
    }

    .donation.vlt-evn .font-size-26 {
        font-size: 20px
    }

    .donation.vlt-evn .font-size-30 {
        font-size: 24px
    }

    .fd-sec tr td {
        padding: 3px 0
    }

    .fd-sec table tr td span {
        font-size: 12px
    }

    .mb-30 {
        margin-bottom: 15px
    }

    .m-text-center {
        text-align: center
    }

    .m-text-left {
        text-align: left
    }

    .m-text-right {
        text-align: right
    }

    .m-bg-transparent {
        background: 0 0
    }

    .m-vol-paid {
        text-align: left;
        padding-left: 17px !important
    }

    .m-pt-7 {
        padding-top: 7px
    }

    .m-m-0 {
        margin: 0
    }

    .m-mt-0 {
        margin-top: 0
    }

    .m-mb-0 {
        margin-bottom: 0
    }

    .releated-stories h5 {
        font-size: 1.2em
    }

    .sponsed-by h4 {
        font-size: 14px
    }

    .font-size-16 {
        font-size: 14px
    }

    .font-size-15 {
        font-size: 13px
    }

    .font-size-14 {
        font-size: 12px
    }

    .h4, h4 {
        font-size: 14px
    }

    .volunteer-evnt .vol-lft-sid {
        width: 45px;
        height: 45px
    }

    .info-box img {
        top: 12px
    }

    .tell-sec {
        padding-top: 5px !important
    }

    .deleg-con-li h1 {
        font-size: 30px
    }

    #location .nav-tabs > li > a {
        padding: 0
    }

    .volunteer-evnt .spn-req p {
        margin: 10px 0 0 10px
    }

    .p20 {
        padding: 10px 0
    }

    .setting-1 .table tr td h5 {
        font-size: 13px
    }

    .payment-box {
        margin: 5px 0
    }

    .modal-header {
        font-size: 14px;
        padding: 6px 15px
    }

    .impact-heading h1 {
        font-size: 20px;
        line-height: 24px
    }

    .p-30 {
        padding: 15px
    }

    .m-p-1 {
        padding: 5px
    }

    .receipt-h1 {
        font-size: 26px;
        letter-spacing: 5px;
        line-height: 30px;
        text-align: right
    }

    #IdeN-chnG-pop-up .input-group-addon .btn, .DocumentatioN-pop-Up-n1 .input-group-addon .btn {
        padding: 8px 15px 7px
    }

    .setting-1 .table-responsive .table tr td {
        white-space: normal
    }

    .setting-1 .table-responsive .table tr td.white-space {
        white-space: nowrap
    }

    .company-page-new .chall table tr td.p-0, .company-page-new .missions table tr td.p-0, .ongoing .table tr td.p-0 {
        padding: 0
    }

    .setting-1 .nav > li > a {
        padding: 3px 5px 5px;
        font-size: 14px
    }

    .m-bottom-tr td {
        padding-top: 0 !important
    }

    .m-tr td, .mission-m-tr td {
        border-bottom: none !important;
        padding-bottom: 0 !important
    }

    .check-btn, .section-active:before, .view-creteria .icon-image-active:before {
        width: 20px;
        height: 20px;
        line-height: 21px !important
    }

    .left-tds {
        width: 25px;
        height: 25px;
        line-height: 23px;
        font-size: 13px
    }

    .right-tds {
        width: 70px;
        height: 25px;
        font-size: 10px;
        line-height: 15px;
        padding-top: 4px
    }

    .check-btn {
        margin: 0 2px
    }

    .check-box .radio-btn {
        padding-left: 8px;
    }

    .font-size-18 {
        font-size: 15px
    }

    .font-size-20 {
        font-size: 16px
    }

    .p-4, .p-40 {
        padding: 15px
    }

    .cat-icon-box {
        width: 33.33333333%
    }

    select + i.fa {
        margin-top: -23px;
        margin-right: 0
    }

    .switch {
        width: 40px;
        height: 20px
    }

    .slider:before {
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 3px
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    .add-tag-form-group .form-control-feedback {
        top: 11px;
        left: 0
    }

    .check-box .checkmark:after {
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #8d8e8e
    }

    .check-box .checkmark {
        height: 15px;
        width: 15px;
        border: solid 1px #8d8e8e
    }

    .check-box .checkmark-white {
        border: solid 1px #fff
    }

    .check-box .checkmark-white:after {
        background: #fff
    }

    .sqr-chk-box .checkmark {
        height: 20px;
        width: 20px
    }

    .sqr-chk-box .sqr-chk .checkmark:after {
        left: 6px;
        top: 2px;
        width: 7px;
        height: 11px
    }

    body {
        line-height: 20px;
        height: 100%
    }

    #myModaln21 .modal-dialog {
        width: auto
    }

    .img-pre, .img-result {
        width: 250px;
        height: 140px
    }

    #challengeForm .padding-5 {
        padding: 2px
    }

    .pro-connection img {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .Sharing-a-caring .social-icon ul li {
        width: auto
    }

    .h5, h5 {
        font-size: 13px
    }

    .frm-pr h4 {
        padding-left: 0
    }

    ::-webkit-scrollbar {
        width: 2px;
        height: 2px
    }

    ::-webkit-scrollbar-thumb {
        background: #ccc
    }

    .company-page-new .dropbtn {
        min-width: 90px
    }

    .setting-table tr td {
        padding: 8px 8px !important
    }

    .story-section .stry-evnts img, .volunteer .over-img img {
        height: auto;
        max-height: 100%
    }

    .story-section .stry-evnts, .volunteer .over-img {
        height: auto;
        line-height: initial
    }

    .edit-summary-div .table tr td {
        padding: 3px
    }

    .take-tour {
        padding: 0 5px;
        z-index: 9
    }

    .logo-text, .site-logo {
        position: absolute;
        z-index: 999;
        width: 35px;
        height: 35px;
        padding-top: 0;
        margin-top: 10px
    }

    .impact-left-ul {
        padding-top: 0;
        display: inline-table
    }

    .employee-dashboard .sidebar-left {
        position: static;
        top: 0;
        width: 100%;
        height: auto;
        padding-top: 0
    }

    .employee-dashboard .main-panel {
        margin-left: 0;
        padding-top: 1px;
        width: 100%
    }

    .btn-social {
        width: 40px;
        height: 30px
    }

    .employee-dashboard .page-title {
        font-size: 18px
    }

    .sdg-detail .nav-tabs > li > a {
        font-size: 12px;
        padding: 5px 10px
    }

    .individual-dashboard .nav-tabs li a {
        padding: 10px 17px
    }

    .individual-dashboard .main-panel {
        padding-top: 15px
    }

    .individual-dashboard .nav-tabs {
        padding-top: 0
    }

    .individual-top h2 {
        font-size: 24px
    }

    .company-page-middle-2 .impact-mat {
        padding: 20px 5px
    }

    .individual-top h2 span {
        font-size: 9px
    }

    .impact-calculator-detail, .impact-calculator-section {
        top: 35px
    }

    .create-page {
        position: static
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px
    }

    .menu-section .nav > li > a {
        padding: 0 15px
    }

    .data-stories .infographic-section h1, .data-stories-2 .infographic-section h1, .data-stories-3 .infographic-section h1, .data-stories-4 .infographic-section h1, .data-stories-5 .infographic-section h1 {
        letter-spacing: 1px;
        width: auto;
        font-size: 20px;
        margin: 10px
    }

    .data-stories .infographic-section {
        background-position: 0 -93px;
        margin: 0
    }

    .data-stories-2 .infographic-section {
        background-position: 0 -93px;
        margin: 0
    }

    .data-stories-3 .infographic-section, .data-stories-5 .infographic-section {
        background-position: 0 -60px;
        margin: 0
    }

    .data-stories-4 .infographic-section {
        margin: 0;
        background-position: 0 -53px;
        background-size: auto
    }

    .cds-left, .ids-left {
        position: static;
        top: 0
    }

    .cds-right, .ids-right {
        margin-left: 0
    }

    .cds-3 .box .img {
        width: 18%
    }

    .cds-3 .info {
        width: 77%
    }

    .bg-fixed {
        position: static
    }

    #chatBox, .flcd {
        width: auto;
        right: auto
    }

    .indi-dashboard-section {
        background-position: 0 0;
        background-size: 20%;
        margin-top: 0 !important
    }

    .indi-dashboard-div-1-right-2 ul li {
        padding: 10px
    }

    .indi-dashboard-div-1-right-2 ul li:before {
        top: 16px;
        font-size: 40px
    }

    .indi-dashboard-timer {
        margin-left: 0;
        margin-right: 0
    }

    .d-div {
        width: 23%
    }

    .indi-dashboard-timer span {
        font-size: 11px
    }

    .individual-dashboard-timer .btn {
        width: auto
    }

    .individual-dashboard-timer h2 span, .individual-top h2 span {
        font-size: 10px;
        padding-right: 8px;
        padding-left: 0
    }

    .individual-dashboard-timer h2, .individual-top h2 {
        font-size: 24px
    }

    .individual-dashboard-section-3 h1 {
        font-size: 20px;
        padding: 0 15px;
        margin: 0 0 30px 0
    }

    .individual-dashboard-section-3 article {
        grid-column: calc(var(--i) * var(--p));
        margin-bottom: 50px
    }

    .individual-dashboard-div-3-steps:before, .individual-dashboard-section-3 article:after {
        display: none
    }

    .indi-dashboard-div-1-right-3 .circle-middle {
        top: 31%;
        left: 28.5%
    }

    .impMsg div.img-res {
        width: 100%
    }

    .calculator-table thead {
        background-size: cover
    }

    .indi-data {
        position: static
    }

    .indi-dashboard-div-1-link {
        position: static;
        width: 25%
    }

    .indi-dashboard-right {
        margin-left: 0
    }

    .indi-dashboard-timer div.d-num {
        width: 55px;
        height: 55px
    }

    .comparison-graph-button button {
        width: 19%;
        padding: 4px
    }

    .indi-dashboard-div-1-link ul li {
        padding: 5px 5px;
        height: 83px
    }

    .individual-impact-section .main-panel {
        padding-top: 15px
    }

    .individual-impact-section .nav-tabs li a {
        padding: 10px 5px 5px;
        font-size: 13px
    }

    .individual-impact-section .nav-tabs li {
        height: 40px
    }

    .individual-impact-section .nav-tabs {
        margin-bottom: 15px;
        padding-top: 0
    }

    .individual-impact-section .impct-wgoal.text-right {
        text-align: left;
        padding-top: 15px
    }

    .btn.btn-info.border-radius-25 .fa, .btn.btn-secondary.border-radius-25 .fa, .btn.btn-warning.border-radius-25 .fa {
        line-height: 16px
    }

    .org-tree-li-div p.bg-grey {
        height: 42px
    }

    .cds-right .content h2 {
        line-height: 30px
    }

    .cds-4 h2 {
        font-size: 20px
    }

    .don-data-iframe-div {
        width: auto;
        top: 9%;
        left: 15px;
        right: 15px
    }

    .ngo-qlb ul {
        text-align: left
    }

    .cds-achievements .p-2.wh-60 {
        padding: 0
    }

    .corporate-dashboard-section .cds-1 .p-3.wh-60, .ngo-dashboard-section .cds-1 .p-3.wh-60 {
        padding: 10px
    }

    .company-page-middle-1 .border-right-blue {
        border-right: none
    }

    .corporate-dashboard-section {
        padding: 0
    }

    .cds-5 .table-black-pearl-div .btn-equal {
        width: 145px
    }

    .navbar {
        border-top: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .ngo-dashboard-section .cds-1, .ngo-dashboard-section .cds-4 {
        margin-top: 0
    }

    .ngodinr.text-center {
        text-align: left
    }

    .sdg-ul li.sdg-ul-li-show {
        width: 45% !important
    }

    .single-detail-page-learning-tool-left .sdg-ul li.sdg-ul-li-show {
        width: auto !important
    }

    .send-connection-btn {
        width: auto !important
    }

    .modal-header .close {
        right: 10px;
        top: 5px;
        position: absolute
    }

    .lorubtn-div .btn-equal {
        width: 119px
    }

    .logic-rules-edit-popup .font-size-30 {
        font-size: 20px
    }

    .sponsorCustomMetrics .sdg-subul .indi-data input, .sponsorCustomMetrics .sdg-subul2 .sqr-chk {
        width: 100%
    }

    .sponsorCustomMetrics .sdg-subul .indi-data {
        position: static;
        margin-top: 5px
    }

    .sponsorCustomMetrics .sqr-chk-box .sqr-chk {
        text-align: justify
    }

    .sponsorCustomMetrics .sdg-ul li {
        margin: 0 0 5px 0
    }

    .sponsorCustomMetrics .sdg-chk-div {
        text-align: left
    }

    .calculator-table thead th {
        line-height: 30px;
        background: rgba(0, 0, 0, .5)
    }

    .m-w-full {
        width: 100%
    }

    .card-header {
        padding: .75rem 1.5rem
    }

    .card-body {
        padding: 1rem 1rem
    }

    .metricMnumber, .metricMnumber2 {
        width: 25px;
        height: 25px;
        line-height: 24px;
        margin-right: 2px
    }

    #impHistory .modal-dialog, #metricHistory .modal-dialog {
        display: block
    }

    .cu_m_i_d .card-header {
        padding: .75rem 1rem
    }

    .logic-rules-edit-popup .switch {
        width: 50px;
        height: 24px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0
    }

    .logic-rules-edit-popup .slider:before {
        width: 20px;
        height: 20px;
        top: 2px
    }

    .logic-rules-edit-popup input:checked + .slider:before {
        -webkit-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -o-transform: translateX(-25px)
    }

    .m-border-top {
        border-top: 1px solid #eee
    }

    .m-pb-2 {
        padding-bottom: 10px
    }

    .m-pb-0 {
        padding-bottom: 0
    }

    .m-pt-0 {
        padding-top: 0
    }

    .company-page-new .stoty-type .company-page-middle-2 h1, .profile-page h1 {
        font-size: 20px
    }

    .impact-calculator-detail, .impact-calculator-section {
        position: static
    }

    .impact-calculator-section .first-page h1 {
        font-size: 26px
    }

    .report-135-div {
        margin-bottom: 15px
    }

    .implementation-table table {
        margin-top: 0
    }

    .dashed-shadow {
        display: inherit
    }

    .gm-style .gm-style-iw-c {
        max-width: 320px !important
    }

    .map_info_img img {
        max-width: 100%
    }

    .profile-page .bench-mark .dia-outer .text-fuschia {
        max-height: 100px
    }

    .data-stories-2 .sheading {
        width: 100%
    }

    .d2-arr-left::before {
        display: none
    }

    .data-stories-2 .yield-div {
        padding: 70px 0
    }

    .filter-div, .sort-div {
        z-index: 9;
        top: 100px;
        padding: 15px;
        position: absolute
    }

    .m-text-left {
        text-align: left
    }

    .m-text-center {
        text-align: center
    }

    .filter-result .pt-3 {
        padding-top: 0
    }

    .filter-header ul li {
        margin: 0 5px 5px 0
    }

    .filter-header .nav > li > a {
        padding: 5px 5px
    }

    .filter-div .tab-content, .sort-div .tab-content {
        padding: 10px
    }

    .filter-div .filter-header #category-filter, .filter-div .filter-header #sdg-filter {
        overflow: auto;
        max-height: 200px
    }

    .filter-result .text-warning {
        font-size: 13px
    }

    .opinion-poll-piechart-div #pieChart {
        height: 220px;
        width: 280px
    }

    .filter i {
        top: 35%
    }

    .survey-view-div .progress {
        width: 90%;
        position: relative
    }

    .survey-view-div .progress-bar {
        overflow: hidden
    }

    .survey-view-div .progress .text-span {
        width: 90%
    }

    .survey-view-div .progress-main-div .percent-span {
        right: -25px
    }

    .stars label.star {
        padding: 0 1px
    }

    .single-page .company-page-middle .tab-content .review-list > tbody > tr > td.border-0 {
        border-top: none !important
    }

    .btn.btn-info.border-radius-25 .fa, .btn.btn-secondary.border-radius-25 .fa, .btn.btn-warning.border-radius-25 .fa {
        margin-left: 5px
    }

    .sdg-ul li {
        display: block;
        margin: 0 0 5px 0
    }

    .vsText {
        writing-mode: vertical-rl;
        text-orientation: upright
    }

    .company-page-new-right .effect-bubba h2 {
        font-size: 20px
    }

    .m-float-none {
        float: none !important
    }

    .m-float-right {
        float: right !important
    }

    .distribution-div .check-box .radio-btn {
        padding-left: 0
    }

    .crvivo-left .inside-section .ad-l, .crvivo-left h3, .crvoevnt-left .inside-section .ad-l, .crvoevnt-left h3 {
        padding-left: 15px
    }

    .crvivo-left .inside-section .ad-r, .crvivo-left h3, .crvoevnt-left .inside-section .ad-r, .crvoevnt-left h3 {
        padding-right: 15px
    }

    .crvivo-left h3, .crvoevnt-left h3 {
        font-size: 26px;
        padding: 15px;
        margin-bottom: 0
    }

    .crvivo, .crvoevnt {
        padding: 15px 0
    }

    .crvivo-left .inside-section, .crvoevnt-left .inside-section {
        height: auto;
        min-height: 515px
    }

    .sdg-chk-div {
        text-align: left
    }

    .input-button li {
        width: 32%;
        height: 100px
    }

    .crvoevnt .reqEvnt .input-button li, .crvoevnt .typeEvnt .input-button li {
        width: 100%
    }

    .input-button input[type=checkbox] + label, .input-button input[type=radio] + label {
        height: 100px
    }

    .input-button label {
        padding: 10px
    }

    .crvivo td span.pull-right {
        display: none
    }

    .input-button li img {
        width: 40px;
        height: 40px
    }

    .crvivo .create-cover-picture-div-left {
        padding-left: 0px
    }

    .devrvo .vole-sec .catIcon img {
        width: 35px;
        height: 35px
    }

    .devrvo .vole-sec .catIcon {
        width: 40px;
        height: 40px
    }

    .fd-sec .inclusion-div tr td {
        padding: 4px 0
    }

    select.form-control {
        line-height: normal
    }

    .border-right.filter-apply {
        border-right: none
    }

    .crvivo-div {
        box-shadow: none
    }

    .crvivo .next-div, .crvivo-div, .crvivo-left .inside-section, .crvivo-left h3 {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .crvivo-left .table tr td.pl-4 {
        padding-left: 0 !important
    }

    .multiselect.dropdown-toggle .caret {
        top: 16px !important
    }

    .crvivo-page {
        background: #e34963
    }

    .cmnInsdDivBgWhite .company-page-new-left {
        min-height: auto;
        border-radius: 0;
        padding-top: 0
    }

    .cmnInsdDiv {
        padding-left: 15px;
        padding-right: 15px
    }

    .cmnHeading, .cmnInsdDivBg, .cmnInsdDivBgImage {
        padding: 15px
    }

    .h-100vh {
        height: auto
    }

    .cmnHeading {
        margin-bottom: 15px
    }

    .cmnInsdDivBgImage.border-radius-40, .cmnInsdDivBgWhite.border-radius-40 {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .cmnNavDiv ul li:last-child {
        margin-right: 0
    }

    .cmnNavDiv ul li a, .cmnNavDiv ul li a:hover, .cmnNavDiv ul li.active a, .cmnNavDiv ul li.active a:hover {
        font-size: 12px;
        padding: 6px 9px 10px
    }

    .mt-30 {
        margin-top: 15px
    }

    .cmnSubHeading ul li {
        display: block;
        text-align: left;
        padding: 3px 15px
    }

    .cmnSubHeading ul li:before {
        display: none
    }

    .regAttendTable {
        height: auto
    }

    .vole-sec .catIcon {
        width: 35px;
        height: 35px
    }

    .vole-sec .catIcon img {
        width: 30px;
        height: 30px
    }

    .m-pull-none {
        float: none !important
    }

    .obj-div {
        height: auto
    }

    .obj-div img {
        position: static !important
    }

    .benImpDiv {
        background-position: bottom right
    }

    .benDash-left ul li {
        padding: 14px 0;
        width: 19%;
        display: inline-block
    }

    .fy-bar-pnb {
        position: static;
        width: 100%
    }

    .top-datastory-div {
        position: absolute
    }

    .topLink {
        background: 0 0;
        box-shadow: none;
        position: static
    }

    .topLink ul li a {
        color: #000;
        text-shadow: none
    }

    .topLink ul li::after {
        border-right: 1px solid #175067;
        height: 10px
    }

    .topLink ul li {
        padding: 0 5px
    }

    .promotion-details-info-right {
        position: static
    }

    .promotion-journey-div h3 {
        padding: 10px 15px;
        letter-spacing: 4px
    }

    .promotion-details-info-left h1 {
        font-size: 28px
    }

    .promotion-details-info-left h1::before {
        height: 2px;
        bottom: 8px
    }

    .crvivo-left .table tr td.pl-4, .crvoevnt-left .table tr td.pl-4 {
        padding-left: 0 !important
    }

    .input-group-addon {
        padding: 6px 5px;
        font-size: 12px
    }

    .crvoevnt .rotate-text {
        font-size: 13px;
        text-transform: uppercase;
        margin-left: -22px;
        margin-right: -21px
    }

    .menu-section .navbar-nav li.active {
        background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%)
    }

    .menu-section .navbar-nav li.active a {
        background: 0 0;
        box-shadow: none
    }

    .tierPointImg:before {
        bottom: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #6c748c
    }

    .svResOverall {
        padding: 10px
    }

    .survey-respondents-section .set-abs img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
        padding: 15px
    }

    .survey-respondents-section .girl-boy {
        position: static;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0)
    }

    .recomended-div-donate {
        position: static
    }

    .liveProfile .story-section .drilldownShareDiv .Sharing-a-caring {
        width: 200px
    }

    .datastory-section .img-div img {
        margin-bottom: 0;
    }
}

.square-img-result {
    width: 180px;
    height: 180px;
    margin: 0 auto
}

.regAtt .font-size-30 {
    font-size: 22px;
}

.esg-dashboard.assign-member-event-data .sustainability-data-universe-left .nav-tabs li {
    width: 100%;
}

.esg-dashboard.assign-member-event-data .topHeaderDiv ul li .icon.wh-40 {
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .tool-tip .tool-tip__info {
        width: 300px
    }

    .corpPeople .tool-tip .tool-tip__info, .indiPeople .tool-tip .tool-tip__info, .ngPeople .tool-tip .tool-tip__info {
        width: auto
    }

    .company-page-middle .company-page-middle-new .img-icon {
        padding-left: 0 !important;
        float: left !important;
        margin-top: 5px
    }

    .login-dialog, .login-dialog1 {
        margin: 10px
    }

    .textCenter480 {
        text-align: center !important
    }

    .textLeft320 {
        text-align: left !important
    }

    .px-1 {
        margin-bottom: 10px;
        float: left
    }

    .py-2 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .create-story .icn-bx li img {
        padding: 10px 40px;
        text-align: center;
        margin: 0 auto
    }

    .share-a-story-icon ul li {
        max-width: 49% !important;
        margin-bottom: 3px !important;
        margin-right: 1% !important;
        border-left: none
    }

    .outer-part input {
        font-size: 12px
    }

    .outer-part::-moz-placeholder {
        font-size: 12px
    }

    .alignLeft {
        text-align: left !important
    }

    .disNone {
        display: none !important
    }

    .mobileView {
        display: block
    }

    .textCenter320 {
        text-align: center
    }

    .mob-mb-10 {
        margin-bottom: 35px
    }

    .company-page-new .chall td p {
        position: relative;
        margin-left: -18px;
        font-size: 14px
    }

    .company-page-new .chall .aft {
        position: relative
    }

    #challenge-main tr > td > img {
        width: 45px !important
    }

    .col-md-12.wow.fadeInUp {
        padding: 0
    }

    .status-list .org-hierarchy ul li {
        width: 47%;
        margin: 5px 3px
    }

    .status-list .org-tree-li-div {
        width: 100%;
        margin: 0;
        min-width: auto
    }

    .sponsed-by .owl-carousel .item .thumbnail {
        height: 90px;
        line-height: 80px
    }

    .jsf-datastory-logo-section ul li {
        width: 48.7%
    }
}

@media (max-width: 375px) {
    .datastory-contributor ul li .img-div {
        width: 100px;
        height: 100px
    }

    .individual-dashboard .nav-tabs li a {
        padding: 10px 9px
    }

    .bottom-icn li {
        display: inline-block;
        width: 24%
    }

    .resImg img {
        width: 20px
    }

    .Sharing-a-caring, .piggy-back-dialog-box {
        width: 290px
    }

    .donate-evnt-dialog-box, .show-content-rating, .Sharing-a-caring, .progress-details-div, .review-details-div {
        width: 100%;
    }

    .vol-evnt-2 .donate-evnt-dialog-box, .vol-evnt-2 .show-content-rating, .vol-evnt-2 .Sharing-a-caring, .progress-details-div, .review-details-div {
        left: 0;
    }

    .show-pass {
        position: absolute;
        right: 5px !important;
        top: 4px
    }

    .single-page .company-page-middle .nav-tabs li {
        width: 50%
    }

    .outer-part input {
        font-size: 12px
    }

    .outer-part::-moz-placeholder {
        font-size: 12px
    }

    .sr-catogary-pop-up p {
        line-height: 1.5
    }

    .tool-tip .tool-tip__info {
        width: 300px
    }

    .corpPeople .tool-tip .tool-tip__info, .indiPeople .tool-tip .tool-tip__info, .ngPeople .tool-tip .tool-tip__info {
        width: auto
    }
}

@media (max-width: 374px) {
    .cu_m_i_d td.display-flex {
        display: inline-block
    }

    .Milestones .pr-mil h1.font-size-26 {
        font-size: 18px
    }

    .gm-style .gm-style-iw-c {
        max-width: 270px !important
    }

    .diamond-square {
        border: 58px solid transparent;
        top: -58px;
        border-bottom-color: #1080a7c4
    }

    .diamond-square:after {
        left: -58px;
        top: 58px;
        border: 58px solid transparent;
        border-top-color: #1080a7c4
    }
}

@media (max-width: 320px) {
    .bottom-icn li {
        display: inline-block;
        width: 18%
    }

    .bottom-icn .span1 .show-img {
        width: 25px
    }

    .Sharing-a-caring, .donate-evnt-dialog-box, .piggy-back-dialog-box, .show-content-rating {
        width: 262px
    }

    .outer-part input {
        font-size: 12px
    }

    .outer-part::-moz-placeholder {
        font-size: 12px
    }

    .tool-tip .tool-tip__info {
        width: 250px
    }

    .indi-dashboard-timer div.d-num {
        width: 50px;
        height: 50px;
        line-height: 28px;
        font-size: 15px
    }

    .indi-dashboard-timer span {
        font-size: 10px
    }

    .opinion-poll-piechart-div #pieChart {
        height: 220px;
        width: 250px
    }
}

@media (max-width: 310px) {
    .m-h-donation {
        height: 36px;
        display: inline-block
    }
}