<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (min-width: 320px) and (max-width: 575.98px){

    section.mentorship-main-menu ul.we-mega-menu-ul {

        padding: 0;

      }
/* start become mentor find mentor pages */
section.mentors-list-home .mentor-listing-page .heading-new-mentor a{
    padding-top: 20px;
}
section.mentors-list-home .mentor-listing-page .heading-new-mentor{
    padding-bottom: 10px;
}
.become-mentor-banner .field--name-body h2 {
    font-size: 36px;
    line-height: 42px;
}
.become-mentor-banner .field--name-body {
    width: 100%;
    padding: 20px 15px 40px 15px;
    margin-top: 0;
}
.form-api-example-findmentor-form #edit-profile .block1,
.form-api-example-findmentor-form #edit-interests .block1,
.form-api-example-findmentor-form #edit-interests .block2,
.form-api-example-findmentor-form #edit-experience .block1,
.form-api-example-findmentor-form #edit-experience .block2,
.form-api-example-findmentor-form #edit-experience .block3,
.form-api-example-findmentor-form #edit-schedule .block1,
.form-api-example-findmentor-form #edit-schedule .block2,
.form-api-example-findmentor-form #edit-schedule .block3,
.form-api-example-findmentor-form #edit-schedule .block4 {
    background-color: #002581;
    height: 10px;
    width: 60px;
}
.form-api-example-findmentor-form #edit-profile .block1 ,
.form-api-example-findmentor-form #edit-interests .block1,
.form-api-example-findmentor-form #edit-interests .block2,
.form-api-example-findmentor-form #edit-experience .block1,
.form-api-example-findmentor-form #edit-experience .block2,
.form-api-example-findmentor-form #edit-experience .block3,
.form-api-example-findmentor-form #edit-schedule .block1,
.form-api-example-findmentor-form #edit-schedule .block2,
.form-api-example-findmentor-form #edit-schedule .block3,
.form-api-example-findmentor-form #edit-schedule .block4 {
    background-color: #002581;
    height: 10px;
    width: 60px;
}
.form-api-example-multistep-form .progress-block .block p,
.form-api-example-findmentor-form .progress-block .block p {
    font-size: 12px;
    line-height: 18px;
    font-family: 'noto sans medium';
    padding: 10px 30px 0px 0px;
}

