@media (min-width:1600px){
    .container {
        max-width: 1600px;
    }
    }
    
    
    
    
    
    
     /*<===================== Media Que 1400 to 1599 ======================>*/
@media (min-width: 1400px) and (max-width:1599px ) {
    #main_banner .carousel-content-heading h1 {
    font-size: 65px;
}
#main_banner .carousel-content-discription p {
    font-size: 22px;
}
#main_banner .carousel-content-btn a {
    font-size: 15px;
}
#experience_section .experience-section-item {
    width: 100%;
    height: 541px;
}
#our_popcorn .our-popcorn-content {
    width: 60%;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 30px;
}
.close {
    top: -12px !important;
    right: 8px !important;
}
#extra_banner {
    height: 530px;
}
#extra_banner .secion-heading h2 {
    font-size: 65px;
}
#fundraising_section {
    padding: 40px 0;
}
.fundraising-heading-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 25px;
    padding-right: 0rem;
}
.fundraising-content h3 {
    font-size: 42px;
}
.fundraising-content p {
    font-size: 16px;
    line-height: 27px;
    padding-right: 0rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
}
    
    
    
    
    /*<===================== Media Que 1200 to 1399 ======================>*/
@media (min-width: 1200px) and (max-width:1399px ) {
    #main_header li.nav-item {
    margin: 0 0.5rem;
}
#base_header .base-header-heading h3 {
    font-size: 15px;
}
#main_header a.nav-link {
    font-size: 14px;
    padding: 4px 8px;
}
#main_banner .carousel-caption {
    width: 46%;
}
#main_banner .carousel-content-discription p {
    font-size: 20px;
}
#main_banner .carousel-content-btn a {
    font-size: 17px;
}
.all-same-heading  h2 {
    font-size: 38px;
}
#our_products .our-product-heading h2 {
    font-size: 40px;
}
#our_products .our-product-img-heading h4 {
    font-size: 22px;
}
#our_products .our-product-rate span {
    font-size: 17px;
}
#our_popcorn .our-popcorn-content {
    width: 63%;
}
#our_popcorn {
    padding: 50px 0;
}
#our_popcorn .our-popcorn-content-heading h3 {
    font-size: 40px;
}
.our-popcorn-content-discription p {
    font-size: 15px;
    margin-top: 1rem;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 30px;
}
#experience_section {
    padding: 26px 0;
}
#experience_section .experience-section-item {
    width: 100%;
    height: 470px;
}
#footer_section .form-group button.btn {
    font-size: 16px;
}
#footer_section .form-group {
    width: 75%;
}

