@media (min-width: 992px) and (max-width: 1199.98px) {
	.container {
		width: 950px;
	}
	.head-right {
		display: none;
	}
	.offer-item {
		min-height: 850px;
	}
	.recomended-item {
		min-height: 390px;
	}
	.work-info {
		width: 40%;
	}

	/* MODAL */

	.modal-close {
		right: -40%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.container {
		width: 720px;
	}
	.main-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.logo {
		position: absolute;
		top: 150px;
		left: 300px;
	}
	.head-left {
		width: 100%;
	}
	.head-left h1 {
		padding-top: 50px;
	}
	.head-right {
		display: none;
	}
	.services-box {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.services-item {
		width: 47%;
	}
	.services-item:nth-child(-n+2) {
		margin-bottom: 40px;
	}
	.spec-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.spec-item {
		width: 100%;
		margin-bottom: 50px;
	}
	.spec-item:last-child {
		margin-bottom: 0px;
	}
	.offer-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.offer-item {
		width: 90%;
		min-height: 650px;
		margin-bottom: 80px;
	}
	.offer-item:last-child {
		margin-bottom: 0px;
	}
	.standart-store {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		    -ms-flex-order: -1;
		        order: -1;
	}
	.base-store {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.marketplace {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.work-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 100%;
	}
	.work-item img {
		margin-bottom: 50px;
	}
	.work-info {
		width: 90%;
		padding-left: 15%;
	}
	.work-info-center {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.work-img-center {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.who-logo {
		left: 20px;
	}
	.who-elipse {
		right: 100px;
		bottom: -130px;
	}
	.look-left {
		width: 90%;
	}
	.look-right {
		display: none;
	}
	.copy {
		padding-left: 200px;
	}

	/* E-COMMERCE */

	.comm_offer-box {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.comm_offer-item {
		width: 90%;
	}
	.comm_offer-elipse {
		top: -50px;
		width: 100px;
		height: 100px;
		border-width: 15px;
	}

	/* CONTACTS */

	.map {
		margin-bottom: 50px;
	}

	/* MODAL */

	.modal-close {
		right: -20%;
	}
}
@media(max-width: 991px){
	.recomended-item {
		min-height: auto !important;
	}
	.recomended-item .offer-btn,
	.recomended-item .offer-item-link{
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.container {
		width: 520px;
	}
	.main-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.logo {
		position: absolute;
		top: 150px;
		left: 200px;
	}
	.head-left {
		width: 100%;
	}
	.head-left h1 {
		padding-top: 50px;
	}
	.head-right {
		display: none;
	}
	.services-box {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.services-item {
		width: 47%;
	}
	.services-item:nth-child(-n+2) {
		margin-bottom: 40px;
	}
	.spec-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.spec-item {
		width: 100%;
		margin-bottom: 50px;
	}
	.spec-item:last-child {
		margin-bottom: 0px;
	}
	.offer-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.offer-item {
		width: 90%;
		min-height: 700px;
		margin-bottom: 80px;
	}
	.offer-item:last-child {
		margin-bottom: 0px;
	}
	.standart-store {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		    -ms-flex-order: -1;
		        order: -1;
	}
	.base-store {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.marketplace {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.work-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 90%;
	}
	.work-item img {
		margin-bottom: 50px;
	}
	.work-info {
		width: 90%;
	}
	.work-info-center {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.work-img-center {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.who-logo {
		left: 20px;
	}
	.who-elipse {
		right: 100px;
		bottom: -130px;
	}
	.look-left {
		width: 90%;
	}
	.look-right {
		display: none;
	}
	.copy {
		padding-left: 200px;
	}

	/* E-COMMERCE */

	.comm_offer-box {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.comm_offer-item {
		width: 90%;
	}
	.comm_offer-elipse {
		top: -50px;
		width: 100px;
		height: 100px;
		border-width: 15px;
	}

	/* CONTACTS */

	.map {
		margin-bottom: 50px;
	}

	/* MODAL */

	.modal-close {
		right: -40%;
	}
}

@media (max-width: 567.98px) {
	.container {
		width: 90%;
	}
	.header {
		background: url(../img/nav_bg.png) no-repeat center top;
	}
	.main-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.logo {
		position: absolute;
		top: 150px;
		left: 50px;
	}
	.menu {
		width: 110%;
		background: none;
	}
	.menu-item {
		margin-right: 25px;
	}
	.head-left {
		width: 100%;
	}
	.head-left h1 {
		line-height: 55px;
		font-size: 45px;
		padding-top: 50px;
	}
	.head-text {
		width: 100%;
	}
	.head-elipse {
		right: 40px;
		bottom: -160px;
	}
	.head-right {
		display: none;
	}
	.services-box {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.services-item {
		width: 90%;
	}
	.services-item:nth-child(-n+3) {
		margin-bottom: 40px;
	}
	.spec-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.spec-item {
		width: 100%;
		margin-bottom: 50px;
	}
	.spec-item:last-child {
		margin-bottom: 0px;
	}
	.offer-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.offer-item {
		width: 90%;
		min-height: 950px;
		margin-bottom: 80px;
	}
	.offer-item:last-child {
		margin-bottom: 0px;
	}
	.standart-store {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		    -ms-flex-order: -1;
		        order: -1;
	}
	.base-store {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.marketplace {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.offer-elipse {
		width: 90px;
		height: 90px;
	}
	.offer-btn {
		width: 90%;
	}
	.works-box {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.work-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 90%;
	}
	.work-item img {
		width: 100%;
		height: 100%;
		margin-bottom: 50px;
	}
	.work-info {
		width: 90%;
	}
	.work-info-center {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.work-img-center {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.who {
		padding-top: 80px;
	}
	.who-logo {
		top: 150px;
		left: 20px;
	}
	.who-elipse {
		right: 10px;
		bottom: -150px;
	}
	.who-bg {
		width: 100%;
		height: 100%;
	}
	.team-box {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.team-item:nth-child(-n+11) {
		margin-bottom: 40px;
	}
	.look {
		padding-top: 100px;
	}
	.look-left {
		width: 90%;
	}
	.look-right {
		display: none;
	}
	.footer-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		position: relative;
	}
	.footer-logo {
		position: absolute;
		top: -90px;
		left: 35px;
	}
	.copy {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
		padding-left: 0px;
		padding-top: 20px;
	}
	.social {
		padding-top: 20px;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}

	/* E-COMMERCE */

	.comm_offer-box {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.comm_offer-item {
		width: 90%;
	}
	.comm_offer-elipse {
		top: -35px;
		left: -7%;
		width: 70px;
		height: 70px;
		border-width: 10px;
	}
	.comm_offer-item_title {
		font-size: 30px;
	}
	.list_item-title {
		line-height: 29px;
		font-size: 18px;
	}
	.list_item-text {
		font-size: 14px;
	}

	/* PORTFOLIO */

	.port-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.port-title {
    	padding-bottom: 20px;
	}
	.port-list-item a {
		font-size: 15px;
	}

	/* CONTACTS */

	.cont-box {
		padding-top: 50px;
	}
	.map {
		width: 90%;
		height: 90%;
		margin-bottom: 50px;
	}
	.cont-info-link {
		padding-top: 20px;
	}
	.cont-info-link a {
		line-height: 35px;
		font-size: 25px;
	}

	/* MODAL */

	.modal-close {
		right: 0;
	}
	.modal-body {
		width: 100%;
	}
	.modal-form input {
		width: 90%;
	}
	.modal-btn {
		width: 200px;
	}
}