@media (max-width:1600px) {
  .animation-banner-img img {
      width: 100% !important;
      max-height: 600px !important;
  }
  .banner-right {
    bottom: 24px;
    right: 0;
    width: 37%
  }

  body .mobile-app-inner-img1.email-banner-img {
    width: 400px;
  }

  .banner-right .container,
  .stage {
    height: 550px
  }
  .main-heading {
    padding-left: 15%
  }
  .grid-container {
    padding: 0 8%
  }
  .creative-heading {
    padding-left: 9%
  }
  .video-box {
    height: 406px
  }
  .portfolio-responsive-slider {
    padding: 0 6%
  }
  .web-content h2 {
    font-size: 60px
  }
  .web-content {
    padding-left: 0
  }
  .web-inner-img1 {
    width: 290px;
    height: 525px;
    right: 23.5%
  }
  .web-inner-img2 {
    width: 290px;
    height: 655px
  }
  .mobile-app-inner-img1,
  .web-design .inner-tab-content {
    right: 4%
  }
  .mobile-app-inner-img1 img {
    width: 400px
  }
  .animation-banner-img {
    top: 17%;
    right: 10%
  }
}

@media (max-width:1440px) {
  .banner-right {
    bottom: 18px;
    right: 0;
    width: 31%
  }
  .main-heading h2 {
    font-size: 62px;
    line-height: 65px
  }
  .services-wrapper {
    padding: 4% 6% 2% 16%
  }
  .main-heading h2 br {
    display: none
  }
  .creative-heading {
    padding-left: 12%
  }
  .portfolio-box.col a img {
    height: 230px
  }
  section.portfolio .portfolio-box a:before {
    width: 89%
  }
  .video-box {
    height: 385px
  }
  .web-content {
    padding-left: 5%;
    padding-top: 0
  }
  .web-inner-img1 {
    height: 483px;
    top: 25%;
    width: 240px;
    right: 22.5%
  }
  .web-inner-img2 {
    width: 250px;
    height: 600px;
    top: 19%;
    right: 3%
  }
  .mobile-app-inner-img1 {
    right: 0
  }
  .megamenu {
    width: 950px;
    left: -230px
  }
}

