/********** max-width: 1499px and min-width: 1400px **********/
@media only screen and (max-width: 1499px) and (min-width: 1400px) {
    #header .title h1 {
        font-size: 25px;
    }
    .header .search-bar {
        min-width: 400px;
    }
    .what-you-today ul.menu li a {
        padding: 10px 7px;
        font-size: 12px;
    }
    .what-you-today ul.menu li {
        margin: 0 0px 0 0;
    }
}

/********** max-width: 1440px ***********/
@media (max-width: 1440px) {
    .my-subscription-section .price-box .area-price .bot {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .my-subscription-section .price-box .area-price {
        padding: 20px;
    }
    .my-subscription-section .price-box .head h2 {
        font-size: 32px;
        line-height: 120%;
    }
    .my-subscription-section .price-box .middle .price {
        font-size: 30px;
        line-height: 100%;
    }
    .my-subscription-section .price-box .middle p {
        font-size: 18px;
        line-height: 140%;
    }
    .my-subscription-section .price-box a.btn-subscribe {
        font-size: 14px;
        line-height: 140%;
        padding: 8px 25px;
    }

    /* chat */
    .akr-card-profile-pic .card-profile-dp {
        width: 52px;
        height: 52px;
    }

    .chat-messages-widget .your-chat .chat-text {
        border-radius: 8px 8px 0px 8px;
        padding: 8px 25px;
        font-size: 14px;
        line-height: 140%;
    }
    .chat-messages-widget .friend-chat .chat-box .chat-text {
        border-radius: 0px 8px 8px 8px;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 140%;
    }
    .emoji-groupchat svg {
        max-width: 18px;
    }
    .emoji-groupchat-attch img {
        max-width: 14px;
    }

    /* blog */
    .blog-main-section .blog-loop .content {
        padding: 18px;
    }
    .blog-main-section .blog-loop .thumnail {
        height: 240px;
    }

    /* interested-categories */
    form.select-your-interested-cat {
        max-width: 460px;
        gap: 18px;
    }
    form.select-your-interested-cat label {
        width: 220px;
        padding: 14px;
        border-radius: 100px;
        height: 54px;
        font-size: 16px;
        line-height: 100%; /* 32px */
    }
    form.select-your-interested-cat label svg {
        max-width: 20px;
    }
    form.select-your-interested-cat .submit-btn {
        margin-top: 25px;
        padding: 12px;
        font-size: 16px;
    }
    /* payment&billing */
    .savecards-session .cards-box .logo {
        padding: 15px;
    }
    .savecards-session .cards-box .deatils {
        padding: 15px;
    }
    .feeds-main-section .feed-loop .content {
        padding: 20px;
    }
    .feeds-main-section .feed-loop .info {
        font-size: 14px;
        line-height: 156%;
    }
    .mynotes-widget .widget-row .info {
        font-size: 12px;
        line-height: 140%;
    }
    .video-btns-area .btn {
        padding: 15px 30px;
    }
    .card {
        border-radius: 18px;
    }
    .purchase-session button {
        padding: 12px 100px;
        font-size: 14px;
        line-height: 20px;
    }

    .articles-widget .thumbnail {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }
    .blog-main-section .blog-loop .info h3 {
        font-size: 16px;
        line-height: 125%;
    }
    .blog-card-content p {
        font-size: 14px;
        line-height: 140%;
    }
    .my-subscription-section .price-box .head {
        padding-top: 40px;
    }
    .my-subscription-section .price-box .middle {
        margin-top: 60px;
        margin-bottom: 90px;
    }
    .my-subscription-section .price-box .head .head-icon img.icon {
        width: 70px;
    }
    a.btn.my-favorites img.icon,
    a.btn.my-favorites img.iconh,
    a.btn.my-watch-list img.icon,
    a.btn.my-watch-list img.iconh {
        width: 18px;
    }
    .session-single-area .user-photo {
        width: 64px;
        height: 64px;
    }
    .session-single-area .info-text h3 {
        font-size: 22px;
        line-height: 124%;
    }
    img.chat-icon {
        max-width: 28px;
    }
    .session-single-area .card-body {
        padding-top: 18px;
    }
    .single-content-area .info-box,
    .single-content-area .info-box p {
        font-size: 14px;
        line-height: 160%;
    }
    .card-title {
        padding: 15px 0 10px 0;
    }
    .my-profile-section .profile-area .photo {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .akr-live-courses .video-box {
        height: 160px;
    }
    .sessions-nav-area .nav-col ul li a {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 120%;
    }
    .sessions-nav-area a.btn {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 120%;
    }
    .sr-accept-reject-buttons {
        gap: 6px;
    }
    .sr-buttons {
        padding: 12px;
        border-radius: 24px;
        font-size: 12px;
        line-height: 100%;
        width: 100px;
        height: 34px;
    }
    .mentor-side-session .mentor-section {
        padding: 8px 12px;
    }
    .mentor-section .video-area img,
    .mentor-section .time-area img {
        max-width: 15px;
    }
    .mynotes-widget .widget-row .heads h4,
    .articles-widget .info h3 {
        font-size: 14px;
        line-height: 134%;
    }
    .articles-widget .info .bottom .date {
        font-size: 10px;
        line-height: 134%;
    }
    .akr-chat-side-bar {
        height: 500px;
    }
    .card.chat-messages-widget {
        height: 500px;
    }
    .interested-set .btn-box {
        padding: 10px 20px;
        /* height: 48px; */
    }
    .interested-set .btn-box img {
        max-width: 24px;
    }
    .interested-set .btn-box span {
        font-size: 16px;
        line-height: 100%;
    }
    .cat-and-edit-area .btn-box img {
        max-width: 20px;
    }
    .c-a-e-area-buttos-group {
        gap: 8px;
    }
    .cat-and-edit-area .btn-box {
        min-width: 145px;
        height: 45px;
    }
    .cat-and-edit-area .btn-box span {
        font-size: 12px;
        line-height: 140%;
    }
    .cat-area,
    .edit-area a.btn.btn-edit-area {
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 10px;
    }

    .main-popup-modal .modal-heads .heads h4 {
        font-size: 30px;
        line-height: 100%;
    }
    .main-popup-modal .modal-heads .heads p {
        font-size: 16px;
        line-height: 110%;
    }
    .daily-motivation .box button {
        font-size: 20px;
    }
    .daily-motivation .box {
        padding: 15px 20px;
    }
    .mynotes-single .title-area {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .mynotes-single .title-area h3 {
        font-size: 22px;
        line-height: 134%;
        margin: 0 0 10px 0;
    }
    .card.mynotes-single .title-area span.date img {
        max-width: 25px;
    }
    .mynotes-single .title-area .date {
        font-size: 14px;
        line-height: 134%;
    }
    .mynotes-single .content p {
        font-size: 0.9rem;
    }
    .blog-single-section .blog-single .info h2 {
        font-size: 18px;
        line-height: 135%;
    }
    .blog-single-section .blog-single .info p {
        font-size: 14px;
        line-height: 160%;
    }
    .blog-single-section .blog-single .content {
        padding: 20px;
    }
    .blog-single-section .blog-single .content .info h4 {
        font-size: 18px;
        line-height: 135%;
    }
    .join-session-btn .btn {
        padding: 14px 100px;
    }
    .transaction-area .subscription .right h4 {
        font-size: 18px;
        line-height: 134%;
    }
    .transaction-area .subscription .icon {
        width: 60px;
        height: 60px;
    }
    .transaction-area .subscription .icon .icon-img {
        width: 35px;
        height: 35px;
    }
    .btn-blue-small {
        font-size: 14px;
        line-height: 140%;
        padding: 9px 18px;
    }
    .chat-messages-widget div.msg-box .ip-msg {
        font-size: 14px;
        padding: 14px 20px;
        padding-right: 25%;
    }
    .form-area .form-set .form-field {
        height: 50px;
    }
    .main-login-form .other-accounts ul.links li a {
        padding: 10px 30px;
    }
    .main-login-form .other-accounts ul.links li a img {
        max-width: 24px;
    }
    .main-login-form .box .heading h2 {
        font-size: 30px;
        line-height: 120%;
    }
    header.header-login .navbar a,
    header.header-login .navbar a:focus {
        padding: 8px 18px 8px 18px;
        font-size: 18px;
    }
    .header-login .btn-area a {
        font-size: 16px;
        line-height: 150%;
        padding: 8px 35px;
    }
    .chat-messages #chat-box {
        height: 370px;
    }
    .main-popup-modal .modal-heads button.btn-close {
        font-size: 24px;
    }
    .reviewrating-session .review-loops p {
        font-size: 12px;
        line-height: 156%;
    }
    .notofication-set .box .icon {
        width: 60px;
        height: 60px;
    }
    .reqrd-switch .switch {
        width: 70px;
        height: 30px;
    }
    .reqrd-switch .slider:before {
        height: 22px;
        width: 22px;
    }
    .related-videos .video-box {
        height: 170px;
    }
}

/********** max-width: 1399px and min-width: 1200px ***********/
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    #header .title h1 {
        font-size: 22px;
    }
    .header .search-bar {
        min-width: 250px;
        margin-right: 10px;
    }
    .what-you-today ul.menu li a {
        font-size: 12px;
    }
    .what-you-today ul.menu li {
        margin: 0 0px 0 0;
    }
    .card-title h5 {
        font-size: 16px;
    }
    .card-body {
        padding: 0 20px 20px 20px;
    }
    .sidebar {
        width: 240px;
        padding: 25px 0px 20px 0px;
    }
    .logo img {
        /* width: 195px; */
        max-height: 180px;
    }
    .sidebar-nav .nav-link {
        font-size: 16px;
    }
    #main,
    #footer {
        margin-left: 240px;
    }
    .mentor-section .left-area .profile .info h4 {
        font-size: 14px;
    }
    .mentor-section .left-area .profile,
    .mentor-section .left-area .video-area {
        margin-right: 10px;
    }
    .mentor-section .video-area,
    .mentor-section .time-area {
        font-size: 12px;
    }
    .mentor-section .left-area .profile .info {
        font-size: 10px;
    }
    .mentor-section .video-area img,
    .mentor-section .time-area img {
        margin-right: 5px;
    }
    .videos-section .left-area .profile .info h4 {
        font-size: 14px;
    }
    .header {
        padding-left: 40px;
        margin-left: 240px;
        padding-right: 40px;
        margin-top: 25px;
    }
    .related-videos .video-box .time-bot {
        padding: 15px 15px;
    }
    .related-videos .video-box .time-bot span {
        font-size: 13px;
    }
    .main-video-area .video a.play {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
    .video-discription .top-title h2 {
        font-size: 20px;
    }
}

