@media (max-width: 1499px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (max-width: 1299px) {
    .container, .container-md, .container-sm {
        max-width: 1140px;
    }
    .action-nav-link {
        font-size: 16px;
    }
    .action-nav .action-nav-link.active {
        padding: 6px 15px;
    }
    .action-nav-link {
        font-size: 15px;
        padding: 8px 15px;
        margin-left: 8px;
    }
}
@media (max-width:1116px) {
    .switches-container {
        margin-left: 33px;
    }
}
@media (max-width:1089px) {
    .switches-container {
        width: 14rem;
    }
    .detail-price h1 {
        font-size: 30px;
    }
    .details-concepts {
        margin-left: 20px;
    }
}
@media (max-width:1034px) {
    .switches-container {
        margin-left: 20px;
    }
    .switches-container {
        width: 12rem;
    }
    .details-concepts h1 {
        font-size: 25px;
    }
    .detail-price h1 {
        font-size: 25px;
    }
    .update-content p {
        color: var(--inp-text-placeholder);
        font-size: 15px;
    }
    .switch {
        font-size: 18px;
    }
    .switches-container label {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 960px;
    }
    .toggle{
        width: 38px;
        height: 30px;
    }
    .main-header .navbar-light .navbar-toggler {
        width: 51px;
        height: 34px;
    }
    .detail-update .update i {
        font-size: 12px;
    }
    .details-header {
        margin-top: 25px;
    }
    .overview-value li h6 {
        font-size: 18px;
    }
    .overview-lg-space{
        padding-left: 20px;
    }
    .details-body h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    .details-body h6 {
        font-size: 16px;
    }
    .details-section {
        padding: 20px;
    }
    .details-section {
        padding: 12px;
    }
    .subsections {
        padding: 0 12px 20px 12px;
    }
    .chart-heading h1 {
        font-size: 22px;
    }
    .chart-nav {
        padding: 7px 0;
    }
    .chart-nav .chart-nav-link.active {
        padding: 5px 15px;
    }
    .chart-nav .chart-nav-link {
        padding: 5px 15px;
    }
    .subheading-header h1 {
        font-size: 22px;
    }
    .subheading-header {
        padding: 15px;
    }
    .overview-value {
        padding: 0 15px 0 15px;
    }
    .subheading-border-transparent{
        padding: 0 15px 0 0;
        border-right: none;
    }
    .overview-value li h5 {
        font-size: 17px;
    }
    .overview-value li h6 {
        font-size: 16px;
    }
    .overview-value {
        padding: 0 20px 0 20px;
        border-right: 1px dashed var(--section-border-color);
        border-top: transparent;
        margin-top: 0;
    }
    .action-card-body h5 {
        font-size: 18px;
    }
    .action-card-body p {
        font-size: 15px;
    }
    .subheding-card-content .new-title-size {
        font-size: 16px;
    }
    .subheding-card-content h1 {
        font-size: 22px;
    }
    .new-content {
        padding: 20px;
    }
    .subheding-card-content {
        margin-left: 20px;
    }

}
@media (max-width:923px) {
    .details-concepts {
        margin-left: 15px;
    }
    .details-concepts h1 {
        font-size: 22px;
    }
    .details-concepts p {
        font-size: 14px;
    }
    .company-logo {
        max-width: 50px;
        width: 100%;
        max-height: 50px;
        height: 100%;
        line-height: 50px;
    }
    .switch {
        font-size: 15px;
    }
    .switches-container label {
        font-size: 15px;
    }
    .switches-container {
        width: 10rem;
    }
    .detail-price h1 {
        font-size: 22px;
    }
    .update-content p {
        font-size: 14px;
        margin-top: 8px;
    }
}
@media (max-width:892px) {
    .action-nav-link {
        font-size: 14px;
        padding: 8px 13px;
        margin-left: 6px;
    }
}
@media (max-width:796px) {
    .details-header {
        padding: 15px;
    }
    .subheding-card-content .new-title-size {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .container, .container-md, .container-sm {
        max-width: 757px;
    }
    .detail-update {
        margin-top: 15px;
    }
    .company-logo{
        margin: auto;
        display: block;
        margin-bottom: 10px;
    }
    .detail-header-padding {
        text-align: center;
    }
    .switches-container{
        margin: auto;
        margin-top: 10px;
    }
    .switches-container{
        height: 40px;
        line-height: 40px;
    }
    .subheading-border-transparent{
        padding: 0 15px 0 15px;
    }
    .overview-md-value{
        border-right: 0;
    }
    .more-action .action-btn {
        font-size: 15px;
    }
    .action-card-body h5 {
        font-size: 16px;
    }
    .action-card-body p {
        font-size: 14px;
    }
    table thead th{
        padding: 10px 10px 10px 10px;
        font-size: 15px;
    }
    table tbody td {
        padding: 10px 10px 10px 10px;
        font-size: 14px;
    }
    table thead th:first-child {
        width: 40%;
    }
    .action-tab {
        padding: 12px;
    }
    .action-time {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .subheading-header h1 {
        font-size: 18px;
    }
    table::before {
        width: 4px;
    }
    .action-card::before {
        width: 4px;
    }
    .action-card-body {
        padding: 15px 20px;
    }
    .subheding-card-content h1 {
        font-size: 18px;
    }
    .more-details {
        padding: 10px 0;
    }
    .new-card {
        padding: 12px;
    }
    .subheading-card {
        padding: 12px;
    }
    .subheding-card-content{
        margin-top: 8px;
        margin-left: 0;
    }
}
@media (max-width:707px) {
    .chart-nav .chart-nav-link{
        margin-top: 8px;
    }
}

@media (max-width: 575px) {
    .container, .container-md, .container-sm {
        max-width: 540px;
    }
    .auth-content-logo img{
        max-width: 270px;
    }
    .auth-label {
        font-size: 17px;
    }
    .watchlist-section, .groupchat-section {
        padding: 20px 20px;
    }
    .watchlist-content {
        padding-top: 0;
    }
    .main-header{
        padding: 0;
    }
    .watchlist-section, .groupchat-section {
        padding: 20px 10px;
    }
    .watchlist-heading h1 {
        font-size: 25px;
    }
    .watchlist-body {
        padding: 20px;
    }
    .details-concepts {
        margin-left: 10px;
    }
    .switches-container {
        margin-left: 15px;
    }
    .details-concepts p {
        font-size: 13px;
    }
    .detail-update .update {
        color: var(--bg-light-theme);
        padding: 3px 7px;
        font-size: 13px;
    }
    .detail-price h1 {
        margin-left: 8px;
    }
    .switches-container {
        margin-left: 8px;
    }
    .switch {
        font-size: 14px;
    }
    .switches-container label {
        font-size: 14px;
    }
    .details-concepts p {
        font-size: 12px;
    }
    .switches-container{
        margin: auto;
        margin-top: 10px;
    }
    .details-body h2 {
        font-size: 20px;
    }
    .range{
        margin-bottom: 8px;
    }
    .details-body h6 {
        font-size: 14px;
    }
    .range-last-line {
        padding: 15px;
    }
    .details-body h2 {
        font-size: 18px;
    }
    .details-body{
        padding: 12px 15px;
    }
    .details-header {
        padding: 12px;
    }
    .chart-heading h1 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .details-body {
        padding: 12px 12px;
    }
    .chart-nav .chart-nav-link {
        padding: 5px 12px;
        font-size: 12px;
    }
    .advance-chart {
        padding: 12px;
    }
    .chart-nav {
        padding: 5px 0;
    }
    .chart-nav .chart-nav-item .chart-nav-sm-link{
        margin-left: 0;
    }
    .chart-nav .chart-nav-item:nth-child(7) .chart-nav-link{
        margin-left: 0;
    }
    .subheading-header h1 {
        font-size: 20px;
    }
    .overview-value li h5 {
        font-size: 15px;
    }
    .overview-value li h6 {
        font-size: 15px;
    }
    .overview-value li {
        padding: 12px 0;
    }
    .new-card-body .new-card-title{
        font-size: 14px;
    }
    .new-content {
        padding: 12px;
    }
    .subheding-card-content {
        margin-left: 0px;
    }
    .subheding-card-content h1 {
        font-size: 15px;
    }
}

@media (max-width: 576px){
    .w-sm-100 {
        width: 100% !important;
    }
}

@media (max-width:430px) {
    .emoji-picker {
       max-width: 335px;
        width: 100%;
    }
}

@media (max-width:400px) {
    .emoji-picker {
        max-width: 306px;
        width: 100%;
    }
    .details-concepts h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width:375px) {
    .emoji-picker {
        max-width: 280px;
        width: 100%;
    }
    .details-concepts h1 {
        font-size: 20px;
    }
}
@media (max-width:300px) {
    .emoji-picker {
        max-width: 200px;
        width: 100%;
    }
}

@media (max-width:320px) {
    .emoji-picker {
        max-width: 230px;
        width: 100%;
    }
    .action-nav-link {
        font-size: 12px;
        padding: 6px 10px;
        margin-left: 6px;
    }
    .subheding-card-content h1 {
        font-size: 16px;
    }
    .new-content {
        padding: 12px;
    }
}