/**
 * ================================ HEADLING + SECTION ===================================
 */

@media screen and (max-width:700px) {
	.section-padding {
		padding-bottom:0;
	}
}

/**
 * ================================ MAIN-CAROUSEL ===================================
 */

@media screen and (max-width:700px) {
	.main-carousel-title {
		bottom:10px;
	}

	.sushkow-overlay {
		width:80%;
	}	
}

@media screen and (max-width:400px) {
	.main-carousel-title {
		margin:0 auto;
		bottom:10px;
	}
	
	.main-carousel-title p.link a {
		font-size:13px;
	}
}

/**
 * ================================ X-HEADER ===================================
 */

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

	.x-header-phone {
		width:300px;
		font-size:16px;
	}
	
	.x-header-buttons {
		width:300px;
	}
}

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

	.x-header-middle
	{
		font-size:25px;
	}

	.x-header-phone {
		width:190px;
	}

	.x-header-buttons {
		width:190px;
		text-align:right;
	}

	.x-header-buttons a:hover img {
		transform: scale(1);
	}
	
	
	.contact-shape-overlay {
		width:170px;
	}

	.contact-cube {
		width:170px;
		margin-right: 0px;
	}	
}

@media screen and (max-width:700px) {
	.x-header-phone {
		width:90px;
	}

	.x-header-buttons {
		width:90px;
	}
}

@media screen and (max-width:500px) {
   
	.x-header-middle {
		font-size:20px;
	}
	 
}

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

	.x-header-middle {
		font-size:22px;
	}
	
	.x-header-phone {
		width:50px;
	}
	
	.x-header-buttons {
		width:50px;
		padding-right:0;
	}
	
	.x-header-button-big {
		display:none;
	}
	
	.x-header-button-mini {
		display:inline-block;
		margin-right:4px;
	}	
	
}

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

	.x-header-middle {
		font-size:20px;
	}
	
}


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

	.x-header-middle {
		font-size:16px;
	}
	
}

/**
 * ================================ BLOCK ITEM [PORTFOLIO / PROJECTS] ================================
 */

@media screen and (max-width:1130px) {
	.block-item {
		width:33.3%;
	}
}

@media screen and (max-width:850px) {
	.block-item {
		width:50%;
	}
	
	.block-item .block-item-text .block-item-text-add {
		display:block;
	}
	
	.block-item .block-item-text {
		height:62px;
		bottom:0;
		padding-top:0px;
	}
	
	.block-item:hover .block-item-text {
		height:124px;	
	}

	.container-3 .block-item .block-item-text .block-item-text-add {
		display:none;
	}

}

@media screen and (max-width:560px) {
	.block-item {
		width:100%;
		border-bottom:1px solid #000;
	}
	
	.block-item:hover .block-item-text {
		height:62px;	
	}
}

@media screen and (max-height:400px) {
	.block-item {
		height:100%;
	}
}

/**
 * ================================ BLOCK FRONT [PORTFOLIO / PROJECTS] ================================
 */

 
@media screen and (max-width:1130px) {
	.blockfront-item {
		width:33.3%;
	}
}

@media screen and (max-width:1000px) {
	.blockfront-container {
		padding:0 0 0 0;
	}
	
	.section-ext-1 .blockfront-container {
		padding:0;	
	}
}

@media screen and (max-width:850px) {
	.blockfront-item {
		width:50%;
	}

	.blockfront-item-text-mobile {
		display:table;
	}
	
	.blockfront-item-text {
		display:none;
	}
}

@media screen and (max-width:560px) {
	.blockfront-item {
		width:100%;
		border-bottom:1px solid #000;
	}
}

@media screen and (max-width:400px) {
	.blockfront-container {
		padding:0 0 0 0;
	}
}

@media screen and (max-height:400px) {
	.blockfront-item {
		height:100%;
	}
}


/**
 * ================================ CONTACTS ================================
 */

@media screen and (max-width:950px) {
	.contacts-container {
		width:90%;
		margin-left:-45%;
	}
}

/** 
 ---- IDENTITY ----
 */

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

/*
	.contacts-container {
		height:350px;
		margin-top:-125px;
	}
*/

	.contacts-container {
		height:95%;
	}

	.contacts-row-infotext {
		height:10%;
	}
	
	.contacts-item.contacts-social {
		display:none;
	}

	.contacts-infotext {
		display:none;
	}
	
	.contacts-infotext-mobile {
		display:block;
	}

	div.section.section-contacts {
		background:#FCFCFC;
	}
	
	.contacts-dynamic {
		display:none;
	}
	
	.contacts-email {

		margin:10px auto 10px auto;
		font-size:26px;
	}
	
	.contacts-email img {
		left:0;
		margin:5px 0 0 0px;
	}
	
	.contacts-phone {

		margin:10px auto 10px auto;
		font-size:26px;
	}
	
	.contacts-phone i {
		margin:0;
	}
	
	.contacts-phone img {
		left:0;
		margin:5px 0 0 -4px;
	}
}

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

	.contacts-social {
		display:block;
		position:relative;
		text-align:center;
		width:100%;
		margin:5px auto 5px auto;
	}
	
	.contacts-social img {
		border:2px solid #000;
		border-radius:3px;
	}

	.contacts-form input[type="submit"] {
		margin:0;
	}
}