.modal-content {
    width: 30% !important;
}
.close {
    top: -12px !important;
    right: 8px !important;
}
#extra_banner {
    height: 510px;
}
#extra_banner .secion-heading h2 {
    font-size: 58px;
}
#about_us_section .about-us-content {
    padding: 1rem;
}
.about-us-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 1rem;
}
.fundraising-heading-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 0rem;
}
.fundraising-content h3 {
    font-size: 38px;
}
.fundraising-content p {
    font-size: 16px;
    line-height: 26px;
    padding-right: 0rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
}
    
    
    
    
    /*<======================================================== media query 1024 to 1199 ==========================================>*/
    
    
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    
    #base_header .base-header-heading h3 {
    font-size: 14px;
}
#main_header li.nav-item {
    margin: 0 0.5rem;
}
#main_header a.nav-link {
    font-size: 16px;
    padding: 0.5rem 0.7rem;
}
#main_banner .carousel-caption {
    top: 0px;
    width: 45%;
    height: 100%;
}
#main_banner .carousel-content-heading h1 {
    font-size: 45px;
    line-height: 50px;
}
#main_banner .carousel-content-discription p {
    font-size: 20px;
    line-height: 26px;
}
#main_banner .carousel-content-btn a {
    font-size: 16px;
    padding: 0.8rem 1.5rem;
}
#main_banner .carousel-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 26px;
}
#our_popcorn .our-popcorn-content {
    width: 70%;
}
#experience_section {
    position: relative;
    padding: 30px 0;
}
.all-same-heading {
    text-align: center;
    margin: 1rem 0;
}
.all-same-heading  h2 {
    font-size: 35px;
}
#experience_section .experience-section-item {
    width: 100%;
    height: 510px;
}
#footer_section .form-group {
    position: relative;
    width: 90%;
}
#featured_section .featured-meta-content-back h3 {
    font-size: 19px;
}
.modal-content {
    width: 35% !important;
    max-width: 600px;
    text-align: center;
}
.close {
    top: -12px !important;
    right: 8px !important;
}
 #extra_banner {
    height: 440px;
}
#extra_banner .secion-heading h2 {
    font-size: 55px;
}
#about_us_section .about-us-content {
    padding: 0;
}
.about-us-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 1rem;
}
#fundraising_section {
    padding: 50px 0;
}
.fundraising-heading-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 0rem;
}
.fundraising-content {
    padding-left: 2rem;
}
.fundraising-content h3 {
    font-size: 36px;
}
.fundraising-content p {
    font-size: 16px;
    line-height: 25px;
    padding-right: 0rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*<============================= media query 992 to 1023=============================>*/
    
    
@media only screen and (min-width: 992px) and (max-width: 1023px) {
    #base_header .base-header-heading h3 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    font-family: "Barlow";
}
#featured_section .featured-meta-content-back h3 {
    font-size: 19px;
}
#our_products .our-product-btn.view-all a {
    font-size: 20px;
}
#our_products .our-product-heading h2 {
    font-size: 34px;
}
#our_products .our-product-img-heading h4 {
    font-size: 20px;
}
#our_products .our-product-rate span, .woocommerce-Price-amount.amount {
    font-size: 16px;
}
#main_header li.nav-item {
    margin: 0 0.5rem;
}
#main_header a.nav-link {
    font-size: 16px;
}
#main_banner .carousel-caption {
    top: 0px;
    width: 45%;
      height: 100%;
}
#main_banner .carousel-content-heading h1 {
    font-size: 43px;
    line-height: 45px;
}
#main_banner .carousel-content-discription p {
    font-size: 20px;
    line-height: 27px;
}

#main_banner .carousel-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#main_banner .carousel-content-btn a {
    font-size: 14px;
    padding: 0.8rem 1.5rem;
}
#main_banner .carousel-content-btn {
    margin: 1rem 0px;
}
.all-same-heading {
    margin: 1rem 0;
}
.all-same-heading  h2 {
    font-size: 34px;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 30px;
}
#featured_section .prev {
    padding: 0.8rem;
    font-size: 17px;
}
#featured_section .nxt {
    padding: 0.8rem;
    font-size: 17px;
}
#our_popcorn .our-popcorn-content {
    width: 60%;
}
#our_popcorn .our-popcorn-content-heading h3 {
    font-size: 40px;
}
.our-popcorn-content-discription p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
}
#our_popcorn {
    padding: 40px 0;
}
#experience_section {
    padding: 20px 0;
}
#experience_section .experience-section-item {
    width: 100%;
    height: 500px;
    border-radius: 24px;
}
#footer_section .form-group {
    width: 95%;
}

.contact-top-item { 
    padding: 20px; 
    margin-bottom: 0;
}
.contact-top { 
    width: 100%; 
}
.contact-us-mian {
    margin: 50px auto 0;
    width: 100%;
}

.modal-content {
    width: 35% !important;
}
.close {
    top: -12px !important;
    right: 8px !important;
}
#extra_banner .secion-heading h2 {
    font-size: 55px;
}
#extra_banner {
    height: 440px;
}
#about_us_section .about-us-content {
    padding: 0rem;
}
.about-us-content p {
    font-size: 15px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 1rem;
}
#fundraising_section {
    padding: 40px 0;
}
.fundraising-heading-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 23px;
    padding-right: 0rem;
}
.fundraising-content {
    padding-left: 1rem;
}
.fundraising-content h3 {
    font-size: 36px;
}
.fundraising-content p {
    font-size: 16px;
    line-height: 23px;
    padding-right: 1rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
}
    
    @media only screen and (min-width: 992px) and (max-width: 1199px){
        #main_header a.nav-link {
    font-size: 12px;
    padding: 4px;
}
#main_header a.navbar-brand { 
    position: unset; 
    width: 90px;
}
#main_header {
    padding: 00; 
}

    }
    