/********** max-width: 1199px and min-width: 992px **********/
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    #header .title h1 {
        font-size: 22px;
    }
    .header .search-bar {
        min-width: 250px;
        margin-right: 10px;
    }
    .what-you-today ul.menu li a {
        padding: 10px 7px;
        font-size: 12px;
    }
    .what-you-today ul.menu li {
        margin: 0 0px 7px 0;
    }
    .card-title h5 {
        font-size: 16px;
    }
    .card-body {
        padding: 0 20px 20px 20px;
    }
    .sidebar {
        width: 240px;
        padding: 25px 0px 20px 0px;
    }
    .logo img {
        /* width: 195px; */
        max-height: 180px;
    }
    .sidebar-nav .nav-link {
        font-size: 16px;
    }

    .mentor-section .left-area .profile .info h4 {
        font-size: 14px;
    }
    .mentor-section .left-area .profile,
    .mentor-section .left-area .video-area {
        margin-right: 10px;
    }
    .mentor-section .video-area,
    .mentor-section .time-area {
        font-size: 12px;
    }
    .mentor-section .left-area .profile .info {
        font-size: 10px;
    }
    .mentor-section .video-area img,
    .mentor-section .time-area img {
        margin-right: 5px;
    }
    .videos-section .left-area .profile .info h4 {
        font-size: 14px;
    }
    .articles-widget .thumbnail {
        width: 60px;
        height: 60px;
    }
    .articles-widget .info {
        padding-left: 13px;
    }

    .right-sidebar {
        padding-left: 10px;
    }

    .header-serchbtn {
        display: block !important;
        padding: 13px 15px !important;
        margin-right: 10px;
    }
    #header nav.header-nav {
        margin-left: auto;
    }
    .header .search-bar-show {
        top: 90px;
        margin-right: 0;
    }
    .session-single-area .info-text h3 {
        font-size: 22px;
    }

    .related-videos .video-box .time-bot {
        padding: 15px 15px;
    }
    .related-videos .video-box .time-bot span {
        font-size: 13px;
    }
    .main-video-area .video a.play {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
    .video-discription .top-title h2 {
        font-size: 20px;
    }
}

