@media (max-width: 1199px) {

    .video-channel .video-search input,
    .video-channel.sub-heading,
    .video-channel .allblogs-header,
    .video-channel .blogbanner img.video-banner {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .video-page-section-1 {
        margin-top: -9rem;
    }

    .video-page-section-1 .video-header {
        left: 10%;
    }

    .video-channel .video-search input,
    .video-channel.sub-heading,
    .video-channel .allblogs-header,
    .video-channel .blogbanner img.video-banner {
        width: 90%;
    }

    .video-channel .sub-heading {
        margin-bottom: 1rem;
    }

    .main-calculator .leftside {
        height: 480px;
        margin-bottom: 2rem;
    }

    .main-calculator .calculator-body {
        padding: 2rem 4rem;
    }

    .main-calculator .rightside {
        padding-left: 0;
    }

    .blogs-cards-row-common,
    .experts-shorts .video-page-short-video-cards {
        justify-content: start;
    }
}

@media (max-width: 768px) {
    .video-page-section-1 {
        margin-top: -8rem;
    }
    .video-page-section1-heading h1 {
        font-size: 34px;
    }

    .video-page-section-1 .video-header {
        /* width: 80%;
        left: 10%;
        transform: translate(0, -12rem); */
        position: relative;
        transform: initial;
        width: 85%;
        left: 5%;
        margin-top: 2rem;
    }

    .video-page-section1-heading h1,
    .video-page-hash-tag {
        color: #1B1B1B;
    }

    .video-page-section1-description {
        color: #717171;
    }

    .video-page-bar {
        background: #000;
    }

    .video-page-channel-section-cards {
        margin-left: 3rem;
        margin-top: 4rem;
    }

    .video-page-channel-section-cards-row-card {
        width: 310px;
        height: 220px;
        padding: 1.5rem;
    }

    .video-page-latest-video-cards,
    .video-page-short-video-cards {
        gap: 16px;
    }

    .video-page-short-video-card {
        height: 250px;
    }

    .video-page-short-video-card button {
        top: 50%;
        left: 50%;
        transform: translate(-70%, -50%);
    }

    .video-page-short-video-cards-1 img.video-page-play-button,
    .video-page-latest-video-cards-2 img.video-page-play-button,
    .video-page-latest-video-cards-1 img.video-page-play-button,
    .video-page-channel-section-cards img.video-page-play-button {
        height: 36px;
        width: 36px;
    }

    .video-page-short-video-card h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .google_map {
        width: 90%;
    }

    .google_map .mapouter,
    .google_map .gmap_canvas,
    .google_map .gmap_iframe {
        height: 508px !important;
    }

    .main-calculator .rightside .two-charts {
        flex-direction: column;
        align-items: center;
    }

    .main-calculator .rightside .chart-container {
        width: 80%;
        margin: auto;
    }

    .main-calculator .rightside .chart-containers {
        width: 100%;
    }

    .main-calculator .rightside .legend {
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .main-calculator .rightside .download-btn {
        font-size: 14px;
        padding: 15px;
    }

    .main-calculator .rightside .download-btn img,
    .download-book .book-details .book-dn-btn a img {
        width: 25px;
    }

    .calcbanner .blogbanner img {
        margin-top: 0rem;
    }

    .why-calculator .calc-second-heading,
    .why-calculator .calc-second-subheading {
        margin-left: 0;
    }

    .blogs-card-1 img,
    .blogs-card-5 img {
        width: 323px;
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .main-calculator .rightside .chart-container {
        width: 90%;
    }
}

@media (max-width: 489px) {
    .video-page-section-1 .video-header {
        width: 95%;
        left: 0;
    }

    .video-page-hash-tag,
    .video-page-section1-description {
        margin-left: 54px;
    }

    .video-page-section1-heading {
        gap: 16px;
    }

    .main-calculator .rightside .chart-container {
        width: 100%;
    }

    .main-calculator .calculator-body {
        padding: 2rem;
    }

    .main-calculator {
        margin: 1rem;
        width: 90%;
    }

}

@media (min-width: 426px) {
    .nav-mob {
        display: none;
    }
}

@media (max-width: 426px) {
    .nav-desk {
        display: none;
    }

    .video-page-channel-section-cards {
        margin-left: 0rem;
        margin-top: 0;
    }

    .video-page-channel-section-cards-row-card {
        width: 242px;
        height: 248px;
        padding: 1rem;
        align-content: center;
    }

    .video-page-channel-section-cards-row-card h2 {
        font-size: 38px;
        line-height: 40px;
    }

    .video-page-channel-section-cards-row-card h4 {
        font-size: 12px;
        text-align: start;
    }

    .video-page-channel-section-cards-row-card p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .video-header-2 {
        width: 100%;
    }

    .video-header-2 .video-search form {
        position: relative;
    }

    .video-header-2 .blog-data {
        flex-direction: column-reverse;
    }

    .video-header-2 .video-search {
        margin-bottom: 1rem;
    }

    .video-header-2 .video-search input {
        width: 100%;
    }

    .video-page-channel-section {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .video-page-short-video-cards {
        margin: 2rem 0 2rem 2rem;
    }

    /* .video-page-section-1 .video-header, */
    .video-page-short-video-cards-1 img.arrow-white,
    .video-page-latest-video-cards-1 img.arrow-white {
        display: none;
    }

    .video-page-latest-video-cards-1 {
        margin-bottom: 16px;
    }

    .video-page-section1-play-button,
    .video-page-short-video-card button {
        transform: translate(-50%, -50%);
    }

    .video-page-section1-play-button {
        margin-top: 0;
    }

    .video-page-latest-video-cards {
        margin-right: 0;
    }

    .video-page-short-video-cards {
        margin-top: 1rem;
    }

    .video-header-2 {
        margin-top: 1.5rem;
    }

    .video-page-main-video {

        height: 473px;
    }

    .video-page-section-1 {
        margin-top: 0;
    }

    .video-page-short-video-cards-1 img,
    .video-page-latest-video-cards-2 img,
    .video-page-latest-video-cards-1 img,
    .video-page-channel-section-cards img {
        height: 36px;
        width: 36px;
    }

    .video-page-short-video-card h3 {
        margin-bottom: 0;
        bottom: 10px;
    }

    .video-channel .video-search form {
        margin-bottom: 1.5rem;
    }

    .main-calculator .calculator-body {
        padding: 1rem;
    }

    .main-calculator .rightside {
        padding-left: 0;
        padding-right: 0;
    }

    .why-calculator .section-header {
        width: 100%;
    }

    .calculator-modal button.submit,
    .calculator-modal input {
        width: 100%;
    }

    .calculator-modal .modal-content {
        padding: 1rem;
        width: 90%;
    }

    .calculator-modal .modal-title {
        font-size: 18px;
    }

    .main-calculator .rightside .chart-container h3,
    .main-calculator .rightside .chart-container p,
    .main-calculator .rightside .download-btn,
    .main-calculator .accordion-button,
    .main-calculator .leftside input,
    .main-calculator .leftside input::placeholder,
    .main-calculator .leftside label,
    .calculator-modal button.submit,
    .calculator-modal input::placeholder,
    .calculator-modal label {
        font-size: 14px;
        line-height: 18px;
    }

    .main-calculator .rightside .download-btn {

        font-size: 12px;
    }

    .main-calculator .rightside .download-btn img,
    .download-book .book-details .book-dn-btn a img {
        margin-left: 0.5rem;
    }

    .main-calculator .accordion-body {
        padding: 0.5rem 0;
    }

    .main-calculator .accordion-button:not(.collapsed),
    .main-calculator .accordion-button,
    .main-calculator .accordion-button:focus {
        padding-right: 0;
    }

    .calculator-modal .modal-body {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .main-calculator .rightside .chart-container {
        padding: 1rem;
    }

    .main-calculator .rightside .legend {
        gap: 14px;
    }

    .tooltip {
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    .main-calculator .leftside input {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 321px) {

    .video-page-section-1 .video-header {
        width: 100%;
        margin-top: 1rem;
    }

    .video-page-section1-heading {
        gap: 10px;
    }

    .video-page-section1-heading p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 0.5rem;
    }

    .video-page-channel-section-cards-row-card {
        height: 200px;
    }

    .video-page-channel-section-cards-row-card p {
        margin-bottom: 10px;
    }

    .video-header-2 .blog-data {
        margin-bottom: 0;
    }

    .video-header-2 {
        margin-top: 1rem;
    }

    .video-channel .video-search form,
    .video-page-latest-video-cards-2,
    .video-page-short-video-cards {
        margin-bottom: 1rem;
    }

    .video-page-main-video {
        height: 400px;
    }

    .video-page-hash-tag,
    .video-page-section1-description {
        font-size: 13px;
        line-height: 17px;
        margin-left: 48px;
    }

    .video-page-channel-section-cards-row-card p,
    .video-header-2 .blog-data p {
        font-size: 13px;
        line-height: 17px;
    }

    .video-channel .video-search input,
    .video-channel.sub-heading,
    .video-channel .allblogs-header,
    .video-channel .blogbanner img.video-banner {
        width: 96%;
    }

    .google_map {
        margin: 1rem auto;
    }

    .calculator-modal .modal-body {
        padding-left: 0;
        padding-right: 0;
    }

    .calculator-modal .modal-content {
        width: 95%;
    }

    .main-calculator .leftside {
        padding-left: 0;
        padding-right: 0;
    }
}