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

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.bottom_submenu__cont {
		grid-template-columns: 1fr 3fr;
		justify-items: center;
	}

	.bottom_submenu_contact p {
		display: none;
	}

	.bottom_submenu {
		background: linear-gradient(90deg, #3871C1 28%, #000 20%);
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	.bottom_submenu {
		display: none;
	}

	.bottom_header {
		padding: 0;
	}

	.mobile_mnu_phone {
		display: block;
	}

	.main_screen__slider__item .text-overlay {
		position: relative;
		bottom: 0;
	}

	.main_screen__slider__item .text-overlay .inner {
		background-color: #efefef;
	}

	i.fa.slick-arrow {
		top: 40%;
	}

	.main_screen__slider__bg {
		height: auto;
	}

	.main_screen {
		height: auto;
	}

	.chess_board__text {
		padding: initial;
	}

	.footer__cont {
		grid-template-columns: 1fr;
	}

	.footer__item_tips__cont {
		justify-content: center;
		gap: 10px;
	}

	.single_portfolio_text__title {
		padding-top: 100px;
	}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.main_screen {
		margin-top: 95px;
	}

	i.fa.slick-arrow {
		top: 28%;
		font-size: 40px;
	}

	i.fa.fa-angle-right.slick-arrow {
		padding-left: 22px;
	}

	i.fa.fa-angle-left.slick-arrow {
		padding-left: 24px;
	}

	.magnific-img {
		width: 45.3%;
	}

	.chess_board__cont {
		display: flex;
		flex-direction: column;
	}

	.chess_board__image img {
		max-width: 85%;
	}

	.chess_board__image {
		text-align: center;
		background-color: #f7f7f7;
		padding-top: 14px;
	}

	.home_page_board {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.chess_board__cont:nth-child(2n) {
		flex-direction: column-reverse;
	}

	.chess_board__text {
		padding-top: 40px;
		padding-left: 64px;
		padding-right: 65px;
	}

	.featured-projects {
		grid-template-columns: 1fr 1fr;
	}

	.portfolio-thumb:last-child {
		display: none;
	}

	.overlay {
		opacity: 1;
		height: 90px;
		top: auto;
	}

	.text {
		top: auto;
		bottom: 20px;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.portfolio-thumb .text button {
		display: none;
	}

	.featured-projects h3,
	.project-hover-info h2 {
		font-size: 20px;
	}

	.portfolio h2 {
		text-align: left;
		margin-left: 20px;
	}

	.statr_work_line h2 {
		font-size: 24px;
	}

	.start_work_line__cont a {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.main_screen {
		/* height: calc(100vh - 82px); */
		margin-top: 72px;
	}

	.main_screen__slider__bg {
		/* height: calc(100vh - 82px); */
	}

	.main_screen__slider__item__info h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.main_screen__slider__item__info__list {
		font-size: 14px;
		line-height: 36px;
	}

	.main_screen__slider__item__info__list:after {
		width: 60px;
		height: 1px;
	}

	.main_screen__slider__item__info__btn {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 0;
	}

	.main_screen__slider__item__info {
		padding-bottom: 140px;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.mobile_mnu_phone {
		margin-top: 25px;
	}

	.text-overlay .inner h3 {
		font-size: 15px;
		line-height: 1.4;
	}

	.text-overlay .inner h2 {
		font-size: 24px;
	}

	.header-button {
		font-size: 14px;
	}

	.header-button i {
		font-size: 20px;
		top: 1px;
	}

	.text-overlay .inner {
		padding: 22px 10px 20px 10px;
	}

	#callnowbutton {
		display: block;
		position: fixed;
		right: 20px;
		bottom: 15px;
		width: 55px;
		height: 55px;
		border-radius: 50%;
		box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
		background-image: url(../images/icons/phone_icon.png);
		background-color: #3871C1;
		background-position: center;
		background-size: 35px 35px;
		background-repeat: no-repeat;
	}

	.featured-projects {
		padding-left: 15px;
		padding-right: 15px;
	}

	.view-portfolio {
		padding-left: 10px;
		font-size: 12px;
	}

	.view-portfolio i:before {
		top: 6px;
	}

	.featured-projects h3,
	.project-hover-info h2 {
		font-size: 16px;
	}

	.about_us__home {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.start_work_line__cont {
		flex-direction: column;
	}

	.footer_info__banner {
		min-height: 180px;
	}

	.footer_info__banner .footer_info__banner_cont p {
		font-size: 28px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.archive_trades .service_area__cont {
		grid-template-columns: 1fr 1fr;
	}

	.label_container {
		flex-direction: column;
		align-items: flex-start;
	}

	.custom_input {
		/* width: 90%; */
	}

	.default_submit-btn_cont {
		text-align: center;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	i.fa.fa-angle-right.slick-arrow {
		top: calc(50% - 120px);
		font-size: 28px;
		padding: 10px;
		width: 40px;
		text-indent: 6px;
	}

	i.fa.fa-angle-left.slick-arrow {
		top: calc(50% - 120px);
		font-size: 28px;
		padding: 10px;
		width: 40px;
		text-indent: 3px;
	}

	.single_portfolio_text__title h2{
		font-size: 34px;
		margin-top: 0;
	}

	.magnific-img {
		width: 85.3%;
	}

	.contact_us_board .chess_board__image {
		padding: 20px 20px;
	}

	.footer_info__banner .footer_info__banner_cont p {
		font-size: 22px;
		line-height: 38px;
	}

	.archive_trades .service_area__cont {
		grid-template-columns: 1fr;
	}

	.archive_trades {
		padding-top: 50px;
	}

	.archive_trades .service_area__cont .service_area__item a {
		font-size: 18px;
	}

	.single_dext__descr p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.main_screen__single-bg {
		margin-top: 71px;
	}

	.chess_board__text h2 {
		font-size: 35px;
	}

	.chess_board__text h3 {
		font-size: 22px;
	}

	.chess_board__text ul {
		font-size: 15px;
	}

	.chess_board__text p {
		font-size: 15px;
	}

	.chess_board__image img {
		max-width: 100%;
	}

	.chess_board__text {
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.chess_board__text h2 {
		margin: 0;
	}

	.chess_board__text h3 {
		margin-bottom: 0;
	}

	.chess_board__text p {
		margin-bottom: 0;
	}

	.button-style-1 {
		padding: 6px 20px;
		min-width: auto;
	}

	.chess_board__text ul {
		margin-bottom: 0;
	}

	.portfolio h2 {
		font-size: 35px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 80px;
	}

	.view-portfolio {
		left: 50%;
		width: 80%;
		transform: translateX(-50%);
		background-color: #3871C1;
		color: #fff;
	}

	.featured-projects {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}

	.portfolio h2 {
		margin-left: 0;
	}

	.service_area h2 {
		margin: 20px;
		font-size: 35px;
	}

	.service_area {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.statr_work_line h2 {
		display: none;
	}
}


/* === 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) {}

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

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