/*
====================================
wide Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1480px) {

	.header-left h2 {
	    font-size: 45px;
	}

	.header-area {
	    background-size: 850px;
	}

	.header-bg {
	    background-size: 130px;
	}

	.header-btn a {
		font-size: 21px;
	}

	.header-left a {
		font-size: 21px;
	}

	.oferta-item {
		width: 380px;
		height: 380px;
	}

	.item1::after,
	.item2::after {
	    content: "";
	    width: 320px;
	    height: 320px;
	    left: 150px;
	}

	.oferta-bg img {
	    max-width: 100px;
	}
	.oferta-item img {
	    width: 80px;
	}

	.oferta-item h4 {
		font-size: 36px;
	}

	.footer-bg2 {
		background-size: 300px;
	}

	.contact-part {
		padding: 150px 0 270px;
	}

	.contact-right h2 {
		font-size: 36px;
	}

	.contact-right p {
		font-size: 18px;
	}

	.contact-right a {
		font-size: 25px;
		padding: 16px 40px;
	}

	.footer-cntpart {
		padding: 40px 0;
	}


}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

	.header-left h2 {
	    font-size: 40px;
	}

	.header-area {
	    background-size: 700px;
	}

	.header-bg {
	    background-size: 100px;
	}

	.header-btn a {
		font-size: 21px;
		padding: 12px 32px;
	}

	.header-left a {
		font-size: 21px;
		padding: 12px 28px;
	}

	.header-main {
	    padding: 100px 0 150px;
	}

	.oferta-item {
		width: 320px;
		height: 320px;
		padding: 30px 20px 25px;
	}


	.item1::after,
	.item2::after {
	    content: "";
	    width: 250px;
	    height: 250px;
	    left: 150px;
	}

	.oferta-bg img {
	    max-width: 80px;
	}
	.oferta-item img {
	    width: 70px;
	}

	.oferta-item h4 {
		font-size: 30px;
	}

	.oferta-item p {
		font-size: 16px;
		margin-top: 0;
	}

	.item2 {
		margin-top: 120px;
	}

	.footer-bg2 {
		background-size: 200px;
	}

	.footer-bg1 {
		background-size: 130px;
		padding-top: 50px;
	}

	.contact-part {
		padding: 111px 0 200px;
	}

	.contact-right h2 {
		font-size: 34px;
	}

	.contact-right p {
		font-size: 17px;
	}

	.contact-right a {
		font-size: 22px;
		padding: 14px 40px;
	}

	.footer-cntpart {
		padding: 40px 0;
	}

	.footer-item p {
		font-size: 14px;
	}
	
	.footer-item p img {
	    max-width: 20px;
	}

	.footer-item p .location {
	    max-width: 17px;
	}

	.copy-right p {
		font-size: 14px;
	}

	.footer-area {
		background-size: 1400px;
	}



}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.header-left h2 {
	    font-size: 29px;
	}

	.header-area {
	    background-size: 530px;
	}

	.header-bg {
	    background-size: 80px;
	}

	.header-btn a {
		font-size: 20px;
		padding: 10px 30px;
	}

	.header-left a {
		font-size: 20px;
		padding: 10px 24px;
	}

	.header-main {
	    padding: 64px 0 150px;
	}

	.header-left p {
		font-size: 15px;
		margin: 20px 0 45px;
	}

	.item2 {
		margin-top: 120px;
	}


	.oferta-uper h2 {
		font-size: 46px;
	}

	.oferta-item {
		width: 260px;
		height: 260px;
		padding: 20px 15px 20px;
	}

	.item1::after,
	.item2::after {
	    content: "";
	    width: 200px;
	    height: 200px;
	    left: 140px;
	}

	.oferta-bg img {
	    max-width: 70px;
	}
	.oferta-item img {
	    width: 60px;
	}

	.oferta-item h4 {
		font-size: 25px;
		margin: 5px 0;
	}

	.oferta-item p {
		font-size: 14px;
		margin-top: 0;
	}

	.oferta-item p br {
		display: none;
	}

	.oferta-part {
		margin-left: -50px;
		padding: 0 20px;
	}


	.footer-bg2 {
		background-size: 200px;
	}

	.footer-bg1 {
		background-size: 100px;
		padding-top: 46px;
	}

	.contact-part {
		padding: 90px 0 152px;
	}

	.contact-right h2 {
		font-size: 25px;
	}

	.contact-right p {
		font-size: 15px;
		margin: 10px 0 20px;
	}

	.contact-right p br {
		display: none;
	}

	.contact-right a {
		font-size: 18px;
		padding: 12px 40px;
	}

	.footer-cntpart {
		padding: 40px 0 20px;
	}

	.footer-item p {
		font-size: 14px;
	}
	
	.footer-item p img {
	    max-width: 20px;
	}

	.footer-item p .location {
	    max-width: 17px;
	}

	.copy-right p {
		font-size: 14px;
	}

	.contact-right a img {
		max-width: 20px;
	}

	.footer-area {
		background-size: 1300px;
	}

	.footer-item p {
		justify-content: flex-start;
	}
}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {
	.header-area {
	    background: none;
	}

	.header-bg {
	    background: none;
	}

	.header-mbl {
		background-image: url(../images/header-mbl.png);
	    background-repeat: no-repeat;
	    background-size: 350px;
	    background-position: top right;
	}

	.header-btn {
		padding: 20px 0 30px;
	}

	.header-btn a {
		font-size: 16px;
		padding: 10px 34px 10px 25px;
		border: 1px solid #FFFFFF;
	}

	.header-btn a img {
		max-width: 15px;
		margin-right: 8px;
	}

	.header-left a {
		font-size: 20px;
		padding: 10px 24px;
	}

	.header-main {
	    padding: 42px 0 65px;
	}

	.header-left h2 {
	    font-size: 25px;
	    text-align: center;
	}

	.header-left p {
		font-size: 17px;
		margin: 20px 0 40px;
		text-align: center;
	}

	.header-left {
		text-align: center;
	}

	.header-item {
		text-align: right;
		margin-right: -12px;
		overflow: hidden;
	}

	.header-item img {
		width: 100%;
	}

	.circle-bg img {
		max-width: 40px;
		position: absolute;
		right: 0;
	}

	@media screen and (max-width: 480px) {
		.header-left h2 {
			font-size: 22px;
		}

		.header-left p {
			font-size: 16px;
		}

		.contact-right p {
			font-size: 14px!important;
		}

	}

	.oferta-uper {
		padding-bottom: 40px;
	}

	.oferta-uper h2 {
		font-size: 25px;
		margin-top: 0;
		text-align: center;
	}

	.oferta-item {
		width: 300px;
		height: 300px;
		padding: 40px 25px 40px;
		margin: 0 auto;
	}


	.item1::after,
	.item2::after {
	    content: "";
	    width: 230px;
	    height: 230px;
	    left: 80px;
	    top: 70%;
	}

	.item2::after {
		left: -20px;
	}

	.item2 {
		margin: 35px auto;
	}


	.oferta-bg1 img {
	    display: none;
	}

	.oferta-bg2 img {
		width: 50px;
	}

	.oferta-item img {
	    width: 60px;
	}

	.oferta-item h4 {
		font-size: 32px;
		margin: 10px 0 20px;
	}

	.oferta-item p {
		font-size: 14px;
		margin-top: 0;
	}

	.oferta-item p br {
		display: none;
	}

	.oferta-part {
		margin-left: 0;
		padding: 0 20px;
	}

	.contact-part {
		padding: 0;
		background: none;
	}

	.contact-mbl {
		background-image: url(../images/cont-mblbg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;	
		padding: 300px 0 250px;
		text-align: center;
	}

	.contact-right h2 {
		font-size: 25px;
	}

	.contact-right p {
		font-size: 17px;
		margin: 30px 0 20px;
	}

	.contact-right p br {
		display: none;
	}

	.contact-right a {
		font-size: 18px;
		padding: 10px 37px;
	}

	.footer-cntpart {
		padding: 40px 0 20px;
	}

	.footer-item p {
		font-size: 14px;
	}
	
	.footer-item p img {
	    max-width: 20px;
	}

	.footer-item p .location {
	    max-width: 17px;
	}

	.copy-right p {
		font-size: 14px;
	}

	.contact-right a img {
		max-width: 20px;
	}

	.footer-area,
	.footer-bg1,
	.footer-bg2 {
		background: none;
		padding: 0;
	}

	.footer-item p {
		margin: 15px 0;
	}

	.oferta-bg2 {
		padding-bottom: 0px;
	}

	.oferta-area {
		padding-bottom: 0;
	}

	.footer-cntpart {
		margin-top: -145px;
	}

	.copy-right {
		padding-top: 15px;
	}
}