.iv-hydration-therapy-clinic-websites .faq_area {
    float: left;
    width: 100%
}

.winnipeg-web-design-company .cand_test_area_new.gray {
    background: #fff
}

.saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt ul {
    padding-left: 26px
}

@media screen and (max-width:1400px) {
    .main_header .container-fluid {
        padding: 0 16px
    }
}

@media screen and (max-width:1302px) {
    .main_header .container-fluid {
        padding: 0 16px
    }

    .menu_list ul {
        gap: 0
    }

    .main_header .phon_area a {
        font-size: 14px !important;
        letter-spacing: 1px;
        padding: 13px 25px
    }

    .menu_list ul li {
        display: inline-block;
        padding: 12px 6px
    }

    .prorfolio .item img {
        height: 100%;
        object-fit: cover;
        object-position: top
    }
}

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

    .abt_sas_text h2,
    .heading {
        line-height: 50px
    }

    .menu_list ul li ul.sub-menu {
        background: #fff;
        padding: 30px 20px !important;
        width: 348px !important
    }

    .menu_list ul li:last-child ul.sub-menu {
        width: 232px !important
    }

    .menu_list ul li a {
        font-size: 14px
    }

    .main_banner_home {
        padding: 0
    }

    .menu_list ul li {
        padding: 12px 5px
    }

    .main_banner h2 {
        font-size: 42px;
        letter-spacing: 0
    }

    .main_banner h1,
    .main_banner h3 {
        font-size: 19px;
        letter-spacing: 4px
    }

    .services_area .package_1 h3 {
        min-height: 86px
    }

    .services_area .package_1 p {
        min-height: 217px !important
    }

    .services_area .row .col-md-4:first-child .package_1 p,
    .services_area .row .col-md-4:nth-child(2) .package_1 p,
    .services_area .row .col-md-4:nth-child(3) .package_1 p {
        min-height: 147px !important
    }

    .our_process .line {
        width: 466px
    }

    body .dental_banner h1 {
        font-size: 42px;
        line-height: 56px
    }

    .start_your_banner .btn_wrap .btn_new {
        font-size: 14px;
        padding: 15px 17px;
        letter-spacing: 0
    }

    .heading {
        font-size: 42px
    }

    .list_sas .list_area {
        min-height: 232px
    }

    .prorfolio .item {
        height: 524px
    }

    .infor_area .cnd_area {
        min-height: 571px
    }

    .about_section .col-md-12 {
        padding: 82px 72px 64px !important
    }

    .counter {
        padding: 30px 23px
    }

    .sas_can_sep .counter {
        min-height: 520px
    }

    .services_inner h2 {
        font-size: 71px !important
    }

    section.location_area h2 {
        font-size: 38px;
        padding-right: 147px
    }

    .regina-seo-company .real_ranking_area .counter {
        min-height: 343px
    }

    .saskatoon-seo-services .real_ranking_area .container .container .col-md-6 .cnd_area {
        min-height: 312px
    }

    .about_inner2.aut_ft .img_area_new img {
        width: 47%
    }
}

