@media all and (max-width: 1199px) {

	.header {
		padding-top: 25px;

	}

	.menu-open .header {
		position: fixed;

	}

	/* Menu navigation style	 */
	.main-menu-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 10;
		pointer-events: none;
	}

	.menu-open .main-menu-wrap {
		pointer-events: auto;
	}

	.main-menu {
		background: #FBCA27;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
		height: 100%;
		width: 100%;
		transition: transform .4s ease;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.menu-open .main-menu::before {
		background-image: url(../img/image-footer.jpg);
		content: ' ';
		position: absolute;
		height: 56px;
		width: 100%;
		top: 115vh;
	}

	.menu-open .main-menu {
		transform: translate(-100%, 0);

	}

	.main-menu ul {
		display: flex;
		flex-direction: column;
		padding: 142px 15px;
		max-width: 960px;
		margin: 0 auto;
	}

	.main-menu li:not(:last-child) {
		margin: 0 50px 70px 0;
	}

	.nav a {
		font-family: 'Cooper';
		font-weight: 700;
		font-size: 50px;
		line-height: 120%;
		color: #000;
		transition: opacity 0.3s ease;
	}

	/* Phone style */

	.nav-phone {
		padding-right: 51px;
	}

	/* BTN style */

	.btn-menu {
		display: block;

	}

	.menu-open .btn-menu span:nth-child(1) {
		transform: rotate(45deg) translate(50%, 0%);
		width: 22px;
	}	

	.menu-open .btn-menu span:nth-child(2) {
		transform: scale(0);
	}

	.menu-open .btn-menu span:nth-child(3) {
		transform: rotate(-45deg) translate(50%, 0%);
		width: 22px;
	}

	/* Section about */

	.section-about-img {
		width: 80%;
	}

	.wrapper::after {
		right: 423px;
	}

	/* Section pricing */

	.section-pricing-element {
		padding: 60px 40px;
		overflow: hidden;
	}

	.section-pricing-content::after {
		right: 290px;
		top: -30px;
	}

	.section-pricing-element::after {
		top: 0;
		left: 600px;
	}

	.section-pricing-element::before {
		top: 107px;
		left: 707px;
	}

	.section-pricing-img {
		width: 225px;
	}

	/* Section how it work */

	.section-how-it-work-element-left {
		max-width: 266px;
	}

	.section-how-it-work-element-right {
		max-width: 340px;
	}

	/* Section services */

	.section-services-img-content::after {
		bottom: 1700px;
	}

	/* Section bottom */

	.container-mod-bottom::after {
		right: 60px;
	}

	.section-bottom-content::after {
		top: 250px;
		right: 780px;
	}

	.section-bottom-content::before {
		top: 380px;
		right: 850px;
	}

	.section-bottom-element {
		padding: 60px 40px;
	}

	.section-bottom-element::before {
		left: 698px;
	}

	.section-bottom-element::after {
		left: 660px;
	}

	.section-bottom-img {
		z-index: 2;
		width: 619px;
		top: 200px;
		left: 390px;
	}

	/* Footer */

	.footer-row {
		flex-direction: column;
		padding: 57px 0 63px 0;
	}

	.logo-footer-container {
		margin-bottom: 52px;
	}

	.footer-menu-wrap {
		margin-bottom: 49px;
	}

	.footer-phone {
		margin-bottom: 41px;
	}

	.nav-phone {
		padding-right: 30px;
	}

	.nav-footer-links svg {
		width: 24px;
		height: 24px;
	}
	
	.footer-links a:not(:last-child) {
		margin: 0 30px 0 0;
	}

	.footer-bottom {
		flex-direction: column;
	}

	.text-made-by {
		margin-right: 15px;
	}

	.logo-bottom {
		display: inline-flex;
		margin-bottom: 16px;
	}

	.text-bottom {
		margin-bottom: 30px;
	}
}

