/*-----------------------------------
//   Mobile style
//-----------------------------------*/


@media only screen and (max-width: 1230px) {
	/* .section-title h2 {
	    font-size: 3.25rem;
	} */
	.section-communication .list .item {
	    width: 50%;
	    margin-bottom: 50px;
	}
	.section-communication .text-block .left {
	    padding-right: 50px;
	}
	.section-about-developer .projects .list .item .inner h4 {
	    font-size: 18px;
	    margin-bottom: 20px;
	}
	.section-construction-progress .list .item .inner .text h4 {
	    font-size: 18px;
	}
	.section-callback .wrap .common-form h4 {
	    font-size: 20px;
	}
	.section-callback .wrap .contact-info .item .text h4 {
	    font-size: 20px;
	}
	.header .mobile-menu nav.top-menu ul li {
	    margin-bottom: 50px;
	    text-align: center;
	}
	.header .mobile-menu nav.top-menu ul li a {
	    font-size: 20px;
	}
}

@media only screen and (max-width: 992px) {
	.section-intro .wrap .list .item {
	    padding: 0 20px;
	}
	.section-intro .wrap .list .item .inner .icon {
	    width: 40px;
	    height: 40px;
	    margin: 0 0 30px 0px;
	}
	.section-infrastructure .text-block .left {
	    padding-right: 50px;
	}
	.section-infrastructure .list .item {
	    width: 50%;
	}
	.section-locations .text-block .left {
	    padding-right: 70px;
	}
	.section-locations .text-block .left p {
	    font-size: 18px;
	}
	.section-locations .text-block .right .item {
	    width: 100%;
	    padding-right: 0;
	    margin-bottom: 30px;
	}

	.section-about-developer .section-title .title-wrap {
	    flex-direction: column;
	}
	.section-about-developer .projects .list {
	    flex-wrap: wrap;
	}
	.section-about-developer .projects .list .item {
	    width: 100%;
	    padding: 15px;
	}
	/* .section-title h2 {
	    font-size: 48px;
	} */
	.section-construction-progress .list .item {
	    width: 50%;
	}
	.section-construction-progress .bottom-block .instagram p {
	    font-size: 18px;
	}
	.section-construction-progress .bottom-block .load-more p {
		font-size: 18px;
	}
	.section-callback .wrap {
	    flex-direction: column;
	}
	.section-callback .wrap .common-form {
	    width: 80%;
	}
	.section-callback .wrap .contact-info {
	    width: 100%;
	    margin-top: 50px;
	    padding-left: 0;
	}
	.section-callback .wrap .contact-info h3 {
		text-align: center;
	}
	.section-callback .wrap .contact-info .item {
	    padding-left: 15%;
	    padding-right: 15px;
	}
	.section-contacts .wrap {
	    flex-direction: column;
	}
	.section-contacts .wrap .contacts-list {
	    width: 100%;
	    padding-right: 0;
	    margin-bottom: 50px;
	}
	.section-contacts .wrap .contacts-list .list {
	    display: flex;
	    flex-wrap: wrap;
	}
	.section-contacts .wrap .contacts-list .list .item {
	    margin-bottom: 50px;
	    width: 50%;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.section-contacts .wrap .map {
	    width: 100%;
	}
	.section-stages-development .stages-list {
	    flex-wrap: wrap;
	}

	.section-stages-development .stages-list .list {
	    width: 50%;
	    padding-right: 30px;
	    padding-top: 40px;
	    padding-bottom: 40px;
	    border-bottom: 1px solid #112219;
	}
	.section-stages-development .stages-list .list:nth-child(3) {
		border-bottom: 0;
		padding-bottom: 0;
	} 
	.section-image-slider .inner .text .list .item {
	    width: 50%;
	}
	.site-dev {
	    padding-top: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.section-intro .wrap .list {
		display: none;
	}
	.section-infrastructure .text-block .left {
	    padding-right: 0;
	}
	.section-infrastructure .text-block {
	    flex-direction: column;
	}
	.section-infrastructure .text-block .left {
	    width: 100%;
	    margin-bottom: 50px;
	}
	.section-infrastructure .text-block .right {
	    width: 100%;
	    padding-left: 0;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.section-locations .text-block {
		flex-direction: column;
	}
	.section-locations .text-block .left {
	    padding-right: 0;
	    width: 100%;
	    margin-bottom: 50px;
	}
	.section-locations .text-block .right {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	}
	.section-locations .text-block .right .item {
	    width: 50%;
	}
	.section-communication .text-block .left {
	    padding-right: 0;
	    width: 100%;
	    margin-bottom: 50px;
	}
	.section-communication .text-block {
		flex-direction: column;
	}
	.section-communication .text-block .right {
	    width: 100%;
	    padding-left: 0;
	}
	/* .section-title h2 {
	    font-size: 40px;
		line-height: 1.3;
	} */
	.section-construction-progress .list .item {
	    width: 100%;
	}
	.section-construction-progress .bottom-block {
	    flex-direction: column;
	}
	.section-construction-progress .bottom-block .load-more {
		margin-bottom: 30px;
	}
	.section-callback .wrap .common-form {
	    width: 100%;
	}
	.section-callback .wrap .contact-info .item {
	    padding-left: 10%;
	    padding-right: 10px;
	}
	/* .site-dev {
		display: none;
	} */

	.modal .modal-dialog .modal-content .modal-title h2 {
		font-size: 42px;
	}
	.section-stages-development .stages-list .list {
	    width: 100%;
	    padding-right: 0;
	}
}


@media only screen and (max-width: 575px) {
    
    /* .section-title h2 {
        font-size: 36px;
        line-height: 1.25;
    } */
}

@media only screen and (max-width: 556px) {
	.section-intro .wrap .title h4 {
	    font-size: 1rem;
	}
	.section-intro .wrap .subtitle {
		font-size: 1rem;
	}
	.section-infrastructure .list .item {
		width: 100%;
	}
	.section-locations .text-block .right .item {
		width: 100%;
	}
	.section-contacts .wrap .contacts-list .list .item {
		width: 100%;
	}
	.modal#modalInfo .modal-content {
	    padding: 80px 30px 30px 30px;
	}
	.modal#modalInfo .modal-content .common-form .form-group-set {
	    flex-direction: column;
	}
	.modal#modalInfo .modal-content .common-form .form-group-set .form-group {
		width: 100%;
		margin-bottom: 30px;
	}
	.modal#modalInfo .modal-content .common-form .form-group-set .submit {
		width: 100%;
	}
	.section-infrastructure .text-block .right {
	    flex-direction: column;
	}
	.section-communication .list .item {
	    width: 100%;
	}
	.section-genplan .bottom-navigation .area-statuses {
	    align-items: baseline;
	    flex-direction: column;
	}
	.section-genplan .bottom-navigation .area-statuses .item {
	    margin-bottom: 20px;
	}
	.section-genplan .bottom-navigation {
	    padding: 0 0 20px 0;
	}
	.modal .modal-dialog .modal-content {
	    padding: 80px 40px 50px 40px;
	}
	.modal .modal-dialog .modal-content .modal-title h2 {
	    font-size: 35px;
	    line-height: 1;
	}

	.section-callback .wrap .common-form {
	    padding: 50px 40px;
	}
	.footer .wrap {
	    flex-direction: column;
	}
	.footer .copyright {
		margin-bottom: 30px;
	}
	.section-image-slider .inner .text .list .item {
	    width: 100%;
	}
	.section-communication .list .item .inner h4, .section-communication .list .item .inner .h4 {
	    text-align: center;
	}
	.section-communication .list .item .inner p {
	    text-align: center;
	}
	.section-communication .list .item .inner .icon {
	    margin: auto;
	    margin-bottom: 30px;
	}
	.section-callback .section-title h2, .section-callback .section-title .h2{
		font-size: 25px;
	}
}
@media only screen and (max-width: 480px) {
	.section-callback .wrap .contact-info .item .image img {
	    width: 80px;
	    height: 80px;
	}
}
@media only screen and (max-width: 420px) {
	.section-intro .bg {
	    height: 100%;
	    overflow: hidden;
	}
	.section-intro .wrap .title h1, .section-intro .wrap .title .h1 {
	    font-size: 28px;
	}
	/* .section-intro .wrap {
	    padding: 140px 0 30px 0;
	} */
	.section-intro .wrap .title h4 {
	    font-size: 16px;
	    letter-spacing: 2.5px;
	    line-height: 20px;
	}
	.section-intro .wrap .subtitle {
	    font-size: 16px;
	    letter-spacing: 2.5px;
	    line-height: 20px;
	}
	.section-intro .wrap .subtitle:before {
	    margin-right: 20px;
	}

	.modal .modal-dialog .modal-content .modal-title h2 {
	    font-size: 30px;
	    line-height: 1;
	}
}

