@media only screen and (min-width : 1400px) {}

@media only screen and (max-width: 1400px) and (min-width : 1200px) {

    /* === Blog === */
    .light {
        top: -185px;
        left: -65px;
    }
    .readbtn{
        padding: 10px 18px ;
    }
}

@media only screen and (max-width: 1200px) and (min-width : 992px) {

    /* === Blog === */
    .light {
        top: -168px;
        left: -52px;
    }

}

@media only screen and (max-width: 992px) and (min-width : 768px) {

    /* === Blog === */
    .blogRow {
        display: flex;
        flex-direction: column;

    }

    .blogRowFst {
        width: 100%;
    }

    .left {
        width: 100%;
        border-left: none;
    }

    .blogRowFst {
        text-align: center;
    }

    .light {
        display: none;

    }

    .explore {
        margin-top: 20px;
        justify-content: center;
        align-items: center;
    }

    .explore img {
        width: 30%;
    }

       /* tab */
    .tabRowScroll {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .tabRowScroll .col-md-4 {
        flex: 0 0 auto;
        min-width: 400px;
        /* or whatever fits your tab card */
        max-width: 80%;
        margin-right: 10px;
        /* spacing between cards */
    }

    .tabRowScroll::-webkit-scrollbar {
        display: none;
    }

    .tabRowScroll {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
  
    .tabGreen {

        justify-content: center;

    }
 


    .future_cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .blogCol{
        align-items: center;
        border: none;
    }
    .future{
        text-align: center;
        font-size: 29px;
    }
        .futureSub{
       text-align: center;
        margin-top: 10px;
    }
      .future_sec{
        border: none;
    }
 .readbtn{
  padding: 10px 20px !important;
 }

}

@media only screen and (max-width: 768px) {

    /* === Blog === */
    .blogRow {
        display: flex;
        flex-direction: column;

    }

    .blogRowFst {
        width: 100%;
    }

    .left {
        width: 100%;
        border-left: none;
    }

    .blogRowFst {
        text-align: center;
    }

    .light {
        display: none;

    }

    .explore {
        margin-top: 20px;
        justify-content: center;
        align-items: center;
    }

    .explore img {
        width: 30%;
    }

    /* tab */
    .tabRowScroll {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .tabRowScroll .col-md-4 {
        flex: 0 0 auto;
        min-width: 280px;
        /* or whatever fits your tab card */
        max-width: 80%;
        margin-right: 10px;
        /* spacing between cards */
    }

    .tabRowScroll::-webkit-scrollbar {
        display: none;
    }

    .tabRowScroll {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
        .tabGreen {

        justify-content: center;

    }
    .extraDiv h6{
        font-size: 15px;
    }
    .blog_sec h5, h6{
        text-align: center;
    }
    .readbtn {
        padding: 10px 16px !important;
    }
    .readbtn h6 , i{
        font-size: 15px;
    }
    .tabtitles{
        flex-direction: column;
    }
    .tab-contents h3{
        font-size: 26px !important;
        line-height: 36px !important;
    }
    .tabSubcontent{
        text-align: center;
    }

  
    .future_cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .blogCol{
        align-items: center;
        border: none;
    }
    .future{
        text-align: center;
        font-size: 29px;
    }
    .futureSub{
        width: 100%;
        margin-top: 10px;
    }
    .future_cards{
        align-items: center;
    }
    .future_sec{
        border: none;
    }
    .tabRowTow .content1{
        text-align: left !important;
    }
     canvas{
  visibility: hidden !important;
  display: none !important;
  }
   .tab::after {
  
    left: 0;
    bottom: -15px;
    height: 6px;
}

}

@media only screen and (max-width : 576px) {

    /* === Blog === */
    .blogRow {
        display: flex;
        flex-direction: column;

    }

    .blogHero_sec .blogTag {
        font-size: 22px;
    }

    .blogRowFst {
        width: 100%;
    }

    .left {
        width: 100%;
        border-left: none;
    }

    .blogRowFst {
        text-align: center;
    }

    .blogRowFst .heading {
        font-size: 30px;
        line-height: 40px;
    }

    .row_sec {
        border-top: none;
    }

    .article {
        border-left: none;
    }

    .light {
        display: none;

    }

    .explore {
        margin-top: 20px;
        justify-content: center;
        align-items: center;
    }

    .explore img {
        width: 60%;
    }

    .blogHero_sec .content {
        font-size: 15px;
        line-height: 20px;
    }
     .tabSubcontent h4{
        font-size: 19px;
    }
     .tabRowTow .content1{
        text-align: center !important;
    }
       canvas{
  visibility: hidden !important;
  display: none !important;
  }
  .tab::after {
  
    left: 0;
    bottom: -15px;
    height: 6px;
}
}