@media screen and (max-width:1099px) {
    .menu_list ul li a {
        font-size: 13px
    }

    .main_header .phon_area a {
        font-size: 13px !important;
        letter-spacing: 0;
        padding: 10px 19px
    }

    .menu_area {
        gap: 14px
    }

    .btn_top_menu a {
        font-size: 13px;
        letter-spacing: 1px;
        padding: 10px 27px
    }

    .head_social ul {
        display: flex;
        gap: 20px
    }

    .head_social ul li a {
        font-size: 21px
    }

    .head_social ul li a img {
        width: 18px !important;
        position: relative;
        top: -3px
    }

    .main_header .container-fluid .row {
        margin: 0
    }

    .main_header .container-fluid {
        padding: 0 12px
    }

    .saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li p {
        padding: 35px 41px 35px 20px
    }
}

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

    .menu_area,
    .mob_sec {
        flex-direction: column
    }

    .btn_top_menu a {
        font-size: 13px;
        letter-spacing: 1px;
        background: #000;
        color: #fff;
        width: 50%;
        text-align: center;
        padding: 10px
    }

    .menu_area {
        gap: 14px
    }

    .mob_sec {
        display: flex;
        width: 54px;
        height: 54px;
        background: #f5f5f5;
        border-radius: 50%;
        justify-content: center;
        align-items: flex-end;
        flex-wrap: wrap;
        padding: 0 12px;
        position: relative;
        transition: .5s;
        z-index: 99
    }

    .menu_area,
    .mob_sec span {
        background: #000;
        transition: .5s
    }

    .btn_top_menu,
    .menu_area {
        position: fixed;
        gap: 0;
        width: 100%
    }

    .btn_top_menu {
        left: 0;
        bottom: 0
    }

    .mob_sec span {
        width: 23px;
        display: block;
        height: 4px;
        margin: 3px 0;
        border-radius: 12px
    }

    .menu_list ul li a i,
    .mob_sec span:first-child,
    .mob_sec.cro_menu.hide_menu {
        display: none
    }

    .mob_sec span:nth-child(2) {
        width: 15px
    }

    .menu_area {
        right: -380px;
        height: 100%;
        max-width: 354px;
        top: 0;
        margin: 0;
        justify-content: flex-start;
        padding-top: 99px
    }

    .menu_area.leftmenu {
        right: 0
    }

    .menu_area .menu_list {
        width: 100%;
        padding: 0 44px 30px
    }

    .menu_list ul {
        gap: 0;
        flex-direction: column
    }

    .main_header .phon_area {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        padding: 14px 46px 0 !important
    }

    .menu_list ul li {
        padding: 0;
        position: relative
    }

    .menu_list ul li a {
        font-size: 23px;
        width: 100%;
        display: inline-block;
        color: #fff;
        padding: 18px 0;
        font-family: Anton;
        font-weight: 300;
        letter-spacing: 0
    }

    .menu_list ul li .mob_menu {
        display: block;
        color: #fff;
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 37px;
        width: 43px;
        text-align: center;
        transform: rotate(-90deg)
    }

    .menu_list ul li ul.sub-menu {
        position: fixed !important;
        top: 0 !important;
        right: -380px !important;
        left: inherit !important;
        border-radius: 0 !important;
        max-width: 354px !important;
        width: 100% !important;
        background: #000 !important;
        visibility: visible;
        z-index: 9 !important;
        height: 100% !important;
        transition: .5s;
        overflow-y: overlay;
        padding: 30px 40px !important
    }

    .menu_list ul li ul.sub-menu.drop_menu {
        right: 0 !important;
        opacity: 1 !important;
        visibility: visible
    }

    .menu_list ul li ul.sub-menu h5 {
        display: block !important;
        font-size: 25px;
        font-family: anton;
        font-weight: 400;
        color: #fece0a;
        margin-bottom: 22px
    }

    .menu_list ul li ul.sub-menu li a {
        padding: 15px 0;
        display: inline-block;
        font-size: 16px;
        border-bottom: 1px solid #606060;
        font-family: 'Space Grotesk';
        font-weight: 700
    }

    .main_header .phon_area a {
        font-size: 18px !important;
        letter-spacing: 1px;
        padding: 15px 35px;
        width: 100% !important;
        text-align: center;
        font-family: jost;
        text-transform: uppercase;
        border-radius: 5px;
        position: relative;
        font-weight: 600
    }

    .mob_sec.cro_menu span {
        transform: rotate(137deg);
        position: relative;
        top: -5px;
        background: #fff
    }

    .mob_sec.cro_menu span:nth-child(2) {
        width: 23px;
        transform: rotate(45deg);
        position: relative;
        top: 5px
    }

    .mob_sec.cro_menu {
        padding: 0 15px;
        background: #363636
    }

    .main_banner {
        width: 100%;
        background: #fff;
        padding-top: 176px
    }

    .copy_right {
        padding: 5px 0 43px
    }

    .menu_list ul li:last-child ul.sub-menu {
        width: 100% !important
    }

    .main_header {
        padding-top: 19px
    }

    .menu_list ul li ul.sub-menu h5 i {
        font-size: 34px;
        margin-right: 11px
    }

    .menu_list ul li ul.sub-menu li:last-child a {
        border: 0 !important
    }

    .menu_list ul li:nth-child(3) ul h5 {
        color: #8f1eff
    }

    .menu_list ul li:nth-child(4) ul h5 {
        color: #ff1a6c
    }

    .menu_list ul li:nth-child(5) ul h5 {
        color: #1cc5b4
    }

    .menu_list ul li:nth-child(6) ul h5 {
        color: #51ff15
    }

    .aut_area ul li {
        padding: 10px 25px;
    }

    .main_banner {
        padding-bottom: 88px;
    }

    .content p {
        margin-top: 20px;
    }

    .content_img img {
        height: auto !important;
    }

    .inner_dental.gray.divi {
        padding: 60px 0px;
    }

    .work_page .content_img img {
        height: 384px !important;
    }

}

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

    .heading,
    .heading2 {
        color: #000 !important
    }

    .main_banner h2 {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 0;
        max-width: 639px
    }

    .main_banner h1,
    .main_banner h3 {
        font-size: 18px;
        letter-spacing: 3px
    }

    .main_banner h4 {
        font-size: 20px;
        line-height: 30px
    }

    .row.logos_partn .col-md-4:nth-child(2) img {
        height: 59px
    }

    .logos_partn .par_logo img {
        height: 42px
    }

    .about_section h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 18px
    }

    .about_section .col-md-12 {
        padding: 64px 40px !important
    }

    .about_section .row::after {
        width: 104%
    }

    .padd,
    .video_test {
        padding: 70px 0
    }

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

    .heading2 {
        font-size: 34px;
        line-height: 46px
    }

    .why_choose_area .row .wh_area_choose p {
        margin-bottom: 0;
        font-size: 18px
    }

    .our_process .col-md-6,
    .services_area .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .services_area .package_1 h3,
    .services_area .package_1 p {
        min-height: auto !important;
        max-width: 100%
    }

    .why_choose_area h4 {
        font-size: 30px
    }

    .video_test h3,
    .video_test p {
        font-size: 20px
    }

    .services_area .package_1,
    .services_area .row .col-md-4:first-child .package_1 p,
    .services_area .row .col-md-4:nth-child(2) .package_1 p,
    .services_area .row .col-md-4:nth-child(3) .package_1 p {
        min-height: auto !important
    }

    .img_text_case .txt_case h3 {
        font-size: 50px
    }

    section.case_study.gray.divi .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 30px
    }

    .video_test p {
        line-height: 32px
    }

    .aut_area h2.heading {
        font-size: 40px;
        line-height: 53px
    }

    .our_process .line {
        display: none
    }

    .our_process .row .col-md-6:nth-child(2) .process_area .pro_area {
        margin: 39px 0 56px
    }

    .vis_area h2 {
        font-size: 40px;
        line-height: 54px
    }

    .count_area.sas_can_sep.seo_canada_op.op_go.padd.dark_area h2,
    .faq_area h2,
    .saskatoon-seo-services .count_area.sas_can_sep.seo_canada_op.op_go.padd.dark_area h2,
    .text_area_homeweb h2,
    .website-design-for-non-profits .dark_area h2,
    .wordpress-development-company .infor_area h2 {
        font-size: 40px
    }

    .main-section-div .col-md-6,
    .note_cdn .col-md-5,
    .note_cdn .col-md-7,
    .real_ranking_area .col-md-6,
    body.iv-hydration-therapy-clinic-websites .iv_area .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .info_area_inner h2,
    .note_cdn h2,
    .saskatoon-web-design-company .st_area h2 {
        font-size: 40px;
        line-height: 52px
    }

    .count_area.sas_can_sep.op_go.padd.dark_area h2 {
        font-size: 40px;
        margin-bottom: 45px !important
    }

    .op_go .counter img {
        width: 100%;
        object-fit: contain;
        object-position: left
    }

    .list_sas .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .list_sas .list_area {
        min-height: 173px;
        margin-top: 20px
    }

    .abt_saskatoon .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .infor_area .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .infor_area .cnd_area,
    .regina-seo-company .real_ranking_area .counter,
    .sas_can_sep .counter,
    .sas_can_sep .counter h3,
    .saskatoon-seo-services .count_area.op_go p,
    .saskatoon-seo-services .real_ranking_area .container .container .col-md-6 .cnd_area,
    .saskatoon-web-design-company .infor_area p,
    .saskatoon-web-design-company .light_green {
        min-height: auto
    }

    .inner_dental .col-md-6,
    .saskatoon-web-design-company .cand_test_area_new .col-md-6,
    .saskatoon-web-design-company .infor_area .col-md-6,
    .saskatoon-web-design-company .note_cdn .col-md-6,
    .start_your_banner .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .start_your_banner {
        padding: 175px 0 102px
    }

    .form_area,
    .iv_area .row:nth-child(2n) .content {
        padding-left: 0
    }

    .form_area {
        margin-top: 0
    }

    .text_saskatoon {
        margin-bottom: 36px
    }

    .dark_area .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .cnd_inner_area h4 {
        font-size: 28px
    }

    .abt_saskatoon .abt_sas_text {
        padding-left: 0;
        padding-top: 15px
    }

    .new_st h3 {
        font-size: 47px
    }

    .real_ranking_area h2 {
        line-height: 51px;
        font-size: 40px
    }

    section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 79px 0 !important
    }

    section.start_your_banner.dental_banner h2 {
        font-size: 34px;
        line-height: 33px
    }

    .inner_dental .content_img p {
        bottom: 0;
        left: 0
    }

    .mobile-app-development .inner_dental .content_img p {
        bottom: 0
    }

    .inner_dental h2 {
        font-size: 40px;
        line-height: 51px;
        margin-top: 16px
    }

    .seo-services-canada .seo_tem_area section:nth-child(2),
    .website-maintenance-services .seo_tem_area section:nth-child(2) {
        background: #f9f9f9
    }

    .website-maintenance-services .count_area.op_go p {
        color: #fff !important;
        min-height: auto
    }

    .website-maintenance-services .real_ranking_area h2 {
        font-size: 40px;
        line-height: 49px;
        margin: 0 auto 1px
    }

    .ecommerce-websites section.work_bg.white_work.padd.divi img {
        padding: 18px 13px;
        height: 137px
    }

    .ecommerce-websites .main-section-div section:last-child .col-md-3 img {
        height: 105px !important;
        padding: 3px 9px !important
    }

    .inner_banner {
        padding: 179px 0 84px
    }

    .calgary-web-design-company section.abt_saskatoon.padd.inner_dental img,
    .construction-companies .main-section-div section:first-child img,
    .construction-companies .main-section-div section:nth-child(2) img,
    .construction-companies .main-section-div section:nth-child(3) img,
    .construction-companies .main-section-div section:nth-child(5) img,
    .dental-digital-marketing .main-section-div section:first-child img,
    .dental-digital-marketing .main-section-div section:nth-child(2) img,
    .dental-digital-marketing .main-section-div section:nth-child(5) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(14) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(15) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(16) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(3) img,
    .healthcare .main-section-div section:nth-child(10) img,
    .healthcare .main-section-div section:nth-child(2) img,
    .healthcare .main-section-div section:nth-child(3) img,
    .healthcare .main-section-div section:nth-child(4) img,
    .healthcare .main-section-div section:nth-child(5) img,
    .healthcare .main-section-div section:nth-child(6) img,
    .healthcare .main-section-div section:nth-child(7) img,
    .healthcare .main-section-div section:nth-child(8) img,
    .healthcare .main-section-div section:nth-child(9) img,
    .hvac-digital-marketing .main-section-div section:nth-child(2) img,
    .hvac-digital-marketing .main-section-div section:nth-child(5) img,
    .iv_area .content_img img,
    .law-firms .main-section-div section:nth-child(3) img,
    .professional-services .main-section-div section:first-child img,
    .professional-services .main-section-div section:nth-child(2) img,
    .professional-services .main-section-div section:nth-child(3) img,
    .professional-services .main-section-div section:nth-child(4) img,
    .professional-services .main-section-div section:nth-child(5) img,
    .professional-services .main-section-div section:nth-child(6) img,
    .saskatoon-web-design-company .inner_dental img,
    .seo-services-usa .abt_sas img {
        height: auto
    }

    body.iv-hydration-therapy-clinic-websites .iv_area .content {
        padding: 21px 0 0
    }

    body.iv-hydration-therapy-clinic-websites .iv_area .row {
        margin: 24px 0;
        border: 1px solid #f2f2f2;
        padding: 22px 0 0;
        border-radius: 20px
    }

    .main-section-div section:first-child {
        padding: 100px 0 60px
    }

    .healthcare .main-section-div section:first-child img {
        height: 516px;
        object-position: 39% 67%
    }

    section.location_area h2 {
        font-size: 33px;
        padding-right: 17px
    }

    .web-design-agency-toronto section.abt_saskatoon.inner_two {
        padding-bottom: 58px;
        background: #f5faff;
        padding-top: 84px
    }

    .web-design-agency-toronto .infor_area h2 {
        font-size: 40px;
        margin: 0 auto 7px
    }

    section.abt_saskatoon.inner_two {
        padding-bottom: 78px
    }

    .vancouver-web-design-company .st_area.gra_st h2,
    .winnipeg-web-design-company .st_area.gra_st h2 {
        font-size: 40px;
        margin: 0 auto 23px;
        line-height: 51px
    }

    .cand_test_area_new h2 {
        font-size: 40px;
        line-height: 50px
    }

    .edmonton-web-design-company .infor_area h2 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .regina-web-design-company .cand_test_area_new .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .regina-web-design-company .cand_test_area_new .light_orange {
        padding: 30px
    }

    .key_element ul li,
    .new_seo_saskatoon .seo_box p {
        width: 100%
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 80px 0 60px !important;
        background: #f2f2f2
    }

    .saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li p {
        width: 32%;
        padding: 25px 45px 25px 19px;
        line-height: 29px
    }

    .saskatoon-web-design-company section.abt_saskatoon.inner_two {
        padding-bottom: 70px;
        padding-top: 70px
    }

    .non_pro.about_inner h2 {
        margin-bottom: 27px;
        font-size: 40px
    }

    .about_inner2.aut_ft .img_area_new img {
        width: 48%
    }
}

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

    .heading,
    .heading2 {
        color: #000 !important
    }

    .btn_top_menu a {
        font-size: 18px;
        letter-spacing: 1px;
        padding: 15px 7px !important
    }

    * {
        background-attachment: inherit !important
    }

    .inner_dental h2,
    .saskatoon-web-design-company .st_area h2 {
        font-size: 35px;
        line-height: 45px
    }

    .services_inner h2 {
        font-size: 53px !important
    }

    .ecommerce-websites .inner_dental img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(10) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(13) img,
    .generative-engine-optimization .main_tem_den .inner_dental:nth-child(7) img,
    .inner_dental img,
    .no-pro_img2 .abt_sas img,
    .social-media-marketing-agency .inner_dental img {
        height: auto
    }

    .main_banner h1,
    .main_banner h3 {
        font-size: 16px;
        letter-spacing: 1px
    }

    .btn_new {
        font-size: 14px;
        padding: 12px 25px
    }

    .row.logos_partn .col-md-4:nth-child(2) .par_logo {
        min-height: auto;
        border-radius: 0 !important;
        margin: 0;
        position: relative;
        top: 0 !important;
        background: 0 0
    }

    .logos_partn .par_logo {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .row.logos_partn {
        padding: 25px 24px;
        border-radius: 20px;
        flex-wrap: nowrap
    }

    .logos_partn .par_logo img {
        height: 89px !important;
        object-fit: contain;
        display: none
    }

    .heading {
        font-size: 35px
    }

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

    .main_header .container-fluid .row {
        margin: 0;
        flex-wrap: nowrap
    }

    .row.top_why_row::after,
    .why_choose_area .col-md-3 .why_us::after,
    .why_choose_area .col-md-3 .why_us::before {
        display: none
    }

    .why_choose_area .col-md-3 .why_us {
        border-radius: 9px;
        padding: 42px 14px 17px;
        min-height: auto;
        position: relative;
        margin-bottom: 20px;
        border: 2px dashed #ccc !important
    }

    .aut_area .container {
        padding: 24px 10px
    }

    .aut_area h2.heading {
        font-size: 35px;
        line-height: 47px
    }

    .vis_area h2 {
        font-size: 35px;
        line-height: 48px
    }

    .faq_area h2,
    .text_area_homeweb h2 {
        font-size: 35px;
        line-height: 50px
    }

    .new_client .col-md-3 {
        width: 50%
    }

    .blog_section_area .all_blog_sec .img_area img {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: .5s
    }

    .all_blog_sec {
        margin-bottom: 30px
    }

    .footer_section h5 {
        text-align: center;
        margin-bottom: 13px;
        margin-top: 18px
    }

    .footer_section h5::after {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .footer_section .link_area li {
        text-align: center !important
    }

    .footer_section h3 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px
    }

    .footer_section {
        padding: 70px 0 7px
    }

    .footer_section .logo_soc,
    .key_element ul {
        padding-right: 0
    }

    .about_inner::after,
    .new_client:after {
        width: 76%
    }

    .main_header .logo_area img {
        height: 50px
    }

    .mobile_logo {
        display: block !important
    }

    body .dental_banner h1 {
        font-size: 35px;
        line-height: 46px
    }

    .abt_sas_text h2 {
        line-height: 44px
    }

    .calgary-web-design-company section.abt_saskatoon.padd.inner_dental .abt_sas_text h2,
    .infor_area h2 {
        line-height: 42px
    }

    .list_sas .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 1000%;
        max-width: 100%
    }

    .list_sas .list_area,
    .saskatoon-web-design-company .infor_area p {
        min-height: auto
    }

    .video_test {
        padding: 49px 0
    }

    .infor_area h2 {
        font-size: 35px;
        margin: 0 auto 14px
    }

    .cand_test_area_new h6 {
        margin-top: 13px
    }

    .cand_test_area_new p {
        font-size: 26px;
        line-height: 36px
    }

    .about_section .col-md-12 {
        padding: 39px 15px 38px !important
    }

    .about_section h3 {
        font-size: 27px;
        margin-bottom: 18px;
        padding-left: 26px;
        line-height: 30px
    }

    .about_section h3::before {
        top: 6px
    }

    .cnd_inner_area h4 {
        margin-bottom: 19px
    }

    .note_area p {
        font-size: 22px;
        line-height: 38px
    }

    .note_area {
        padding: 99px 29px 29px;
        margin-top: 19px
    }

    .note_area::after {
        left: 29px
    }

    .note_area::before {
        right: 30px
    }

    .padd {
        padding: 50px 0
    }

    .list_sas h3 {
        margin-bottom: 8px
    }

    .prorfolio .item {
        height: 510px
    }

    .key_table {
        overflow-x: auto
    }

    .key_table tbody td,
    .key_table th {
        white-space: nowrap !important
    }

    .key_table thead tr:first-child td {
        white-space: initial !important
    }

    .real_ranking_area h2,
    .wordpress-development-company .infor_area h2 {
        font-size: 35px
    }

    .seo_num {
        border: 1px solid #ffffff12;
        padding: 20px 20px 10px;
        border-radius: 10px;
        margin-bottom: 17px
    }

    .count_area.sas_can_sep.seo_canada_op.op_go.padd.dark_area h2 {
        font-size: 35px;
        margin-bottom: 22px !important
    }

    section.start_your_banner.dental_banner h2 {
        font-size: 34px;
        line-height: 33px
    }

    .inner_dental .content_img p {
        padding: 9px 12px;
        max-width: 258px;
        line-height: 22px
    }

    .website-maintenance-services .real_ranking_area h2 {
        font-size: 34px;
        line-height: 44px;
        margin: 0 auto 1px
    }

    .inner_dental {
        padding: 80px 0 50px
    }

    .ecommerce-websites .main-section-div section:last-child .col-md-3 {
        max-width: 50% !important;
        flex: 50% !important;
        margin-bottom: 21px
    }

    .services_inner {
        padding: 70px 0 23px
    }

    .services_area.inner_service_tem {
        padding: 50px 0 72px
    }

    .inner_service_tem.services_area .wrapper {
        min-height: 316px
    }

    .inner_service_tem.services_area .wrapper h3 {
        max-width: 393px
    }

    .inner_banner {
        padding: 143px 0 59px
    }

    .iv_area h2 {
        font-size: 35px;
        line-height: 44px;
        margin-bottom: 5px
    }

    body.web-design-agency-toronto .abt_sas_text h2 {
        line-height: 40px
    }

    .web-design-agency-toronto .padd {
        padding: 72px 0 50px
    }

    .web-design-agency-toronto section.abt_saskatoon.inner_two {
        padding-top: 67px
    }

    .calgary-web-design-company .infor_area .cnd_area {
        padding: 40px 20px
    }

    .calgary-web-design-company .infor_area .cnd_area h4 {
        font-size: 39px;
        line-height: 45px
    }

    .infor_area.padd {
        padding: 70px 0 50px
    }

    .calgary-web-design-company .padd {
        padding: 70px 0
    }

    .start_your_banner {
        padding: 156px 0 82px
    }

    .vancouver-web-design-company .padd {
        padding: 66px 0 50px
    }

    .count_area.sas_can_sep.op_go.padd.dark_area h2 {
        font-size: 35px;
        margin-bottom: 30px !important
    }

    .edmonton-web-design-company .padd {
        padding: 69px 0 50px
    }

    .edmonton-web-design-company .about_section .col-md-12 {
        margin: 0 15px
    }

    .edmonton-web-design-company .about_section.cnd_inner_area.padd.inner_dental {
        padding: 72px 0 50px !important
    }

    .regina-seo-company .seo_tem_area .abt_saskatoon .abt_sas img {
        height: 550px;
        object-position: 40% 71%
    }

    .regina-web-design-company .note_cdn .container {
        padding: 0PX 34PX
    }

    .winnipeg-web-design-company .note_area {
        margin-top: 0;
        margin-bottom: 12px
    }

    .saskatoon-seo-services .real_ranking_area .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .real_ranking_area .container .container .cnd_area {
        padding: 30px 20px;
        min-height: auto
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 80px 0 60px !important
    }

    .saskatoon-seo-services .real_ranking_area .col-md-12,
    .saskatoon-web-design-company .cand_test_area_new .row .col-md-6 {
        padding: 0
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt.gray .abt_sas {
        min-height: 451px
    }

    .saskatoon-web-design-company section.abt_saskatoon.inner_two .ol_li p {
        width: 48%
    }

    .saskatoon-web-design-company .infor_area .container {
        padding: 0 33px
    }

    .saskatoon-web-design-company .note_cdn .row {
        padding: 10px 15px
    }

    .saskatoon-web-design-company .cand_test_area_new .col-md-6.light_orange {
        padding: 30px
    }

    .work_bg .heading2 {
        font-size: 34px !important;
        line-height: 45px;
    }

    body .cnd_inner_area h2 {
        font-size: 38px;
        line-height: 40px
    }

    .website-design-for-non-profits .dark_area h2 {
        font-size: 36px
    }

    .website-design-for-non-profits .about_inner {
        padding: 70px 0 32px
    }

    .about_inner2.aut_ft .img_area_new img,
    .about_inner2.aut_ft .img_area_new img:nth-child(3) {
        width: 100%;
        height: auto
    }

    .aut_area ul li {
        padding: 20px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        gap: 0px;
    }

    .home-page section.about_section {
        padding: 60px 15px 60px;
    }

    .copy_right {
        padding: 5px 15px 43px;
    }

    .home-page .inner_dental h2 {
        font-size: 31px;
        line-height: 41px;
        letter-spacing: 0;
    }

    .about_intro.padd.new_section_at_new {
        padding: 60px 0;
    }

    .career_area {
        padding: 60px 0;
    }

    section.contact_area.cnt_area {
        padding: 60px 0;
    }

    header.main_header.topmenu_fixed .logo_area img {
        height: 45px;
    }

    .content p {
        margin-top: 20px;
    }

    .content_img img {
        height: auto !important;
    }

    .inner_dental.gray.divi {
        padding: 60px 0px;
    }

    .work_page .content_img img {
        height: auto !important;
    }

}

