@media screen and (min-width:1600px) and (max-width:1920px) {
  .wpelemento-seo-topbar-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-menubar-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-services-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-about-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-projects-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-pricing-section  .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-footer-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-team-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-choose-us-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-choose-us-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-blog-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-brand-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-testimonial-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-newsletter-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-banner-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-services-page-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-blog-no-sidebar-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-blog-left-sidebar-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-contact-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-projects-page-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-getaquote-section .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-seo-choose-us-img-box-section {
    margin-top: 30px;
  }
  .wpelemento-seo-choose-us-img-box1 .elementor-widget-container {
    margin: -30px 0px 0px 0px !important;
  }
  .wpelemento-seo-choose-us-img-box2 .elementor-widget-container {
    margin: 50px 0px 0px 0px !important; 
  }
  .wpelemento-seo-choose-us-img-box3 .elementor-widget-container {
    margin: 25px 0px 0px 0px !important;
  }
  .wpelemento-seo-choose-us-img-box4 .elementor-widget-container {
    margin: 41px 0px 0px 0px !important;
  }
  .wpelemento-seo-choose-us-img-box5 .elementor-widget-container {
    margin: 30px 0px 0px 0px !important;
  }
}

@media screen and (min-width:1920px) and (max-width:1920px) {
  .portfolio-main-image-container {
    background-size: 48% auto !important;
  }
}

@media screen and (min-width:1600px) and (max-width:1680px) {

  .portfolio-welcome h2 {
    transform: translate(-39px, 170px);
  }
  .portfolio-banner-btn .elementor-button-content-wrapper {
    width: max-content !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 10px !important;
  }
  .portfolio-banner-btn .elementor-button,  .portfolio-download-btn .elementor-button {
    font-size: 16px !important;
  }
  .portfolio-main-image-container {
    background-size: 58% auto !important;
  }
  .blog-single-page-banner-left {
    width:50% !important;
    height: 250px;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 250px;
  }
  .single-post .banner-image {
    background-position: center center !important;
    height: 250px;
  }
  .services-single-page-banner-left {
		width:50% !important;
    height: 250px;
  }
  .projects-single-page-banner-left {
		width:50% !important;
    height: 250px;
  }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .portfolio-welcome h2 {
    transform: translate(-39px, 170px);
  }
  .portfolio-banner-btn .elementor-button-content-wrapper {
    width: max-content !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 10px !important;
  }
  .portfolio-banner-btn .elementor-button,  .portfolio-download-btn .elementor-button {
    font-size: 16px !important;
  }
  .portfolio-main-image-container {
    background-size: 64% auto !important;
  }
  .wpelemento-seo-banner-leftside-section {
    box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -429px 1px 10px 0 #00000029;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1!important;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    line-height: 40px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -250px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 3px 184px 11px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 130px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 185px;
    top: 0px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-title a {
    line-height: 35px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-main-title .bdt-title-tag {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 148px;
  }
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    margin: 0 8px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 60px 80px 60px 160px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding: 50px 15px 15px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 64px;
  }
  .wpelemento-seo-testimonial-section .bdt-position-relative .bdt-slide-overlay img {
    width: 90%;
  }
  .projects-btn {
    right: 27px;
  }
  .projects-item {
    width: 96%;
  }
  .wpelemento-seo-services-page-section .ea-amox-grid .ea-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .projects-btn2 {
    left: 185px;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    padding: 10px 150px 190px 11px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    padding-left: 40px !important;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 28px;
    top: -28px;
    z-index: 2;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -4px;
    z-index: 2;
    right: 76px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 58px;
    bottom: -71px;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: -2px;
    right: 81px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/
  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .banner-image .container {
    max-width: 1140px !important;
  }
  .blog-single-page-banner-left h1.text-left:after {
    display:none;
  }
  .blog-single-page-banner-left {
      /* padding: 0px 0px 0px 150px; */
      width:50% !important;
      height: 250px;
      padding-left: 0px;
  }
  .single-blog-content p {
    font: 300 22px/50px 'Josefin Sans', Sans-serif;
    padding-top: 0px;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 250px;
  }
  .single-post .banner-image {
    background-position: center center !important;
    height: 250px;
  }
  #single_post .feature-box img {
    margin-top: -10px;
  }
  .content-box {
    margin-top: -75px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
    /* padding: 0px 0px 0px 150px; */
		width:50% !important;
    height: 250px;
    padding-left: 0px;
  }
  #single_post_services .feature-box-services img {
    min-width: calc(100% - 4%);
    margin: 0 auto !important;
    display: block;
  }
  .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: -8px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:50% !important;
    height: 250px;
    padding-left: 0px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 19%);
  }
  .single-projects-top-right-section h5 {
    padding: 7px 0px !important;
  }
  .single-product-banner-left h1 {
    margin-top: 4.5rem !important;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

  /*========= SEO Get A Quote Responsive CSS Start =========*/
  .contact-box p input {
    width: 501px !important;
  }
  /*========= SEO Get A Quote Responsive CSS End =========*/
}

