/*
Theme Name: Granit Design
Author: arkzy.creative Arkadiusz Fryc
Description: Granit Design Theme
Version: 1.0
Responsive Styles
*/

/* Responsive Styles */
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
	.gd-header-logo-img {
		height: 24px;
	}
	.gd-menu-items .menu-item a {
		font-size: 0.875rem;
	}
	.gd-header-contact-details {
		font-size: 0.875rem;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
	.gd-header-logo-wrap {
		padding: 2rem;
	}
	.gd-header-contact {
		padding: 2rem;
	}
	.gd-header-logo-img {
		height: 28px;
	}
	.gd-menu-items .menu-item a {
		font-size: 0.75rem;
	}
	.gd-header-contact-details {
		font-size: 0.75rem;
	}
	.gd-header-scrolled .gd-menu-items .menu-item a {
		font-size: 0.75rem;
	}
	.gd-header-scrolled .gd-header-contact-details {
		font-size: 0.75rem;
	}
	.gd-header-nav {
		padding-right: 2rem;
	}
	.gd-menu-items {
		gap: 1rem;
	}
	.gd-header-subtitle {
		font-size: 0.563rem;
	}
}

@media screen and (max-width: 1279px) {
	.gd-header {
		gap: 0;
	}
	.gd-header-logo-img {
		height: 28px;
	}
	.gd-mobile-nav {
		display: block;
		padding: 3rem;
	}
	#gd-nav-menu {
		display: none;
	}
	.gd-header-nav {
		position: static;
	}
	.gd-header-logo-wrap {
		order: 1;
		padding: 1.5rem;
	}
	.gd-header-contact {
		order: 2;
		margin-left: auto;
		border-right: 1px solid var(--borders);
	}
	#gd-nav-main {
		order: 3;
		margin-left: 0;
		padding-right: 0;
	}
	#gd-nav-menu.gd-mobile-menu--open {
		position: absolute;
		display: block;
		top: 100%;
		left: 0;
		width: 100%;
		height: calc(100vh - 120px);
		background-color: var(--black);
		z-index: 1000;
		padding: 1.5rem;
		gap: 0;
		overflow-y: scroll;
	}
	#gd-nav-menu.gd-mobile-menu--open li {
		padding: 1rem;
	}

	h1,
	.gd-t-h1 {
		font-size: 1.5rem;
	}
	h2 {
		font-size: 1.375rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1.125rem;
	}
	h5 {
		font-size: 1rem;
	}
	h6 {
		font-size: 0.875rem;
	}
	.gd-text-seo-big {
		font-size: 1rem;
	}

	.gd-section-title {
		font-size: 1.5rem;
	}

	.gd-header-scrolled .gd-header-contact,
	.gd-header-scrolled .gd-header-logo-wrap {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.gd-header-scrolled .gd-menu-items .menu-item a {
		font-size: inherit;
	}
	.gd-header-scrolled .gd-header-contact-details {
		font-size: inherit;
	}
	.gd-header-scrolled .gd-header-logo-img {
		height: 24px;
	}
}