@media screen and (max-width:580px) {
    .text_area_homeweb {
        padding: 50px 15px
    }

    .regina-web-design-company .infor_area h2 {
        font-size: 35px;
        margin: 0 auto 10px
    }

    .regina-web-design-company .cand_test_area_new h2 {
        margin: 0 auto 17px
    }

    .regina-web-design-company .st_area.gra_st h2 {
        font-size: 35px;
        margin: 0 auto 20px;
        line-height: 45px
    }

    section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 53px 0 !important
    }

    .inner_dental {
        padding: 60px 0 50px
    }

    section.about_section {
        padding: 0 20px 68px
    }

    .row.logos_partn {
        background: 0 0;
        border: 0;
        box-shadow: none;
        margin: 60px auto 15px
    }

    .about_section .row::after {
        width: 104%;
        left: -9px;
        display: none
    }

    .main_banner .btn_group_area {
        display: flex;
        gap: 15px;
        flex-direction: column-reverse;
        width: 100%;
        max-width: 314px
    }

    .main_banner h4 {
        margin-bottom: 11px
    }

    .main_banner h2 {
        font-size: 35px;
        line-height: 44px
    }

    .logo_tr_area {
        padding: 0 20px
    }

    .about_section h2,
    .cand_test_area_new h2,
    .saskatoon-seo-services .count_area.sas_can_sep.seo_canada_op.op_go.padd.dark_area h2,
    .white-label-web-design-agency .sucessfull_area h2 {
        font-size: 35px
    }

    .why_choose_area.padd.gray {
        padding: 58px 15px
    }

    .case_study {
        padding: 70px 0
    }

    .our_process,
    .services_area {
        padding: 60px 0 40px
    }

    .video_test {
        padding: 52px 15px
    }

    .aut_area img,
    .text_area_homeweb img {
        float: left
    }

    .home_footer .social_media_area ul li a {
        padding: 0 15px;
        font-size: 25px
    }

    .copy_right p,
    .copy_right p a {
        line-height: 29px
    }

    .vis_area h2 {
        font-size: 30px;
        line-height: 40px
    }

    .vis_area {
        background: #fafafa;
        padding: 60px 0
    }

    .new_client .client-bx img {
        padding: 0 2px;
        height: 60px;
        margin: 26px 0
    }

    .at-title h3 {
        font-size: 21px;
        line-height: 28px
    }

    .aut_area .container {
        padding: 24px 15px
    }

    .blog_section_area .blg_area_btn {
        flex-direction: column;
        gap: 20px
    }

    .blog_section_area {
        padding: 60px 0 33px
    }

    .main_banner .btn_group_area a {
        text-align: center
    }

    .padd {
        padding: 61px 0 50px
    }

    .start_your_banner .btn_wrap {
        flex-wrap: wrap
    }

    .start_your_banner {
        padding: 153px 0 74px
    }

    .form_area form {
        padding: 52px 24px 50px
    }

    .info_area_inner h2,
    .note_cdn h2 {
        font-size: 37px;
        line-height: 52px
    }

    .ecommerce-websites section.work_bg.white_work.padd.divi img {
        padding: 22px 56px;
        height: auto
    }

    .ecommerce-websites section.work_bg.white_work.padd.divi .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .infor_area .col-md-12.last_area {
        padding: 0
    }

    .web-design-canada .infor_area .col-md-12.last_area {
        padding: 0 16px
    }

    .vancouver-web-design-company .st_area.gra_st h2,
    .winnipeg-web-design-company .st_area.gra_st h2 {
        font-size: 35px;
        line-height: 45px
    }

    .vancouver-web-design-company .st_area.gra_st,
    .winnipeg-web-design-company .st_area.gra_st {
        padding: 67px 0
    }

    .seo-services-usa .seo_tem_area .abt_saskatoon:nth-child(2) {
        padding: 40px 0 60px
    }

    .regina-seo-company .inner_dental {
        padding: 46px 0 55px
    }

    .regina-web-design-company .cand_test_area_new .light_blue,
    .regina-web-design-company .cand_test_area_new .light_orange,
    .regina-web-design-company .note_cdn.padd.gray .light_blue,
    .regina-web-design-company .note_cdn.padd.gray .light_green,
    .regina-web-design-company .note_cdn.padd.gray .light_orange,
    .saskatoon-web-design-company .cand_test_area_new .light_blue,
    .saskatoon-web-design-company .cand_test_area_new .light_orange {
        padding: 30px 15px
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 60px 0 50px !important
    }

    .non_pro.about_inner h2 {
        margin-bottom: 27px;
        font-size: 35px
    }

    .website-design-for-non-profits .inner_dental {
        padding: 50px 0 47px
    }
}

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

    .construction-companies .main-section-div section:nth-child(4) img,
    .hvac-digital-marketing .main-section-div section:first-child img,
    .hvac-digital-marketing .main-section-div section:nth-child(4) img {
        height: auto
    }

    .generative-engine-optimization .inner_dental h5,
    .white-label-web-design-agency .start_your_banner h5 {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .about_section h2 {
        font-size: 31px;
        line-height: 42px
    }

    .logos_partn .par_logo img {
        height: 84px !important;
        width: 100%
    }

    .about_section .col-md-12 {
        padding: 32px 18px 31px !important;
        border: 1px solid #ccc
    }

    .btn_top_menu a:first-child,
    .head_social {
        display: none
    }

    .main_header {
        padding-top: 27px
    }

    .main_header .col-md-3 {
        width: 94%
    }

    .main_header .col-md-9 {
        width: 50%
    }

    .btn_top_menu a:nth-child(2) {
        width: 100%
    }

    .main_banner .top_text_banner .top_text_banner {
        gap: 6px;
        max-width: 299px;
        margin: 0 auto
    }

    .main_banner .top_text_banner .top_text_banner h3 {
        font-size: 25px
    }

    .main_banner {
        padding-top: 134px
    }

    .main_banner h1,
    .main_banner h3 {
        font-size: 19px;
        letter-spacing: 1px;
        line-height: 27px
    }

    .row.logos_partn {
        margin: 24px auto -9px;
        padding: 23px 0 13px
    }

    .logos_partn .col-md-4 {
        position: relative;
        padding: 0 5px
    }

    .infor_area .cnd_area {
        padding: 24px 15px 8px
    }

    .cnd_inner_area {
        padding-top: 55px !important
    }

    .form_area form {
        padding: 44px 17px 43px
    }

    .start_your_banner .btn_wrap .btn_new {
        width: 100%;
        text-align: center;
        max-width: 288px !important
    }

    .start_your_banner {
        padding: 153px 0 74px
    }

    .btn_new {
        font-size: 14px;
        padding: 12px 30px;
        letter-spacing: 0
    }

    .info_area_inner h2,
    .note_cdn h2 {
        font-size: 35px;
        line-height: 49px
    }

    .video_test .video_content {
        padding: 22.5px 16px
    }

    .at-tab {
        font-size: 19px;
        line-height: 29px;
        padding: 20px 15px
    }

    .at-title h3::before,
    .at-title h4::before {
        content: "+";
        left: 12px
    }

    .at-title {
        padding: 16px 20px 16px 40px
    }

    .at-title h3 {
        font-size: 20px;
        line-height: 28px
    }

    .website-maintenance-services .real_ranking_area h2 {
        font-size: 31px;
        line-height: 41px
    }

    .inner_banner {
        padding: 147px 0 44px
    }

    .services_inner h2 {
        font-size: 46px !important;
        margin-bottom: 9px
    }

    .inner_service_tem.services_area .wrapper {
        min-height: 289px
    }

    .iv_inner {
        padding: 60px 0
    }

    .iv_inner h2 {
        font-size: 41px
    }

    section.location_area img {
        height: 338px
    }

    section.location_area h2 {
        font-size: 30px;
        padding-right: 45px
    }

    section.location_area {
        padding: 59px 0
    }

    .main-section-div section:first-child {
        padding: 76px 0 49px
    }

    .cand_test_area_new h2,
    .website-design-for-non-profits .dark_area h2 {
        font-size: 35px
    }

    .vancouver-web-design-company .cand_test_area_new .col-md-12 {
        padding: 0
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt {
        padding: 66px 0 50px !important
    }

    .saskatoon-seo-services .new_seo_saskatoon .seo_box p {
        padding: 30px 20px
    }

    .saskatoon-seo-services section.abt_saskatoon.padd.seo_abt.pdd_bt.gray .abt_sas {
        min-height: 451px
    }

    .premium_ol {
        padding: 39px 20px 30px 54px
    }

    .work_bg.white_work .container {
        padding: 0 25px
    }

    #SignUptogetgrowthtipsModal .modal-body {
        padding: 30px !important
    }

    .key_element ul li {
        font-size: 18px;
        flex-direction: column;
        display: flex;
        gap: 5px
    }

    .key_element ul {
        margin-bottom: 11px
    }

    .about_inner2.aut_ft.opt_google .img_area_new img {
        width: 100%;
        height: auto !important
    }

    .aut_ft h2 {
        line-height: 44px
    }
}

.mb-3 {
    position: relative
}

#SignUptogetgrowthtipsModal .checkbox-container {
    position: relative;
    display: flex;
    align-items: flex-start
}

#SignUptogetgrowthtipsModal .checkbox-container div.error {
    top: 118px
}