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

	#animated_header_div {

		height: 200px;

	}

	.right_side_div {

		width: 100%;

		float: right;

		margin: 0 0 40px 0;

	}

}



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

	#animated_header_div {

		height: 400px;

	}

	.right_side_div {

		width: 100%;

		float: right;

		margin: 0 0 40px 0;

	}

}



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

	#animated_header_div {

		height: 400px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

}



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

	#animated_header_div {

		height: 400px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

}



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

	#animated_header_div {

		height: 600px;

	}

	.right_side_div {

		width: 50%;

		float: right;

		margin: 0 0 40px 40px;

	}

}



/* # */

	#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;



	    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%;

	}
/* # */


/* . */

/* . */