/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1600px) {



}

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


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {




}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.about-items {
		grid-template-columns: 1fr;
	}

	.work-scheme-items{
		grid-template-columns: repeat(2, 1fr);
	}
	.service-items,
	.blog-items{
		grid-template-columns: repeat(2, 1fr);
	}

	.blog-items .blog-item:nth-child(3){
		display: none;
	}


	.contacts-section .container {
		position: relative;
		transform: none;
	}

	.contacts-section .contacts-wrap {
		position: relative;
		transform: none;
		border: 0;
	}

	.footer-container {
		flex-direction: column;
		gap: 24px;
	}

	.footer-container {
		flex-direction: column;
		gap: 24px;
	}

	.main-header .menu {
		display: none;
	}

	.mobile-menu-button{
		display: block;
	}

	.menu-wrap {
		justify-content: center;
	}

	.logo {width: 40px;}

	.main-header-container {
		height: auto;
		padding: 15px;
	}

	.main-header a {
		font-size: 18px;
	}

	.main-header-contacts {
		align-items: center;
	}

	.main-header .menu.active {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 82px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		flex-direction: column;
		background: #000;
		gap: 24px;
	}

	body.menu-open .main-header {
		background: #000;
	}

	.banner-list {
		margin-top: 48px;

		gap: 24px;
		font-size: 24px;
		line-height: 30px;
	}

	.section-title {
		font-size: 60px;
	}

	.about-items .about-item .about-title {
		font-size: 27px;
		margin-bottom: 24px;
	}

	.work-scheme-item .item-no {
		--size: 80px;
		margin-bottom: 24px;
	}

	.work-scheme-item:before {
		display: none;
	}

	.work-scheme-item .work-scheme-title {
		font-size: 27px;
	}

	.contacts-section {
		padding-top: 0;
	}

	.banner-content .company-name {
		font-size: 84px;
		line-height: 76px;
	}


	.banner-title{
		font-size: 40px;
	}




	.slick-slider {
		padding-left: 40px;
		padding-right: 40px;
	}

	button.slick-design-next {
		right: 0;
	}

	button.slick-arrow {
		width: 30px;
		height: 30px;
		padding: 0;
		margin: 0;
		flex: 1 0 30px;
		text-align: center;
	}

	button.slick-design-prev {
		left: 0;
	}

	button.slick-arrow svg {
		width: 12px;
		height: 12px;
		flex-shrink: 0;
		display: block;
	}


	.main-service-grid{
		grid-template-columns: repeat(2, 1fr);
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.slick-slider{
		padding-left: 30px;
		padding-right: 30px;
	}

	.main-service-grid{
		grid-template-columns: 1fr;
	}

	.banner-content .banner-slogan {
		font-size: 18px;
		line-height: 24px;
		margin: 12px 0;
	}

	.banner-list {
		font-size: 18px;
		line-height: 24px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.work-scheme-items {
		gap: 24px;
	}

	.blog-items .blog-item:nth-child(3){
		display: flex;
	}

	.work-scheme-items {
		gap: 24px;
	}

	.service-items,
	.blog-items {
		grid-template-columns: 1fr;
	}

	.work-scheme-items {
		gap: 24px;
	}

	.blog-items {
		grid-template-columns: 1fr;
	}

	.footer-menu {
		gap: 12px;
		flex-direction: column;
	}

	.footer-container {
		align-items: flex-start;
	}

	.footer-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.footer-copyright {
		text-align: left;
	}

	.contacts-section .contacts-wrap {
		padding: 24px 0;
	}


	.breadcrumbs-container {
		position: relative;
		bottom: 0;
	}

	.breadcrumbs-container .container{
		padding-left: 0;
		padding-right: 0;
	}

	.banner{
		padding-top: 100px;
	}

	.gallery .gallery-item{
		width: 50%;
	}

	.banner-content .company-name {
	line-height: 1.2;
	font-size: 40px;
}
	
}



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


	:root{
		--section-padding: 48px;
	}

	.main-header-container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.section {
		min-height: 0;
	}

	.section-title {
		font-size: 40px;
		line-height: 1.2;
	}

	.section-blur-top {
		top: -24px;
		height: var(--section-padding);
		filter: blur(16px);
	}

	.banner-title,
	.wp-content h2{
		font-size: 30px;
		line-height: 1.2;
	}

	nav.kama_breadcrumbs {
		white-space: nowrap;
		overflow: auto hidden;
		text-overflow: ellipsis;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.gallery .gallery-item{
		width: 100%;
	}

}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

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

}

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

}


@media (min-resolution: 108dpi) and (min-width: 1200px) {

}