@media only screen and (min-width:881px) and (max-width:1080px){
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:100%;
}	
#header {
	width:13%;
	height:0;
	float:left;
	margin-top:0%;
	margin-top:0%;
	margin-right:0%;
	padding:0;
}
#header  img{
	width:90%;
	height:90px;
	margin-bottom:7%;
	border-radius:100px;
}
/*Menu styling starts here*/
#menu{
	width:85%;
	float:left;
	margin-left:15%;
	margin-top:5%;
	margin-bottom:2%;
}
#menu #link{
	width:100%;
	text-align:center;
}
#menu #link a:link{
	padding:2%;
	color:steelblue;
	text-decoration:none;
}
#menu #link a:visited{
	padding:2%;
	color:steelblue;
	text-decoration:none;
}
#menu #link a:hover{
	padding:2%;
	background:steelblue;
	color:white;
	text-decoration:none;
	/*font-family:COMIC SANS MS;*/
}
#pin{
	clear:both;
	margin-top:0%;
	width:100%;
	height:auto;
	padding:0;
}
#pin #slide{
	width:100%;
	overflow:hidden;
}

#pin #slide #figure{
	position:relative;
	width:500%;
	left:0;
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
#pin  #slide #figure img{
	width:20%;
	float:left;
	height:450px;
}

#pin #show{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:steelblue;
	margin:0;
}
#pin #show marquee{
	width:100%;
}
#pin #show marquee b{
	/*color:rgba(100,80,200,0.7);*/
	color:white;
}
#pin #show marquee ul{
	width:100%;
}
#pin #show marquee ul li{
	list-style-type:none;
	text-transform:capitalize;
	position:relative;
	display:inline;
	color:white;
}

#icon{
	width:15%;
	position:fixed;
	left:1%;
	top:50%;
}	
		
#icon #facebook{
	width:100%;
	height:auto;
	margin-bottom:4%;
}
	
#icon #facebook img{
	width:40%;
}
.content-area{
	width:59%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
.content-area #home{
	width:98%;
	height:auto;
	margin-top:5%;
	padding:0;
	margin-left:2%;
}
.content-area #home >  h2{
	width:100%;
	text-align:left;
	text-transform:capitalize;
	color:steelblue;
}
.content-area  #home > p{
	width:100%;
	margin-top:-1%;
	text-align:justify;
}

#image{
	width:35%;
	height:auto;
	float:right;
	margin-top:3%;
	margin-right:3%;
	text-align:center;
}
#why{
	clear:both;
	width:100%;
	margin-top:15%;
	height:auto;
}
#why > h2{
	width:98%;
	margin-left:2%;
	text-align:center;
	line-height:300%;
	color:steelblue;
	text-transform:uppercase;
}
#why #service{
	width:45%;
	background:white;
	height:200px;
	margin-bottom:2%;
	margin-left:3.3%;
	margin-right:0%;
	text-align:center;
	float:left;
}
#why #service #image{
	width:20%;
	height:auto;
	margin:0%;
	margin-left:40%;
	margin-right:40%;
	margin-bottom:0%;
}
#why #service  #image img{
	width:100%;
	height:70px;
	margin-bottom:-5%;
	border-radius:40px;
}
#why #service p{
	margin-top:0.5%;
	text-align:left;
}
#why #service big{
	color:steelblue;
	margin:0%;
}
#back{
	clear:both;
	width:47%;
	float:left;
	margin-left:2%;
	margin-top:0%;
	margin-bottom:0%;
	height:auto;
}
#back img{
	width:100%;
	height:400px;
	margin-left:0%;
	margin-bottom:5%;
}
#distance{
	width:47%;
	float:left;
	margin-left:2%;
	margin-top:-5%;
}

#distance h2{
	text-align:center;
	text-transform:capitalize;
}
#distance  p{
	width:100%;
	height:auto;
	margin-top:0%;
}
#distance  p a{
	text-transform:uppercase;
	color:steelblue;
	text-decoration:none;
}
#distance #dis{
	width:100%;
	height:400px;
	overflow:auto;
}
#distance #dis table{
	width:100%;
	margin-bottom:5%;
}
#distance #dis table tr{
	width:100%;
}
#distance #dis table tr th{
	width:33.33%;
}
#distance #dis table tr td{
	width:33.33%;
}
#b4footer {
	clear:both;
	width:100%;
	background:white;
	margin-right:0%;
	margin-left:0%;
	padding:0;
	height:auto;
}
#b4footer > h2{
	width:98%;
	margin-left:2%;
	text-align:left;
	color:steelblue;
}
#b4footer #html{
	width:30%;
	float:left;
	height:auto;
	margin-bottom:2%;
	margin-left:2%;
	text-align:center;
}
#b4footer #html img{
	width:90%;
	margin-left:5%;
	height:200px;
	border-radius:20px;
	transition-property: transform;
	transition-duration: 5s;
}
#b4footer #html img:hover{
	transform:scale(1.2,1);
}
#b4footer #html big{
	color:darkblue;
}
hr{
	clear:both;
	border:style:solid;
	border-color:steelblue;
	width:100%;
}
#we{
	clear:both;
	width:100%;
	height:auto;
	margin-top:5%;
}
#we h2{
	width:98%;
	text-align:left;
	margin-left:2%;
	margin-top:0%;
	color:steelblue;
}
#we p{
	width:98%;
	text-align:left;
	margin-left:2%;
	text-align:left;
	margin-top:-2%;
	color:black;
}

