@media (min-width: 768px) {
    .col-60 {
        width: 60%;
        padding: 0 20px;
    }

    .col-40 {
        padding: 0 20px;
        width: 40%;
    }

    .intro-block .col-two-outer:nth-child(odd) .col-two:first-child {
        text-align: left;
    }

    .intro-block .col-two-outer:nth-child(odd) .col-two:last-child {
        text-align: right;
    }

    .intro-block .col-two-outer.row-intro .col-two:last-child {
        padding: 0 20px;
        text-align: left;
    }

    .page-template-new-homepage .intro-block .col-two-outer.row-intro .col-two:last-child {
        padding-left: 0;
    }

    .intro-block .col-two-outer:first-of-type .col-two:first-of-type {
        width: 50%;
    }

    .intro-block .col-two-outer:nth-child(3) .col-two:first-of-type {
        width: 50%;
        /* padding: 0 20px; */
    }

    .intro-block .col-two-outer:nth-child(3) .col-two>img {
        float: right;
    }

    .intro-block .col-two-outer.col-second .col-two {
        text-align: left;
    }

    .intro-block.updated .col-two .intro-content .external-link ul li a {
        font-size: 15px;
    }

    .intro-block .col-two-outer .col-two {
        width: 50% !important;
        padding: 0 20px;
    }

    .intro-block .col-two-outer .col-two:first-child {
        text-align: left;
    }

    .intro-block .col-two-outer:nth-of-type(2n) .col-two:last-child {
        text-align: left;
    }
    .intro-block .col-two-outer .col-two .col-img{
        padding: 0 40px;
    }
    .intro-block .col-two-outer .col-two img {
        max-width: 380px;
    }

    .page-template-new-homepage-php .intro-block .col-two-outer .col-two img {
        max-width: 550px;
    }

    .intro-block .col-two-outer .col-40 img {
        max-width: 350px;
    }

    .intro-block .col-two-outer:nth-child(odd) .container,
    .intro-block .container {
        flex-direction: row;
    }

    .intro-content {
        text-align: left;
    }

    .intro-block .col-two-outer {
        overflow: auto;
    }

    .intro-block .col-two-outer h4 {
        font-size: 22px;
        margin-top: 0px;
    }

    .intro-block .col-two-outer h4:after {
        margin: 22px 0 -4px;
    }

    .intro-block.community .col-two-outer h4:after {
        margin: 24px 0 20px;
    }

    .intro-block .col-two p {
        margin: 0;
        text-align: left;
    }

    .list-block span {
        font-size: 16px;
    }

    .col-two-outer .intro-content ul.listing-intro-block li {
        font-size: 16px;
        margin-bottom: 20px;
    }

    /* .topics-block .col-four-outer .col-four.couchbase-connector-box {
        width: 15%;
    } */

    .intro-block.fixed-image-block .col-two-outer .col-two img {
        max-width: 300px;
        min-width: 250px;
        max-height: 250px;
        width: auto;
    }

    .intro-block .col-two-outer:nth-of-type(2n) .container {
        flex-direction: row-reverse;
    }

    .intro-block.updated .col-two:nth-child(1) {
        padding-right: 40px;
    }

    .intro-block.updated .intro-content.space {
        margin-bottom: 0;
    }

    .intro-block.updated .col-two .intro-content .see-more-btn {
        width: auto;
    }

    .intro-block.updated .col-two .intro-content .external-link ul li a {
        font-size: 15px;
    }

    .intro-block .col-two .intro-content .external-link ul li a {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .intro-block .col-two-outer .col-two {
        padding: 0;
    }

    .intro-block .col-two-outer .col-40 img {
        max-width: 450px;
    }

    .intro-block .col-two-outer h4 {
        font-size: 24px;
    }

    .intro-block .col-two a {
        font-size: 18px;
    }

    .intro-block .col-two a.hyperlink-effect:before {
        height: 1px;
    }

    .inner-container.alternative>.container>h2 {
        padding: 0 55px;
    }

    .intro-block .col-two a.hyperlink-effect:hover {
        text-decoration: none;
    }

    .intro-block.fixed-image-block .col-two-outer .col-two img {
        max-width: 350px;
        min-width: 300px;
        max-height: 300px;
        width: auto;
    }
}


@media (min-width: 1024px) {
    .intro-block .col-two-outer h4 {
        font-size: 28px;
    }
}

@media all and (min-width: 1280px) {
    .inner-container.alternative>.container>h2 {
        padding: 0 125px;
    }
}
@media screen and (max-width: 1225px) and (min-width: 1100px) {
    .intro-block .col-two .intro-content a {
      font-size: 15px;
    }
  }