@media screen and (max-width: 1024px) {
	.container,
	.container-fluid {
		grid-template-columns: 1fr;
		gap: 3rem 0;
	}
	.gd-header {
		justify-content: space-between;
		flex-wrap: wrap;
		border-bottom: 0;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		grid-column: span 1;
	}

	/* .gd-hero-container .col-5 {
		grid-column: span 8;
	}
	.gd-swiper-nav-prev-wrap.col-3 {
		grid-column: span 3;
	}
	.col-6.gd-swiper-nav-button {
		grid-column: span 6;
	}
	.gd-swiper-nav-next-wrap.col-3 {
		grid-column: span 3;
	} */

	.gd-portfolio-map {
		margin: 0;
	}

	.gd-about-designer {
		padding-top: 0;
	}
	.gd-about-designer-img {
		top: 88%;
		width: 95%;
		object-fit: cover;
		max-height: unset;
		max-width: unset;
		width: 100%;
		position: relative;
		transform: none;
		top: 0;
		right: -1.5rem;
	}
	.gd-about-designer-img-wrap {
		order: -1;
	}
	.gd-faq-box {
		grid-template-columns: repeat(1, 1fr);
	}
	.gd-offer-categories .gd-section-title {
		margin-bottom: 0;
	}
	.gd-offer-categories .gd-offer-box {
		flex-direction: column;
	}
	.gd-offer-box-img {
		order: 1;
	}
	.gd-offer-box-content {
		order: 2;
	}
	.gd-header-scrolled .gd-header-contact {
		height: 0;
		overflow: hidden;
		padding: 0;
		transition: all 0.3s ease-in-out;
		border-top-width: 0;
	}
	.gd-header-contact {
		height: auto;
		/* display: none; */
		order: 3;
		flex: 0 0 100%;
		border-top: 1px solid var(--borders);
		border-left: none;
		border-right: none;
		padding: 1.5rem;
		border-bottom: 1px solid var(--borders);
	}
	.gd-header-contact .gd-header-phone {
		display: flex;
		gap: 0.5rem;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	.gd-header-contact .gd-header-subtitle {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
	}
	.gd-mobile-nav {
		margin-left: auto;
		border-left: 1px solid var(--borders);
		padding: 1.5rem;
	}
	.gd-buttons-wrap {
		flex-direction: column;
		align-items: flex-start;
	}
	.gd-hero-content {
		bottom: 0;
		top: auto;
	}
	.gd-about-hero-img {
		width: 100%;
		position: relative;
		transform: none;
		top: 0;
		right: -1.5rem;
	}
	.gd-about-page .gd-about-hero .col-7 {
		order: 1;
	}
	.gd-about-page .gd-about-hero .col-5 {
		order: 2;
	}
	.gd-about-history .gd-theme-img {
		margin: 0;
		width: 100%;
	}
	.gd-about-values .gd-about-bullets,
	.gd-ts-details .gd-about-bullets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gd-portfolio-items {
		grid-template-columns: 1fr;
	}
	.gd-ts-taxonomy-swiper-slide .gd-ts-hero-content,
	.gd-ts-taxonomy-swiper-podswietlane
		.gd-ts-taxonomy-swiper-slide
		.gd-ts-hero-content,
	.gd-ts-hero-content {
		flex-direction: column;
		position: relative;
		margin-top: 1.5rem;
		margin-bottom: 3rem;
		gap: 1.5rem;
	}
	.gd-ts-taxonomy-swiper-slide .gd-ts-hero-content {
		/* margin-top: 7.5rem; */
		margin-top: 1.5rem;
	}
	.gd-ts-hero-img {
		margin-top: 0;
		margin-bottom: 0;
		height: auto;
	}
	.gd-hover-pagination
		.gd-hover-bullet:not(.swiper-pagination-bullet-active) {
		padding-left: 4px;
		padding-right: 4px;
	}
	.gd-hover-bullet,
	.gd-hover-pagination .gd-hover-bullet::before,
	.gd-hover-pagination .gd-bullet-tooltip {
		display: none;
	}
	.gd-button-wrap-back {
		display: none;
	}
	.gd-copyrights-bullets {
		grid-template-columns: 1fr;
	}
	.gd-copyrights-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
	.gd-copyrights-vega-text {
		font-size: clamp(12px, 0.9vw, 16px);
	}
	.gd-footer-contact-row {
		flex-direction: column;
		gap: 3rem;
	}
	.gd-ts-taxonomy-swiper-podswietlane__nightmode-button {
		top: 24px;
		left: 50%;
		transform: translate(-50%);
	}
	.gd-single-tombstone .gd-ts-taxonomy-swiper-podswietlane__nightmode-button {
		top: -24px !important;
	}
	.gd-ts-hero-wrap .gd-buttons-swiper-nav-absolute {
		top: 40%;
	}

	.gd-ts-hero-img {
		/* width: 100%;
		height: auto; */
		width: 130%;
		max-width: unset;
		margin-left: -15%;
	}
	.gd-ts-taxonomy-swiper--slimline-main-image,
	.gd-ts-taxonomy-podswietlane__nested-swiper {
		overflow: visible !important;
	}
	.gd-ts-taxonomy-swiper--slimline-main-image .gd-ts-hero-img {
		transform: translateX(10%);
	}

	.gd-hover-pagination .gd-hover-bullet.swiper-pagination-bullet-active {
		border-left: 4px solid var(--black);
		border-right: 4px solid var(--black);
	}
	.gd-ts-taxonomy-swiper--slimline-thumbs-wrap {
		/* top: 45%; */
		/* bottom: auto; */
		left: 0;
		max-width: 90%;
		transform: none;
		margin-left: 0;
		position: static;
	}

	.gd-archive-tombstone .gd-ts-taxonomy-swiper,
	.gd-archive-tombstone .gd-ts-taxonomy-swiper-podswietlane,
	.gd-archive-tombstone .gd-ts-taxonomy-swiper--slimline {
		padding-top: 3rem;
	}
	.gd-ts-hero {
		padding-top: 3rem;
	}
	.gd-about-page .gd-about-history .col-5 {
		display: none;
	}
	.gd-about-page .gd-about-hero {
		margin-bottom: 0;
	}
	.gd-about-page .gd-about-history {
		margin-top: 0;
	}
	.gd-buttons-mobile-hide {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.gd-hero-container .col-5 {
		grid-column: span 12;
	}
	.gd-hero-content {
		position: relative;
		transform: none;
		padding-top: 3rem;
		padding-bottom: 3rem;
		border-top: 1px solid var(--borders);
	}
	.gd-hero-bg-swiper-img {
		/* aspect-ratio: 4 / 3; */
		aspect-ratio: 1 / 1;
		min-height: unset;
		object-position: 65%;
	}
	.gd-diamond-wrap-hero {
		top: 24px;
		left: 24px;
		bottom: auto;
	}
	.gd-testimonials__swiper-wrap {
		flex-wrap: wrap;
	}
	.gd-testimonials__swiper {
		order: 1;
		flex: 1 0 100%;
	}
	.gd-testimonials__swiper-wrap .gd-buttons-wrap {
		order: 2;
	}
	.gd-about-values .gd-about-bullets,
	.gd-ts-details .gd-about-bullets {
		grid-template-columns: 1fr;
	}
	.gd-copyrights-gallery {
		grid-template-columns: 1fr;
	}
	.gd-portfolio-swiper-nav,
	.gd-swiper-nav-wrapper {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.gd-portfolio-swiper-nav .gd-buttons-wrap-nogap,
	.gd-swiper-nav-wrapper .gd-swiper-nav-prev-wrap,
	.gd-swiper-nav-wrapper .gd-swiper-nav-next-wrap {
		order: 2;
	}
	.gd-swiper-nav-wrapper .gd-swiper-nav-button {
		flex: 1 0 100%;
	}
	.gd-swiper-nav-wrapper .gd-button-primary {
		width: 100%;
	}
	.gd-swiper-nav-wrapper .gd-button-wrap-primary {
		width: 100%;
	}

	.gd-copyrights-quote .gd-c-red {
		margin-top: 1.25rem;
	}
	.gd-ts-hero-copyright {
		margin-bottom: 3rem;
	}
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
	.gd-ts-hero-img {
		width: auto;
		max-height: 80vh;
		max-width: unset;
		margin-left: auto;
	}
}