@media only screen and (max-width: 768px) {

	#animated_header_div {

		height: 270px;
		margin-top: 20px;

	}

	.right_side_div {

		width: 100%;

		float: right;

		margin: 0 0 40px 0;

	}

	.bg_dec {
		height: 500px;
	}

	section {
	    padding: 0px 0 70px;
	}

	.page_title_h1 {
		text-align: center;
	}

}



@media only screen and (min-width: 768px) {

	#animated_header_div {

		height: 500px;

	}

	.right_side_div {

		width: 100%;

		float: right;

		margin: 0 0 40px 0;

	}

	.bg_dec {
		height: 500px;
	}

	section {
	    padding: 0px 0 70px;
	}

	div.right_div {
	    width: 100%;
	    padding: 10px;
	}

	.page_title_h1 {
		text-align: center;
	}

}



@media only screen and (min-width: 1024px) {

	#animated_header_div {

		height: 400px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

	.bg_dec {
		height: 500px;
	}

	section {
	    padding: 0px 0 70px;
	}

	div.right_div {
		float: right;
	    width: 60%;
	    padding: 0px 15px 15px 15px;
	}

	.page_title_h1 {
		text-align: left;
	}

}



@media only screen and (min-width: 1250px) {

	#animated_header_div {

		height: 490px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

	.bg_dec {
		height: 500px;
	}

	section {
	    padding: 0px 0 70px;
	}

	div.right_div {
		float: right;
	    width: 60%;
	    padding: 0px 15px 15px 15px;
	}

	.page_title_h1 {
		text-align: left;
	}

}



@media only screen and (min-width: 1441px) {

	#animated_header_div {

		height: 600px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

	.bg_dec {
		height: 595px;
	}

	section {
	    padding: 30px 0 70px;
	}

	div.right_div {
		float: right;
		width: 60%;
		padding: 0px 15px 40px 40px;
	}

	.page_title_h1 {
		text-align: left;
	}


}



/* # */
	#animated_header_div {
		background: rgba(0, 0, 0, .9) url(../../images/preloader.gif) center no-repeat;
		position: relative;
		transition: all 0.2s ease-in-out;
		z-index: 0;
	}



	#animated_header_div > span {

		display: block;

		position: absolute;

		right: 130px;

	    bottom: 40px;

	    z-index: 100;

	    transform: rotate(180deg);

	}



	#animated_header_div > span > span {

		background-color: #fff;

		cursor: pointer;

		width: 10px;

		height: 10px;

		border-radius: 10px;

		display: block;

		border: 4px solid #fff;

		position: absolute;

		bottom: 0;

		transition: all 0.2s ease-in-out;

	}



	#animated_header_div > span > span:hover {

		background-color: transparent;

		width: 20px;

		height: 20px;

	}



	#animated_header_div > div {

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center;

		display: none;

		left: 0;

		position: absolute;

		top: 0;

		height: 100%;

		width: 100%;

	}

/* # */


/* . */
div.circle {
	left: -340px;
    top: 400px;
}

div.circle_b {
	display: none;
}

.bg_dec:after {
    display: none;
}


/* . */