@media only screen  and (max-width: 991px) {
    header #main_header a.navbar-brand {
        width: 80px;
        z-index: 1111;
        order: 1;
        margin-right: auto !important;
    }
    header .carts-btn {
        order: 2;
    }
     .cart-btn-url {
        position: relative;
    }
    .cart-btn-url .shopcrt {
        right: -5px;
        top: -5px;
        font-size: 10px;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }
    .cart-btn-url i {
        font-size: 20px;
        color: black;
    }
    header #main_header .navbar-toggler {
        border: none !important;
        outline: none !important;
        padding: 5px 10px !important;
        order: 3;
         margin-left: unset !important;
    }

}
    
    
    
    
    
      /*<============================= media query 768 px to 991=============================>*/
    
    
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
     header #base_header{
        display:none;
    }
    header {
    position: fixed;
    z-index: 1111;
    width: 100%;
    background-color: white;
    top: 0;
}
#main_header {
    padding:  0px 0;
    position: relative;
}
#main_header a.navbar-brand { 
    position: unset; 
}
header #main_header .navbar-toggler {
    border: none !important;
    outline: none !important;
    padding: 5px 10px !important;
    order: 3;
}
   header #main_header .navbar-toggler span.navbar-toggler-icon {
        background-image: none;
        width: 30px;
        height: 3px;
        display: block;
        background-color: #F7BD14;
        margin: 5px 0px;
        transition: .5s all;
    }
     header #main_header .navbar-toggler.togle span:nth-child(1) {
        transform: rotate(45deg);
        margin: 0;
        position: relative;
        top: 2px;
        transition: .5s all;
    }
     header #main_header .navbar-toggler.togle span:nth-child(2) {
        display: none;
        margin: 0;
        transition: .5s all;
    }
    header #main_header .navbar-toggler.togle span:nth-child(3) {
        transform: rotate(-45deg);
        margin: 0;
        transition: .5s all;
    }
    header #main_header .navbar-collapse.show {
        transition: .5s all;
        transform: translateX(0);
    }
    header #main_header .navbar-collapse {
        position: fixed;
        width: 80%;
        height: 100vh !important;
        background-color: #ffffff;
        left: 0px;
        top: 96px;
        transition: .3s all;
        padding: 10px;
        gap: 10px;
        transform: translateX(-100%);
        z-index: 999;
    }
     header #main_header .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    header #main_header li.nav-item {
        margin: 0 1.5rem;
        padding: 0.6rem 1rem;
        text-align: center;
        border-bottom: 1px solid #F7BD14;
    }
    header #main_header  nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        padding: 1rem;
        position: fixed;
        z-index: 111;
    }
    header #main_header a.navbar-brand {
        width: 80px;
        z-index: 1111;
        order: 1;
        margin-right: auto !important;
    }
    header .carts-btn {
        order: 2;
    }
     .cart-btn-url {
        position: relative;
    }
    .cart-btn-url .shopcrt {
        right: -5px;
        top: -5px;
        font-size: 10px;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }
    .cart-btn-url i {
        font-size: 20px;
        color: black;
    }
    header #main_header a.navbar-brand img {
        width: 100%;
        object-fit: cover;
    }
    
