@media (min-width: 768px) and (max-width: 1199px) {
	
	div#menu ul.first > li > a, div#menu ul.first > li > span {
		font-size: 12px;
		padding: 15px 11px;
	}
	
	.callme-title, div#callme .done {
		font-size: 18px;
		padding: 6px 0;
	}
	
	.img-left {
		margin-bottom: 20px;
	}
	
	div#how-we-work .block {
		height: 131px;
	}
	
	#how-we-work i {
		font-size: 35px;
	}
	
	div#how-we-work .text {
		height: 129px;
	}
	
	div#how-we-work .text {
		height: 129px;
		font-size: 11px;
	}
	
	.similar-service .img {
		min-height: 100px;
	}
		
	.similar-service .title span {
		height: 106px;
		font-size: 16px;
	}
	
	.footer-title {
		font-size: 17px;
	}
	
	.reviews .name {
		letter-spacing: 0;
		font-size: 18px;
	}
	
	img {
		max-width: 100%;
	}
	
	.id5 .img-left, 
	.id25 .img-left,
	.id24 .img-left,
	.id38 .img-left,
	.id10 .img-left,
	.id12 .img-left,
	.id18 .img-left,
	.id3 .img-left,
	.id24 #content img,
	.id8 .img-left {
		max-width: 50%;
	}
	
	.img-left img, div#content img {
		height: auto;
	}
	
	.notebook-logos, .imgs-center {
		white-space: normal;
	}
	
	.notebook-logos img, .imgs-center img {
		margin: 10px;
	}
	
	.id1 .img-left {
		margin-bottom: 35px;
		margin-top: 22px;
	}
		
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.logo-footer a {
		font-size: 18px;
	}
	
	.slogan-footer {
		line-height: 17px;
	}
	
}

@media (max-width: 991px) and (min-width: 768px) {	
	
	.top-menu a {
		font-size: 12px;
	}
	
	div#header a {
		padding: 13px 10px;
	}
	
	.h1, h1 {
		font-size: 32px;
	}
	
	.h2, h2 {
		font-size: 23px;
	}

	.h3, h3 {
		font-size: 21px;
	}
	
	.callme-title, div#callme .done {
		font-size: 15px;
		white-space: nowrap;
		padding: 8px 0;
	}
	
	div#callme form button {
		width: 35%;
		padding: 8px 0;
	}
	
	div#callme form input {
		width: 65%;
	}
	
	div#how-we-work .row > div {
		padding: 0;
	}
	
	div#how-we-work .block {
		height: 125px;
	}
	
	div#how-we-work .text {
		height: 123px;
	}
	
	.id1 #content img {
		margin: 15px 20px !important;
	}
	
	.center-sm {
		text-align: center;
		margin-bottom: 15px;
	}
	
	.similar-service .img {
		min-height: 75px;
	}
	
	.similar-service .title span {
		height: 78px;
		font-size: 15px;
	}
	
	.dddp {
		padding-left: 15px;
	}
	
	div#content .article {
		padding-left: 15px;
	}
	
	.empty-reviews-message {
		margin-right: 0 !important;
	}
	
	.id28 .img-left {
		margin-top: 33px;
	}
		
}

@media (min-width: 992px) { 
	
	div#menu ul.first > li ul {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		right: 0;
		text-align: left;
		list-style: none;
		padding: 0;
		margin: 0;
		background: #bb00047d;
		font-size: 13px;
		z-index: 100;
		box-shadow: 1px 1px 1px 1px #000;
		margin-top: 10px;
		-webkit-transition: 0.1s ease-out 0.5s;
		-moz-transition: 0.1s ease-out 0.5s;
		-o-transition: 0.1s ease-out 0.5s;
		transition: 0.1s ease-out 0.5s;
		min-width: 270px;
	}
	
	div#menu ul.first > li ul a {
		display: block;
		padding: 5px 15px;
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	div#menu ul.first > li ul a:hover {
		background: #2d0001c7;
	}

	div#menu ul.first > li:hover ul {
		opacity: 1;
		visibility: visible;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	li.start-drop:after {
		content: "";
		position: absolute;
		border: 10px solid transparent;
		border-bottom-color: #fff;
		right: 50%;
		margin-right: -10px;
		bottom: -10px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.1s ease-out 0.5s;
		-moz-transition: 0.1s ease-out 0.5s;
		-o-transition: 0.1s ease-out 0.5s;
		transition: 0.1s ease-out 0.5s;
	}

	li.start-drop:hover:after {
		opacity: 1;
		visibility: visible;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	li.start-drop {
		position: relative;
	}

	div#menu ul.drop .last a {
		border-bottom: none;
	}
}

