@media screen and (max-width: 1300px) {
    #main-text{
        margin: 3rem 0;
        font-size: 2rem;
    }
  }
@media screen and (max-width: 800px) {
    #main-text{
        margin: 2rem 0;
        font-size: 1.5rem;
    }

    .imgs{
      width: 100%;
      height: 20vh;
    }  

    #header{
        height: 100%;
    }
  
    #modify,#modify-div{
          font-size:10px;
    }
  
  .woocommerce-MyAccount-content{
  		font-size:12px;
  	}
  
  

}

@madia screen and (max-height:605px) {
    #header{
      height: 100% !important; 
    }
}

@media screen and (max-width : 1000px){
    .hrWidth{
        width: 50% !important;
    }
}
@media screen and (max-width : 767px){
    #header-svg{
        height: 20px !important;
    }

    .wc-proceed-to-checkout{
        width: 100%;
        text-align: center;
    }

    .elementor-element-populated{
        text-align: center !important;
    }

    .my-fs-md{
        font-size: 1.05rem !important;
    }

    .explanation{
        padding: 50px 20px !important;
    }
}

@media screen and (max-width: 475px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        font-size: 12px;
    }

    #about-section{
        font-size: 13px;
    }
    h4{
        font-size: 20px;
    }

    .woocommerce-MyAccount-navigation-link{
        font-size: 14px;
    }

    .woocommerce-info{
        font-size: 14px;
        text-align: center;
    }
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
        width: 100% !important;
        margin: 5px 0 10px 0 !important;
    }

    .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
        height: 35px;
    }

    .wc-proceed-to-checkout{
        width: 100%;
        text-align: center;
    }

    #Section5{
        font-size: 10px !important;
    }
}

/* @media screen and (min-height: 710px){
    #Section6{
        width: 100%;
        position: absolute;
        bottom: 0;
    }  
}

@media screen and (max-width: 984){
    #Section6{
        position: relative;
    }  
} */