/* Your CSS rules for screens with a width of 1920 pixels or wider */
@media only screen  and (min-width : 1440px) {

    body {
       background-size:40% 11% !important
    }
}

/* Responsive Styles for Screens up to 1024px */
@media only screen and (max-width: 1024px) {

   /* Hamburger and Close Icons Background Color */
   .elementskit-menu-close,
   .elementskit-menu-hamburger {
      background-color: #563DF2 !important;
   }

   .overlapping-image {
      height: 600px;
      max-height: 600px;
   }

   .img-mask {
      height: 550px;
   }

   .large_text h2 {
      font-size: 26vh;
   }

   section#section2 {
      height: auto !important;
   }

   .sticky-circle_element .e-hosted-video {
      min-height: 100vh;
   }

   .video_trasparent_text h2 {
      font-size: 35vh;
   }

   .bg-line-zigzag1 div {
      width: 100%;
   }

   .bg-line-zigzag div {
      width: 65%;
   }

   .animated_image1 {
      bottom: 13px;
      left: 0;
   }

   .animated_image2 {
      bottom: 25px;
      left: 0px;
   }

   .animated_image3 {
      bottom: -4px;
      left: 0;
   }

   .heading-common h2,
   .hover-animation div,
   .article_single h2,
   .hover-animation div {
      line-height: 42px !important;
      font-size: 26px;
   }

   .hover-animation div h3 {
      line-height: 36px !important;
      font-size: 26px;
   }

   .grid_item h3 {
      font-size: 30px;
   }

   .grid_item:nth-child(1) {
      left: 5%;
   }

   .testimonial_left_block {
      width: 76%;
      padding-left: 9%;
   }

   .testimonial_right_block {
      width: 20%;
   }

   .post_main_title {
      top: 18%;
   }

   .post-heading h2 {
      font-size: 66px;
      line-height: 66px !important;
   }

   .footer_left {
      width: 55%;
   }

   .footer_centre,
   .footer_right {
      width: 22%;
   }
}

/* Responsive Styles for Screens up to 991px */
@media only screen and (max-width: 991px) {
	body{
		    background-size: 45% 5% !important;

	}
       h2 {
        font-size: 34px;
        line-height: 36px !important;
    }
	h3 {
    font-size: 28px;
    line-height: 30px !important;
}
   .home-blog .eael-grid-post .eael-entry-wrapper, .home-blog .premium-blog-content-wrapper{
      width: 85%;
   }
   .hamburger {
      display: block;
      position: absolute;
      cursor: pointer;
      right: -1%;
      top: 50%;
      transform: translate(-5%, -50%);
      z-index: 999;
      transition: all 0.7s ease;
   }
.navbar {
      flex-wrap: nowrap;
      padding: 0px 10px;
   }
	.navbar.navbar-expand-lg .mobile-hidden {
        display: none;
    }
	    .header_logo {
        width: 100%;
    }
	.header_logo img {
		width: 15%;
	}

   div#navbarResponsive {
      position: fixed;
      background: var(--heading-color);
      
      height: 100vh;
      width: 100%;
      z-index: 1;
      -webkit-clip-path: circle(50px at 90% -10%);
      clip-path: circle(50px at 90% -20%);
      right: 0;
      transition: all 1s ease-out;
      pointer-events: none;
      display: flex;
      top: 0%;
      align-items: flex-start;
      overflow-y: scroll;
      overscroll-behavior-y: contain;
     
   }

   div#navbarResponsive.open {
              -webkit-clip-path: circle(1080px at 90% 0%);
        clip-path: circle(1080px at 90% 0%);
      pointer-events: all;

      z-index: 99;
   }

   .navbar-nav {
      width: 100%;
      text-align: left;
      margin-top: 30%;
   }

   .dropdown-menu {
      background-color: inherit;
   }

   .dropdown-menu li a {
      color: inherit;
   }

   .dropdown-menu li.menu-item-has-children>a::after {
      color: inherit;
   }

   .navbar-nav li a {
      font-size: 18px;
      color: #fff;
   }

   .navbar-nav li {
      padding: 6px 0px;
      border-bottom: 1px solid #fff;
      margin: 0px 10px;

   }
   .navbar-nav li a::before {
     content: none;
  }
   .navbar-nav {
      gap: 10px;
   }
   li.menu-item-has-children>a::after{
      color: var(--primary-color);
      top: 2px;
      font-weight: 900;
      right: -20px;
      font-size: 16px;
   }
   .dropdown-menu li {
      padding: 10px 0px !important;
  }
  .toggle .line1, .toggle .line3{
   background: var(--primary-color);
  }
   .navbar-nav li:last-child{
      border: none;
   }
   .dropdown-menu li a {
      font-size: 16px;
      color: var(--white-color) !important;
   }
   .top-header {
      padding: 30px 10px;
  }
  .services-listing article.eael-grid-post.eael-post-grid-column{
      margin: 25px 10px;
  }
  .services-listing .eael-grid-post {
      width: 47.5% !important;
  }
  .post-mobile-img .premium-blog-skin-side{
   flex-direction: row;
   }
   .blog-container article {
      width: 50%;
   }
	.cursor, .cursor2{
		display:none;
	}
	.content-div {
    width: 60%;
}
	.sidebar-div {
    width: 40%;
}
	.sidebar-div .widget_block{
		padding:30px 20px;
	}
	.footer-bottom{
		text-align:center;
	}
	.overview a{
		justify-content:center;
	}
}