@media only screen and (max-width: 380px) {
	
	.section-title p {
	    font-size: 64px;
	    line-height: 0.7em;
	}
	.modal#modalInfo .modal-content .content-inner .text h2 {
	    font-size: 20px;
	    line-height: 1.5;
	    margin-bottom: 20px;
	}
	.modal#modalInfo .modal-content .content-inner .text p {
	    font-size: 16px;
	    line-height: 1.85;
	}
	.section-callback .wrap .contact-info {
		display: none;
	}
	.section-callback .wrap .common-form {
	    padding: 50px 20px;
	}
	.btn, .button {
	    font-size: 14px;
	}
	.section-about-developer .section-title .title-wrap .img img {
	    width: 100%;
	}
	form.common-form .submit, form.comment-form .submit {
	    font-size: 14px;
	}
	.section-contacts .wrap .map {
		display: none;
	}
	.modal .modal-dialog .modal-content .modal-title h2 {
	    font-size: 26px;
	    line-height: 1;
	}
	.modal .modal-dialog .modal-content {
	    padding: 80px 20px 50px 20px;
	}

}
@media only screen and (max-width: 340px) {
	.section-infrastructure .text-block .left p {
	    font-size: 16px;
	    line-height: 1.875rem;
	}
	/* .section-title h2 {
	    font-size: 28px;
	} */
	.modal#modalInfo .modal-content {
	    padding: 80px 20px 30px 20px;
	}
	.section-locations .text-block .left p {
	    font-size: 16px;
	}
	.section-communication .text-block .left p {
		font-size: 16px;
	}
	.section-communication .list .item .inner p {
		font-size: 16px;
	}
	.section-about-developer .subtitle p {
	    font-size: 16px;
	    line-height: 1.875rem;
	}
	.section-about-developer .projects .list .item .inner .link span {
	    font-size: 16px;
	}
	.section-about-developer .projects .list .item .inner h4 {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.section-about-developer .projects .list .item .inner .link i {
	    width: 22px;
	    height: 11px;
	    background-size: 22px;
	}
	.section-callback .wrap .common-form h4 {
	    font-size: 18px;
	}
	/* .section-title h2 {
	    font-size: 24px;
	} */
	.section-construction-progress .bottom-block .instagram p {
	    font-size: 16px;
	}
	.section-construction-progress .bottom-block .instagram i {
	    width: 48px;
	    height: 48px;
	    margin-left: 10px;
	    border-radius: 48px;
	    background-size: 18px;
	}
	.section-callback .subtitle p {
	    font-size: 16px;
	}
	.section-callback .wrap .common-form {
	    padding: 50px 0;
	    background-color: transparent;
	}
	.section-contacts .wrap .contacts-list .list .item .text h4 {
	    font-size: 16px;
	}
	.section-contacts .wrap .contacts-list .list .item .text p {
	    font-size: 16px;
	}

}