@media screen and (min-width:1366px) and (max-width:1439px) {
  .portfolio-welcome h2 {
    transform: translate(-37px, 170px);
  }
  .portfolio-banner-btn .elementor-button-content-wrapper {
    width: max-content !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 12px !important;
  }
  .portfolio-banner-btn .elementor-button,  .portfolio-download-btn .elementor-button {
    font-size: 15px !important;
  }
  .portfolio-main-image-container {
    background-size: 68% auto !important;
  }
  .wpelemento-seo-banner-leftside-section {
    box-shadow: -367px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -429px 1px 10px 0 #00000029;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1!important;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    line-height: 40px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-title a {
    line-height: 35px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    font-size: 15px;
  }
  .wpelemento-seo-blog-section .ea-date {
    padding-left: 32px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -251px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 8px 192px 11px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 135px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 189px;
    top: 0px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-main-title .bdt-title-tag {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .wpelemento-seo-counter-section .elementor-counter-number-wrapper {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .wpelemento-seo-main-counter-section {
    margin-top: -130px !important;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 113px;
  }
  .projects-btn {
    position: absolute;
    right: 27px;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 28px;
    top: -28px;
    z-index: 2;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -4px;
    z-index: 2;
    right: 76px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 58px;
    bottom: -71px;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: -2px;
    right: 80px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    margin: 0 10px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 50px 90px 50px 160px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding: 40px 10px 20px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 62px;
  }
  .wpelemento-seo-testimonial-section .bdt-position-relative .bdt-slide-overlay img {
    width: 90%;
  }
  .wpelemento-seo-services-page-section .ea-amox-grid .ea-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .projects-btn2 {
    left: 182px;
    padding: 15px 20px;
  }
  .projects-item {
    width: 96%;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    padding: 10px 152px 190px 11px;
  }
  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .single-product-banner-left h1.text-left:after {
    display:none;
  }
  .blog-single-page-banner-left {
      width:50% !important;
      height: 200px;
      padding-left: 0px;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 200px;
  }
  .single-post .banner-image {
    background-position: center center !important;
    height: 200px;
  }
  #single_post .feature-box img {
    margin-top: -10px;
  }
  .content-box {
    margin-top: -75px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .single-page-title {
    font: 600 35px/60px 'Josefin Sans';
  }
  .single-blog-content p {
    font: 300 22px/45px 'Josefin Sans', Sans-serif;
    padding-top: 0px;
  }
  .single-post-content {
    padding-top: 0px !important;
  }
  .single-page-metaimage {
    padding: 0rem 5rem;
  }
  .single-post-nav .nav-links a {
    font: 300 20px/45px 'Josefin Sans';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 15px 20px 10px 20px;
  }
  .single-post-comment {
    margin-top: 5em;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
		width:50% !important;
    height: 200px;
    padding-left: 0px;
  }
  #single_post_services .feature-box-services img {
    min-width: calc(100% - 4%);
    margin: 0 auto !important;
    display: block;
  }
  .seo-single-services-page {
    width: 100%;
    max-width: calc(100% - 14%);
    margin: 0 auto;
    margin-top: 40px;
  }
  .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: -7px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/
  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:50% !important;
    height: 200px;
    padding-left: 0px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 13%);
  }
  .single-projects-top-right-section h5 {
    padding: 7px 0px !important;
  }
  .single-product-banner-left h1 {
    margin-top: 3.5rem !important;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

  /*========= SEO Get A Quote Responsive CSS Start =========*/
  .contact-box p input {
    width: 501px !important;
  }
  /*========= SEO Get A Quote Responsive CSS End =========*/
}

@media screen and (min-width:1200px) and (max-width:1365px) {
  .portfolio-banner-btn .elementor-button-content-wrapper {
    width: max-content !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 12px !important;
  }
  .portfolio-banner-btn .elementor-button,  .portfolio-download-btn .elementor-button {
    font-size: 13px !important;
  }
  .portfolio-welcome h2 {
    transform: translate(-27px, 170px);
  }
  .portfolio-main-image-container {
    background-size: 77% auto !important;
  }
  body:not(.home) #menu-primary-menu li a {
    color: #fff !important;
    font-size: 18px;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 30px;
  }
  .wpelemento-seo-banner-leftside-section {
    box-shadow: -384px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -419px 1px 10px 0 #00000029;
  }
  .wpelemento-seo-slider-section .bdt-main-title .bdt-title-tag {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .wpelemento-seo-main-counter-section {
    margin-top: -130px;
  }
  .wpelemento-seo-counter-section .elementor-counter-title {
    text-align: left !important;
    font-size: 18px !important;
  }
  .wpelemento-seo-counter-section .elementor-counter-number-wrapper {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1!important;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    line-height: 40px !important;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding: 40px 20px 0px;
  }
  .wpelemento-seo-testimonial-section .bdt-position-relative .bdt-slide-overlay img {
    width: 90%;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slider-excerpt p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8 !important;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 125px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 184px;
    top: 0px;
 }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -250px;
    left: -18px;
    background-color: #6F41C2;
    padding: 0px 20px 190px 11px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-title a {
    line-height: 35px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    margin: 0 10px;
  }
  .projects-btn {
    right: 20px;
  }
  .projects-item {
    width: 95%;
  }
  .projects-btn2 {
    left: 185px;
    padding: 15px 20px;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    padding: 10px 150px 195px 11px;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 28px;
    top: -28px;
    z-index: 2;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -4px;
    z-index: 2;
    right: 76px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 58px;
    bottom: -71px;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: -2px;
    right: 77px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/
  /*========= Team Responsive CSS Start =========*/
  .wpelemento-seo-team-section .ea-tm-social-links {
    left: 35px;
  }
  /*========= Team Responsive CSS End =========*/
  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .single-product-banner-left h1.text-left:after {
    display:none;
  }
  .blog-single-page-banner-left {
      width:50% !important;
      height: 200px;
      padding-left: 0px;
  }
  .single-blog-content p {
    font: 300 22px/45px 'Josefin Sans', Sans-serif;
    padding-top: 0px;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 200px;
  }
  .single-post .banner-image {
    background-position: center center !important;
    height: 200px;
  }
  #single_post .feature-box img {
    margin-top: -10px;
  }
  .content-box {
    margin-top: -50px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .single-page-title {
    font: 600 35px/60px 'Josefin Sans';
  }
  .single-post-content p {
    font: 300 18px/45px 'Josefin Sans', Sans-serif;
    letter-spacing: 1px;
  }
  .single-post-content {
    padding-top: 0px !important;
  }
  .single-page-metaimage {
    padding: 0rem 5rem;
  }
  .single-post-nav .nav-links a {
    font: 300 20px/45px 'Josefin Sans';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 15px 20px 10px 20px;
  }
  .single-post-comment {
    margin-top: 5em;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
		width:55% !important;
    height: 200px;
    padding-left: 0px;
  }
   .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: 6px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 6%);
  }
  .single-projects-top-right-section h5 {
    padding: 4px 0px !important;
  }
  .single-product-banner-left h1 {
    margin-top: 3.5rem !important;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

   /*========= SEO Get A Quote Page Responsive CSS Start =========*/
   .quote-first-name input {
    width: 100%;
  }
  .quote-mobile-no input {
    width: 100%;
  }
  .quote-last-name input {
    width: 100%;
  }
  .quote-additional-number input {
    width: 100%;
  }
  .contact-box p input {
    width: 501px !important;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:1024px) and (max-width:1199px) {
  
  .portfolio-main-image-container {
    background-size: 64% auto !important;
  }
  .portfolio-social-icon .ekit_social_media > li {
    margin: 6px 30px 12px 45px !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 10px !important;
  }
  .portfolio-banner-btn .elementor-button {
    font-size: 13px !important;
    padding: 6px 2px 6px 2px !important;
  }
  .portfolio-happy {
    top: 207px;
    right: -212px;
  }
  .portfolio-welcome h2 {
    transform: translate(-27px, 136px);
  }
  .portfolio-award-container {
    right: 50px;
    top: 10px;
  }
  .portfolio-counter-container {
    bottom: 8px;
  }
  body:not(.home) .wpelemento-seo-primary-menu-section .icon.icon-menu-button-of-three-horizontal-lines::before {
    color: #fff;
  }
  .wpelemento-seo-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  .elementskit-menu-overlay {
    display: none !important;
  }
  body:not(.home) #menu-primary-menu li a {
    color: #fff !important;
    font-size: 18px !important;
  }
  .home #menu-primary-menu li a {
    font-size: 17px;
  }
  .wpelemento-seo-slider-section .bdt-main-title .bdt-title-tag {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 5%;
  }
  .wpelemento-seo-main-counter-section {
    margin-top: -130px;
  }
  .wpelemento-seo-counter-section .elementor-counter-number-wrapper {
    font-size: 35px !important;
    line-height: 50px !important;
  }
  .wpelemento-seo-services-section .ea-amox-carousel .ea-title {
    line-height: 36px !important;
  }
  .wpelemento-seo-team-section .swiper-button-prev {
    left: 43.5%;
    position: absolute;
  }
  .wpelemento-seo-team-section .swiper-button-next {
    right: 43.5%;
    position: absolute;
  }
  .owl-nav {
    left: 85%;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 94px;
    top: -18px;
    z-index: 2;
    width: 27% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 39px;
    z-index: 2;
    right: 170px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 109px;
    bottom: -45px;
    width: 26% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 45px;
    right: 149px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    padding-top: 40px;
    display: grid;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 178px;
    top: 0px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -225px;
    left: -18px;
    background-color: #6F41C2;
    padding: 2px 2px 163px 10px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 50px 42px 50px 150px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding: 55px 20px 0px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 60px;
  }
  .wpelemento-seo-testimonial-section .bdt-position-relative .bdt-slide-overlay img {
    width: 90%;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slider-excerpt p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    margin: 0px 0px !important;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    padding: 18px 18px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 20px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1!important;
  }
  .wpelemento-seo-team-section .ea-tm-content {
    margin: -75px 70px 0px 70px;
  }
  .projects-btn2 {
    left: 172px;
    padding: 14px 8px;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    padding: 10px 260px 260px 11px;
  }
  .wpelemento-seo-contact-page .e-con-inner {
    padding: 15px;
    gap: 10px;
  }

  /*=========== SEO Blog section Responsive CSS Start ===========*/
  .wpelemento-seo-blog-section .ea-date {
    padding-left: 25px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 14px !important;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 120px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 170px;
    top: 0px;
  }
  /*=========== SEO Blog section Responsive CSS Start ===========*/

  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .single-product-banner-left h1.text-left:after {
    display:none;
  }
  .blog-single-page-banner-left {
     width:50% !important;
     height: 200px;
  }
  .blog-single-page-banner-left {
    box-shadow: -468px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -474px 1px 10px 0 #00000029;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 200px;
  }
	.single-post .banner-image {
    background-position: center center !important;
    height: 200px;
  }
  #single_post .feature-box img {
    margin-top: -10px;
  }
  .content-box {
    margin-top: -50px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .single-page-title {
    font: 600 35px/60px 'Josefin Sans';
  }
  .single-post-content p {
    font: 300 18px/45px 'Josefin Sans', Sans-serif;
    letter-spacing: 1px;
  }
  .single-blog-content p {
    font: 300 20px/40px 'Josefin Sans', Sans-serif;
    /* padding-top: 16px !important; */
  }
  .single-post-content {
    padding-top: 0px !important;
  }
  .single-page-metaimage {
    padding: 0rem 2rem;
  }
  .single-post-nav .nav-links a {
    font: 300 20px/45px 'Josefin Sans';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 15px 20px 10px 20px;
  }
  .single-post-comment {
    margin-top: 5em;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
   .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: 6px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .single-projects-top-right-section {
    margin-top: 20px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 6%);
  }
   .single-projects-top-right-section img {
    margin-top: 20px
  }
   .single-projects-top-right-section h5 {
    padding: 0px 0px !important;
  }
  .single-product-banner-left h1 {
    margin-top: 3.5rem !important;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

   /*========= SEO Get A Quote Page Responsive CSS Start =========*/
   .quote-first-name input {
    width: 100%;
  }
  .quote-mobile-no input {
    width: 100%;
  }
  .quote-last-name input {
    width: 100%;
  }
  .quote-additional-number input {
    width: 100%;
  }
  .contact-box p input {
    width: 448px !important;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:992px) and (max-width:1023px) {
  .portfolio-main-image-container {
    background-size: 66% auto !important;
  }
  .portfolio-welcome h2 {
    transform: translate(-26px, 136px);
  }
  .portfolio-social-icon .ekit_social_media > li {
    margin: 6px 30px 12px 36px !important;
  }
  .portfolio-counter-container {
    bottom: 10px;
  }
  .portfolio-banner-btn .elementor-button-content-wrapper {
    width: max-content !important;
  }
  .portfolio-download-btn .elementor-button-content-wrapper {
    width: max-content !important;
    margin-left: 34px !important;
  }
  .wpelemento-seo-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  .elementskit-menu-overlay {
    display: none !important;
  }
  body:not(.home) .wpelemento-seo-primary-menu-section .icon.icon-menu-button-of-three-horizontal-lines::before {
    content: "\eb1b";
    color: #fff;
  } 
  body:not(.home) #menu-primary-menu li a {
    color: #000 !important;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 5%;
    padding-top: 15%;
  }
  .wpelemento-seo-counter-section-box1 {
    display: none;
  }
  .wpelemento-seo-counter-section {
    box-shadow: unset;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 112px;
    top: -18px;
    z-index: 2;
    width: 26% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 27px;
    z-index: 2;
    right: 177px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 105px;
    bottom: -65px;
    width: 26% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 26px;
    right: 142px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/
  .wpelemento-seo-counter-section .elementor-counter-number-prefix {
    display: block;
  }
  .projects-btn {
    position: absolute;
    right: 70px;
    bottom: 36px;
    background: #6F41C2 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 16px;
    color: #fff;
    font: 500 20px/20px 'josefin sans';
  }
  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    padding-top: 40px;
    display: grid;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 20px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-btn {
    margin-bottom: 20px;
  }
  .wpelemento-seo-team-section .swiper-button-prev {
    left: 43.5%;
    position: absolute;
  }
  .wpelemento-seo-team-section .swiper-button-next {
    right: 43.5%;
    position: absolute;
  }
  .owl-nav {
    left: 86%;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 50px 30px 50px 90px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding: 40px 20px 0px;
  }
  .wpelemento-seo-testimonial-section .bdt-position-relative .bdt-slide-overlay img {
    width: 90%;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -330px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 97px 250px 11px;
    border-radius: 20px 10px 10px 10px;
  }
  .projects-btn2 {
    left: 171px;
    padding: 14px 3px;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 10px 234px 245px 11px;
  }
  .wpelemento-seo-contact-page .e-con-inner {
    padding: 15px;
    gap: 10px;
  }
  .wpelemento-seo-team-section .ea-tm-content {
    margin: -75px 60px 0px 60px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slider-excerpt p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 26px;
  }
  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .single-blog-content p {
    font: 300 20px/40px 'Josefin Sans', Sans-serif;
  }
  .single-product-banner-left h1.text-left:after {
    display:none;
  }
  .blog-single-page-banner-left {
     /* padding: 0px 0px 0px 15px; */
     width:50% !important;
     height: 200px;
  }
  .blog-single-page-banner-left {
    box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -473px 1px 10px 0 #00000029;
  }
  .banner-image {
    background-size: 100% 100% !important;
    height: 200px;
  }
	.single-post .banner-image {
    background-position: center center !important;
    height: 200px;
  }
  #single_post .feature-box img {
    margin-top: -10px;
  }
  .content-box {
    margin-top: -50px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .single-page-title {
    font: 600 35px/60px 'Josefin Sans';
  }
  .single-post-content p {
    font: 300 18px/45px 'Josefin Sans', Sans-serif;
    letter-spacing: 1px;
  }
  .single-post-content {
    padding-top: 0px !important;
  }
  .single-page-metaimage {
    padding: 0rem 2rem;
  }
  .single-post-nav .nav-links a {
    font: 300 20px/45px 'Josefin Sans';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 15px 20px 10px 20px;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: 6px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .single-projects-top-right-section {
    margin-top: 20px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 6%);
   }
  .single-projects-top-right-section h5 {
    font: 600 16px/40px 'Josefin Sans', Sans-serif;
    padding: 0px 0px !important;
  }
  .projects-single-post-content p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1, .projects-single-post-content-box2 {
    padding: 10px;
  }
  .projects-single-post-content-box2 {
    margin-top: 0px;
  }
  .projects-meta-box-list {
    font: bold 30px/30px 'Josefin Sans', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 18px/33px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li:before {
    line-height: 30px;
  }
  .projects-meta-box-list2 li:before {
    line-height: 30px;
  }
  .projects-single-post-counter-section p {
    font: normal 20px/35px 'Josefin Sans', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Josefin Sans', Sans-serif;
    margin-top: 0px;
  }
  .projects-single-about-right-content p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .strategy-box{
    margin-top: 20px !important;
  }
  .single-projects-top-right-section img {
    margin-top: 20px;
  }
  .single-product-banner-left h1 {
    margin-top: 3.5rem !important;
  }
  .single-project-team-title {
    font: 600 20px/40px 'Josefin Sans', Sans-serif !important;
    margin: 0px;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

  /*========= SEO Get A Quote Page Responsive CSS Start =========*/
   .quote-first-name input {
    width: 100%;
  }
  .quote-mobile-no input {
    width: 100%;
  }
  .quote-last-name input {
    width: 100%;
  }
  .quote-additional-number input {
    width: 100%;
  }
  .contact-box p input {
    width: 432px !important;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:768px) and (max-width:991px) {
  html {
    overflow-x: hidden !important;
  }
  body {
    overflow-x: hidden;
  }
  .portfolio-btn-row .e-con-inner {
    flex-direction: column !important;
  }
  .portfolio-btn-row .e-con-inner .elementor-button {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }
  .portfolio-counter-container {
    bottom: 8px;
  }
  .portfolio-welcome h2 {
    transform: translate(-18px, 137px);
    font-size: 20px !important;
  }
  .portfolio-award-container {
    position: absolute;
    right: 40px;
    top: 10px;
  }
  .portfolio-counter-box::after {
    right: -10px;
  }
  .portfolio-happy {
    top: 205px;
    right: -153px;
  }
  .wpelemento-seo-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  body:not(.home) #menu-primary-menu li a {
    color: #000 !important;
  }
  .wpelemento-seo-topbar-section {
    background-color: unset !important;
  }
  .home .wpelemento-seo-topbar-section h2 {
    color: #000000 !important;
  }
  .home .wpelemento-seo-topbar-section .ekit-header-info li a {
    color: #000000 !important;
  }
  .home .wpelemento-seo-topbar-section .ekit_social_media li a {
    color: #000000 !important;
  }
  body:not(.home) .wpelemento-seo-primary-menu-section .icon.icon-menu-button-of-three-horizontal-lines::before {
    content: "\eb1b";
    color: #fff;
  } 
  .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    column-count: unset !important;
  }
  .elementskit-menu-overlay {
    display: none !important;
  }
  .wpelemento-seo-menubar-section {
    height: 75px !important;
  }
  .home .ekit-template-content-header {
    clear: both ;
    position: unset !important;
    width: 100%;
    top: unset !important;
  }
  .elementskit-menu-overlay {
    display: none !important;
  }
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 5%;
  }
  .wpelemento-seo-counter-section {
    box-shadow: none;
  }
  .wpelemento-seo-counter-section-box::after{
    display: none;
  }
  .wpelemento-seo-newsletter-section input[type=email] {
    width: 500px;
  }
  .wpelemento-seo-counter-section-box1 {
    display: none;
  }
  .wpelemento-seo-pricing-section-box3 {
    margin: 0 auto;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 14px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -253px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 25px 185px 11px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 130px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 186px;
    top: 0px;
  }
  .owl-nav {
    position: absolute;
    top: -94px;
    left: 80%;
    gap: 15px;
    display: flex;
  }
  .projects-btn {
    position: absolute;
    right: 20px;
    bottom: 36px;
    background: #6F41C2 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 16px;
    color: #fff;
    font: 500 20px/20px 'josefin sans';
  }
  .projects-item {
    width: 96%;
  }
  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 48px;
    top: 0px;
    z-index: 2;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 39px;
    z-index: 2;
    right: 108px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 50px;
    bottom: -36px;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 45px;
    right: 84px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/

  /*========= Team Responsive CSS Start =========*/
  .wpelemento-seo-team-section .ea-tm-social-links {
    left: 35px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slider-excerpt p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8 !important;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-social-icon {
    left: 20px;
  }
  /*========= Team Responsive CSS End =========*/

  .wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    padding-top: 40px;
    margin: 0 15px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    padding: 19px 19px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 30px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-btn {
    margin-bottom: 20px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 10px 30px 10px 75px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding-left: 30px !important;
  }
  .wpelemento-seo-team-section .swiper-button-prev {
    left: 41%;
    position: absolute;
  }
  .wpelemento-seo-team-section .swiper-button-next {
    right: 41%;
    position: absolute;
  }
  .wpelemento-seo-choose-us-img-box-section .elementor-image-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2!important;
  }
  .wpelemento-seo-counter-section .elementor-counter-number-prefix {
    display: block;
  }
  .projects-btn2 {
    left: 180px;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 10px 160px 190px 11px;
  }
  .wpelemento-seo-contact-page .e-con-inner {
    padding: 15px;
    gap: 10px;
  }
  /*=========== SEO Single Blog Page Responsive CSS Start ===========*/
  .banner-image {
    background-size: 100% 100% !important;
    height: 200px;
  }
  .single-page-metaimage {
    padding: 0rem 0rem; 
  }
	.single-post .banner-image {
    background-position: center center !important;
    height: 200px;
  }
	.archive .banner-image {
    background-position: center center !important;
  }
  .blog-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .blog-single-page-banner-left {
    box-shadow: -384px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -398px 1px 10px 0 #00000029;
  }
  #single_post .feature-box img {
    margin-top: -20px;
  }
  .content-box {
    margin-top: -40px;
    padding: 20px 20px!important;
  }
  .single-page-title {
    font: 600 35px/50px 'Josefin Sans';
  }
  .single-page-metabox {
    padding: 0px 0px !important;
  }
  .single-blog-content p {
    font: 300 18px/40px 'Josefin Sans', Sans-serif;
    /* letter-spacing: 1px; */
    padding-top: 16px !important;
  }
  .single-post-content {
    padding-top: 0px !important;
  }
  .single-post-nav .nav-links a {
    font: 300 20px/40px 'Josefin Sans';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 14px 20px 11px 20px;
  }
  /*=========== SEO Single Blog Page Responsive CSS End ===========*/

  /*=========== SEO Single Services Page Responsive CSS Start ===========*/
  .services-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .services-single-page-banner-left {
    box-shadow: -374px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -392px 1px 10px 0 #00000029;
  }
  .content-box-services {
    margin: 0px !important;
    padding: 0px !important;
  }
  .single-services-post-list li {
    font: normal 19px/33px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: 6px;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Josefin Sans', Sans-serif;
  }
  /*=========== SEO Single Services Page Responsive CSS End ===========*/

  /*========= SEO Projects Page Responsive CSS Start =========*/
  .single-projects-top-right-section {
    margin-top: 20px;
  }
  .projects-name2 {
    font: bold 22px/35px 'josefin sans';
  }
  .projects-desc2 h4 {
    font: 400 18px/30px 'josefin sans';
  }
  /*========= SEO Projects Page Responsive CSS End =========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left {
		width:55% !important;
    height: 200px;
  }
  .projects-single-page-banner-left {
    box-shadow: -381px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -393px 1px 10px 0 #00000029;
  }
  .single-projects-top-right-section h5 {
    font: 600 16px/40px 'Josefin Sans', Sans-serif;
    padding: 0px 0px !important;
  }
  .projects-single-post-content p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1, .projects-single-post-content-box2 {
    padding: 10px;
  }
  .projects-single-post-content-box2 {
    margin-top: 20px;
  }
  .projects-meta-box-list {
    font: bold 30px/30px 'Josefin Sans', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 18px/33px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li:before {
    line-height: 30px;
  }
  .projects-meta-box-list2 li:before {
    line-height: 30px;
  }
  .projects-single-post-counter-section p {
    font: normal 20px/35px 'Josefin Sans', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Josefin Sans', Sans-serif;
    margin-top: 20px;
  }
  .projects-single-about-right-content p {
    font: normal 18px/40px 'Josefin Sans', Sans-serif;
  }
  .strategy-box{
    margin-top: 20px !important;
  }
  .single-projects-top-right-section img {
    margin-top: 20px;
   }
   .seo-single-projects-page {
    max-width: calc(100% - 10%);
   }
   .single-product-banner-left h1 {
    margin-top: 3.5rem !important;
  }
  .counter-section-box img {
    margin-top: 20px;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

  /*========= SEO Get A Quote Page Responsive CSS Start =========*/
  .quote-first-name input {
    width: 100%;
  }
  .quote-mobile-no input {
    width: 100%;
  }
  .quote-last-name input {
    width: 100%;
  }
  .quote-additional-number input {
    width: 100%;
  }
  .contact-box p input {
    width: 100% !important;
  }
  .quote-last-name input {
    margin-left: 10px;
  }
  .quote-additional-number input {
    margin-left: 10px;
  }
  .wpelemento-seo-getaquote-section .wpcf7-checkbox {
    padding: 0px;
  }
  .contact-box p {
    margin: 0px 10px 15px 0px;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:320px) and (max-width:767px) {
  html {
    overflow-x: hidden !important;
  }
  .portfolio-main-image-container {
    padding-bottom: 100px;
  }
  span.elementor-counter-number,  .elementor-counter-title, span.elementor-counter-number-suffix {
    visibility: hidden;
  }
  .portfolio-third-container {
    background-image: unset !important;
  }
  .portfolio-title h2 {
    writing-mode: horizontal-tb;
  }
  .portfolio-happy {
    position: relative;
    top: 206px;
    right: -120px;
  }
  .portfolio-award-container {
    position: relative;
    right: 75px;
    top: 14px;
  }
  .portfolio-counter-container {
      position: relative;
      bottom: 22px;
  }
  .portfolio-counter-box::after {
    width: 0px;
  }
  .portfolio-welcome h2 {
    writing-mode: horizontal-tb;
    height: max-content;
    transform: unset;
  }
  .home .ekit-template-content-header {
    clear: both ;
    position: unset !important;
    width: 100%;
    top: unset !important;
  }
  .wpelemento-seo-topbar-section {
    background-color: #000;
  }
  body:not(.home) .wpelemento-seo-primary-menu-section .elementskit-submenu-indicator::before {
    color: #000 !important;
  }
  body:not(.home) #menu-primary-menu li a {
    color: #000 !important;
  }
  body:not(.home) .wpelemento-seo-topbar-section h2 {
    color: #FFFFFF !important;
  }
  body:not(.home) .wpelemento-seo-topbar-section .ekit-header-info li a {
    color: #FFFFFF !important;
  }
  body:not(.home) .wpelemento-seo-topbar-section .ekit_social_media li a {
    color: #FFFFFF !important;
  }
  body:not(.home) .wpelemento-seo-primary-menu-section .icon.icon-menu-button-of-three-horizontal-lines::before {
    content: "\eb1b";
    color: #fff;
  }
  .wpelemento-seo-banner-leftside-section {
    background-color: unset !important;
  }
  .wpelemento-seo-banner-rightside-section {
    display: none;
  }
  .wpelemento-seo-banner-leftside-section {
    box-shadow: unset;
  }
  .elementskit-menu-overlay {
    display: none !important;
  }
  .wpelemento-seo-menubar-section .ekit-wid-con li, .ekit-wid-con ul {
    /* text-align: left !important;
    justify-content: start; */
  }
  .wpelemento-seo-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  /*========= Slider Responsive CSS Start =========*/
  .wpelemento-seo-slider-section .bdt-container {
    margin-left: 0%; 
    text-align: center;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider .bdt-slider-excerpt {
    padding: 0 25px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    right: 0;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    margin: 10px 0px 10px 0px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
    padding-bottom: 10px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    margin-left: 0px;
    display: inline-flex;
  }
  .wpelemento-seo-slider-section .bdt-position-bottom-left {
    bottom: -9%;
    left: 0%;
    right: 0%;
    text-align: center;
    justify-content: center;
    display: block !important;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 40px;
    width: 40px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 40px;
    width: 40px;
  }
  .wpelemento-seo-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-desc {
    margin-top: 0px !important;
  }
  /*========= Slider Responsive CSS End =========*/

  /*========= Counter Responsive CSS Start =========*/
  .wpelemento-seo-counter-section {
    box-shadow: none;
  }
  .wpelemento-seo-counter-section-box::after{
    display: none;
  }
  .wpelemento-seo-counter-section .elementor-counter-number-prefix {
    text-align: center;
    display: block;
  }
  /*========= Counter Responsive CSS End =========*/

  /*========= About Us Responsive CSS Start =========*/
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 24px;
    top: -21px;
    z-index: 2;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -8px;
    z-index: 2;
    right: 69px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 28px;
    bottom: -50px;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 17px;
    right: 53px;
    z-index: 2;
  }
  /*========= About Us Responsive CSS End =========*/

  /*========= Timeline Responsive CSS Start =========*/
  .wpelemento-seo-timeline-section .ha-horizontal-timeline-block {
    padding: 0px 0 8px 0 !important;
  }
  .ha-horizontal-timeline-icon {
    display: none !important;
  }
  .ha-horizontal-timeline .slick-next.slick-arrow {
    display: none !important;
  }
  .ha-horizontal-timeline .slick-prev.slick-arrow {
    display: none !important;
  }
  .ha-horizontal-timeline .ha-horizontal-timeline-top-inner {
    display: none;
  }
  .wpelemento-seo-timeline-lower-box-section::after {
    content: '';
    position: absolute;
    left: 45%;
    border-left: 15px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #6F41C2;
    clear: both;
    z-index: 9;
    transform: rotate(180deg);
    top: 100%;
  }
   .video-content {
    display: table;
    margin: 0 auto;
  }
  .wpelemento-seo-timeline-lower-section .ekit-video-popup-btn span {
    position: relative;
    left: -60px;
    width: max-content;
    display: block;
    margin: 0 auto;
  }
  /*========= Timeline Responsive CSS End =========*/

  /*========= Projects Responsive CSS Start =========*/
  .owl-nav {
    position: absolute;
    top: unset;
    left: 0%;
    gap: 15px;
    bottom: -70px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-content: center;
  }
  .projects-btn {
    position: absolute;
    right: 25px;
    bottom: 36px;
    background: #6F41C2 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 12px;
    color: #fff;
    font: 500 18px/18px 'josefin sans';
  }
  .projects-item {
    width: 96%;
  }
  /*========= Projects Responsive CSS End =========*/

  /*========= Price Responsive CSS Start =========*/
  .wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    padding: 10px 10px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 30px;
  }
  .wpelemento-seo-pricing-section .ha-pricing-table-btn {
    margin-bottom: 20px;
  }
  /*========= Price Responsive CSS End =========*/

  /*========= SEO Team Responsive CSS Start =========*/
  .wpelemento-seo-team-section .swiper-button-prev {
    left: 32%;
    position: absolute;
  }
  .wpelemento-seo-team-section .swiper-button-next {
    right: 32%;
    position: absolute;
  }
  .wpelemento-seo-team-section .ea-tm-social-links {
    display: block;
  }
  .wpelemento-seo-team-section .ea-tm-content::before {
    display: none;
  }
  .wpelemento-seo-team-section .ea-tm-social-links {
    position: relative;
    top: -135px;
    text-align: center;
    left: -28px;
  }
  .wpelemento-seo-team-section .ea-tm-content {
    padding: 35px 0px 0px;
  }
  /*========= SEO Team Responsive CSS Start =========*/

  /*========= SEO Choose Responsive CSS Start =========*/
  .wpelemento-seo-choose-us-rocket-section img {
    display: none !important;
  }
  .wpelemento-seo-choose-us-arrow-section img {
    display: none !important;
  }
  .wpelemento-seo-choose-us-img-box-section .elementor-image-box-wrapper {
    padding: 20px;
    box-shadow: 0px 2px 6px #CCBABAF2;
    border-radius: 10px;
  }

  /*========= SEO Choose Responsive CSS End =========*/

  /*========= Blog Responsive CSS Start =========*/

  .wpelemento-seo-blog-section .ea-title {
    text-align: center;
  }
  .wpelemento-seo-blog-section .ea-text p {
    text-align: center;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-readmore {
      text-align: center;
      margin: 0 auto;
      justify-content: center;
      align-items: center;
      display: table;
  }
  .wpelemento-seo-blog-section .ea-blog-author {
    width: 150px;
  }
  /*========= Blog Responsive CSS End =========*/

  /*=========== SEO Testimonial Responsive CSS Start ============*/
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding-left: unset !important;
    padding: 20px 0px 28px;
    background-color: unset;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-item {
    margin: 0px 0px 0px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider {
    height: 715px;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-navigation-arrows {
    bottom: -79px;
  }
  .wpelemento-seo-testimonial-section .bdt-slideshow-items>* {
    position: absolute;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-slideshow-content-wrapper {
    position: unset !important;
    transform: translateY(0%);
  }
  .bdt-prime-slider-skin-locate .bdt-slider-excerpt p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4 !important;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate:before {
    display: none;
  }
  .wpelemento-seo-testimonial-section .elementor-widget__width-inherit {
    box-shadow: unset;
  }
  /*=========== SEO Testimonial Responsive CSS End ============*/

  /*========= SEO Newsletter Responsive CSS Start =========*/
  .wpelemento-seo-newsletter-section input[type=submit] {
    position: unset !important;
    margin: 0 auto;
    display: block;
    margin-top: 20px !important;
  }
  .wpelemento-seo-newsletter-section input[type=email] {
    width: 300px;
  }
  .wpelemento-seo-newsletter-section form .wpcf7-response-output {
    text-align: center;
    max-width: 300px;
    justify-content: center;
    display: -webkit-inline-box;
  }
  /*========= Newsletter Responsive CSS End =========*/

  /*========= Project page Responsive CSS Start =========*/
  .projects-btn2 {
    left: 180px;
    padding: 14px 14px;
  }
  .projects-name2 {
    font: bold 22px/35px 'josefin sans';
  }
  .projects-desc2 h4 {
    font: 400 18px/30px 'josefin sans';
  }
  .projects-desc2 ul li {
    font: normal normal 300 16px/30px 'Josefin Sans';
  }
  /*========= Project page Responsive CSS End =========*/

  /*========= Blog With No Sidebar page Responsive CSS Start =========*/
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-meta {
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 10px 150px 185px 11px;
  }
  /*========= Blog With No Sidebar page Responsive CSS End =========*/

  /*========= Blog With Left Sidebar page Responsive CSS Start =========*/
  .wpelemento-seo-blog-left-sidebar-page-left-section .wp-block-heading {
    font: 600 25px/30px Josefin Sans;
  }
  .wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-content > div {
    text-align: center;
  }
  /*========= Blog With Left Sidebar page Responsive CSS End =========*/

   /*========= Contact Page Responsive CSS Start =========*/
  .wpelemento-seo-contact-page .e-con-inner {
    padding: 15px;
  }
  /*========= Contact Page Responsive CSS End =========*/

  /*========= SEO Single Blog Page Responsive CSS Start =========*/
  .banner-image {
    background-size: 100% 100% !important;
    height: 150px;
  }
  .blog-single-page-banner-left {
    box-shadow: unset;
  }
  .blog-single-page-banner-left {
    width: auto !important;
    background-color: unset;
    color: #000 !important;
    margin: 0 auto;
    height: 150px;
    text-align: center;
  }
	 .single-page-metaimage{
    padding: 0rem 0rem;
  }
	.single-post .content-box {
    transform: translateY(3%);
  }
  .single-page-title {
    font: 600 25px/40px 'Josefin Sans';
  }
  .single-author-image img {
    width: 15%;
  }
  .single-blog-content p {
    font: 300 16px/35px 'Josefin Sans', Sans-serif;
    letter-spacing: 1px;
  }
  span.entry-date, span.entry-comments {
    font: normal 18px/45px 'Josefin Sans';
  }
  .single-blog-content {
    padding-top: 0px !important;
  }
  .meta-box-question {
    font: 500 25px/50px 'Josefin Sans';
  }
  .single-page-metabox {
    padding-top: 8px !important;
  }
  .single-post-nav .nav-links a {
    font: 300 18px/40px 'Josefin Sans';
  }
  #single_post .feature-box img {
    margin-top: 0px;
  }
  .single-post .blog-single-page-banner-left h1 {
  margin-top: 0px !important;
  font-size: 25px;
  font-weight: 600;
  }
  .blog-single-page-banner-left h1.text-left:after {
  display:none;
  }
  .single-post-comment {
    margin-top: 2em;
	  margin-bottom: 9em;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
  }
  .form-submit input[type="submit"] {
    font-size: 16px;
  }
  /*========= SEO Single Blog Page Responsive CSS End =========*/

  /*========= SEO Single Service Page Responsive CSS Start =========*/
  .banner-image {
    background-size: 100% 100% !important;
    height: 150px;
  }
  .services-single-page-banner-left {
    box-shadow: unset;
  }
  .services-single-page-banner-left {
    width: auto !important;
    background-color: unset;
    color: #000 !important;
    margin: 0 auto;
    height: 150px;
  }
  .content-box-services {
    padding-top: 10px !important;
    margin: 0px !important;
    padding: 0px 5px !important;
  }
  .services-button {
    font: 600 18px/20px 'Josefin Sans', Sans-serif;
    padding: 14px 13px;
  }
  .services-single-post-content h2 {
    font: 600 25px/30px 'Josefin Sans', Sans-serif;
  }
  .services-single-post-content p {
    font: 300 16px/35px 'Josefin Sans', Sans-serif;
    word-spacing:1px;
  }
  .services-meta-box-benefit {
    font: 600 25px/30px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li {
    font: normal 16px/25px 'Josefin Sans', Sans-serif;
  }
  .single-services-post-list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #fff;
    margin-top: -3px;
    margin-left: -69px;
    width: 40px;
    height: 40px;
    background-color: #6F41C2;
    border-radius: 50px;
    line-height: 40px;
    padding-left: 0px;
  }
  .services-single-bottom-post-content h2 {
    font: 600 25px/40px 'Josefin Sans', Sans-serif;
  }
  .services-single-bottom-post-content p {
    font: 300 16px/35px 'Josefin Sans', Sans-serif;
    word-spacing:1px;
  }
  /*========= SEO Single Service Page Responsive CSS End =========*/

  /*========= SEO Single Projects Page Responsive CSS Start =========*/
  .projects-single-page-banner-left  {
    width: auto !important;
    background-color: unset;
    color: #000 !important;
    margin: 0 auto;
    height: 150px;
    box-shadow: unset;
  }
  .single-projects-top-right-section {
    margin-top: 20px;
  }
  .seo-single-projects-page {
    max-width: calc(100% - 10%);
  }
  .single-projects-top-right-section img {
    margin-top: 20px;
  }
  .single-projects-top-right-section h5 {
    font: 600 16px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content p {
    font: normal 16px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1, .projects-single-post-content-box2 {
    padding: 10px;
  }
  .projects-single-post-content-box2 {
    margin-top: 20px;
  }
  .projects-meta-box-list {
    font: bold 30px/30px 'Josefin Sans', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 17px/33px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 16px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-meta-box-list1 li:before {
    line-height: 30px;
  }
  .projects-meta-box-list2 li:before {
    line-height: 30px;
  }
  .projects-single-post-counter-section p {
    font: normal 18px/35px 'Josefin Sans', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Josefin Sans', Sans-serif;
  }
  .projects-single-about-right-content p {
    font: normal 16px/40px 'Josefin Sans', Sans-serif;
  }
  .projects-single-post-counter-section >div {  
    margin: 0px;
  }
  .counter-section-box img {
    margin-top: 0px;
  }
  /*========= SEO Single Projects Page Responsive CSS End =========*/

  /*========= SEO Get A Quote Page Responsive CSS Start =========*/
  .quote-last-name input {
    width: 100%;
  }
  .quote-additional-number input {
    width: 100%;
  }
  .checkbox-line1 .wpcf7-form-control-wrap .wpcf7-checkbox {
    display: unset;
    justify-content: unset;
  }
  .checkbox-line2 .wpcf7-form-control-wrap .wpcf7-checkbox {
    display: unset;
    justify-content: unset;
  }
  .checkbox-line1 .wpcf7-form-control-wrap .wpcf7-checkbox span{
   padding: 10px 0;
  }
  .checkbox-line2 .wpcf7-form-control-wrap .wpcf7-checkbox span{
    padding: 10px 0;
  }
   .wpcf7-submit {
    margin: 0 auto !important;
    display: block !important;
  }
  .quote-first-name input {
    width: 100%;
  }
  .quote-mobile-no input {
    width: 100%;
  }
  .contact-box p input {
    width: 100% !important;
  }
  .contact-box {
    display: inline-flex;
    flex-direction: column;
  }
  .contact-box p {
    margin: 0px 0px 0px 0px;
  }
  .checkbox-line input[type="checkbox"] {
    margin-left: -20px;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/

  /*========= SEO Footer Responsive CSS Start =========*/
  .wpelemento-seo-footer-section .hfe-nav-menu ul li a {
    display: block;
    text-align: center;
  }
  /*========= Footer Responsive CSS End =========*/
}

@media screen and (min-width:1025px) and (max-width:1199px) {
	.wpelemento-seo-projects-section .e-con-inner {
    padding: 40px 20px;
   }
	.portfolio-title h2 {
    font-size: 40px !important;
    line-height: 48px !important;
  }
  .portfolio-btn-row .e-con-inner {
    flex-direction: column !important;
    gap: 10px;
  }
  .portfolio-welcome h2 {
    transform: translate(-27px, 170px);
  }
  .portfolio-main-image-container {
    background-size: 91% auto !important;
  }
  .wpelemento-seo-banner-leftside-section {
    padding-left: 10px;
  }
  .wpelemento-seo-about-bgimg-top img {
    position: absolute;
    right: 25px;
    top: -30px;
    z-index: 2;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -22px;
    z-index: 2;
    right: 54px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 40px;
    bottom: -45px;
    width: 40% !important;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 11px;
    right: 48px;
    z-index: 2;
  }
  .wpelemento-seo-timeline-lower-section .e-con-inner {
    margin-left: 5px;
  }
  .wpelemento-seo-team-section .ea-tm-content {
    margin: -75px 25px 0px 25px;
  }
  .wpelemento-seo-team-section {
    padding: 0 10px;
  }
  .wpelemento-seo-main-counter-section {
    margin-top: -170px;
  }
  .wpelemento-seo-main-counter-section .elementor-counter .elementor-counter-title {
    text-align: left;
  }
  .wpelemento-seo-services-section {
    padding: 0 10px;
  }
}

@media screen and (min-width:320px) and (max-width:374px) {
  .portfolio-banner-btn .elementor-button {
    font-size: 13px !important;
    padding: 7px 4px 7px 5px !important;
  }
  .single-product-banner-left h1 {
    margin-top: 0.5rem !important;
  }
  .projects-btn {
    position: absolute;
    right: 20px;
    bottom: 25px;
    border-radius: 10px;
    padding: 13px 0px;
    color: #fff;
    font: 500 16px/16px 'josefin sans';
  }
  .projects-item {
    width: 95%;
    padding: 12px;
  }
  .projects-btn2 {
    left: 180px;
    padding: 12px 4px;
    font: 500 16px/16px 'josefin sans';
  }
  .projects-single-post-counter-section >div {  
    margin: 0px;
  }
  .wpelemento-seo-newsletter-section form .wpcf7-response-output {
    text-align: center;
    max-width: 250px;
    justify-content: center;
    display: -webkit-inline-box;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: -27px;
    z-index: 2;
    right: 51px;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 1px;
    right: 40px;
    z-index: 2;
  }
  .wpelemento-seo-blog-section .ea-blog-author:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 8px;
    top: 0px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 147px;
    top: 0px;
  }
  .wpelemento-seo-blog-section .ea-date {
    padding-left: 15px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    width: max-content;
    padding-left: 25px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 14px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -210px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 22px 160px 0px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-team-section .swiper-button-next {
    right: 30%;
    position: absolute;
  }
  .wpelemento-seo-team-section .swiper-button-prev {
    left: 30%;
    position: absolute;
  }
}

@media screen and (min-width:375px) and (max-width:424px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -247px;
    left: -18px;
    background-color: #6F41C2;
    padding: 1px 12px 160px 0px;
    border-radius: 20px 10px 10px 10px;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 14px !important;
  }
  .wpelemento-seo-blog-section .ea-date {
    padding-left: 25px;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 195px;
    top: 0px;
  }
}

@media screen and (min-width:425px) and (max-width:575px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -281px;
    left: -18px;
    background-color: #6F41C2;
    padding: 2px 57px 205px 11px;
    border-radius: 20px 10px 10px 10px;
  }  
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 14px !important;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 179px;
    top: 0px;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 29px;
    right: 66px;
    z-index: 2;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 4px;
    z-index: 2;
    right: 83px;
  }
}

@media screen and (min-width:576px) and (max-width:767px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -384px;
    left: -18px;
    background-color: #6F41C2;
    padding: 2px 180px 205px 11px;
    border-radius: 20px 10px 10px 10px;
  }  
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    width: max-content;
    padding-left: 37px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    font-size: 16px !important;
  }
  .wpelemento-seo-blog-section .ea-date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 205px;
    top: 0px;
  }
  .wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 20px;
    z-index: 2;
    right: 95px;
  }
  .wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 31px;
    right: 75px;
    z-index: 2;
    line-height: 33px !important;
  }
  .single-services-post-list li:before {
    padding-left: 13px;
  }
  .wpelemento-seo-about-bgimg-bottom img {
    width: 40% !important;
  }
  .wpelemento-seo-about-bgimg-top img {
    width: 40% !important;
  }
  .wpelemento-seo-team-section .ea-tm-content {
    margin: -75px 90px 0px 90px;
  }
  .wpelemento-seo-testimonial-section .bdt-slideshow-items .bdt-width-1-1 {
    display: contents;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-navigation-arrows {
    left: 35% !important;
  }
  .wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    width: 100% !important;
  }
}





 

.wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
  height: 254px !important;
  border-radius: 10px;
}
.wpelemento-seo-blog-no-sidebar-page .ea-alter-grid .ea-img-wrap .ea-main-img .ea-img {
  height: 254px;
  object-fit: cover;
  border-radius: 10px;
}
@media screen and (min-width:320px) and (max-width:374px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 180px !important;
  }
}
@media screen and (min-width:375px) and (max-width:424px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 215px !important;
  }
}
@media screen and (min-width:576px) and (max-width:767px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 354px !important;
  }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 220px !important;
  }
}
@media screen and (min-width:992px) and (max-width:1022px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 300px !important;
  }
}
@media screen and (min-width:1023px) and (max-width:1023px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 300px !important;
  }
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-item {
    width:491px !important;
  }
}
@media screen and (min-width:1024px) and (max-width:1199px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 193px !important;
  }
}
@media screen and (min-width:1200px) and (max-width:1365px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 218px !important;
  }
}
@media screen and (min-width:1366px) and (max-width:1439px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 218px !important;
  }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    height: 218px !important;
  }
}