@media only screen and (max-width: 640px) {
    .carousel-caption p {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 45px;
    }
    /*
	section.peb-section-banner img{display: none;}
	section.peb-section-banner .card-img-overlay{position: relative;}
	*/
    section.peb-section-banner h2 {
        font-size: 1.5rem;
    }

    .hero__slideContent {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    body, a {
        font-size: 20px;
        /*background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);*/
    }

    .loginpagemobile {
        height: 40px !important;
    }
    .navbar {
        margin: 0px !important;
        padding: 0px !important;
        background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);
    }
    .modal-dialog{
        margin:0px !important;
    }
    .modal-dialog {
        height: 100%; /* = 90% of the .modal-backdrop block = %90 of the screen */
    }

    .modal-content {
        height: 100%; /* = 100% of the .modal-dialog block */
    }
    .container-login100 {
        min-height: 70vh !important;
    }
    .wrap-login100 {
        width: 350px !important;
        border-radius: 0px;
        margin: 0px !important;
        padding: 0px !important;
    }
    .android-logo {
        display:block!important;
    }
    .input100 {
        opacity: 0.5;
    }

    .login100-form-btn {
       /* background-color: white;
        color: #04BDAF !important;*/
        height: 40px !important;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block !important;
    }

    .selectionoptionID {
        width: 120px !important;
        margin-right: 0px !important;
        padding-right:5px !important;
    }
    .CategoryID {
        width: 280px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    .dropdown-row {
        margin-bottom: 1rem !important;
    }
    .pt-3, .pt-2 {
        padding-top: .2rem !important;
    }

    .conditions {
        background-color: #CCCCCC !important;
        color: black !important;
    }

    .twenty-percent {
        margin-left: 70% !important;
        width: 30% !important;
    }
    audio {
        width: 280px !important;
        height: 45px !important;
    }
    .mobile-design {
        width: auto !important;
    }
    footer, section {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        section.peb-who-we-are {
            padding-top: 15px;
        }

    .carousel-indicators {
        display: none;
    }

    section.peb-slider .carousel-caption h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    section.peb-slider .carousel-caption p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .peb-project .peb-caption h2 {
        font-size: 16px;
        margin-bottom: 2px;
    }

    section.peb-sister-concern .card img {
        width: 80px;
    }

    section.peb-sister-concern .card .card-title {
        font-size: 14px
    }

    .hero__slideContent {
        display: none;
    }

    .peb-section-banner h1 {
        font-size: 1.5rem;
    }

    .peb-section-banner h5 {
        font-size: 1rem;
    }

    .searchphraseorwords{
        font-size: 15px;
        font-weight: 700;
        margin: 0px!important;
        padding:0px!important;
    }
}

@media only screen and (max-width: 375px) {
    body, a {
        font-size: 20px;
        /*background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);*/
    }

    .loginpagemobile {
        height: 40px !important;
    }

    .navbar {
        /*height: 40px !important;*/
        margin: 0px !important;
        padding: 0px !important;
        background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);
    }

    .modal-dialog {
        margin: 0px !important;
    }

    .modal-dialog {
        height: 100%; /* = 90% of the .modal-backdrop block = %90 of the screen */
    }

    .modal-content {
        height: 100%; /* = 100% of the .modal-dialog block */
    }

    .container-login100 {
        min-height: 70vh !important;
    }

    .wrap-login100 {
        width: 350px !important;
        border-radius: 0px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .android-logo {
        display: block !important;
    }

    .input100 {
        opacity: 0.5;
    }

    .login100-form-btn {
        /* background-color: white;
        color: #04BDAF !important;*/
        height: 40px !important;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block !important;
    }

    .selectionoptionID {
        width: 120px !important;
        margin-right: 0px !important;
        padding-right: 5px !important;
    }

    .CategoryID {
        width: 240px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .dropdown-row {
        margin-bottom: 1rem !important;
    }

    .pt-3, .pt-2 {
        padding-top: .2rem !important;
    }

    .conditions {
        background-color: #CCCCCC !important;
        color: black !important;
    }

    .twenty-percent {
        margin-left: 70% !important;
        width: 30% !important;
    }

    audio {
        width: 143px !important;
        height: 45px !important;
    }

    .mobile-design {
        width: auto !important;
    }

    footer, section {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        section.peb-who-we-are {
            padding-top: 15px;
        }

    .carousel-indicators {
        display: none;
    }

    section.peb-slider .carousel-caption h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    section.peb-slider .carousel-caption p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .peb-project .peb-caption h2 {
        font-size: 16px;
        margin-bottom: 2px;
    }

    section.peb-sister-concern .card img {
        width: 80px;
    }

    section.peb-sister-concern .card .card-title {
        font-size: 14px
    }

    .hero__slideContent {
        display: none;
    }

    .peb-section-banner h1 {
        font-size: 1.5rem;
    }

    .peb-section-banner h5 {
        font-size: 1rem;
    }

    .searchphraseorwords {
        font-size: 15px;
        font-weight: 700;
        margin: 0px !important;
        padding: 0px !important;
    }

    .scoremobiledesign{
        width: 50px !important;
    }
    .scoremobiledesignresult {
        width: 50px !important;
    }
    .scoremobiledesignaudio {
        width: 50px !important;
    }
}

@media only screen and (max-width: 320px) {
    body, a {
        font-size: 20px;
        /*background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);*/
    }

    .loginpagemobile {
        height: 40px !important;
    }

    .navbar {
       /* height: 40px !important;*/
        margin: 0px !important;
        padding: 0px !important;
        background-image: linear-gradient(to right top, #2c6290, #276b98, #2174a0, #1b7da7, #1386ae, #078eb2, #0096b6, #009eb9, #00a6b9, #00aeb6, #00b6b1, #08bdaa);
    }

    .modal-dialog {
        margin: 0px !important;
    }

    .modal-dialog {
        height: 100%; /* = 90% of the .modal-backdrop block = %90 of the screen */
    }

    .modal-content {
        height: 100%; /* = 100% of the .modal-dialog block */
    }

    .container-login100 {
        min-height: 70vh !important;
    }

    .wrap-login100 {
        width: 350px !important;
        border-radius: 0px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .android-logo {
        display: block !important;
    }

    .input100 {
        opacity: 0.5;
    }

    .login100-form-btn {
        /* background-color: white;
        color: #04BDAF !important;*/
        height: 40px !important;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block !important;
    }

    .selectionoptionID {
        width: 120px !important;
        margin-right: 0px !important;
        padding-right: 5px !important;
    }

    .CategoryID {
        width: 200px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .dropdown-row {
        margin-bottom: 1rem !important;
    }

    .pt-3, .pt-2 {
        padding-top: .2rem !important;
    }

    .conditions {
        background-color: #CCCCCC !important;
        color: black !important;
    }

    .twenty-percent {
        margin-left: 70% !important;
        width: 30% !important;
    }

    audio {
        width: 100px !important;
        height: 45px !important;
    }

    .mobile-design {
        width: auto !important;
    }

    footer, section {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        section.peb-who-we-are {
            padding-top: 15px;
        }

    .carousel-indicators {
        display: none;
    }

    section.peb-slider .carousel-caption h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    section.peb-slider .carousel-caption p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .peb-project .peb-caption h2 {
        font-size: 16px;
        margin-bottom: 2px;
    }

    section.peb-sister-concern .card img {
        width: 80px;
    }

    section.peb-sister-concern .card .card-title {
        font-size: 14px
    }

    .hero__slideContent {
        display: none;
    }

    .peb-section-banner h1 {
        font-size: 1.5rem;
    }

    .peb-section-banner h5 {
        font-size: 1rem;
    }

    .searchphraseorwords {
        font-size: 15px;
        font-weight: 700;
        margin: 0px !important;
        padding: 0px !important;
    }
}