/********** max-width: 1199px ***********/
@media (max-width: 1199px) {
    .menu-trogle {
        display: block !important;
    }
    .header {
        padding-left: 40px;
        margin-left: 0px;
        padding-right: 40px;
        margin-top: 25px;
    }
    .sidebar {
        padding: 25px 0px 20px 0px;
    }
    .card-body {
        padding: 0 18px 18px 18px;
    }
    button.close-nav-btn {
        display: block !important;
    }

    /* AMN-CSS */
    .header-login .logo {
        max-width: 150px;
    }
    header.header-login .navbar a,
    header.header-login .navbar a:focus {
        font-size: 16px;
        padding: 10px 15px 10px 15px;
    }
    .header-login .btn-area a {
        border-radius: 20px;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        padding: 10px 30px;
    }
}

/********** max-width: 991px and min-width: 768px **********/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    #header .title h1 {
        font-size: 22px;
    }
    .header {
        padding-left: 20px;
        margin-left: 0;
        padding-right: 20px;
        margin-top: 25px;
    }
    .header-serchbtn {
        display: block !important;
        padding: 13px 15px !important;
        margin-right: 10px;
    }
    #header nav.header-nav {
        margin-left: auto;
    }
    .header .search-bar-show {
        top: 90px;
        margin-right: 0;
    }
    .right-sidebar {
        padding-left: 12px;
    }
    .related-videos .video-box .time-bot {
        padding: 15px 15px;
    }
    .related-videos .video-box .time-bot span {
        font-size: 13px;
    }
    .main-video-area .video a.play {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
    .video-discription .top-title h2 {
        font-size: 20px;
    }
    .purchase-session {
        margin-bottom: 40px;
    }
}

