/*@media only screen  and (min-width: 1200px) {
    .container {
        max-width: 1380px !important;
    }
}*/
@media screen and (max-width: 2420px) {
    .mobileHeader {
        display: none !important;
    }

    .slideItem .mobileSub {
        display: none !important;
    }

}

@media screen and (max-width: 1300px) {
    .inter-boxses {
        width: 89%;
    }

    .blog-detail-related {
        width: 73%;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .webinar-details {
        width: 100%;
        display: block;
    }

    .video-webinar {
        width: 100%;
    }

    .chat-webinar {
        width: 100%;
    }
}

@media screen and (max-width: 990px) {
    .container {
        padding: 0 10% !important;
    }

    .auth-screens {
        height: auto;
    }

    .authLeftSection {
        margin-top: 20px;
        margin-bottom: 20px;
        align-items: center;
    }

    .authLeftSection img {
        height: 50px;
    }

    .authLeftSection p {
        text-align: center;
    }

    .navbar-nav {
        flex-direction: row !important;
    }

    nav.pcHeader {
        display: none !important;
    }

    .mobileHeader {
        display: inline-block !important;
        width: 100%;
    }

    .container, .container-md, .container-sm {
        max-width: 980px !important;
    }

    .bannerSection {
        height: auto;
        margin: 30px 0;
    }

    .interestHeading.landingSectionHeading ul {
        flex-direction: column;
    }

    .landingSectionHeading ul li:after {
        content: "";
    }

    .telosHeading ul {
        flex-direction: column !important;
    }

    .telosHeading .d-flex {
        flex-direction: column !important;
    }

    .bookClubHeading ul {
        flex-direction: row !important;
    }

    .d-flex.pc-book {
        display: none !important;
    }

    .d-flex.phone-book {
        display: flex !important;
        margin-top: 20px;
    }

    .footer .justify-content-end {
        justify-content: center !important;
    }


    .sectionHeading a {
        font-size: 14px;
    }

    .sectionHeading .icon16 {
        display: none;
    }

    .main {
        margin-top: 68px;
    }

    .mobileHeader {
        display: inline-block !important;
        width: 100%;
    }

    .mobileHeader .navbar {
        padding: 9px 10px !important;
    }

    .mobileSearch {
        position: relative;
    }

    .mobileSearch input {
        width: 140px;
        height: 40px;
        border-radius: 0;
        background-color: transparent !important;
        border-color: #262626 !important;
        padding: 0 10px;
        font-size: 12px;
    }

    .mobileSearch img {
        position: absolute;
        right: 10px;
        top: 12px;
        width: 16px;
        height: 16px;
    }

    .pcHeader {
        display: none !important;
    }

    .offcanvas.sideMenu {
        background-color: #161616 !important;
    }

    .sideMenu img {
        width: 46px;
        height: 46px;
        border-radius: 46px;
    }

    .sideMenu span {
        font-size: 14px;
        color: #ffffff;
    }

    .offcanvas-body {
        padding: 0 !important;
    }

    .sidebarLink ul {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #444444;
    }

    .sidebarLink ul:last-child {
        border-bottom: none;
    }

    .sidebarLink a {
        font-size: 16px;
        color: #ffffff;
        opacity: .5;
    }

    .mainSlider {
        padding: 0 !important;
    }

    .mainSlider .item {
        padding: 0 !important;
    }

    .owl-arrows {
        display: none !important;
    }

    .slideItem {
        height: auto;
        min-height: 200px;
        justify-content: flex-end;
        padding: 15px;
    }

    .slideItemContainer .slideItem {
        margin-left: 0 !important;
    }

    .slideBadge {
        display: none;
    }

    .slideItem h1, .slideItem h3, .slideItem p {
        display: none !important;
    }

    .slideItem .mobileSub {
        display: inline-block !important;
        margin-top: 15px;
        font-size: 16px !important;
    }

    button.menuIcon {
        background-color: transparent !important;
        padding: 0 !important;
    }

    button.menuIcon img {
        width: 20px;
        height: 20px;
    }

    .iconButton {
        height: 50px;
        font-size: 14px;
    }

    .iconButton img {
        width: 28px !important;
    }

    .iconBorderButton {
        height: 50px;
        font-size: 14px;
    }

    .iconBorderButton img {
        width: 20px !important;
    }

    .bannerSection {
        margin-top: 80px;
    }

    .mt-5.input-group {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }

    .col-xl-7.col-12 div {
        width: 100% !important;
    }

    .laningSectionLight img {
        width: 90%;
    }

    .landingSectionHeading h2 {
        font-size: 30px !important;
    }

    .faqHeading {
        font-size: 30px !important;
    }

    .jinTelos h3, .bannerContent h2 {
        font-size: 26px !important;
    }

    .jinTelos p {
        font-size: 25px;
    }

    .popover.bs-popover-auto {
        display: none !important;
    }

    .testimonial-item p {
        font-size: 20px;
    }

    .videoTabs li:first-child {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    /* .d-flex.flex-row.mt-5.main-slider-mobile {
        flex-direction: column !important;
    } */

    .only-lessons img {
        width: 100% !important;
        max-height: 100% !important;
    }

    .blogs.categories-all .videoTitle h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .blogs.categories-all h2 {
        color: #BBBBBB;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 40px;
        margin-left: -10px;
    }

    .blogs.categories-all .smallThumb {
        margin-bottom: 10px;
    }

    .blogs.categories-all .smallThumb img {
        border-radius: 0px;
    }

    .blogs.categories-all .col-6 {
        padding: 0 3px;
    }

    .videDetail p {
        color: #BCBCBC;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
    }

    .first-blog h1 {
        text-align: center;
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    p.blog-desc-desktop {
        display: none;
    }

    p.blog-desc-mobile {
        display: block;
        text-align: center;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 32px;
        margin-top: 25px;
    }

    .horizontalBlog .blog-right-side {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .verticalBlog img {
        width: 114px;
        height: auto;
    }

    .blog-title {
        font-weight: 500;
        font-size: 18px !important;
        line-height: 28px;
    }

    .item.bookCategoryItem .bookDetail p {
        max-height: 51px;
    }

    /* .item.smallThumb.inter-mobile-new .not-for-mobile{
        display: none;
    } */
    .item.smallThumb.inter-mobile-new .videoTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .subscription-design {
        align-items: flex-start;
        justify-content: flex-start;
        overflow: auto;
        height: 100%;
        flex-direction: column;
        padding-bottom: 40px;
    }

    .popular-banner {
        right: 0;
    }

    .subscription-design .card-deck {
        min-width: 100%;
        width: auto;
        border: none !important;
    }

    .subscription-design::-webkit-scrollbar-thumb {
        background-color: #000000;
        outline: 1px solid #000000;
        border-radius: 70px;
    }

    .subscription-design::-webkit-scrollbar {
        width: 0px;
    }

    .card-deck.annualCard {
        border: none;
        border-radius: 20px !important;
        margin-left: 0px;
    }

    .aymentHistoyr table thead tr th {
        padding: .5rem 1rem;
    }

    .billingCard {
        padding: 40px 10px;
    }

    header {
        border-bottom: none;
    }

    .bookClubHeading p {
        margin-bottom: 4px;
    }

    .landingSectionHeading h2 {
        margin-bottom: 0px;
    }

    .bookClubHeading ul {
        margin-bottom: 0px;
    }

    .mobile-logo {
        margin-left: -20px;
    }

    .mobile-logo img {
        width: 120px;
    }

    .interestHeading ul {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .profileScreen .nav-tabs .nav-link {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 500;
    }

    a.upgradeButton.for-desktop {
        display: none;
    }

    a.upgradeButton.for-mobile {
        display: flex;
    }

    .aymentHistoyr {
        /* overflow-y: auto; */
        width: 100%;
    }

    .profileCard.my-interests {
        padding: 40px 0px;
    }

    .profileCard.my-interests .container {
        margin-top: 0px !important;
    }

    .profileCard.my-interests .pt-4 {
        padding-top: 0 !important;
    }

    #react-confirm-alert {
        width: 96%;
        padding: 26px;
        left: 7px;
        top: calc(29vh - 50px);
        height: 56vh;
        display: flex;
        align-items: center;
    }

    .profileCard.my-interests .my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .inter-boxses {
        padding: 0;
        margin: 20px auto;
    }

    .discussion-space {
        padding-left: 10px;
    }

    .inter-boxses li {
        width: 100%;
        margin: 8px 0;
        height: auto;
        display: block;
    }

    .interests-box {
        border: none !important;
        border-radius: 5px;
        background: transparent;
        height: auto;
        padding: 0 12px;
    }

    .item.smallThumb.inter-mobile-new .videoTitle h3 {
        display: none;
    }

    .interests-box .for-mobile-only {
        display: none;
    }

    .interests-box .videoTitle h3 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 176.7%;
        color: #ffffff;
        margin-bottom: 0;
    }

    .interests.active .interests-box .videoTitle h3 {
        color: #D9B657;
    }

    .interests.active .interests-box label.form-check-label {
        display: initial;
    }

    .interests.active .interests-box .for-mobile-only {
        width: 24px !important;
        display: block;
    }

    .interests .thumbOverlay {
        position: absolute;
        background: none;
        top: 0;
        bottom: unset;
    }

    .bannerContent button.btn-warning {
        width: 138px;
        padding: 0px !important;
        font-size: 16px;
    }

    .bannerContent .input-group {
        flex-wrap: nowrap;
        margin-top: 37px !important;
    }

    .bannerContent input {
        width: 208px;
    }

    .container {
        padding: 0 4% !important;
    }

    h2 {
        font-size: 18px !important;
    }

    .sectionHeading a {
        font-size: 14px;
    }

    .sectionHeading .icon16 {
        display: none;
    }

    .main {
        margin-top: 110px;
    }

    .mobileHeader {
        display: inline-block !important;
        width: 100%;
    }

    .mobileHeader .navbar {
        padding: 9px 10px !important;
    }

    .mobileSearch {
        position: relative;
    }

    .mobileSearch form {
        width: 140px;
        height: 40px;
        border-radius: 0;
        background-color: transparent !important;
        padding: 0 10px;
        display: flex;
        align-items: center;
        border: 1px solid #262626;
        width: 100%;
    }

    .mobileSearch input {
        height: 40px;
        border-radius: 0;
        background-color: transparent !important;
        border-color: transparent !important;
        padding: 0 10px;
        font-size: 12px;
        outline: none;
        width: auto;
        border: none;
    }

    .mobileSearch img {
        position: relative;
        top: 0;
        right: 10px;
        width: 16px;
        height: 16px;
    }

    .mobileSearch button {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    }

    .pcHeader {
        display: none !important;
    }

    .offcanvas-header .btn-close {
        filter: invert(1) grayscale(100%) brightness(200%) !important;
    }

    .offcanvas.sideMenu {
        background-color: #161616 !important;
        z-index: 99999999999;
    }

    .sideMenu img {
        width: 46px;
        height: 46px;
        border-radius: 46px;
    }

    .sideMenu span {
        font-size: 14px;
        color: #ffffff;
    }

    .offcanvas-body {
        padding: 0 !important;
    }

    .sidebarLink ul {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #444444;
    }

    .sidebarLink ul:last-child {
        border-bottom: none;
    }

    .sidebarLink a {
        font-size: 16px;
        color: #ffffff;
        opacity: .5;
    }

    .mainSlider {
        padding: 0 !important;
    }

    .mainSlider .item {
        padding: 0 !important;
    }

    .owl-arrows {
        display: none !important;
    }

    /*.slideContainer {*/
    /*    padding-left: 15px !important;*/
    /*}*/

    .slideItem {
        height: auto;
        min-height: 200px;
        justify-content: flex-end;
        padding: 15px;

    }

    .slideBadge {
        display: none;
    }

    .slideItem h1, .slideItem h3, .slideItem p {
        display: none !important;
    }

    .slideItem .mobileSub {
        display: none !important;
        margin-top: 15px;
        font-size: 16px !important;
    }

    .title-tags-flex {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .title-tags-flex .video-tags {
        margin: 0px 0px;
        width: 100%;
    }

    .playerButton {
        min-width: auto;
        height: 40px;
    }

    .icons-for-mobile .playerButton img {
        margin-right: 0px;
    }

    .icons-for-mobile {
        display: block;
    }

    .icons-for-mobile .iconButton img {
        margin-right: 0;
    }

    .icons-for-mobile .iconBorderButton img {
        margin-right: 0px;
    }

    .icons-for-web {
        display: none;
    }

    .thumbOverlayDetail.video-detailed .videoTitle p {
        display: none;
    }

    button.menuIcon {
        background-color: transparent !important;
        padding: 0 !important;
    }

    button.menuIcon img {
        width: 20px;
        height: 20px;
    }

    .iconButton {
        height: 50px;
        font-size: 14px;
    }

    .iconButton img {
        width: 28px !important;
    }

    .iconBorderButton {
        height: 50px;
        font-size: 14px;
    }

    .iconBorderButton img {
        width: 20px !important;
    }

    .videDetail .d-flex {
        flex-direction: column;
    }

    .videDetail .ps-4 {
        padding-left: 0 !important;
        margin-bottom: 20px;
    }

    .section-devider {
        margin: 20px 0;
    }

    .section-devider img {
        width: 100%;
    }

    .video-accordin {
        display: none;
    }

    .videoTabs li:first-child {
        display: inline-block;
    }

    .footer span {
        text-align: center;
        width: 100%;
        float: left;
    }

    .headerWithputLogin {
        display: inline-block !important;
        width: 100%;
    }

    .onMobile {
        display: none;
    }

    .offcanvas-start {
        width: 280px !important;
    }

    .videoPlayer {
        height: auto;
    }

    .interestTitle h3 {
        font-size: 16px;
        text-align: center;
    }

    .laningSectionDark img {
        width: 90%;
    }

    .jinTelos h3, .bannerContent h2 {
        font-size: 30px !important;
        line-height: 55px;
    }

    .jinTelos p {
        font-size: 22px;
    }

    .authRightSection {
        margin-bottom: 20px;
    }

    .authRightSection .p-5 {
        padding: 25px 30px !important;
    }

    .bannerSection {
        margin-top: 100px;
    }

    .landingSectionHeading h2 {
        font-size: 26px !important;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .faqHeading {
        font-size: 26px !important;
    }

    .authLeftSection p {
        text-align: left;
    }

    .thumbOverlayDetail.video-detailed {
        left: 5px;
        bottom: 5px;
    }

    .mob-head-left {
        display: flex;
        align-items: center;
    }

    .blog-titles-mobile {
        display: block;
    }

    .blog-list-mobile {
        display: block !important;
    }

    .blog-list-mobile span {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .blog-list-mobile .show-line {
        display: none;
    }

    .blog-titles-desktop {
        display: none;
    }

    .testimonial-item p {
        font-size: 20px;
    }

    .notifications-list {
        display: block;
        width: 100%;
    }

    .notification-right {
        margin-top: 15px;
    }

    .d-flex.flex-row.align-items-center.for-mobile-only {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .for-mobile-only p {
        margin: 7px 0 0 0 !important;

    }

    .for-mobile-only img {
        width: 100%;
    }

    .aymentHistoyr table tbody td {
        line-height: 19px !important;
        padding: 0.8rem 1rem;
    }

    .payCard form {
        padding: 0 10px;
    }

    .new-login-design {
        width: 100%;
        margin: 0 auto;
    }

    .landing-auth-buttons {
        display: flex;
        align-items: center;
        position: relative;
        right: 0px;
    }

    a.smallButton.new-login.nav-link {
        font-size: 12px;
        margin-left: 10px;
    }

    .sectionHeading {
        margin-top: 20px;
    }
}