@media (min-width: 1440px) {
	body{
		background: #232323 url('../img/herder-xl-bg.jpg') no-repeat top center;
	}
}
@media (max-width: 1390px){
	#vert-text {
		right: -70px;
	}
	#wUp {
		bottom: 90px;
	}
	#to-top{
		bottom: 30px;
	}
}
@media (max-width: 1199px) {
	h1{
		font-size: 38px;
		line-height: 1.4;
	}
	.home h1:before{
		top: -28%;
		font-size: 82px;
	}
	#top-home-block h6{
		margin-right: 30px;
	}
	.blog-item .bottom{
		justify-content: flex-start;
	}
	#navbarSupportedContent{
		margin-left: -480px;
	}
	.pechat{
		display: none;
	}
	.navbar-dark .navbar-brand{
		width: 100px;
    	height: 100px;
	}
	.navbar-dark .navbar-brand img{
		width: 100%;
	}
	#top-home-block{
		margin-bottom: 80px;
	}
	.numbers-block .title{
		font-size: 50px;
	}
	.step-element:before {
    	font-size: 55px;
	}
	.step-element .title{
		font-size: 22px;
	}
	.top-steps:before, .step-element:after {
		display: none;
	}
	.bottom-staps {
		margin-top: 0;
	}
	.steps-wrap{
		display: flex;
		flex-direction: row;
   		flex-wrap: wrap;
	}
	.step-element {
    	padding-left: 84px;
    	margin-bottom: 30px;
	}
	.numbers-block .number-wrap:before {
		right: 125px;
		width: 200px;
	}
	.col-contact-link a{
		margin-left: 76px;
	}
	.about-img {
	    width: 427px;
	    left: -170px;
	    top: 0;
	}
	.bottom-row div{
		line-height: 1;
	}
	.work-element .title {
		font-size: 22px;
	}
	.serv-block ul{
		max-width: 247px;
	}
}
@media (max-width: 992px) {
	.sub-h1{	
		font-size: 80px;
		top: -23px;
	}
	.serv-block:hover{
		transform: scale(1.0);
	}
	.home h1 {
	    margin: 22px 0 30px;
	}
	#navbarSupportedContent {
	    margin-left: -360px;
	}
	#top-home-block .btn-gold {
	    margin-bottom: 623px;
	}
	#quiz-btn {
		bottom: 8px;
	}
	#top-home-block .container:before, #top-home-block .container:after{
		display: none;
	}
	.about-img {
	    left: 50%;
	    margin-left: -213px;
	}
	.about-wrap{
		margin-left: -15px;
		margin-top: 290px;
	}
	.work-list {
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.half {
    	width: 50%;
	}
	.work-element{
		width: 50%;
	}
	.list-wrap {
		flex-wrap: wrap;
	}
	.serv-block .list{
		width: 100%;
	}
	.serv-block ul {
    	max-width: 50%;
    	width: 50%;
	}
	.serv-block .price{
		width: 50%;
	}
	.step-element{
		width: 50%;
	}
	.step-1 {
	    width: 50%;
	}
	.step-3 {
    	width: 50%;
	}
	.numbers-block {
		margin-bottom: 90px;
	}	
	.col-contact-link{
		display: flex;
    	justify-content: space-between;
	}
	.col-contact-link a {
		margin-top: 30px;
	    margin-left: 26px;
	}
}
@media (max-width: 769px) {
	.sub-h1 {
	    font-size: 60px;
	    top: -13px;
	}
	#top-home-block h6 {
    	margin-right: 0;
	}
	#navbarSupportedContent .navbar-nav{
		flex-direction: column;
		align-items: center;
	}
	#navbarSupportedContent {
		top: 110px;
	    margin-left: -270px;
    	width: 540px;
	}
	#navbarSupportedContent .nav-item{
		width: 160px;
		height: 80px;
		margin-bottom: 15px;
    	padding-bottom: 10px;
	}
	.navbar-dark .navbar-nav .nav-link{
		font-size: 15px;
	}
	#top-home-block .btn-gold {
	    margin-bottom: 710px;
	}
	.navbar .container {
	    position: relative;
	    justify-content: flex-start;	   
	}
	#carouselHome {
    	width: 100%;
    	height: 475px;
	}
	.carusel-wrap {
	    bottom: auto;
	    top: 375px;
	}
	.bottom-row {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
	.bottom-row div {
	    line-height: 32px;
	    margin-bottom: 15px;
	}
	.navbar-dark .navbar-toggler{
		position: absolute;
		right: 15px;
	}
	.carusel-wrap {
    	width: 100%;
	}
	.rew-wrap {
	    padding-left: 125px;
	}
	.carousel-indicators li{
		z-index: 9;
	}
	.carousel-indicators .active{
		z-index: 10;
	}
	.carousel-indicators li, .carousel-indicators li:nth-child(2),.carousel-indicators li:nth-child(3), .carousel-indicators li:nth-child(4), .carousel-indicators li:first-child, .carousel-indicators li:last-child{
		bottom: auto;
		top: 50%;
	    margin-top: -45px;
	    right: 0;
	    left: 0;
	}
	#carousel-rew .carousel-indicators{
		width: 110px;
		left: -110px;
	}
	.rew-wrap .carousel-control-next, .rew-wrap .carousel-control-prev {
    	left: -90px;
	}
	.rew-wrap .carousel-control-next {
	    top: auto;
	    bottom: 142px;
	}
	.col-contact-link {
	    justify-content: space-between;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-items: center;
	}
	.col-contact-link a{
		margin-top: 25px;
		margin-bottom: 0;
	}
	footer .container {
	    padding: 30px 15px;
	    margin-top: 40px;
	}
	footer .logo{
		display: block;
		margin: 0 auto 20px;
		text-align: center;
	}
}
@media (max-width: 645px) {
	#vert-text{
		display: none;
	}
	#wUp, #to-top{
		right: 15px;
	}
	.carusel-wrap {
		right: 0;
	}
}
@media (max-width: 575px) {
	.blog-item .title{
		margin-bottom: 30px;
	}
	.blog-item .text{
		display: none;
	}
	.blog-item{
		flex-direction: column;
    	align-items: center;
	}
	.blog-item .img{
		width: 100%;
	}
	.blog-item .right{
		width: 100%;
		height: auto;
	}
	.top-text:before{
		width: 20px;
	}
	.top-text{
		padding-left: 30px;
	}
	#map {
    	margin-bottom: 40px;
	}
	.duble-h1{
		margin-bottom: 28px;
	}
	.sub-h1{
		display: none;
	}
	form .form-control{
		font-size: 18px;
	}
	.mb-80 {
	    margin-bottom: 80px;
	}
	.navbar-dark .navbar-brand{
		width: 60px;
		height: 60px;
		padding: 0;
	}
	.header-phone{
		font-size: 16px;
		line-height: 60px;
	}
	.header-phone {
		padding-left: 30px;
	}
	.navbar .d-flex{
		align-items: center;
	}
	.header-phone:before{
		left: 0;
		margin-top: -10px;
	    width: 20px;
	    height: 20px;
	    background-size: cover;
	}
	.work-list {
	    flex-direction: column;
	}
	.work-element, .half {
    	width: 100%;
	}
	#carouselServM .carousel-inner{
		padding-bottom: 15px;
		min-height: 690px;
	}
	#carouselServM .serv-block{
		min-height: 100%;
		justify-content: space-between;
	}
	#carouselServM .carousel-control-next, #carouselServM .carousel-control-prev{
		bottom: 0;
		right: 0;
		transform: rotate(0deg);
	}
	#carouselServM .carousel-control-prev{
		right: auto;
		left: 0;
	}
	#serv-block .btn-more{
		margin-top: -70px;
	}
	.serv-block ul {
	    max-width: 100%;
	    width: 100%;
	    margin: 0;
	}
	.serv-block .list {
	    flex-direction: column;
	}
	.list-wrap{
		flex-direction: column;
	}
	.serv-block .price {
		margin-top: 60px;
	    width: 100%;
	}
	.premium .price {
		margin-top: 30px;
	}
	.serv-block .right-btn{
		display: none;
	}
	.step-element, .step-1, .step-3{
		width: 100%;
	}
	.steps-wrap{
		padding: 0 15px;
	}	
	.home h1 {
	    margin: 22px 0 10px;
	}
	.about-img {
	    width: 100%;
	    left: 0;
	    margin-left: 0;
	}
	.about-wrap {
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 290px;
	}
	#carouselHome{
		padding: 0 15px;
	}
	#carouselHome .carousel-control-next, #carouselHome .carousel-control-prev{
		right: 5%;
	}	
	.numbers-block {
	    margin: 0 0 40px;
	}
	.numbers-block .number-wrap:before{
		width: 20px;
		right: 106px;
	}
	.work-list {
	    margin: 0;
	}
	.numbers-block .title {
	    font-size: 32px;
	    line-height: 44px;
	}
	.numbers-block .title:before{
		width: 44px;
    	height: 44px;
	}
	.numbers-block .number-wrap .number {
	    font-size: 44px;
	}
	.about-wrap h2{
		font-size: 18px;
	}
	h1 {
	    font-size: 32px;
	    line-height: 1.4;
	}
	.home h1:before{
		font-size: 66px;
		left: 0;
	}
	.carusel-wrap {
	    top: 330px;
	}
	#bottom-form-block form{
		margin: 0;
	}
	.rew-wrap {
    	padding-right: 30px;
	}
	.carousel-indicators .active {
	    transform: scale(1.0);
	    border: 1px solid #B89877;
	}
	.carousel-indicators li{
		width: 80px;
		height: 80px;
	}
	.carousel-indicators li, .carousel-indicators li:nth-child(2), .carousel-indicators li:nth-child(3), .carousel-indicators li:nth-child(4), .carousel-indicators li:first-child, .carousel-indicators li:last-child {
	    margin-top: -40px;
	}
	#carousel-rew .carousel-indicators {
	    width: 82px;
	    left: -105px;
	}
	.step-element{
		padding-bottom: 40px;
	}
	.step-element:after{
		display: block;
		position: absolute;
		content: '';
		width: 266px;
		height: 15px;
		background: url('../img/steps-line-m.png') no-repeat center;
		bottom: 0;
		left: 50%;
		margin-left: -133px;
	}
	.modal-body .carousel-control-next, .modal-body .carousel-control-prev {
	    right: 15px;
	    bottom: 15px;
	    transform: rotate(0deg);
	}
	.modal-body .carousel-control-prev {
	    bottom: 15px;
	    left: 15px;
	}
	.serv-block .title:after{
		width: 50px;
		right: -60px;
	}
	#carousel-rew .carousel-item{
		min-height: 100%;
		max-height: 100%;
		overflow-y: scroll;
	}
	.rew-content {
	    padding: 20px 15px;
	}
	.rew-content p{
		margin: 0;
	}
	.numbers-block .title{
		padding-right: 8px;
	}
	.rew-wrap {
		height: 580px;
	    padding-right: 0;
	    padding-left: 110px;
	}	
	.numbers-block{
		align-items: flex-start;
	}
	.numbers-block .number-wrap {
	   line-height: 32px;
	}
	.numbers-block .number-wrap .number {
	    font-size: 32px;
	}
	.numbers-block .number-wrap span{
		font-size: 24px;
	}
	.numbers-block .number-wrap:before {
	    right: 82px;
	}
	.serv-block{
		margin: 0;
		padding: 20px;
	}
	.about-wrap{
		padding: 20px 20px 10px;
	}
	#carousel-rew .carousel-inner {
	    height: 590px;
	}
	#navbarSupportedContent {
	    top: 78px;
	}
}
@media (max-width: 530px) {
	.carusel-wrap {
	    top: 360px;
	}
	#top-home-block {
	    margin-bottom: 50px;
	}
	.instagram-link{
		width: 24px;
		height: 24px;
		background-size: cover;
	}
	.navbar{
		padding: 0;
	}
	.navbar-dark .navbar-brand{
		margin-right: 10%;
	}
}
@media (max-width: 480px) {
	.rew-wrap:before{
		background: url('../img/elipse-rew-m.webp') no-repeat center;
		width: 50px;
		height: 250px;
		left: 0;
		top: 10px;
		margin: 0;
	}
	.rew-wrap .carousel-control-next, .rew-wrap .carousel-control-prev {
	    top: 15px;
	    right: auto;
	    left: -90px;
	    z-index: 9;
	}
	.rew-wrap .carousel-control-next {
	    top: 192px;
	}
	.carousel-indicators li, .carousel-indicators li:nth-child(2), .carousel-indicators li:nth-child(3), .carousel-indicators li:nth-child(4), .carousel-indicators li:first-child, .carousel-indicators li:last-child {
	    bottom: auto;
	    top: 130px;
	    margin-top: -41px;
	    right: 0;
	    left: 0;
	}
	.rew-wrap .carousel {    
    	align-items: flex-start;
	}	
}
@media (max-width: 440px) {
	#quiz-btn {
	    width: calc(100% - 30px);
	}
	.navbar-dark .navbar-brand{
		margin-right: 7%;
	}
	h1 {
	    font-size: 26px;
	    line-height: 1.4;
	}
	.stars-wrap, .stars-number{
		display: none;
	}
}
@media (max-width: 400px) {	
	.numbers-block .number-wrap:before{
		display: none;
	}
	.carusel-wrap {
	    top: 392px;
	}
	.home h1:before {
	    font-size: 7.5vh;
	    left: 0;
	}
	.navbar-dark .navbar-brand {
	    margin-right: 15px;
	}
	.header-phone {
	    padding-left: 24px;
	    margin-right: 15px;
	}
	.mb-100 {
	    margin-bottom: 60px;
	}
	.instagram-link {
	    width: 20px;
	    height: 20px;
	}
}
@media (max-width: 380px){
	h1{
		font-size: 24px;
	}
	.serv-block .title:after{
		display: none;
	}
	.home h1:before {
	    font-size: 6.5vh;
	    top: -22px;
	    left: 0;
	}
	.navbar .d-flex {
		flex-direction: column;
	    align-items: flex-start;
	}
	.header-phone {
    	line-height: 1;
    	margin-bottom: 10px;
	}
}
@media (max-width: 340px){
	.numbers-block .title {
		font-size: 19px;
	}
	#carouselHome .carousel-inner .active{
		height: 400px;
	}
	#top-home-block .btn-gold {
	    margin-bottom: 635px;
	}
	.about-wrap h2 {
	    font-size: 16px;
	}
}