/*=============== Charity Theme Code Start ==============*/

@media screen and (min-width:1600px) and (max-width:1920px) {
  .wpe-charity-topbar-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-menubox-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-newsletter-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-footer-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-second-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-second-donation-box-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-why-choose-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-about-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-events-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-corporate-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-volunteers-gallery-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-testimonial-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-team-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-blog-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-top-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-third-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-reasons-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-gallery-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-tab-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-aboutpage-volunteer-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-causes-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-causepage-top-section .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-events-page .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-blog-nosidebar-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-charity-blog-left-sidebar-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-charity-contact-us-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-charity-404-page .e-con-inner {
    max-width: 1300px;
  }
  .wpelemento-charity-faq-page .e-con-inner {
    max-width: 1300px;
  }
  .wpe-charity-events-main-urgent-section .e-con-inner {
    max-width: 1300px;
  }
}

@media screen and (min-width:1025px) and (max-width:1599px) {
  .wpe-charity-primary-menu-section #menu-primary-menu .sub-menu li a {
    padding: 10px !important;
  }
}


@media screen and (min-width:1600px) and (max-width:1680px) {
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 28%;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 20%);
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 20%);
  }
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -65px; */
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 19%);
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
}
@media screen and (min-width:1440px) and (max-width:1599px) {

  .wpe-charity-primary-menu-section #menu-primary-menu.ue-menu a {
    padding: 0px 13px 0px 13px !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 23%;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 315px;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 2px !important;
  } 
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 9px !important;
  }
  /*--------- Single Cause Page Responsive Start ---------*/
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 20%);
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 20%);
  }
  .single-post-comment .comment-list li {
    width: 100% !important;
  }
  /*--------- Single Cause Page Responsive End ---------*/
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -65px; */
  }
  .charity_single_event_page .feature-box-events img {
    height: 600px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 21%);
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
   .single-campaign .attachment-post-thumbnail {
    height: 600px;
    /* margin-top: -65px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 32%;
    margin: 6px 5px;
  }
  .donation-amounts .custom-donation-amount {
    margin-top: 7px !important;
  }
  #charitable-donation-form {
    max-width: calc(100% - 20%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 104%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 0px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 0em;
  }
  .charitable-submit-field .donate-button {
    margin: 0 auto;
  }
  .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
    margin-right: 4px;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -387px;
    left: 53%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  /*--------- About Us Page Responsive End ---------*/
  .single-post-comment .comment-list li {
    width: 70%;
  }
  #single_post .feature-box img {
    object-fit: cover;
  }
  .single-post-comment {
    width: 75%;
  }
}
@media screen and (min-width:1366px) and (max-width:1439px) {

  .wpe-charity-primary-menu-section #menu-primary-menu.ue-menu a {
    padding: 0px 13px 0px 13px !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 22%;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 315px;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 2px !important;
  } 
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 9px !important;
  }
  /*--------- Single Cause Page Responsive Start ---------*/
  .banner-campaign-box img {
    height: 600px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 15%);
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 15%);
  }
  .single-post-comment .comment-list li {
    width: 100% !important;
  }
  /*--------- Single Cause Page Responsive End ---------*/
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -65px; */
  }
  .charity_single_event_page .feature-box-events img {
    height: 500px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 16%);
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
  .single-campaign .attachment-post-thumbnail {
    height: 500px;
    /* margin-top: -65px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 32%;
    margin: 6px 5px;
  }
  .donation-amounts .custom-donation-amount {
    margin-top: 7px !important;
  }
  #charitable-donation-form {
    max-width: calc(100% - 20%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 104%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 0px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 0em;
  }
  .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
    margin-right: 4px;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -387px;
    left: 53%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  /*--------- About Us Page Responsive End ---------*/
  .single-post-comment .comment-list li {
    width: 70%;
  }
  .campaign-category-banner-image {
    height: 250px !important;
  }
  #single_post .feature-box img {
    margin-top: 0px;
    object-fit: cover;
  }
  .single-post-comment {
    width: 80%;
  }
}
@media screen and (min-width:1200px) and (max-width:1365px) {

  .wpe-charity-primary-menu-section #menu-primary-menu.ue-menu a {
    padding: 0px 13px 0px 13px !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 19%;
  }
  .wpe-charity-menubox-section .sticky .elementskit-navbar-nav {
    width: 1200px !important;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 315px;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 10px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-content {
    padding: 10px 0px 30px 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 3px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 3px !important;
  } 
  .wpe-charity-blog-section .ea-author:before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    margin-right: 2px !important; 
  }
  .wpe-charity-blog-section .ea-comments .eicon-comments::before {
    margin-right: 2px !important;
  }
  /*--------- Single Cause Page Responsive Start ---------*/
   .banner-campaign-box img {
    height: 550px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 10%);
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 10%);
  }
  .single-post-comment .comment-list li {
    width: 100% !important;
  }
  /*--------- Single Cause Page Responsive End ---------*/
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -65px; */
  }
  .charity_single_event_page .feature-box-events img {
    height: 500px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 10%);
    margin-bottom: 4em;
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
  .single-campaign .attachment-post-thumbnail {
    height: 500px;
    /* margin-top: -65px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 48%;
    margin: 5px 5px;
  }
  .donation-amounts .custom-donation-amount {
    margin-top: 10px !important;
  }
  #charitable-donation-form {
    max-width: calc(100% - 20%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 104%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 0px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 0em;
  }
  .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
    margin-right: 4px;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -387px;
    left: 53%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  /*--------- About Us Page Responsive End ---------*/
  .single-post-comment .comment-list li {
    width: 70%;
  }
  .campaign-category-breadcrumb-content {
    margin-top: 0px;
  }
  #single_post .feature-box img {
    object-fit: cover;
  }
  .single-post-comment {
    width: 85%;
  }
}
@media screen and (min-width:1025px) and (max-width:1199px) {

  .wpe-charity-primary-menu-section #menu-primary-menu.ue-menu a {
    padding: 0px 10px 0px 10px !important;
  }
  .tc-container {
    padding: 0 20px;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 13%;
  }
  .wpe-charity-slider-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-main-title .bdt-title-tag {
    font-size: 45px !important;
  }
  .home #menu-primary-menu li a {
    font-size: 16px !important;
  }
  body:not(.home) #menu-primary-menu li a {
    font-size: 16px !important;
  }
  .wpe-charity-menubox-section .sticky .elementskit-navbar-nav {
    width: 1024px !important;
  }
  .wpe-charity-locationmenu-box1 .elementor-icon-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-second-section-box2 .ekit-wid-con .elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-causes-section .owl-nav {
    margin-left: 10px;
  }
  .wpe-charity-counter-section .elementor-element .elementor-counter .elementor-counter-number-wrapper {
    font-size: 30px !important;
  }
  .wpe-charity-why-choose-section-box3 .elementor-widget-container {
    padding: 0px 10px 0px 20px !important;
  } 
  .wpe-charity-why-choose-section-box3 {
    min-height: 275px !important;
  }
  .wpe-charity-testimonial-section .ea-arrow-prev:after {
    font-weight: 900;
    content: '\f060';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    background-color: #000;
    padding: 5px 9px;
    border-radius: 6px;
    color: #fff;
    margin-left: 23px;
  }
  .wpe-charity-testimonial-section .ea-arrow-next:after {
    font-weight: 900;
    content: '\f061';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    background-color: #000;
    padding: 5px 9px;
    border-radius: 8px;
    color: #fff;
    margin-right: 23px;
  }
  .wpe-charity-testimonial-section .ea-testimonial {
    padding: 25px 30px 70px 30px !important;
  }
  .wpe-charity-testimonial-section .ea-testimonial .elementor-star-rating  {
    margin-left: 7px;
  }
  .wpe-charity-blog-section {
    padding: 0 10px;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 8px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-content {
    padding: 10px 0px 30px 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 1px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 1px !important;
  } 
  .wpe-charity-blog-section .ea-author:before {
    margin-right: 1px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    margin-right: 1px !important;
  }
  .wpe-charity-blog-section .ea-comments .eicon-comments::before {
    margin-right: 1px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-title a {
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
  }
  .single-post-comment {
    margin-top: 8em;
    margin-bottom: 8em;
    width: 100%;
  }
  #single_post .feature-box img {
    height: 500px;
    object-fit: cover;
  }
  /*--------- Single Cause Page Responsive Start ---------*/
   .banner-campaign-box img {
    height: 500px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 8%);
  }
  .single-post-comment .comment-list li {
    width: 100% !important;
  }
  /*--------- Single Cause Page Responsive End ---------*/
  .wpe-charity-footer-section .wpe-charity-footer-section-box1 {
    padding-left: 10px;
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 8%);
  }
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -65px; */
  }
  .charity_single_event_page .feature-box-events img {
    height: 400px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 10%);
    margin-bottom: 4em;
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
  .single-campaign .attachment-post-thumbnail {
    height: 400px;
    /* margin-top: -65px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 48%;
    margin: 5px 5px;
  }
  .donation-amounts .custom-donation-amount {
    margin-top: 10px !important;
  }
  #charitable-donation-form {
    max-width: calc(100% - 20%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 104%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 0px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 0em;
  }
  .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
    margin-right: 4px;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  .wpe-charity-blog-nosidebar-page {
    padding: 0 10px;
  }
  .wpelemento-charity-blog-left-sidebar-page-left-section {
    padding-left: 10px;
  }
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -387px;
    left: 53%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  /*--------- About Us Page Responsive End ---------*/
  .single-post-comment .comment-list li {
    width: 70%;
  }
  .campaign-category-breadcrumb-content {
    margin-top: 0px;
  }
  /*--------- Charity Member Joining Form Responsive CSS Start ---------*/
  .wpe-charity-member-join-page .input-group {
    flex-wrap: nowrap;
  }
  .member-joining-form .form-control {
    width: 360px !important;
  }
  .member-joining-form-textarea textarea {
    width: 100%;
  }
  /*--------- Charity Member Joining Form Responsive CSS End ---------*/
  /*--------- Charity request fund rase Form Responsive CSS Start ---------*/
  .wpe-charity-fund-raise-page .input-group {
    flex-wrap: nowrap;
  }
  .fund-rase .form-control {
    width: 360px !important;
    background-color: #F5F5F5;
  }
  .fund-rase-form-textarea textarea {
    width: 100% !important;
  }
  /*--------- Charity request fund rase Form Responsive CSS End ---------*/
  .wpelemento-charity-faq-page.e-flex.e-con-boxed.e-con.e-parent {
    padding-right: 30px;
    padding-left: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
}
@media screen and (min-width:1023px) and (max-width:1024px) {
  .wpe-charity-why-choose-section-box3 {
    height: 583px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 8px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-content {
    padding: 10px 0px 30px 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 2px !important;
  } 
  .wpe-charity-blog-section .ea-author:before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-comments .eicon-comments::before {
    margin-right: 2px !important;
  }
  
}
@media screen and (min-width:992px) and (max-width:1022px) {
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 12px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-content {
    padding: 10px 0px 30px 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 2px !important;
  } 
  .wpe-charity-blog-section .ea-author:before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-comments .eicon-comments::before {
    margin-right: 2px !important;
  }
}
@media screen and (min-width:992px) and (max-width:1024px) {
   /*--------- Header Responsive Start ---------*/

  .wpe-charity-menubox-section {
    padding: 4px 0;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 15%;
  }
  .sticky {
    /* height: 80px !important; */
  }
  .sticky .elementskit-menu-hamburger {
    height: 60px;
    width: 60px;
    line-height: 75px;
    margin-right: 10px;
  }
  .sticky .elementskit-menu-hamburger > .ekit-menu-icon {
    color: #fff !important;
  }
  .wpe-charity-primary-menu-section  #menu-primary-menu li a {
    color: #000 !important;
  }
  body:not(.home) .wpe-charity-menubox-section:after{
    display: none;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item .active  {
    background-color: unset !important;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:hover  {
    background-color: unset !important;
  } 
  .wpe-charity-locationmenu-section {
    margin-bottom: 0px;
  }
  #wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn {
    padding: 10px !important;
  }
  /*--------- Header Responsive End ---------*/
  .wpe-charity-slider-section {
    /* margin-top: -59px; */
  }
  .wpe-charity-locationmenu-box1 .elementor-icon-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-locationmenu-box4 .elementskit-btn {
    width: max-content;
    padding: 14px 18px !important;
  }
  .wpe-charity-primary-menu-section .elementskit-menu-hamburger > .ekit-menu-icon {
    color: #FFF !important;
  }
  .wpe-charity-slider-section .bdt-container {
    margin-left: 8%;
  }
  .wpe-charity-second-section-box2 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-second-section-box3 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-second-section-box4 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-why-choose-section-box3 {
    height: 564px;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-testimonial-section .ea-testimonial.ea-testimonial-skin-2:before {
    content: '';
    width: 99.6%;
    height: 60px;
    background: #fff;
    position: absolute;
    top: -35px;
    left: 0px;
    border-top-right-radius: 28px;
    border-left: transparent;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    transform: rotate(-6deg);
    z-index: -1;
    filter: drop-shadow(0px -1px 0px rgba(0, 0, 0, 0.1));
  }
  .wpe-charity-testimonial-section .ea-arrow-prev {
    left: 24px;
  }
  .wpe-charity-testimonial-section .ea-arrow-next {
    right: 24px;
  }
  .wpe-charity-testimonial-section .elementor-star-rating {
    position: absolute;
    bottom: 35px;
    left: 35px;
  }
 
  /*--------- Charity Single Blog Page Responsive CSS Start ---------*/
  .single-blog-content p {
    font: 300 20px/40px 'Quicksand', Sans-serif;
  }
  .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: -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: 8px; */
    height: 400px;
    object-fit: cover;
  }
  .single-post-comment {
    margin-top: 5em;
    margin-bottom: 5em;
    width: 100%;
  }
  .content-box {
    margin-top: -50px;
    padding-top: 18px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .single-page-title {
    font: 600 35px/60px 'Quicksand';
  }
  .single-post-content p {
    font: 300 18px/45px 'Quicksand', 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 'Quicksand';
  }
  .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 15px 20px 10px 20px;
  }
  .single-post-comment .comment-list li {
    width: 100%;
  }
  /*--------- Charity Single Blog Page Responsive CSS End ---------*/
  /*--------- Single Cause Page Responsive Start ---------*/
  .banner-campaign-box img {
    height: 450px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 10%);
  }
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 10%);
  }
  /*--------- Single Cause Page Responsive End ---------*/
  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    /* margin-top: -59px; */
  }
  .charity_single_event_page .feature-box-events img {
    height: 400px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 10%);
    margin-bottom: 4em;
  }
  .single-event-page-time-box {
    padding: 25px 20px;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
  .single-campaign .attachment-post-thumbnail {
    height: 400px;
    /* margin-top: -58px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 48%;
    margin: 5px 5px;
  }
  .donation-amounts .custom-donation-amount {
    margin-top: 10px !important;
  }
  #charitable-donation-form {
    max-width: calc(100% - 20%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 104%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 0px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 0em;
  }
  .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
    margin-right: 4px;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -387px;
    left: 53%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elemento  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 19.5%;
  }r-active .d-flex {
    display: inline-block !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-active .d-flex .flex-grow-1 {
    padding-top: 15px;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title {
    padding: 20px 0px 20px 70px !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-title:before {
    content: "\f140" !important;
    bottom: 10px;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title.elementor-active:before {
    top: 10px !important;
  }
  /*--------- About Us Page Responsive End ---------*/
  .campaign-category-breadcrumb-content {  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 19.5%;
  }
    margin-top: 0px;
  }
  /*--------- Charity Member Joining Form Responsive CSS Start ---------*/
   .wpe-charity-member-join-page .input-group {
    flex-wrap: nowrap;
  }
  .member-joining-form .form-control {
    width: 360px !important;
  }
  .member-joining-form-textarea textarea {
    width: 100%;
  }
  /*--------- Charity Member Joining Form Responsive CSS End ---------*/
  /*--------- Charity request fund rase Form Responsive CSS Start ---------*/
  .wpe-charity-fund-raise-page .input-group {
    flex-wrap: nowrap;
  }
  .fund-rase .form-control {
    width: 360px !important;
    background-color: #F5F5F5;
  }
  .fund-rase-form-textarea textarea {
    width: 100% !important;
  }
  /*--------- Charity request fund rase Form Responsive CSS End ---------*/
  .urgent-campaign-donation-title-btn {
    padding: 0 10px;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute !important;
    right: 14px !important;
    top: 10% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute !important;
    right: 14px !important;
    top: 10% !important;
  }
}
@media screen and (min-width:768px) and (max-width:991px) {

  .wpe-charity-events-page .ea-comments {
    margin-left: 5px;
  }
  .wpe-charity-events-page .ea-author {
    margin-left: 5px;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .uc-active {
    color: #FFF !important;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-nav-menu-mobile-icon-open svg path {
    fill: #000000;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-nav-menu-mobile-icon-close svg path {
    fill: #000000;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section li a:hover {
    color: #FFF !important;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section li a:active {
    color: #FFF !important;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li a {
    color: #000 !important;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li a:hover {
    color: #FFF !important;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu .sub-menu li a {
    color: #FFF !important;
  }
  .wpe-charity-menubox-section .e-con-inner>div>div {
    height: 70px;
  }  
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section {
    height: 70px;
  }  
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-nav-menu {
    height: 70px !important;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-menu {
    transform: translate(0, -5px) !important;
  }
  .wpe-charity-primary-menu-section .ue-menu .current-menu-item a {
    color: #FFF !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 40px;
    width: 40px;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 40px;
    width: 40px;
  }
  /*--------- Header Responsive Start ---------*/
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    bottom: 10.5%;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px;
    margin-top: -10%;
    width: -webkit-fill-available;
  }
  .wpe-charity-slider-section .bdt-main-title .bdt-title-tag {
    font-size: 30px !important;
  }
  .sticky {
    height: 70px;
  }
  body:not(.home) .sticky {
    height: 70px;
  }
  .sticky .elementskit-menu-hamburger {
    height: 60px;
    width: 60px;
    line-height: 66px;
    margin-right: 10px;
  }
  .sticky .elementskit-menu-hamburger > .ekit-menu-icon {
    color: #fff !important;
  }
  .wpe-charity-primary-menu-section  #menu-primary-menu li a {
    color: #000 !important;
  } 
  body:not(.home) .wpe-charity-menubox-section:after{
    display: none;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item .active  {
    background-color: unset !important;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:hover  {
    background-color: unset !important;
  } 
  .wpe-charity-locationmenu-section {
    margin-bottom: 0px;
  }
  #wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn {
    padding: 8px 7px 8px 8px!important;
    font-size: 15px !important;
  }
  #wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn > svg {
    margin-left: 6px;
  }
  /*--------- Header Responsive End ---------*/
  .wpe-charity-slider-section {
    /* margin-top: -59px; */
  }
  .wpe-charity-locationmenu-box1, .wpe-charity-locationmenu-box2, .wpe-charity-locationmenu-box3, .elementor-icon-box-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-locationmenu-box4 .elementskit-btn {
    width: max-content;
    padding: 14px 18px !important;
  }
  .wpe-charity-primary-menu-section .elementskit-menu-hamburger > .ekit-menu-icon {
    color: #FFF !important;
  }
  .wpe-charity-slider-section .bdt-container {
    margin-left: 8%;
  }
  .wpe-charity-second-section-box2 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-second-section-box3 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-second-section-box4 .elementskit-info-image-box .elementskit-info-box-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-causes-section .owl-nav {
    margin-left: 10px;
  }
  .wpe-charity-causes-section .owl-nav {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    gap: 20px;
    display: flex;
  }
  .campaign-item .campaign-poster img {
    height: 175px;
  }
  .wpe-charity-counter-section .wpe-charity-counter-section-box {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    padding: 16px;  .wpe-charity-menubox-section .wpe-charity-primary-menu-section li a:hover {
      color: #FFF !important;
    }
    margin: 0 auto;
    border-radius: 50%;
  }
  .wpe-charity-counter-section .elementor-counter-title {
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .wpe-charity-why-choose-section-box3 {
    height: 433px;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-meta {
    font-size: 10px;
    padding: 10px 0;
    justify-content: space-around;
  }
  .wpe-charity-testimonial-section .ea-arrow-prev {
    left: 24px;
  }
  .wpe-charity-testimonial-section .ea-arrow-next {
    right: 24px;
  }
  .wpe-charity-testimonial-section .elementor-star-rating {
    position: absolute;
    bottom: 35px;
    left: 35px;
  }
  .wpe-charity-team-section .ea-slider-arrow {
    top: -45% !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    font-size: 10px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-content {
    padding: 10px 0px 30px 0px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 2px !important;
  } 
  .wpe-charity-blog-section .ea-author:before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    margin-right: 2px !important;
  }
  .wpe-charity-blog-section .ea-comments .eicon-comments::before {
    margin-right: 2px !important;
  }
  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-prev {
    position: absolute;
    top: -36px;
  }
  .wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-next {
    position: absolute;
    top: -36px;
  }
  .wpe-charity-aboutpage-volunteer-section ul.ea-tm-social-links {
    position: absolute;
    right: 6px;
  }
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -375px;
    left: 65%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpe-charity-aboutpage-volunteer-section .ea-tm-wrapper .ea-tm-image img {
    padding: 10px 0 0 10px;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-active .d-flex {
    display: inline-block !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-active .d-flex .flex-grow-1 {
    padding-top: 15px;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title {
    padding: 20px 10px 20px 50px !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-desktop-title.elementor-active:before {
    top: 10px !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-title:before {
    content: "\f140" !important;
    position: absolute;
    bottom: 10px;
  }
  /*--------- About Us Page Responsive End ---------*/
  /*--------- Single Blog Page Responsive 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: 0px;
    height: 300px;
    object-fit: cover;
  }
  .content-box {
    margin-top: -40px;
    padding: 20px 20px!important;
  }
  .single-page-title {
    font: 600 30px/50px 'Quicksand';
  }
  .single-page-metabox {
    padding: 0px 0px !important;
  }
  .single-blog-content p {
    font: 300 18px/40px 'Quicksand', 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 'Quicksand';
  }
  .single-post .form-submit input[type="submit"] {
    font-size: 18px;
    padding: 14px 20px 11px 20px;
  }
  .single-post .single-post-comment {
    margin-top: 4em;
    margin-bottom: 4em;
    width: 100%;
    padding: 10px !important;
  }
  .single-post-comment .comment-list li {
    width: 100%;
  }
  /*--------- Single Blog Page Responsive End ---------*/
  /*--------- Single Cause Page Responsive Start ---------*/
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 13%);
  }
  .banner-campaign-box img {
    height: 400px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 15%);
  }
  /*--------- Single Cause Page Responsive End ---------*/

  /*--------- Event Single Page CSS Start ---------*/
  .charity_single_event_page .feature-box-events img {
    height: 300px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 14%);
    margin-bottom: 5em;
  }
  .single-event-page-time-box {
    width: 60%;
    margin: 0 auto;
  }
  /*--------- Event Single Page CSS End ---------*/
  /*--------- Donation Form Page Responsive CSS Start ---------*/
  .single-campaign .attachment-post-thumbnail {
    height: 400px;
    /* margin-top: -58px; */
    object-fit: cover;
  }
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 100%;
  }
  #charitable-donation-form {
    max-width: calc(100% - 25%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0%;
    right: 0%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 70px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 4.5em;
  }
  /*--------- Donation Form Page Responsive CSS End ---------*/
  .campaign-category-breadcrumb-content {
    margin-top: 0px;
  }
  /*--------- Charity Member Joining Form Responsive CSS Start ---------*/
  .wpe-charity-member-join-page .input-group {
    flex-wrap: nowrap;
  }
  .member-joining-form-320textarea textarea {
    width: 100%;
  }
  .member-joining-form .form-control {
    width: 100% !important;
  }
  .wpe-charity-member-join-page .member-joining-form {
    margin: 0 auto;
  }
  .member-joining-form .input-group p {
    width: 100%;
  }
  .member-joining-form>div {
    padding: 0px;
  }
  .member-joining-form-textarea {
    width: 100% !important;
  }
  /*--------- Charity Member Joining Form Responsive CSS End ---------*/
  /*--------- Charity request fund rase Form Responsive CSS Start ---------*/
  .wpe-charity-fund-raise-page .input-group {
    flex-wrap: nowrap;
  }
  .fund-rase-form-textarea textarea {
    width: 100% !important;
  }
  .fund-rase .form-control {
    width: 100% !important;
  }
  .wpe-charity-fund-raise-page .fund-rase {
    margin: 0 auto;
  }
  .fund-rase .input-group p {
    width: 100%;
  }
  .fund-rase>div {
    padding: 0px;
  }
  .fund-rase-form-textarea {
    width: 100% !important;
  }
  /*--------- Charity request fund rase Form Responsive CSS End ---------*/
  .urgent-campaign-donation-goal {
    padding: 0px;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute !important;
    right: 14px !important;
    top: 11% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute !important;
    right: 14px !important;
    top: 11% !important;
  }
}
@media screen and (min-width:320px) and (max-width:767px) {

  .wpe-charity-newsletter-section .wpcf7 form .wpcf7-response-output {
    padding: 5px !important;
    font-size: 15px !important;
 		position: unset;
		text-align:center;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .uc-active {
    color: #FFF !important;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-nav-menu-mobile-icon-open svg path {
    fill: #000000;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section .ue-nav-menu-mobile-icon-close svg path {
    fill: #000000;
  }
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section li a:hover {
    color: #FFF !important;
  }
  .sticky.wpe-charity-menubox-section {
    padding: 0px 10px;
  }
  .wpe-charity-menubox-section .ue-nav-menu {
    height: 60px;
    align-items: center;
    display: flex
  }
  .wpe-charity-menubox-section .e-con-inner>div>div {
    height: 60px;
  }  
  .wpe-charity-menubox-section .wpe-charity-primary-menu-section {
    height: 60px;
  }  
  .wpe-charity-primary-menu-section .ue-menu {
    transform: translate(0px, 0px) !important;
  }
  .wpe-charity-primary-menu-section .ue-menu .current-menu-item a {
    color: #FFF !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 35px;
    width: 35px;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 35px;
    width: 35px;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    padding: 20px;
    margin-top: -5%;
    margin-right: 15px;
    margin-left: 15px;
  }
  /*--------- Header Responsive Start ---------*/
  .wpe-charity-locationmenu-section .e-con-inner .wpe-charity-locationmenu-box1, .wpe-charity-locationmenu-box2, .wpe-charity-locationmenu-box3 {
    display: none;
  }
  .sticky .elementskit-menu-hamburger > .ekit-menu-icon {
    color: #fff !important;
  }
  body:not(.home) .wpe-charity-menubox-section:after{
    display: none;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li a {
    color: #000 !important;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li a:hover {
    color: #FFF !important;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu .sub-menu li a {
    color: #FFF !important;
  }
  .wpe-charity-locationmenu-section {
    margin-bottom: 0px;
  }
  .wpe-charity-primary-menu-section .elementskit-menu-hamburger {
    line-height: 10px;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
    display: none !important;
  }
  .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  body:not(.home) .wpe-charity-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
    display: none;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item .active  {
    background-color: unset !important;
  }
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li.active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:active  {
    background-color: unset !important;
  } 
  .wpe-charity-primary-menu-section .elementskit-navbar-nav .elementskit-submenu-panel > li a:hover  {
    background-color: unset !important;
  } 
 
  /*--------- Header Responsive End ---------*/

  /*--------- Slider Responsive Start ---------*/
  .wpe-charity-slider-section .bdt-container {
    display: block;
    max-width: 300px;
    margin-left: unset;
    text-align: center;
    margin: 0 auto;
  }
  .wpe-charity-slider-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-main-title {
    max-width: 300px;
    margin: 0 auto;
  }
  .wpe-charity-slider-section .bdt-main-title.bdt-text-left:before {
    position: absolute;
    display: none;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-main-title {
    padding-left: unset;
    padding-bottom: 0px;
  }
  .wpe-charity-slider-section .bdt-prime-slider .bdt-slider-excerpt {
    display: none;
  }
  .wpe-charity-slider-section .bdt-prime-slider .bdt-prime-slider-desc h4 {
    line-height: 30px !important;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px;
    bottom: 15px;
  }
  .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    margin-left: 0px !important;
  }
  .wpe-charity-slider-section .bdt-position-bottom-left {
    left: unset;
    right: unset;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 44px;
    width: 44px;
  }
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 44px;
    width: 44px;
  }
  /*--------- Slider Responsive End ---------*/

  /*--------- Second Section Responsive Start ---------*/
  .wpe-charity-second-section .elementskit-info-image-box {
    box-shadow: 0px 2px 6px #CCBABAF2;
    border-radius: 10px;
  }
  .wpe-charity-second-section .ekit-wid-con .elementskit-info-image-box .elementskit-box-header {
    padding-top: 25px;
  }
  .wpe-charity-second-section .elementskit-info-image-box .elementskit-box-body {
    padding: 40px 20px 20px 20px !important;
  }
  .wpe-charity-second-donation-box-first-section .elementor-image-box-title {
    padding-top: 15px !important;
  }
  /*--------- Second Section Responsive End ---------*/

  /*--------- Causes Section Responsive Start ---------*/
  .campaign-item .campaign-poster img {
    height: 160px;
  }
  .owl-nav {
    position: absolute;
    top: unset;
    left: 4%;
    gap: 15px;
    bottom: -70px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-content: center;
  }
  /*--------- Causes Section Responsive End ---------*/

  /*--------- Why Choose Section Responsive Start ---------*/
  .wpe-charity-why-choose-section .elementor-image-box-title {  
    padding-top: 15px;
  }
  .wpe-charity-about-left-section-icon {
    position: absolute;
    top: -12%;
  }
  .wpe-charity-about-left-section-content {
    position: absolute;
    top: 8%;
    right: 0;
  }
  .wpe-charity-why-choose-left-img-section .e-con-inner {
    flex-wrap: nowrap !important;
  }
  /*--------- Why Choose Section Responsive End ---------*/

  /*--------- Event Urgent Section Responsive Start ---------*/
  .urgent-campaign-donation-goal-box {
    display: inline-block;
  }
  .urgent-campaign-name {
    font: 700 30px/40px 'Quicksand';
    text-align: center;
  }
  .urgent-campaign-btn {
    margin: 0 auto;
    margin-top: 20px;
  }
  /*--------- Event Urgent Section Responsive End ---------*/

  /*--------- Event Section Responsive Start ---------*/
  .wpe-charity-events-section .ea-button-wrap a {
    display: inline-block;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-meta {
    flex-wrap: wrap;
  }
  .wpe-charity-team-section .ea-slider-arrow {
    top: unset;
    bottom: -76px;
  }
  /*--------- Event Section Responsive End ---------*/

  /*--------- Testimonial Section Responsive Start ---------*/
  .wpe-charity-testimonial-section .ea-arrow-prev {
    left: 25px;
  }
  .wpe-charity-testimonial-section .ea-arrow-next {
    right: 25px;
  }
  /*--------- Testimonial Section Responsive End ---------*/

  /*--------- Team Section Responsive Start ---------*/
  .wpe-charity-team-section ul.ea-tm-social-links {
    display: block;
  }
  .wpe-charity-team-section .ea-tm{
    background: linear-gradient(180deg, #fffdfd00 9%, #000000 100%) 0% 0% no-repeat padding-box;
  }
  .wpe-charity-team-section .ea-tm::after {
    background: transparent linear-gradient(180deg, #F6B44100 0%, #12B6F3 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
  }
  .wpe-charity-team-section .ea-tm .ea-tm-content-normal {
    background: #12B6F3 !important;
  }
  /*--------- Team Section Responsive End ---------*/

  /*--------- Blog Section Responsive Start ---------*/
  .wpe-charity-blog-section .ea-amox-carousel .ea-meta {
    flex-wrap: wrap;
    justify-content: center;
  }
  /*--------- Blog Section Responsive End ---------*/

  /*--------- Footer Section Responsive Start ---------*/
  .wpe-charity-newsletter-section input[type=submit] {
    position: unset !important;
    right: 7px !important;
    top: 7px !important;
    border: 1px solid #12B6F3 !important;
    margin-top: 20px !important;
  }
  .wpe-charity-footer-section .hfe-nav-menu ul li a  {
    display: block;
    text-align: center;
  }
  .wpe-charity-footer-section .ekit-header-info > li > a {
    display: block;
    text-align: center;
  }
  .wpe-charity-newsletter-section-btn form {
    position: relative;
  }
  /*--------- Footer Section Responsive End ---------*/

  /*--------- About Us Page Responsive Start ---------*/
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    display: none;
  }
  .wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-prev {
    position: absolute;
    top: -34px;
  }
  .wpe-charity-aboutpage-volunteer-section .swiper-container-wrap .swiper-button-next {
    position: absolute;
    top: -34px;
  }
  .wpe-charity-aboutpage-volunteer-section ul.ea-tm-social-links {
    position: absolute;
    right: 6px;
  }
  .wpe-charity-aboutpage-tab-section .elementor-widget-container h3 {
    margin: 0 auto;
  }
  #gallery-1 {
    display: block;
  }
  #gallery-1 .gallery-item {
    padding: 10px 0;
  }
  .wpe-charity-aboutpage-third-section-img {
    display: none;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-active .d-flex {
    display: inline-block !important;
  }
  .wpe-charity-aboutpage-tab-section-tab .elementor-active .d-flex .flex-grow-1 {
    padding-top: 15px;
  }
  /*--------- About Us Page Responsive End ---------*/

  /*--------- Event Single Page CSS Start ---------*/
  .charity-single-event-page {
    margin-top: 0px;
  }
  .charity_single_event_page .feature-box-events img {
    height: 180px !important;
    object-fit: cover;
  }
  .charity-single-event-page-main-content {
    max-width: calc(100% - 13%);
    margin-bottom: 5em;
  }
  .events-content-para-list li {
    font: 300 18px/30px 'Mulish', sans-serif;
  }
  .events-button {
    font: 400 16px/20px 'Quicksand';
    background-color: #000000;
    color: #ffffff;
    border-radius: 5px;
    padding: 9px 10px 9px 15px;
  }
  /*--------- Event Single Page CSS End ---------*/

  /*--------- Campaign Causes Single Page CSS Start ---------*/
  .campaign-donation-goal-progress-bar {
    max-width: calc(100% - 10%);
  }
  .single-campaign .attachment-post-thumbnail {
    margin-top: 0px;
    height: 200px;
    object-fit: cover;
   }
  .charity-single-campaign-page {
    margin-top: 0px;
  }
  .banner-campaign-box img {
    height: 190px;
  }
  .charity-single-campaign-page-main-content {
    max-width: calc(100% - 10%);
  }
  .single-campaign .single-post-comment {
    margin-top: 4em;
    margin-bottom: 4rem;
  }
  .single-campaign-page-time-box .flex-grow-1 h4 a {
    font: 600 25px/20px 'Quicksand';
  }
  .charity-single-campaign-page-title {
    font: 600 25px/40px 'Quicksand' !important;
  }
  .causes-project-live-title {
    font: 500 20px/30px 'Quicksand';
  }
  .hover-fx {
    margin: 0px;
    width: 27px;
    height: 27px;
  }
  .single-cause-bottom-comment-box {
    background-color: #FDF4F4;
    padding: 10px;
  }
  .single-cause-bottom-comment-box {
    box-shadow: unset;
  }
  .single-campaign .single-post-comment {
    box-shadow: unset;
  }
  .single-campaign .single-post-comment .comment-respond {
    padding: 15px;
  }
  ol.comment-list {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
  }
  /*--------- Campaign Causes Single Page CSS End ---------*/

  /*--------- Charity Single Blog Page Responsive CSS Start ---------*/
  .charity-single-blog-page {
    margin-top: 0px !important;
  }
  .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(4%);
  }
  .single-post .content-box {
    margin-top: -110px;
  }
  .single-page-title {
    font: 600 25px/40px 'Quicksand';
  }
  .single-author-image img {
    width: 15%;
  }
  .single-blog-content p {
    font: 300 16px/35px 'Quicksand', Sans-serif;
    letter-spacing: 1px;
  }
  span.entry-date, span.entry-comments {
    font: normal 18px/45px 'Quicksand';
  }
  .single-blog-content {
    padding-top: 0px !important;
  }
  .meta-box-question {
    font: 500 25px/50px 'Quicksand';
  }
  .single-page-metabox {
    padding-top: 8px !important;
  }
  .single-post-nav .nav-links a {
    font: 300 18px/40px 'Quicksand';
  }
  #single_post .feature-box img {
    margin-top: 0px;
    height: 170px;
    object-fit: cover;
  }
  .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;
  }
  .single-campaign .single-post-comment {
    background: unset ;
  }
  .form-submit input[type="submit"] {
    font-size: 16px;
  }
  .single-post-comment .comment-list li {
    width: 100%;
  }
  .single-post-comment .comment-respond {
    padding: 0px;
  }
  .single-post .comment-respond {
    box-shadow: unset;
  }
  /* .single-post-comment .comment-list {
    background-color: unset;
  }
  .single-cause-bottom-comment-box {
    padding: 0px;
  } */
  /*--------- Charity Single Blog Page Responsive CSS End ---------*/
  /*--------- Charity Our Causes Page Responsive CSS Start ---------*/
  .campaign-item2 .campaign-poster a img {
    height: 180px;
  }
  /*--------- Charity Our Causes Page Responsive CSS End ---------*/
  /*--------- Charity Our Causes Form Responsive CSS Start ---------*/
  .charitable-donation-form .donation-amounts .donation-amount {
    margin: 10px 0px;
    width: 100%;
  }
  #charitable-donation-form {
    max-width: calc(100% - 15%) !important;
  }
  .charitable-donation-form .custom-donation-input {
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0%;
    right: 0%;
    padding: 14px 14px;
    border-radius: 10px;
    border: 1px solid #000;
    top: 70px;
  }
  .charitable-form-fields .charitable-fieldset {
    padding: 1.5em 20px 4.5em;
  }
  .charitable-submit-field .donate-button {
    margin: 0 auto;
  }
  /*--------- Charity Our Causes Form Responsive CSS End ---------*/
  /*--------- Charity Blog No Sidebar Page Responsive CSS Start ---------*/
  .wpe-charity-blog-nosidebar-page .ea-amox-grid .ea-meta {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px;
  }
  .wpe-charity-blog-nosidebar-page .ea-readmore-icon {
    margin: 0 auto;
  }
  /*--------- Charity Blog No Sidebar Page Responsive CSS End ---------*/
  .wpe-charity-aboutpage-tab-section-tab .elementor-tab-title:before {
    display: none;
  }
  .wpe-charity-events-section .ea-position-center {
    bottom: -45px;
    top: unset;
  }
  .wpe-charity-volunteers-gallery-section .ha-ihe-wrapper .ha-ihe-fig .ha-ihe-caption {
    top: unset !important;
  }
  /*--------- Charity Inner Page Top Banner Responsive CSS Start ---------*/
  .wpe-charity-innerpage-banner-section .e-con-inner {
    width: max-content;
    margin-top: 0px;
    padding: 10px 15px 5px 15px;
  }
  /*--------- Charity Inner Page Top Banner Responsive CSS End ---------*/
  /*--------- Charity Causes Category Responsive CSS Start ---------*/
  .campaign-category-breadcrumb-content {
    margin-top: 0px;
  }
  .campaign-category-banner-image {
    background-size: 100% 100% !important;
    height: 200px !important;
  }
  .campaign-category-banner-image {
    margin-top: 0px;
  }
  /*--------- Charity Causes Category Responsive CSS End ---------*/
  /*--------- Charity Member Joining Form Responsive CSS Start ---------*/
  .wpe-charity-member-join-page .input-group {
    flex-wrap: nowrap;
  }
  .wpe-charity-member-join-page .input-group p {
    width: 100%;
  }
  .member-joining-form>div {
    padding: 0px;
  }
  .member-joining-form .form-control {
    width: 100% !important;
  }
  .member-joining-form-textarea textarea {
    width: 100% !important;
  }
  .member-joining-form-textarea {
    width: 100% !important;
  }
  .member-joining-form {
    margin: 0 auto;
  }
  /*--------- Charity Member Joining Form Responsive CSS End ---------*/
  /*--------- Charity request Fund rase Form Responsive CSS start ---------*/
  .fund-rase-form-textarea textarea {
    width: 100% !important;
  }
  .fund-rase .form-control {
    width: 100% !important;
  }
  .wpe-charity-fund-raise-page .fund-rase {
    margin: 0 auto;
  }
  .fund-rase .input-group p {
    width: 100%;
  }
  .fund-rase>div {
    padding: 0px;
  }
  .fund-rase-form-textarea {
    width: 100% !important;
  }
  /*--------- Charity request Fund rase Form Responsive CSS End ---------*/
  .wpelemento-charity-contact-us-page-left {
    background-image: unset !important;
    background-color: #000;
  }
  .wpelemento-charity-faq-page .ekit-wid-con .elementskit-accordion .ekit-accordion-title {
    padding-right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
  }
}
@media screen and (min-width:576px) and (max-width:767px) {
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {  
    /* left: 39%; */
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-img-wrap img {
    height: 378px;
  }
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -375px;
    left: 50%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-prev {
    left: 224px !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-next {
    right: 224px !important;
  }
  .wpe-charity-team-section .swiper-button-prev {
    left: 228px;
  }
  .wpe-charity-team-section .swiper-button-next {
    right: 228px;
  }
  .fund-rase .input-group p {
    width: 100%;
  }
  .fund-rase-form-textarea {
    width: 100% !important;
  }
  .wpe-charity-newsletter-section-btn form svg {
    position: absolute !important;
    right: 186px !important;
    top: 69% !important;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute !important;
    right: 186px !important;
    top: 43% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute !important;
    right: 186px !important;
    top: 43% !important;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 322px !important;
  }

}
@media screen and (min-width:425px) and (max-width:575px) {
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {  
    /* left: 36%; */
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-img-wrap img {
    height: 378px;
  }
  .wpe-charity-aboutpage-volunteer-section .ea-tm-description {
    position: absolute;
    top: -375px;
    left: 62%;
    right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10 !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-prev {
    left: 148px !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-next {
    right: 148px !important;
  }
  .wpe-charity-team-section .swiper-button-prev {
    left: 152px;
  }
  .wpe-charity-team-section .swiper-button-next {
    right: 152px;
  }
  .wpe-charity-newsletter-section-btn form svg {
    position: absolute !important;
    right: 111px !important;
    top: 69% !important;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute !important;
    right: 111px !important;
    top: 43% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute !important;
    right: 111px !important;
    top: 43% !important;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 233px !important;
  }
  
}
@media screen and (min-width:375px) and (max-width:424px) {
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {  
    /* left: 33%; */
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-img-wrap img {
    height: 333px;
  }
  .wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-title {
    font-size: 16px !important;
  }
  .wpe-charity-aboutpage-timeline3 .ha-horizontal-timeline-title {
    font-size: 16px !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-prev {
    left: 125px !important;
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-navigation-next {
    right: 125px !important;
  }
  .wpe-charity-team-section .swiper-button-prev {
    left: 128px;
  }
  .wpe-charity-team-section .swiper-button-next {
    right: 128px;
  }
  .wpe-charity-innerpage-banner-section .wpe-charity-blog-page-banner-section .fbc-page .fbc-wrap .fbc-items li .fbc-separator {
    padding: 0px 3px;
  }
  .campaign-category-breadcrumb-content {
    padding: 10px;
  }
  .wpe-charity-newsletter-section-btn form svg {
    position: absolute !important;
    right: 87px !important;
    top: 69% !important;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute !important;
    right: 87px !important;
    top: 43% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute !important;
    right: 87px !important;
    top: 43% !important;
  }
  .wpe-charity-why-choose-section-box3 {
    min-height: 204px !important;
  }
}
@media screen and (min-width:320px) and (max-width:374px) {
  .wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {  
    /* left: 31%; */
  }
  .wpe-charity-events-section .ea-amox-carousel .ea-img-wrap img {
    height: 309px;
  }
  .wpe-charity-aboutpage-timeline1 .ha-horizontal-timeline-title {
    font-size: 15px !important;
  }
  .wpe-charity-aboutpage-timeline3 .ha-horizontal-timeline-title {
    font-size: 15px !important;
  }
  .wpe-charity-team-section .swiper-button-prev {
    left: 100px;
  }
  .wpe-charity-team-section .swiper-button-next {
    right: 100px;
  }
  .wpe-charity-testimonial-section .ea-testimonial-cite {
    margin-top: -50px;
    margin-left: -20px;
  }
  .wpe-charity-innerpage-banner-section .wpe-charity-blog-page-banner-section .fbc-items li a {
    font-size: 15px;
  }
  .wpe-charity-innerpage-banner-section .wpe-charity-blog-page-banner-section .fbc-page .fbc-wrap .fbc-items li.active span {
    font: 500 15px/18px 'Quicksand';
  }
  .wpe-charity-innerpage-banner-section .wpe-charity-blog-page-banner-section .fbc-page .fbc-wrap .fbc-items li .fbc-separator {
    padding: 0px 0px;
    font-size: 17px;
  }
  .wpe-charity-innerpage-banner-section .wpe-charity-blog-page-banner-section .fbc-page .fbc-wrap .fbc-items li {
    padding: 10px 1px 10px 1px;
  }
  .campaign-category-breadcrumb-content {
    padding: 8px 4px 8px 4px;
  }
  .wpe-charity-newsletter-section-btn form .fa-hand-holding-hand {
    position: absolute !important;
    right: 59px !important; 
    top: 45% !important;
    transform: translateY(31px) !important;
  }
  .wpe-charity-newsletter-section-btn .failed svg {
    position: absolute;
    right: 59px !important;
    top: 25% !important;
  }
  .wpe-charity-newsletter-section-btn .submitting svg {
    position: absolute;
    right: 59px !important;
    top: 25% !important;
  }
}











/*=============== Charity Theme Code End ==============*/































@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:1600px) and (max-width:1680px) {
  .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) {
  .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: #2B7977;
    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 'Quicksand', 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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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: 522px;
  }
  /*========= SEO Get A Quote Responsive CSS End =========*/
}

@media screen and (min-width:1366px) and (max-width:1439px) {
  .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: #2B7977;
    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 'Quicksand';
  }
  .single-blog-content p {
    font: 300 22px/45px 'Quicksand', 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 'Quicksand';
  }
  .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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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: 522px;
  }
  /*========= SEO Get A Quote Responsive CSS End =========*/
}

@media screen and (min-width:1200px) and (max-width:1365px) {
  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: #2B7977;
    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 'Quicksand', 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 'Quicksand';
  }
  .single-post-content p {
    font: 300 18px/45px 'Quicksand', 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 'Quicksand';
  }
  .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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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: 522px;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:1024px) and (max-width:1199px) {
  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: 18px;
  }
  .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;
  }
  /*========= 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: #2B7977;
    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 'Quicksand';
  }
  .single-post-content p {
    font: 300 18px/45px 'Quicksand', Sans-serif;
    letter-spacing: 1px;
  }
  .single-blog-content p {
    font: 300 20px/40px 'Quicksand', 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 'Quicksand';
  }
  .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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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: 474px;
  }
  /*========= SEO Get A Quote Page Responsive CSS End =========*/
}

@media screen and (min-width:992px) and (max-width:1023px) {
  .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: #3AAFA9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 16px;
    color: #fff;
    font: 500 20px/20px 'Quicksand';
  }
  .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: #2B7977;
    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 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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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 'Quicksand', Sans-serif;
    padding: 0px 0px !important;
  }
  .projects-single-post-content p {
    font: normal 18px/40px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Quicksand', 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 'Quicksand', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Quicksand', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 18px/33px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 18px/40px 'Quicksand', 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 'Quicksand', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Quicksand', Sans-serif;
    margin-top: 0px;
  }
  .projects-single-about-right-content p {
    font: normal 18px/40px 'Quicksand', 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 'Quicksand', 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: 458px;
  }
  /*========= 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;
  }

  .wpe-charity-newsletter-box-shadow>.e-con-inner {
    display: block !important;
  }
  .wpe-charity-newsletter-box-shadow>.e-con-inner>div:nth-child(1) {
    width: 100% !important;
  }
  .wpe-charity-newsletter-box-shadow>.e-con-inner>div:nth-child(2) {
    width: 100% !important;
  }
  .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: #2B7977;
    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: #3AAFA9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 16px;
    color: #fff;
    font: 500 20px/20px 'Quicksand';
  }
  .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 'Quicksand';
  }
  .single-page-metabox {
    padding: 0px 0px !important;
  }
  .single-blog-content p {
    font: 300 18px/40px 'Quicksand', 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 'Quicksand';
  }
  .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 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 50px;
    padding-left: 16px;
  }
  .services-single-bottom-post-content p {
    font: 300 20px/35px 'Quicksand', 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 'Quicksand';
  }
  .projects-desc2 h4 {
    font: 400 18px/30px 'Quicksand';
  }
  /*========= 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 'Quicksand', Sans-serif;
    padding: 0px 0px !important;
  }
  .projects-single-post-content p {
    font: normal 18px/40px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Quicksand', 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 'Quicksand', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Quicksand', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 18px/33px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 18px/40px 'Quicksand', 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 'Quicksand', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Quicksand', Sans-serif;
    margin-top: 20px;
  }
  .projects-single-about-right-content p {
    font: normal 18px/40px 'Quicksand', 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%;
  }
  .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;
  }
  /* .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-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 #2B7A77;
    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 =========*/

  .projects-btn {
    position: absolute;
    right: 25px;
    bottom: 36px;
    background: #3AAFA9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 14px 12px;
    color: #fff;
    font: 500 18px/18px 'Quicksand';
  }
  .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;
  }
  .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 'Quicksand';
  }
  .projects-desc2 h4 {
    font: 400 18px/30px 'Quicksand';
  }
  .projects-desc2 ul li {
    font: normal normal 300 16px/30px 'Quicksand';
  }
  /*========= 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 Quicksand;
  }
  .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 =========*/

  /*========= 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 'Quicksand', Sans-serif;
    padding: 14px 13px;
  }
  .services-single-post-content h2 {
    font: 600 25px/30px 'Quicksand', Sans-serif;
  }
  .services-single-post-content p {
    font: 300 16px/35px 'Quicksand', Sans-serif;
    word-spacing:1px;
  }
  .services-meta-box-benefit {
    font: 600 25px/30px 'Quicksand', Sans-serif;
  }
  .single-services-post-list li {
    font: normal 16px/25px 'Quicksand', 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: #3AAFA9;
    border-radius: 50px;
    line-height: 40px;
    padding-left: 0px;
  }
  .services-single-bottom-post-content h2 {
    font: 600 25px/40px 'Quicksand', Sans-serif;
  }
  .services-single-bottom-post-content p {
    font: 300 16px/35px 'Quicksand', 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 'Quicksand', Sans-serif;
  }
  .projects-single-post-content p {
    font: normal 16px/40px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3 {
    font: normal normal 600 30px/50px 'Quicksand', 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 'Quicksand', Sans-serif;
    margin-top: 60px !important;
  }
  .projects-meta-box-list1 h3, .projects-meta-box-list2 h3 {
    font: 600 20px/20px 'Quicksand', Sans-serif;
  }
  .projects-meta-box-list1 li, .projects-meta-box-list2 li {
    font: normal 17px/33px 'Quicksand', Sans-serif;
  }
  .projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
    font: normal 16px/40px 'Quicksand', 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 'Quicksand', Sans-serif;
  }
  .projects-single-about-right-content h2 {
    font: 600 25px/60px 'Quicksand', Sans-serif;
  }
  .projects-single-about-right-content p {
    font: normal 16px/40px 'Quicksand', 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%;
  }
  .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-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) {
  .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 'Quicksand';
  }
  .projects-item {
    width: 95%;
    padding: 12px;
  }
  .projects-btn2 {
    left: 180px;
    padding: 12px 4px;
    font: 500 16px/16px 'Quicksand';
  }
  .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: #2B7977;
    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: #2B7977;
    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: #2B7977;
    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: #2B7977;
    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;
  }
}