@media all and (max-width: 991px) {

	/* Header */

	.main-menu ul {
		max-width: 705px;
	}

	/* Section locate */

	.section-locate-content {
		padding: 0;
		margin-bottom: 60px;
	}

	.our-address {
		padding: 50px 50px;
	}

	.our-address-title {
		margin: 0 auto;
		margin-bottom: 42px;
	}

	.our-address-card {
		columns: 2;
		margin-bottom: 42px;
	}

	.btn-google {
		padding: 20px 172px;
	}

	/* Section about */

	.wrapper {
		width: 688px;
		margin-bottom: 91px;
	}

	.wrapper::after {
		display: none;
	}

	.section-about-img {
		width: 100%;
	}

	.section-about-content {
		margin-left: 0;
	}

	/* Section pricing */

	.section-pricing-element::after {
		left: 500px;
	}

	.section-pricing-element::before {
		left: 607px;
	}

	.section-pricing-content::after {
		width: 85px;
		height: 85px;
	}

	.section-pricing-img {
		position: absolute;
		width: 175px;
		top: 20px;
		left: 470px;
	}

	/* Section pricing */

	.section-how-it-work-subtitle {
		display: none;
	}

	/* Section how it work */

	.section-how-it-work-card-item {
		flex-direction: column;
		max-width: 576px;
	}

	.section-how-it-work-element-left {
		margin-right: 0;
		max-width: 100%;
	}

	.section-how-it-work-element-right {
		max-width: 100%;
	}

	/* Section services */

	.section-services-content p {
		font-size: 17px;
		line-height: 140%;
	}

	.section-services-img-content {
		width: 100%;
		margin-bottom: 64px;
	}

	.section-services-img-content::after {
		bottom: 980px;
		left: 550px;
	}

	/* Section review text*/

	.btn-review {
		display: none;
	}

	/* Section review */

	.section-reviews-content {
		text-align: center;
		margin-bottom: 60px;
	}

	.section-reviews-title {
		font-size: 50px;
	}

	.quotes {
		display: none;
	}

	.section-review-slider-text {
		text-align: center;
		margin: 0 auto;
		margin-bottom: 60px;

	}

	.review-name {
		text-align: center;
	}

	.review-rate {
		text-align: center;
	}

	.slider-dots {
		text-align: center;
	}

	.control button.prev {
		top: 80px;
	}

	.control button.next {
		top: 80px;
	}

	/* Section bottom */

	.section-bottom {
		margin-bottom: 170px;
	}

	.section-bottom-element {
		padding: 137px 125px 350px 125px;
	}

	.section-bottom-content {
		text-align: center;
	}

	.section-bottom-title {
		font-size: 50px;
		margin-bottom: 35px;
	}

	.section-bottom-content-img {
		width: 100%;
	}

	.section-bottom-img {
		width: 819px;
		top: 450px;
		left: 134px;
	}

	.container-mod-bottom::after {
		display: none;
	}

	.section-bottom-element::after {
		left: 600px;
	}

	.section-bottom-element::before {
		left: 638px;
	}

}