@media (max-width:1366px) {
  .logo-design-inner img {
    width: 250px
  }
  .logo-design-inner {
    right: -3%;
    top: 26%
  }
  .portfolio-banner-img {
    top: 25%
  }
  .portfolio-banner-img img {
    width: 605px
  }
  header {
    padding: 12px 20px 0
  }
  .side-bar {
    margin: 0 20px;
    top: 12px
  }
  .banner-right {
    bottom: 11px;
    right: 0
  }
  section.portfolio .portfolio-box a:before {
    width: 90%;
    left: 16px
  }
  .main-heading {
    padding-left: 17%;
    padding-top: 13%
  }
  .banner-right .container,
  .stage {
    height: 604px
  }
  .services-wrapper {
    padding: 2% 6% 2% 16%
  }
  .creative-heading h2,
  .web-design .main-heading h2 {
    font-size: 45px;
    line-height: 50px
  }
  .creative-heading {
    padding-left: 14%
  }
  .content-wrap h3 {
    font-size: 43px;
    padding-bottom: 0
  }
  .ser-button1 .default-btn {
    font-size: 14px
  }
  .preloader .preloader-block .percent {
    position: absolute;
    top: 9%;
    left: 4.5%
  }
  .brand-logo .icon {
    padding: 4px 8px 4px 7px
  }
  .side-bar {
    width: 82px
  }
  .left-content-wrap,
  .right-content-wrap {
    padding: 6% 0
  }
  section.creative-agency {
    padding: 60px 0
  }
  .about-us-content {
    padding-bottom: 10px !important;
    border-bottom: 0 !important
  }
  section.portfolio {
    padding: 80px 0
  }
  .port-content p {
    padding: 0 20px 15px
  }
  .portfolio-box.col a img {
    height: 210px
  }
  .sub-tabs {
    margin-bottom: 30px
  }
  section.testimonial {
    padding: 60px 0
  }
  .testi-heading p {
    padding-bottom: 20px
  }
  .sub-tabs .nav-item a {
    font-size: 14px;
    padding: 5px 10px
  }
  .video-box {
    height: 364px
  }
  .ban-arrow {
    bottom: 10%;
    right: 28%;
    width: 12%
  }
  .testi-slider.owl-carousel .owl-nav button.owl-next {
    margin-right: -211px
  }
  .testi-slider.owl-carousel .owl-nav button {
    width: 32.6%
  }
  .testi-wrapper {
    padding: 24px
  }
  .testi-slider.owl-carousel .owl-nav button.owl-prev {
    margin-left: -211px
  }
  .cr-wrapper {
    font-size: 160px
  }
  .content-wrap p {
    font-size: 14px
  }
  .web-content h2 {
    font-size: 55px
  }
  .web-content p {
    font-size: 17px;
    line-height: 28px;
    padding-top: 15px
  }
  .web-content {
    padding-left: 12%;
    padding-top: 13%;
    padding-right: 6%
  }
  .web-inner-img1 {
    height: 400px;
    top: 26%;
    width: 220px;
    right: 22.5%
  }
  .web-inner-img2 {
    width: 250px;
    height: 490px;
    top: 19%;
    right: 2%
  }
  .web-design .web-content {
    padding: 0
  }
  .service-text-wrap p {
    font-size: 15px
  }
  .service-text h3 {
    font-size: 25px
  }
  .web-design {
    padding: 60px 0
  }
  .web-design .service-tab-wrap {
    padding: 50px 0 25px
  }
  .sub-tabs {
    padding: 0 120px
  }
  .mobile-app-inner-img1 {
    right: 5%;
    top: 21%
  }
  .seo-banner-img {
    top: 19%
  }
  .mobile-app-inner-img1 img {
    width: 450px
  }
  .animation-banner-img img {
   width: 100% !important;
      max-height: 600px !important;
  }
  .main-heading h2 {
    font-size: 50px;
    line-height: 62px
  }
  .main-modal-form .modal-dialog {
    min-height: calc(100% - -25px)
  }
}

@media (max-width:1280px) {
  .mobile-app-inner-img1 {
    right: 9%;
    top: 24%
  }
  .seo-banner-img {
    top: 21%;
    right: 5%
  }
  .seo-banner-img img {
    width: 325px
  }
  .mobile-app-inner-img1 img {
    width: 340px
  }
  .animation-banner-img img {
   width: 100% !important;
      max-height: 600px !important;
  }
  .banner-right {
    bottom: 18px;
    width: 36%
  }
  .creative-heading h2 {
    font-size: 45px;
    line-height: 53px
  }
  .services-wrapper {
    padding: 4% 6% 2% 14%
  }
  .testi-slider.owl-carousel .owl-nav button.owl-prev {
    margin-left: -40px
  }
  .testi-slider.owl-carousel .owl-nav button {
    width: 32%;
    height: 60px
  }
  .testi-slider.owl-carousel .owl-nav button.owl-next {
    margin-right: -41px
  }
  .testi-wrapper {
    margin: 0 15%
  }
  .client-review p {
    min-height: 182px
  }
  .testi-slider.owl-carousel .owl-nav {
    z-index: 1
  }
  .video-box {
    height: 350px
  }
  .main-heading h2 {
    font-size: 50px;
    line-height: 55px
  }
  .web-content {
    padding-left: 11%;
    padding-right: 5%
  }
  .portfolio-content {
    padding-left: 17%
  }
  .portfolio-banner-img img {
    width: 484px
  }
  .portfolio-banner-img {
    top: 21%
  }
  .web-inner-img2 {
    width: 245px;
    height: 480px;
    top: 21%
  }
  .web-inner-img1 {
    top: 26%;
    width: 215px;
    right: 23.5%
  }
  .web-design .main-heading h2 {
    padding-left: 7%
  }
  .maincta .btn-radius-top a {
    padding: 8px 17px;
    font-size: 16px
  }
  .maincta h3 span {
    font-size: 30px
  }
  .maincta h3 {
    font-size: 25px;
    line-height: 35px;
    padding-left: 15%
  }
  .maincta p {
    font-size: 13px;
    padding-left: 15%
  }
  .maincta .callsdivs {
    padding: 30px 0 0
  }
  .maincta .callsdivs a {
    font-size: 14px
  }
  .packagesbxs {
    padding: 0 0 0 7%
  }
  .det-packages,
  .maincta {
    padding: 30px 0
  }
  .web-design .service-tab-wrap {
    padding-left: 7%
  }
  .web-design .inner-tab-content {
    right: 2%
  }
  .hover-effect a img {
    width: 200px
  }
  .web-serv-btn {
    margin-left: 65px
  }
  .logo-design-inner img {
    margin: -15px
  }
  .logo-design-inner {
    right: 4%;
    top: 26%
  }
  .inner-about-us {
    background-position: 40%
  }
}

