@media only screen and (max-width:950px) {
    .navbar-toggler{
        background: var(--white);
    }
    .slider {
        background-size: cover !important;
        background-position: center !important;
    }
    .header .banner {
        padding-top: 140px;
    }
    .topbar{
        display: none;
    }
    .navbar-brand{
        display: block;
    }
    .navbar-brand img{
        width: 200px;
    }
    .banner h2 {
        font-size: 32px;
    }
    .banner h4 {
        font-size: 28px;
    }
    .banner h6{
        font-size: 20px;
    }
    .about-logo-block br{
        display: none;
    }
    .footer-menu {
        flex-wrap: wrap;
    }
    .mobile-top-30{
        margin-top:30px;
    }
    .about-title-block {
        flex-wrap: wrap;
    }
    .about-us-image {
        position: relative;
        width: 100%;
        margin-top:30px;
    }
    .about-us{
        padding-bottom: 0px;
    }
    .home-experience-image{
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 30px;
    }
    .home-experience{
        background: url('../assets/experience_to_wisdom-bg.png');
        background-size: cover;
        background-position: bottom;
        padding-top: 0px;
    }
    .experience-menu {
        flex-wrap: wrap;
    }
    .experience-menu li{
        padding-right: 15px;
    }
    .experience-content-block {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .author-self {
        background-size: contain;
        padding-top: 60px;
        padding-bottom: 60px;
        background-position: bottom center;
    }
    .author-books {
        padding-left: 0px;
    }
    .book-author-mobile-right-space{
        margin-right: 40px;
    }
    .book-author-mobile-left-space {
        margin-left: 40px;
    }
    .testimonials{
        padding-top:0px;
    }
    .book-launch-image {
        position: relative;
        width: 100%;
    }
    .testimonials-content{
        padding-top:30px;
    }
    .testimonials-block {
        width: 300px;
    }
    .footer-menu li{
        padding-top:10px;
    }
    .footer-menu li a{
        padding-right: 10px;
    }
    .footer-client-logos{
        margin-top:30px;
        margin-bottom: 30px;
    }
    .footer-client-logos img{
        width: 100%;
    }
    .copyright .text-end{
        text-align: center !important;
    }
    .copyright{
        text-align: center;
    }
    .copyright {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .top-wisdom-pic{
        top:0px;
    }
    .top-title-bar{
        top: -100px;
    }
    .experience-wisdom-image{
        top:-130px;
        position: relative;
    }
    .experience-wisdom-content h6{
        margin-top:0px;
    }
    .experience-wisdom-content {
        padding-left: 0px;
    }
    .mobile-space-top-none{
        margin-top:0px;
    }
    .social-followers .social-icon img {
        width: 32px;
        height: 32px;
    }
    .social-followers .social-icon-content h5 {
        font-size: 20px;
    }
    .social-followers .social-icon-content p {
        font-size: 18px;
    }
    .section-title h3,.experience-content-block h3,.footer-content h3,.experience-wisdom-content h3,.experience-wisdom-content h6{
        font-size: 28px;
    }
    .about-title-block h3{
        font-size: var(--h6);
    }
    .about-content-block {
        padding-top: 30px;
    }
    .about-content-block p {
        font-size: 16px;
    }
    .btn-primary {
        padding-left: 40px;
        padding-right: 40px;
        font-size: var(--p);
    }
    .experience-menu li a,.experience-content-block p,.author-block p, .learn p,.learn-subscribe-block h6,.testimonials-profile-content h6,.testimonials-block p,.experience-wisdom-content p,.learn-content p{
        font-size: var(--p) !important;
    }
    p{
        font-size: var(--p) !important;
    }
    .learn-subscribe-block h6{
        white-space: break-spaces;
        word-wrap: break-word;
    }
    .testimonials-content p,.testimonials-profile-content h5 {
        font-size: 18px;
    }
    .testimonials-block {
        width: 300px;
        min-height: 190px !important;
    }
    .navbar-nav{
        background: var(--grey-11);
    }
    .tab-content .learn-image {
        padding-left: 0px;
    }
    .experience-to-wisdom .accordion-item .accordion-button {
        font-size: 24px;
    }
    .dropdown-menu{
        opacity: 1;
        text-align: left;
    width: auto;
    pointer-events: all;
    }
    .pratice-bottom-image {
        margin-left: 0px;
        margin-top: 0px;
    }
    .tabs .nav-item{
        width: 50%;
        margin-top: 10px;
        border: 1px solid #707070 !important;
        padding-top: 10px;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        display: flex;
    }
    .tabs .nav-item button{
        font-size: var(--h6);
        border: none !important;
    }
    .tab-content {
        padding: 30px;
        border-top-right-radius: 0px !important;
    }
    .tabs .ml-md {
        margin-left: 0px;
    }
    .card-shape-label {
        top: 0px;
        left: 0px;
        text-align: center;
        color: var(--orange) !important;
    }
    .accoldes-shape {
        position: relative;
        margin-top: 0px;
        display: none;
    }
    .mobile-top-none{
        margin-top:0px !important;
    }
    .leadership-service .accordion{
        margin-left: 0px !important;
    }
    .leadership-service .accordion-button{
        font-size: var(--h4);
    }
    .leader-ship-card h6{
        font-size: var(--h5);
    }
    .leader-ship-card {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .experience-to-wisdom::after {
    height: 100px;
    width: 80%;
    }
    .key-takeways-content {
    padding-left: 0px;
        
    }
    .key-takeways-image h4 {
    font-size: 62px;
    }
    .key-takeways-image h5 {
    font-size: 24px;
    padding-left: 10px;
    line-height: inherit;
    white-space: normal;
    word-wrap: break-word;
        
    }
    html,body{
        overflow-x:hidden;
    }
    .about-logo-block{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (min-width:700px) and (max-width:900px) {
    .social-followers-section .col-md-3{
        width: 40%;
    }
    .mobile-top-30{
        margin-top:0px;
    }
    .about-us-image {
        position: absolute;
        width: 48%;
        margin-top: 30px;
    }
    .about-us-content{
        padding-bottom: 60px;
    }
    .about-title-block {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .home-experience{
        position: relative;
    }
    .home-experience-image{
        position: absolute;
        width: 44%;
        top:0px;
        bottom: 0px;
        left: 0px;
        margin-bottom: 0px;
    }
    .home-experience-image img{
        height: 100%;
    }
    .experience-menu{
        padding-top:20px;
    }
    .book-author-mobile-left-space{
        margin-left: 0px;
    }
    .book-author-mobile-right-space{
        margin-right: 0px;
    }
    .testimonials-block {
        width: 300px;
        min-height: 200px !important;

    }
    .book-launch-image {
        position: relative;
        width: 100%;
        top: 5%;
    }
    .copyright h6 {
        font-size: 13px;
    }
    .copyright h6 span {
        padding-left: 5px;
    }
    .experience-wisdom-content h6 {
        margin-top: 70px;
    }
    .top-title-bar {
        top: -80px;
    }
    .ipad-top-3{
        margin-top:30px;
    }
    .highlighted-text{
        margin-bottom: 30px;
    } 
}
@media only screen and (max-width:750px) {
    .accordion-item::before {
        width: 24px;
        height: 24px;
        left: -42px;
        z-index: 999;
    }
    .accordion-item::after {
        left: -30px;
    }
    .accordion {
        margin-left: 40px;
    }
}
@media only screen and (min-width:900px) and (max-width:1400px) {
    p,.testimonials-profile-content h6{
        font-size: var(--p) !important;
    }
    .social-followers .social-icon-content h5 {
        font-size: 20px;
    }
    .about-title-block h3,.testimonials-profile-content h5 {
        font-size: 18px;
    }
    .experience-menu li a{
        font-size: var(--h6);
    }
    .btn-primary{
        font-size: var(--p);
    }
    .testimonials-content p{
        font-size: 22px !important;
    }
    .testimonials-block p{
        font-size: var(--p) !important;
    }
    .footer-content h3{
        font-size: 28px;
    }
    .highlighted-text{
        font-size: var(--h3) !important;
    }
    .experience-to-wisdom .accordion-item .accordion-button {
        font-size: var(--h6) !important;
    }
    .header .nav-link,.navbar-header .nav-link {
        font-size: 16px;
        color: var(--white);
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .testimonials-content p{
        font-size: 22px;
    }
}
@media only screen and (max-width:940px) {
    .header .topbar {
        display: none;
    }
    .navbar-brand {
        display: block;
    }
    .navbar-toggler{
        background: var(--white);
    }
    .btn-primary{
        padding-left: 40px;
        padding-right: 40px;
    }
    .footer-client-logos img{
        width: 100%;
    }
}
@media (min-width: 700px) and (max-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 680px;
    }
    .btn-primary{
        padding-left: 15px;
        padding-right: 15px;
        white-space: break-spaces;
        word-break: break-word;
    }
}
html,body{
    overflow-x: hidden;

}
@media only screen and (max-width:1150px) {
    .navbar-brand img{
        width: 200px;
    }
}
@media only screen and (min-width:710px) and (max-width:949px) {
   .top-title-bar p{
    width:134%;
    margin-left: -34%;
    margin-top:50px;
    margin-bottom: 30px;   
}
   
   .image-right-content-full {
    width: 200%;
    margin-top: 30px;
  }
  .tab-width-content{
    width: 180%;
  }

}
@media only screen and (min-width:950px) and (max-width:990px) {
    .top-title-bar p{
        width: 142%;
        margin-left: -42%;
        margin-top: 50px;
        margin-bottom: 30px;
    } 
    .image-right-content-full{
        width: 210%;
        margin-top: 30px;
    }
    
    .tab-width-content{
        width: 180%;
      }
 }
 @media only screen and (min-width:700px) and (max-width:1100px) {
    .slider{
        background-position: center !important;
    }
 }
 @media only screen and (min-width:950px) and (max-width:1100px) {
    .social-followers-section .col-lg-3{
        width: 30%;
    }
    .about-title-block {
        flex-wrap: wrap;
    }
 }
 @media only screen and (min-width:1020px) {
    .relative-position{
        position: relative;
    }
    .learn-image{
        position: absolute;
        top:0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
    .learn-image img{
        object-fit: fill;
        height: 100%;
        border-radius:10px;
    }
 }
 @media only screen and (min-width:950px) and (max-width:1350px) {
    .navbar-brand img{
        width: 250px;
    }
 }