@media only screen and (max-width: 1280px) {
    /* --- General Styles --- */
    .section-title {
        font-size: 38pt !important;
    }

    p {
        font-size: 12pt !important;
    }

    /* --- Navbar and Header --- */
    .header {
        height: 100%;
    }

    .header-top {
        padding-top: 200px;
    }

    img.header-img {
        max-width: 380px;
    }

    .header-top h1 {
        font-size: 50pt;
    }

    .header-top h2 {
        font-size: 44pt;
    }

    .header-top h3 {
        font-size: 14pt;
    }

    .main-btn {
        font-size: 14pt;
        max-width: 200px;
    }
    /* --- Clients --- */
    .clients h2 {
        font-size: 16pt;
    }

    .clients h3 {
        font-size: 20pt;
    }

    .clients h4 {
        font-size: 14pt;
    }

    .clients2 h1 {
        font-size: 18pt;
    }
    /* --- Contact Section --- */
    .connect h1 {
        font-size: 24pt;
    }
}

@media only screen and (max-width: 991px) {
    /* header */
    .header-top {
        padding-top: 160px;
    }

    img.header-img {
        max-width: 310px;
        transform: translateY(-190px);
    }

    .header-top h1 {
        font-size: 40pt;
    }

    .header-top h2 {
        font-size: 36pt;
    }

    .header-top h3 {
        font-size: 12pt;
    }
    /* Data */
    .data {
        text-align: center;
        margin-bottom: 80px;
    }
    /* Clients */
    .services {
        margin-bottom: 80px;
    }

    .clients h3 img {
        display: none;
    }

    #advertisers {
        margin: 0;
    }

    #publishers {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .icon {
        height: 140px;
        margin-bottom: 5px;
    }

        .icon img {
            max-width: 80px;
        }

    .clients h2 {
        margin-bottom: 40px;
    }

    .clients img {
        max-width: 330px;
        display: block;
        margin: auto;
        padding: 0 0 30px 0;
    }

    .clients-col-right, .clients-col-left {
        text-align: center;
    }

    img.desktop-img {
        display: none;
    }

    img.mobile-img {
        display: block;
    }
    /* company and tech */
    .company h1 {
        margin-left: 0;
    }

    .company p, .tech p {
        padding: 0;
    }
    /* Contact Section */
    .connect img {
        max-width: 400px;
    }

    .connect {
        text-align: center;
        margin-bottom: 100px;
    }

    .social li {
        padding: 0 40px 0 4px;
    }
}

@media only screen and (max-width: 845px) {
    .section-title {
        font-size: 34pt !important;
    }

    p {
        font-size: 11pt !important;
    }

    #publishers {
        margin-top: 0;
        padding-top: 0;
    }

    .container, .container-sm {
        max-width: 700px;
    }

        .container .header-img {
            display: none;
        }

    .header-top, .header-bottom .text {
        text-align: center;
        width: 100%;
    }

    .clients2 {
        padding: 30px 16px;
    }

        .clients2 .col {
            margin-bottom: 20px;
        }

    .header-top {
        padding-top: 0;
        height: 50%;
    }
}


@media only screen and (max-width: 576px) {
    html {
        scroll-padding-top: 80px;
    }

    #advertisers {
        padding-top: 10px;
    }

    .section-title {
        font-size: 20pt !important;
    }

    p {
        font-size: 10pt !important;
    }

    .data, .services, .clients, .tech, .company, .connect {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 40px;
        margin-bottom: 0;
    }

    header {
        height: 100vh;
    }

    .header-top {
        padding-top: 0;
        height: 50%;
    }

        .header-top h1 {
            font-size: 26pt;
        }

        .header-top h2 {
            font-size: 24pt;
        }

    .header-bottom {
        height: 60%;
    }
    /* Data */
    .data .right-col h1 {
        margin: 10px auto 30px auto;
    }

    .services h1, .clients h1 {
        margin-bottom: 30px;
    }
    /* Our Services */
    .services .text p {
        text-align: left;
    }

    .icon {
        height: 120px;
        margin-bottom: 15px;
    }

        .icon img {
            max-width: 60px;
        }
    /* Clients */
    #publishers {
        margin-top: 5px;
        padding-top: 0;
    }

    .clients2 {
        margin: 50px 0 0 0;
    }

    .clients p, .clients h4 {
        text-align: left;
    }

    .clients h2, .clients h4 {
        font-size: 12pt;
    }

    .clients h3 {
        font-size: 16pt;
        letter-spacing: 0;
        margin-bottom: 20px;
    }

    .clients2 h1 {
        font-size: 14pt;
    }

    .clients img {
        max-width: 250px;
    }
    /* Company and Tech */
    .tech, .company {
        text-align: center;
    }

        .tech p, .company p {
            text-align: left;
        }
    /* contact section */
    .connect {
        padding: 0 14px 50px 14px;
    }

        .connect h1 {
            font-size: 16pt;
        }

        .connect h1, .connect p {
            text-align: left;
        }
}

@media only screen and (max-width: 300px) {
    .header-top h1 {
        font-size: 22pt;
    }

    .header-top h2 {
        font-size: 20pt;
    }

    .header-top h3 {
        font-size: 10pt;
    }

    p {
        font-size: 10pt !important;
    }

    .main-btn {
        font-size: 10pt;
        padding: 4px;
        max-width: 160px;
    }
}

@media only screen and (max-height: 500px) {
    header {
        height: 100%;
    }

    .header-top {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .company img, .tech img {
        display: none;
    }
}