@media all and (max-width: 768px) {

	/* Header */

	.main-menu ul {
		max-width: 525px;
	}

	.menu-open .main-menu::before {
		top: 178vh;
	}

	.nav-phone {
		display: none;
	}

	/* Main section */

	.main-section {
		margin-bottom: 100px;
	}

	.main-section-content {
		margin: 0 auto;
		text-align: left;
	}

	.main-section-title {
		font-size: 38px;
		margin-bottom: 14px;
	}

	.main-section-subtitle {
		font-size: 16px;
		padding: 0;
		margin-bottom: 35px;
	}

	/* Section locate */

	.section-locate {
		margin-bottom: 102px;
	}

	.section-locate-content {
		margin: 0 auto;
	}

	.section-locate-title {
		font-size: 34px;
		margin-bottom: 30px;
	}

	.section-locate-subtitle {
		margin-bottom: 30px;
	}

	.section-locate-list {
		columns: 1;
		margin-bottom: 40px;
	}

	.our-address {
		margin: 0 auto;
		padding: 30px 30px;
	}

	.our-address-title {
		margin-bottom: 40px;
	}

	.our-address-subtitle {
		font-size: 18px;
	}

	.our-address-card {
		columns: 1;
		margin-bottom: 10px;
	}

	.our-address-card-item {
		margin-bottom: 30px;
	}

	.btn-google {
		padding: 20px 20px;
	}

	/* Section about */

	.section-about {
		margin-bottom: 100px;
	}

	.wrapper {
		width: 332px;
		height: 236px;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.section-about-img {
		margin-bottom: 40px;
	}

	/* Why us section */

	.why-us-section {
		margin-bottom: 160px;
	}

	.why-us-section-title {
		font-size: 34px;
		margin: 0 auto;
		margin-bottom: 60px;
	}

	.why-us-section-subtitle {
		font-size: 20px;
	}

	.why-us-section-title-card {
		font-size: 20px;
	}

	.why-us-section-card {
		margin: 0 auto;
		margin-bottom: 43px;
	}

	.why-us-section-title-card {
		margin-bottom: 10px;
	}

	/* Section pricing */

	.section-pricing {
		margin-bottom: 100px;
	}

	.section-pricing-element {
		margin: 0 auto;
		padding: 50px 30px 272px 30px;
	}

	.section-pricing-element::after {
		width: 350px;
		height: 352px;
		left: 170px;
		top: 570px;

	}

	.section-pricing-element::before {
		width: 189px;
		height: 191px;
		left: 250px;
		top: 646px;
	}

	.section-pricing-content {
		max-width: 286px;
		margin: 0 auto;
	}

	.section-pricing-content::after {
		right: 70px;
	}

	.section-pricing-title {
		font-size: 34px;
		margin-bottom: 10px;
	}

	.section-pricing-subtitle {
		margin-bottom: 40px;
	}

	.section-pricing-btn {
		flex-direction: column;
		margin: 0 auto;
	}

	.btn-pricing {
		margin-bottom: 20px;
		padding: 14px 45px;
	}

	.btn-pricing:last-child {
		padding: 14px 65px;
	}

	.section-pricing-img {
		left: 80px;
		top: 487px;
	}

	/* Section how it work */

	.section-how-it-work {
		margin-bottom: 100px;
	}

	.section-how-it-work-content {
		text-align: left;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.section-how-it-work-title {
		font-size: 34px;
	}

	.section-how-it-work-logo {
		display: none;
	}

	.section-how-it-work-card {
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.text-of-the-chapter-title {
		font-size: 20px;
	}

	.text-of-the-chapter-subtitle {
		padding-top: 20px;
		font-size: 20px;
	}

	/* Section services */

	.section-services-content {
		margin: 0 auto;
	}

	.section-services-content h3 {
		font-size: 34px;
	}

	.section-services-content p {
		font-size: 20px;
		margin-bottom: 40px;
	}

	.section-services-img-content {
		margin: 0 auto;
		margin-bottom: 50px;
	}

	.section-services-img-content::after {
		width: 152px;
		height: 151px;
		bottom: 1300px;
		left: 430px;
	}

	.section-services-img {
		height: auto;
	}

	.section-services-content h4 {
		margin-bottom: 20px;
	}

	/* Section review text */

	.section-review-text {
		margin-bottom: 100px;
	}

	.section-review-content {
		display: flex;
		flex-direction: column;
	}

	.section-review-title {
		font-size: 28px;
		text-align: center;
		margin-bottom: 40px;
	}

	.btn-services {
		margin: 0 auto;
	}

	/* Section review */

	.section-review {
		margin-bottom: 100px;
	}

	.section-reviews-content {
		max-width: 340px;
		margin: 0 auto;
	}

	.section-reviews-title {
		font-size: 34px;
		padding-top: 0;
	}

	.section-review-slider-text {
		font-size: 18px;
	}

	.review-name {
		margin-bottom: 10px;
	}

	.review-rate-text {
		margin-bottom: 40px;
	}

	/* Section bottom */

	.section-bottom {
		margin-bottom: 113px;
	}

	.section-bottom-element {
		margin: 0 auto;
		padding: 95px 30px 240px;
	}

	.section-bottom-element::before {
		display: none;
	}

	.section-bottom-element::after {
		display: none;
	}

	.section-bottom-content::before {
		display: none;
	}

	.section-bottom-content::after {
		display: none;
	}

	.section-bottom-title {
		font-size: 34px;
		margin-bottom: 29px;
	}

	.btn-bottom {
		padding: 14px 35px;
		/* не работает падинг */
		margin: 0 auto;
	}

	.section-bottom-img {
		top: 310px;
		left: 60px;
	}

	/* Footer */

	.footer-row {
		margin: 0 auto;
		padding-bottom: 79px;
	}

	.logo-footer-container {
		margin-bottom: 42px;
	}

	.footer-menu-wrap {
		margin-bottom: 42px;
	}

	.footer-menu li:not(:last-child) {
		margin: 0 0 30px;
	}

	.nav-footer {
		flex-direction: column;
		align-items: center;
	}

	.nav-footer-phone {
		display: flex;
	}

	.footer-links {
		display: flex;
	}

	.nav-footer-links {
		display: inline-flex;
		padding-right: 0;
	}

	.nav-footer-links svg {
		width: 24px;
		height: 24px;
	}
	
	.footer-links a:not(:last-child) {
		margin: 0 34px 0 0;
	}

	.footer-bottom {
		margin: 0 auto;
	}

	.logo-bottom {
		margin-bottom: 21px;
	}

	.text-bottom {
		text-align: center;
		max-width: 310px;
	}

	.icon-footer {
		margin-bottom: 40px;
	}

}