@media screen and (orientation:portrait) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.2) {

	.name {
		font-size: 28px;
		margin-top: 4.1%;
	}

	.bi {
		bottom: 0;
	}

	.bi a {
		width: 160px;
		height: 27px;
	}

	.bi a:before, .bi a:after {
		background-size: 160px 27px;
	}

	.middle-block {
		bottom: 12.5%;
	}

	.phone {
		margin-top: 7px;
	}

	.quote-author {
		display: block;
		margin: 0 auto;
	    width: 180px;
	    height: 180px;
	    background-size: 100% auto;
	    background-position: 50% 50%;
	}

	.quote-author img {
		width: 73.1707317%;
	}

	.quote-content {
		width: auto;
		margin: -48px 7% 0;
		display: block;
	}

	.quote-content:before {
	    left: 42px;
	    right: 35px;
	}

	.quote-content:after {
	    top: -8px;
	    left: -2px;
	    background-size: 100% auto;
	    width: 24px;
	    height: 18px;
	}

	.quote-content-border {
	    top: 27px;
	    left: 44px;
	}

	.quote-content-border:before {
	    border-radius: 0 0 34px 0;
	}


	.quote-content-border- {
	    top: 32px;
	    width: 45px;
	}


	.quote-content-border-:before {
	    border-radius: 0 0 0 35px;
	}

	.refresh-quote-lnk {
	    width: 45px;
	    height: 36px;
	    top: -11px;
	    right: -12px;
	    background-size: 100% auto;
	    background-position: 50% 50%;
	}

	.quote-block {
		margin: 0 auto 22.5%;
	}

	.quote-text {
		font-size: 12px;
	}

	.quote-content-text {
		padding: 16px 24px 11px 16px;
	}

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

	.quote-author-name {
		font-size: 9px;
	}
}

@media screen and (orientation:landscape) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.2) {

	.name {
		font-size: 28px;
		margin-top: 2%;
	}

	.bi {
		bottom: 0;
	}

	.bi a {
		width: 160px;
		height: 27px;
	}

	.bi a:before, .bi a:after {
		background-size: 160px 27px;
	}

	.middle-block {
		bottom: 12.5%;
	}

	.phone {
		margin-top: 7px;
	}

	.quote-author {
	    width: 180px;
	    height: 180px;
	    background-size: 100% auto;
	    background-position: 50% 50%;
	    margin-right: 21px;
	}

	.quote-author img {
		width: 73.1707317%;
	}

	.quote-content {
		margin-right: 180px;
		width: auto;
	}

	.quote-block {
		position: relative;
		overflow: hidden;
	}

	.quote-content:before {
	    left: 42px;
	    right: 35px;
	}

	.quote-content:after {
	    top: -8px;
	    left: -2px;
	    background-size: 100% auto;
	    width: 24px;
	    height: 18px;
	}

	.quote-content-border {
	    top: 27px;
	    left: 44px;
	}

	.quote-content-border:before {
	    border-radius: 0 0 34px 0;
	}


	.quote-content-border- {
	    top: 32px;
	    width: 45px;
	}


	.quote-content-border-:before {
	    border-radius: 0 0 0 35px;
	}

	.refresh-quote-lnk {
	    width: 45px;
	    height: 36px;
	    top: -11px;
	    right: -12px;
	    background-size: 100% auto;
	    background-position: 50% 50%;
	}

	.quote-block {
		margin: 0 0 10.5% 0;
		padding: 0 7% 0 3%;
	}

	.quote-text {
		font-size: 12px;
	}

	.quote-content-text {
		padding: 16px 24px 11px 16px;
	}

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

	.quote-author-name {
		font-size: 9px;
	}
}