@media only screen and (max-width: 1700px) {
  .banner-about,
  .banner-about .about-bg {
    height: auto;
  }
}
@media only screen and (max-width: 1450px) {
  .main-header .custom-nav .nav-logo-inner.nonActive {
    left: -0.1% !important;
  }
}

@media only screen and (max-width: 1350px) {
  .mainform {
    background-color: #000;
    padding: 20px 30px 10px;
}
.pop-form form .control-group {
    margin-bottom: 15px;
}
.textarea_auto textarea {
    height: 90px;
}
}

@media only screen and (max-width: 1200px) {
  .mainform {
    background-color: #000;
    padding: 20px 30px 10px;
}
.pop-form form .control-group {
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1000px) {
  .service-count h2 {
    position: relative;
    font-size: 25vw;
    line-height: 25vw;
    left: 0;
  }
  .pad-inner-service {
    padding: 0.5rem;
    margin-top: 3rem;
  }
  .service-inner-sec .inner-service-wrap .heading {
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: -2px;
    margin-bottom: 1rem;
  }
  .service-inner-sec .inner-service-wrap {
    grid-gap: 20px;
  }
  .inner-service-wrap ul li::before {
    font-size: 1vw;
  }
  .inner-service-wrap .service-box {
    margin-bottom: 2rem;
    min-height: auto;
  }
  .inner-service-wrap .service-box h3 {
    font-size: 6.5vw;
  }
}
@media only screen and (max-width: 1080px) {
  .loader-img {
    width: 25vw;
  }
  .logo-inner {
    width: 12vw;
    height: 12vw;
  }
  .round-logo {
    width: 6vw;
    height: 6vw;
  }
  @keyframes goDown {
    0% {
      bottom: 50vh;
      width: 12vw;
      height: 12vw;
    }
    100% {
      bottom: 8vh;
      width: 6vw;
      height: 6vw;
    }
  }
  .a-l-1 {
    animation: 0.2s 2s forwards goDown;
  }
  .a-l-2 {
    animation: 0.5s ease-out 2.5s forwards scaleLogo;
  }
  body {
    cursor: pointer !important;
  }
  .cursor,
  .cursor-follower,
  .nav-mobile-none {
    display: none !important;
  }
  .nav-fullpage .close-nav {
    right: 7.5%;
    top: 2.5%;
  }
  #open-Nav-mobile {
    display: flex !important;
  }
  .open-Nav {
    width: 5vw;
    height: 5vw;
  }
  .open-Nav .bar {
    width: 2.8vw;
    height: 0.5vw;
  }
  .nav-fullpage .menu-nav .menus {
    flex-direction: column;
    text-align: center;
    margin-bottom: 0;
  }
  .nav-fullpage .menu-nav .menus a {
    font-size: 12vw;
    line-height: 14vw;
  }
  .case-project .case-project-wrap .case-project-title br,
  .nav-fullpage .menu-nav .menus .lineSep,
  .triangle,
  footer .letstalk span,
  footer .letstalk::after {
    display: none;
  }
  .main-header .custom-nav,
  .main-header .custom-nav.active {
    padding: 0;
    height: 10.08845vh;
  }
  .main-header .custom-nav .navbar-brand img,
  .main-header .custom-nav.active .navbar-brand img {
    width: 15.958333vw;
  }
  .main-header .custom-nav .nav-logo-inner.nonActive,
  .main-header .custom-nav.active .navbar-brand .nav-logo-inner {
    width: 6.604167vw;
    height: 6.604167vw;
    left: 30% !important;
  }
  .banner .banner-h1 .main,
  .banner .banner-h1 .mainService,
  .banner .banner-h1 .mainWork,
  .banner-contact .main,
  .primar-text-hollow {
    font-size: 14.8125vw;
    line-height: 13.8125vw;
  }
  .banner .sub {
    font-size: 3.041667vw;
    line-height: 4.041667vw;
  }
  .sub-heading {
    font-size: 4.927083vw;
    line-height: 4.927083vw;
  }
  .main-heading,
  footer .letstalk {
    font-size: 9.8125vw;
    line-height: 9.8125vw;
    letter-spacing: -2px;
  }
  .main-heading span {
    padding-left: 0.5rem;
  }
  .hover-content,
  .main-para {
    font-size: 2.5625vw;
  }
  .c-btn,
  .c-btn-reverse {
    width: 30.802083vw;
    font-size: 2.5625vw;
    letter-spacing: 1px;
  }
  .h-w-blog,
  .sec-pad {
    padding: 3rem 0;
  }
  .awards {
    padding: 3rem 0 4rem !important;
  }
  .work-box.first,
  .work-box.second {
    margin-top: 3rem;
    padding-left: 0;
  }
  .work-box .img-box {
    margin-bottom: 1rem;
  }
  .work-box .work-detail .content .work-title {
    font-size: 4.083333vw;
  }
  .blog-category-list ul li a p,
  .btn-blog-view i,
  .case-category .cat-titles h3,
  .copyrights .goto-top i,
  .price-wrap .price-details .price-detail-heading,
  .testimonial-slider .testimonial-position,
  .work-box .work-detail .content .work-catogery,
  .work-box .work-detail .page-ref a i,
  footer .cirle h3,
  footer .footer-info a,
  footer .footer-info h3 {
    font-size: 3vw;
  }
  .blog-person-detail .blog-icon,
  .work-box .work-detail .page-ref a {
    width: 7vw;
    height: 7vw;
  }
  .work-sec .col-12:nth-child(2) {
    margin-top: 0 !important;
  }
  .work-box.first {
    padding-right: 0;
  }
  .work-sec .col-12:nth-of-type(2n) {
    margin-top: 0;
  }
  .service-inner {
    padding-top: 2rem;
  }
  .service-box-left,
  .service-box-right {
    padding: 0 2rem;
  }
  .service-box-left .service-title,
  .service-box-right .service-title {
    font-size: 7.208333vw;
  }
  .service-box-left .service-anchor,
  .service-box-right .service-anchor {
    width: 8vw;
    height: 8vw;
  }
  .service-box-left .service-anchor i,
  .service-box-right .service-anchor i {
    font-size: 2.3vw;
  }
  .testimonials {
    padding: 3rem 0 5rem;
  }
  .testimonial-sub {
    font-size: 2.5625vw;
    margin-top: 1rem;
  }
  .testimonial-slider p,
  .testimonials .next {
    font-size: 2.5625vw;
    line-height: 3.5625vw;
  }
  .blog-category-list .blog-category-list-heading,
  .btn-blog-view:hover,
  .service-inner-vertical-tab .nav-link,
  .testimonial-slider .testimonial-title {
    font-size: 4vw;
  }
  .testimonial-slider .testimonial-line {
    width: calc(100% - 60%);
  }
  .footer-pad {
    margin: 3rem 0;
  }
  footer .cirlce-a {
    width: 20vw;
  }
  footer .cirlce-a .cirle {
    top: 1vw;
    width: 20vw;
    height: 20vw;
  }
  footer .footer-info {
    padding: 0;
    height: 41.62330905306972vh;
  }
  footer .footer-info i {
    font-size: 7vw;
    margin-bottom: 1.5rem;
  }
  .copyrights .footer-ul {
    text-align: center;
  }
  .blog-cards .card-footer .blog-person-detail .blog-person,
  .blog-detail-wrap .main-para,
  .blog-nav .nav-item .nav-link,
  .blog-person-detail .blog-person,
  .btn-toggle-mode,
  .case-project .case-project-wrap .case-project-detail p,
  .case-summary .case-summary-text p,
  .copyrights .footer-ul li a,
  .copyrights p,
  .custom-accordion p,
  .form-contact .form-control,
  .form-contact .form-label,
  .form-contact select,
  .h-w-blog .main-para,
  .price-wrap .price-details p {
    font-size: 2.5vw;
  }
  .copyrights .goto-top {
    margin: 2rem 0;
    font-size: 2.5vw;
  }
  .banner-about {
    height: 100vh;
  }
  .custom-accordion .accordion-header button,
  .price-wrap .sub-heading-price {
    font-size: 5vw;
  }
  .case-summary img,
  .price-nav .nav-item {
    width: 100%;
  }
  .price-nav .nav-item .nav-link {
    font-size: 5vw;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .price-wrap {
    margin-bottom: 2rem;
  }
  .price-wrap .price {
    font-size: 10vw;
  }
  .price-wrap .price-details li::before {
    font-size: 2vw;
  }
  .blog-main-heading {
    font-size: 4vw;
    margin-bottom: 2rem;
  }
  .blog-image {
    margin-bottom: 3rem;
  }
  .blog-details {
    padding-left: 0;
  }
  .blog-inner-heading {
    margin-top: 1rem;
    font-size: 6vw;
    letter-spacing: -1px;
    line-height: 6vw;
  }
  .btn-blog-view {
    margin: 1rem 0;
    font-size: 4vw;
  }
  .blog-cards .card-body .card-title,
  .blog-category-list ul li a .heading-2,
  .case-summary .case-summary-text h4 {
    font-size: 5vw;
    line-height: 5vw;
  }
  .blog-cards .card-footer .blog-person-detail {
    justify-content: start;
  }
  .blog-cards .card-footer .blog-person-detail .blog-icon {
    width: 7vw;
    height: 7vw;
    margin-right: 0.5rem;
  }
  .banner-contact {
    align-items: center;
  }
  .cirlce-contact {
    width: 40vw;
  }
  .cirlce-contact .cirle {
    width: 40vw;
    height: 40vw;
  }
  .cirlce-contact .cirle h3 {
    font-size: 6vw;
  }
  .contact-form {
    padding: 5rem 0;
  }
  .form-contact .mb-3 {
    margin-bottom: 2rem !important;
  }
  .blog-detail-wrap {
    margin-top: 10.08845vh;
  }
  .blog-detail-wrap .main-heading {
    font-size: 6vw;
    line-height: 6vw;
  }
  .banner-services .banner-h1 .main {
    font-size: 11.8125vw;
    line-height: 11.8125vw;
    margin-bottom: 2rem;
  }
  .case-project .case-bg-text {
    font-size: 18vw;
    line-height: 45vw;
  }
  .case-project .case-project-wrap .case-project-heading {
    font-size: 5vw;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .case-project .case-project-wrap .case-project-title {
    font-size: 7vw;
    line-height: 7vw;
  }
  .case .main-heading,
  .case-summary .case-summary-text h2 {
    font-size: 8vw;
    line-height: 8vw;
  }
  .web-design .web-bg-text {
    font-size: 18vw;
    line-height: 25vw;
    letter-spacing: -4px;
  }
  .case .sub-heading {
    font-size: 3vw;
    line-height: 3vw;
  }
  .logo-animation-wrapper .logo-bg-text {
    font-size: 17vw;
    line-height: 40vw;
    letter-spacing: -4px;
  }
  .next-project .slider-next-project .slick-list {
    width: 70vw;
  }
  .next-project .slider-next-project .slide a {
    font-size: 8vw;
    line-height: 8vw;
    letter-spacing: -1px;
  }
  .blog-top-tabs {
    position: relative;
    margin-top: 11vh;
  }
  .banner-contact .main {
    font-size: 13.020833333333334vw;
    line-height: 13.020833333333334vw;
  }
}
@media only screen and (max-width: 780px) {
  body {
    cursor: pointer !important;
  }
  .cursor,
  .cursor-follower {
    display: none !important;
  }
  footer .footer-info {
    height: 20.623309vh;
  }
  .br-footer {
    border-right: none;
  }
  .keypoints .counter h3 {
    font-size: 10vw;
    letter-spacing: 0;
  }
  .keypoints h2 {
    letter-spacing: 0;
    font-size: 5vw;
  }
  .keypoints:nth-child(2n),
  .keypoints:nth-child(odd) {
    height: 12vw;
    margin-bottom: 2.5rem;
  }
  .keypoints:nth-child(2n) .counter,
  .keypoints:nth-child(odd) .counter {
    width: 20vw;
    height: 20vw;
    top: -5vw;
  }
  .keypoints:nth-child(odd) .counter {
    left: -5vw;
  }
  .keypoints:nth-child(2n) .counter {
    right: -5vw;
  }
  .pop-form {
    position: absolute;
    width: 100% !important;
}
div#pop-form {
    width: 100%;
}
.pop-form .close-btn {
    right: -11px;
    top: -14px;
}
}
@media only screen and (max-width: 500px) {
  .service-wrapper .main-btn.mt-4,
  footer .letstalk {
    margin-top: 0.5rem !important;
  }
  .case-slider,
  body {
    overflow-x: hidden !important;
  }
  .loader-img {
    width: 40vw;
  }
  .logo-inner {
    width: 10.2vw;
    height: 10.2vw;
    left: 35.3%;
    bottom: 50.1vh;
  }
  .footer-info a,
  .footer-info h3 {
    line-height: 25px !important;
  }
  .main-footerr .social_links {
    position: relative;
    left: 0;
    bottom: 0;
  }
  .main-footerr .social_links .navbar-nav {
    justify-content: center;
  }
  .main-footerr .social_links a {
    font-size: 20px !important;
    padding-bottom: 0;
  }
  .blog-person-detail .blog-icon,
  .main-header .custom-nav .nav-logo-inner.nonActive,
  .main-header .custom-nav.active .navbar-brand .nav-logo-inner,
  .round-logo,
  .service-box-left .service-anchor,
  .service-box-right .service-anchor,
  .work-box .work-detail .page-ref a {
    width: 9.2vw;
    height: 9.2vw;
    left: 1% !important;
    top: 7px;
  }
  @keyframes goDown {
    0% {
      bottom: 50vh;
      width: 18vw;
      height: 18vw;
    }
    100% {
      bottom: 8vh;
      width: 10vw;
      height: 10vw;
      left: 50.4%;
    }
  }
  .round-logo {
    left: -40% !important;
  }
  .a-l-1 {
    animation: 0.2s 2s forwards goDown;
  }
  .a-l-2 {
    animation: 0.5s ease-out 2.5s forwards scaleLogo;
  }
  body {
    cursor: pointer !important;
  }
  .cursor,
  .cursor-follower,
  .next-project .slider-next-project .slick-next,
  .next-project .slider-next-project .slick-prev {
    display: none !important;
  }
  .nav-fullpage .menu-nav .menus a {
    font-size: 12vw;
    line-height: 14vw;
    margin-bottom: 0.8rem;
  }
  .main-header .custom-nav .navbar-brand img,
  .main-header .custom-nav.active .navbar-brand img {
    width: 36vw;
  }
  .open-Nav {
    width: 0;
    height: 10.08845vh;
  }
  .open-Nav .bar {
    width: 20px;
    height: 2px;
  }
  .banner .banner-h1 .main,
  .banner .banner-h1 .mainService,
  .banner .banner-h1 .mainWork,
  .banner-contact .main,
  .primar-text-hollow {
    font-size: 15vw;
    line-height: 14vw;
    letter-spacing: -1px;
  }
  .banner .banner-h1 .main br,
  .banner .banner-h1 .mainService br,
  .banner .banner-h1 .mainWork br,
  .banner-contact .main br,
  .primar-text-hollow br,
  .web-design .web-bg-text {
    display: none;
  }
  .banner .sub {
    font-size: 5vw;
    line-height: 5.5vw;
    width: 95%;
  }
  .banner .main .hover {
    margin-right: 0;
    display: block;
  }
  .banner .banner-h1 .main .hover::after {
    height: 3px;
  }
  .banner .line {
    height: 5vh;
  }
  .sub-heading {
    font-size: 7vw;
    line-height: 7vw;
    font-weight: 400;
  }
  .main-heading {
    font-size: 15vw;
    line-height: 13.5vw;
  }
  .our-story .main-heading span {
    padding-left: 0;
    display: block;
  }
  .hover-content,
  .main-para {
    font-size: 4vw;
    margin: 0.8rem 0;
  }
  .main-btn {
    text-align: center;
  }
  .c-btn,
  .c-btn-reverse {
    width: 80%;
    font-size: 4vw;
    letter-spacing: inherit;
  }
  .blog-detail-wrap .main-heading,
  .blog-inner-heading {
    letter-spacing: -1px;
    line-height: 10vw;
    font-size: 10vw;
  }
  .c-btn:nth-child(2) {
    margin-left: 0;
    margin-top: 1rem;
  }
  p.main-para.pb-5 {
    padding-bottom: 1.5rem !important;
  }
  .custom-accordion .accordion-header button,
  .service-inner-vertical-tab .nav-link,
  .work-box .work-detail .content .work-title {
    font-size: 6vw;
  }
  .blog-detail-wrap .main-para,
  .case-project .case-project-wrap .case-project-detail p,
  .case-summary .case-summary-text p,
  .custom-accordion p,
  .h-w-blog .main-para,
  .price-wrap .price-details p,
  .testimonial-sub,
  .work-box .work-detail .content .work-catogery,
  .work-box .work-detail .page-ref a i {
    font-size: 4vw;
  }
  .service-box-left,
  .service-box-right {
    height: 30vw;
  }
  .service-box-left .service-title,
  .service-box-right .service-title {
    font-size: 7vw;
  }
  .copyrights .footer-ul li a,
  .copyrights p,
  .form-contact .form-control,
  .form-contact .form-label,
  .form-contact select,
  .service-box-left .service-anchor i,
  .service-box-right .service-anchor i {
    font-size: 3.5vw;
  }
  .copyrights p {
    line-height: 5vw;
  }
  .testimonial-slider {
    padding-top: 2rem;
  }
  .f-w-blog,
  .h-w-blog,
  .mobile-responsive,
  .service-wrapper,
  footer {
    padding: 3rem 0;
  }
  .testimonial-slider p {
    font-size: 4vw;
    line-height: initial;
  }
  .case .sub-heading,
  .testimonial-slider .testimonial-title {
    font-size: 6vw;
    line-height: 6vw;
  }
  .testimonials .next {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }
  .testimonial-slider .testimonial-line {
    width: calc(100% - 80%);
    height: 3px;
    margin: 0.2rem 0;
  }
  footer .letstalk {
    font-size: 15vw;
    line-height: 13.5vw;
    letter-spacing: inherit;
    display: block;
  }
  footer .footer-info {
    height: fit-content;
    margin: 1.5rem 0;
  }
  .footer-pad,
  .nav-Digital-Marketing {
    margin: 2rem 0;
  }
  footer {
    border-top: 0;
  }
  .btn-blog-view i,
  .case-category .cat-titles h3,
  .copyrights .goto-top i,
  .price-wrap .price-details .price-detail-heading,
  footer .cirle h3,
  footer .footer-info a,
  footer .footer-info h3 {
    font-size: 5vw;
  }
  .price-wrap .sub-heading-price {
    font-size: 8vw;
    font-weight: 300;
  }
  .price-wrap .price {
    font-size: 15vw;
  }
  .blog-cards .card-footer .blog-person-detail .blog-person,
  .blog-nav .nav-item .nav-link,
  .blog-person-detail .blog-person,
  .price-wrap .price-details li::before {
    font-size: 3vw;
  }
  .service-count h2 {
    position: relative;
    font-size: 30vw;
    line-height: 25vw;
    left: 0;
  }
  .service-wrapper .main-btn {
    text-align: left;
  }
  .sec-pad-awards-services {
    padding: 0 0 3rem !important;
  }
  .awards-slider.pad-t-10 {
    padding-top: 3rem !important;
  }
  .pricing-wrapper .main-heading span {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: inline-block;
  }
  .about-banner-content {
    top: initial;
  }
  .about-banner-content .banner-h1 h1,
  .about-banner-content .banner-h1 h2 {
    font-size: 28vw;
    line-height: 25vw;
  }
  .about-banner-content .banner-h1 h2 {
    letter-spacing: -3px;
  }
  h2.main-heading.pb-5 {
    padding-bottom: 1rem !important;
  }
  footer .cirlce-a {
    width: 35vw;
  }
  footer .cirlce-a .cirle {
    width: 35vw;
    height: 35vw;
  }
  .blog-nav-wrap {
    padding: 1rem 0;
  }
  .blog-main-heading {
    font-size: 7vw;
    margin-bottom: 1.5rem;
  }
  .blogs-wrapper .container {
    width: 100%;
    padding: 0;
  }
  .blog-image,
  .mobile-responsive img {
    margin-bottom: 2rem;
  }
  .blog-inner-heading {
    margin-top: 1rem;
  }
  .blog-person-detail {
    height: 60px;
  }
  .btn-blog-view {
    margin: 0.3rem 0;
    font-size: 6vw;
  }
  .blog-cards .card-body .card-title,
  .case-summary .case-summary-text h4 {
    font-size: 7vw;
    line-height: 7vw;
  }
  .blog-cards .card-body {
    padding: 1rem;
  }
  .blog-cards .card-footer .blog-person-detail .blog-icon {
    width: 10vw;
    height: 10vw;
    margin-right: 0.5rem;
  }
  .blogs-wrapper .main-btn.text-center.mt-5 {
    margin-top: 1rem !important;
    padding-top: 0;
    text-align: left !important;
  }
  .case .main-heading,
  .case-project .case-bg-text,
  .case-summary .case-summary-text h2 {
    font-size: 12vw;
    line-height: 12vw;
  }
  .price-nav .nav-item .nav-link {
    font-size: 7vw;
    border-bottom: 5px solid #191919;
  }
  .price-nav .nav-item .nav-link.active {
    border-bottom: 5px solid var(--primary);
  }
  .price-content {
    padding: 3rem 0 0.5rem;
  }
  .contact-form .main-btn.pt-5 {
    padding-top: 0 !important;
  }
  .case-project .case-bg-text {
    letter-spacing: 0;
    top: 0;
    position: relative;
  }
  .case-category {
    padding: 0 1rem;
  }
  .case-project {
    margin-top: -5rem;
    padding: 6rem 0;
  }
  .case-project .case-project-wrap .case-project-heading {
    font-size: 6vw;
    margin-bottom: 1rem;
  }
  .case-project .case-project-wrap .case-project-title {
    font-size: 8vw;
    line-height: 8vw;
    letter-spacing: 0;
    font-weight: 500;
  }
  .case-summary .case-summary-text {
    height: fit-content;
  }
  .case-summary {
    padding: 3rem 0 4rem;
  }
  .case-summary img {
    width: 100%;
    margin-bottom: 0.8rem;
  }
  .col-case-summary img {
    margin-top: 1.2rem;
  }
  .laptop {
    max-width: 98%;
  }
  .laptop .laptop__screen,
  .laptop .laptop__screen img {
    border-radius: 1rem;
  }
  .laptop .laptop__under {
    height: 0.5rem;
  }
  .web-design {
    padding: 0;
  }
  .next-project {
    padding: 4rem 0 3rem;
  }
  .next-project .slider-next-project .slick-list {
    width: 100%;
  }
  .next-project .slider-next-project .slide a {
    font-size: 10vw;
    line-height: 10vw;
    letter-spacing: 0;
  }
  .logo-animation-wrapper {
    padding: 3rem 1rem;
    position: relative;
  }
  .logo-animation {
    background-color: var(--black);
    border: 3px solid var(--white);
    border-radius: 10px;
    height: 40vw;
    width: 100%;
    margin: 0 auto;
  }
  .inner-nav-footer li,
  .inner-nav-footer li a {
    font-size: 2vw;
  }
  .pad-inner-service {
    padding: 0.5rem;
    margin-top: 3rem;
  }
  .service-inner-sec .inner-service-wrap .heading {
    font-size: 10vw;
    line-height: 10vw;
    margin-bottom: 0.5rem;
  }
  .service-inner-sec .inner-service-wrap {
    grid-gap: 0;
  }
  .inner-service-wrap ul li::before {
    font-size: 1.5vw;
    margin-top: 8px;
  }
  .inner-service-wrap .service-box {
    margin-bottom: 2rem;
    min-height: auto;
  }
  .inner-service-wrap .service-box h3 {
    font-size: 10vw;
  }
  .service-pad-mobile {
    padding: 0 !important;
  }
  .service-pad {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .inner-service-wrap ul li {
    padding-left: 1rem;
  }
  .inner-service-wrap ul li .main-para {
    margin: 0;
  }
  .banner-contact .main {
    font-size: 17vw;
    line-height: 16vw;
  }
  footer .h-circle {
    height: 23vh;
  }
  .top-agency a img {
    width: 95px;
    object-fit: cover;
  }
}