/****** 1200px ******/

@media screen and (max-width: 1200px){
	header p {
		padding: 0 50px;
	}
	.portfolio__item .inner{
		height: 283px;
	}
	.other-projects__item:first-child .inner {
		width: auto;
		height: 605px;
	}
	.other-projects__item .inner {
		width: auto;
		height: 293px;
	}
	section.five-rasons,
	section.video-section,
	section.form-section,
	section.tiles,
	section.portfolio,
	section.other-projects {
		padding: 90px 0;
	}
	section.tiles{
		padding-bottom: 0;
	}
}

/****** 992px ******/

@media screen and (max-width: 992px){
	.form-inputs input {
		width: 100%;
	}
	.form-wrapper p br{
		display: none;
	}
	.other-projects__item .inner {
		width: auto;
		height: 360px;
		background-size: 110%;
	}
	.other-projects__item:first-child .inner {
		width: auto;
		height: 740px;
	}
}

/****** 768px ******/

@media screen and (max-width: 768px){
	section.form-section {
		padding: 50px 0;
		background: linear-gradient(to left, #ff00ff, #3100f4);
	}
	.form-inputs{
		text-align: center;
	}
	.form-inputs input{
		width: 70%;
	}
	.form-inputs.checkbox-field{
		display: flex;
		justify-content: center;
	}
	.form-inputs.checkbox-field input{
		display: block;
		margin-right: 7px;
	}
	.form-inputs.checkbox-field p{
		display: block;
		width: 55%;
	}
	.form-section__item{
		margin-bottom: 30px;
	}
	.form-section__item:last-child{
		margin-bottom: 0;
	}
	section.tiles h2 {
		margin-bottom: 20px;
	}
	.tiles__item img{
		float: none;
		max-width: 100%;
	}
	.tiles__item p{
		padding-left: 0!important;
	}
	section.tiles .tiles__item:nth-child(odd) p:last-of-type {
		padding-bottom: 30px;
	}
}

/****** 500px ******/

@media screen and (max-width: 500px){
	.form-inputs.checkbox-field p{
		display: block;
		width: 90%;
	}
	.form-inputs input{
		width: 100%;
	}
	footer .cityes-column p {
		font-size: 8px;
	}
	footer .bottom-line img {
		position: relative;
		margin-bottom: 20px;
	}
	footer .bottom-line span {
		display: block;
	}
	footer .bottom-line a {
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}
	header h1 {
		font-size: 40px;
	}
	header p {
		padding: 0;
		text-align: left;
	}
	h2, h3, h4, h5, h6{
		font-size: 26px;
	}
}
/****** 425px ******/

@media screen and (max-width: 500px){
	.other-projects__item .inner {
		height: 290px;
	}
	.other-projects__item:first-child .inner {
		height: 590px;
	}

}