#main_banner {
    padding-top: 6rem;
}
#main_banner .carousel-caption {
    position: absolute;
    top: 0px;
    display: flex !important;
    justify-content: center;
    height: 100% !important;
    align-items: center;
    text-align: start !important;
    z-index: 11;
    width: 49%;
}
#main_banner .carousel-indicators {
    top: 0px;
    width: 3%;
    left: 10px;
}
#main_banner .carousel-content-heading h1 {
    font-size: 30px;
    color: white;
    line-height: 34px;
}
#main_banner .carousel-content-discription {
    margin-top: 0.5rem;
}
#main_banner .carousel-content-discription p {
    font-size: 16px;
    color: white;
    line-height: 20px;
}
#main_banner .carousel-content-btn {
    margin: 1rem 0px;
}
#main_banner .carousel-content-btn a {
    font-size: 12px;
    padding: 0.4rem 1rem;
}
#featured_section {
    position: relative;
    padding: 15px 0;
}
.all-same-heading  h2 {
    font-size: 35px;
}
#featured_section .featured-meta-content-back {
    padding: 1.5rem;
}
#featured_section .featured-meta-content-back h3 {
    font-size: 20px;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 26px;
}
#featured_section .nxt {
    padding: 0.6rem;
    font-size: 17px;
}
#featured_section .prev {
    padding: 0.6rem;
    font-size: 17px;
}
  #our_products .our-product-heading h2 {
    font-size: 35px;
}
#our_products .our-product-btn.view-all a {
    font-size: 19px;
}
#our_products .our-product-img-heading h4 {
    font-size: 20px;
    line-height: 22px;
}
#our_products .our-product-rate span {
    font-size: 16px;
}
#our_popcorn {
    padding: 77px 0;
}
#our_popcorn .our-popcorn-content-heading h3 {
    font-size: 38px;
}
.our-popcorn-content-discription p {
    font-size: 17px;
    margin-top: 1rem;
}
#our_popcorn .our-popcorn-content {
    width: 80%;
}
#experience_section .experience-section-item {
    width:100%;
    height: 420px;
    overflow: hidden;
    border-radius: 0 0 24px;
}
#footer_section .footer-heading h5 {
    font-size: 18px;
}
#footer_section .footer-section-quicklinks li {
    margin: 0.3rem 0;
}
#footer_section .footer-section-quicklinks li a {
    font-size: 15px;
}
#footer_section .footer-section-subcription p {
    font-size: 14px;
}
#footer_section .form-group {
    width: 100%;
}
#footer_section .form-group button.btn {
    font-size: 16px;
}
#footer_section .footer-section-sociallings ul {
    
    margin-top: 2rem;
}
#footer_section {
    padding: 35px 0;
}
#footer_section .footer-section-logo img {
    object-fit: cover;
    width: 50%;
}
#experience_section {
    position: relative;
    padding: 0px 0;
    padding-bottom: 2rem;
}
 .entry-header {
    position: unset !important;
}
.contact-top { 
    width: 100%; 
}
#extra_banner {
    padding-top: 14rem;
    height: auto;
    background-position: right center;
}
#extra_banner .secion-heading h2 {
    font-size: 50px;
}
#about_us_section .about-us-content {
    padding: 0;
}
.about-us-content p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 26px;
    padding-right: 0;
}
 #fundraising_section {
    padding: 30px 0;
}
.fundraising-heading-content p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0;
}
.fundraising-content {
    padding-left: 1rem;
}
.fundraising-content h3 {
    font-size: 34px;
}
.fundraising-content p {
    font-size: 16px;
    line-height: 25px;
    padding-right: 1rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
#extra_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:black;
    z-index: 1;
    opacity: 0.5;
}
#extra_banner .secion-heading h2 {
 
        color: white;
}
}
    
    
    @media only screen and (min-width:875px) and (max-width:991px) {
  .modal-content {
    width: 35% !important;
}
    
}
    
    
@media only screen  and (min-width: 768px) and (max-width: 991px) {
  
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        margin: 2% !important;
        width: 46% !important;
    }
    #primary {
        padding: 100px 0 0;
    }
    #main .wc-block-cart-item__image a {
        width: 60px;
        height: 60px;
        background: #faf5ec;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
    }
    .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        width: 100%;
    }
    
    .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
        width: 100%;
    }   
    .comment-form-email input , .comment-form-author input{
        width: 100%;
    } 
    .contact-top-item { 
        padding: 15px 10px; 
    } 
    .contact-us-mian { 
        width: 100%;
    }
    .contact-us-mian .formflx { 
        grid-template-columns: repeat(1 , 1fr);
        gap: 0;
    }
    
    
    .modal-content {
    width: 45% !important;
}
.close {
    top: -12px !important;
    right: 8px !important;
}
#main_header a.nav-link { 
    font-size: 16px; 
}
}







@media only screen and (min-width:575px) and (max-width:767px) {
    
    .modal-content {
    width: 50% !important;
}
    
}



    /*<============================= media query 767 px=============================>*/
    
    
@media only screen and (max-width: 767px) {
    header #base_header{
        display:none;
    }
    header {
        position: fixed;
        z-index: 1111;
        width: 100%;
        background-color: white;
        top: 0;
    }
