/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Media Query.CSS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 992px) {
	.sm-centered {
		text-align: center;
	}
	.xs-center {
		float: none;
		text-align: center;
	}
	.works-content {
		margin-bottom:40px;
	}
	.padding-bottom-120 {
		padding-bottom: 60px;
	}
	.padding-bottom-100 {
		padding-bottom: 40px;
	}
	.padding-bottom-60 {
		padding-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.header {
		height: 600px;
	}
	#canvas {
		height: 600px;
	}
	#mainlogo {
		top: 140px;
	}

	.works-category{
		top: -30px;
		left: -10px;
		width: 60px;
		height: 60px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;	
	}
	.works-category span {
		font-size: 12px;
		line-height: 60px;
	}


}

@media (max-width: 600px) {
	.header {
		height: 500px;
	}
	#canvas {
		height: 500px;
	}
	#mainlogo {
		top: 120px;
	}
}

@media (max-width: 480px) {
	.header {
		height: 400px;
	}
	#canvas {
		height: 400px;
	}
	#mainlogo {
		top: 100px;
	}
	.mainlogo-l {
		display: none;
	}
	.mainlogo-s {
		display: block;
	}

	.service i {
		font-size: 24px;
	}
	.service h3 {
		font-size: 20px;
	}

	.padding-bottom-120,
	.padding-bottom-100 {
		padding-bottom: 20px;
	}
	.padding-bottom-60,
	.padding-bottom-40 {
		padding-bottom: 0px;
	}
	
	.form-control {
		padding-left: 12px;
	}

}

@media (max-width: 420px) {
	h1 {
		font-size: 30px;
	}
}