/* end become mentor find mentor pages */


    /* sub menu  start*/

    .mentorship-main-menu-mentorship.navbar-default {
       background-color: #fff !important;
       background-image: unset !important;
    }
    .navbar-we-mega-menu.navbar.we-mobile-megamenu-active{
        width: 100%;
        height: 100%;
        border-radius: 0;
        border: 0 none;
        z-index: 9;
    }
    /* section.mentorship-main-menu ul.we-mega-menu-ul{
        display: block;
        /* width: 100%; */
        /* padding: 0; */
        /* padding: 0px 30px;
        background-color: #fff;
    }
     */
    /* section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
    } */
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
        /* padding: 10px; */
        padding: 0 21px 1px 21px;
    }
    section.mentorship-main-menu .container-fluid{
        height: 100%;
        background: #fff;
        width: 100%;
    }
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li a{
        color: #04198b;
        background-color: transparent;
    }
    section.mentorship-main-menu .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:focus, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:hover{
        color: #04198b !important;
        background-color: transparent;
        border: unset;
        box-shadow: unset;
    }
    section.mentorship-main-menu ul.we-mega-menu-ul .we-mega-menu-li a{
        border: transparent;
        padding-top: 14px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-node-type-landing-pages .btn-close{
        z-index: 9999;
    }
    /* sub menu closed */
    section.alumni-membership-section{
        padding: 0 0;
        height: auto;
    }
    section.alumni-membership-section &gt; .field--name-body.field--type-text-with-summary{
        width: 100%;
        padding: 0 15px;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary p{
        width: auto;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary{
        background-size: 100%;
        margin-top: 0px;
        height: 320px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item {
        width: 75%;
        float: right;
        padding-top: 26%;
        padding-left: 0%;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item h2{
        font-size: 20px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p{
        padding-top: 0px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p:nth-child(2) {
        font-size: 17px;
        color: #fff;
        font-family: 'noto sans light';
        height: 50px;
        overflow: hidden;
        padding: 0 10px 0 0;
    }
    section.mentorship-about-membership-section{
        padding: 12px 0px 40px 0px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary{
        padding: 0 15px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary h2{
        font-size: 36px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary p{
        padding: 20px 0px 0 0px;

    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions{
        display: block;
        padding: 0px 0px 0px 0px;
        margin-top: 0;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1){
        width: 100%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-image{
        width: 100%;
        padding: 0 15px;

    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-description{
        width: 100%;
        padding: 0 15px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images{
        display: block;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link{
        position: relative;
        margin: 0 auto;
        bottom: -2%;
        left: 0;
        right: 0;
        margin: 0 auto;

    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2){
        width: 100%;
        padding: 25px 15px 0px 15px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul li{
        padding-top: 5px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul{
        height: auto;
    }
    section.mentorship-how-it-works {
        padding: 20px 15px 40px 15px;
        text-align: center;
    }
    section.mentorship-how-it-works h2{
        font-size: 36px;
    }
    section.mentorship-numbers-slider-section{
        width: 100%;
    }
    section.mentorship-numbers-slider-section ul.mentorship-numbers-slider{
        padding: 0;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary h2{
        font-size: 36px;
    }
    section.mentorship-numbers-slider-section .draggable{
        width: 100%;
        padding-top: 0px;
    }
    section.mentorship-numbers-slider-section .draggable .views-field-field-descriptions p{
        padding: 15px 22px;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions{
        display: block;
        padding: 0 15px;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item{
        margin: 20px 0px 0 0;
        width: 100%;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .field--name-field-content-description p{
        padding: 0 15px;
        height: auto;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .field--name-field-content-description{
        padding: 0;
    }
    section.cant-commit-problem{
        padding:10% 0;
        display: block;
    }
    section.cant-commit-problem .field--name-field-banner-image.field--type-image {
        width: auto;
        margin-right: 0;
    }
    section.cant-commit-problem .field--name-body.field--type-text-with-summary{
        position: absolute;
        left: 0;
        top: 0%;
        margin-top: 5%;
    }
    section.cant-commit-problem .field--name-field-content-details {
        width: auto;
        margin-right: 0;
    }
    section.cant-commit-problem .field--name-field-content-details .field--name-field-content-description p{
        padding: 0 15px;
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: auto;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 16%;
        text-align: center;
        z-index: 999;
        padding: 0 14%;
    }
    section.mentorship-testimonials-slideshow p {
        margin: 0 auto;
        color: #000;
        font-size: 17px;
        padding-top: 30px;
        /* height: 100px; */
        /* overflow: hidden; */
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: auto;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: unset;
        text-align: center;
        z-index: 999;
        padding: 0 14%;
        bottom: -16%;
    }
    section.mentorship-testimonials-slideshow .views-field-body p{
        display: block;
        padding: 4% 10%;
        top: 22%;
    }
    .mentorship-testimonials-slideshow .view-testimonials-slideshow-nop  ul.crousal-testimonials-mentor {
        padding: 0;
    }
    section.mentorship-testimonials-slideshow{
        width: 95%;
        margin-bottom: 100px;
        height: auto;
        margin-top: 20px;
    }
    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-prev::before{
        display: none;
    }
    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-next::before{
        display: none;
    }
    section.find-a-mentor-section {
        padding-top: 20px;
    }
    section.cant-commit-problem .field--name-field-content-details .field--name-field-content-title.field--type-string{
        margin-top: 10%;
    }
    /* contact us block start */

    .donate-lums-contact-section-block .field--name-field-extra-text{
        display: block;
        margin-bottom: 50px;
        top: unset;
    }
    .donate-lums-contact-section-block .field--item:nth-child(1){
        padding: 0 15px;

    }
    .donate-lums-contact-section-block .field--item:nth-child(2){
        padding: 15px 15px 0 15px;
    }
    .donate-lums-contactus-section-block{
        padding: 48px 15px 24px 15px;
        width: 100%;
        display: block;
    }
    .donate-lums-contactus-section-block .field--name-body{
        width: 100%;
    }
    .donate-lums-contact-section-block{
        height: auto;
        margin-bottom: 0px;
    }
    .donate-lums-contactus-section-block .field--name-body p{
        padding-bottom: 40px;
    }
    .donate-lums-contact-section-block .field--item:nth-child(3){
        margin-top: 20px;
    }
    .donate-lums-contactus-section-block .field--name-body h2 {
        padding-bottom: 25px;
        font: 46px/58px Noto Serif Display Bold;
        margin-top: 5px;
    }
    .donate-lums-contactus-section-block .field--name-field-add-link{
        width: 100%;
        padding-left: 0px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-description ul{
        height: auto;
        padding-left: 20px;
    }
    .mentorship-testimonials-slideshow .view-testimonials-slideshow-nop .draggable .views-field-body{
        width: 90%;
        left: unset;
        right: 5%;
        bottom: 0%;
        top: 30%;
        height: 215px;
        }
    section.mentorship-testimonials-slideshow .views-field-body p::before {
        background-image: url('../images/left-side.png');
        content: "";
        width: 51px;
        height: 15px;
        position: absolute;
        display: inline-block;
        top: -10%;
        background-repeat: no-repeat;
        left: 15%;
    }

    section.mentorship-testimonials-slideshow .views-field-body p::after {
        background-image: url('../images/right-sude.png');
        content: "";
        width: 51px;
        height: 15px;
        position: absolute;
        display: inline-block;
        bottom: -8%;
        background-repeat: no-repeat;
        right: 15%;
    }
    section.mentorship-testimonials-slideshow .view-testimonials-slideshow-nop .slick-slide img{
        display: block;
        height: 215px;
        width: auto;
        object-fit: cover;
        margin-top: 5%;
        margin-left: 0%;
        display: none;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link a{
        margin: 30px auto 0 auto;
    }
    .mentorship-testimonials-slideshow .view-testimonials-slideshow-nop .draggable .slick-slide{
        height: 250px;
    }
    section.cant-commit-problem .field--name-body.field--type-text-with-summary p{
        padding: 0 15px;
    }
    .page-node-type-landing-pages header .lums-main-menu  .region-we-mega-menu{
        /* display: none; */
    }
    .page-node-type-landing-pages .region-we-mega-menu {
        /* background-color: #000;
        padding: 13px 5px;
        margin-bottom: 20px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 150px;
        height: 40px;
        background: #000;
        margin-left: 2%; */
    }
    section.mentorship-slideshow ul.slick-dotted.slick-slider{
        padding-left: 0px;
    }
    .page-node-type-landing-pages .region-we-mega-menu {
        /* background-color: #000; */
        /* padding: 13px 5px;
        margin-bottom: 20px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 150px;
        height: 40px;
        background: #000;
        margin-left: 2%; */
    }
    .mentorship-main-menu .region-we-mega-menu a.navbar-toggle{
        margin-right: 0px;
        z-index: 1;
    }
    .page-node-type-landing-pages .mentorship-main-menu .region-we-mega-menu::after {
        content: "Alumni Menu";
        float: left;
        display: none;
        color: #fff;
        padding-left: 2px;
        line-height: 12px;
        font-family: 'Noto Sans Medium';
    }
    .page-node-8311 .mentors-list-join .mentor-listing .mentor-list {
        width: 100%;
        margin: 15px 0;
        padding-bottom: 20px;
    }
    .page-node-8311 .mentors-list-join {
        padding: 20px 15px 50px 15px;
        clear: both;
        position: relative;
        margin-bottom: 0px;
    }
    section.mentors-list-home .mentor-listing-page p a{
        margin-top: 20px;
    }
    section.mentors-list-home  .mentors-list-join .mentor-listing .mentor-list .mentor-img{
        height: auto;
    }
    .mentor-detailes-main .mentor-detailes-image {
        width: auto;
        padding-top: 2%;
        text-align: center;
    }
    .mentor-detailes-main .mentor-detailes-other {
        width: auto;
        padding-left: 0;
        padding-top: 6%;
        text-align: center;
    }
    .mentor-detailes-main .mentor-detailes{
        display: block;
    }
    .mentors-list-join .mentor-listing .mentor-list .mentor-img{
        height: auto;
    }


  section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions&gt;.field--item:nth-of-type(1) p {
    font-size: 17px;
    color: #000;
    font-family: 'noto sans light';
    height: auto;
    overflow: hidden;
  }

  section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions&gt;.field--item:nth-of-type(2) .field--name-field-content-link {
    margin-top: 18px;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 25%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px){
    section.mentorship-main-menu ul.we-mega-menu-ul {

        padding: 0;

      }
    .page-node-8311 .mentors-list-join .mentor-listing .mentor-list {
        width: 100%;
        margin: 15px 0;
    }
    .page-node-8311 .mentors-list-join {
        padding: 100px 15px 50px 15px;
        clear: both;
        position: relative;
    }
    section.mentors-list-home .mentor-listing-page p a{
        margin-top: 20px;
    }
    /* contact us block start */

    .donate-lums-contact-section-block .field--name-field-extra-text{
        display: block;
        margin-bottom: 50px;
        top: unset;
    }
    .donate-lums-contact-section-block .field--item:nth-child(1){
        padding: 0 15px;

    }
    .donate-lums-contact-section-block .field--item:nth-child(2){
        padding: 15px 15px 0 15px;
    }
    .donate-lums-contactus-section-block{
        padding: 48px 15px 24px 15px;
        width: 100%;
        display: block;
    }
    .donate-lums-contactus-section-block .field--name-body{
        width: 100%;
    }
    .donate-lums-contact-section-block{
        height: auto;
        margin-bottom: 0px;
    }
    .donate-lums-contactus-section-block .field--name-body p{
        padding-bottom: 40px;
    }
    .donate-lums-contact-section-block .field--item:nth-child(3){
        margin-top: 20px;
    }
    .donate-lums-contactus-section-block .field--name-body h2 {
        padding-bottom: 25px;
        font: 46px/58px Noto Serif Display Bold;
        margin-top: 5px;
    }
    .donate-lums-contactus-section-block .field--name-field-add-link{
        width: 100%;
        padding-left: 0px;
    }

/* start become mentor find mentor pages */
.become-mentor-banner .field--name-body h2 {
    font-size: 42px;
    line-height: 47px;
}

.become-mentor-banner .field--name-body {
    width: 100%;
    padding: 20px 30px 40px 30px;
    margin-top: 0;
}

.form-api-example-multistep-form #edit-profile .block1 ,
.form-api-example-multistep-form #edit-interests .block1,
.form-api-example-multistep-form #edit-interests .block2,
.form-api-example-multistep-form #edit-experience .block1,
.form-api-example-multistep-form #edit-experience .block2,
.form-api-example-multistep-form #edit-experience .block3,
.form-api-example-multistep-form #edit-schedule .block1,
.form-api-example-multistep-form #edit-schedule .block2,
.form-api-example-multistep-form #edit-schedule .block3,
.form-api-example-multistep-form #edit-schedule .block4 {
    background-color: #002581;
    height: 10px;
    width: 140px;
}
.form-api-example-findmentor-form #edit-profile .block1 ,
.form-api-example-findmentor-form #edit-interests .block1,
.form-api-example-findmentor-form #edit-interests .block2,
.form-api-example-findmentor-form #edit-experience .block1,
.form-api-example-findmentor-form #edit-experience .block2,
.form-api-example-findmentor-form #edit-experience .block3,
.form-api-example-findmentor-form #edit-schedule .block1,
.form-api-example-findmentor-form #edit-schedule .block2,
.form-api-example-findmentor-form #edit-schedule .block3,
.form-api-example-findmentor-form #edit-schedule .block4 {
    background-color: #002581;
    height: 10px;
    width: 140px;
}

.form-api-example-multistep-form .progress-block .block p, .form-api-example-findmentor-form .progress-block .block p {
    padding: 10px 77px 0px 0px;
}

/* end become mentor find mentor pages */

    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-prev::before{
        display: none;
    }
    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-next::before{
        display: none;
    }
    /* sub menu  start*/

    section.mentorship-main-menu .region-we-mega-menu {
        background-color: unset;
    }
    section.mentorship-main-menu .navbar-toggle {
        background: #000;
        padding: 11px 12px 12px 12px;
        margin-left: 10px;
    }
    section.mentorship-main-menu .navbar-toggle::before {
        content: "Alumni Menu";
        float: left;
        color: #fff;
        padding-left: 27px;
        line-height: 12px;
    }
    .navbar-we-mega-menu.navbar.we-mobile-megamenu-active{
        width: 100%;
        z-index: 9;
    }
    section.mentorship-main-menu ul.we-mega-menu-ul{
        display: block;
        /* width: 100%; */
        /* background-color: #fff; */
    }
    /* section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
    } */
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
        padding: 10px;
    }
    section.mentorship-main-menu .container-fluid{
        height: 100%;
        background: #f2f2f2;
        width: 100%;
    }
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li a{
        color: #04198b;
        background-color: transparent;
    }
    section.mentorship-main-menu .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:focus, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:hover{
        color: #04198b !important;
        background-color: transparent;
        border: unset;
        box-shadow: unset;
    }
    section.mentorship-main-menu ul.we-mega-menu-ul .we-mega-menu-li a{
        border: transparent;
    }
    .page-node-type-landing-pages .btn-close{
        z-index: 9999;
    }
    /* sub menu closed */
    section.alumni-membership-section{
        padding: 0 15px;
    }
    section.alumni-membership-section &gt; .field--name-body.field--type-text-with-summary{
        width: 100%;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary p{
        width: auto;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary{
        background-size: 100%;
        margin-top: 0px;
        height: 290px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item {
        width: 73%;
        float: right;
        padding-top: 26%;
        padding-left: 5%;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item h2{
        font-size: 20px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p {
        font-size: 17px;
        color: #fff;
        font-family: 'noto sans light';
        height: 50px;
        overflow: hidden;
    }
    section.mentorship-about-membership-section{
        padding: 12px 15px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary h2{
        font-size: 36px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary p{
        padding-top: 20px;

    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions{
        display: block;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1){
        width: 100%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-image{
        width: 100%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-description{
        width: 100%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images{
        display: block;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link{
        position: relative;
        margin: 0 auto;

    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2){
        padding-left: 0px;
        width: 100%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul li{
        padding-top: 5px;
    }
    section.mentorship-how-it-works {
        padding: 46px 15px 40px 15px;
        text-align: center;
        padding-bottom: 40px;
    }
    section.mentorship-how-it-works h2{
        font-size: 36px;
    }
    section.mentorship-numbers-slider-section{
        width: 100%;
    }
    section.mentorship-numbers-slider-section ul.mentorship-numbers-slider{
        padding: 0;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary h2{
        font-size: 36px;
    }
    section.mentorship-numbers-slider-section .draggable .views-field-field-descriptions p{
        padding: 15px 0px;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions{
        display: block;
        padding: 0 15px;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item{
        margin: 0px;
        width: 100%;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .field--name-field-content-description p{
        padding: 0;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .field--name-field-content-description{
        padding: 0;
    }
    section.cant-commit-problem{
        padding: 0;
        display: block;
    }
    section.cant-commit-problem .field--name-field-banner-image.field--type-image {
        width: auto;
        margin-right: 0;
    }
    section.cant-commit-problem .field--name-body.field--type-text-with-summary{
        position: absolute;
        left: 0;
        top: 10%;
        right: 0;
    }
    section.cant-commit-problem .field--name-field-content-details {
        width: auto;
        margin-right: 0;
    }
    section.cant-commit-problem .field--name-field-content-details .field--name-field-content-description p{
        padding: 0 15px;
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: auto;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 16%;
        text-align: center;
        z-index: 999;
        padding: 0 14%;
        bottom: -20%;
    }
    section.mentorship-testimonials-slideshow p {
        margin: 0 auto;
        color: #000;
        font-size: 17px;
        padding-top: 30px;
        height: 100px;
        overflow: hidden;
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: auto;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: unset;
        text-align: center;
        z-index: 999;
        padding: 0 14%;
        /* bottom: -16%; */
    }
    section.mentorship-testimonials-slideshow .views-field-body p{
        display: block;
    }
    .mentorship-testimonials-slideshow .view-testimonials-slideshow-nop  ul.crousal-testimonials-mentor {
        padding: 0;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .img-responsive{
        width: 100%;
    }
    section.mentorship-testimonials-slideshow{
        width: 100%;
        margin-bottom: 100px;
        margin-top: 20px
    }
    .page-node-type-landing-pages .region-we-mega-menu::after {
        content: "Alumni Menu";
        float: left;
        color: #fff;
        padding-left: 2px;
        line-height: 12px;
        font-family: 'Noto Sans Medium';
    }
    .mentor-detailes-main .mentor-detailes-image {
        width: auto;
        padding-top: 2%;
        text-align: center;
    }
    .mentor-detailes-main .mentor-detailes-other {
        width: auto;
        padding-left: 0;
        padding-top: 6%;
        text-align: center;
    }
    .mentor-detailes-main .mentor-detailes{
        display: block;
    }

}
@media (min-width: 768px) and (max-width: 1023px){
    section.mentorship-main-menu ul.we-mega-menu-ul {

        padding: 0;

      }
.page-node-type-landing-pages .mentorship-main-menu  .region-we-mega-menu {
        /* background-color: #000;
        padding: 13px 5px;
        margin-bottom: 20px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 150px;
        height: 40px;
        background: #000;
        margin-left: 2%; */
    }
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
        padding: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .page-node-8311 .mentors-list-join{
        padding-top: 20px;
    }
    section.mentors-list-home .mentor-listing-page .heading-new-mentor a{
        padding-top: 33px;
    }
    .mentors-list-home.mentors-list-join .mentor-listing .mentor-list .btn-primary {
        font-size: 13px;
        line-height: 40px;
        font-family: 'noto sans light';
        color: #002581;
        background: #fff;
        width: 160px;
        height: 55px;
        border-radius: 5px;
        display: block;
        position: absolute;
        bottom: 25px;
        margin: auto;
        left: 0;
        right: 0;
        padding: 6px 0px;
        text-decoration: none;
        border: none;
        max-width: 100%;
        outline: 1px solid #002581;
    }
    .page-node-8311 .mentors-list-join .mentor-listing .mentor-list {
        width: 30.3%;
        padding: 0;
    }
    section.mentorship-testimonials-slideshow .view-testimonials-slideshow-nop .slick-slide img{
        margin-left: -6%;
    }
    .mentorship-testimonials-slideshow .view-testimonials-slideshow-nop .draggable .views-field-body{
        right: 1.5%;
    }
/* contact us block start */
section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item{
    width: 50%;
}

.donate-lums-contact-section-block .field--name-field-extra-text{
    display: block;
    margin-bottom: 50px;
    top: unset;
}
.donate-lums-contact-section-block .field--item:nth-child(1){
    padding: 0 15px;

}
.donate-lums-contact-section-block .field--item:nth-child(2){
    padding: 15px 15px 0 15px;
}
.donate-lums-contactus-section-block{
    padding: 48px 15px 24px 15px;
width: 100%;
display: block;
overflow: hidden;
clear: both;
margin-top: 0;
}
.donate-lums-contactus-section-block .field--name-body{
    width: 100%;
}
.donate-lums-contact-section-block{
    height: auto;
    margin-bottom: 0px;
}
.donate-lums-contactus-section-block .field--name-body p{
    padding-bottom: 40px;
}
.donate-lums-contact-section-block .field--item:nth-child(3){
    margin-top: 20px;
}
.donate-lums-contactus-section-block .field--name-body h2 {
    padding-bottom: 25px;
    font: 46px/58px Noto Serif Display Bold;
    margin-top: 5px;
}
.donate-lums-contactus-section-block .field--name-field-add-link{
    width: 100%;
    padding-left: 0px;
}
    /* closed */
    /* start become mentor find mentor pages */

    .become-mentor-banner .field--name-body {
        width: 70%;
        padding: 20px 30px 40px 30px;
    }
    section.alumni-membership-section &gt; .field--name-body.field--type-text-with-summary{
        width: 100%;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary p{
        width: 100%;
        padding-right: 15px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link {
        position: absolute;
        bottom: -18%;
        left: 3%;
        width: 200px;
        height: 57px;
        background-color: #04198b;
        text-align: center;
        display: block;
        border-radius: 5px;
        padding-top: 0px;
    }
    section.mentorship-about-membership-section &gt; .field--name-body.field--type-text-with-summary p{
        padding: 0 15px;
    }

    /* end become mentor find mentor pages */

    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-prev::before{
        display: none;
    }
    .mentorship-numbers-slider-section .view-how-it-works-numbers ul.mentorship-numbers-slider .slick-next::before{
        display: none;
    }
    section.alumni-membership-section{
        padding: 0 15px;
    }
    section.alumni-membership-section .field--name-body.field--type-text-with-summary h2{
        font-size: 38px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary{
        background-size: 70%;
        /* height: 379px; */
        margin-top: 0px;
        margin-top: -5%;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item{
        left: 0%;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p {
        font-size: 17px;
        color: #fff;
        font-family: 'noto sans light';
        /* height: 48px;
        overflow: hidden; */
    }
    section.mentorship-about-membership-section{
        padding: 12px 15px 8% 15px;
        overflow: hidden;
        clear: both;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-description ul {
        padding-left: 20px;
        /* height: 299px;
        overflow: hidden; */
        height: 458px;
        overflow: hidden;
    }
    section.mentorship-how-it-works {
        padding: 46px 15px 40px 15px;
        text-align: center;
        padding-bottom: 40px;
    }
    section.mentorship-numbers-slider-section{
        width: 100%;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions{
        padding: 0 15px;
    }
    .page-node-8311 section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p a {
        width: 200px;
        height: 49px;
        background-color: #00ceff;
        text-align: center;
        display: block;
        border-radius: 5px;
        font-size: 13px;
        color: #04198b;
        font-family: 'noto sans light';
        padding-top: 12px;
        margin-left: 0px;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions &gt; .field--item .field--name-field-content-description p {
        font-size: 17px;
        color: #000;
        font-family: 'noto sans light';
        text-align: center;
        padding: 16px 15px 0 15px;
    }
    section.cant-commit-problem{
        display: block ;
        padding-top: 0px;
    }
    section.cant-commit-problem .field--name-field-banner-image.field--type-image {
        width: 100%;
        margin-right: 0;
    }
    section.cant-commit-problem .field--name-body.field--type-text-with-summary{
        position: absolute;
        top: 7%;
        left: 0;
        right: 0;
    }
    section.cant-commit-problem .field--name-field-content-details {
        width: 100%;
        margin-right: 0;
        padding-top: 20px;
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: auto;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: unset;
        text-align: center;
        z-index: 999;
        padding: 0 14%;
        bottom: -50%;
    }
    section.contact-us-mentor-section{
        margin-top: 28%;
    }
    section.cant-commit-problem .field--name-field-content-details .field--name-field-content-description p{
        padding: 0 15px;
    }

    /* sub menu  start*/
    .navbar-we-mega-menu.navbar.we-mobile-megamenu-active{
        width: 100%;
        z-index: 9;
    }
    section.mentorship-main-menu ul.we-mega-menu-ul {
        display: block;
        /* width: 100%; */
    }
    /* section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
    } */

    section.mentorship-main-menu .container-fluid{
        height: 100%;
        background: #f2f2f2;
        width: 100%;
    }
    section.mentorship-main-menu .we-mega-menu-ul &gt; .we-mega-menu-li a{
        color: #04198b;
        background-color: transparent;
    }
    section.mentorship-main-menu .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:focus, .navbar-we-mega-menu.navbar .nav-tabs &gt; li.active &gt; a:hover{
        color: #04198b !important;
        background-color: transparent;
        border: unset;
box-shadow: unset;
    }
    section.mentorship-main-menu ul.we-mega-menu-ul .we-mega-menu-li a{
        border: transparent;
    }
    .page-node-type-landing-pages .btn-close{
        z-index: 9999;
    }

    .page-node-type-landing-pages .region-we-mega-menu::after{
        content: "Alumni Menu";
        float: left;
        color: #fff;
        padding-left: 2px;
        line-height: 12px;
        font-family: 'Noto Sans Medium';
        display: none;
    }
    .mentorship-slideshow .layout-f .slider-right-container {
        padding: 12% 5% 12% 5%;
    }
    .mentorship-slideshow ul.slider-soe {
        padding-left: 0px;
    }
    section.mentorship-testimonials-slideshow .views-field-body p{
        padding: 16% 22%;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul{
        height: 492px;
        overflow: hidden;
    }
    .page-node-8311 .main-menu .region-we-mega-menu .navbar-toggle {
        border-color: #ddd;
        position: absolute;
        top: -65px;
        left: auto;
        padding: 9px;
        right: 100px;
        z-index: 8;
    }
    .page-node-8311 .lums-main-menu ul.we-mega-menu-ul {
        border: 1px solid #d2d2d2;
            border-bottom-color: rgb(210, 210, 210);
            border-bottom-style: solid;
            border-bottom-width: 1px;
        border-bottom: 0px;
        position: relative;
        z-index: 999;
    }
    .mentorship-main-menu .region-we-mega-menu a.navbar-toggle{
        margin-right: 0px;
    }
    /* sub menu closed */

}
@media (min-width: 833px) and (max-width: 1023px){
    section.mentorship-main-menu ul.we-mega-menu-ul {

        padding: 0;

      }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul {
        height: 415px;
        overflow: hidden;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link {
        bottom: 1%;
    }

}
@media (min-width: 1023px) and (max-width: 1200px){
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link{
        bottom: 13.5%;
    }
}
@media (min-width: 1024px) and (max-width: 1200px){

    /* start become mentor find mentor pages */

    .become-mentor-banner .field--name-body {
        width: 70%;
        padding: 20px 30px 40px 30px;
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(1) .paragraph.paragraph--type--multiple-content-images .field--name-field-content-link.field--type-link {
        position: absolute;
        bottom: 1%;
        left: 3%;
        width: 200px;
        height: 57px;
        background-color: #04198b;
        text-align: center;
        display: block;
        border-radius: 5px;
        /* padding-top: 16px; */
    }
    section.mentorship-about-membership-section .field--name-field-content-details.field--type-entity-reference-revisions &gt; .field--item:nth-of-type(2) ul {
        height: 386px;
        overflow: hidden;
    }

    /* end become mentor find mentor pages */


    section.alumni-membership-section &gt; .field--name-body.field--type-text-with-summary {
        /* width: 76%; */
    }
    section.alumni-membership-section {
        padding: 0 50px;
            padding-right: 50px;
        padding-right: 0px;
        position: relative;
        height: auto;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item p a{
        margin-bottom: 15px;
    }
    section.alumni-membership-section .field--name-field-extra-text.field--type-text-with-summary &gt; .field--item{
        margin-left: 1%;
    }
    section.mentorship-about-membership-section{
        padding: 12px 15px;
    }
    section.mentorship-how-it-works {
        padding: 46px 15px 40px 15px;
        text-align: center;
        padding-bottom: 40px;
    }
    section.mentorship-numbers-slider-section {
        width: 100%;
        margin: 0 auto;
    }
    section.find-a-mentor-section .field--type-entity-reference-revisions {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
    section.mentorship-testimonials-slideshow .view-header {
        width: 90%;
        height: 270px;
        position: absolute;
        background: #fbb93a;
        border-radius: 5px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: unset;
        border: center;
        z-index: 999;
        padding: 0 14%;
        bottom: -35%;
    }
    .contact-us-mentor-section{
        margin-top: 15%;
    }
}
</pre></body></html>