/********** max-width: 991px **********/
@media (max-width: 991px) {
    .section.blog-single-section .col-lg-4 {
        margin-bottom: 20px;
    }
    .col-lg-4.right-sidebar {
        margin-top: 20px;
    }
}

/********** max-width: 767px **********/
@media (max-width: 767px) {
    .header {
        padding-left: 20px;
        margin-left: 0px;
        padding-right: 20px;
        margin-top: 10px;
        display: block !important;
        height: auto;
    }
    #header .title h1 {
        font-size: 22px;
    }
    /* .header-nav>ul {
        display: block !important;
        text-align: right;
    } */
    li.nav-item.telephone-nav .nav-link span {
        display: none;
    }
    nav.header-nav ul li.nav-item {
        display: inline-block;
        padding: 12px 5px !important;
        margin-right: 5px;
    }
    nav.header-nav ul li.chat-nav,
    nav.header-nav ul li.bell-nav {
        padding: 12px 5px !important;
        margin-right: 5px;
    }
    nav.header-nav ul li.user-drop-nav {
        padding: 5px !important;
        margin-right: 0px;
        top: 0px;
    }
    nav.header-nav ul .header-serchbtn {
        float: left;
        padding: 13px 15px !important;
        margin-right: 10px;
    }
    .header .search-bar {
        min-width: 100%;
        margin-right: 0;
    }
    .header .search-bar-show {
        top: 150px;
    }
    .what-you-today ul.menu li {
        margin: 0 3px 4px 0;
        border-radius: 7px;
    }
    .user-drop-nav {
        position: relative;
        top: -3px;
    }

    .mentor-section a,
    .mentor-section a .left-area {
        display: block !important;
    }
    .mentor-section .left-area .profile,
    .mentor-section .left-area .video-area {
        /* margin-right: 0; */
        /* margin-bottom: 10px; */
    }
    .mentor-section {
        padding: 10px;
    }
    .mentor-section .right-area {
        padding-right: 0;
        margin-top: 10px;
    }
    .videos-section .left-area .profile .info {
        padding-right: 5px;
    }
    .card-title h5 {
        font-size: 15px;
    }
    .card-title a.btn-view {
        font-size: 13px;
    }
    .right-sidebar {
        padding-left: 12px;
    }
    .articles-widget .info p {
        font-size: 12px;
        line-height: 158%;
    }
    .articles-widget .info h3 {
        font-size: 14px;
        line-height: 144%;
    }
    .sidebar {
        width: 240px;
        padding: 25px 0px 20px 0px;
    }
    .logo img {
        /* width: 190px; */
        max-height: 180px;
    }
    .sidebar-nav .nav-link {
        font-size: 15px;
        padding: 16px 24px;
    }
    .header-nav .notifications {
        inset: 20px -10px auto auto !important;
        width: 300px;
    }
    .btn-blue-small {
        font-size: 13px;
        padding: 10px 10px;
    }
    .main-popup-modal .modal-content {
        padding: 20px;
    }
    .main-popup-modal .modal-heads .heads h4 {
        font-size: 20px;
    }
    .main-popup-modal .modal-heads .heads p {
        font-size: 14px;
    }
    .mentor-section .left-area .video-area {
        width: auto;
    }
    .mobile-block {
        display: block !important;
    }
    .sessions-nav-area .nav-col {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }
    .sessions-nav-area .nav-col ul li {
        margin: 0 5px 0 0;
        font-size: 13px;
    }
    .sessions-nav-area .nav-col ul li a {
        padding: 11px 15px;
    }
    .session-single-area .info-text h3 {
        font-size: 17px;
    }
    .session-single-area .user-photo,
    .session-single-area .user-photo img {
        width: 60px;
    }
    .session-single-area .right img {
        width: 24px;
    }
    .session-single-area .video-area {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .single-content-area .info-box,
    .single-content-area .info-box p {
        font-size: 15px;
    }
    .join-session-btn .btn {
        padding: 12px 50px;
    }
    .join-session-btn {
        margin-bottom: 30px;
    }
    .session-single-area .card-body {
        padding-top: 20px;
    }
    .timer-section-area p#demo {
        font-size: 22px;
    }
    .session-video-section .video-button .btn-set {
        margin: 0;
        text-align: center;
    }
    .session-video-section .video-button .btn-set img {
        max-width: 70%;
    }

    .related-videos .video-box .time-bot {
        padding: 15px 15px;
    }
    .related-videos .video-box .time-bot span {
        font-size: 13px;
    }
    .main-video-area .video a.play {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
    .video-discription .top-title h2 {
        font-size: 20px;
    }
    .purchase-session {
        margin-bottom: 40px;
    }
    .purchase-session button {
        padding: 15px 60px;
    }
    .video-btns-area .btn {
        padding: 12px 16px;
        font-size: 13px;
    }
    a.btn.my-favorites img.icon,
    a.btn.my-favorites img.iconh,
    a.btn.my-watch-list img.icon,
    a.btn.my-watch-list img.iconh {
        width: 16px;
    }
    .video-btns-area .btn img {
        margin-right: 7px;
    }
    .video-btns-area .my-watch-list {
        margin-left: 10px;
    }

    /* AMN-CSS */
    .akr-container {
        flex-direction: column;
        gap: 20px;
    }
    header.header-login .navbar-mobile ul {
        z-index: 2;
    }
    .main-login-form .box {
        padding: 20px;
    }
    #main {
        padding: 10px;
    }
    .main-login-form .box .heading h2 {
        font-size: 24px;
    }
    .main-login-form .other-accounts ul.links li a {
        padding: 8px 28px;
    }
    .main-login-form .other-accounts ul.links li a img {
        max-width: 20px;
    }
    .form-area .form-set .form-field {
        padding: 0 25px 0 20px;
    }
    .main-login-form .keep-logged .left,
    .main-login-form .keep-logged a.forgot,
    .main-login-form .other-accounts .account,
    .main-login-form .other-accounts .account a {
        font-size: 16px;
        line-height: 100%;
    }
    section.my-subscription-section .area-center-area .row {
        gap: 20px;
        width: 100%;
        margin: auto;
    }

    .mynotes-widget .card-body {
        padding: 0 10px 20px 10px;
    }
    .mynotes-widget .widget-row {
        padding: 10px;
    }

    .my-profile-section .card {
        padding: 30px 20px;
    }
    .my-profile-section .profile-form .phone {
        background-position: 94% 48%;
    }

    /* payment&billing */
    .savecards-session .cards-box .cards {
        margin-bottom: 20px;
    }
}