@media only screen and (max-width: 1199px) {
    .nav_link{
        font-size: 15px;
    }
    .navbar .login_link{
        font-size: 15px;
        padding: 12px;
    }
    .navbar .btn_outline_light{
        font-size: 15px;
        padding: 12px;
    }
}
@media only screen and (max-width: 991px) {
    .navbar-brand{
        margin-right: 0 !important;
    }
    .top_body{
        width: 95%;
        transform: translate(-50%, -70%);
    }
    .top_body h1{
        font-size: 30px;
        line-height: 1.5;
        margin-bottom: 32px;
    }
    .nav_tabs{
        margin-bottom: 25px;
    }
    .advertisers_section{
        height: 50vh;
    }
    .advertisers_section img {
        height: 50vh;
    }
    .boost_ad{
        min-height: 50vh;
        padding: 10% 0;
    }
    .nav_tabs .nav_link_tabs:not(:last-child){
        margin-right: unset;
    }
    .advertisers_body{
        width: 95%;
        transform: translate(-50%, -30%);
    }
    .who_we{
        padding: 20px 0 90px;
    }
    .get_in_touch_heading h3{
        font-size: 30px;
    }
    .get_touch_button a{
        width: 100%;
    }
    .top_banner img{
        object-position: left;
    }
    .tab_card{
        padding: 32px 1.5rem 32px;
        background-color: var(--light);
    }
    .patners{
        padding: 50px 15px;
    }
    .top_body .btn_light, .top_body .btn_outline_light{
        display: block;
        margin: auto;
    }
    .about_body span{
        margin-top: 2rem;
        display: block;
    }
    .nav_tabs .nav_link_tabs{
        padding: 10px 30px;
    }
    .nav_link_tabs.active{
        border-color: var(--primary) !important;
    }
    .publishers.active {
        border-color: var(--darkBlue) !important;
    }
    .about_note{
        padding: 10% 30px 100px;
    }
    .about_body h2{
        font-size: 28px;
    }
    .tab_left_content p{
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 820px) {
    .top_section{
        height: 100vh;
    }
    .top_banner img{
        height: 100vh;
    }
    .top_body{
        width: 65%;
    }
    .about_note {
        padding: 2% 30px 40px;
    }
    .counter_section .row .col:not(:last-child) .counter::after{
        width: 80%;
        height: 1px;
        top: unset;
        left: 0;
        bottom: -10%;
    }
    .box_options{
        padding: 195px 0 60px;
    }
    .benefits_info_get{
        min-height: 43vh;
        padding: 0;
    }
    .advertiser_head{
        min-height: 70vh;
        padding-top: 20%;
    }
    .advertiser_img img{
        height: 300px;
        margin: auto;
        display: block;
        object-fit: contain;
    }
    .technology_content{
        min-height: 50vh;
    }
    .tech_content_info {
        padding-bottom: 30px;
    }
    .tech_box_small{
        margin-bottom: 90px;
        padding: 20px 0;
        justify-content: center;
        height: 242px;
    }
    .tech_box_small.right_arrow::after{
        right: 0;
        left: 0;
        bottom: -25%;
        transform: rotate(270deg);
    }
    .tech_box_small.right_arrow p{
        margin-top: 1rem;
    }
    .tech_box_big{
        width: 90%;
        margin: auto;
        height: 289px;
    }
    .tech_box_big img{
        height: 110px;
        object-fit: contain;
    }
    .tech_box_big h3{
        font-size: 1rem;
    }
    .tech_bottom img{
        width: 145px;
    }
    .tech_content{
        padding-bottom: 0;
    }
    .col-12.tech_box_icon{
        margin-top: 0;
    }
    .tech_box_small.left_arrow::after{
        right: 0;
        left: 0;
        bottom: -25%;
        transform: rotate(90deg);
    }
    .tech_box_small h2{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .tech_box_icon img{
        width: 25px;
        height: 25px;
        margin-bottom: 0;
    }
    .tech_box_icon p{
        font-size: 10px;
    }
    .tech_box_icon{
        margin-bottom: 12px;
    }
    .get_touch_input{
        margin-bottom: 1rem;
    }
    .get_touch_button{
        margin: auto;
        text-align: center;
    }
    .careers_content{
        min-height: 40vh;
    }
    .careers_accordion{
        padding: 10% 0;
    }
    .contact_map{
        margin: 20px 0 50px;
    }
    .contact_bg{
        min-height: 60vh;
    }
    .navbar-nav{
        padding: .5rem 25px;
    }
    .navbar-collapse{
        background-color: rgb(24 135 185 / 40%);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    .login_options {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .modal_heading {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    header .navbar{
        padding: 20px 0;
    }
    header .navbar .container{
        padding: 0;
    }
    .navbar-toggler, .my_account{
        padding-inline: 25px;
    }
    .top_body{
        width: 85%;
        /* top: 90px; */
    }
    .top_body .btn_light{
        margin-bottom: 1rem;
    }
    .logo img{
        width: 171px;
    }
    .tab_card h3{
        font-size: 18px;
    }
    .tab_icon{
        padding-inline: 55px;
    }
    .counter_section .row .col:not(:last-child) .counter::after{
        width: 80%;
        height: 1px;
        top: unset;
        left: 0;
        bottom: -30%;
    }
    .counter{
        margin: 25px 0;
        padding: 0;
    }
    .counter h3{
        font-size: 56px;
        font-weight: 400;
    }
    .counter p{
        font-size: 18px;
    }
    .advertisers_section{
        height: 100vh;
    }
    .advertisers_section img{
        height: 100vh;
    }
    .advertisers_body{
        padding: 0 7px;
        transform: translate(-50%, -35%);
    }
    .advertisers_body h3{
        font-size: 28px;
    }
    .advertisers_body p{
        margin-bottom: 32px;
    }
    .boost_content{
        position: relative;
        z-index: 123;
    }
    .boost_ad{
        min-height: 100vh;
        justify-content: space-around;
        align-items: flex-start;
        align-items: unset;
    }
    .boost_heading h3{
        font-size: 28px;
    }
    .rocket_img{
        margin-bottom: 20px;
    }
    .rocket_img img{
        height: 339px;
        object-fit: contain;
    }
    .rocket_img::before{
        height: 18px;
        bottom: 5%;
    }
    .rocket_img::after{
        height: 14px;
    }
    .boost_ad::after{
        bottom: 43%;
    }
    .boost_content p{
        margin-bottom: 32px;
    }
    .boost_content .btn_primary_blue{
        background-color: var(--light);
        color: var(--darkBlue);
    }
    .patners{
        padding: 20px 15px;
    }
    .who_heading h3{
        font-size: 28px;
        margin-bottom: 32px;
    }
    .get_touch_input{
        margin-bottom: 1rem;
    }
    .get_touch_button{
        margin: auto;
        text-align: center;
    }
    .footer{
        padding: 145px 20px 60px;
    }
    .footer_bottom{
        padding: 10px 5px;
    }
    .footer_logo img{
        height: 20px;
    }
    .copyright p{
        font-size: 10px;
    }
    .dropdown-menu{
        margin-right: 25px;
        margin-top: .5rem !important;
    }
    .navbar-nav{
        padding: .5rem 25px;
    }
    .navbar-collapse{
        background-color: rgb(24 135 185 / 40%);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    .advertiser_info{
        padding: 20px 30px;
    }
    .advertiser_info h1{
        font-size: 30px;
        text-transform: uppercase;
    }
    .advertiser_info p{
        color: #CDD5D7;
    }
    .box_options{
        padding: 85px 0 85px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .benefits_info_get{
        padding: 100px 35px 0;
    }
    .counter_section_bg{
        background-image: unset;
    }
    .counter_section_bg .counter{
        color: var(--light);
    }
    .counter_section .row .col:not(:last-child) .counter::after{
        background-color: #D9D9D9;
    }
    .advertisers_bg{
        margin-bottom: -7px;
    }
    .start_adv_footer{
        padding: 74px 20px 60px;
    }
    .start_adv_heading h3{
        font-size: 30px;
    }
    .start_adv_options{
        padding: 0 75px;
    }
    .monetization_section{
        margin-top: 50px;
        padding: 60px 25px 85px;
    }
    .monetization_heading h3{
        font-size: 30px;
    }
    .monetization_box h3{
        font-size: 12px;
    }
    .monetization_box{
        padding: 30px 20px 20px;
    }
    .ad_formats {
        padding: 40px 25px 80px;
    }
    .ad_formats_heading h3{
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 62px;
    }
    .ad_format_img img{
        height: 96px;
        object-fit: contain;
        margin: 0 auto 28px;
    }
    .ad_format_heading h3{
        font-size: 1rem;
    }
    .ad_format_box p{
        font-size: 13px;
    }
    .technology_content h1{
        text-align: left;
        text-transform: uppercase;
    }
    .technology_content p{
        text-align: left;
        color: #CDD5D7;
    }
    .tech_content_info{
        padding-inline: 25px;
        padding-bottom: 30px;
    }
    .tech_graphics{
        padding-inline: 10px;
    }
    .technology_content{
        min-height: 45vh;
        padding: 25% 25px 0;
    }
    .careers_accordion{
        padding: 35% 25px 30px;
    }
    .careers_content h1{
        font-size: 30px;
        text-align: left;
        text-transform: uppercase;
    }
    .careers_content p{
        font-size: 1rem;
        text-align: left;
    }
    .careers_content{
        padding: 15% 25px 0px;
        min-height: 55vh;
    }
    .accordion-button{
        padding: 20px;
        font-size: 12px;
        align-items: start;
    }
    .accordion-button span{
        font-size: 10px;
    }
    .accordion-button::after{
        background-size: 1rem;
        background-position: right;
    }
    .accordion-body{
        padding: 0 20px 30px;
        font-size: 10px;
    }
    .accordion-item{
        margin-bottom: 12px;
    }
    .accordion-item{
        border-radius: 8px !important;
    }
    .tech_box_small{
        margin-bottom: 90px;
        padding: 20px 0;
        justify-content: center;
        height: 242px;
    }
    .tech_box_small.right_arrow::after{
        right: 0;
        left: 0;
        bottom: -25%;
        transform: rotate(270deg);
    }
    .tech_box_small.right_arrow p{
        margin-top: 1rem;
    }
    .tech_box_big{
        width: 90%;
        margin: auto;
        height: 289px;
    }
    .tech_box_big img{
        height: 110px;
        object-fit: contain;
    }
    .tech_box_big h3{
        font-size: 1rem;
    }
    .tech_bottom img{
        width: 145px;
    }
    .tech_content{
        padding-bottom: 0;
    }
    .col-12.tech_box_icon{
        margin-top: 0;
    }
    .tech_box_small.left_arrow::after{
        right: 0;
        left: 0;
        bottom: -25%;
        transform: rotate(90deg);
    }
    .tech_box_small h2{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .tech_box_icon img{
        width: 25px;
        height: 25px;
        margin-bottom: 0;
    }
    .tech_box_icon p{
        font-size: 10px;
    }
    .tech_box_icon{
        margin-bottom: 12px;
    }
    .news_heading{
        margin-bottom: 60px;
    }
    .news_heading h1{
        font-size: 30px;
    }
    .news_heading p{
        font-size: 20px;
    }
    .news_content{
        padding-inline: 25px;
        padding-bottom: 120px;
    }
    .news_img img{
        width: 100%;
        height: 168px;
        object-fit: cover;
    }
    .news_body{
        padding: 36px 0 36px;
    }
    .contact_bg{
        min-height: 50vh;
        padding-top: 200px;
        padding-inline: 25px;
    }
    .contact_form{
        padding-inline: 25px;
    }
    .contact_heading h1{
        font-size: 30px;
        text-transform: uppercase;
    }
    .contact_heading h2{
        font-size: 1rem;
    }
    .contact_heading h3{
        font-size: 1rem;
    }
    .form_card{
        bottom: 20px;
        padding: 40px 26px;
    }
    .form_card h3{
        margin-bottom: 40px;
        font-size: 1rem;
    }
    .form_card label{
        font-size: 10px;
    }
    .form-group{
        margin-bottom: 0;
    }
    .form_card{
        margin-bottom: 53px;
    }
    .contact_info h3{
        font-size: 1rem;
        margin-bottom: 24px;
    }
    .contact_list li a{
        font-size: 16px;
    }
    .contact_map{
        margin: 43px 0;
    }
    .contact_map h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact_map iframe{
        height: 218px;
    }
    .login_options{
        padding-inline: 25px;
    }
    .modal_heading{
        margin-bottom: 40px;
    }
    .login_option{
        margin-bottom: 20px;
    }
    .login_option img{
        margin-bottom: 1rem;
    }
    .accordion-flush .accordion-collapse{
        width: 89%;
        margin: -2px auto;
    }
    .top_section::after{
        background-size: 85%;
    }
    .help_heading h1 {
        font-size: 22px;
    }
    .help_bg{
        min-height: 45vh;
        padding: 20% 0 0;
    }
    .help_body{
        padding-top: 1rem;
    }
}