#main_header {
    padding: 20px 0;
    position: relative;
}
  header #main_header .navbar-toggler {
    border: none !important;
    outline: none !important;
    padding: 5px 10px !important;
    margin-left: auto;
}
   header #main_header .navbar-toggler span.navbar-toggler-icon {
        background-image: none;
        width: 30px;
        height: 3px;
        display: block;
        background-color: #F7BD14;
        margin: 5px 0px;
        transition: .5s all;
    }
     header #main_header .navbar-toggler.togle span:nth-child(1) {
        transform: rotate(45deg);
        margin: 0;
        position: relative;
        top: 2px;
        transition: .5s all;
    }
     header #main_header .navbar-toggler.togle span:nth-child(2) {
        display: none;
        margin: 0;
        transition: .5s all;
    }
    header #main_header .navbar-toggler.togle span:nth-child(3) {
        transform: rotate(-45deg);
        margin: 0;
        transition: .5s all;
    }
    header #main_header .navbar-collapse.show {
        transition: .5s all;
        transform: translateX(0);
    }
    header #main_header .navbar-collapse {
        position: fixed;
        width: 30%;
        height: 100vh !important;
        background-color: #fff;
        left: 0px;
        top: 120px;
        transition: .3s all;
        padding: 10px;
        gap: 10px;
        transform: translateX(-100%);
        z-index: 999;
    }
     header #main_header .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    header #main_header li.nav-item {
        margin: 0  ;
        padding:0;
        text-align: center;
        border-bottom: 1px solid #F7BD14;
    }
    header #main_header li.nav-item:last-child {
        border: none;
    }
    header #main_header  nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        padding: 1rem;
        position: fixed;
        z-index: 111;
    }
    header #main_header a.navbar-brand {
        width: 70px;
        z-index: 1111;
    }
    header #main_header a.navbar-brand img {
        width: 100%;
        object-fit: cover;
    }
    
#main_banner {
    padding-top: 6rem;
}
#main_banner .carousel-caption {
    position: absolute;
    top: 0px;
    display: flex !important;
    justify-content: center;
    height: 100% !important;
    align-items: center;
    text-align: start !important;
    z-index: 11;
    width: 80%;
}
#main_banner .carousel-indicators {
    top: 0px;
    width: 3%;
    left: 10px;
}
#main_banner .carousel-content-heading h1 {
    font-size: 30px;
    color: white;
    line-height: 34px;
}
#main_banner .carousel-content-discription {
    margin-top: 0.5rem;
}
#main_banner .carousel-content-discription p {
    font-size: 16px;
    color: white;
    line-height: 20px;
}
#main_banner .carousel-content-btn {
    margin: 1rem 0px;
}
#main_banner .carousel-content-btn a {
    font-size: 13px;
    padding: 0.5rem 1rem;
}
#main_banner .carousel-item {
    height: 35vh;
}
#main_banner .carousel-item::before {
    content: ''; 
    position: absolute;  
    top: 0px; 
    left: 0;
    width: 100%;  
    height: 100%;  
    z-index:11;
    opacity:0.5;
    background-color: black; 
}
#main_banner .carousel-item img {
    object-fit: cover;
    width: 100%;
    object-position: right;
    height:100%;
}


.all-same-heading {
    text-align: center;
    margin: 1rem 0;
}
.all-same-heading  h2 {
    font-size: 32px;
}
#featured_section .featured-meta-content-back {
    padding: 1rem;
}
#featured_section .featured-meta-content-back h3 {
    font-size: 16px;
}
#featured_section .owl-theme .owl-nav {
    margin-top: 25px;
}
#featured_section .nxt {
    padding: 0.5rem;
}
#featured_section .prev {
    padding: 0.5rem;
}
#our_products .our-product-heading h2 {
    font-size: 29px;
}
#our_products .our-product-btn.view-all a {
    font-size: 13px;
}
#our_products .our-product-content {
    text-align: center;
    margin: 1rem 0;
}
#our_products .our-product-img-heading h4 {
    font-size: 20px;
}
#our_products .our-product-img-heading {
    margin-bottom: 0.2rem;
}
#our_products .our-product-rate span {
    font-size: 16px;
}
#our_popcorn .our-popcorn-content-discription p {
    font-size: 16px;
    margin-top: 1rem;
    line-height: 18px;
    color:white;
     padding-right: 0; 
}
#our_popcorn .our-popcorn-content-heading h3 {
    font-size: 32px;
    line-height: 35px;
    color:white;
}
#our_popcorn::before {
    content: ''; 
    position: absolute;  
    top: 0px; 
    left: 0;
    width: 100%;  
    height: 100%;  
    z-index:11;
    opacity:0.5;
    background-color: black; 
}
#our_popcorn {
    padding: 30px 0;
}
#our_popcorn .our-popcorn-content {
    width: 100%;
    margin: 1rem 0;
    position: relative;
    z-index: 11;
}
#experience_section {
    padding: 10px 0;
    padding-bottom: 2rem;
}
#experience_section .experience-section-item {
    width: 100%;
    height: 380px;
    overflow: hidden;
    border-radius: 24px;
}
.footer-heading {
    margin: 1.5rem 0;
}
#footer_section {
    text-align: center;
    padding: 45px 0;
}
#footer_section .form-group {
    position: relative;
    width: 100%;
}
#footer_section .form-group button.btn {
    font-size: 17px;
}
    #footer_section .footer-section-sociallings ul {
    margin-top: 2rem;
    align-items: center;
    justify-content: center;
}
#footer_section .footer-section-copyright {
    margin-top: 2rem;
    padding-top: 1rem;
    flex-direction: column;
}

