@media (min-width: 768px) {
/*home page*/
	.attachment-woocommerce_single.size-woocommerce_single {
width:275.7px;
height:184.25px;
}
	
	h2.wp-block-post-title {
    justify-self: center !important;
}
	
	h3.has-text-align-center.wp-block-post-title.has-medium-font-size {
		white-space:nowrap !important;
		
	}
	
	.wp-block-post-title.has-small-font-size {
		padding-top:10px !important;
		font-size:18px !important;
	}
	
	body.woocommerce-shop .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 381px;
    height: 381px;
}
	body.single-product.woocommerce-page .wc-block-components-product-image img {
    width: 218px;
    height: 218px;
}
}

@media (max-width: 768px) {
	
	.wp-block-post-title.has-small-font-size {
		font-size:18px !important; 
	}
	
	.wc-block-components-product-price.wc-block-grid__product-price {
		font-size:15px !important;
	}
	
.attachment-woocommerce_single.size-woocommerce_single {
width:356px !important;
height:200px !important;
}
	.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
		width:319px !important;
		height:273px !important;
	}
	
	.wp-block-post-title.has-small-font-size {
		padding-top:8px !important;
		
	}
	.wp-block-post-title {
align-self:center !important;
	}
}

#tab-title-reviews {
	display:none !important;
}

@media (max-width:768px){
h2.wp-block-post-title {
 text-align: center !important;
	font-size:30px;
	}
}

@media (min-width:768px){
h2.wp-block-post-title {
 text-align: center !important;
	font-size:38px;
	}
}

/* Contact Form 7 | Contact Us Page */

.wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}


.wpcf7-form p {
  margin-bottom: 1.5rem;
}


.wpcf7-form label {
  display: block;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  letter-spacing: 0.025em;
}


.wpcf7-form-control {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  font-family: inherit;
}


.wpcf7-form-control:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
  background-color: #fafafa;
}


.wpcf7-form-control:hover {
  border-color: #cbd5e0;
}


.wpcf7-textarea {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}

.wpcf7-submit {
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
  color: white;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.875rem 2rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-width: 140px;
}

.wpcf7-submit:hover {
  background: linear-gradient(135deg, #3182ce 0%, #2c5aa0 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.4);
}

.wpcf7-submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(66, 153, 225, 0.4);
}


.wpcf7-submit.has-spinner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}


.wpcf7-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s linear infinite;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.wpcf7-form.submitting .wpcf7-spinner {
  opacity: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}


.wpcf7-response-output {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  font-weight: 500;
  display: none;
}

.wpcf7-response-output.wpcf7-display-none {
  display: none;
}

.wpcf7-response-output:not(.wpcf7-display-none) {
  display: block;
}


.wpcf7-mail-sent-ok {
  background-color: #f0fff4;
  border: 1px solid #9ae6b4;
  color: #276749;
}


.wpcf7-mail-sent-ng,
.wpcf7-aborted,
.wpcf7-spam {
  background-color: #fed7d7;
  border: 1px solid #feb2b2;
  color: #c53030;
}


.wpcf7-validation-errors {
  background-color: #fef5e7;
  border: 1px solid #f6d55c;
  color: #b45309;
}


.wpcf7-form-control.wpcf7-not-valid {
  border-color: #e53e3e;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}

.wpcf7-form-control.wpcf7-not-valid:focus {
  border-color: #e53e3e;
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.15);
}


.hidden-fields-container {
  display: none;
}


.wpcf7-form-control-wrap {
  display: block;
  position: relative;
}


@media (max-width: 768px) {
	{
  width: 100% !important;
    margin: 1rem auto; 
    padding: 1.5rem;
    border-radius: 12px;
    box-sizing: border-box !important; 
    max-width: calc(100vw - 2rem) !important; 
}
  
  .wpcf7-form-control {
    padding: 0.75rem;
  }
  
  .wpcf7-submit {
    width: 100%;
    padding: 1rem;
  }
}
  
  .wpcf7-form-control:focus {
    border-width: 3px;
  }