@media screen and (max-width:359px) {
	.contacts-infotext {
		display:none;
	}
}





/**
 * ================================ ABOUT ================================
 */
 
@media screen and (max-width:2100px) {

	.table-about-column {
		padding-left:360px;
	}

}

@media screen and (max-width:1280px) {
	.table-about-column {
		padding-left:10px;
		background:none;
	}
	
}

@media screen and (max-width:767px) {
	.section-about {
		padding-bottom:0;
	}

	.container-about {
		display:none;
	}

	.mobile-container-about {
		display:block;
        width: 100%;
        height: 100%;
	}
	
	/* 27/12/2016 customs */

	.section-white .section-about .headling { 
  	text-shadow:-1px -1px 2px rgba(255,255,255,0.8),
  					1px 1px 2px rgba(255,255,255,0.8),
  					-1px 1px 2px rgba(255,255,255,0.8),
  					1px -1px 2px rgba(255,255,255,0.8);
	}
}


@media screen and (max-width:400px) {
	.about-container-text {
		margin-top:0;
	}
	
	.section-about .headling {
		position:absolute;
		margin:5px 0 5px 0;
	}
	
	.mobile-container-about {
		padding-top:0px;
	}
}

/**
 * =========================== SPECIAL ITEM [Специализация + Преимущества] ===========================
 */

@media screen and (max-width:1150px) {
	.container-special {
		width:90%;
		height:300px;
		margin-top:-250px;
	}
	.container-special svg {
		display:none;
	}
	
	.special-item-title {
		height:auto;
	}

	.prem-dynamic {
		display:none;
	}
	
	.special-dynamic {
		display:none;
	}
}

/* --- tablet special -- */

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

	.container-special {
		display:none;
	}
	
	.tablet-container-special {
		display:block;
	}

	.special-item-icon {
		width:150px;
		height:150px;
		border-radius:150px;
	}
	
	.special-item-title {
		font-size:15px;
	}

}

@media screen and (max-width:800px) {
	.tablet-container-special-item {
		width:55%;
	}
}


/* --- mobile special -- */

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

	.tablet-container-special {
		display:none;
	}

	.special-item-text-short {
		display:none;
	}

	.mobile-container-special,
	.mobile-container-price {
		display:table;
		width:auto;
		margin:0 auto;
		z-index:5;
	}
	
	.mobile-container-price {
		width:70%;
	}
	
	.mobile-special-cell,
	.mobile-price-cell {
		padding:10px;
	}
}

@media screen and (max-width:500px) {
	.mobile-special-cell,
	.mobile-price-cell {
		padding:3px;
	}
	
	.mobile-container-price {
		width:auto;
	}
	
}

/**
 * =========================== PUBLICATIONS ===========================
 */

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

	.publication-effect-t {
		bottom:7%;
	}

	.publication-effect-b {
		bottom:-7%;
	}
	
}

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

	.publication-content {
		width:90%;
		margin-left:-45%;
	}

}

@media screen and (max-width:500px) {
	.publication-content {
		height:auto;
		top:0;
		margin-top:70px;
	}
	
	.publication-content .sushkow-button {
		display:none;
	}
	
	.publication-container {
		display:none;
	}
	
	.mobile-publication-container {
		display:block;
	}
}

/**
 * =========================== PRICE ===========================
 */

@media screen and (max-width:1024px) {
	.price-item-icon {
		width:150px;
		height:150px;
		border-radius:150px;
		padding-top:100px;
	}
	
	.dynamic-price {
		display:none;
	}
	
	.content-price {
		width:98%;
		margin:0 0 0 -49%;
		font-size:15px;
	}
	
	.container-price {
		width:98%;
		height:auto;
		margin:0 0 0 -49%;
	}
	
	.price-item {
		width:33%;
		height:auto;
		box-sizing:border-box;
		margin:0;
	}
	
	.price-item-title {
		height:auto;
		font-size:15px;
	}
	
	.price-item-title > .text {
		
	}
	
	.dynamic-price-mobile { /* 28/12/2016 */
		display:block;
	}	
}

@media screen and (max-width:800px) {
	.dynamic-price-mobile-item {
		width:65%;
	}
}

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

	.desktop-container-price {
		display:none;
	}

	.mobile-container-price {
		display:table;
	}
	
	.dynamic-price-mobile-item {
		width:75%;
	}

}

