/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.logo span {
    margin-left: 3px;
	}
	footer .contact_widget{
		flex-flow: column;
		align-items: flex-end;
	}
	footer .contact_widget .social{
		margin-top: 16px;
	}
	.description_block .description_block_content {
    width: 50%;
}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	.description_block_images{
		right: 30px;
    top: -12%;
    width: 36%;
	}
	.logo{display: flex;flex-flow: column;}
	.logo span{margin-left: 0;}
	.filters {
    margin-bottom: 30px;
	}
	.filters button{
		font-size: 14px;
		margin: 0 4px;
	}
	header nav ul li + li{
		margin-left: 5px;
	}
	header nav ul li a{
		padding: 17px 10px;
	}
	.first_screen_items .first_screen_items__item + * {
    margin-left: 25px;
}
.first_screen_items .first_screen_items__item .first_screen_items__item__text{
	font-size: 16px;
}
.first_screen_slider .swiper-button-next {
	right: 5px;
}
.first_screen_slider .swiper-button-prev{
	left: 5px;
}
.first_screen_pagination{
	top: 0%;
	display: none;
}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.grid_preview{
		grid-template-columns: repeat(1, 1fr);
	}
	.table_content {
		overflow-y: scroll;
	}
	header .rating-badget{
		margin-top: 20px;
	}
	.social ul li + li{
		margin-top: 0;
	}
	.aside_widget{
		margin-top: 30px;
	}
	aside.active{
		position: fixed;
		width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
		overflow: scroll;
		padding-top: 64px;
	}
	header::after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    background: var(--bg);
}
	header nav ul li a{
		padding: 13px 10px;
		width: 100%;
		display: block;
	}
	.toggle-hover a{
		position: relative;
	}
	.toggle-hover a::after{
		content: '\f078';
		font-family: "Font Awesome 6 Free";
		font-style: normal;
		font-weight: 900;
		position: absolute;
		right: 0;
		margin: auto;
	}
	header nav ul li:hover a{
		background: transparent;
	}
	header nav ul li,header nav ul {
		width: 100%;
	}
	.close_toggle{
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
	}
	header nav .contact_widget{
		margin-top: 30px;
		text-align: left;
	}
	header nav .contact_widget .social{
		margin-top: 20px;
	}
	header nav{
		position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    right: 0;
    overflow: scroll;
    padding-top: 104px;
		transform: translateY(-100%);
		padding-bottom: 40px;
		z-index: -1;
	}
	header nav.active{
		transform: translateY(0);
	}
	header nav ul li + li{
		margin-left: 0;
		margin-top: 14px;
	}
	header nav ul{
		flex-flow: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}
	header{
		width: 100%;
		position: fixed;
	}
	header .logo{
		z-index: 2;
	}
	.h_widgets{
		padding: 10px 0;
	}
	header .logo img{
		margin-bottom: 0;
		width: 134px;
	}
	.logo span{
		font-size: 13px;
	}
	.logo img{
		margin-bottom: 8px;
	}
	.copyrights{
		margin-top: 8px;
	}
	.contact_widget{
		align-items: flex-start;
	}
	.social ul{
		padding-left: 0;
	}
	footer .contact_widget{
		justify-content: flex-start;
		align-items: flex-start;
		text-align: left;
		margin-bottom: 30px;
	}
	section {
    padding: 45px 0 55px;
	}
	.columns-2{
		columns: auto;
	}
	.filters_items{
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 30px;
	}
	.description_block .description_block_content{
		width: 100%;
	}
	.capabilities_widget{
		min-height: auto;
	}
	.first_screen_items .first_screen_items__item + *{
		margin-left: 0;
		margin-top: 20px;
	}
	.first_screen_items{
		flex-flow: column;
		align-items: flex-start;
	}
	.first_screen .swiper-pagination{
		margin-bottom: 22px;
	}
	.first_screen_widget {
    margin-top: 57px;
	}
	.first_screen{
		padding: 100px 0 50px;
		background-position: center center !important;
	}
	.section-title{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.section-description{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.filters{
		overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: flex-start;
    flex-flow: inherit;
		margin-bottom: 10px;
		padding-bottom: 16px;
	}
	.contact_card a{
		padding: 16px 0;
	}
	.main-btn{
		font-size: 14px;
		padding: 14px 50px;
	}
	.capabilities_widget::before{
		background: linear-gradient(95deg, #030A18 3.22%, rgba(17, 28, 67, 0.00) 98.16%), linear-gradient(1deg, #030A18 1.14%, rgba(17, 28, 67, 0.00) 12.38%);
	}
	.capabilities_widget_title{
		font-size: 24px;
	}
	.toggle_capabilities_widget{
		bottom: 20px;
	}
	p {
    line-height: 22px;
	}
	.promo_block p{
		line-height: 32px;
	}
	.clients_widget{
		padding-top: 25px;
	}
	.description_block_images{
		position: relative;
		padding: 0 10px;
		left: auto;
		right: auto;
		margin-top: 20px;
	}
	.balance{text-align: center;margin-top: 30px;}
	.page_first_screen {
		padding: 100px 0 52px;
	}
	.page_thumbnail{
		margin-top: 30px;
		height: 330px;
	}
	.thumbnail_slider_grid img{
		height: 300px;
	}
	.calc {
		padding: 20px;
		flex-flow: column;
	}
	.table_description > div * + *{
		margin-left: 0;
		margin-top: 14px;
	}
	.section-title br{display: none;}
	.calc .calc_wrap{
		width: 100%;
		padding-right: 0;
		border-right: none;
    border-bottom: 1px solid #DCDCE6;
		padding-bottom: 20px;
	}
	header.white_bg nav{
		background: #fff;
	}
	header.white_bg nav ul li a{
		color: var(--text);
	}
	.map{
		margin-top: 30px;
	}
	.description_block_images{
		width: 100%;
	}
	.first_screen_slider .screen_slider_slide{
		padding-bottom: 568px;
	}
	.first_screen_slider .first_screen_widget .swiper-pagination{
		bottom: -20px;
	}
	.first_screen_pagination {
    top: -70%;
		z-index: 99;
}

}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	h1, .like-one{
		font-size: 42px;
	}
	.description_block{
		border: 6px solid var(--gray);
		padding: 17px 10px;
	}
	.promo_block{
		padding: 26px;
	}
	.promo_block p{
		font-size: 18px;
	}
	.first_screen_pagination{
		display: none;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.class_widget_image img {
    min-width: 158px;
    height: 158px;
	}
	.first_screen_slider .screen_slider_slide{
		min-height: 860px;
	}
	.first_screen_pagination{
		top: -62%;
		display: none;
	}
	.first_screen_slider .first_screen_widget .swiper-pagination{
		bottom: -22px;
	}
	.first_screen_slider .screen_slider_slide {
    padding-bottom: 459px;
}
	.form-group{
		flex-flow: column;
	}
	.form-group .form-row + *,.form-group label + label{
		margin-left: 0;
	}
	.summary{
		padding-top: 20px;
	}
	.summary p{
		margin-bottom: 6px;
	}
	.summary .summary_count{
		margin-bottom: 14px;
	}
	.choice_resolution{
		text-align: left;
	}
	.form-group{
		align-items: flex-start;
	}
	.form-group .form-row + *{
		margin-top: 10px;
	}
	.form-group + * {
    margin-top: 18px;
}
	.table_description > div + *{
		margin-top: 20px;
	}
	.special_card p{
		font-size: 15px;
	}
	.special_card .special_card_title{
		font-size: 18px;
	}
	.special_card .special_card_icon {
    max-width: 100px;
    height: 100px;
	}
	.clients_widget_alt{
		flex-flow: column;
		align-items: flex-start;
	}
	.clients_widget_alt .clients_widget_text{
		margin-top: 20px;
		margin-left: 0;
	}
	.first_screen .swiper-button-next, .first_screen .swiper-button-prev{
		display: none;
	}
	.description_block_images img + *{
		margin-top: 15px;
	}
	.popup .popup-dialog{
		margin: auto;
		max-width: 100%;
	}
	.popup .popup-dialog .popup-wrap{
		border-radius: 0;
		padding: 55px 26px 34px 26px;
		height: 100%;
    min-height: 100vmax;
	}
	.main-btn{
		padding: 14px 29px;
	}
	.first_screen_wrap h2{
		margin-bottom: 16px;
	}
	.first_screen_items .first_screen_items__item .first_screen_items__item__icon{
		min-width: 70px;
    height: 70px;
	}
	.first_screen_items .first_screen_items__item .first_screen_items__item__icon img{
		width: 36px;
	}
	.first_screen_items .first_screen_items__item .first_screen_items__item__text{
		font-size: 16px;
		margin-left: 14px;
	}
	.capabilities_widget_title{
		font-size: 18px;
		margin-right: 51px;
	}
	.toggle_capabilities_widget{
		width: 34px;
		height: 34px;
	}
	.contact_card p{
		font-size: 18px;
		margin-bottom: 16px;
	}
	h1, .like-one{
		font-size: 32px;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {
	.tar-lg{text-align: right;}
	header.fixed {
    padding-bottom: 54px;
}

header.fixed nav {
	position: fixed;
	width: 100%;
	top: 0;
}
aside.fixed{
	position: fixed;
	width: 100%;
	top: 54px;
}
}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}