@media only screen and (max-width: 1440px) {}

/* Large devices (laptops / desktops) */
@media only screen and (max-width: 1200px) {

	html,
	body {
		/* font-size: 16px; */
	}
}

/* Medium devices (landscape tablets) */
@media only screen and (max-width: 768px) {

	html,
	body {
		/* font-size: 14px; */
	}

	.container {
		width: unset;
	}

	/* Footer */
	footer .sitemap {
		padding: 2.5rem 2rem;
	}

	footer .sitemap .row {
		margin-left: 0;
		margin-right: 0;
	}

	footer .sitemap .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 2rem;
	}

	footer .sitemap ul.sitemap-menu li {
		display: block;
		padding: 1rem 0.2rem;
		border-bottom: 1px solid black;
	}

	footer .sitemap ul.sitemap-menu li:last-child {
		border-bottom: none;
	}

	footer .sitemap .fit-content {
		width: unset;
	}

	footer .copyright {
		padding: 0.5rem 2rem;
	}

	/* Works Gallery */
	.gallery-works {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2rem;
	}

	.gallery-works>a.col {
		height: fit-content !important;
		grid-column: span 1 !important;
		grid-row: span 1 !important;
		border: 1px solid #EEEEEE;
		/* box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); */
	}

	.gallery-works>a.col .gallery-thumbnail {
		height: 22rem;
	}

	.gallery-works>a.col .caption {
		position: relative;
		background: white;
		opacity: 1;
		transition: unset;
		padding: 1.5rem;
	}

	.gallery-works>a.col .caption .type {
		width: fit-content;
		padding: 4px 10px;
		font-size: 0.8rem;
		font-weight: 600;
		color: white;
		background-color: var(--them-color);
		opacity: 1;
		transform: unset;
		transition: unset;
		transition-delay: unset;
	}

	.gallery-works>a.col .caption .description {
		opacity: 1;
		transform: unset;
		transition: unset;
		transition-delay: unset;
	}

	.gallery-works>a.col .caption .description h4 {
		color: black;
		/* padding: 0.5rem 0; */
		background-color: unset;
		border-radius: unset;
		font-size: 1rem;
	}

	.gallery-works>a.col .caption .description p {
		color: black;
	}

	/* Modal */
	.modal-work-event .modal-work-content {
		position: relative;
		width: 100%;
		top: unset;
		left: unset;
		transform: unset;
	}

	/* Carousel */
	.modal-work .carousel .carousel-image {
		width: 100%;
		max-height: unset;
		margin: 0 auto;
	}

	.gallery-works>a.col .caption img {
		display: none;
	}

	.modal-work .carousel .carousel-indicators {
		display: none;
	}

	.modal-work-event .carousel-item,
	.modal-work-magazine .carousel-item {
		max-height: unset;
	}

	.category-works .side-menu-container {
		display: none;
	}

	.gallery-works>a.col.tall {
		aspect-ratio: unset;
	}

	.space {
		display: none;
	}

	.hide-on-med-and-up {
		display: flex;
		padding: 0 25px;
	}

	.hide-on-med-and-down {
		display: none;
	}

	.category-works .side-menu .menu-item:first-child {
		padding-top: 0.625rem;
	}

	.category-works .submenu-mobile.side-menu {
		display: flex;
	}

	.modal-work-magazine .modal-work-content {
		padding: 3em 2.5em 3em 2em;
	}

	.gallery-works>a.col .gallery-thumbnail {
		/* height: 26rem; */
		/* height: 12rem; */
		height: 100%;
		aspect-ratio: 16/9;
	}

	.gallery-works.Design>a.col .gallery-thumbnail {
		/* height: 26rem; */
		/* height: 12rem; */
		height: 100%;
		aspect-ratio: 2/3;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

	html,
	body {
		font-size: 12px;
	}

	.container {
		width: unset;
	}

	/* Header */
	header .nav-wrapper {
		padding: 0 2rem;
	}

	header .brand {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0;
	}

	/* Banner */
	.banner-heighlight .hero .content img {
		height: auto;
	}

	.banner-heighlight .slide2 .content,
	.banner-heighlight .slide3 .content {
		width: 100%;
	}

	.banner-heighlight .slide3 .content .slide-subtitle {
		font-size: 2rem;
	}

	.banner-heighlight .slide3 .content .slide-brief {
		margin-top: -0.5rem;
		padding: 0;
	}

	.banner-heighlight .slide3 .icon {
		width: 7.375rem;
	}

	.banner-heighlight .hero .bg {
		background-position: left 33% bottom;
	}

	/* Card */
	.category-works .grid .caption .type {
		font-size: 1rem;
		--bs-badge-padding-x: 0.65em;
		--bs-badge-padding-y: 0.35em;
		--bs-badge-font-size: 0.75em;
		--bs-badge-font-weight: 700;
		--bs-badge-color: #fff;
		--bs-badge-border-radius: var(--bs-border-radius);
		display: inline-block;
		padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
		font-weight: var(--bs-badge-font-weight);
		line-height: 1;
		background-color: #ff6600;
		color: white;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
	}

	.category-works .grid .caption .description h4 {
		padding: 0.4rem 0;
	}

	.category-works .submenu-mobile {
		padding: 0;
	}

	/* Modal */
	.modal-dialog {
		margin: 0.5rem 10%;
	}

	.modal-work .modal-work-content,
	.modal-work .modal-work-content .btn {
		margin-top: 1rem;
	}

	.modal-work-magazine .modal-work-content {
		padding: 1.5rem;
	}

	/* Gallery */
	.gallery-teams {
		padding: 0 1.875rem;
		grid-gap: 0.5rem;
		grid-template-columns: repeat(3, 1fr);
	}

	.gallery-teams>div.col.large,
	.gallery-teams>div.col.tall {
		grid-column: unset;
		grid-row: unset;
		height: unset;
	}

	.gallery-teams>div.col {
		height: 10rem;
	}

	/* Works Gallery */
	.gallery-works {
		grid-gap: 1.5rem;
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery-works>a.col .caption {
		padding: 1rem;
	}

	.modal-work-event .carousel-item img {
		height: unset;
	}

	.category-works .content-container {
		padding: 0;
	}

	.category-works .submenu-mobile.side-menu {
		padding: 0;
	}

	.navbar-fixed-bottom .nav>li>a {
		padding: 10px 1.2rem;
	}

	.modal-work-event .modal-work-content {
		background-color: rgba(255, 255, 255, 1);
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 601px) and (max-width: 992px) {

	/* page initilize */
	html,
	body {
		/* font-size: 16px; */
	}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {

	/* page initilize */
	html,
	body {
		/* font-size: 12px; */
	}
}

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

	/* page initilize */
	html,
	body {
		/* font-size: 14px; */
	}

}

/* Portfolio */
@media screen and (min-width: 992px) {

	.grid .grid-item.extra:before {
		padding-top: 100.001%;
	}

	.grid .grid-item.large.extra:before {
		padding-top: 100%;
	}

}


/* Modal */
/* @media (min-width: 992px) {
	.modal-lg,.modal-xl {
		max-width:800px
	}
} */

@media (min-width: 600px) {}

@media (min-width: 768px) {
	
	/* Section */
	.section-clients .clients-list .client-item img {
		width: 100px;
		height: 100px;
	}
	
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {

	.modal-work .modal-xl {
		/* max-width: 1200px; */
	}
	
	/* Section */
	.section-clients .clients-list {
		grid-template-columns: repeat(5, 1fr);
	}
	.section-clients .clients-list .client-item img {
		width: 120px;
		height: 120px;
	}

}

@media (min-width: 1400px) {

	/* .container{
		width: 1600px;
	} */
	
	/* Section */
	.section-clients .clients-list .client-item img {
		width: 140px;
		height: 140px;
	}

}