#main .wc-block-grid__product-title, #main .woocommerce-loop-product__title {   
    font-size: 18px; 
}

.entry-header {
    position: unset !important;
}
/* #primary {
    padding: 50px 0;
} */
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: unset  !important;
}
.custom-category-filter {
    width: 100% !important;
}
.entry-header h1{
    width: 100% !important;
}
#main .wc-block-cart-item__image a {
    width: 60px;
    height: 60px; 
}
#main {
    width: 90%; 
}
.woocommerce div.product .woocommerce-tabs .panel { 
    padding: 0 1rem !important;
}
header #main_header .navbar-collapse {
    top: 86px;
    width: 80%;
}
#main_header a.navbar-brand { 
    position: unset ; 
}
#main_header{
    padding: 0  ;
}
header #main_header .navbar-toggler { 
    height: 50px;
}
 
.comment-form-email input , .comment-form-author input{
    width: 100%;
}
#main .price {
    text-align: left;
}
#footer_section .footer.section-privicy a { 
    margin: 0 0.3rem; 
}
.woocommerce-product-gallery__image {
    height: auto;
}
.contact-top { 
    grid-template-columns: repeat(1 , 1fr); 
    width: 100%; 
}
.contact-top-item { 
    padding: 10px;
    margin-bottom: 10px; 
}
.contact-us-mian .formflx { 
    grid-template-columns: repeat(1 , 1fr);
    gap: 0;
}
.contact-us-mian { 
    width: 100%;
}
.contact-info-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.con-info-icon { 
    margin: 0; 
}
.con-info-txt {
    text-align: left;
}
.con-info-txt h4 { 
    margin-bottom: 0;
}
.modal-content {
    width: 70% !important;
}
.close {
    top: -12px !important;
    right: 7px  !important;
}
.shopcrt {
    right: 95px;
}
/*.shopcrt {*/
/*    position: absolute;*/
/*    right: 75px;*/
/*    top: 5px;*/
/*    background: #2b63af;*/
/*    border-radius: 50px;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
    /* position: inherit; */
/*}*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
}
#primary a {
    font-size: 13px;
}
#extra_banner {
    padding-top: 13rem;
    height: 330px;
    background-position: right center;
}
#extra_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:black;
    z-index: 1;
    opacity: 0.5;
}
#extra_banner .secion-heading h2 {
    font-size: 45px;
        color: white;
}
#about_us_section .about-us-content {
    padding: 0rem;
}
.about-us-content p{
    padding:0;
}
.fundraising-heading-content p {
    font-size: 15px;
    margin-top: 1rem;
    line-height: 24px;
    padding-right: 0rem;
}
#fundraising_section {
    padding: 30px 0;
}
.fundraising-content {
    padding-left: 1rem;
}
.fundraising-heading-content {
    margin-bottom: 2rem;
}
.fundraising-content h3 {
    font-size: 32px;
}
.fundraising-content p {
    font-size: 15px;
    line-height: 23px;
    padding-right: 0rem;
}
.fundraising-content ul li {
    font-size: 15px;
}
#main_header a.nav-link {
    font-size: 13px;
    text-align: left;
}
}
@media only screen and (max-width: 575px){
    #our_products .our-product-heading h2 {
        font-size: 25px;
    }
}