@media(min-width:1201px) and (max-width:1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
    header {
        padding: 15px 0;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0;
    }
    .banner-bix {
        padding: 10px 15px;
    }
    .main-banner .slider {
        width: 180px;
    }
    .main-banner {
        padding: 150px 0;
    }
    .main-banner .banner-detail {
        width: 460px;
    }
    .main-banner .banner-detail h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .main-banner .banner-detail p {
        font-size: 15px;
    }
    .coursesSection {
        padding: 160px 0 80px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .coursesList:before {
        height: 500px;
        left: -20px;
        top: 0;
    }
    .experts-wrp .col-md-9.col-sm-12 {
        width: 70%;
    }
    .experts-wrp .col-md-3.col-sm-12 {
        width: 30%;
    }
    .experts-images {
        max-width: 300px;
    }
    .news-box .card-body .card-title {
        font-size: 24px;
    }
    .news-small-box .card-title {
        font-size: 20px;
        line-height: 34px;
    }
    .news-small-box .card-text {
        font-size: 16px;
        line-height: 24px;
    }
    .mentor-box .mentor-description .btn-main {
        font-size: 15px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        font-size: 15px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 {
        font-size: 20px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 span {
        font-size: 18px;
    }
    /* **** Login **** */
    .login-header {
        padding: 15px
    }
    .login-wrp .bg-shap1 {
        width: 50%;
    }
    .login-header ul li a img {
        height: 35px;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form button {
        font-size: 16px;
        line-height: 20px;
    }
    .login-wrp .login-bg {
        padding: 20px;
    }
    .topmentors-box ul {
        top: -40px;
    }
    .topmentors-box ul li {
        margin-left: -30px;
    }
    .topmentors-box ul li img {
        height: 80px;
        width: 80px;
    }
    .topmentors-box {
        max-width: 100%;
        height: auto;
        padding: 80px 25px 20px 15px;
    }
    .topmentors-box p {
        font-size: 18px;
        line-height: 22px;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 120px !important;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: 50%;
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 980px !important;
    }
    header {
        padding: 15px 0;
    }
    .navbar-light .navbar-brand img {
        height: 35px;
    }
    .navbar .navbar-nav li {
        margin-right: 20px;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0;
    }
    .navbar .navbar-nav li a.order-btn {
        padding: 10px 20px;
    }
    .banner-bix {
        padding: 10px 15px;
    }
    .banner-bix img {
        height: 80px;
        width: 80px;
        min-width: 80px;
    }
    .main-banner .slider {
        width: 140px;
    }
    .main-banner {
        padding: 100px 0;
    }
    .main-banner .banner-detail {
        width: 460px;
    }
    .main-banner .banner-detail h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .main-banner .banner-detail p {
        font-size: 15px;
    }
    .titlebar h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .coursesSection {
        padding: 160px 0 80px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .coursesList:before {
        height: 500px;
        left: -20px;
        top: 0;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 40px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 80px;
        width: 80px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock p {
        font-size: 14px;
        line-height: 19px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-box ul li h4 {
        font-size: 16px;
    }
    .learning-box ul li .btn-main1 {
        font-size: 14px;
        padding: 10px;
    }
    .learning-box ul li h4 span {
        font-size: 16px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .mentor-stories .slick-slide {
        margin: 0 10px;
    }
    .mentor-stories .slick-list {
        margin: 0 -10px;
    }
    .stories-box .box-info p {
        font-size: 16px;
        line-height: 20px;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin-right: 25px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .experts-wrp .col-md-9.col-sm-12 {
        width: 70%;
    }
    .experts-wrp .col-md-3.col-sm-12 {
        width: 30%;
    }
    .experts-wrp .slick-dots {
        left: 265px;
        bottom: -20px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 180px;
        height: 120px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    footer .foot-logo {
        width: 90%;
    }
    footer .foot-logo p {
        font-size: 13px;
        line-height: 20px;
    }
    footer h3 {
        font-size: 18px;
    }
    footer .col-md-4.col-sm-12 {
        width: 30%;
    }
    footer .col-md-2 {
        width: 20%;
    }
    footer .social-links {
        padding: 0;
    }
    footer .quick-links2 {
        padding: 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 40px 0 0;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block h2 {
        font-size: 40px;
        margin: 0 0 15px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        padding: 8px 32px 8px 12px;
    }
    .mentor-box {
        padding: 15px 20px;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 10px 0 0;
        height: 90px;
        width: 90px;
        min-width: 90px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 12px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description .mentor-info {
        top: 15px;
        right: 20px;
    }
    .mentor-box .mentor-description {
        padding: 15px 0 0;
    }
    .mentor-box .mentor-description h2 {
        font-size: 20px;
    }
    .mentor-box .mentor-description h2 span {
        font-size: 16px;
    }
    .mentor-box .mentor-description h5 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .mentor-box .mentor-description .btn-main {
        font-size: 14px;
        padding: 10px;
        line-height: 19px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        padding: 8px;
        font-size: 14px;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 50px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px;
    }
    .blog-user-block h2 {
        font-size: 28px;
    }
    .blog-user-block h3 {
        font-size: 16px;
    }
    .blog-user-block h4 {
        font-size: 16px;
    }
    .video-block h2 {
        font-size: 16px;
        margin: 0 0 15px;
    }
    .mentor-box .mentor-description .mentor-info li {
        margin-right: 5px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 span {
        font-size: 15px;
    }
    .mentor-box .mentor-description h6 {
        font-size: 11px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        font-size: 12px;
    }
    .single-blog-right .booking-block ul li {
        padding-right: 0;
    }
    .single-blog-right .nav-tabs li .nav-link {
        padding: 10px;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header {
        padding: 15px
    }
    .login-wrp .bg-shap1 {
        width: 50%;
    }
    .login-header ul li a img {
        height: 35px;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form button {
        font-size: 16px;
        line-height: 20px;
    }
    .login-wrp .login-bg {
        padding: 20px;
    }
    .topmentors-box ul {
        top: -30px;
    }
    .topmentors-box ul li {
        margin-left: -20px;
    }
    .topmentors-box ul li img {
        height: 60px;
        width: 60px;
    }
    .topmentors-box {
        max-width: 100%;
        height: auto;
        padding: 45px 25px 20px 15px;
    }
    .topmentors-box p {
        font-size: 16px;
        line-height: 20px;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100px !important;
    }
    .main-banner .swiper-container {
        max-width: 170px;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        padding: 8px 12px;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: 50%;
    }
}

@media(min-width:992px) and (max-width:1024px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 960px !important;
    }
    header {
        padding: 15px 0;
    }
    .navbar-light .navbar-brand img {
        height: 35px;
    }
    .navbar .navbar-nav li {
        margin-right: 20px;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0;
    }
    .navbar .navbar-nav li a.order-btn {
        padding: 10px 20px;
    }
    .banner-bix {
        padding: 10px 15px;
    }
    .banner-bix img {
        height: 80px;
        width: 80px;
        min-width: 80px;
    }
    .main-banner .slider {
        width: 140px;
    }
    .main-banner {
        padding: 100px 0;
    }
    .main-banner .banner-detail {
        width: 460px;
    }
    .main-banner .banner-detail h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .main-banner .banner-detail p {
        font-size: 15px;
    }
    .titlebar h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .coursesSection {
        padding: 160px 0 80px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .coursesList:before {
        height: 500px;
        left: -20px;
        top: 0;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 40px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 80px;
        width: 80px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock p {
        font-size: 14px;
        line-height: 19px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-box ul li h4 {
        font-size: 16px;
    }
    .learning-box ul li .btn-main1 {
        font-size: 14px;
        padding: 10px;
    }
    .learning-box ul li h4 span {
        font-size: 16px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .mentor-stories .slick-slide {
        margin: 0 10px;
    }
    .mentor-stories .slick-list {
        margin: 0 -10px;
    }
    .stories-box .box-info p {
        font-size: 16px;
        line-height: 20px;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin-right: 25px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .experts-wrp .col-md-9.col-sm-12 {
        width: 70%;
    }
    .experts-wrp .col-md-3.col-sm-12 {
        width: 30%;
    }
    .experts-wrp .slick-dots {
        left: 265px;
        bottom: -20px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 180px;
        height: 120px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    footer .foot-logo {
        width: 90%;
    }
    footer .foot-logo p {
        font-size: 13px;
        line-height: 20px;
    }
    footer h3 {
        font-size: 18px;
    }
    footer .col-md-4.col-sm-12 {
        width: 30%;
    }
    footer .col-md-2 {
        width: 20%;
    }
    footer .social-links {
        padding: 0;
    }
    footer .quick-links2 {
        padding: 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 40px 0 0;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block h2 {
        font-size: 40px;
        margin: 0 0 15px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        padding: 8px 32px 8px 12px;
    }
    .mentor-box {
        padding: 15px 20px;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 10px 0 0;
        height: 90px;
        width: 90px;
        min-width: 90px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 12px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description .mentor-info {
        top: 15px;
        right: 20px;
    }
    .mentor-box .mentor-description {
        padding: 15px 0 0;
    }
    .mentor-box .mentor-description h2 {
        font-size: 20px;
    }
    .mentor-box .mentor-description h2 span {
        font-size: 16px;
    }
    .mentor-box .mentor-description h5 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .mentor-box .mentor-description .btn-main {
        font-size: 14px;
        padding: 10px;
        line-height: 19px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        padding: 8px;
        font-size: 14px;
    }
    .learn-mentors-wrp {
        padding: 25px 0;
        margin: 0 0 15px;
    }
    .learn-mentors-wrp .container {
        padding: 0 40px;
    }
    .learn-mentors-wrp form h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .learn-mentors-wrp form h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 23px;
    }
    .learn-mentors-wrp form p {
        font-size: 14px;
        line-height: 15px;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 50px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px;
    }
    .blog-user-block h2 {
        font-size: 28px;
    }
    .blog-user-block h3 {
        font-size: 16px;
    }
    .blog-user-block h4 {
        font-size: 16px;
    }
    .video-block h2 {
        font-size: 16px;
        margin: 0 0 15px;
    }
    .mentor-box .mentor-description .mentor-info li {
        margin-right: 5px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .mentors-single-block .mentor-box .mentor-description h2 span {
        font-size: 15px;
    }
    .mentor-box .mentor-description h6 {
        font-size: 11px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        font-size: 12px;
    }
    .single-blog-right .booking-block ul li {
        padding-right: 0;
    }
    .single-blog-right .nav-tabs li .nav-link {
        padding: 10px;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header {
        padding: 15px
    }
    .login-wrp .bg-shap1 {
        width: 50%;
    }
    .login-header ul li a img {
        height: 35px;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form button {
        font-size: 16px;
        line-height: 20px;
    }
    .login-wrp .login-bg {
        padding: 20px;
    }
    .topmentors-box ul {
        top: -30px;
    }
    .topmentors-box ul li {
        margin-left: -20px;
    }
    .topmentors-box ul li img {
        height: 60px;
        width: 60px;
    }
    .topmentors-box {
        max-width: 100%;
        height: auto;
        padding: 45px 25px 20px 15px;
    }
    .topmentors-box p {
        font-size: 16px;
        line-height: 20px;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100px !important;
    }
    .main-banner .swiper-container {
        width: 160px;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        padding: 8px 12px;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: 45%;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding: 0 24px;
    }
    .navbar .navbar-nav li {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav {
        padding: 15px 15px 0;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid #1e87f0;
        text-align: center;
    }
    .navbar-light .navbar-nav .loginbtn .nav-link {
        margin: 0;
        border: none;
    }
    .main-banner {
        padding: 35px 0;
    }
    .main-banner .container {
        padding: 0 36px;
    }
    .main-banner .banner-detail {
        width: auto;
    }
    .main-banner .banner-detail h2 {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 24px;
        text-align: center;
    }
    .main-banner .banner-detail h2 br {
        display: none;
    }
    .main-banner .banner-detail p {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        margin: 0 auto 24px;
        max-width: 460px;
    }
    .main-banner .banner-slider {
        display: none;
    }
    .main-banner .btn-main {
        margin: 0 auto;
    }
    .main-banner .banner-mobile-slider {
        display: block;
        margin: 70px 0 0;
    }
    .main-banner .slider {
        width: 100%;
    }
    .titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .titlebar p {
        text-align: center;
        margin: 0 0 24px;
    }
    .main-title h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .sec-titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 10px;
        text-align: center;
    }
    .sec-titlebar p {
        font-size: 16px;
        line-height: 20px;
    }
    .coursesSection {
        padding: 40px 0;
    }
    .coursesSection .container {
        padding: 0 17px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .titlebar .btn-main {
        margin: 0 auto 34px;
    }
    .coursesSection .titlebar p {
        max-width: 100%;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .courseBlock:nth-child(2n) .courseInnerBlock {
        margin: 30px 0 0;
    }
    .coursesSection .coursesList:before {
        border-radius: 150px 0px 0px 0px;
        width: 100%;
        right: auto;
        left: 40px;
        bottom: 50px;
        top: auto;
        height: 356px;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 24px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 80px;
        width: 80px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock p {
        font-size: 14px;
        line-height: 19px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-wrp .row {
        justify-content: center;
    }
    .learning-wrp .container {
        padding: 0 20px;
    }
    .learning-box {
        margin: 0 0 30px;
        height: auto;
    }
    .learning-box ul li h4 {
        font-size: 18px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .learning-box.waitlist-box {
        margin: 0;
    }
    .mentors-wrp {
        padding: 0 0 60px;
    }
    .mentors-wrp .container {
        max-width: 100%;
    }
    .mentors-wrp .mentors-block {
        padding: 40px 30px;
    }
    .mentors-wrp .mentors-block h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .mentor-stories {
        padding: 0 0 60px;
    }
    .mentor-stories .sec-titlebar {
        margin: 0 0 30px;
    }
    .stories-box .box-info {
        padding: 15px;
    }
    .stories-box .box-info p {
        font-size: 15px;
        line-height: 20px;
    }
    .mentor-stories .btn-main1 {
        margin: 30px auto 0;
    }
    .mentor-stories .slick-slide {
        margin: 0 10px;
    }
    .mentor-stories .slick-list {
        margin: 0 -10px;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box {
        display: block;
        padding: 0 0 60px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin: 0 0 20px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
        margin: 0 0 15px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots {
        bottom: 20px;
        left: 0;
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .experts-wrp .col-md-9.col-sm-12 {
        width: 60%;
    }
    .experts-wrp .col-md-3.col-sm-12 {
        width: 40%;
    }
    .news-wrp {
        margin: 0 0 60px;
    }
    .news-wrp .sec-titlebar {
        padding: 0 0 30px;
    }
    .news-box {
        margin: 0 0 50px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 120px;
        height: 100px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    footer .foot-logo {
        width: 90%;
    }
    footer .foot-logo p {
        font-size: 13px;
        line-height: 20px;
    }
    footer h3 {
        font-size: 18px;
    }
    footer .col-md-4.col-sm-12 {
        width: 30%;
    }
    footer .col-md-2 {
        width: 20%;
    }
    footer .social-links {
        padding: 0;
    }
    footer .quick-links2 {
        padding: 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 40px 0 0;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block h2 {
        font-size: 40px;
        margin: 0 0 15px;
    }
    .mentor-banner .banner-block .form-group .form-control {
        font-size: 14px;
        padding: 12px 40px 12px 8px;
    }
    .select-filters {
        display: none;
    }
    .filters-btn {
        display: block;
    }
    .mentor-box {
        padding: 15px 20px;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 10px 0 0;
        height: 90px;
        width: 90px;
        min-width: 90px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 12px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description .mentor-info {
        top: 15px;
        right: 20px;
    }
    .mentor-box .mentor-description {
        padding: 15px 0 0;
    }
    .mentor-box .mentor-description h2 {
        font-size: 20px;
    }
    .mentor-box .mentor-description h2 span {
        font-size: 16px;
    }
    .mentor-box .mentor-description h5 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .mentor-box .mentor-description .btn-main {
        font-size: 14px;
        padding: 10px;
        line-height: 19px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        padding: 8px;
        font-size: 14px;
    }
    .learn-mentors-wrp {
        padding: 25px 0;
        margin: 0 0 15px;
    }
    .learn-mentors-wrp .container {
        padding: 0 40px;
    }
    .learn-mentors-wrp form h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .learn-mentors-wrp form h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 23px;
    }
    .learn-mentors-wrp form p {
        font-size: 14px;
        line-height: 15px;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 50px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px 20px;
        margin: 0 0 30px;
    }
    .video-block {
        margin: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block img {
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h2 {
        margin: 0 0 6px;
    }
    .video-block p {
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h3 {
        margin: 0 0 10px;
    }
    .video-block ul li {
        padding: 0 6px;
        border-radius: 10px;
    }
    .mentors-single-block {
        padding: 24px 0 0;
        border-top: 1px solid #E5E7EB;
    }
    .mentors-single-block .mentor-box {
        padding: 0;
        box-shadow: none;
    }
    .mentors-single-block .mentor-box .mentor-description .mentor-info {
        display: none;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header {
        padding: 15px
    }
    .login-wrp .bg-shap1 {
        width: 50%;
    }
    .login-header ul li a img {
        height: 35px;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form button {
        font-size: 16px;
        line-height: 20px;
    }
    .login-wrp .login-bg {
        padding: 20px;
    }
    .topmentors-box ul {
        top: -30px;
    }
    .topmentors-box ul li {
        margin-left: -20px;
    }
    .topmentors-box ul li img {
        height: 60px;
        width: 60px;
    }
    .topmentors-box {
        max-width: 100%;
        height: auto;
        padding: 45px 25px 20px 15px;
    }
    .topmentors-box p {
        font-size: 16px;
        line-height: 20px;
    }
    .signup-wrp h5 {
        padding: 0 48px;
        line-height: 18px;
        bottom: 15px;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    #video-modal .modal-dialog {
        max-width: 750px;
    }
    #video-modal .modal-dialog .modal-content .modal-body .video-bix {
        height: 400px;
    }
    #video-modal .modal-dialog .modal-content button.close-btn {
        right: 0;
    }
    .single-blog-right {
        display: none;
    }
    .single-blog-right.mobile-blogside {
        display: block;
    }
    .single-blog-right .blog-title p {
        display: none;
    }
    .single-blog-right .blog-title h2 {
        margin: 0 0 25px;
    }
    .mentor-banner .filter-row {
        display: block;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        background: #fff;
    }
    .mentor-banner .dropdown-menu {
        max-width: 90%;
        padding: 15px;
        height: 300px;
        overflow: auto;
    }
    .mentor-banner .experience-drop .dropdown-menu {
        max-width: 100%;
        width: 85%;
    }
    .mentor-banner .dropdown-menu .col-12.col-sm-4.col-md-4 {
        width: 50%;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: auto;
    }
}

@media(min-width:576px) and (max-width:767px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding: 0 24px;
    }
    .navbar .navbar-nav li {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav {
        padding: 15px 15px 0;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid #1e87f0;
        text-align: center;
    }
    .navbar-light .navbar-nav .loginbtn .nav-link {
        margin: 0;
        border: none;
    }
    .main-banner {
        padding: 35px 0;
    }
    .main-banner .container {
        padding: 0 36px;
    }
    .main-banner .banner-detail {
        width: auto;
    }
    .main-banner .banner-detail h2 {
        font-size: 30px;
        line-height: 48px;
        margin: 0 0 24px;
        text-align: center;
    }
    .main-banner .banner-detail h2 br {
        display: none;
    }
    .main-banner .banner-detail p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        margin: 0 auto 24px;
        max-width: 260px;
    }
    .main-banner .banner-slider {
        display: none;
    }
    .main-banner .btn-main {
        margin: 0 auto;
    }
    .main-banner .banner-mobile-slider {
        display: block;
        margin: 70px 0 0;
    }
    .main-banner .slider {
        width: 100%;
    }
    .titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .titlebar p {
        text-align: center;
        margin: 0 0 24px;
    }
    .main-title h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .sec-titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 10px;
        text-align: center;
    }
    .sec-titlebar p {
        font-size: 16px;
        line-height: 20px;
    }
    .coursesSection {
        padding: 40px 0;
    }
    .coursesSection .container {
        padding: 0 17px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .titlebar .btn-main {
        margin: 0 auto 34px;
    }
    .coursesSection .titlebar p {
        max-width: 100%;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .courseBlock:nth-child(2n) .courseInnerBlock {
        margin: 30px 0 0;
    }
    .coursesSection .coursesList:before {
        border-radius: 150px 0px 0px 0px;
        width: 100%;
        right: auto;
        left: 40px;
        bottom: 50px;
        top: auto;
        height: 356px;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 24px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 80px;
        width: 80px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock p {
        font-size: 14px;
        line-height: 19px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-wrp .container {
        padding: 0 20px;
    }
    .learning-box {
        margin: 0 0 16px;
        height: auto;
    }
    .learning-box ul li h4 {
        font-size: 18px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .mentors-wrp {
        padding: 0 0 60px;
    }
    .mentors-wrp .container {
        max-width: 100%;
    }
    .mentors-wrp .mentors-block {
        padding: 25px 15px;
    }
    .mentors-wrp .mentors-block h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .mentor-stories {
        padding: 0 0 60px;
    }
    .mentor-stories .sec-titlebar {
        margin: 0 0 30px;
    }
    .stories-box .box-info {
        padding: 15px;
    }
    .stories-box .box-info p {
        font-size: 16px;
    }
    .mentor-stories .btn-main1 {
        margin: 30px auto 0;
    }
    .mentor-stories .slick-slide {
        margin: 0 10px;
    }
    .mentor-stories .slick-list {
        margin: 0 -10px;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box {
        display: block;
        text-align: center;
        padding: 0 0 60px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin: 0 auto 20px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
        margin: 0 0 15px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots {
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .news-wrp {
        margin: 0 0 60px;
    }
    .news-wrp .sec-titlebar {
        padding: 0 0 30px;
    }
    .news-box {
        margin: 0 0 50px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 120px;
        height: 100px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    .newsletter-wrp {
        padding: 50px 0;
    }
    .newsletter-wrp h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    .newsletter-wrp h2 br {
        display: none;
    }
    .newsletter-wrp form {
        display: block;
    }
    .newsletter-wrp form button {
        font-size: 16px;
        margin: 15px auto 0;
    }
    footer {
        padding: 30px 0;
    }
    footer .foot-logo {
        width: 100%;
    }
    footer .foot-logo img {
        margin: 0 auto 10px;
    }
    footer .foot-logo p {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        font-weight: 300;
        margin: 0 0 24px;
    }
    footer .col-md-2.col-sm-12 {
        width: 50%;
    }
    footer h3 {
        margin: 0 0 10px;
    }
    footer .quick-links ul li {
        margin: 0 0 5px;
    }
    footer .social-links {
        padding: 24px 0 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    footer .social-links h3 {
        text-align: center;
    }
    footer .social-links ul {
        justify-content: center;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 25px 0 35px;
        margin: 0;
    }
    .mentor-banner .banner-block h2 {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 20px;
    }
    .mentor-banner .banner-block p br {
        display: none;
    }
    .mentor-banner .banner-block .form-group .form-control {
        font-size: 14px;
        padding: 12px 40px 12px 8px;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block .form-group {
        max-width: 100%;
        margin: 0 0 34px;
    }
    .select-filters {
        display: none;
    }
    .mentor-wrp {
        padding: 0 0 15px;
    }
    .mentor-wrp .container {
        max-width: 100%;
        padding: 0 16px;
    }
    .mentor-box {
        padding: 12px 20px;
        margin: 0 0 15px;
    }
    .mentor-box .mentor-info {
        display: block;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 0 5px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
        border: none;
    }
    .mentor-box .mentor-info .mentor-dt h6 {
        display: block;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 10px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description {
        padding: 10px 0 0;
    }
    .mentor-box .mentor-description h6 {
        display: none;
    }
    .mentor-box .mentor-description h2 {
        font-size: 24px;
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .mentor-box .mentor-description h2 span {
        display: none;
    }
    .mentor-box .mentor-description h5 {
        margin: 0;
        position: absolute;
        right: 20px;
        top: 40px;
        font-size: 12px;
    }
    .mentor-box .mentor-description .btn-box {
        display: flex;
        align-items: center;
        margin: 0 -5px;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .btn-box li {
        width: 50%;
        padding: 0 5px;
        margin: 0;
    }
    .mentor-box .mentor-description .btn-box li a {
        font-size: 14px;
    }
    .mentor-box .mentor-description .mentor-info {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .mentor-info li {
        margin-right: 8px;
        font-size: 12px;
    }
    .learn-mentors-wrp {
        padding: 25px 0;
        margin: 0 0 15px;
    }
    .learn-mentors-wrp .container {
        padding: 0 40px;
    }
    .learn-mentors-wrp form h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .learn-mentors-wrp form h3 {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 23px;
    }
    .learn-mentors-wrp form p {
        font-size: 12px;
        line-height: 15px;
    }
    .learn-mentors-wrp form button {
        font-size: 14px;
    }
    .pagination {
        display: none;
    }
    .filters-btn {
        display: block;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 50px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px 20px;
        margin: 0 0 30px;
    }
    .blog-user-block {
        display: block;
        margin: 0 0 15px;
    }
    .blog-user-block img {
        height: 126px;
        width: 126px;
        min-width: 126px;
        margin: 0 auto 6px;
    }
    .blog-user-block h2 {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 6px;
        text-align: center;
    }
    .blog-user-block ul {
        justify-content: center;
        margin: 0 0 6px;
    }
    .blog-user-block ul li {
        margin-right: 10px;
    }
    .blog-user-block ul li a {
        font-size: 16px;
    }
    .blog-user-block h3 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h4 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h5 {
        display: block;
        text-align: center;
    }
    .blog-user-block h5 br {
        display: block;
    }
    .blog-user-block h5 strong {
        margin: 6px 0 0;
        display: inline-block;
    }
    .blog-user-block .btn-main {
        display: block;
        margin: 10px 0 0;
    }
    .video-block {
        margin: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block img {
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h2 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 6px;
    }
    .video-block p {
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h3 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 10px;
    }
    .video-block ul li {
        font-size: 10px;
        padding: 0 6px;
        border-radius: 10px;
    }
    .reviews-box p {
        font-size: 12px;
        line-height: 15px;
    }
    .mentors-single-block {
        padding: 24px 0 0;
        border-top: 1px solid #E5E7EB;
    }
    .mentors-single-block .mentor-box {
        padding: 0;
        box-shadow: none;
    }
    .mentors-single-block .mentor-box .mentor-description .mentor-info {
        display: none;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header ul {
        justify-content: center;
    }
    .login-wrp:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        background-image: url("../images/sign-up-bg.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100% 100%;
    }
    .login-header ul li:last-child {
        display: none;
    }
    .login-wrp .bg-shap1 {
        display: none;
    }
    .login-wrp .login-bg {
        width: auto;
        display: none;
    }
    .login-wrp .login-form-block .login-form {
        max-width: 100%;
        width: 100%;
    }
    .login-wrp .login-form-block {
        height: auto;
        width: 100%;
        padding: 120px 28px 0;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form .form-group.password-link {
        margin: 0;
        display: none;
    }
    .login-form form button {
        font-size: 14px;
        padding: 15px;
        line-height: 16px;
    }
    .login-form form h6 {
        display: block;
    }
    .login-form form .form-group {
        margin: 0 0 16px;
    }
    .signup-wrp h5 {
        display: none;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    #video-modal .modal-dialog {
        max-width: 550px;
    }
    #video-modal .modal-dialog .modal-content .modal-body .video-bix {
        height: 350px;
    }
    #video-modal .modal-dialog .modal-content button.close-btn {
        right: 0;
    }
    .single-blog-right {
        display: none;
    }
    .single-blog-right.mobile-blogside {
        display: block;
    }
    .single-blog-right .blog-title p {
        display: none;
    }
    .single-blog-right .blog-title h2 {
        margin: 0 0 25px;
    }
    .form-wizard {
        padding: 0;
    }
    .wizard-block,
    .form-wizard-header {
        padding: 30px;
    }
    .calendar-block ul {
        flex-wrap: wrap;
    }
    .calendar-block ul li {
        width: 20%;
        margin: 0 0 10px;
    }
    .modal-footer {
        position: relative;
        padding: 25px;
    }
    .mbl-bottom-fix {
        display: block;
    }
    .single-footer {
        padding-bottom: 110px;
    }
    .mentor-banner .filter-row {
        display: block;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        background: #fff;
    }
    .mentor-banner .dropdown-menu {
        max-width: 90%;
        padding: 15px;
        height: 300px;
        overflow: auto;
    }
    .mentor-banner .experience-drop .dropdown-menu {
        max-width: 100%;
        width: 85%;
    }
    .mentor-banner .dropdown-menu .col-12.col-sm-4.col-md-4 {
        width: 100%;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: auto;
    }
}

@media(min-width:448px) and (max-width:575px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding: 0 24px;
    }
    .navbar .navbar-nav li {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav {
        padding: 15px 15px 0;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid #1e87f0;
        text-align: center;
    }
    .navbar-light .navbar-nav .loginbtn .nav-link {
        margin: 0;
        border: none;
    }
    .main-banner {
        padding: 35px 0;
    }
    .main-banner .container {
        padding: 0 36px;
    }
    .main-banner .banner-detail {
        width: auto;
    }
    .main-banner .banner-detail h2 {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 24px;
        text-align: center;
    }
    .main-banner .banner-detail h2 br {
        display: none;
    }
    .main-banner .banner-detail p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        margin: 0 auto 24px;
        max-width: 260px;
    }
    .main-banner .banner-slider {
        display: none;
    }
    .main-banner .btn-main {
        margin: 0 auto;
    }
    .main-banner .banner-mobile-slider {
        display: block;
        margin: 70px 0 0;
    }
    .main-banner .slider {
        width: 100%;
    }
    .titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .titlebar p {
        text-align: center;
        margin: 0 0 24px;
    }
    .main-title h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .sec-titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 10px;
        text-align: center;
    }
    .sec-titlebar p {
        font-size: 16px;
        line-height: 20px;
    }
    .coursesSection {
        padding: 40px 0;
    }
    .coursesSection .container {
        padding: 0 17px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .titlebar .btn-main {
        margin: 0 auto 34px;
    }
    .coursesSection .titlebar p {
        max-width: 100%;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .courseBlock:nth-child(2n) .courseInnerBlock {
        margin: 30px 0 0;
    }
    .coursesSection .coursesList:before {
        border-radius: 150px 0px 0px 0px;
        width: 100%;
        right: auto;
        left: 40px;
        bottom: 50px;
        top: auto;
        height: 356px;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 16px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 60px;
        width: 60px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 8px;
        padding: 0;
    }
    .coursesSection .courseBlock p {
        font-size: 10px;
        line-height: 14px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-wrp .container {
        padding: 0 20px;
    }
    .learning-box {
        margin: 0 0 16px;
        height: auto;
    }
    .learning-box ul li h4 {
        font-size: 18px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .mentors-wrp {
        padding: 0 0 60px;
    }
    .mentors-wrp .container {
        max-width: 100%;
    }
    .mentors-wrp .mentors-block {
        padding: 25px 15px;
    }
    .mentors-wrp .mentors-block h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .mentor-stories {
        padding: 0 0 60px;
    }
    .mentor-stories .sec-titlebar {
        margin: 0 0 30px;
    }
    .stories-box .box-info {
        padding: 15px;
    }
    .stories-box .box-info p {
        font-size: 16px;
    }
    .mentor-stories .btn-main1 {
        margin: 30px auto 0;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box {
        display: block;
        text-align: center;
        padding: 0 0 60px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin: 0 auto 20px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
        margin: 0 0 15px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots {
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .news-wrp {
        margin: 0 0 60px;
    }
    .news-wrp .sec-titlebar {
        padding: 0 0 30px;
    }
    .news-box {
        margin: 0 0 50px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 120px;
        height: 100px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    .newsletter-wrp {
        padding: 50px 0;
    }
    .newsletter-wrp h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    .newsletter-wrp h2 br {
        display: none;
    }
    .newsletter-wrp form {
        display: block;
    }
    .newsletter-wrp form button {
        font-size: 16px;
        margin: 15px auto 0;
    }
    footer {
        padding: 30px 0;
    }
    footer .foot-logo {
        width: 100%;
    }
    footer .foot-logo img {
        margin: 0 auto 10px;
    }
    footer .foot-logo p {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        font-weight: 300;
        margin: 0 0 24px;
    }
    footer .col-md-2.col-sm-12 {
        width: 50%;
    }
    footer h3 {
        margin: 0 0 10px;
    }
    footer .quick-links ul li {
        margin: 0 0 5px;
    }
    footer .social-links {
        padding: 24px 0 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    footer .social-links h3 {
        text-align: center;
    }
    footer .social-links ul {
        justify-content: center;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 25px 0 35px;
        margin: 0;
    }
    .mentor-banner .banner-block h2 {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 20px;
    }
    .mentor-banner .banner-block p br {
        display: none;
    }
    .mentor-banner .banner-block .form-group .form-control {
        font-size: 14px;
        padding: 12px 40px 12px 8px;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block .form-group {
        max-width: 100%;
        margin: 0 0 34px;
    }
    .select-filters {
        display: none;
    }
    .mentor-wrp {
        padding: 0 0 15px;
    }
    .mentor-wrp .container {
        max-width: 100%;
        padding: 0 16px;
    }
    .mentor-box {
        padding: 12px 20px;
        margin: 0 0 15px;
    }
    .mentor-box .mentor-info {
        display: block;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 0 5px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
        border: none;
    }
    .mentor-box .mentor-info .mentor-dt h6 {
        display: block;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 10px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description {
        padding: 10px 0 0;
    }
    .mentor-box .mentor-description h6 {
        display: none;
    }
    .mentor-box .mentor-description h2 {
        font-size: 24px;
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .mentor-box .mentor-description h2 span {
        display: none;
    }
    .mentor-box .mentor-description h5 {
        margin: 0;
        position: absolute;
        right: 20px;
        top: 40px;
        font-size: 12px;
    }
    .mentor-box .mentor-description .btn-box {
        display: flex;
        align-items: center;
        margin: 0 -5px;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .btn-box li {
        width: 50%;
        padding: 0 5px;
        margin: 0;
    }
    .mentor-box .mentor-description .btn-box li a {
        font-size: 12px;
    }
    .mentor-box .mentor-description .mentor-info {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .mentor-info li {
        margin-right: 8px;
        font-size: 12px;
    }
    .learn-mentors-wrp {
        padding: 25px 0;
        margin: 0 0 15px;
    }
    .learn-mentors-wrp .container {
        padding: 0 40px;
    }
    .learn-mentors-wrp form h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .learn-mentors-wrp form h3 {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 23px;
    }
    .learn-mentors-wrp form p {
        font-size: 12px;
        line-height: 15px;
    }
    .learn-mentors-wrp form button {
        font-size: 14px;
    }
    .pagination {
        display: none;
    }
    .filters-btn {
        display: block;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 40px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px 20px;
        margin: 0 0 30px;
    }
    .blog-user-block {
        display: block;
        margin: 0 0 15px;
    }
    .blog-user-block img {
        height: 126px;
        width: 126px;
        min-width: 126px;
        margin: 0 auto 6px;
    }
    .blog-user-block h2 {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 6px;
        text-align: center;
    }
    .blog-user-block ul {
        justify-content: center;
        margin: 0 0 6px;
    }
    .blog-user-block ul li {
        margin-right: 10px;
    }
    .blog-user-block ul li a {
        font-size: 16px;
    }
    .blog-user-block h3 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h4 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h5 {
        display: block;
        text-align: center;
    }
    .blog-user-block h5 br {
        display: block;
    }
    .blog-user-block h5 strong {
        margin: 6px 0 0;
        display: inline-block;
    }
    .blog-user-block .btn-main {
        display: block;
        margin: 10px 0 0;
    }
    .video-block {
        margin: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block img {
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h2 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 6px;
    }
    .video-block p {
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h3 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 10px;
    }
    .video-block ul li {
        font-size: 10px;
        padding: 0 6px;
        border-radius: 10px;
    }
    .reviews-box p {
        font-size: 12px;
        line-height: 15px;
    }
    .mentors-single-block {
        padding: 24px 0 0;
        border-top: 1px solid #E5E7EB;
    }
    .mentors-single-block .mentor-box {
        padding: 0;
        box-shadow: none;
    }
    .mentors-single-block .mentor-box .mentor-description .mentor-info {
        display: none;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header ul {
        justify-content: center;
    }
    .login-wrp:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        background-image: url("../images/sign-up-bg.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }
    .login-header ul li:last-child {
        display: none;
    }
    .login-wrp .bg-shap1 {
        display: none;
    }
    .login-wrp .login-bg {
        width: auto;
        display: none;
    }
    .login-wrp .login-form-block .login-form {
        max-width: 100%;
        width: 100%;
    }
    .login-wrp .login-form-block {
        height: auto;
        width: 100%;
        padding: 120px 28px 0;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form .form-group.password-link {
        margin: 0;
        display: none;
    }
    .login-form form button {
        font-size: 14px;
        padding: 15px;
        line-height: 16px;
    }
    .login-form form h6 {
        display: block;
    }
    .login-form form .form-group {
        margin: 0 0 16px;
    }
    .signup-wrp h5 {
        display: none;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    #video-modal .modal-dialog .modal-content .modal-body .video-bix {
        height: 350px;
    }
    #video-modal .modal-dialog .modal-content button.close-btn {
        right: 0;
    }
    .single-blog-right {
        display: none;
    }
    .single-blog-right.mobile-blogside {
        display: block;
    }
    .single-blog-right .blog-title p {
        display: none;
    }
    .single-blog-right .blog-title h2 {
        margin: 0 0 25px;
    }
    .form-wizard {
        padding: 0;
    }
    .wizard-block,
    .form-wizard-header {
        padding: 30px;
    }
    .calendar-block ul {
        flex-wrap: wrap;
    }
    .calendar-block ul li {
        width: 20%;
        margin: 0 0 10px;
    }
    .modal-footer {
        position: relative;
        padding: 25px;
    }
    .mbl-bottom-fix {
        display: block;
    }
    .single-footer {
        padding-bottom: 110px;
    }
    .mentor-banner .filter-row {
        display: block;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        background: #fff;
    }
    .mentor-banner .dropdown-menu {
        max-width: 90%;
        padding: 15px;
        height: 300px;
        overflow: auto;
    }
    .mentor-banner .experience-drop .dropdown-menu {
        max-width: 100%;
        width: 85%;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: auto;
    }
}

@media(max-width:447px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding: 0 24px;
    }
    .navbar .navbar-nav li {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav {
        padding: 15px 15px 0;
    }
    .navbar-light .navbar-nav .nav-link.btn-member {
        margin: 0 0 5px;
    }
    .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid #1e87f0;
        text-align: center;
    }
    .navbar-light .navbar-nav .loginbtn .nav-link {
        margin: 0;
        border: none;
    }
    .main-banner {
        padding: 35px 0;
    }
    .main-banner .container {
        padding: 0 36px;
    }
    .main-banner .banner-detail {
        width: auto;
    }
    .main-banner .banner-detail h2 {
        font-size: 30px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .main-banner .banner-detail h2 br {
        display: none;
    }
    .main-banner .banner-detail p {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        margin: 0 auto 24px;
        max-width: 260px;
    }
    .main-banner .banner-slider {
        display: none;
    }
    .main-banner .btn-main {
        margin: 0 auto;
    }
    .main-banner .banner-mobile-slider {
        display: block;
        margin: 70px 0 0;
    }
    .main-banner .slider {
        width: 100%;
    }
    .titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .titlebar p {
        text-align: center;
        margin: 0 0 24px;
    }
    .main-title h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px;
        text-align: center;
    }
    .sec-titlebar h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 10px;
        text-align: center;
    }
    .sec-titlebar p {
        font-size: 16px;
        line-height: 20px;
    }
    .coursesSection {
        padding: 40px 0;
    }
    .coursesSection .container {
        padding: 0 17px;
    }
    .coursesSection .titlebar {
        padding: 0;
    }
    .coursesSection .titlebar .btn-main {
        margin: 0 auto 34px;
    }
    .coursesSection .titlebar p {
        max-width: 100%;
    }
    .coursesSection .coursesBlockList {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .coursesSection .courseBlock {
        flex: unset;
        max-width: 100%;
        padding: 0 8px;
        width: 50%;
    }
    .coursesSection .courseBlock:nth-child(2n) .courseInnerBlock {
        margin: 30px 0 0;
    }
    .coursesSection .coursesList:before {
        border-radius: 150px 0px 0px 0px;
        width: 100%;
        right: auto;
        left: 40px;
        bottom: 50px;
        top: auto;
        height: 356px;
    }
    .coursesSection .courseBlock .courseInnerBlock {
        padding: 16px;
        margin: 0;
        border-radius: 20px;
        height: calc(100% - 16px);
    }
    .coursesSection .courseBlock .icon {
        height: 60px;
        width: 60px;
        margin: 0 0 8px;
    }
    .coursesSection .courseBlock .title {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 8px;
        padding: 0;
    }
    .coursesSection .courseBlock p {
        font-size: 10px;
        line-height: 14px;
        margin: 0;
    }
    .learning-wrp {
        padding: 60px 0;
    }
    .learning-wrp .container {
        padding: 0 20px;
    }
    .learning-box {
        margin: 0 0 16px;
        height: auto;
    }
    .learning-box ul li h4 {
        font-size: 18px;
    }
    .waitlist-box h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 24px;
        text-align: center;
    }
    .mentors-wrp {
        padding: 0 0 60px;
    }
    .mentors-wrp .container {
        max-width: 100%;
    }
    .mentors-wrp .mentors-block {
        padding: 25px 15px;
    }
    .mentors-wrp .mentors-block h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .mentor-stories {
        padding: 0 0 60px;
    }
    .mentor-stories .sec-titlebar {
        margin: 0 0 30px;
    }
    .stories-box .box-info {
        padding: 15px;
    }
    .stories-box .box-info p {
        font-size: 16px;
    }
    .mentor-stories .btn-main1 {
        margin: 30px auto 0;
    }
    .experts-wrp {
        padding: 0 0 60px;
    }
    .experts-wrp .sec-titlebar {
        margin: 0 0 30px;
    }
    .expert-box {
        display: block;
        text-align: center;
        padding: 0 0 60px;
    }
    .expert-box .box-img img {
        height: 240px;
        width: 240px;
        margin: 0 auto 20px;
    }
    .expert-box .box-info p {
        width: 100%;
        font-size: 16px;
        margin: 0 0 15px;
    }
    .expert-box .box-info p br {
        display: none;
    }
    .experts-wrp .slick-dots {
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .experts-wrp .slick-dots li {
        margin-right: 15px;
    }
    .experts-images {
        max-width: 300px;
        margin: 0 auto;
    }
    .news-wrp {
        margin: 0 0 60px;
    }
    .news-wrp .sec-titlebar {
        padding: 0 0 30px;
    }
    .news-box {
        margin: 0 0 50px;
    }
    .news-box .card-body {
        padding: 20px 0 0;
    }
    .news-box .card-body h6 {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 4px 15px;
        line-height: inherit;
    }
    .news-box .card-body .card-title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    .news-box .card-body .card-title br {
        display: none;
    }
    .news-box .card-body .card-text {
        font-size: 12px;
        line-height: 22px;
        width: 82%;
        margin: 0 0 12px;
    }
    .news-box .card-body a {
        font-size: 16px;
    }
    .news-small-box {
        margin: 0 0 20px;
    }
    .news-small-box .news-img {
        margin-right: 12px;
    }
    .news-small-box .news-img img {
        width: 120px;
        height: 100px;
        border-radius: 10px;
    }
    .news-small-box .news-img h6 {
        font-size: 12px;
        padding: 4px 15px;
        line-height: inherit;
        right: 8px;
        bottom: 8px;
    }
    .news-small-box .card-title {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 5px;
    }
    .news-small-box .card-title br {
        display: none;
    }
    .news-small-box .card-text {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
    .news-wrp .btn-main1 {
        font-size: 16px;
        margin: 30px auto 0;
    }
    .newsletter-wrp {
        padding: 50px 0;
    }
    .newsletter-wrp h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    .newsletter-wrp h2 br {
        display: none;
    }
    .newsletter-wrp form {
        display: block;
    }
    .newsletter-wrp form button {
        font-size: 16px;
        margin: 15px auto 0;
    }
    footer {
        padding: 30px 0;
    }
    footer .foot-logo {
        width: 100%;
    }
    footer .foot-logo img {
        margin: 0 auto 10px;
    }
    footer .foot-logo p {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        font-weight: 300;
        margin: 0 0 24px;
    }
    footer .col-md-2.col-sm-12 {
        width: 50%;
    }
    footer h3 {
        margin: 0 0 10px;
    }
    footer .quick-links ul li {
        margin: 0 0 5px;
    }
    footer .social-links {
        padding: 24px 0 0;
    }
    footer .quick-links ul li a {
        font-size: 14px;
    }
    footer .social-links h3 {
        text-align: center;
    }
    footer .social-links ul {
        justify-content: center;
    }
    /* **** browse-mentors **** */
    .mentor-banner {
        padding: 25px 0 35px;
        margin: 0;
    }
    .mentor-banner .banner-block h2 {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 20px;
    }
    .mentor-banner .banner-block p br {
        display: none;
    }
    .mentor-banner .banner-block .form-group .form-control {
        font-size: 14px;
        padding: 12px 40px 12px 8px;
    }
    .mentor-banner .banner-block {
        padding: 0 0 30px;
    }
    .mentor-banner .banner-block .form-group {
        max-width: 100%;
        margin: 0 0 34px;
    }
    .select-filters {
        display: none;
    }
    .mentor-wrp {
        padding: 0 0 15px;
    }
    .mentor-wrp .container {
        max-width: 100%;
        padding: 0 16px;
    }
    .mentor-box {
        padding: 12px 20px;
        margin: 0 0 15px;
    }
    .mentor-box .mentor-info {
        display: block;
    }
    .mentor-box .mentor-info .mentor-img img {
        margin: 0 0 5px;
    }
    .mentor-box .mentor-info .mentor-dt h2 {
        font-size: 20px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h3 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h4 {
        font-size: 14px;
        margin: 0;
    }
    .mentor-box .mentor-info .mentor-dt h5 {
        font-size: 10px;
        border: none;
    }
    .mentor-box .mentor-info .mentor-dt h6 {
        display: block;
    }
    .mentor-box .description p {
        font-size: 14px;
        line-height: 19px;
    }
    .mentor-box .description ul li {
        font-size: 10px;
        padding: 0 4px;
    }
    .mentor-box .mentor-description {
        padding: 10px 0 0;
    }
    .mentor-box .mentor-description h6 {
        display: none;
    }
    .mentor-box .mentor-description h2 {
        font-size: 24px;
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .mentor-box .mentor-description h2 span {
        display: none;
    }
    .mentor-box .mentor-description h5 {
        margin: 0;
        position: absolute;
        right: 20px;
        top: 40px;
        font-size: 12px;
    }
    .mentor-box .mentor-description .btn-box {
        display: flex;
        align-items: center;
        margin: 0 -5px;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .btn-box li {
        width: 50%;
        padding: 0 5px;
        margin: 0;
    }
    .mentor-box .mentor-description .btn-box li a {
        font-size: 12px;
    }
    .mentor-box .mentor-description .mentor-info {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .mentor-box .mentor-description .mentor-info li {
        margin-right: 8px;
        font-size: 10px;
    }
    .learn-mentors-wrp {
        padding: 25px 0;
        margin: 0 0 15px;
    }
    .learn-mentors-wrp .container {
        padding: 0 40px;
    }
    .learn-mentors-wrp form h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .learn-mentors-wrp form h3 {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 23px;
    }
    .learn-mentors-wrp form p {
        font-size: 12px;
        line-height: 15px;
    }
    .learn-mentors-wrp form button {
        font-size: 14px;
    }
    .pagination {
        display: none;
    }
    .filters-btn {
        display: block;
    }
    /* **** End browse-mentors **** */
    /* **** single **** */
    .single-blog-wrp {
        padding: 40px 0;
    }
    .single-blog-wrp .container {
        padding: 0 16px;
    }
    .single-blog-detail {
        padding: 16px 20px;
        margin: 0 0 30px;
    }
    .blog-user-block {
        display: block;
        margin: 0 0 15px;
    }
    .blog-user-block img {
        height: 126px;
        width: 126px;
        min-width: 126px;
        margin: 0 auto 6px;
    }
    .blog-user-block h2 {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 6px;
        text-align: center;
    }
    .blog-user-block ul {
        justify-content: center;
        margin: 0 0 6px;
    }
    .blog-user-block ul li {
        margin-right: 10px;
    }
    .blog-user-block ul li a {
        font-size: 16px;
    }
    .blog-user-block h3 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h4 {
        font-size: 14px;
        margin: 0 0 6px;
        line-height: unset;
        text-align: center;
    }
    .blog-user-block h5 {
        display: block;
        text-align: center;
    }
    .blog-user-block h5 br {
        display: block;
    }
    .blog-user-block h5 strong {
        margin: 6px 0 0;
        display: inline-block;
    }
    .blog-user-block .btn-main {
        display: block;
        margin: 10px 0 0;
    }
    .video-block {
        margin: 0 0 24px;
        margin: 0 0 24px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block img {
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h2 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 6px;
    }
    .video-block p {
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 14px;
        margin: 0 0 14px;
        border-bottom: 1px solid #E5E7EB;
    }
    .video-block h3 {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 10px;
    }
    .video-block ul li {
        font-size: 10px;
        padding: 0 6px;
        border-radius: 10px;
    }
    .reviews-box p {
        font-size: 12px;
        line-height: 15px;
    }
    .mentors-single-block {
        padding: 24px 0 0;
        border-top: 1px solid #E5E7EB;
    }
    .mentors-single-block .mentor-box {
        padding: 0;
        box-shadow: none;
    }
    .mentors-single-block .mentor-box .mentor-description .mentor-info {
        display: none;
    }
    /* **** End single **** */
    /* **** Login **** */
    .login-header ul {
        justify-content: center;
    }
    .login-wrp:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        background-image: url("../images/sign-up-bg.png");
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
    }
    .login-header ul li:last-child {
        display: none;
    }
    .login-wrp .bg-shap1 {
        display: none;
    }
    .login-wrp .login-bg {
        width: auto;
        display: none;
    }
    .login-wrp .login-form-block .login-form {
        max-width: 100%;
        width: 100%;
    }
    .login-wrp .login-form-block {
        height: auto;
        width: 100%;
        padding: 120px 28px 0;
    }
    .login-wrp .login-form-block .login-form .form-title h2 {
        font-size: 26px;
        line-height: unset;
        margin: 0 0 5px;
    }
    .login-wrp .login-form-block .login-form .form-title p {
        font-size: 13px;
        margin: 0 0 15px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a {
        font-size: 10px;
        width: 96px;
    }
    .login-wrp .login-form-block .login-form .form-title ul li a img {
        width: 16px;
    }
    .login-form form .form-group .form-control {
        padding: 20px 18px;
    }
    .login-form form .form-group.password-link {
        margin: 0;
        display: none;
    }
    .login-form form button {
        font-size: 14px;
        padding: 15px;
        line-height: 16px;
    }
    .login-form form h6 {
        display: block;
    }
    .login-form form .form-group {
        margin: 0 0 16px;
    }
    .signup-wrp h5 {
        display: none;
    }
    /* **** End Login **** */
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    #video-modal .modal-dialog .modal-content .modal-body .video-bix {
        height: 300px;
    }
    #video-modal .modal-dialog .modal-content button.close-btn {
        right: 0;
    }
    .single-blog-right {
        display: none;
    }
    .single-blog-right.mobile-blogside {
        display: block;
    }
    .single-blog-right .blog-title p {
        display: none;
    }
    .single-blog-right .blog-title h2 {
        margin: 0 0 25px;
    }
    .form-wizard {
        padding: 0;
    }
    .wizard-block,
    .form-wizard-header {
        padding: 30px;
    }
    .calendar-block ul {
        flex-wrap: wrap;
    }
    .calendar-block ul li {
        margin: 0 0 10px;
    }
    .modal-footer {
        position: relative;
        padding: 25px;
    }
    .mbl-bottom-fix {
        display: block;
    }
    .single-footer {
        padding-bottom: 110px;
    }
    .mentor-banner .filter-row {
        display: block;
    }
    .mentor-banner .filter-row .dropdown-toggle {
        background: #fff;
    }
    .mentor-banner .dropdown-menu {
        max-width: 90%;
        padding: 15px;
        height: 300px;
        overflow: auto;
    }
    .mentor-banner .experience-drop .dropdown-menu {
        max-width: 100%;
        width: 85%;
    }
    .mentors-single-block .mentor-box .mentor-info .mentor-dt h2 {
        width: auto;
    }
}

@media(max-width:359px) {
    .navbar-brand img {
        height: 35px;
    }
    .main-banner .banner-detail h2 {
        font-size: 24px;
    }
    .btn-main1 {
        font-size: 13px;
        padding: 6px 12px;
    }
    .btn-main1 img {
        margin-left: 3px;
    }
    .learning-box ul li h4 {
        font-size: 14px;
    }
    .learning-box ul li h4 span {
        font-size: 16px;
    }
    .mentor-box .mentor-description .btn-main2 span {
        padding: 11px 5px;
    }
    .mentor-box .mentor-description .mentor-info li {
        font-size: 9px;
    }
    .mentor-box .mentor-description .mentor-info li img {
        width: 10px;
        margin-right: 4px;
    }
    .blog-user-block .btn-main {
        font-size: 16px;
    }
    .single-blog-right .nav-tabs li .nav-link {
        padding: 10px;
    }
    .single-blog-right {
        display: none;
    }
    .single-blog-right.mobile-blogside {
        display: block;
    }
    .single-blog-right .blog-title p {
        display: none;
    }
    .single-blog-right .blog-title h2 {
        margin: 0 0 25px;
    }
    .form-wizard {
        padding: 0;
    }
    .wizard-block,
    .form-wizard-header {
        padding: 30px;
    }
    .calendar-block ul {
        flex-wrap: wrap;
    }
    .calendar-block ul li {
        width: 20%;
        margin: 0 0 10px;
    }
    .modal-footer {
        position: relative;
        padding: 25px;
    }
    .mbl-bottom-fix h2 {
        font-size: 22px;
    }
    .mbl-bottom-fix a {
        font-size: 15px;
        padding: 7px 15px;
    }
}