/*submenu css*/
@media (min-width:768px){

html body .wp-block-navigation {
  position: relative;
}

html body .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu {
  position: relative;
}

html body .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  right: auto !important;
  margin-top: 8px !important;
  margin-left: 0 !important;
  z-index: 999999 !important;
  min-width: 220px !important;
  transform: translateX(0) !important; 
}

html body li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
  left: 0 !important;
  top: 100% !important;
  margin-top: 10px !important;
  position: absolute !important;
  right: auto !important;
}

html body .wp-block-navigation-submenu:hover .wp-block-navigation__submenu-container {
  left: 0 !important;
  top: 100% !important;
  margin-top: 8px !important;
  display: block !important;
  right: auto !important;
}

html body .wp-block-navigation-submenu::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 10px;
  background: transparent;
  z-index: 999998;
}

/* Additional fix for flex layout interference */
html body .wp-block-group.is-layout-flex .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}
}

/**Desktop view for logo */
@media (min-width:768px){
.wp-block-group.alignwide .wp-block-image img.wp-image-171 {
    max-height: 100px;  
    width: 215px !important;
    height: 90px !important;
    display: block;
	margin-left:-21px !important;
}
.wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex {
    align-items: center;
}
}

/* Mobile view for logo */
@media (max-width: 767px) {
  .wp-block-group.alignwide .wp-block-image img.wp-image-171 {
      max-height: 60px;    
      max-width: 140px;    
      height: 100px !important;
      width: 100px !important;
      display: block;
      margin: 0 auto;      
	  margin-left:-12px !important;
  }
  .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex {
      flex-wrap: wrap;     
      align-items: center; 
      justify-content: space-between;
  }
  .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
  }
}

/* Footer logo - desktop */
@media (min-width: 768px) {
  .wp-block-columns.alignwide .wp-block-image img.wp-image-177 {
/*       max-height: 80px; */
      width: auto;
	  height:200px !important;
      display: block;
      margin: 0 !important;
      transform: translateY(-65px); 
	  
  }
	footer.wp-block-template-part .wp-block-image.size-full {
    height: 110px;
}
}

/* Footer logo - mobile */
@media (max-width: 767px) {
  .wp-block-columns.alignwide .wp-block-image img.wp-image-177 {
/*       max-height: 60px; */
	  
      width: 150px !important;
      display: block;
      margin: 0 !important;
      transform: translateY(-100px); 
  }
	footer.wp-block-template-part .wp-block-image.size-full {
    height: 18px;
}
}

/*submenu positioning*/
@media (min-width: 768px) {
  .wp-block-navigation__submenu-container {
    transform: translateX(0) !important;
    left: 0 !important;
    right: auto !important;
  }
}

@media (min-width:768px){
.page-id-69 .entry-content.wp-block-post-content p {
  max-width: 1150px;
  margin: 0 auto;
}
	
	/*increasing content width of pages */
	
	@media (min-width:768px){
.entry-content.wp-block-post-content p{
  max-width: 1150px;
  margin: 0 auto;
}
		.entry-content.wp-block-post-content h2
		{
			text-align:center;
		}
		
}

/*contact us page*/

@media (min-width:768px){
	
	.page-id-102 iframe {
		border-radius:16px;
	}
	
.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.contact-left {
  flex: 1;
  min-width: 300px;
  margin-right: 20px;
	height:739px !important;
}

.contact-right {
  flex: 1;
  min-width: 300px;
	
}

.contact-us-content {
  flex: 1 0 100%;
  text-align: center;
  margin-top: 40px;
}

.contact-us-content h3 {
  font-size: 1.8em;
  margin-bottom: 15px;
}

.contact-us-content p {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 20px;
}

.contact-us-content ul {
  list-style: none;
  padding: 0;
}

.contact-us-content ul li {
  margin-bottom: 10px;
}

.contact-us-content ul li a {
  text-decoration: none;
  color: #007bff;
}

.contact-us-content ul li a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .contact-left,
  .contact-right {
    flex: 1 0 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
}