/* Responsive Styles for Screens up to 767px */
@media only screen and (max-width: 767px) {
   .title-animated span {
      font-size: 46px;
   }

   h2 {
      font-size: 36px;
      line-height: 40px !important;
   }

   h3 {
      font-size: 26px;
      line-height: 36px !important;
   }
   h4 {
      font-size: 24px;
   }
   .mobile-hidden {
      display: none;
   }

   .navbar {
      flex-wrap: nowrap;
      padding: 0px 10px;
   }

   .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }

   button.navbar-toggler {
      padding: 0px !important;
   }

   .home-blog .eael-grid-post .eael-entry-wrapper,
   .home-blog .premium-blog-content-wrapper {
      width: 85%;
   }

   .mobile-btn {
      flex-direction: column;
	           align-items: center;
   }

   .address-block {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      padding-bottom: 20px;
	           flex-direction: column;
   }

   .footer-top {
      padding-bottom: 20px;
   }

   .footer-middle ul {
      padding: 0px 0px 20px 0px;
   }

   .footer-bottom {
      text-align: center;
   }

   .footer-middle {
      padding: 0px 0px;
   }

   .footer-section {

      margin: 10px;
      padding: 30px 0px;
   }

   .hedader-main {
      background-size: 30%;
   }

   .hamburger {
      display: block;
      position: absolute;
      cursor: pointer;
      right: -1%;
      top: 50%;
      transform: translate(-5%, -50%);
      z-index: 999;
      transition: all 0.7s ease;
   }

   div#navbarResponsive {
      position: fixed;
      background: var(--heading-color);
      
      height: 100%;
      width: 100%;
      z-index: 1;
      -webkit-clip-path: circle(50px at 90% -10%);
      clip-path: circle(50px at 90% -20%);
      right: 0;
      transition: all 1s ease-out;
      pointer-events: none;
      display: flex;
      top: 0%;
     align-items: flex-start;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch
   }

   div#navbarResponsive.open {
      -webkit-clip-path: circle(1000px at 90% -12%);
      clip-path: circle(1000px at 90% -12%);

      pointer-events: all;

      z-index: 999;
   }

   .navbar-nav {
      width: 100%;
      text-align: left;
      margin-top: 30%;
   }

   .dropdown-menu {
      background-color: inherit;
   }

   .dropdown-menu li a {
      color: inherit;
   }

   .dropdown-menu li.menu-item-has-children>a::after {
      color: inherit;
   }

   .navbar-nav li a {
      font-size: 18px;
      color: #fff;
   }

   .navbar-nav li {
      padding: 6px 0px;
      border-bottom: 1px solid #fff;
      margin: 0px 10px;

   }
   .navbar-nav li a::before {
     content: none;
  }
   .navbar-nav {
      gap: 10px;
   }
   li.menu-item-has-children>a::after{
      color: var(--primary-color);
      top: 2px;
      font-weight: 900;
      right: -20px;
      font-size: 16px;
   }
   .dropdown-menu li {
      padding: 10px 0px !important;
  }
  .toggle .line1, .toggle .line3{
   background: var(--primary-color);
  }
   .navbar-nav li:last-child{
      border: none;
   }
   .dropdown-menu li a {
      font-size: 16px;
      color: var(--white-color) !important;
   }
   .blog-container article {
      width: 100%;
      padding-right: calc(15px / 2);
      padding-left: calc(15px / 2);
   }  
   
   .mobile-bg-remove{
      background-color: #fff !important;
   }
   .preloader{
      left: 42%;
   }
   .services-listing .eael-grid-post{
      width: 95% !important;
   }
   .services-listing article.eael-grid-post.eael-post-grid-column{
      
      margin: 30px 10px;
   }
   .header_logo {
      width: 95%;
   }
   .header_logo img {
      width: 35%;
  }
  .navbar-expand-lg {
   padding: 0px 0px;
   justify-content: space-between;
  }
  .home-video{
   height: 280px;
  }
  .content-main{
   flex-direction: column;
  }
  .content-div, .sidebar-div {
      width: 100%;
   }
   .post-navigation .nav-links{
      flex-direction: column;
      gap: 20px;
   }
   p.comment-form-comment{
      width: 100%;
   }
   .post-mobile-img .premium-blog-skin-side{
      flex-direction: row;
   }
   .sidebar-div .widget_block{
      padding: 30px 20px;
   }
   .mobile-video-height{
      height: auto;
   }
	.home-testimonials .elementor-testimonial-wrapper .elementor-testimonial-meta {
		padding: 10px 20px 10px 35px;
	}
	body{
		background-size: 85% !important;
	}
	.mobile-icon-center .infobox-icon{
		    -webkit-box-pack: center;
		justify-content: center !important;
	}
	.footer-top .btn{
		width:55%;
	}
	.eael-pricing.style-1 .eael-pricing-item .price-tag{
		display:inline !important;
	}
	.top_button{
		display:none;
	}
	.hamburger.toggle{
		        position: fixed;
		right: 3%;
        top: 6%;
		z-index:9999;
	}
	.top_button{
		    bottom: 34px;
    right: 18px;
    z-index: 9;
    width: 45px;
    height: 45px;
		font-size:16px;
	}
	.wp-lightbox-overlay.zoom.active .lightbox-image-container img{
		object-fit:contain !important;
	}
}