#we > #html{
	width:47%;
	float:left;
	margin-left:2%;
	height:250px;
	border-style:solid;
	border-color:steelblue;
	border-radius:20px;
	margin-bottom:5%;
}

#we > #html > #n{
	width:40%;
	float:left;
	margin:0;
	text-align:center;
	margin-bottom:5%;
}

#we > #html > #n img{
	width:100%;
	height:110px;
	border-radius:20px;
}
#we > #html > #c{
	width:58%;
	float:left;
	padding-top:1%;
	padding-bottom:1%;
	margin-left:1%;
	margin-right:0%;
	overflow:auto;
	margin-bottom:10%;
}
#comment{
	clear:both;
	width:96%;
	margin-left:2%;
	height:auto;
	/*background-image:url('../background_images/oratheresa_logo.jpg');
	background-size:100%;*/
}
#comment > form{
	width:60%;
	margin-left:20%;
	margin-bottom:5%;
	margin-top:-1%;
	color:steelblue;
}
#comment > form #veiw{
	width:100%;
	color:steelblue;
	margin-top:2%;
	text-align:left;
	font-size:large;
	text-transform:capitalize;
}
#comment > form .file{
	width:100%;
	margin-top:3%;
}
#comment > form .email{
	width:100%;
	margin-top:3%;
}
#comment > form .email input{
	width:100%;
	padding-bottom:1.5%;
	padding-top:1.5%;
	border-style:solid;
	border-color:steelblue;
	color:steelblue;
}
#comment > form .email textarea{
	width:100%;
	padding-bottom:1.5%;
	padding-top:1.5%;
	border-style:solid;
	border-color:steelblue;
	color:steelblue;
}
#comment > form #share{
	width:100%;
	margin-top:4%;
}
#comment > form #share input{
	width:20%;
	margin-left:80%;
	border-style:solid;
	border-color:steelblue;
	background-color:steelblue;
	padding-bottom:2%;
	padding-top:2%;
	color:white;
}
/*about us page starts here */
#pin > img{
	height:500px;
	margin:0;
	padding:0;
	width:100%;
	margin-top:0%;
}

#pin #about{
	position: absolute;
	top:80%;
	width:80%;
	text-align:center;
	color:white;
	letter-spacing:20px;
	font-size-adjust:0.9;
}
#background{
	width:90%;
	margin-top:2%;
	padding:0;
	margin-left:5%;
	margin-bottom:-10%;
}
#background  h2{
	width:100%;
	text-align:left;
	line-height:300%;
	color:steelblue;
	font-size-adjust:0.60;
	margin-top:0%;
	text-transform:capitalize;
}
#background video{
	width:40%;
	margin-right:2%;
	float:left;
	margin-top:2%;
}

#background  > p{
	width:100%;
	text-align:left;
	line-height:150%;
}
#background  p::fist-letter{
	color:steelblue;
	font-size:20px;
}

