@media (min-width: 768px) and (max-width: 991px) {
	.header-sub {
		padding: 30px 0px 30px 0px;
		margin: 97px 0px 0px 0px;
	}
	.header-sub h1 {
		font-size: 50px;
	}
	.content {
		padding: 50px 0px 90px 0px;
	}
	.news .box {
		min-height: 265px;
	}
}




@media (max-width:991px) {
	.box {
		min-height: inherit;
	}
	.benefit-box {
		margin-bottom: 35px;
	}
	.section {
		padding: 60px 0;
	}
	.section.loans, .section.leasing {
		padding: 60px 0;
		position: relative;
	}
	.top-section {
		margin-top: 97px;
	}
	.top-section a {
		justify-content: flex-start;
	}
	.top-section ul li {
		display: inline-block;
	}
	.top-section p {
		margin-bottom: 30px !important;
	}
}




@media (max-width: 767px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	div.header {
		padding: 10px 0;
	}
	.smaller div.header {
		padding: 10px 0 !important;
	}
	.logo img {
		width: 135px;
		height: auto;
		transition: all 0.2s ease;
	}
	.smaller .logo img {
		width: 85px;
		height: auto;
	}
	.top-section {
		margin-top: 58px;
	}
	.top-section p {
		font-size: 21px !important;
		text-align: center;
	}
	.top-section a {
		padding: 15px 20px;
	}
	.section h2 {
		font-size: 28px !important;
		margin-bottom: 50px;
	}
	.section.benefits h2 {
		margin-bottom: 80px;
	}
	.top-section h1 {
		font-size: 30px;
		text-align: center;
	}
	.top-section h1 span {
		font-size: 35px;
		text-align: center;
	}
	.top-section ul li {
		font-size: 17px;
		padding-bottom: 10px;
	}
	.owl-stage img {
		width: 100%;
		height: auto;
	}
	.owl-stage .logo-wrap {
		padding: 10px;
	}
	.newsletter form {
		margin: 20px 0;
	}
	.newsletter h2 {
		margin-bottom: 25px;
	}
	.newsletter h5 {
		font-weight: 300;
		font-size: 17px;
		color: #1b4360;
	}
	.header-sub {
		padding: 35px 0px 35px 0px;
		margin: 67px 0px 0px 0px;
	}
	.header-sub h1 {
		font-size: 30px;
		font-weight: 700;
	}
	.content {
		padding: 30px 0px 40px 0px;
		font-size: 15px;
		line-height: 180%;
		position: relative;
	}
	.content h2 {
		font-size: 24px;
	}
	.content h3 {
		font-size: 20px;
	}
	.blog-list {
		position: relative;
		padding: 30px 0px 40px 0px;
	}
	.blog-list.news {
		position: relative;
		padding: 50px 0px 40px 0px;
	}
	.news-next-prev a {
		font-size: 13px;
		padding: 0px 15px 0px 15px;
		margin: -30px 0px 40px 0px;
	}
	.loan-form {
		padding-bottom: 50px;
	}
	.loan-form .gdpr-acc span.wpcf7-list-item label .wpcf7-list-item-label {
		font-size: 17px;
	}
	.loan-form span.wpcf7-list-item {
		margin: 0px 20px 0px 0px;
		width: 100%;
		height: 40px;
	}
	.benefit-box {
		height: auto;
	}
	.benefit-box p {
		text-align: justify !important;
		margin-bottom: 0px !important;
	}
	.box-home {
		height: auto;
	}
	.box {
		padding: 30px;
	}
	.box h3 {
		text-align: center !important;
	}
	.box p {
		padding-bottom: 0px !important;
		text-align: justify !important;
	}
	.leasing .box p {
		padding-bottom: 10px !important;
	}
	.leasing .box .box-lines p {
		padding-bottom: 0px !important;
	}
	.references p {
		text-align: justify !important;
	}
	.news .box p {
		padding-bottom: 15px !important;
	}
	.box .base-btn {
		text-align: center;
		width: 150px;
		display: block;
		margin: 30px auto 0px auto;
	}
	.content p {
		text-align: justify;
	}
	.upform input[type=submit] {
		margin: 0px auto;
	}
}




@media (max-width: 520px) {
	.testi-box hr {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.avatar {
		margin: 0 0 30px 0;
	}
	.testi-box {
		flex-direction: column;
		text-align: center;
	}
	.newsletter form input {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.newsletter form a {
		margin-top: 20px;
	}
}




@media (max-width: 450px) {
	.contact ul li i {
		top: 5px;
	}
	.contact ul li {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.top-section a {
		font-size: 21px;
	}
}


@media (min-width: 768px) {
	.top-section a {
		width: 285px;
	}
	.blog-list.poistenie-list .box .poistenie-more {
    	text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.blog-list.poistenie-list .box .base-btn {
    	margin-top: 0px;
	}
}