#wp-admin-bar-elementor_edit_page .elementor-edit-link-title {
  width: auto !important;
}
.cart-collaterals .cross-sells,
.wc-page-content-inner .up-sells.upsells.products {
  display: none !important;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.breadcrumb-wrap .page-title {
    font-weight: 600;
}

.banner-five__content h4 {
  margin-bottom: 30px;
    font-size: 16px;
    text-transform: uppercase;
}
.widget.footer-widget ul.theme-recent-post-wrap li a {
    font-size: 16px !important;
}
.theme-heading-title p {
  line-height: inherit;
}
.blog-main-item-01 .blog-bottom .btn i {
  padding-top: 12px;
  padding-left: 5px;
}
.project .theme-heading-title .subtitle {
    margin-bottom: 0;
}
.banner-three__content h1,
.testimonial-two .section-header h2,
.project .theme-heading-title h2 {
  font-weight: 700;
}
.blog-main-item-01 .content .title {
  text-transform: capitalize;
}
.blog-main-item-01 .thumbnail-wrap .blog-cat-list a:hover {
  background: var(--main-color-one);
  color: #fff;
}
.comment-form .submit-btn {
  border-radius: 4px;
}
.service-single__right-item .item-one h3 {
    line-height: 1.5;
}

.breadcrumb-wrap .page-list li:after {
    font-family: "Font Awesome 5 pro";
}
.our-info .our-info__logo img,
.sidebar-menu .sidebar-inner .thumb img {
  max-width: 150px;
}
.navbar-area-1 .logo img {
  max-width: 175px;
}
.mt--87 {
  margin-top: -86px;  
}
.team__item-image-icon a:hover {
    color: #fff;
}
@media all and (min-width: 1600px) {
  .back-to-top {
    right: 70px;
    bottom: 50px;
  }
  .navbar-style-new {
    padding: 18px 0 !important
  }
  .footer-top-social .footer-info {
    margin-right: 120px;
  }
  .elementor-column-gap-no {
    max-width: 100% !important;
  }
  .container-shop {
    max-width: 1170px !important;
  }
  .banner-area-1 .search-category .text-field {
    width: 880px;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li + li {
    margin-left: 30px;
  }
  .breadcrumb-wrap .page-title {
    font-size: 45px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1434px;
  }
  .navbar-area-1 .logo {
    background: var(--main-color-one);
    padding: 33.5px 43px;
  }
  .navbar-area-1 .navbar-area .custom-container .navbar-collapse .navbar-nav > li.menu-item-has-children.mega-menu > .sub-menu {
    left: 50%;
      width: 1362px !important;
    margin-left: -682px;
  }
  .banner-five__content h1 {
    font-size: 90px;
  }
  .banner-two__content h1 {
    font-size: 80px;
    line-height: 1.1;
  }
  .banner-three__content h1 {
    font-size: 75px;
    line-height: 1.2;
  }
  .banner-three__content {
    padding-top: 370px;
    padding-bottom: 320px;
  }
  .banner-five__content {
    padding: 235px 0 145px;
  }
}
@media all and (max-width: 1599px) {
  .pin-spacer {
    display: none !important;
  }
  .navbar-area-1 .logo {
    padding: 30px 22px;
  }
  .navbar-area-1 .detail-bar {
    padding: 33px 23px;
  }
  .navbar-area-1 .media {
    padding: 28px 12px;
  }
  .navbar-area-1 .quote-btn {
    padding: 0 5px 0 9px;
  }
  .navbar-area-1 .media .media-left {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 6px;
  }
  .navbar-area-1 .logo img {
    max-width: 205px;
  }
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .navbar-area-1 .logo img {
    max-width: 175px;
  }
  .navbar-area-3 .btn-one-white {
    margin-right: 10px !important;
  }
  .navbar-area-3 .media .media-left {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 8px;
  }
  .navbar-area-3 .media .media-body {
    font-size: 14px;
  }
  .banner-five__content h1 {
    font-size: 60px;
    line-height: 1.2;
  }
  .project-five__content {
    padding: 15px;
  }
  .project-five__item {
    padding: 10px;
  }
  .project-five__content {
    padding: 15px;
  }
  .project-five__content h3 {
    line-height: 27px;
    font-size: 20px;
  }
  .project-five__content p {
    font-size: 15px;
    margin: 0;
  }
  .navbar-area-1 .quote-btn {
    display: none !important;
  }
  .navbar-area-1 .media {
    padding: 24px 12px;
  }
  .navbar-area-1 .detail-bar {
    padding: 29px 23px;
  }
  .navbar-area-1.border-bottom-1 .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default {
    padding: 12px 0;
  }
  .banner-area-one .banner__image > img {
    width: 88%;
    height: 500px !important;
  }
  .banner-area-one .banner__image-text {
    width: 25%;
  }
  .banner-area-one .banner__shape img {
    width: 52%;
  }
  .banner-area-one .banner-area-one {
    padding-top: 50px;
  }
  .banner-area-one .banner__shape {
    text-align: right;
    padding-right: 100px;
  }
  .banner-area-one .banner__content h1 {
    margin-bottom: 17px;
    font-size: 50px;
  }
  .banner-area-one .banner__content h5 {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .banner-area-one {
    padding-top: 40px;
  }
  .banner-two__content.pt-190.pb-190 {
    padding-top: 100px; 
    padding-bottom: 100px; 
  }
  .banner-two__content h1 {
    font-size: 50px;
  }
  .banner-two__content p {
    margin: 17px 0 37px 0 !important;
  }
  .banner-two__video-btn {
    right: 29%;
  }
  .banner-area-fives .banner-three__content {
    padding-top: 255px;
    padding-bottom: 225px;
  }
  .testimonial-two__image::after {
    top: -40px;
  }
  .blog__item-left-dot-wrp {
    display: none !important;
  }
  .header-1-top-bar {
    padding: 0 50px !important
  }
  .header-1-middle-bar {
    padding: 15px 50px 10px !important
  }
  .navbar-area-6 .container {
    max-width: 1260px;
  }
  .topbar-area .container {
    max-width: 1200px;
  }
}
@media all and (max-width: 1199px) {
  .video-item-popup .video-item-form {
    min-width: 979px;
  }
	.blog__item-left-dot-wrp,
  .nav-left-search {
    display: none;
  }
	.team__item h4 {
		font-size: 20px;
	}
	.blog__item-right a.image img {
		height: auto;
	}
	.banner-five__content h1 {
		font-size: 60px;
		line-height: 70px;
	}
}
@media all and (min-width: 992px) {
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    padding-right: 0;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {
    display: none;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
      padding: 15px 23px !important;
      position: relative;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
      position: relative;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover::before {
    width: 10px;
  }
  .navbar-area-3 .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default {
    padding: 0px 0;
  }
  .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    width: 100%;
  }
  
  /* megamenu style */
  .navbar-area-2 > .container,
  .navbar-area-3 > .container,
  .navbar-area-4 > .container,
  .navbar-area-5 > .container {
    position: relative;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default,
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container,
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children.mega-menu {
      position: inherit;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li {
    z-index: 9 !important;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children.mega-menu .sub-menu {
      width: 100%;
      left: 0;
  }
  .mega-menu > ul > li {
      float: left;
      width: 20%;
      margin-right: 0;
      text-align: left;
      border: 0 !important;
      padding: 20px;
  }
  .mega-menu > ul > li > a {
      color: var(--main-color-one) !important;
      font-size: 18px;
  }
  .mega-menu ul li ul {
      left: 0 !important;
      top: 0 !important;
      margin-bottom: 0 !important;
      visibility: visible !important;
      opacity: 1 !important;
      display: block;
      width: 100% !important;
      position: relative !important;
      box-shadow: none !important;
      padding-bottom: 6px !important;
    min-width: auto !important;
  }
  .mega-menu ul li ul li {
      border: 0 !important;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children.mega-menu ul li ul li a {
      padding: 5px 23px !important;
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav > li.menu-item-has-children.mega-menu:hover > .sub-menu {
      transform: scaleY(1);
  }
  .navbar-area .custom-container .navbar-collapse .navbar-nav > li.menu-item-has-children.mega-menu > .sub-menu {
    transform: scaleY(0);
      transform-origin: top center;
  }
  .navbar-area-6 .navbar-area .custom-container .navbar-collapse .navbar-nav > li {
    line-height: 54px;
  }
  .navbar-area-6 .container .navbar-area-6-content {
       border-radius: 0 0 12px 12px;
    position: relative;
    z-index: 22;
  }
  .navbar-area-6 .bg-base.d-inline-block {
    border-radius: 0 0 12px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-top-social {
    margin-left: 58px;
    padding-right: 58px;
  }
}

@media all and (max-width: 991px) {
  .navbar-area .custom-container .navbar-collapse .navbar-nav > li.menu-item-has-children > a::after {
    display: none;
  }
  .dark-area {
    position: fixed;
    right: 0;
    top: 140px;
  }
  .dark-area .switch .slider.round {
    border-radius: 30px 0 0 30px !important;
  }
  .nav-right-part-desktop {
    display: none;
  }
  .widget-area {
    margin-top: 100px;
  }
  .banner-video-inner h2 {
    font-size: 45px;
  }
  .banner-video-inner .vdo {
    width: 160px;
    height: 65px;
  }
  .banner-video-inner h2 span {
    padding: 0 10px;
  }
  .single-audio-list-inner .media {
    border-right: 0;
  }
  .single-audio-list-inner .audio-list-wrap {
    margin: 20px 0;
    padding: 0;
  }
  .single-audio-list-inner .tag-inner {
    padding-left: 0;
  }
  .ogren-image-scroll-wrap .demo-spacer {
    width: 100%;
  }
  .smoky-image-item-two {
    height: 220px;
  }
  .banner-inner-one-thumb .scroll-down,
  .banner-inner-one-thumb .thumb-1,
  .banner-inner-one-thumb .thumb-3 {
    display: none;
  }
  .banner-inner-one-thumb .thumb-2 {
    margin-top: 0 !important;
  }
  .footer-top-social {
    padding-right: 15px;
    padding: 20px;
    padding-bottom: 0;
  }
  .footer-top-social .footer-top-social-inner {
    display: block;
    position: relative;
  }
  .footer-top-social .logo {
    margin-bottom: 20px;
  }
  .footer-top-social .footer-info {
    margin-bottom: 20px;
  }
  .search-category .text-field {
    width: 395px;
  }
  .search-category form {
    height: 75px;
    line-height: 77px;
  }
  .search-category .button {
    top: 17px;
  }
  .image-column-grid .item {
    min-height: 220px;
  }
  .image-column-grid .smoky-image-item-two {
    min-height: 250px;
  }
  .image-column-grid .item .download-area .btn-text {
    display: none;
  }
  .image-column-grid .item .download-area .download {
    border-left: 0;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-area-2.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav {
    background-color: #414141;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-area-3.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav {
    background-color: #f5f5f5;
  }
  .video-item-popup .video-item-form {
    min-width: 90%;
    width: 90%;
    margin: 0 auto;
  }
  .video-item-popup .video-item-form .details-page-info-inner {
    padding: 30px;
  }
  .video-item-popup.active .video-item-form {
    overflow-y: scroll;
    height: 500px;
  }
  .banner_meta_stiky {
    position: relative !important;
    top: 0px;
  }
  .navbar-area-2 .navbar-area .custom-container .navbar-collapse .navbar-nav > li > a img {
    width: 70px;
    padding: 0;
  }
  .banner-four__content {
    padding: 90px 0;
 }
 .banner-four__link,
 .banner-four__social {
  display: none !important;
 }
 .banner-four__content {
    width: 359px;
 }
 .position-right-top,
 .position-right-top-2 {
    display: none;
 }
    .banner-five__content h1 {
        font-size: 50px;
        line-height: 1.2;
    }
    .banner-five__content h4 {
        margin-bottom: 23px;
    }
    .banner-three {
        margin: 10px;
        padding: 0;
    }
  .navbar-area-5 .navbar-area.navigation-style-01 .custom-container {
    padding: 0 10px;
  }
  .banner-three__content {
    padding-top: 270px;
    padding-bottom: 210px;
  }
  .banner-two__content {
    padding: 100px 0;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav {
    background-color: #ffffff;
  }
  .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: #fff;
  }
  .navbar-area-3 .navbar-area .custom-container .navbar-collapse .navbar-nav > li > a {
    color: #111 !important;
  }
  .navbar-area-3 .navbar-area .custom-container .site-logo img {
    filter: brightness(100);
  }
  .navbar-area.navigation-style-01 .custom-container .logo-wrapper img {
    width: 135px;
  }
  .btn-one, .btn-two, .btn-two-light, .btn-one-white, .btn-one-light {
    padding: 11px 18px;
  }
  .banner-two__dot {
    display: none;
  }
  .text-slider {
    font-size: 45px;
  }
  .marquee-item svg {
    width: 20px;
  }
  .service-two__item a {
    font-size: 20px;
    padding: 10px 0;
  }
  .service-two .image {
    height: 300px;
  }

}

/* Tablet Layout wide: 768px. */
@media all and (min-width: 991px) {
  .page-id-1809
    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav
    > li
    a {
    color: #fff !important;
  }
  .page-id-1809
    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav
    > li
    .sub-menu
    li
    a {
    color: var(--heading-color) !important;
  }
  .page-id-1809
    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children:before,
  .page-id-1809
    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
    .custom-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children:after {
    background: #fff;
  }
  .navbar-area.navbar-area-2
    .custom-container
    .navbar-collapse
    .navbar-nav
    > li
    + li {
    margin-left: 37px;
  }
}

/* medium tablet layout 599px */

@media only screen and (max-width: 599px) {
  .error-404 .title {
    font-size: 150px;
    line-height: 160px;
  }
	body {
		overflow: hidden;
	}
}

@media only screen and (max-width: 575px) {
  .custom-logo-link img, 
  .site-logo img, 
  .footer-logo img {
      max-width: 115px !important;
  }
  .no-results .page-header h1 {
    font-size: 42px;
  }
  .comments-area .comment-list li .single-comment-wrap {
    display: block;
  }
  .comments-area .comment-list li .single-comment-wrap .content {
    max-width: 100%;
  }
  .comments-area .comment-list li ul.children li {
    margin-left: 20px;
  }
  .blog-pagination ul li a,
  .blog-pagination ul li span {
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
  }
  .gallery-columns-4 .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item {
    max-width: 100%;
  }
  .blog-single-content-wrap
    blockquote:not(
      .has-light-gray-color,
      .has-very-dark-gray-color,
      .is-style-large
    )
    p,
  .single-comment-wrap blockquote p,
  .ogren-page-content-area blockquote p {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  .search-form .search-form-page input {
    width: 100%;
  }
  blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(
      .is-style-large
    ):not(.is-style-large) {
    padding: 20px;
  }
  .full-width-content
    .comments-area
    .comment-list
    li
    .single-comment-wrap
    .content {
    max-width: 100%;
  }
  blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(
      .is-style-large
    ):not(.is-style-large):before {
    display: none;
  }
  .blog-main-item-01 .content {
    padding: 20px;
  }
  .blog-main-item-01 .thumbnail-wrap {
    padding: 20px 20px 24px 20px;
  }
  .banner-inner-one-thumb .thumb-3 .img-1 {
    margin-left: 15px;
  }
  .banner-inner-one-thumb .thumb-1 .img-1 {
    margin-left: 15px;
  }
  .banner-inner-one .title {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .banner-inner-one-thumb .thumb-1,
  .banner-inner-one-thumb .thumb-3 {
    display: none;
  }
  .banner-inner-one-thumb .scroll-down {
    margin-top: 0;
  }
  .banner-inner-one {
    margin-bottom: 50px;
  }
  .banner-video-inner h2 {
    display: block;
  }
  .banner-video-inner .video {
    display: inline-block;
  }
  .banner-video-inner h2 span {
    display: block;
  }
  .search-category form {
    height: 62px;
    line-height: 62px;
  }
  .search-category select {
    padding: 0 10px 0 13px;
    font-size: 13px;
  }
  .search-category .text-field {
    margin-left: 2px;
    padding: 0 11px;
    width: 182px;
  }
  .search-category .button {
    right: 22px;
    width: 16px;
    top: 13px;
    height: 16px;
    line-height: 33px;
    font-size: 15px;
  }
  .search-category .button svg {
    width: 14px;
  }
  .single-video-list-inner video {
    height: 300px;
    transform: scale(1.7);
  }
  .single-video-list-inner .details {
    padding: 20px;
  }
  .single-video-list-inner:hover .details .time {
    right: 18px;
    top: 18px;
  }
  .single-video-list-inner:hover .details .download-area {
    left: 18px;
    bottom: 18px;
  }
  .single-image-slider-inner {
    padding: 15px;
  }
  .testimonial-item-slider .prev-arrow {
    left: 0;
    bottom: 33px;
    font-size: 15px;
  }
  .testimonial-item-slider .next-arrow {
    right: 0;
    bottom: 33px;
    font-size: 15px;
  }
  .single-blog-list {
    padding: 15px;
  }
  .single-blog-list.style-slider {
    padding: 15px 15px 50px 15px;
  }
  .single-blog-list.style-slider .thumb {
    height: 300px;
  }
  .single-blog-list.style-slider .details h5,
  .single-blog-list.style-slider .details .cat-menu {
    margin-bottom: 15px;
  }
  .blog-carousel-wrap .slick-carousel-controls {
    left: 13px;
    bottom: 15px;
  }
  .single-image-slider-inner .details {
    padding: 20px 20px 5px 20px;
  }
  .hero__area-3 {
    border-radius: 7px;
    padding: 50px 0;
    padding-top: 155px;
  }
  .single-audio-banner-inner {
    padding: 10px 90px 10px 15px;
  }
  .single-audio-banner-inner .details h4 {
    font-size: 18px;
  }
  .single-audio-banner-inner .audioplayer {
    margin: 11px 0;
    height: auto;
  }
  .theme-section-title .title {
    font-size: 32px;
  }
  .footer-top-social .footer-social li a {
    padding: 20px;
  }
  .footer-top-social {
    margin-left: 0;
    padding-right: 15px;
    padding: 20px;
    padding-bottom: 0;
  }
  .image-column-grid .column {
    padding: 0 3px 0 3px;
  }
  .image-column-grid .item {
    margin-bottom: 6px;
  }
  .smoky-image-item-two {
    height: 120px;
  }
  .ogren-image-scroll-wrap .demo-spacer .nav-tabs li button {
    height: 30px;
    line-height: 28px;
    font-size: 10px;
    border: 1px solid #fff !important;
    font-weight: 400;
    padding: 0 11px;
    border-radius: 40px !important;
    margin: 3px 1px;
  }
  .image-column-grid.viewport-height {
    min-height: 540px !important;
  }
  .single-blog-list.style-slider .details h5 {
    font-size: 20px;
  }
  .blog-slider-two .slick-list {
    padding: 0 !important;
  }
  .single-audio-list-inner:hover .tag-inner span {
    margin-right: 2px;
    margin-top: 4px;
  }
  .breadcrumb-wrap .page-title {
    font-size: 30px;
    line-height: 1.3;
  }
  .blog-single-content-wrap .entry-content {
    padding: 0;
  }
  .blog-details-footer,
  .blog-details-footer .left,
  .blog-details-footer .right {
    display: block;
    float: inherit;
  }
  .blog-details-footer .social-icon li {
    margin-left: 0 !important;
    margin-right: 5px !important;
  }
  .contact-page-form {
    padding: 30px 20px 40px 20px;
  }
  .ogren-image-scroll-wrap .demo-spacer.style-2 {
    padding: 0;
  }
  .ogren-image-scroll-wrap .demo-spacer.style-2 ul li button {
    padding: 4px 8px;
  }
  .banner-video-inner .banner-video-2 {
    display: none;
  }
  .banner-video-inner .banner-video-1 {
    position: absolute;
    top: -171px;
    left: 50%;
    transform: translateX(-50%);
  }
  .banner-cat {
    padding: 15px;
  }
  .banner-cat a {
    display: inline-block;
  }
  .video-left-side .details .social-share {
    margin: 20px 0;
  }
  .video-item-popup.active .video-item-form {
    height: 450px;
  }
  .search-category {
    margin-top: 45px;
  }
  .recent .content-footer {
    gap: 8px;
  }
  .awards .bn-about__content li {
      margin-bottom: 0;
  }
  .bn-about__content-right ul li {
    font-size: 13px;
  }
  .case .case-single {
    padding: 20px;
  }
  .case .case-single .case__thumb {
      height: 230px;
  }
  .contact .content h2 {
    font-size: 26px;
  }
  .contact .content {
    padding: 40px 20px;
  }
  .project-single__testimonial {
    padding: 30px;
  }
  .project-single__testimonial p {
    font-size: 16px;
  }
  .theme-heading-title .title {
    font-size: 30px;
  }
  .banner-four__content {
    width: auto;
   }
   .event__item, .event__item-scroll {
     padding: 25px;
   }
   .testimonial-two__item .testi-header .testi-content h3,
   .event__content h3 {
    font-size: 20px;
   }
   .donation__item {
    padding: 20px;
    }
    .blog-two__image .image img {
    min-height: 190px;
    }
    .testimonial-two .pl-65 {
        padding: 20px;
    }
    .event__content .event-info ul li .map-popup {
        margin-top: 10px;
        display: inline-block;
    }
    .banner-five__content h1 {
        font-size: 32px;
    }
    .accordion .accordion-item h2 button {
        font-size: 18px;
        padding: 14px 15px;
    }
    .accordion .accordion-item .accordion-body {
        padding: 20px 15px;
    }
    .accordion .accordion-button::before {
        top: 15px;
    }
    .project-five__content {
        padding: 30px 18px;
    }
    .project-five__item {
        padding: 18px;
    }
    .our-info__social-icon a {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }
  .service-three__item .image {
    height: 250px;
  }
}

/* mobile tablet layout 375px */
@media all and (max-width: 360px) {
  .error-404 .title {
    font-size: 100px;
    line-height: 100px;
  }
  .banner-video-inner h2 {
    font-size: 35px;
  }
  .search-category .text-field {
    width: 160px;
  }
  .single-video-list-inner video {
    height: 265px;
  }
  .single-blog-list.style-slider .details h5 {
    font-size: 18px;
  }
  .details-page-info-inner {
    padding: 30px 15px;
  }
  .details-page-info-inner ul li {
    font-size: 15px;
  }
  .details-page-info-inner ul li span {
    min-width: 150px;
  }
    .blog__item-right h4,
    .blog__item-left-content h4 {
        font-size: 20px;
    }
}

/* Three column layout */
.columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  width: 100%;
  max-width: 80em;
  margin: 0 auto;
  position: relative;
}

/* Inside one column, lay out all items in column direction */
.column {
  --column-offset: 10vh;
  display: flex;
  flex-direction: column;
  padding: var(--column-offset) 0;
}

/* Limit site of the images */
.column__item-imgwrap img {
  border-radius: 1em;
  width: 100%;
  height: auto;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.column__item-caption {
  text-align: center;
}

/* Show warning for older browsers */
.warning,
.info {
  position: fixed;
  right: 1em;
  left: 1em;
  bottom: 1em;
  padding: 1em;
  border: 1px solid black;
  z-index: 9999;
  text-align: center;
  color: black;
  background: rgba(255 255 225 / 0.9);
}
.warning a,
.info a {
  color: blue;
}
.info {
  display: none;
  border: 1px solid #123456;
  background: rgba(205 230 255 / 0.8);
}

/* Scroll-Timeline (Old Syntax) Supported, Yay! */
@supports (animation-timeline: works) {
  /* Hide Warning */
  .warning {
    display: none;
  }

  /* As we're about to shift content out of .columns, we need it to hide its overflow */
  .columns {
    overflow-y: hidden;
  }

  .column-reverse {
    /* Flip item order in reverse columns */
    flex-direction: column-reverse;
  }

  /* Set up Animation */
  @keyframes adjust-position {
    /* Start position: shift entire column up, but not so that it goes out of view */
    from {
      transform: translateY(calc(-100% + 100vh));
    }
    /* End position: shift entire column down, but not so that it goes out of view */
    to {
      transform: translateY(calc(100% - 100vh));
    }
  }

  /* Set up scroll-timeline */
  @scroll-timeline scroll-in-document {
    source: auto; /* Default scroll-timeline: scrolling in the document */
  }

  /* Hook our animation with the timeline to our columns */
  .column-reverse {
    animation: 1s adjust-position linear forwards;
    animation-timeline: scroll-in-document;
  }
}

.contact .form select,
.form-area .form textarea,
.contact .content ul li i,
.contact .content,
.widget_search .search-form .form-group .form-control,
.form-area .form input {
  border-radius: 5px;
}


.give-single-page-donate-form-inner .give-submit-button-wrap .give-btn,
.comment-form .submit-btn,
.comment-form .submit-btn,
.form-area .form button,
.service-single__right-item .item-one a,
.btn-one-light,
.btn-one-white,
.our-info__input input,
.btn-one,
.btn {
    border-radius: 40px !important;
}
.btn-one::before, .btn-two::before, .btn-two-light::before, .btn-one-white::before, .btn-one-light::before {
    border-radius: 40px !important;
}
.navbar-area-5 .btn {
    border-radius: 0 !important;
}