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

    #backToTopBtn {
        padding: 5px 15px;
    }

    h5 {
        font-size: 32px !important;
    }

    .connectbtn {
        width: 70% !important;
    }

    .connect {
        font-size: 18px !important;
    }

    .news_container .news_box .main_cont .title {
        font-size: 20px;
        margin: 20px 0 8px;
    }

    .goog-te-gadget .goog-te-combo {
        width: 143px;
    }

    header .social-menu {
        padding: 12px 2px 12px 60px;
    }

    header .navbar .navbar-nav .nav-item .nav-link {

        padding-left: 0px;

        padding-bottom: 0px;

    }

    header .navbar .navbar-nav .nav-item .mob-menu {

        font-size: 28px;

    }

    header .navbar .navbar-nav .nav-item .mob-menu p {
        font-size: 16px;
    }

    .main-menu .social-menu .social-link {

        display: block !important;

    }

    .submenu .sub_menu a {

        padding: 15px 30px !important;

        font-size: 20px !important;

    }

    .main-menu .social-menu {

        padding: 0;

    }

    .main-menu .social-menu ul.navbar-nav {

        flex-direction: row;

    }

    .main-menu .social-menu ul.navbar-nav li.social-link {

        left: 0 !important;

    }

    .banner-heading {
        font-size: 33px !important;
    }

    .agencyreel-content {
        height: 382px;
    }

    .agencyreel-section .container {

        padding: 75px 20px 0px 20px;
        min-width: 100% !important;
        margin: 0;

    }

    .agencyreel-section .container .agencyreel-content h1 {

        font-size: 35px;

    }

    .agencyreel-content p {
        width: 100% !important;
    }

    .requirement h4, .requirement p {
        font-size: 30px !important;
    }

    .work-section .container .work1 .requirement p {
        font-size: 16px !important;
    }

    .clienttestimonial-section .container .requirement p {
        font-size: 16px !important;
    }

    .clienttestimonial-section .container #clienttestimonial .item img {
        height: 55px;
    }

    .contactus-section .container .requirement p {
        font-size: 16px !important;
    }

    .full-stack-digital .head, .services h2 {
        font-size: 25px !important;
    }

    .whychoose-section .container {
        min-width: 100% !important;
        padding: 0px 20px;
        margin: 0;
    }

    .whychoose-section .container #whychooseus .item .row h2 {
        font-size: 24px;
        line-height: normal;
    }

    .whychoose-content h1 {
        font-size: 30px !important;
    }

    .work1 .connectbtn {
        margin-bottom: 30px;
    }

    .about-section .container .about-content h1, .about-section .container .about-content h3 {
        font-size: 30px !important;
    }

    .offer-section .container {
        min-width: 100% !important;
        padding: 0px 20px;
        margin: 0;
    }

    .accordion .col-md-4 {
        padding-right: 12px;
        margin-top: 30px;
    }

    .videofolio-section .lighthighlight p {
        font-size: 74px;
        line-height: 1.6;
    }

    .contactus-section .lighthighlight p, .contactus-section .lighthighlight h6 {
        font-size: 74px;
        line-height: 2;
    }

    .contact-heading {
        font-size: 30px !important;
    }

    .workbox .main_wrapper:nth-child(odd) {

        position: relative;

        top: 0;

    }

    .apply_popup .form_cont .form_wrapper form .form-group .upload+.f-input+.fileUpload.btn--browse {

        padding: 12px 16px 13px;

    }

    .apply_popup .form_cont {

        min-width: 390px;

    }


    .video-section{
        height:auto !important;
    }

    .video-background{
        position: relative !important;
    }

    .digi_content {
        display: block !important;
    }

    .digital_wrapp, .project_wrapp {
        margin-bottom: 20% !important;
    }

    #DigitalMarketing h2 {
        font-size: 30px !important;
        margin-bottom: 20px;
    }

    #DigitalMarketing .digiItem {
        height: 430px !important;
    }
 

    .digital_wrapp .container #digital_slide .item {
        padding: 0 !important;
    }

    .digital_wrapp .container #digital_slide .item .digi_card{
        height: 100% !important;
        min-height: 100% !important;
    }


    #sda-home .work1 .requirement .connectbtn p {
        font-size: 18px !important;
    }

    #sda-home .contactus-section .contact-heading {
        font-size: 30px !important;
    }


    #sda-about .contactus-section .contact-heading {
        font-size: 30px !important;
    }


    #sda-digital .business-section .container .business h4 {
        font-size: 30px !important;
    }


    #creativeservice .web-about {
        font-size: 30px !important;
    }

    #creativeservice #CreativeServices h1 {
        font-size: 30px !important;
    }

    #creativeservice #CreativeServices .digiItem {
        height: 525px;
    }

    #creativeservice .creative-page .tabnav .tab {
        font-size: 25px;
        padding-right: 70px;
    }

    #creativeservice .business-section .container .business .company-stats {
        font-size: 30px !important;
    }

    #creativeservice .contactus-section .contact-heading {
        font-size: 30px !important;
    }


    #webntech .web-about {
        font-size: 30px !important;
    }

    #webntech #WebTech h3 {
        font-size: 30px !important;
    }

    #webntech .digiItem .digi_contents h5 {
        font-size: 16px !important;
    }

    #webntech .digiItem {
        height: 410px !important;
    }

    #webntech .technology-section p {
        font-size: 30px !important;
        line-height: 1.2;
    }

    #webntech .technology-section .heading p {
        font-size: 20px !important;
        margin: 0;
    }

    #webntech .techno_box p {
        font-size: 16px !important;
    }

    #webntech .titleblock {
        flex-direction: column;
        align-items: flex-start;
    }

    #webntech .business-section .company-stats {
        font-size: 30px !important;
    }

    #webntech .contactus-section .heading h5 {
        font-size: 20px !important;
    }


    #sda-client .contactus-section .contact-heading {
        font-size: 30px !important;
    }

    #sda-client .clients_box .item, #sda-client .news_container .news_box .main_cont .title {
        width: 100px;
    }


    #sda-news .news_container .pagination_box ul {
        gap: 30px;
    }

    #sda-news .news_container .news_box img {
        width: 100%;
    }


    #sda-blogs .blogs_container .pagination_box {
        width: 100%;
    }

    #sda-blogs .blogs_container .pagination_box ul {
        gap: 30px;
    }

    #blogs-inner-page .agencyreel-section .container {
        padding: 100px 0px;
    }


    #sda-career #career-page .location_box {
        font-size: 50px;
    }

    #sda-career .wrap #filters li > span {
        font-size: 25px;
        padding-right: 70px;
    }

    #sda-career .business-section .container .wrap h3 {
        font-size: 25px;
    }


    #sda-contact .requirement h2 {
        font-size: 30px !important;
    }

    #sda-contact .contactus-section .contact-heading {
        font-size: 30px !important;
    }

   

    footer {

        padding: 50px 20px 30px 20px;

    }

    footer .container {

        min-width: 100%;
        margin: 0px;
        padding: 0px 12px;

    }

    footer .footer-logo {

        padding: 0px !important;

    }

    .footer-sda .join-our-team {
        margin-top: 30px;
    }

    .footer-sda .col-md-4 {
        padding: 0px;
    }

    footer .footer-head {

        padding: 0px !important;
        margin-top: 46px;

    }

    footer .container .footer-content .jointeam {

        width: 93%;

    }

    .footer-content .blog img {
        height: auto !important;
    }

    header.appended .navbar-brand.me-0 {

        position: fixed;

        z-index: 999;

    }

    header.appended .close-main-menu {

        position: fixed;

    }

    footer .copyright p,

    footer .connect ul li {

        text-align: left !important;
        font-size: 14px;

    }

    footer .content p {

        font-size: 21px;
        margin-bottom: 20px;

    }

    .about-content img.w-100.d-block.d-sm-none {

        margin-bottom: 20px;

    }

    .workbox {

        display: flex;

        gap: 40px;

        counter-reset: pointerbox;

        margin: 25px 0 30px;

        flex-wrap: wrap;

        justify-content: center;

        text-align: center;

    }

    .workbox .main_wrapper {

        width: 295px;

    }

    .project-section .container-fluid {

        padding: 0 20px;

    }

    .howwework-section .container .description {

        font-size: 25px;

        line-height: normal;

    }

    .clienttestimonial-section .container #clienttestimonial .item h5 {

        font-size: 23px !important;

    }

    .clienttestimonial-section .container {

        min-width: 100% !important;
        padding: 0px 20px;
        margin: 0;

    }

    .work-section .container {

        padding-right: 12px;

    }

    .videofolio-section {

        margin-bottom: 40px;

        margin-top: 0;

    }

    .contactus-section .container {

        min-width: 100% !important;
        padding: 0px 20px;
        margin: 0px;

    }

    .contactus-section .container .contactus .requirement h5 {

        font-size: 31px;

        width: 100%;

    }

    .contactus-section .container .contactus .requirement p {

        width: 100%;

    }

    footer .container .footer-content {

        padding: 30px 0;

        margin: 0 -10px;

    }

    footer .blog {

        margin-top: 30px;

    }

    header ul.navbar-nav {

        flex-direction: row;

        justify-content: flex-end;

    }

    li.nav-item.social-link.me-5 {

        margin-right: 0 !important;

    }

    .social-link:first-child {

        display: none;

    }

    header nav {

        padding: 0 20px !important;

    }

    header .navbar .navbar-nav .nav-item .main-menu-btn {

        border: none;

        position: relative;

        top: -7px;

        background: transparent;

        margin-left: 0 !important;

    }

    li.nav-item.open-main-menu {

        margin-left: 0;

    }

    header.appended .main-menu {

        width: 100%;

        padding: 12px;

        height: 100%;

        top: 0px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        left: 0 !important;

        position: fixed;

    }

    .main-menu ul.navbar-nav {

        flex-direction: column;

        margin-top: 110px;

    }

    .mobile-menu .navbar-nav {
        justify-content: flex-start;
    }

    header.appended {

        overflow: visible;

    }

    a#close-menu {

        position: relative;

    }

    .close-main-menu::before {

        display: none;

    }



    .breadcrumb_box {

        height: 50vh;

    }

    .breadcrumb_box .breadbox .page_title {

        font-size: 90px;

    }

    .breadcrumb_box .breadbox::after {

        left: 50%;

        bottom: -170px;

        width: 100%;

        height: 170%;

    }

    .counterbox {
        font-size: 40px !important;
    }
    
    .hide-mob {
        display: none !important;
    }

    .pull_left_80 {
        margin-left: 0px;
    }

    .lifesda-section .owl-carousel .owl-item img {
        padding: 0px 15px;
    }

    .lifesda-section .owl-nav {
        bottom: 0px !important;
        padding: 0 35px !important;
    }

    .business-section .container .business_counter .main_container ul li {

        width: 45%;

    }

    .business-section .container .business_counter .main_container ul li small {
        margin-right: 0px;
    }

    .business-section .container .business_counter .main_container {

        margin-top: 90px;

    }

    .business-section .container .business_counter .main_container ul {

        gap: 20px;

    }

    .lifesda-section .lighthighlight p, .lifesda-section h3 {
        font-size: 60px;
        line-height: 2;
    }

    .clienttestimonial-section#seniors #sync2 .user_img {

        width: 380px;

        height: 380px;

    }

    .meetteam-section .container .meetteam-box .lighthighlight h3 {

        font-size: 56px;

        bottom: 0;

    }

    .business-section .container .business_counter::after {

        right: -7px;

        top: -40px;

    }

    .lifesda-section .container-fluid .lifesda-box .lighthighlight h3 {

        font-size: 75px;

        bottom: 0;

    }

    .push_90,
    .push_20 {

        margin-top: 0;

    }

    .pull_left_80 {

        margin-left: 0 !important;

    }

    .meetteam-section {

        margin-top: 150px;

    }

    .projects_box .breadbox::after {

        left: 50%;

        bottom: 100px;

        width: 100%;

        height: 40%;

    }

    .business-section .col-md-6 img {

        width: 100%;

        margin-top: 60px;

    }

    .chart_row .col-md-4 {

        margin-bottom: 60px;

    }

    .minus-image {

        margin-left: -50px;

        width: 120%;

        margin-bottom: 40px;

    }

    .web_box .breadbox .page_title {

        font-size: 70px;

    }

    .web-section .web_wrapper .content_box {

        padding: 19px;

        min-height: 100%;

    }

    .whychoose-section.style2 .item .row .box_left {

        width: 100%;

    }

    .whychoose-section.style2 .item .row .box_right {

        width: 100%;

        margin-top: 0;

    }

    #career-page .location_box {

        font-size: 70px;

    }

    .work-section .container .lighthighlight h3 {

        color: #EAEAEA;

        font-size: 87px;

        bottom: auto;

        right: 0;

        top: -50px;

        width: 70px;

        word-break: break-all;

        line-height: 70px;

        text-align: center;

    }

    a#open-menu {

        position: relative;

        right: -10px;

    }

    .social-link a.nav-link {

        padding: 5px;

    }



    .blogs_container .blog_cont .blog_title_container .title {

        font-size: 18px;

        min-height: 100px;

    }

    .blogs_container .blog_cont .blog_title_container .categorybox {

        font-size: 14px;

        font-family: Inter-SemiBold;

        color: #4A4C4F;

    }

    .blogs_container .blog_cont .blog_title_container {

        width: 76%;

    }

    .blogs_container .blog_cont .blog_title_container .categorybox span {

        display: block;

    }

    .blogs_container .pagination_box .arrows::after,

    .news_container .pagination_box .arrows::after {

        display: none;

    }

    .blog_inner_page .container .blog_main_cont {

        margin-top: -270px;

    }

    .blog_inner_page .container .blog_main_cont .row:first-child {

        padding: 45px 30px;

        margin: 0;

    }

    .blog_inner_page .container .blog_main_cont .row:last-child {

        padding: 15px;

    }

    .news_container .pagination_box {
        
        width: 100%;

    }

    .news_container .news_box {
        
        padding: 0px;

    }

    .clients_box {

        gap: 3px;

        margin-left: 0;

    }

    .creative-page .tabnav {

        flex-wrap: wrap;

    }

    .creative-page .tabnav .tab {

        font-size: 30px;

    }

    .reels_box .item {

        padding: 20px;

    }

    .creative-page .tab-wrapper .tab-content.reels_box .mobile_cont img {

        width: 100%;

        height: 100%;

    }

    .creative-page .tab-wrapper .tab-content.reels_box .mobile_cont {

        top: 2px;

        width: 100%;

    }

    .about-section#creative-page h1 {

        font-size: 36px;

    }

    .wrap #gallery .gallery-item .opening_wrapper .heading_block {

        flex-wrap: wrap;

    }

    .wrap #filters li>span {

        font-size: 28px;

    }

    .wrap #filters li>span span {

        font-size: 19px;

        margin-left: 8px;

    }

    .submenu .sub_menu {

        position: relative;

        clip-path: inset(0 0 100% 0);

        max-height: 0;

    }

    .submenu.hovered .sub_menu {

        clip-path: inset(0 0 0 0);

        max-height: 500px;

    }

    .submenu {

        margin-right: 0 !important;

    }

    .submenu .arrow {

        right: 50px;

    }

    .portfolio-page .tabnav {

        flex-wrap: wrap;

    }

    .portfolio-page .tabnav .tab {

        font-size: 34px;

    }

    .work-section .container .work {

        margin-bottom: 40px;

    }

    .maintenance_box {

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 25px;

    }

    .maintenance-section .container .maintenance .connectbtn {
        width: 70%;
    }

    .maintenance-section .container .maintenance .connectbtn h5 {
        font-size: 18px !important;
    }

    .maintenance-section .maintenance_box .upper_box {

        transform: translateY(0px);

    }

    .maintenance-section .maintenance_box p {

        transform: scaleY(1);

        margin-left: 30px;

    }

    .maintenance-section .maintenance_box p strong.title {

        color: #1fb1fe;

        font-size: 16px;

        font-family: Inter-SemiBold;

    }

    header .navbar .navbar-nav .nav-item.social-link {

        display: none;

    }

    .strategy,
    .work1 {
        margin-left: 0px !important;
    }

    .strategy .col-md-4 {
        width: 100%;
        padding: 0px 20px;
    }

    .work1 .col-md-4 {
        width: 100%;
        padding: 0px 20px;
    }

    .contactus-section .container .contactus .lighthighlight {
        height: 60px;
    }

}