@media (max-width: 991px) {
	.notebook-logos, .imgs-center {
		white-space: normal;
	}
	
	div#menu ul.first li {
		display: block;
		border-bottom: 1px solid #777;
	}
	
	div#open-mob-menu {
		color: #fff;
		text-align: center;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 300;
		padding: 10px 0;
	}
	
	.services-menu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 48px;
		background: rgba(0, 0, 0, 0.88);
	}
	
	ul.drop {
		padding: 0;
		margin: 0;
	}
	
	div#menu ul.first li a, div#menu ul.first li span {
		line-height: 14px;
		display: block;
		padding: 16px 12px;
		font-size: 14px;
	}
	
	div#menu ul.first li.start-drop > span {
		display: none;
	}
	
	div#menu ul.first li:hover > a {
		background: rgba(0, 0, 0, 0.45);
	}
	
	div#open-mob-menu .fas {
		margin-right: 10px;
	}
	
	div#open-mob-menu.open .fas {
		color: #fff;
		transform: rotate(90deg);
	}
	
	.logo-footer {
		width: 285px;
		margin: 0 auto 25px;
	}
		
	.slogan-footer {
		text-align: center;
		margin-bottom: 50px;
	}
	
}



@media (max-width: 767px) { 
    
    .top-massage {
        font-size: 14px;
    }
	
	.logo .slogan {
		display: block;
		margin-top: 5px;
	}
	
	#header .logo {
		width: 320px;
		margin: 0 auto;
	}
	
	.top-menu ul {
		text-align: center;
	}
	
	.h1-selection .content {
		height: auto;
		padding: 30px 0;
	}
	
	div#header {
		min-height: inherit;
		padding-top: 21px;
	}
	
	div#header .top {
		padding: 20px 0 0;
	}
	
	div#header .bottom {
		margin-bottom: 25px;
	}
	
	div#top-bar {
		background: #000;
		font-size: 12px;
		position: absolute;
		z-index: 100;
		left: 0;
		right: 0;
		top: 0;
		font-size: 14px;
	}
	
	div#top-bar .work-time {
		text-align: right;
	}
	
	.h1, h1 {
		font-size: 30px;
	}
	
	span#show-header-phones {
		display: inline-block !important;
		color: #fff;
		font-size: 14px;
	}
	
	div#top-bar .phones a {
		margin-right: 15px;
	}
	
	.reviews .owl-next {
		left: inherit;
		right: 0;
	}
	
	.reviews .owl-prev {
		left: 0;
	}
	
	div#help-phones {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 15px;
		text-align: center;
		z-index: 1000;
	}
	
	.body.light:after {
		opacity: 1;
		visibility: visible;
		background: rgba(255, 255, 255, 0.8);
	}
	
	div#help-phones .footer-phones {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -64px;
	}
	
	div#help-phones .footer-phones > div {
		margin: 10px 0;
	}
	
	div#help-phones .footer-phones a {
		color: #fff;
	}
	
	#help-phones .cross {
		position: absolute;
		right: 15px;
		top: 15px;
		opacity: 1;
		width: 31px;
		height: 25px;
	}
	
	#help-phones .cross:after, #help-phones .cross:before {
		background-color: #fff;
		height: 25px;
	}
	
	.classic-hidden-form form {
		width: 100%;
	}
	
	div#reasons .block {
		margin: 20px 0;
	}
	
	#reasons .row {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.callme-title {
		text-align: center;
		margin-bottom: 15px;
	}
	
	div#callme {
		padding: 25px 0 40px;
	}
	
	.reviews .photo {
		float: none;
		margin: 0 auto 25px;
	}
	
	.reviews .content {
		margin-left: 0;
		text-align: center;
	}
	
	.similar-service .img {
		min-height: 100px;
	}
	
	.similar-service .title span {
		height: auto;
		font-size: 16px;
		top: 50%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		display: block;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	.logo-footer {
		width: 285px;
		margin: 0 auto 25px;
	}
	
	.slogan-footer {
		text-align: center;
	}
	
	.footer-title {
		text-align: center;
		font-size: 18px;
		margin-top: 50px;
	}
	
	.dddp {
		padding-left: 15px;
	}
	
	.footer-title:after {
		left: 50%;
		margin-left: -20px;
	}
	
	.footer-links ul {
		text-align: center;
	}
	
	.footer-links ul li:before {
		display: none;
	}
	
	.footer-links a {
		display: block;
		border: 1px solid #444;
		margin: 15px 0;
		padding: 10px 0;
		font-size: 15px;
		text-transform: uppercase;
		background: rgba(0, 0, 0, 0.24);
	}
	
	#footer .footer-phones {
		text-align: center;
	}
	
	.address-footer, .work-time-footer {
		text-align: center;
	}
	
	.work-time-footer {
		margin-bottom: 20px;
	}
	
	.last-articles .title a {
		width: 1%;
	}
	
	.h2 {
		font-size: 24px;
	}
	
	.contacts .block {
		margin: 15px 0;
	}
	
	.contacts {
		padding: 0;
	}
	
	.service .price {
		opacity: 1;
	}
	
	.service .title {
		height: 45px;
	}
	
	div#how-we-work .block {
		width: 165px;
		margin: 0 auto;
	}
	
	.empty-reviews-message {
		margin-right: 0 !important;
	}
	
	div#how-we-work .e {
		margin-top: 45px;
	}
	
	.classic-table {
		margin: 0;
	}
	
	.table-responsive {
		margin-top: 15px;
		padding: 35px 0;
		border: none;
	}
		
	div#content img, div#short-desc img {
		height: auto;
	}
	
	.img-left {
		float: none;
		text-align: center;
		margin: 0;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	
	.h2, h2 {
		font-size: 25px;
	}
	
	.h3, h3 {
		font-size: 23px;
	}
	
	.table-responsive:before, .table-responsive:after {
		content: "← Таблица с прокруткой →";
		padding: 10px;
		display: block;
		text-align: center;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		font-style: italic;
		font-size: 13px;
	}
	
	.table-responsive:before {
		margin-top: -38px;
	}
	
	.table-responsive:after {
		margin-top: -2px;
	}
	
	#content img {
		margin: 15px 0 !important;
	}
	
	.id18 div#content table td:last-child {
		min-width: 100px;
	}
	
	div#short-desc img {
		margin: 15px 0 !important;
	}
	
	.select-rating {
		white-space: nowrap;
		margin: 5px 10px 0;
		display: inline-block;
	}
	
	.classic-hidden-form form {
	    position: fixed;
	    overflow: scroll;
	    top: 0;
	    bottom: 0;
	}
	
	.order-form-container, .review-form-container {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 10000002;
	    /*overflow: scroll;*/
	}
	
	div#callme .error-message {
	    bottom: -66px;
	}
			
}

