@media (min-width: 1600px) and (max-width: 1900px) {
	.sc-hm-search-bar button:hover, body.safari .sc-hm-search-bar button:hover{
		transition: transform .4s linear;
	}

}

@media (min-width: 576px) {
	.sc-pp-toggle-container::before, body.safari .sc-pp-toggle-container::before{
		top: 0.139rem;
		left: 0.139rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
 
	.sc-pp-toggle-container[data-active-index="2"]::before {
		transform: translateX(11rem);
	}
	body.safari .sc-upvote-display button svg, .sc-bookmark-display button svg {
    	margin-top: 0.75rem;
  	}
	.sc-login-user-deatils-header{
		padding: 2rem 1.5rem;
	}
	.dropdown-item-down-cout {
		margin-top: -2.2rem;
	}
	.sc-collections-wrap{
		padding-top: 0;
	}
	.collection-s-alert{
		padding-bottom: 0;
	}
	.sc-hd-search-close svg{
		width: 1.313rem;
		height: 1.313rem;
	}
	body.safari .sc-upvote-display button {
        	margin-top: 0;
    	}
	body.safari .sc-upvote-display button::after {
		width: 1.09rem;
		height: 0.94rem;
		top: 0.13rem;
		background-size: 100%;
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.sc-pp-toggle-container[data-active-index="2"]::before {
		transform: translateX(10.8rem);
	}
	body.safari .sc-upvote-display button::after, body.safari .sc-upvote-display.active button::after {
		background-size: contain;
	} 
	body.safari .sc-upvote-display button {
        	margin-top: 0;
    }
	.sc-pp-toggle-container::before, body.safari .sc-pp-toggle-container::before{
		top: 0.039rem;
		left: 0.139rem;
	}
	
}



 /* Firefox-only styles go here */

@-moz-document url-prefix() {
	.sc-upvote-display button::after, .sc-upvote-btn.active::after, .sc-bookmark-display button::after {
		top: -0.38rem;
	}
	.sc-upvote-display button::after, .sc-upvote-btn.active::after{
		height: 1.15rem;
	}
}


 /* Safari-specific styles */

@supports (-webkit-touch-callout: none) {
 
  body.safari .sc-upvote-display button svg, .sc-bookmark-display button svg {
    display: block;
    visibility: hidden;
    
  }
	
}

  /* Styles for Retina MacBook screens */

@media screen and (min-width: 1280px) and (max-width: 1680px) and (-webkit-min-device-pixel-ratio: 2) {

	body.mac-os .sc-hm-search-bar button, body.safari .sc-hm-search-bar button {
		right: 0.3rem;
		top: 0.35rem;
	}
	body.mac-os .sc-upvote-display button:hover::after {
        background: url(/wp-content/themes/alpha-x-theme-framework/assets/icons/heart-with-border.svg) no-repeat;
        background-size: 100%;
        width: 1.313rem;
        height: 1.125rem;
        transition: all 0.2s ease;
    }
	body.mac-os .sc-bookmark-display button::after {
        width: 0.844rem;
        height: 1.172rem;
        background-size: 100%;
    }
	body.mac-os .p-updated-time::before, 
	body.safari .p-updated-time::before {
    	position: absolute;
    	content: '';
    	background: linear-gradient(328.28deg, #EA001B 9%, #FD5F00 69.5%);
    	width: 0.375rem;
    	height: 0.375rem;
    	border-radius: 50%;
    	top: 0.5rem;
    	left: -0.875rem;
	}
	
	
	
}
@media (min-width: 2350px)  {
	body.mac-os .sc-hm-parallax-col, 
	body.safari .sc-hm-parallax-col, .sc-hm-parallax-col {
        padding-top: 4.375rem;
	}
	body.mac-os .parallax-items.sc-parallax-four .sc-hm-looping-btn-row, 
	body.safari .parallax-items.sc-parallax-four .sc-hm-looping-btn-row, 
	.parallax-items.sc-parallax-four .sc-hm-looping-btn-row  {
        left: 60.688rem;
        top: 39.25rem;
    }
	body.mac-os .parallax-items.sc-parallax-three .sc-hm-looping-btn-row, 
	body.safari .parallax-items.sc-parallax-three .sc-hm-looping-btn-row,
	.parallax-items.sc-parallax-three .sc-hm-looping-btn-row{
        top: 41.625rem;
        left: 50.25rem;
    }
	div.wpforms-container-full .wpforms-form em.wpforms-error:before {
		right: 0.3125rem;  
  		top: 0.09375rem;
		width: 1rem; 
		height: auto;
		aspect-ratio: 17 / 15;
	-webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  -webkit-mask-position: center;
  mask-position: center;
	}
}



/* Landscape Only */

@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  .sc-hm-parallax-col {
		  height: 80dvh;
	  }
	      
}

/* Portrait Only */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    /* Portrait-specific styles */
	  
	   .sc-hm-parallax-col {
		  height: 60dvh;
	  }
	  .sc-hm-parallax-col{
		  padding-top: 12rem;
	  }
	  .sc-parallax-four .sc-hm-parallax-col {
        gap: 30rem;
    }
    .sc-hm-search-bar button {
		right: 0.35rem;
	  }
	  
	
}