@media screen and (min-width: 768px) and (orientation: portrait) {

    ul.navbar-nav.ml-auto {

        flex-direction: row;

        justify-content: flex-end;

    }

    header .navbar .navbar-nav .nav-item .nav-link {

        padding: 6px;

    }

    .whychoose-section .container #whychooseus .item .row h2 {

        font-size: 28px;

        line-height: 28px;

    }

    .whychoose-section.style2 .owl-nav {

        bottom: 10px !important;

    }

    .work-section .container .work h5 {

        font-size: 20px;

    }

    .work-section .container .work .connectbtn {

        width: 100%;

        margin-top: 100px !important;

    }

    .videofolio-section .lighthighlight h3 {

        font-size: 130px;

        bottom: -40px;

    }

    .howwework-section .container .description {

        font-size: 30px;

        line-height: 40px;

    }

    .workbox .main_wrapper {

        width: 47%;

    }

    .contactus-section .container .contactus .lighthighlight h3 {

        font-size: 130px;

        bottom: -30px;

    }

    .contactus-section .container .contactus .requirement h5 {

        font-size: 38px;

        width: 100%;

    }

    header .main-menu {

        width: 88%;

        padding: 12px;

    }

    .main-menu ul.navbar-nav {

        flex-direction: column;

    }

    header.appended {

        overflow: visible;

    }

    .breadcrumb_box .breadbox .page_title {

        font-size: 120px;

    }

    .breadcrumb_box {

        height: 45vh;

    }

    .business-section .container .business_counter .main_container ul li {

        width: 50%;

    }

    .lifesda-section .container-fluid .lifesda-box .lighthighlight h3 {

        font-size: 130px;

    }

    .clienttestimonial-section#seniors #sync2 .user_img {

        width: 330px;

        height: 330px;

    }

    .meetteam-section .container .meetteam-box .lighthighlight h3 {

        font-size: 100px;

        bottom: -40px;

    }

    footer .container .footer-content {

        padding: 30px 0px;

    }

    .footer-content img {

        width: 100%;

    }

    .clients_box {

        gap: 3px;

        margin-left: 0;

    }

}