@media (max-width: 480px) { 
	
	.hidden-xxs {
		display: none;
	}
	
	.xxs {
		width: 100%;
	}
	
	div#top-bar .phones {
		text-align: center;
	}
	
	.logo a {
		font-size: 21px;
	}
	
	#header .logo {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	
	.h1, h1 {
		font-size: 24px;
	}
	
	.h1-selection .content {
		padding: 10px 0;
	}
	
	div#callme form input {
		width: 65%;
	}
	
	div#callme form button {
		width: 35%;
		padding: 8px 0;
	}

	.h1-selection p {
		font-size: 13px;
	}
	
	.top-menu a {
		text-transform: none;
		padding: 10px 7px;
	}
	
	div#header .logo a {
		display: inline-block;
		text-align: left;
	}
	
	.h1-selection .button {
		margin-top: 35px;
	}
	
	div#similar-service .col-xs-6 {
		width: 100%;
	}
	
	div#reviews .review {
		padding: 0 0;
	}
	
	div#how-we-work .block {
		margin: 0;
		display: inline-block;
		text-align: center;
		width: 100%;
		max-width: 165px;
		border-radius: 100px;
		height: 165px;
		border: 10px solid #bb0004;
		font-size: 12px;
		background-color: #fff;
		color: #000;
	}
	
	.contacts .col-xs-6 {
		width: 100%;
	}
	
	#content .articles img, #content .service img {
		margin: 0 !important;
	}
	
	.service span.title {
		font-size: 16px;
	}
	
	body {
		min-width: 320px;
	}
	
	div#how-we-work .row {
		padding: 25px 0;
	}
	
	div#content {
		padding: 20px 0;
	}
	
	#how-we-work i {
		font-size: 35px;
	}
	
	.file_upload {
		border: none;
	}
	
	.file_upload .button {
		margin: 0 0 15px 0;
	}
	
	div#how-we-work .text {
	    height: 165px;
	    display: inline-table;
	    vertical-align: middle;
	    padding: 11px 10px 30px 10px;
	    width: 1%;
	    cursor: default;
	    text-align: center;
	}
	
}