/**
 * Общие стили для мобильных устройств
 */
@media screen and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.2) {
	body {
		width: 100%;
	}



}
/**
 * Стили для мобильных устройств в горизонтальном положении
 */
@media screen and (orientation:landscape) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.2) {

}

/**
 * Стили для мобильных устройств в вертикальном положении
 */
@media screen and (orientation:portrait) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.2) {
	.footer {
		font-size: 0;
	}
	.logo-block- {
		border-width: 1px;
	}
	.footer-phone {
		font-size: 4vmin;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}
	.footer-link {
		font-size: 4vmin;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 12px;
		border-left: 1px solid #000;
		padding: 0 0 0 10px;
	}
	.outer {
		padding: 6% 3%;
	}
	.inner {
		height: 100%;
		padding: 2% 0;
		box-sizing: border-box;
	}
	.logo-block {
		box-sizing: border-box;
	}

	.logo-block.boutique-logo {
		width: 47%;
		margin: 0 !important;
	}
	.logo-block.bosco-logo {
		width: 53%;
		margin: 11% 0 0 -0.5px;
	}
	.logo-block.bosco-sport-logo {
		position: absolute;
		left: auto;
		right: 100%;
		bottom: 0;
		top: auto;
		width: 44%;
	}
	.bosco-sport-logo .logo-block- {
		border-right: 0;
		border-bottom: 0;
	}
	.logo-block.bosco-fresh-logo {
		position: absolute;
		top: 100%;
		bottom: auto;
		left: 0;
		right: auto;
		width: 44%;
		margin: 0;
	}
	.logo-block.bosco-fresh-logo .logo-block- {
		border-top: 0;
	}

	.logo-block.berezka-logo {
		width: 37%;
		position: absolute;
		left: auto;
		right: 53%;
		top: 0;
		margin: 65.5% -0.5px 0 0;
	}

	.logo-block.gisele-logo {
        width: 16%;
		position: absolute;
		left: auto;
		right: 76.5%;
		top: 0;
		margin: 126% 0 0 0;
	}


	.logo-block.outlet-logo {
	    width: 24%;
		position: absolute;
		left: auto;
		right: 53%;
		top: 0;
		margin: 102% -0.5px 0 0;
	}
	.logo-block.outlet-logo .logo-block- {
		border-top: 0;
		border-right: 0;
	}

	.logo-block.articoly-logo {
		width: 37%;
		position: absolute;
		left: auto;
		right: auto;
		left: 47%;
		top: 0;
		margin: 102.5% -0.5px 0 0;
	}
	.logo-block.artek-logo {
		width: 16.5%;
		position: absolute;
		left: auto;
		right: 0;
		top: 0;
		margin: 86.5% 0 0 0;
	}
	.logo-block.bambino-logo {
		width: 46%;
		left: 100%;
		bottom: 0;
		top: auto;
		right: auto;
	}
}



@media only screen
and (orientation:portrait)
and (min-device-width : 320px)
and (max-device-width : 568px) { /* Фиксы для iPhone5 */
	.outer {
		padding: 2% 5%;
	}
    .inner {

	}
}



@media screen and (orientation:portrait) and (max-width: 900px), screen and (orientation:landscape) and (max-width: 900px) {
	.wrapper {
		background: url(../images/anna-p.jpg) repeat 50% 100%;
		background-size: cover;
	}
	.wrapper video {
		display: none;
	}


	h1 {
	    font-size: 32px;
	    white-space: normal;
	    margin-top: 15px;
	}

	h1 br {
		display: block;
	}

	.art {
	    font-size: 19px;
	    white-space: normal;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	.art br {
		display: block;
	}

	.mail a,
	.phone  {
		font-size: 17px;
		padding-top: 6px;
	}
	

}



@media screen and (orientation:portrait) and (max-width: 900px) {
	.socials {
	    padding: 13.75% 0;
	    margin-top: -30px;
	}

	.prostudio {
	    height: 31px;
	    bottom: 10px;
	}
}


@media screen and (orientation:landscape) and (max-width: 1000px) {
	.wrapper {
		background: url(../images/anna.jpg) repeat 50% 100%;
		background-size: cover;
	}
	.socials {
	    padding: 2.3% 0;
	}

	.prostudio {
	    height: 31px;
	    bottom: 10px;
	}

	h1 {
	    font-size: 35px;
	    word-wrap: break-word;
	}

	.art {
		padding-top: 2.6%;
	    font-size: 21px;
	}

	.mail a,
	.phone  {
		font-size: 18px;
	}

	.mail a:before, .mail a:after {
		width: 25px;
	}

	.phone span,
	.mail a {
		padding-left: 35px;
	}

	.prostudio a {
		width: 98px;
		height: 25px;
	}

	.prostudio a:before, .prostudio a:after {
		background-size: 98px auto;
	}

	.social-lnk {
		width: 34px;
		height: 34px;
	}

	.phone span:before, .phone span:after {
		width: 25px;
		background-size: 20px auto;
	}
}