@media screen and (min-width: 1200px) and (max-width: 1399px) {

	.contacter-area {
		margin-top: 120px;
	}








}



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

	.Xavier-area {
		padding: 80px 0 80px;
	}
	
	.design-content h3 br {
		display: none;
	}

	.design-content h3 {
		font-size: 38px;
	}

	.contacter-area {
		margin-top: 120px;
	}
	




}

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

	.Xavier-area {
		padding: 80px 0 80px;
	}

	.Xavier-right h2 {
		font-size: 45px;
	}

	.Xavier-right h3 {
		font-size: 41px;
	}

	.Xavier-right ul li a {
		font-size: 16px;
		padding: 10px 14px;
	}

	.design-content h3 br {
		display: none;
	}

	.design-content h3 {
		font-size: 36px;
	}

	.design-content p {
		font-size: 19px;
	}

	.design-area {
		padding: 0 0 80px;
	}

	.contacter-area {
		margin-top: 100px;
	}

	.contacter-area ul li {
		margin-bottom: 30px;
	}

	.contacter-area p {
		font-size: 12px;
		margin-top: 80px;
	}
	



	  




}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	

	.Xavier-area {
		padding: 70px 0 70px;
	}

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

	.Xavier-left img {
		width: 155px;
		margin-bottom: 40px;
	}

	.Xavier-right h2 {
		font-size: 40px;
		text-align: center;
	}

	.Xavier-right h3 {
		font-size: 28px;
		text-align: center;
	}

	.Xavier-right ul {
		text-align: center;
	}

	.Xavier-right ul li a {
		font-size: 16px;
		padding: 10px 18px;
	}

	.design-content h3 {
		font-size: 34px;
	}

	.design-content h3 br {
		display: none;
	}

	.design-content p {
		font-size: 18px;
	}

	.design-area {
		padding: 0 0 70px;
	}

	.contacter-area {
		margin-top: 120px;
	}

	.contacter-area h4 {
		font-size: 30px;
	}

	.contacter-area ul li {
		display: block;
		margin-bottom: 30px;
	}
	










}




@media screen and (min-width: 570px) and (max-width: 767px) {

	 .Xavier-right h3 {
		font-size: 40px;
		text-align: center;
	}



}