/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.contact {
		background-position: right -330px bottom -100px;
		background-size: auto 120%;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

	.contact {
		background-position: right -240px bottom 10px;
		background-size: auto 100%;
	}

}

/* md <= Large (lg) */
@media (max-width : 992px) {

	.contact {
		background-position: right -190px top 0px;
		background-size: auto 70%;
	}

}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.w-sm-100 {
		width:100%!important;
	}

	.header-banner {
		background-image: url(../images/background-baner-sm.png) !important;
	}

	.header-desc {
		margin-top:1rem;
	}

	header {
		margin-top:30px;
	}

	.empty {
		height: 350px;
	}

	#modal-overlay #modal {
		width: 100%;
		margin-right: 17px;
    	margin-left: 17px;
	}

	#modal-overlay-success #modal-succes {
		width: 95%;
		margin-right: 17px;
		margin-left: 17px;
	}

	#close-modal {
	    top: -83px;
    right: -29px;
	}

	.contact {
		background-position: right -390px bottom -200px;
		background-size: auto 70%;
	}

}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	header {
		margin-top: 0px;
	}

	.header-banner__title {
		font-weight: 600;
		font-size: 22px;
		line-height: 28px;
		margin-left: 15px;
		margin-top: 20px;
	}

	.header-banner__subtitle {
		font-weight: 300;
		font-size: 17px;
		line-height: 25px;
		color: #FFFFFF;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 30px;
	}

	.header-banner-btn {
		border: 2px solid #FFFFFF;
		border-radius: 50px;
		padding: 12px 24px;
		font-weight: 600;
		font-size: 16px;
		line-height: 21px;
		color: #FFFFFF;
		margin-top: 11px;
		background: transparent;
		margin-left: 15px;
		margin-top: 30px;
	}

	.btn-call {
		margin-right: 10px;
		position: fixed;
		bottom: 12px;
		z-index: 98;
		margin-right: 27px;
    	margin-bottom: 27px;
	}


	.contact {
		background-position: right -390px bottom -275px;
		background-size: auto 70%;
	}

	.rates-item
	{
		margin-right: 0px;
		margin-bottom: 20px;
		margin-right: 15px;
	}


    .client-list .client-list__item img {
        height: 43px;
    }

	.service-item {
		width: 90%;
		border-bottom-left-radius: 145px;
		margin-left: 15px;
	}

	.title {
		text-align: center;
		margin-top: 0px;
	}

}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}


@media (max-width : 576px) {
	.modal-description {
		font-size: 14px;
	}

	.modal-description img {
		width: 70%;
	}
	.formm {
		width: 100%;
    	margin-left: 1%;
	}
	.accent {
		margin-left: 15px;
	}
	.accentt {
		margin-left: 15px;
	}
	.accent1 {
		margin-left: 15px;
    margin-right: 15px;
	}
	.contract-description {
		margin-left: 15px;
	}
	.mmm {
		margin-top:-50px;
	}
	.contact-list {
		margin-left: -15px;
	}
	.contact-btn {
		margin-left: 15px;
		margin: 45px;
	}
	.social-icons {
		margin-top: 25px;
   	 	margin-left: 37px;
    	margin-bottom: 57px;
	} 
	.ddd {
	    margin-top: 47px;
	}
	.social-icons li {
		margin-right: 38px;
	}

}