#distance  p a{
	text-transform:uppercase;
	color:steelblue;
	text-decoration:none;
}
#distance  table{
	width:100%;
	margin-left:0%;
	text-align:center;
	margin-bottom:5%;
}
#distance  table tr th{
	width:33.3%;
}
#distance  table tr td{
	width:33.3%;
}
/*about us page ends here*/
/* form page starts here*/
#content-area{
	clear:both;
	width:100%;
	height:auto;
	padding:0;
	background-color:steelblue;
	padding-bottom:10%;
	height:600px;
}
#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10%;
	margin-bottom:-10%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10%;
	margin-bottom:-10%;
	padding:0;
	color:white;
	text-align:center;
}
#content-area  > form{
	width:50%;
	margin-left:25%;
	margin-top:10%;
	margin-bottom:10%;
	background:steelblue;
	color:white;
	border-radius:20px;
	border-style:solid;
	border-color:white;
}
#content-area  form hr{
	color:white;
	width:100%;
	margin-left:0%;
	margin-top:-2%;
	border-style:solid;
	color:white;
	border-color:white;
}
#content-area  form input:focus{
	border-style:solid;
	border-color:steelblue;
}
#content-area form #title{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
	color:white;
}
#content-area form #title h3{
	width:100%;
	line-height:300%;
}
#content-area form #regFee{
	width:80%;
	margin-left:10%;
	text-align:center;
	margin-bottom:-2%;
	color:white;
}
#content-area form #email{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #email #all{
	width:100%;
	height:auto;
	margin:0;
	color:steelblue;
	background:white;
}
#content-area form #email #all #a{
	width:65%;
	float:left;
	margin-left:0%;
	text-align:left;
	background:white;
	line-height:300%;
	color:steelblue;
}
#content-area form #email #all #a span{
	width:98%;
	margin-left:2%;
}
#content-area form #email #all #a1{
	width:35%;
	float:left;
	text-align:center;
	background:white;
	line-height:300%;
	color:steelblue;
	color:steelblue;
}
#content-area form #sel-state{
	width:80%;
	margin-left:10%;
	margin-top:-5%;
}
#content-area form #sel-state .b{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	line-height:200%;
}
#content-area form #sel-state .b #b{
	width:65%;
	float:left;
	text-align:center;
	margin-top:0%;
	background:white;
	
}
#content-area form #sel-state .b #b input{
	width:10%;
	margin-left:0%;
	accent-color: steelblue; 
}
#content-area form #sel-state .b #c{
	width:35%;
	float:left;
	text-align:center;
	margin-top:0%;
	background:white;
	
}
#content-area form .form-submit{
	width:80%;
	margin-left:10%;
	padding-bottom:5%;
}
#content-area form .form-submit button{
	width:100%;
	background:white;
	color:steelblue;
	padding-bottom:2%;
	padding-top:2%;
	border-style:solid;
	border-color:white;
}
#content-area form .b{
	clear:both;
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
	line-height:200%;
}
#content-area form .b #b{
	width:65%;
	float:left;
	text-align:center;
	margin-top:3%;
	background:white;
}
#content-area form .b #b > input{
	width:10%;
}
#content-area form .b #c{
	width:35%;
	float:left;
	text-align:center;
	margin-top:3%;
	background:white;
}
#content-area form #name{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #name input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #name2{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #name2 input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #email select{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #email textarea{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #password{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #password input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #date{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:15%;
}
#content-area form #date #day input{
	width:33%;
	float:left;
	padding-top:1.5%;
	padding-bottom:1.5%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #date  #day select{
	width:33%;
	float:left;
	padding-top:1.5%;
	padding-bottom:1.5%;
	color:steelblue;
	border-style:solid;
	border-color:white;
	color:steelblue;
}
#content-area form #submit{
	clear:both;
	width:80%;
	margin-left:10%;
	margin-top:0%;
	margin-bottom:5%;
}
#content-area form #submit input{
	width:30%;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0%;
	background:white;
	border-style:solid;
	border-color:white;
	margin-bottom:5%;
	margin-left:70%;
	color:steelblue;
}

#content-area  #print {
	background:white;
	width:90%;
	margin-left:5%;
	margin-top:15%;
}
#content-area  #print #slip{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
}
/* form page ends here*/

/* contact us page */
#content-area #address{
	height:450px;
	height:auto;
	width:30%;
	margin-left:5%;
	margin-top:2%;
	float:left;
	text-align:center;
	margin-bottom:5%;
	background-color:white;
}
#content-area #address  hr{
	border-style:solid;
	border-color:steelblue;
	width:80%;
}
#content-area #address #phone{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
	padding-top:5%;
}
#content-area #address #email{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
}
#content-area #address #office{
	width:80%;
	margin:5%;
	margin-left:10%;
	text-align:left;
}
#content-area #contact {
	width:60%;
	height:auto;
	float:right;
	margin-right:2%;
	margin-top:2%;
	padding:0;
}
/* contact us page ends here */

#footer{
	width:100%;
	clear:both;
	height:auto;
	background:dimgrey;
	color:white;
	margin-top:-2%;
}
	
#footer h2{
	line-height:300%;
	margin-bottom:-2%;
	margin-top:-5%;
	color:steelblue;
	text-align:left;
	width:100%;
}
	
#footer .about{
	height:auto;
	width:31%;
	margin-left:0%;
	float:left;
}

#footer .about ul{
	width:100%;
	height:auto;
	margin-top:-5%;		
}

#footer .about ul li{
	width:100%;
	line-height:200%;
	list-style-type:circle;
	padding:0;
	margin:0;
}
	
#footer .link{
	width:20%;
	height:auto;
	margin-left:0%;
	float:left;
}
	
#footer .link ul {
	margin-top:-7%;
	list-style-type:none;
}
	
#footer .link ul li a:link{
	color:white;
	line-height:200%;
	text-decoration:none;
	margin:0;
	padding:0;
}
	
#footer .link ul li a:visited{
	color:white;
	line-height:200%;
	text-decoration:none;
}
	
#footer .link ul li a:hover{
	color:white;
	line-height:200%;
	text-decoration:underline;
}
	
#footer .contact{
	height:auto;
	width:24%;
	margin-left:0%;
	float:left;
}
	
#footer .contact address{
	width:100%;
	text-align:left;
}
	
#footer .buy{
	width:25%;
	height:auto;
	margin-left:0%;
	float:left;
}
	
#footer .buy ul{
	width:100%;
	height:auto;
	margin-top:-5%;
}
	
#footer .buy ul li{
	width:100%;
	line-height:200%;
	list-style-type:square;
	padding:0;
	margin:0;
}
	
#footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:black;
	width:100%;
}

}