@media (max-width:1199px) {
  .mobile-app-inner-img1 {
    right: 3%;
    top: 24%
  }
  .hover-effect a img {
    width: 170px
  }
  .logo-design-inner {
    right: 4%;
    top: 26%
  }
  .logo-design-inner img {
    width: 170px;
    margin: -12px
  }
  .navicon {
    left: -18px
  }
  .banner-right {
    width: 35%
  }
  .creative-heading h2 {
    font-size: 41px;
    line-height: 50px
  }
  .services-wrapper {
    padding: 5% 6% 2% 14%
  }
  .ser-button1 .default-btn {
    font-size: 14px
  }
  .footer-top-wrap {
    padding: 171px 0 105px
  }
  .cr-wrapper {
    font-size: 166px
  }
  .content-wrap h3 {
    font-size: 43px
  }
  .serv-images {
    width: 100%
  }
  .brand-logo .logo-name {
    padding: 0 15px;
    width: 200px
  }
  .portfolio-box.col-md-2 {
    padding: 5px
  }
  .creative-heading {
    padding-left: 16%
  }
  .parent-tabs {
    margin: 2% 3% 2% 15%
  }
  .brand-logo .icon {
    width: 77px
  }
  .side-bar {
    width: 78px
  }
  .testi-slider.owl-carousel .owl-nav button {
    width: 38.1%
  }
  .testi-slider.owl-carousel .owl-nav button.owl-prev {
    margin-left: -65px
  }
  .testi-slider.owl-carousel .owl-nav button.owl-next {
    margin-right: -65px
  }
  .portfolio-box.col a img {
    height: 170px
  }
  .video-box {
    height: 406px
  }
  .preloader .preloader-block .percent {
    top: 10%;
    left: 6%
  }
  .ban-arrow {
    right: 30%;
    width: 11%
  }
  section.portfolio .portfolio-box a:before {
    width: 90%;
    left: 15px
  }
  .portfolio-box-wrap .nav-tabs .nav-link {
    margin: 4px 0
  }
  .ser-button1 .default-btn .btn-icon {
    margin-right: 7px
  }
  .web-content {
    padding-left: 7%
  }
  .main-heading h2 {
    font-size: 44px;
    line-height: 50px
  }
  .web-content p {
    font-size: 16px;
    line-height: 26px
  }
  .banner-button .default-btn {
    border: 1px solid #fff;
    font-size: 15px;
    padding: 8px 22px
  }
  ul.navbar li {
    padding: 0 13px
  }
  ul.navbar li a {
    font-size: 15px
  }
  .web-inner-img1 {
    width: 210px;
    right: 25.5%;
    height: 390px
  }
  .web-inner-img2 {
    width: 250px;
    height: 450px;
    top: 21%;
    right: 3%
  }
  .clinet-icons-wraper {
    height: 172px
  }
  .clinet-icons-wraper .clinet-icon-1 img {
    width: 115px
  }
  .packages-tabs .nav-tabs li a {
    padding: 7px 14px;
    font-size: 15px
  }
  .packages-slider .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .det-packages .boxpackages {
    box-shadow: 2px 9px 19px -5px #00000059
  }
  .megamenu {
    top: 60px
  }
}