/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */ 
@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
	.siteheader-menu li.menu-item-has-children {
		padding-right: 8px;
	}
	.siteheader-menu li .sub-menu {
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		min-width: 180px;
		box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
		margin-top: 0;
		background-color: #fff;
		margin-left: 0;
		opacity: 0;
		z-index: 555;
		padding: 10px 0;
		list-style: none;
		visibility: hidden;
		text-align: left;
		transform: translateY(10px);
		-o-transition: transform 320ms;
		transition: transform 320ms;
		-webkit-transition: transform 320ms;
		border-radius: 0 0 4px 4px;
		border-top: 4px solid #434E38;
	}
	.siteheader-menu li:hover > .sub-menu {
		visibility: visible;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	.siteheader-menu li .sub-menu li {
		display: block;
		margin: 0;
	}
	.siteheader-menu .sub-menu li a {
		display: block;
		padding: 5px 15px;
		font-weight: 500;
		margin: 0;
		font-size: 14px;
		position: relative;
		line-height: 1.5;
	}
	.siteheader-menu li.menu-item-has-children > a::after {
		content: '';
		border: solid #222;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 3px;
		position: absolute;
		top: 50%;
		right: -25px;
		margin-top: -2px;
		transform: rotate(45deg) translateY(-50%);
	}
} 

@media only screen and (min-width: 1400px) {
	.search-form input[type="text"] {
		width: 250px;
	}
}

@media only screen and (min-width: 1600px) {
	
}

/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */ 
@media only screen and (max-width: 1199px) { 
	.contact-container-box {
		margin-top: -400px;
	}
	section.sec-minted-difference .grid-panes.four-up { 
		grid-template-columns: repeat(2, 1fr);
	}
	section.sec-minted-difference .grid-panes.four-up .pane.pane-3 {
		 border-left: 0;
	}
	section.sc-ab-home-hero .home-hero--box h2 { 
		font-size: 2.5rem; 
		margin: 1rem auto 1rem;
	}
	section.sc-ab-home-hero .home-hero--box h4 { 
		font-size: 1rem; 
	}
	section.sc-ab-home-hero .home-hero--box p {
		font-size: 1rem; 
		margin: 0.5rem auto; 
	}
	section.sc-ab-home-hero .home-hero--box .btn { 
		margin: 1.5rem auto 0; 
	}
}

@media only screen and (max-width: 991px) {	
	.contact-container-box {
		margin-top: -250px;
	}
	.sc-our-story p, section.sc-share-it p, section.sc-about-hero .about-hero-box p {
		font-size: 15px; 
	}
	.sc-our-story h1, section.sc-share-it h1 { 
		margin-bottom: 15px;
	}
	.search-form input[type="text"] {
		max-width: 220px;
	}
	section.sc-about-hero .about-hero-box h1 {
		font-size: 34px; 
		margin-bottom: 12px; 
	}
	.header-top-bar .header-right {
		gap: 15px;
	} 	
	.product-grid.x-scroll.items-12 {
		margin: 0 0 1.5rem 2.5vw;
	}
	section.shop-artists.dark-bg h2.chronicle.big {  
		padding: 0 50px 0 0;
		font-size: 1.75rem;
		line-height: 1.2;
	}
	section.sc-ab-home-hero .home-hero--box h2 {
		font-size: 2rem; 
	}
	section.sc-ab-home-hero .home-hero--box h4 {
		font-size: 0.85rem;
	}
	section.sc-ab-home-hero .home-hero--box p {
		font-size: 0.85rem; 
	}
	section.sc-ab-home-hero .home-hero--box .btn {
		font-size: 0.85rem; 
		padding: 0.85rem; 
	}
}

@media only screen and (max-width: 767px) { 
	body { 
		font-size: 16px; 
	}
	.sec-recent-products .owl-recent-products button.owl-dot { 
		width: 10px;
		height: 10px; 
	}
	.contact--data-box .contact--data-box-in { 
		margin-bottom: 15px;
	}
	.contact--data-box h5 { 
		margin: -5px 0 1px 0;
	}
	.contact-container-box {
		margin-top: -200px;
	}
	.siteheader--logo {
		width: 150px;
	}
	.search-form {
		display: none;
	} 
	section.sc-page-content {
		padding: 50px 0;
	} 
}

@media only screen and (max-width: 640px) {
	.contact-container-box {
		margin-top: -150px;
	}
	.contact--data-box h5 {
		margin: -5px 0 0 0;
		font-size: 18px;
	}
	.contact--data-box p {
		font-size: 15px;
		margin-bottom: 5px;
	}
	section.sc--Blog .blog--box h4 {
		font-size: 1rem; 
		margin-bottom: 9px;
	}
	section.sc--Blog .blog--box p {  
		font-size: 0.875rem; 
		line-height: 1.25rem; 
		margin-bottom: 16px;
	}
	section.sc-about-hero .about-hero-box h1 { 
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 10px; 
	}
	section.sc-about-hero { 
		min-height: 330px; 
	}
	.sc-our-story p, section.sc-share-it p, section.sc-about-hero .about-hero-box p {
		font-size: 14px;
	}
	.sc-our-story h1, section.sc-share-it h1 {
		margin-bottom: 10px;
		font-size: 22px;
	}
	section.sec-minted-difference {
		padding: 2rem 0 3rem 0; 
	}
	section.sec-minted-difference .grid-panes.four-up {
		max-width: 87.5vw;
		min-width: 0;
		border: 1px solid transparent;
		grid-template-columns: auto; 
	}
	section.sec-minted-difference .four-up.full-bleed .pane {
		padding: 0;
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: auto;
		grid-gap: 3vw;
		max-width: 100%;
		margin: 0 auto;
		border-left: none;
	}
	section.sec-minted-difference .four-up .pane .pane-content h3 {
		text-align: left;
		margin-top: 6vw;
		font-size: 3.5vw;
	}
	section.sec-minted-difference .four-up .pane .pane-content p {
		margin-top: 1.5vw;
		margin-left: 0;
		font-size: 3.5vw;
		max-width: none; 
		text-align: left;
	}
	section.sec-minted-difference .minted-difference-container { 
		max-width: 87.5vw;
	}
	section.sec-minted-difference h2 { 
		font-size: 7.5vw;
		padding: 0;
	}
}

@media only screen and (max-width: 575px) {  
	.contact--form-box {
		padding: 30px 20px; 
	} 
}

@media only screen and (max-width: 440px) {  
	.contact-container-box {
		margin-top: -100px;
	}
}