@media screen and (max-width: 1800px){

}
@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1600px){
	.about .dark-box p {
		padding-right: 0px;
	}
}
@media screen and (max-width: 1440px){
	.promo .hero, .about .hero {
		background-position: 60% 0;
	}
	.hero .txt {
		margin-left: 4%;
	}
	.promo .advantages p.big {
		margin-left: 270px;
		max-width: 90%;
	}
	.promo .row.why h3 {
		margin-bottom: 200px;
	}
	.promo .row.why {	
		margin-top: -780px;
	}
}
@media screen and (max-width: 1367px){
	.blog-title {
		position: static;
		top: 0;
		left: auto;
		max-width: 82%;
		margin: 20px auto;
	}
	.post-wrap {
		margin-left: auto;
		padding-top: 10px;
	}
	.feature-post.main-image {
		padding-top: 300px;
	}
	.forms {
		padding: 20px 60px 60px 60px;
		margin-top: 0px;
	}
}
@media screen and (max-width: 1280px){
	footer .container .row {
		margin-bottom: 0px;
	}
	footer .container .row .col-lg-2, footer .container .row .col-lg-8 {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	footer .footer-nav {
		align-items: flex-start;
		justify-content: center;
	}
	.slider-range-wrap.time {
		max-width: 170px;
		margin: 0 10px;
	}
	.slider-range-wrap p {
		font-size: 0.85em;
	}
	.promo .row.why {
		margin-top: -600px;
	}
	.promo .row.why h3 {
		margin-bottom: 30px;
	}
	.about .who h3 {
		margin: 0px 0 20px;
	}
	.forms .row.container {
		width: 100%;
	}
}
@media screen and (max-width: 1100px){
	body{
		font-size: 90%;
	}
	header ul li {
		margin-right: 0;
	}
	.hero-top {
		padding-top: 600px;
	}
	.hero {
		background-position:50% 0;
	}
	.promo .hero {
		background-position: 40% 0;
	}
	.hero .txt {
		margin-left: 3%;
		margin-bottom: 30px;
	}
	.hero h2 {
		font-size: 45px;
	}
	.hero .green-line {
		width: 50px;
		margin: 8px 10px 0 0;
	}
	.calc-sliders {
		padding: 30px 0;
	}
	.slider-range-wrap.time {
		margin: 0 10px;
	}
	.calc .col-lg-3 {
		padding-left: 0;
	}
	.calc .col-lg-3 ul {
		margin-top: 20px;
		padding: 0 10px;
	}
	.calc .monthly-payment-wrap {
		padding: 25px 0 0;
	}
	.calc .monthly-payment-wrap p {
		padding: 0 20px 16px;
	}
	ul.list li {
		padding-left: 24px;
	}
	.big {
		font-size: 1.8em;
	}
	header .nav {
		margin-right: 10px;
	}
	.about .dark-box {
		background-position: 40% 0;
	}
	.feature-post.main-image {
		padding-top: 250px;
	}
	.feature-post.main-image .post-image {
		min-height: auto;
		border-radius: 10px;
		height: auto;
	}
	.post-content-wrap .post-date {
		position: static;
		margin-bottom: 20px;
	}
	.post-content-wrap .post-content, .post-content-wrap .prev-next {
		padding-left: 15px;
	}
	.post-content-wrap .related-wrapper {
		position: static;
		top: auto;
		margin-top: 50px;
	}
	.feature-post.related {
		width: 100%;
	}
	.feature-post.related .post-image {
		width: 100%;
	}
	.promo .advantages p.big {
		margin-left: 170px;
		max-width: 100%;
	}
	.promo .row.why {
		margin-top: -650px;
	}
}
@media screen and (max-width: 990px){
	header .logo {
		height: 35px;
	}
	header .nav {
		flex-direction: column;
		position: absolute;
		width: 0px;
		right: -30px;
		top: 70px;
		background: #fff;
		padding-top: 20px;
		padding-left: 20px;
		display:none;
		transition: 0.5s;
	}
	.navbar-collapse.open .nav {
		width:300px;
		display:block;
		transition: 0.5s;
	}
	header .nav li a {
		color:#030E23 !important;
	}
	header ul li {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.navbar-collapse.open .nav-2 {
		top: 305px;
	}
	header .phone {
		width: 310px;
	}
	.hero .txt {
		max-width: 400px;
	}
	.hero {
		background-position: 55% 0px;
		padding-bottom: 10px;
		padding-top: 130px;
	}
	.hero .arrowed {
		margin: 55px 0 8px;
	}
	.calc .col-lg-3 ul {
		margin-top: 20px;
		margin-left: 30px;
	}
	.calc .col-lg-3 ul li {
		color: #fff;
		width: 48%;
		display: inline-block;
	}
	.calc .monthly-payment-wrap .apply-btn {
		margin-top: 10px;
	}
	.hero .green-line, .hero .text {
		display:none;
	}
	.about .hero .green-line-wrap, .about .hero .text {
		display:block;
	}
	.row.why .col-lg-4 {
		max-width: 250px;
		width:100%;
	}
	.promo .advantages {
		background-position: 200px 0px;
		padding-bottom: 550px;
	}
	.promo .advantages p.big {
		margin-top: 30px;
		margin-left: 0;
	}
	.promo .advantages h3, .promo .advantages .list {
		margin-left: 0px;
	}
	.promo .row.why h3 {
		margin-bottom: 30px;
	}
	.row.why .col-lg-4 {
		max-width: 320px;
		margin-bottom: 30px;
	}
	.why .col-lg-4 p {
		padding-right: 0;
	}
	.why p.count {
		margin-bottom: 20px;
	}
	.dark-box .col-md-12, .dark-box .col-lg-4 {
		flex: 0 0 50% !important;
	}
	.about .dark-box .image {
		bottom: -120px;
    	left: 10%;
	}
	.about .dark-box {
		background-position: 30% 0;
	}
	.post-image {
		opacity: 0.3;
	}
	.forms {
		background-position: 0 0;
	}
	.form-content .option {
		width: 100%;
		text-align:left;
		padding: 0;
	}
	#cookiebar .cookie {
		padding-right: 10px;
	}
	#cookiebar .cookie img {
		width: 40px;
	}
	#cookiebar .links {
		margin-left: 0px;
	}
	.contact-top .map {
		text-align: left;
		margin-top: -30px;
	}
	.contact-top .map iframe {
		max-width: none;
	}
	.contact-top .arrow-bg {
		left: 30%;
	}
}
@media screen and (max-width: 800px){
	.row.container {
		max-width: 95%;
	}
	.about .hero {
		background-position: 50% 0;
	}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 730px){
	.hero-top, .hero-top.promo, .hero-top.about {
		padding-top: 0;
		margin-top: -100px;
	}
	.hero, .promo .hero {
		background-position: 73% 0px;
		position:relative;
		background-color: #ccc;
		background-size: auto 64%;
	}
	.about .hero {
		background-position: 40% 0px;
	}
	.hero .txt {
		max-width: none;
		text-align: center;
		margin-left: 0;
		margin-top:250px;
	}
	.hero .txt {
		margin-bottom: 10px;
	}
	.about .hero .txt {
		margin-top: 0;
    	text-align: left;
    	padding-left: 40px;
		padding-right: 40px;
	}
	.hero h2 {
		font-size: 40px;
		width: 100%;
		margin-bottom: 10px;
	}
	.hero .txt p {
		text-align: center;
		display: inline;
		width:100%;
	}
	.about .hero .txt p {
		text-align: left;
		width:auto;
		padding-right: 200px;
	}
	.hero .arrowed {
		margin: 0px 0 8px;
	}
	.calc .col-lg-9 {
		flex:0 0 96%;
		max-width:96%;
		margin-left:2%;
	}
	.calc .col-lg-9 form {
		display: block;
	}
	.calc .monthly-payment-wrap {
		padding: 10px 0 0;
		display: block;
	}
	.calc .monthly-payment-wrap p {
		padding: 0 20px 0px;
	}
	.calc .col-lg-3 ul li {
		color: #374151;
	}
	.promo .advantages {
		background-position: 100px 0px;
	}
	.promo .advantages p.big {
		margin-top: 0px;
		font-size: 1.6em;
	}
	.advantages h3 {
		margin: 100px 0 40px;
	}
	.row.why .col-lg-4 {
		max-width: none;
	}
	.why .col-lg-4 p {
		padding-right: 0;
	}
	.hero-top.about {
		background:none;
	}
	.about .dark-box {
		background: #030D22;
		background-image:none;
	}
	.dark-box .col-md-12, .dark-box .col-lg-4 {
		flex: 0 0 100% !important;
		margin-bottom: 30px;
	}
	.post img, .post-image {
		width: 100%;
		height: auto;
	}
	.post {
		width: auto;
	}
	.blog-title {
		max-width: 90%;
	}
	.feature-post.main-image {
		padding-top: 190px;
	}
	.feature-post.related {
		height: auto;
	}
	.forms {
		padding: 20px 0px 60px;
	}
	.form-wrap {
		padding: 20px 0 20px 20px;
	}
	.form-content .row {
		margin-left: -15px;
	}
	.contact-top .arrow-bg {
		left: 10%;
	}
	footer .footer-nav {
		display:block;
	}
	footer .container .row .col-lg-8 {
		margin: 20px 0;
	}
	footer .row a {
		margin-bottom: 10px;
	}
	footer .footer-nav li {
		margin-right: 0px;
	}
	#cookiebar .flex {
		display: block;
	}
	#cookiebar .cookie {
		display: none;
	}
	#cookiebar .txt {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 610px){
	header {
		padding:20px 0;
	}
	header .right-links {
		margin-right: 40px;
	}
	header .phone {
		width: 270px;
	}
	header .phone a {
		padding: 8px 10px;
	}
	header .logo {
		height: 25px;
	}
	.hero, .promo .hero {
		background-size: auto 55%;
	}
	.promo .hero {
		background-position: 68% 0;
	}
	.hero h2, .promo .hero h2, .about .hero h2 {
		font-size: 30px;
		width: 100%;
		margin-bottom: 10px;
	}
	.hero .txt p {
		font-size: 1em;
	}
	.hero .subtitle {
		margin-top: 10px;
	}
	.calc-sliders {
		padding: 15px;
		display:block;
	}
	.slider-range-wrap.price, .slider-range-wrap.first-payment, .slider-range-wrap.time {
		max-width: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.slider-range-wrap.time {
		margin: 0 0 10px;
	}
	.row.advantages {
		margin-bottom: 0px;
	}
	.row.why {
		background-position: 10% 0;
		padding-bottom: 40px;
	}
	.row.why .container .row {
		margin-bottom:20px;
	}
	.advantages p.big {
		max-width: 100%;
	}
	.advantages h3 {
		margin: 50px 0 40px;
	}
	.about .hero {
		background-position: 45% 0px;
	}
	.about .hero .txt p {
		padding-right: 130px;
	}
	.about .dark-box .image {
		bottom: -90px;
		left: 0;
	}
	.post-image {
		width: auto;
    	height: 100%;
    	left: -20%;
	}
	.feature-post.main-image .post-image {
		left: 0;
		width: 100%;
	}
	.feature-post.main-image {
		padding-top: 150px;
	}
	.post-content-wrap {
		padding-top: 20px;
	}
	.feature-post.related .post-image {
		width: auto;
		height: auto;
		left: 0;
	}
	.feature-post {
		padding:20px;
	}
	.form-wrap .header .buttons span {
		display:none;
	}
}
@media screen and (max-width: 500px){
	body{
		font-size: 80%;
	}
	.advantages h3, .advantages .list {
		margin-left: 0px;
	}
	.advantages p.big {
		max-width: 100%;
	}
	.row.why {
		background-size: cover;
	}
	.navbar-collapse {
		flex-basis: 0;
	}
	header .phone {
		width: 100%;
	}
	.navbar-collapse.open .nav-2 {
		top: 295px;
	}
	.promo .hero {
		background-position: 63% 0;
	}
	.promo .advantages {
		background-position: 0px 40px;
		background-size: 72%;
	}
	.post-wrap h2 {
		font-size: 1.7em;
	}
	.feature-post.main-image {
		padding: 0;
		height: 100%;
		position: static;
		border-radius: 0;
	}
	.feature-post.main-image .post-image {
		left: 0;
		width: 100%;
		position: static;
		border-radius: 5px;
		height: auto;
	}
	.post-content-wrap {
		padding-top: 0px;
	}
	.contact-top .arrow-bg {
		display:none;
	}
}
@media screen and (max-width: 430px){
	.hero, .promo .hero {
		background-size: auto 50%;
	}
	.calc .col-lg-9 {
		flex:0 0 92%;
		max-width:92%;
		margin-left:4%;
	}
	.hero .txt {
		margin-top: 200px;
	}
	.hero .subtitle {
		margin-top: 0px;
	}
	.hero .arrowed img {
		vertical-align: middle;
	}
}
@media screen and (max-width: 390px){
	.main-btn{
		padding: 11px 20px 13px;
	}
	header .right-links {
		margin-right: 10px;
	}
	.hero {
		background-position: 68% 0px;
	}
	.advantages h3 {
		margin: 50px 0 40px;
	}
	.row.team {
		margin: 10px -15px 50px;
	}
	.row.team .col-lg-4 {
		padding: 0;
		margin-bottom: 30px;
	}
	.about .team .thumb {
		width:auto;
	}
	.row.container {
		max-width: 100%;
	}
	.about .hero .txt p {
		padding-right: 20px;
	}
	.thumb img {
		width: 100%;
		height: auto;
	}
	.form-wrap .header .title img {
		display:none;
	}
	.hero h2, .promo .hero h2, .about .hero h2 {
		font-size: 25px;
	}
}
@media screen and (max-width: 321px){
	.hero .txt {
		margin-bottom: 0px;
	}
}