/**
 * ================================ PUBLICATION LIST ===================================
 */

 
@media screen and (max-width:2560px) {
	.publication-list-item {
		width:12.5%;
	}
}

@media screen and (max-width:2270px) {
	.publication-list-item {
		width:14.25%;
	}
}

@media screen and (max-width:1990px) {
	.publication-list-item {
		width:16.66%;
	}
}

@media screen and (max-width:1700px) {
	.publication-list-item {
		width:20%;
	}
}

@media screen and (max-width:1420px) {
	.publication-list-item {
		width:25%;
	}
}

@media screen and (max-width:1132px) {
	.publication-list-item {
		width:33.33%;
	}
}

@media screen and (max-width:850px) {
	.publication-list-item {
		width:49.9%;
	}
}

@media screen and (max-width:560px) {
	.publication-list-item {
		width:100%;
	}
}


/**
 * ================================ PUBLICATION INNER ITEM ===================================
 */

@media screen and (max-width:1600px) {
	div.sop1 {
		width:60%;
		margin-left:-30%;
	}

	.sop2 h3 {
		font-size:26px;
	}
}


@media screen and (max-width:1100px) {
	div.sop1 {
		width:80%;
		margin-left:-40%;
	}

	.sop2 h3 {
		font-size:24px;
	}
}

/**
 * ================================ COMMON 1900 PX ===================================
 */

 

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

	.headling {
		margin:30px 0 30px 0;
	}
	
	.headling > span {
		font-size:39px;
	}

	.publication-item-header {
		height:115px;
		line-height:115px;
	}

	.publication-item-footer {
		height:115px;
	}
	
	.inner-list-headling {
		height:115px;
		line-height:115px;
		font-size:39px;
	}
	
	.front-list-headling {
		height:115px;
	}
	
	.front-list-imagebox {
		padding-top:115px;
	}
}

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

	.sushkobutton {
		transition:none;
	}

	.headling {
		margin:10px 0 10px 0;
	}
	
	.headling > span {
		padding:0 9px 0 9px;
		font-size:30px;
	}
	
	.publication-item-header {
		height:60px;
		line-height:60px;
	}

	.publication-item-footer {
		height:60px;
		bottom:0;
	}
	
	.publication-item-text-container {
		padding-bottom:60px;
	}
	
	.inner-list-headling {
		font-size:30px;
		height:60px;
		line-height:60px;
	}
	
	.front-list-headling {
		height:60px;
	}
	
	.front-list-imagebox {
		padding-top:60px;
	}
}

@media screen and (max-width:370px) {
	.headling > span {
		padding:0 9px 0 9px;
		font-size:24px;
	}
	
	.inner-list-headling {
		font-size:24px;
		height:50px;
		line-height:50px;
	}
	
	.front-list-headling {
		height:50px;
	}
	
	.front-list-imagebox {
		padding-top:50px;
	}
	
	.sushkobutton {
		
	}
}

/**
 * ================================ COMMON 700 PX ===================================
 */

@media screen and (max-width:700px) {
	.fotorama__nav-wrap {
		display:none;
	}
	
	body {
		font-size:17px;
	}
	
	.headling > span,
	.headling > span > strong
	{
		font-weight:bold !important;
	}
	
	.inner-list-headling {
		font-weight:bold;
	}
}

/**
 * ================================ COMMON 640 PX ===================================
 */

@media screen and (max-width:700px) {
	.link-to-publications {
		display:none;
	}
}

/**
 * ================================ COMMON 500 PX ===================================
 */

@media screen and (max-width:500px) {
	body {
		font-size:16px;
	}
	
	.headling > span {
		font-size:22px;
	}
	
	.inner-list-headling {
		font-size:22px;
		height:70px;
		line-height:70px;
	}
	
	.front-list-headling {
		height:50px;
	}
	
	.front-list-imagebox {
		padding-top:50px;
	}

	.mobile-price-icon,
	.mobile-special-icon {
		width:100px;
		height:100px;
		border-radius:100px;
	}
	
	.publication-content {
		background:none;
	}
	
	.section-specialization {
		background-image:none;
	}
}

/**
 * ================================ COMMON 400 PX ===================================
 */

@media screen and (max-width:400px) {
	body {
		font-size:14px;
	}
	
	.inner-list-headling {
		font-size:20px;
	}
	
	.mobile-container-about-1 {
		margin-top:0px;
	}
}
 
 
@media screen and (max-width:370px) {

	.headling > span {
		padding:0 6px 0 6px;
		font-size:20px;
	}

}

/**
 * ================================ ETC ===================================
 */

@media screen and (max-width:320px) {
	.modern-circle-title-mobile {	
		font-size:20px;
		line-height:100%;
	}
	
	.modern-circle-text-mobile {
		line-height:100%;
	}
}