table tr:nth-child(even){
	background:#dee8f5;
	background:purple;
	color:white;
}
table tr:nth-child(odd){
	background:white;
	color:purple;
}

* {
	box-sizing: border-box;
	font-family: Verdana, sans-serif;
	padding:0;
	margin:0;
}
@keyframes slider{
	
0%{
	left:0;
}
10%{
	left:0;	
}
20%{
	left:-100%;
}
30%{
	left:-100%;
}
50%{
	left:-200%;
}
60%{
	left:-200%;
}
70%{
	left:-300%;
}
80%{
	left:-300%;
}
90%{
	left:-400%;
}
100%{
	left:-400%;
}

}
@media only screen and (min-width:42mm) and (max-width:480px){
	
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:88%;
}	
.container{
	width:100%;
	height:auto;
	margin:0%;
	padding: 0;
	overflow:auto;
}
/* index page starts here */
#header{
	width:13%;
	margin-left:0%;
	padding:0;
	height:auto;
	float:left;
}
.container #header img{
	width:100%;
	height:70px;
}
.container #menu{
	width:87%;
	float:left;
	background:white;
	margin-top:1%;
}
.container #menu #btn{
	background:white;
	width:100%;
	border-style:solid;
	border-color:white;
	color:purple;
	padding-bottom:20%;
	padding-top:20%;
	cursor:pointer;
	display:none;
}
.container #menu #link{
	width:100%;
	margin-top:8%;
	background:rgba(30%,50%,0%,0.3);
	background:white;
	
	/*position:absolute;
	z-index:1;*/
	text-align:center;
	
}
.container #menu #link a:link{
	text-decoration:none;
	color:black;
	/*padding-bottom:2%;
	padding-top:2%;*
	display:block;*/
	padding-left:1%;
	padding-right:1%;
}
.container #menu #link a:visited{
	text-decoration:none;
	color:black;
	margin-top:10%;
	margin-bottom:10%;
}
.container #content-area{
	clear:both;
	width:100%;
	height:0%;
	margin-bottom:5%;
	margin-top:0%;
	padding:0;
	background:purple;
}
.container #content-area #pin{
	width:100%;
	overflow:hidden;
	height:300px;
}
.container #content-area #pin figure{
	position:relative;
	width:500%;
	margin:0;
	left:0;
	/*text-align:left;*/
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
.container #content-area #pin figure img{
	width:20%;
	float:left;
	height:300px;
}
.container #content-area #welcome{
	width:60%;
	position:absolute;
	left:20%;
	top:40%;
	text-align:center;
}
.container #content-area #welcome h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
	color:purple;
	font-weight:bolder;
	padding:0;
	font-size:large;
}
.container #content-area #move{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:purple;
	color:white;
	margin:0;
}
.container #content-area #move marquee{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	line-height:250%;
}
.container #nne{
	clear:both;
	background:white;
	width:100%;
	margin-bottom:5%;
	margin-top:0%;
}
.container #nne h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container h2{
	color:purple;
}
.container #nne #vision{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #vision p{
	width:90%;
	margin-left:5%;
	text-align:center;
}
.container #nne #mission{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #mission p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #value #core{
	display:none;
}
.container #nne #value p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value p span{
	font-family:cursive;
	text-decoration:underline;
}
.container #nne #read{
	text-align:center;
	font-family:cursive;
	cursor:pointer;
	margin-bottom:2%;
}
.container #service{
	width:100%;
	height:auto;
	background:white;
}
.container #service h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container #service #daily{
	width:90%;
	margin-left:5%;
	margin-top:2%;
}
.container #service #daily img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #daily #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:5%;
}
.container #service #daily #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #daily #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #spec{
	width:90%;
	margin-left:5%;
	margin-top:5%;
}
.container #service #spec img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #spec #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #spec #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #spec #dt p{
	width:90%;
	margin-left:5%;
}
.container #service #target{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #target img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #target #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #target #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #target #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #target #dt p a{
	color:styblue;
	text-decoration:none;
}
.container #service #food{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #food img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #food #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #food #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #food #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #asset{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:110%;
}
.container #service #asset img{
	width:40%;
	height:150px;
	float:left;
}
.container #service #asset #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #asset #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #asset #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
/*index page ends here */
/* contact page starts here */
.container #content-area #contact{
	width:100%;
	height:auto;
}
.container #content-area #contact img{
	width:100%;
	height:300px;
}
.container #content-area #address{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	background:white;
	border-radius:5px;
	margin-bottom:5%;
}
.container #content-area #address #phone{
	width:95%;
	margin-left:2.5%;
}
.container #content-area #address #phone h3{
	margin-bottom:5%;
	padding-top:5%;
}
.container #content-area #address hr{
	width:95%;
	margin-left:2.5%;
	margin-top:5%;
	margin-bottom:5%;
	border-style:solid;
	border-color:purple;
}
.container #content-area #address #office{
	width:95%;
	margin-left:2.5%;
}
.container #content-area #address #office h3{
	margin-bottom:5%;
}
.container #content-area #map{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
}
.container #content-area #map iframe{
	width:100%;
}
/* login and registration pages starts here */
#content-area  #part{
	clear:both;
	width:95%;
	margin-top:2%;
	margin-left:2.5%;
	margin-right:2.5%;
	color:white;
}
#content-area  #part > p{
	width:96%;
	margin-left:2%;
	padding-top:2%;
	padding-bottom:2%;
}
#content-area  #warn{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:10%;
	margin-bottom:-10%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:10%;
	margin-bottom:-10%;
	padding:0;
	color:white;
}
#content-area  form{
	/*background:white;*/
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10%;
	margin-bottom:10%;
	margin-bottom:5%;
	height:auto;
	color:white;
	border-radius:5px;
	padding-bottom:2%;
	text-align:left;
}
#content-area form #title{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
	margin-bottom:5%;
	padding-bottom:2%;
	padding-top:2%;
}
#content-area form #title h3{
	width:100%;
}
#content-area  form h3 hr{
	color:white;
	width:100%;
	margin-top:0%;
	border-style:solid;
	border-color:white;
}
#content-area form #email{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
}
	
#content-area form #email input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #email input[type="file"]{
	color:purple;
	border-style:solid;
	border-color:white;
}
#content-area form #email select{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #email textarea{
	width:100%;
	margin-top:1%;
	height:100px;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #birth{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
	color:white;
	display:none;
}
#content-area form #birth #day{
	width:33%;
	float:left;
}
#content-area form #birth #day select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #month{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #month select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #year{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #year input{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	padding-left:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #mo{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
	display:none;
}
	
#content-area form #mo input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #s{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:0%;
	text-align:left;
}
#content-area form #ans{
	width:100%;
	margin-right:0%;
	margin-left:0%;
	text-align:left;
}
#content-area form #ans input{
	margin-right:2%;
	margin-top:2%;
	accent-color: pink; 
}
#content-area form #ans #yes{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #no{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #maybe{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #submit{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
	margin-bottom:5%
}
#content-area form #submit input{
	width:100%;
	margin-left:0%;
	margin-bottom:5%;
	padding-top:2%;
	padding-bottom:2%;
	background:white;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #forget{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%;
	padding-bottom:5%;
	text-align:center;
	text-transform:capitalize;
}
#content-area form #forget a{
	padding:2%;
	color:white;
	text-decoration:underline;
}
/* index pages ends here */
/* logged in pages start here */
#sidebar{
	width:20%;
	float:left;
}
#sidebar  #image {
	width:100%;
	height:200px;
	display:none;
	margin:0;
	padding:0;
}
#sidebar  .dropdown {
	position: relative;
    display: inline-block;
	background:midnightblue;
	background:purple;
	height:auto;
	font-size-adjust:0.50;
	text-align:center;
}
#sidebar  .dropdown .dropbtn {
	background:midnightblue;
	background:purple;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	margin-top:0%;
	font-size:100%;
}

#sidebar .dropdown .dropdown-content{
	display: none;
	position: absolute;
	background:purple;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
#sidebar .dropbtn:hover, .dropbtn:focus {
	background-color: white;
	color:purple;
}
 #sidebar .dropdown-content a {
	color: white;
	padding: 2%;
	text-decoration: none;
	display: block;
}
.container #sidebar .show {display:block; text-align:center;} 

.container #secure{
	width:100%;
	margin-top:0%;
	margin-bottom:10%;
	background:whitesmoke;
	height:1500px;
	overflow:auto;
	color:purple;
}
.container #secure #dashboard{
	width:90%;
	height:auto;
	margin-left:5%;
	padding:0;
	line-height:300%;
}

.container #secure p{
	width:90%;
	height:auto;
	margin-right:5%;
	margin-top:0%;
	padding:0;
	line-height:300%;
	text-align:right;
}

.container #secure   #warn{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure   #success{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure  #warn h3{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure  #success h3{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure > h2{
	width:100%;
	padding:0;
	text-align:center;
}
/* home page starts here */
.container #secure #avaliable{
	clear:both;
	width:90%;
	margin-left:5%;
	text-align:center;
	margin-bottom:5%;
}
#secure #avaliable #see_more{
	cursor:pointer;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	color:darkslateblue;
	font-weight:bolder;
	font-variant:small-caps;
}
#secure #avaliable #show{
	clear:both;
	text-align:center;
	width:100%;
	display:none;
}
#secure #avaliable #show #all{
	width:50%;
	float:left;
	margin-top:2%;
}
.container #secure #first{
	width:90%;
	clear:both;
	background:darkslateblue;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #first #open{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #first #open #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #first #open #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #second{
	width:90%;
	background:orange;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #second #bal{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #second #bal #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #second #bal #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #third{
	width:90%;
	background:turquoise;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
.container #secure #fouth{
	width:90%;
	background:lightskyblue;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #fifth{
	width:90%;
	background:rgba(46%,60%,0%,0.3);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #sixth{
	width:90%;
	background:rgba(46%,60%,90%,0.7);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #udo{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:10%;
}
#secure #start{
	width:90%;
	margin-left:5%;
	background-color:rgba(100%,10%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}

#secure #ready{
	
	width:90%;
	margin-left:5%;
	background-color:yellow;
	line-height:300%;
	margin-bottom:5%;
}
#secure #ten{
	
	width:90%;
	margin-left:5%;
	background-color:rgba(20%,100%,0%,0.1);
	line-height:300%;
	margin-bottom:5%;
}
#secure #complete{
	width:90%;
	margin-left:5%;
	background-color:rgba(0%,100%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}
.container #secure h2{
	width:90%;
	margin-left:5%;
	text-align:left;
	font-size-adjust:0.68;
	margin-bottom:0%;
	cursor:pointer;
	color:white;
}
.container #secure #text{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-bottom:-1%;
	margin-top:5%;
	text-align:center;
}
/* home page ends here */
/* shop page starts here */
.container #secure #cart{
	clear:both;
	text-align:center;
	margin-bottom:5%;
}
.container #secure #cart a{
	text-decoration:underline;
	color:black;
}
/* shop page ends here */
/* form page starts here */
.container #secure form{
	width:90%;
	margin-left:5%;
	color:purple;
}
.container #secure form fieldset{
	width:100%;
	color:purple;
	border-style:solid;
	border-color:purple;
}
.container #secure form fieldset #title{
	width:35%;
	line-height:200%;
	text-align:center;
	/*background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:black;*/
	margin-bottom:5%;
	margin-left:5%;
	margin-top:5%;
	background:purple;
	color:rgba(60%,20%,0%,0.1);
	color:white;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #fieldtext{
	width:90%;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #fieldtext input{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding:2%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #fieldtext select{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding:2%;
	background:white;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #fieldtext textarea{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	background:white;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #date{
	width:90%;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #date input{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding:2%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #date select{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding:2%;
	background:white;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #submit{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
.container #secure form fieldset #submit input{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	padding-top:2%;
	padding-bottom:2%;
	background:purple;
	color:rgba(60%,20%,0%,0.1);
	color:white;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
.container #secure form fieldset #click{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #click a{
	color:purple;
	text-decoration:underline;
}
/* form page ends here */
/* remove account page starts here */
#secure  form  > #delete{
	width:100%;
}
#secure  form > #delete #send{
	width:25%;
	position:fixed;
	top:82px;
	left:70%;
}
#secure  form  > #delete #send input{
	width:60%;
	background:white;
	border-style:solid;
	border-color:purple;
	color:black;
	margin-left:40%;
	line-height:200%;
}
.container #secure > form > table{
	clear:both;
	width:100%;
	text-align:center;
}
.container #secure > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.container #secure table tr{
	width:100%;
}
.container #secure table tr img{
	width:100%;
	height:50px;
}
.container #secure table tr td #cn{
	width:90%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	background:yellow;
	border-style:solid;
	border-color:yellow;
}
.container #secure table tr td #cy{
	width:90%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	background:green;
	border-style:solid;
	border-color:green;
}
.container #secure table tr td #cy a{
	color:white;
	text-decoration:none;
}
.container #secure table tr td #nn{
	width:90%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	background:red;
	border-style:solid;
	border-color:red;
}
.container #secure table a{
	color:black;
	text-decoration:underline;
}
/* remove account page ends here */
/* deposit saving page starts here */
.container #secure #account{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
.container #secure #sign{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
/* deposit saving page ends here */
/* table page stars here */
.container > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
/* table page ends here */
/* cart page starts here */
.container #secure form fieldset h2{
	width:90%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	text-align:center;
}
.container #secure form fieldset #item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	
}
.container #secure form fieldset #item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset .item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:x-small;
}
.container #secure form fieldset .item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset #total{
	width:90%;
	clear:both;
	margin-left:5%;
	text-align:center;
	color:green;
	margin-bottom:2%;
}
.container #secure form fieldset #cust{
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}
.container #secure form fieldset #cust input{
	width:100%;
	padding:2%;
	border-radius:5px;
}
.container #secure form fieldset #order{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.container #secure form fieldset #order input{
	width:30%;
	padding:2%;
	margin-left:70%;
	background:white;
	border-style:solid;
	color:orange;
	border-radius:5px;
}
.container #secure form fieldset #more{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #more a{
	color:black;
	text-decoration:underline;
}
/* cart page ends here */

.container #footer{
	clear:both;
	text-align:center;
	margin-top:50%;
	color:black;
	background:dimgrey;
	background:white;
	margin-bottom:-3%;
	border-style:solid;
	border-color:purple;
	box-sizing: border-box;
}
.container #footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:white;
	width:100%;
}

}

@media only screen and (min-width:481px)and (max-width:680px){
	
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:100%;
}	
.container{
	width:100%;
	height:auto;
	margin:0%;
	padding: 0;
	text-align:justify;
}
/* index page starts here */
#header{
	width:100%;
	margin:0;
	padding:0;
	height:auto;
}
.container #header img{
	width:25%;
	height:100px;
	margin-left:38.5%;
	margin-right:38.5%;
}
.container #menu{
	width:15%;
	background:white;
}
.container #menu #btn{
	background:white;
	width:100%;
	border-style:solid;
	border-color:white;
	color:purple;
	padding-bottom:20%;
	padding-top:20%;
	cursor:pointer;
}
.container #menu #link{
	width:30%;
	background:rgba(30%,50%,0%,0.3);
	background:white;
	position:absolute;
	z-index:1;
	text-align:center;
	display:none;
}
.container #menu #link a{
	text-decoration:none;
	color:purple;
	/*padding-bottom:2%;
	padding-top:2%;*/
	display:block;
	margin-top:10%;
	margin-bottom:10%;
}
.container #content-area{
	clear:both;
	width:100%;
	height:820px;
	margin-bottom:5%;
	margin-top:0%;
	padding:0;
	background:purple;
}
.container #content-area #pin{
	width:100%;
	overflow:hidden;
	height:300px;
}
.container #content-area #pin figure{
	position:relative;
	width:500%;
	margin:0;
	left:0;
	/*text-align:left;*/
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
.container #content-area #pin figure img{
	width:20%;
	float:left;
	height:300px;
}
.container #content-area #welcome{
	width:60%;
	position:absolute;
	left:20%;
	top:40%;
	text-align:center;
}
.container #content-area #welcome h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
	color:purple;
	padding:0;
	font-size:large;
}
.container #content-area #move{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:purple;
	color:red;
	margin:0;
	
}
.container #content-area #move marquee{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	line-height:250%;
}
.container #nne{
	clear:both;
	background:white;
	width:100%;
	margin-bottom:5%;
	margin-top:0%;
}
.container #nne h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container h2{
	color:purple;
}
.container #nne #vision{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #vision p{
	width:90%;
	margin-left:5%;
	text-align:center;
}
.container #nne #mission{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #mission p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #value #core{
	display:none;
}
.container #nne #value p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value p span{
	font-family:cursive;
	text-decoration:underline;
}
.container #nne #read{
	text-align:center;
	font-family:cursive;
	cursor:pointer;
	margin-bottom:2%;
}
.container #service{
	width:100%;
	height:auto;
	background:white;
}
.container #service h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container #service #daily{
	width:90%;
	margin-left:5%;
	margin-top:2%;
}
.container #service #daily img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #daily #dt{
	width:55%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	text-align:justify;
	margin-bottom:5%;
}
.container #service #daily #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #daily #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #spec{
	width:90%;
	margin-left:5%;
	margin-top:5%;
}
.container #service #spec img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #spec #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #spec #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #spec #dt p{
	width:90%;
	margin-left:5%;
}
.container #service #target{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #target img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #target #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #target #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #target #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #target #dt p a{
	color:styblue;
	text-decoration:none;
}
.container #service #food{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #food img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #food #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #food #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #food #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #asset{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:110%;
}
.container #service #asset img{
	width:40%;
	height:150px;
	float:left;
}
.container #service #asset #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #asset #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #asset #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
/*index page ends here */
/* contact page starts here */
.container #content-area #contact{
	width:100%;
	height:auto;
}
.container #content-area #contact img{
	width:100%;
	height:300px;
}
.container #content-area #address{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	background:white;
	border-radius:5px;
	margin-bottom:5%;
	padding-top:5%;
}
.container #content-area #address #phone{
	width:90%;
	margin-left:5%;
}
.container #content-area #address #phone h3{
	margin-bottom:5%;
}
.container #content-area #address hr{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	border-style:solid;
	border-color:purple;
}
.container #content-area #address #office{
	width:90%;
	margin-left:5%;
}
.container #content-area #address #office h3{
	margin-bottom:5%;
}
.container #content-area #map{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
}
.container #content-area #map iframe{
	width:100%;
}
/* login and registration pages starts here */
#content-area{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:purple;
}
#content-area #part{
	width:90%;
	margin-left:5%;
	background:white;
}
#content-area #part > p{
	width:95%;
	margin-left:2.5%;
	padding-top:2%;
	padding-bottom:2%;
}
#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:0%;
	margin-bottom:0%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:0%;
	margin-bottom:0%;
	padding:0;
	color:green;
	text-align:center;
}
#content-area  form{
	background:white;
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:50%;
	height:auto;
	color:purple;
	border-radius:5px;
	text-align:left;
}
#content-area form #title{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #title h3{
	width:100%;
	color:purple;
}
#content-area  form h3 hr{
	color:white;
	width:100%;
	margin-top:0%;
	border-style:solid;
	border-color:purple;
}
#content-area form #email{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	color:purple;
}
#content-area form #email select{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	color:purple;
}
#content-area form #email textarea{
	width:100%;
	height:120px;
	margin-top:1%;
	color:purple;
}
#content-area form #birth{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
	color:white;
	display:none;
}
#content-area form #birth #day{
	width:33%;
	float:left;
}
#content-area form #birth #day select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #month{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #month select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #year{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #year input{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	padding-left:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #mo{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
	display:none;
}
	
#content-area form #mo input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #s{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:0%;
	text-align:left;
}
#content-area form #ans{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	text-align:left;
}
#content-area form #ans input{
	margin-right:2%;
	accent-color: pink; 
}
#content-area form #ans #yes{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #no{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #maybe{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #submit{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
	padding-bottom:5%;
}
#content-area form #submit input{
	width:40%;
	margin-bottom:0%;
	padding-top:3%;
	padding-bottom:3%;
	background:whitesmoke;
	background:purple;
	color:white;
	border-style:solid;
	border-color:purple;
	margin-left:60%;
	border-radius:5px;
}
#content-area form #forget{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	padding-bottom:5%;
	text-align:center;
}
#content-area form #forget a{
	color:purple;
	text-decoration:underline;
	padding-top:2%;
	padding-bottom:2%;
}
/* index pages ends here */
/* logged in pages start here */
#sidebar{
	width:20%;
	float:left;
}
#sidebar  #image {
	width:100%;
	height:200px;
	display:none;
	margin:0;
	padding:0;
}
#sidebar  .dropdown {
	position: relative;
    display: inline-block;
	background:midnightblue;
	height:auto;
	font-size-adjust:0.50;
	text-align:center;
}
#sidebar  .dropdown .dropbtn {
	background:midnightblue;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	margin-top:0%;
	font-size:100%;
}

#sidebar .dropdown .dropdown-content{
	display: none;
	position: absolute;
	background:white;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
#sidebar .dropbtn:hover, .dropbtn:focus {
	background-color: white;
	color:black;
}
 #sidebar .dropdown-content a {
	color: black;
	padding: 2%;
	text-decoration: none;
	display: block;
}
.container #sidebar .show {display:block; text-align:center;} 

.container #secure{
	width:100%;
	margin-top:0%;
	margin-bottom:10%;
	background:whitesmoke;
	height:1200px;
	overflow:auto;
}
.container #secure #dashboard{
	width:90%;
	height:auto;
	margin-left:5%;
	padding:0;
	line-height:300%;
}

.container #secure p{
	width:90%;
	height:auto;
	margin-right:5%;
	margin-top:0%;
	padding:0;
	line-height:300%;
	text-align:right;
}

.container #secure   #warn{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure   #success{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure  #warn h3{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure  #success h3{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure > h2{
	width:100%;
	padding:0;
	text-align:center;
}
/* home page starts here */
.container #secure #avaliable{
	width:90%;
	clear:both;
	margin-right:5%;
	margin-bottom:5%;
	margin-top:-2%;
	text-align:center;
}
#secure #avaliable #see_more{
	cursor:pointer;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	color:darkslateblue;
	font-weight:bolder;
	font-variant:small-caps;
}
#secure #avaliable #show{
	clear:both;
	text-align:center;
	width:100%;
	display:none;
}
#secure #avaliable #show #all{
	width:50%;
	float:left;
	margin-top:2%;
}
.container #secure #first{
	width:90%;
	clear:both;
	background:darkslateblue;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #first #open{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #first #open #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #first #open #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #second{
	width:90%;
	background:orange;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #second #bal{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #second #bal #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #second #bal #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #third{
	width:90%;
	background:turquoise;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
.container #secure #fouth{
	width:90%;
	background:lightskyblue;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #fifth{
	width:90%;
	background:rgba(46%,60%,0%,0.3);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #sixth{
	width:90%;
	background:rgba(46%,60%,90%,0.7);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #udo{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
#secure #start{
	width:90%;
	margin-left:5%;
	background-color:rgba(100%,10%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}

#secure #ready{
	
	width:90%;
	margin-left:5%;
	background-color:yellow;
	line-height:300%;
	margin-bottom:5%;
}
#secure #ten{
	
	width:90%;
	margin-left:5%;
	background-color:rgba(20%,100%,0%,0.1);
	line-height:300%;
	margin-bottom:5%;
}
#secure #complete{
	width:90%;
	margin-left:5%;
	background-color:rgba(0%,100%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}
.container #secure h2{
	width:90%;
	margin-left:5%;
	text-align:left;
	font-size-adjust:0.68;
	margin-bottom:0%;
	cursor:pointer;
}
.container #secure #text{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-bottom:-1%;
	margin-top:5%;
	text-align:center;
}
/* home page ends here */
/* shop page starts here */
.container #secure #cart{
	clear:both;
	text-align:center;
	margin-bottom:5%;
}
.container #secure #cart a{
	text-decoration:none;
	color:orange;
}
/* shop page ends here */
/* form page starts here */
.container #secure form{
	width:90%;
	margin-left:5%;
}
.container #secure form fieldset{
	width:100%;
}
.container #secure form fieldset #title{
	width:35%;
	line-height:200%;
	text-align:center;
	/*background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:black;*/
	background:white;
	border-style:groove;
	border-color:white;
	margin-bottom:5%;
	margin-top:5%;
}
.container #secure form fieldset #fieldtext{
	width:100%;
	color:black;
	margin-bottom:5%;
}
.container #secure form fieldset #fieldtext input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #fieldtext select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #fieldtext textarea{
	width:100%;
	background:white;
}
.container #secure form fieldset #date{
	width:100%;
	color:black;
	margin-bottom:5%;
}
.container #secure form fieldset #date input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #date select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #submit{
	width:30%;
	margin-left:70%;
	margin-top:5%;
	margin-bottom:5%;
}
.container #secure form fieldset #submit input{
	width:100%;
	margin-left:0%;
	padding-top:10%;
	padding-bottom:10%;
	background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #click{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #click a{
	color:black;
	text-decoration:underline;
}
/* form page ends here */
/* remove account page starts here */
#secure  form  > #delete{
	width:100%;
}
#secure  form > #delete #send{
	width:25%;
	position:fixed;
	top:82px;
	left:70%;
}
#secure  form  > #delete #send input{
	width:60%;
	background:red;
	border-style:groove;
	border-color:yellow;
	color:white;
	margin-left:40%;
	line-height:200%;
}
.container #secure > form > table{
	clear:both;
	width:100%;
	text-align:center;
}
.container #secure > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.container #secure table img{
	width:100%;
	height:80px;
}
.container #secure table tr td #cn{
	width:80%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	background:yellow;
	border-style:solid;
	border-color:yellow;
}
.container #secure table tr td #cy{
	width:90%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	background:green;
	border-style:solid;
	border-color:green;
}
.container #secure table tr td #cy a{
	color:white;
	text-decoration:none;
}
.container #secure table tr td #nn{
	width:80%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	background:red;
	border-style:solid;
	border-color:red;
}
.container #secure table a{
	color:black;
	text-decoration:underline;
}
/* remove account page ends here */
/* deposit saving page starts here */
.container #secure #account{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
.container #secure #sign{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
/* deposit saving page ends here */
/* table page stars here */
.container > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
/* table page ends here */
/* cart page starts here */
.container #secure form fieldset h2{
	width:90%;
	margin-top:0%;
	margin-bottom:1%;
	margin-left:5%;
	text-align:center;
}
.container #secure form fieldset #item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset #item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset .item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset .item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset #total{
	width:90%;
	clear:both;
	margin-left:5%;
	text-align:center;
	color:green;
	margin-bottom:2%;
}
.container #secure form fieldset #cust{
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}
.container #secure form fieldset #cust input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #order{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.container #secure form fieldset #order input{
	width:30%;
	padding:2%;
	margin-left:70%;
	background:white;
	border-style:groove;
	color:black;
}
.container #secure form fieldset #more{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #more a{
	color:black;
	text-decoration:underline;
}
/* cart page ends here */
.container #footer{
	clear:both;
	text-align:center;
	color:black;
	background:dimgrey;
	background:white;
	margin-bottom:-3%;
	border-style:solid;
	border-color:purple;
	box-sizing: border-box;
}
.container #footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:white;
	width:100%;
}
	
}
/* */
@media only screen and (min-width:681px) and (max-width:880px){

body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:100%;
}	
.container{
	width:100%;
	height:auto;
	margin:0%;
	padding: 0;
	text-align:justify;
}
/* index page starts here */
#header{
	width:100%;
	margin:0;
	padding:0;
	height:auto;
}
.container #header img{
	width:25%;
	height:100px;
	margin-left:38.5%;
	margin-right:38.5%;
}
.container #menu{
	width:15%;
	background:white;
}
.container #menu #btn{
	background:white;
	width:100%;
	border-style:solid;
	border-color:white;
	color:purple;
	padding-bottom:20%;
	padding-top:20%;
	cursor:pointer;
}
.container #menu #link{
	width:30%;
	background:rgba(30%,50%,0%,0.3);
	background:white;
	position:absolute;
	z-index:1;
	text-align:center;
	display:none;
}
.container #menu #link a{
	text-decoration:none;
	color:purple;
	/*padding-bottom:2%;
	padding-top:2%;*/
	display:block;
	margin-top:10%;
	margin-bottom:10%;
}
.container #content-area{
	clear:both;
	width:100%;
	height:820px;
	margin-bottom:5%;
	margin-top:0%;
	padding:0;
	background:purple;
}
.container #content-area #pin{
	width:100%;
	overflow:hidden;
	height:300px;
}
.container #content-area #pin figure{
	position:relative;
	width:500%;
	margin:0;
	left:0;
	/*text-align:left;*/
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
.container #content-area #pin figure img{
	width:20%;
	float:left;
	height:300px;
}
.container #content-area #welcome{
	width:60%;
	position:absolute;
	left:20%;
	top:40%;
	text-align:center;
}
.container #content-area #welcome h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
	color:purple;
	padding:0;
	font-size:large;
}
.container #content-area #move{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:purple;
	color:red;
	margin:0;
	
}
.container #content-area #move marquee{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	line-height:250%;
}
.container #nne{
	clear:both;
	background:white;
	width:100%;
	margin-bottom:5%;
	margin-top:0%;
}
.container #nne h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container h2{
	color:purple;
}
.container #nne #vision{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #vision p{
	width:90%;
	margin-left:5%;
	text-align:center;
}
.container #nne #mission{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #mission p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.container #nne #value #core{
	display:none;
}
.container #nne #value p{
	width:90%;
	text-align:center;
	margin-left:5%;
}
.container #nne #value p span{
	font-family:cursive;
	text-decoration:underline;
}
.container #nne #read{
	text-align:center;
	font-family:cursive;
	cursor:pointer;
	margin-bottom:2%;
}
.container #service{
	width:100%;
	height:auto;
	background:white;
}
.container #service h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container #service #daily{
	width:90%;
	margin-left:5%;
	margin-top:2%;
}
.container #service #daily img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #daily #dt{
	width:55%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	text-align:justify;
	margin-bottom:5%;
}
.container #service #daily #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #daily #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #spec{
	width:90%;
	margin-left:5%;
	margin-top:5%;
}
.container #service #spec img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #spec #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #spec #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #spec #dt p{
	width:90%;
	margin-left:5%;
}
.container #service #target{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #target img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #target #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #target #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;	
}
.container #service #target #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #target #dt p a{
	color:styblue;
	text-decoration:none;
}
.container #service #food{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:50%;
}
.container #service #food img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #food #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:15%;
}
.container #service #food #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #food #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #asset{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:110%;
}
.container #service #asset img{
	width:40%;
	height:150px;
	float:left;
}
.container #service #asset #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
	margin-bottom:40%;
}
.container #service #asset #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	color:purple;
	font-size:large;
}

.container #service #asset #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
/*index page ends here */
/* contact page starts here */
.container #content-area #contact{
	width:100%;
	height:auto;
}
.container #content-area #contact img{
	width:100%;
	height:300px;
}
.container #content-area #address{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	background:white;
	border-radius:5px;
	margin-bottom:5%;
	padding-top:5%;
}
.container #content-area #address #phone{
	width:90%;
	margin-left:5%;
}
.container #content-area #address #phone h3{
	margin-bottom:5%;
}
.container #content-area #address hr{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	border-style:solid;
	border-color:purple;
}
.container #content-area #address #office{
	width:90%;
	margin-left:5%;
}
.container #content-area #address #office h3{
	margin-bottom:5%;
}
.container #content-area #map{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
}
.container #content-area #map iframe{
	width:100%;
}
/* login and registration pages starts here */
#content-area{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:purple;
}
#content-area #part{
	width:90%;
	margin-left:5%;
	background:white;
}
#content-area #part > p{
	width:95%;
	margin-left:2.5%;
	padding-top:2%;
	padding-bottom:2%;
}
#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:0%;
	margin-bottom:0%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:0%;
	margin-bottom:0%;
	padding:0;
	color:green;
	text-align:center;
}
#content-area  form{
	background:white;
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:50%;
	height:auto;
	color:purple;
	border-radius:5px;
}
#content-area form #title{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #title h3{
	width:100%;
	line-height:300%;
	text-align:center;
	color:purple;
}
#content-area  form h3 hr{
	color:white;
	width:100%;
	margin-top:-2%;
	border-style:solid;
	border-color:purple;
}
#content-area form #email{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	color:purple;
}
#content-area form #email select{
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:1%;
	background:white;
	color:purple;
}
#content-area form #email textarea{
	width:100%;
	height:120px;
	margin-top:1%;
	color:purple;
}
#content-area form #birth{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
}
	
#content-area form #birth input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #mo{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
}
	
#content-area form #mo input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #s{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:0%;
	text-align:left;
}
#content-area form #ans{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	text-align:left;
}
#content-area form #ans input{
	margin-right:2%;
	accent-color: pink; 
}
#content-area form #ans #yes{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #no{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #maybe{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #submit{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
	padding-bottom:5%;
}
#content-area form #submit input{
	width:40%;
	margin-bottom:0%;
	padding-top:3%;
	padding-bottom:3%;
	background:whitesmoke;
	background:purple;
	color:white;
	border-style:solid;
	border-color:purple;
	margin-left:60%;
	border-radius:5px;
}
#content-area form #forget{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	padding-bottom:5%;
	text-align:center;
}
#content-area form #forget a{
	color:purple;
	text-decoration:underline;
	padding-top:2%;
	padding-bottom:2%;
}
/* index pages ends here */
/* logged in pages start here */
#sidebar{
	width:20%;
	float:left;
}
#sidebar  #image {
	width:100%;
	height:200px;
	display:none;
	margin:0;
	padding:0;
}
#sidebar  .dropdown {
	position: relative;
    display: inline-block;
	background:midnightblue;
	height:auto;
	font-size-adjust:0.50;
	text-align:center;
}
#sidebar  .dropdown .dropbtn {
	background:midnightblue;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	margin-top:0%;
	font-size:100%;
}

#sidebar .dropdown .dropdown-content{
	display: none;
	position: absolute;
	background:white;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
#sidebar .dropbtn:hover, .dropbtn:focus {
	background-color: white;
	color:black;
}
 #sidebar .dropdown-content a {
	color: black;
	padding: 2%;
	text-decoration: none;
	display: block;
}
.container #sidebar .show {display:block; text-align:center;} 

.container #secure{
	width:100%;
	margin-top:0%;
	margin-bottom:10%;
	background:whitesmoke;
	height:1200px;
	overflow:auto;
}
.container #secure #dashboard{
	width:90%;
	height:auto;
	margin-left:5%;
	padding:0;
	line-height:300%;
}

.container #secure p{
	width:90%;
	height:auto;
	margin-right:5%;
	margin-top:0%;
	padding:0;
	line-height:300%;
	text-align:right;
}

.container #secure   #warn{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure   #success{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure  #warn h3{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
.container #secure  #success h3{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
.container #secure > h2{
	width:100%;
	padding:0;
	text-align:center;
}
/* home page starts here */
.container #secure #avaliable{
	width:90%;
	clear:both;
	margin-right:5%;
	margin-bottom:5%;
	margin-top:-2%;
	text-align:center;
}
#secure #avaliable #see_more{
	cursor:pointer;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	color:darkslateblue;
	font-weight:bolder;
	font-variant:small-caps;
}
#secure #avaliable #show{
	clear:both;
	text-align:center;
	width:100%;
	display:none;
}
#secure #avaliable #show #all{
	width:50%;
	float:left;
	margin-top:2%;
}
.container #secure #first{
	width:90%;
	clear:both;
	background:darkslateblue;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #first #open{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #first #open #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #first #open #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #second{
	width:90%;
	background:orange;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #second #bal{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #second #bal #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
#secure #second #bal #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:0%;
}
.container #secure #third{
	width:90%;
	background:turquoise;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
.container #secure #fouth{
	width:90%;
	background:lightskyblue;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #fifth{
	width:90%;
	background:rgba(46%,60%,0%,0.3);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #sixth{
	width:90%;
	background:rgba(46%,60%,90%,0.7);
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #udo{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
#secure #start{
	width:90%;
	margin-left:5%;
	background-color:rgba(100%,10%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}

#secure #ready{
	
	width:90%;
	margin-left:5%;
	background-color:yellow;
	line-height:300%;
	margin-bottom:5%;
}
#secure #ten{
	
	width:90%;
	margin-left:5%;
	background-color:rgba(20%,100%,0%,0.1);
	line-height:300%;
	margin-bottom:5%;
}
#secure #complete{
	width:90%;
	margin-left:5%;
	background-color:rgba(0%,100%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}
.container #secure h2{
	width:90%;
	margin-left:5%;
	text-align:left;
	font-size-adjust:0.68;
	margin-bottom:0%;
	cursor:pointer;
}
.container #secure #text{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-bottom:-1%;
	margin-top:5%;
	text-align:center;
}
/* home page ends here */
/* shop page starts here */
.container #secure #cart{
	clear:both;
	text-align:center;
	margin-bottom:5%;
}
.container #secure #cart a{
	text-decoration:none;
	color:orange;
}
/* shop page ends here */
/* form page starts here */
.container #secure form{
	width:90%;
	margin-left:5%;
}
.container #secure form fieldset{
	width:100%;
}
.container #secure form fieldset #title{
	width:35%;
	line-height:200%;
	text-align:center;
	/*background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:black;*/
	background:white;
	border-style:groove;
	border-color:white;
	margin-bottom:5%;
	margin-top:5%;
}
.container #secure form fieldset #fieldtext{
	width:100%;
	color:black;
	margin-bottom:5%;
}
.container #secure form fieldset #fieldtext input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #fieldtext select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #fieldtext textarea{
	width:100%;
	background:white;
}
.container #secure form fieldset #date{
	width:100%;
	color:black;
	margin-bottom:5%;
}
.container #secure form fieldset #date input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #date select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #submit{
	width:30%;
	margin-left:70%;
	margin-top:5%;
	margin-bottom:5%;
}
.container #secure form fieldset #submit input{
	width:100%;
	margin-left:0%;
	padding-top:10%;
	padding-bottom:10%;
	background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #click{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #click a{
	color:black;
	text-decoration:underline;
}
/* form page ends here */
/* remove account page starts here */
#secure  form  > #delete{
	width:100%;
}
#secure  form > #delete #send{
	width:25%;
	position:fixed;
	top:82px;
	left:70%;
}
#secure  form  > #delete #send input{
	width:60%;
	background:red;
	border-style:groove;
	border-color:yellow;
	color:white;
	margin-left:40%;
	line-height:200%;
}
.container #secure > form > table{
	clear:both;
	width:100%;
	text-align:center;
}
.container #secure > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.container #secure table img{
	width:100%;
	height:80px;
}
.container #secure table tr td #cn{
	width:80%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	background:yellow;
	border-style:solid;
	border-color:yellow;
}
.container #secure table tr td #cy{
	width:90%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	background:green;
	border-style:solid;
	border-color:green;
}
.container #secure table tr td #cy a{
	color:white;
	text-decoration:none;
}
.container #secure table tr td #nn{
	width:80%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:10%;
	margin-right:10%;
	background:red;
	border-style:solid;
	border-color:red;
}
.container #secure table a{
	color:black;
	text-decoration:underline;
}
/* remove account page ends here */
/* deposit saving page starts here */
.container #secure #account{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
.container #secure #sign{
	width:90%;
	margin-left:5%;
	line-height:150%;
}
/* deposit saving page ends here */
/* table page stars here */
.container > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
/* table page ends here */
/* cart page starts here */
.container #secure form fieldset h2{
	width:90%;
	margin-top:0%;
	margin-bottom:1%;
	margin-left:5%;
	text-align:center;
}
.container #secure form fieldset #item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset #item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset .item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset .item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset #total{
	width:90%;
	clear:both;
	margin-left:5%;
	text-align:center;
	color:green;
	margin-bottom:2%;
}
.container #secure form fieldset #cust{
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}
.container #secure form fieldset #cust input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #order{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.container #secure form fieldset #order input{
	width:30%;
	padding:2%;
	margin-left:70%;
	background:white;
	border-style:groove;
	color:black;
}
.container #secure form fieldset #more{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #more a{
	color:black;
	text-decoration:underline;
}
/* cart page ends here */
.container #footer{
	clear:both;
	text-align:center;
	color:black;
	background:dimgrey;
	background:white;
	margin-bottom:-3%;
	border-style:solid;
	border-color:purple;
	box-sizing: border-box;
}
.container #footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:white;
	width:100%;
}	
	
}

/* from 10 inch to 14 inch screen size */
@media only screen and (min-width:881px) and (max-width:1030px){
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:100%;
}	
.container{
	width:100%;
	height:auto;
	margin:0%;
	padding: 0;
}

caption{
	width:100%;
	color:blue;
}
.container #header{
	width:12%;
	float:left;
	margin-left:0;
	padding:0;
	height:auto;
}
.container #header img{
	width:100%;
	height:118px;
	margin-left:1%;
	margin-right:40%;
}
.container #menu{
	width:85%;
	line-height:740%;
	text-align:center;
	/*margin-bottom:5%;*/
}
.container #menu #btn{
	display:none;
}
.container #menu #link{
	width:100%;
}
.container #menu #link a:link{
	text-decoration:none;
	color:black;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1.5%;
	padding-top:1.5%;
}
.container #menu #link a:visited{
	text-decoration:none;
	color:black;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1.5%;
	padding-top:1.5%;
}
.container #menu #link a:hover{
	text-decoration:none;
	color:black;
	border-style:solid;
	border-color:black;
	/*padding-left:1%;
	padding-right:1%;
	padding-bottom:1.5%;
	padding-top:1.5%;*/
}
.container #content-area{
	clear:both;
	width:100%;
	height:auto;
	margin-bottom:5%;
	margin-top:0%;
	padding:0;
	background:purple;
}
#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
#content-area  form{
	background:white;
	width:50%;
	margin-left:25%;
	margin-top:5%;
	height:auto;
	margin-bottom:20%;
}
#content-area  form input focus{
	border:orange;
}
#content-area  form hr{
	color:whitesmoke;
	margin-top:0%;
}
#content-area form #title{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #title{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #title h3{
	width:100%;
	text-align:left;
}
#content-area form #email{
	width:80%;
	margin-left:10%;
	margin-top:2%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:-0.5%;
}
#content-area form #email select{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	background:white;
}
#content-area form #email textarea{
	width:100%;
	height:200px;
	margin-top:1%;
}
#content-area form #date{
	width:35%;
	margin-left:10%;
	margin-top:-2%;
	margin-bottom:5%;
	float:left;
}
#content-area form #email select{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:-0.5%;
}
#content-area form #email textarea{
	width:100%;
	padding-top:5%;
	padding-bottom:5%;
	margin-top:-0.5%;
}
#content-area form #birth{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
}
	
#content-area form #birth input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #mo{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	text-align:left;
}
	
#content-area form #mo input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #password{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #s{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:0%;
	text-align:left;
}
#content-area form #ans{
	width:80%;
	margin-right:10%;
	margin-left:10%;
	text-align:left;
}
#content-area form #ans input{
	margin-right:2%;
	accent-color: pink; 
}
#content-area form #ans #yes{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #no{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #maybe{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #password input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:-0.5%;
}
#content-area form #submit{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #submit input{
	width:40%;
	padding-top:2%;
	padding-bottom:2%;
	margin-top:0%;
	background:purple;
	border-color:purple;
	margin-bottom:5%;
	margin-left:60%;
	color:white;
}
#content-area form #forget{
	width:80%;
	margin-left:10%;
	margin-top:5%;
	padding-bottom:5%;
	text-align:center;
	text-transform:capitalize;
}
#content-area form #forget a{
	color:black;
	text-decoration:underline;
	padding-top:2%;
	padding-bottom:2%;
}
/* logged in pages start here */
#sidebar{
	width:30%;
	background:midnightblue;
	height:auto;
	float:left;
	font-size-adjust:0.50;
	margin-top:-3%;
}
#sidebar  #image {
	width:100%;
	height:200px;
	background:url('../background_images/b.jpg');
	margin:0;
	padding:0;
}
#sidebar  .dropdown {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#sidebar  .dropdown .dropbtn {
	display:none;
}
#sidebar .dropdown  {
	width:100%;
	margin:0;
}

#sidebar .dropdown .dropdown-content{
	width:100%;
	text-align:center;
}
#sidebar .dropdown .dropdown-content a:link{
	display:block;
	width:100%;
	text-decoration:none;
	padding:2%;
	color:white;
}
#sidebar .dropdown .dropdown-content a:visited{
	display:block;
	width:100%;
	text-decoration:underline;
	padding:2%;
	color:white;
}
#sidebar .dropdown .dropdown-content a:hover{
	display:block;
	width:100%;
	text-decoration:underline;
}
#secure{
	width:70%;
	margin-top:5%;
	margin-bottom:5%;
	background:whitesmoke;
	height:700px;
	float:left;
	color:grey;
	overflow:auto;
}
#secure #dashboard{
	width:45%;
	height:auto;
	margin-left:5%;
	padding:0;
	line-height:500%;
	float:left;
}
#secure p{
	width:45%;
	height:auto;
	margin-right:5%;
	margin-top:0%;
	padding:0;
	line-height:500%;
	float:right;
	text-align:right;
}

#secure   #warn{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:5%;
	height:auto;
	text-align:center;
	color:red;
} 
#secure   #success{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	color:green;
	text-align:center;
}
#secure #warn h3{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
#secure #success h3{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
#secure #avaliable{
	width:90%;
	clear:both;
	margin-left:5%;
	margin-bottom:-5%;
	margin-top:-5%;
	text-align:right;
}
#secure #avaliable #see_more{
	cursor:pointer;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	color:darkslateblue;
	font-weight:bolder;
	font-variant:small-caps;
}
#secure #avaliable #show{
	clear:both;
	text-align:center;
	width:100%;
	display:none;
}
#secure #avaliable #show #all{
	width:50%;
	float:left;
	margin-top:2%;
}
#secure #first{
	width:47%;
	background:darkslateblue;
	clear:both;
	float:left;
	margin-left:2%;
	margin-right:1%;
	margin-top:5%;
	line-height:400%;
	color:white;
	border-radius:5px;
}
#secure #first #open{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #first #open #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:-3%;
}
#secure #first #open #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:-3%;
}
#secure #second{
	width:47%;
	background:orange;
	float:left;
	margin-left:1%;
	margin-right:2%;
	margin-top:5%;
	line-height:400%;
	color:white;
	border-radius:5px;
}
#secure #second #bal{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #second #bal #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:100%;
	font-size:small;
	margin-top:-3%;
}
#secure #second #bal #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:100%;
	font-size:small;
	margin-top:-3%;
}
#secure #third{
	width:47%;
	background:turquoise;
	float:left;
	margin-left:2%;
	margin-top:5%;
	line-height:400%;
	color:white;
	border-radius:5px;
}
#secure #fouth{
	width:47%;
	background:lightskyblue;
	float:right;
	margin-right:2%;
	margin-top:5%;
	line-height:400%;
	margin-bottom:5%;
	color:white;
	border-radius:5px;
}
#secure #fifth{
	width:47%;
	background:rgba(46%,60%,0%,0.3);
	float:left;
	margin-left:2%;
	margin-top:5%;
	line-height:400%;
	color:white;
	border-radius:5px;
}
#secure #sixth{
	width:47%;
	background:rgba(46%,60%,90%,0.7);
	float:right;
	margin-right:2%;
	margin-top:0%;
	line-height:400%;
	color:white;
	border-radius:5px;
}
#secure #udo{
	clear:both;
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
#secure #start{
	width:43%;
	float:left;
	margin-left:5%;
	background-color:rgba(100%,10%,0%,0.5);
	line-height:400%;
	margin-bottom:5%;
}

#secure #ready{
	
	width:43%;
	float:left;
	margin-left:5%;
	background-color:yellow;
	line-height:400%;
	margin-bottom:5%;
}
#secure #ten{
	
	width:43%;
	float:left;
	margin-left:5%;
	background-color:rgba(20%,100%,0%,0.1);
	line-height:400%;
	margin-bottom:5%;
}
#secure #complete{
	width:43%;
	float:left;
	margin-left:5%;
	background-color:rgba(0%,100%,0%,0.5);
	line-height:400%;
	margin-bottom:5%;
}
#secure #text{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-bottom:-2%;
	text-align:center;
}
.container #secure h2{
	width:99%;
	margin-left:1%;
	text-align:left;
	font-size-adjust:0.68;
	margin-bottom:0%;
	cursor:pointer;
}
.container #secure #text{
	clear:both;
	width:99%;
	margin-left:1%;
	margin-bottom:-1%;
	margin-top:5%;
}
/* home page ends here */
/* shop page starts here */
.container #secure #cart{
	clear:both;
	text-align:center;
	margin-bottom:5%;
}
.container #secure #cart a{
	text-decoration:none;
	color:orange;
}
/* shop page ends here */
/* form page starts here */
.container #secure form{
	width:90%;
	margin-left:5%;
}
.container #secure form fieldset{
	width:100%;
}
.container #secure form fieldset #title{
	width:25%;
	line-height:200%;
	text-align:center;
	background:white;
	border-style:groove;
	border-color:white;
	margin-bottom:5%;
	margin-top:5%;
	margin-left:5%;
}
.container #secure form fieldset #fieldtext{
	width:90%;
	color:black;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #fieldtext input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #fieldtext select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #fieldtext textarea{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #date{
	width:42.5%;
	color:black;
	float:left;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #date input{
	width:100%;
	padding:5%;
}
.container #secure form fieldset #date select{
	width:100%;
	padding:5%;
	background:white;
}
.container #secure form fieldset #submit{
	width:20%;
	margin-left:5%;
	margin-left:75%;
	margin-top:5%;
	margin-bottom:5%;
}
.container #secure form fieldset #submit input{
	width:100%;
	margin-left:0%;
	padding-top:10%;
	padding-bottom:10%;
	background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #click{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #click a{
	color:black;
	text-decoration:underline;
}
/* form page ends here */
/* remove account page starts here */
#secure  form  > #delete{
	width:100%;
}
#secure  form > #delete #send{
	width:25%;
	position:fixed;
	top:110px;
	left:71%;
}
#secure  form  > #delete #send input{
	width:40%;
	background:red;
	border-style:groove;
	border-color:yellow;
	color:white;
	margin-left:60%;
	line-height:200%;
}
.container #secure > form > table{
	clear:both;
	width:100%;
	text-align:center;
}
.container #secure > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.container #secure table img{
	width:100%;
	height:80px;
}
.container #secure table tr td #cn{
	width:62%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:19%;
	margin-right:19%;
	background:yellow;
	border-style:solid;
	border-color:yellow;
}
.container #secure table tr td #cy{
	width:62%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:19%;
	margin-right:19%;
	background:green;
	border-style:solid;
	border-color:green;
}
.container #secure table tr td #cy a{
	color:white;
	text-decoration:none;
}
.container #secure table tr td #nn{
	width:62%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:19%;
	margin-right:19%;
	background:red;
	border-style:solid;
	border-color:red;
}
.container #secure table a{
	color:black;
	text-decoration:underline;
}
/* remove account page ends here */
/* deposit saving page starts here */
.container #secure #account{
	width:35%;
	float:left;
	margin-left:5%;
	line-height:150%;
}
.container #secure #sign{
	width:50%;
	float:right;
	margin-right:5%;
	line-height:150%;
	margin-top:-2%;
}
/* deposit saving page ends here */
/* table page stars here */
.container > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
/* table page ends here */
/* cart page starts here */
.container #secure form fieldset h2{
	width:90%;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:5%;
	text-align:center;
}
.container #secure form fieldset #item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset #item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset .item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	font-size:small;
}
.container #secure form fieldset .item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset #total{
	width:90%;
	clear:both;
	margin-left:5%;
	text-align:center;
	color:green;
	margin-bottom:2%;
}
.container #secure form fieldset #cust{
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}
.container #secure form fieldset #cust input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #order{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.container #secure form fieldset #order input{
	width:30%;
	padding:2%;
	margin-left:70%;
	background:white;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #more{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #more a{
	color:orange;
	text-decoration:none;
}
/* cart page ends here */
.container #footer{
	width:100%;
	clear:both;
	height:auto;
	background:dimgrey;
	color:white;
	margin-top:-2%;
	
}	
.container #footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:black;
	width:100%;
}

}

@media only screen and (min-width:1031px){
body {
	margin:0;
	padding: 0;
	width:100%;
	font-size:100%;
}	
.container{
	width:100%;
	height:auto;
	margin:0%;
	padding: 0;
}
.container #header{
	width:12%;
	float:left;
	margin-left:0;
	padding:0;
	height:auto;
}
.container #header img{
	width:100%;
	height:118px;
	margin-left:1%;
	margin-right:40%;
}
.container #menu{
	width:85%;
	line-height:740%;
	text-align:center;
	/*margin-bottom:5%;*/
}
.container #menu #btn{
	display:none;
}
.container #menu #link{
	width:100%;
}
.container #menu #link a:link{
	text-decoration:none;
	color:black;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1.5%;
	padding-top:1.5%;
}
.container #menu #link a:visited{
	text-decoration:none;
	color:black;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:1.5%;
	padding-top:1.5%;
}
.container #menu #link a:hover{
	text-decoration:none;
	color:black;
	border-style:solid;
	border-color:black;
}
.container #content-area{
	clear:both;
	width:100%;
	height:0%;
	margin-bottom:5%;
	margin-top:0%;
	padding:0;
	background:purple;
}
.container #content-area #pin{
	width:100%;
	overflow:hidden;
	height:auto;
}
.container #content-area #pin figure{
	position:relative;
	width:500%;
	margin:0;
	left:0;
	/*text-align:left;*/
	animation-name:slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
.container #content-area #pin figure img{
	width:20%;
	float:left;
	height:600px;
}
.container #content-area #welcome{
	width:40%;
	position:absolute;
	left:30%;
	top:80%;
	text-align:center;
}
.container #content-area #welcome h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
	color:white;
	padding:0;
	font-size:xx-large;
}
.container #content-area #move{
	width:100%;
	height:auto;
	/*background-color:rgba(0,0,0,0.9);*/
	background:black;
	color:white;
	margin:0;
	line-height:200%;
}
.container #content-area #move marquee{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	
}
.container #nne{
	clear:both;
	background:white;
	width:100%;
	margin-bottom:5%;
}
.container #nne h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container #nne #vision{
	width:26%;
	float:left;
}
.container #nne #vision p{
	width:90%;
	margin-left:10%;
	text-align:center;
}
.container #nne #mission{
	width:26%;
	float:left;
}
.container #nne #mission p{
	width:90%;
	text-align:center;
	margin-left:10%;
}
.container #nne #value{
	width:48%;
	margin-top:-1.5%;
	float:left;
}
.container #nne #value #core{
	display:none;
}
.container #nne #value p{
	width:80%;
	margin-left:10%;
	text-align:center;
}
.container #nne #value p span{
	font-family:cursive;
	text-decoration:underline;
}
.container #nne #read{
	text-align:center;
	font-family:cursive;
	cursor:pointer;
	margin-bottom:2%;
}
.container #service{
	width:100%;
	clear:both;
}
.container #service h2{
	text-align:center;
	font-family:cursive;
	text-transform:capitalize;
	margin-top:5%;
}
.container #service #daily{
	width:40%;
	margin-left:5%;
	float:left;
	margin-top:2%;
}
.container #service #daily img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #daily #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
.container #service #daily #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-size:large;
}

.container #service #daily #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #spec{
	width:40%;
	margin-left:5%;
	float:left;
	margin-top:2%;
	
}
.container #service #spec img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #spec #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
.container #service #spec #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-size:large;	
}
.container #service #spec #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #target{
	clear:both;
	margin-top:10%;
	width:40%;
	margin-left:30%;
	margin-right:30%;
}
.container #service #target img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #target #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
.container #service #target #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-size:large;	
}
.container #service #target #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #target #dt p a{
	color:styblue;
	text-decoration:none;
}
.container #service #food{
	width:40%;
	margin-right:5%;
	float:right;
	margin-top:5%;
	margin-bottom:5%;
}
.container #service #food img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #food #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
.container #service #food #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-size:large;
}

.container #service #food #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
.container #service #asset{
	width:40%;
	margin-right:5%;
	float:right;
	margin-top:5%;
	margin-bottom:5%;
}
.container #service #asset img{
	width:40%;
	height:200px;
	float:left;
}
.container #service #asset #dt{
	width:56%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
.container #service #asset #dt #title{
	width:100%;
	font-family:cursive;
	text-align:center;
	color:rgba(0,0,0,0.5);
	font-size:large;
}

.container #service #asset #dt p{
	width:90%;
	margin-left:5%;
	margin-bottom:20%;
}
/*index page ends here */
/* contact page starts here */
.container #content-area #contact{
	width:100%;
	height:auto;
}
.container #content-area #contact img{
	width:100%;
	height:600px;
}
.container #content-area .con{
	clear:both;
	width:100%;
	background:purple;
	height:990px;
}
.container #content-area .con #address{
	width:30%;
	float:left;
	margin-left:5%;
	margin-top:5%;
	background:white;
	border-radius:5px;
}
.container #content-area .con #address #phone{
	width:90%;
	margin-left:5%;
}
.container #content-area .con #address #phone h3{
	margin-bottom:5%;
	padding-top:5%;
}
.container #content-area .con #address hr{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	border-style:solid;
	border-color:purple;
}
.container #content-area .con #address #office{
	width:90%;
	margin-left:5%;
}
.container #content-area .con #address #office h3{
	margin-bottom:5%;
}
.container #content-area .con #map{
	width:45%;
	float:left;
	margin-left:5%;
	margin-bottom:5%;
	margin-top:2%;
}
.container #content-area .con #map iframe{
	width:100%;
}
/* login and registration pages starts here */
#content-area  #part{
	clear:both;
	width:40%;
	margin-left:30%;
	color:white;
	margin-top:2%;
	border-radius:5px;
} 

#content-area  #part > p{
	width:96%;
	padding:2%;
	text-align:justify;
}

#content-area  #warn{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:-5%;
	margin-top:5%;
	height:auto;
	text-align:center;
	color:white;
} 
#content-area  #success{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:-5%;
	margin-top:5%;
	padding:0;
	color:white;
	text-align:center;
}
#content-area  form{
	border-radius:5px;
	width:40%;
	margin-left:30%;
	margin-top:5%;
	margin-bottom:5%;
	color:white;
	padding-top:2%;
	padding-bottom:2%;
	text-align:left;
	border-style:solid;
	border-color:white;
}
#content-area  form input focus{
	border:purple;
}
#content-area  form hr{
	color:purple;
	margin-top:0%;
	border-style:solid;
	border-color:white;
}
#content-area form #title{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #title h3{
	width:100%;
}
#content-area form #email{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #email input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:0%;
	border-style:solid;
	border-color:white;
	color:purple;
	border-radius:5px;
}
#content-area form #s{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:0%;
	text-align:left;
}
#content-area form #ans{
	width:90%;
	margin-left:5%;
	text-align:left;
}
#content-area form #ans input{
	margin-right:2%;
	accent-color: pink; 
}
#content-area form #ans #yes{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #no{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #ans #maybe{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #email select{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:0%;
	background:white;
	border-style:solid;
	border-color:white;
	color:purple;
}
#content-area form #email textarea{
	width:100%;
	height:200px;
	margin-top:0%;
	color:purple;
	border-style:solid;
	border-color:white;
}
#content-area form #birth{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	text-align:left;
	color:white;
	display:none;
}
#content-area form #birth #day{
	width:33%;
	float:left;
}
#content-area form #birth #day select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #month{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #month select{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #birth #year{
	width:33%;
	float:left;
	margin-bottom:5%;
}
#content-area form #birth #year input{
	width:100%;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:1%;
	padding-left:1%;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
	background:white;
	color:purple;
}
#content-area form #mo{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	text-align:left;
	display:none;
}
	
#content-area form #mo input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:1%;
	color:purple;
	border-style:solid;
	border-color:purple;
	border-radius:5px;
}
#content-area form #password{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #password input{
	width:100%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	margin-top:0%;
	color:purple;
	border-style:solid;
	border-color:white;
	border-radius:5px;
}
#content-area form #submit{
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
}
#content-area form #submit input{
	width:20%;
	padding-top:3%;
	padding-bottom:3%;
	margin-top:0%;
	background:white;
	border-style:solid;
	border-color:white;
	margin-bottom:5%;
	margin-left:80%;
	color:purple;
	border-radius:5px;
}
#content-area form #forget{
	width:90%;
	margin-left:5%;
	text-align:center;
	text-transform:capitalize;
	padding-bottom:5%;
}
#content-area form #forget a{
	color:white;
	font-family:cursive;
}
/* login and registration pages ends here */
/* logged in pages start here */
#sidebar{
	width:27%;
	background:midnightblue;
	height:auto;
	float:left;
	font-size-adjust:0.50;
	margin-top:0%;
}
#sidebar  #image {
	width:100%;
	height:200px;
	background:url('../background_images/b.jpg');
	margin:0;
	padding:0;
}
#sidebar  .dropdown {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#sidebar  .dropdown .dropbtn {
	display:none;
}
#sidebar .dropdown  {
	width:100%;
	margin:0;
}

#sidebar .dropdown .dropdown-content{
	width:100%;
	text-align:center;
}
#sidebar .dropdown .dropdown-content a:link{
	display:block;
	width:100%;
	text-decoration:none;
	padding:2%;
	color:white;
}
#sidebar .dropdown .dropdown-content a:visited{
	display:block;
	width:100%;
	text-decoration:underline;
	padding:2%;
	color:white;
}
#sidebar .dropdown .dropdown-content a:hover{
	display:block;
	width:100%;
	text-decoration:underline;
}
#secure{
	width:73%;
	margin-top:5%;
	margin-bottom:5%;
	background:whitesmoke;
	height:900px;
	float:left;
	color:grey;
	overflow:auto;
}
#secure #dashboard{
	width:45%;
	height:auto;
	margin-left:5%;
	padding:0;
	line-height:500%;
	float:left;
}
#secure p{
	width:45%;
	height:auto;
	margin-right:5%;
	margin-top:0%;
	padding:0;
	line-height:500%;
	float:right;
	text-align:right;
}

#secure   #warn{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:5%;
	height:auto;
	text-align:center;
	color:red;
} 
#secure   #success{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0;
	color:green;
	text-align:center;
}
#secure   #warn h3{
	clear:both;
	width:90%;
	margin-top:5%;
	margin:5%;
	margin-bottom:-5%;
	height:auto;
	text-align:center;
	color:red;
} 
#secure   #success h3{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:-5%;
	padding:0;
	color:green;
	text-align:center;
}
#secure h2{
	width:100%;
	padding:0;
	text-align:center;
}
#secure h3{
	text-align:center;
}
#secure #avaliable{
	clear:both;
	width:90%;
	margin-left:5%;
	text-align:right;
}
#secure #avaliable #see_more{
	cursor:pointer;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	color:darkslateblue;
	font-weight:bolder;
	font-variant:small-caps;
}
#secure #avaliable #show{
	clear:both;
	text-align:center;
	width:100%;
	display:none;
}
#secure #avaliable #show #all{
	width:50%;
	float:left;
	margin-top:2%;
}
#secure #first{
	width:42%;
	background:darkslateblue;
	clear:both;
	float:left;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #first #open{
	width:100%;
	margin-top:5%;
	display:none;
}
#secure #first #open #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:150%;
	margin-top:5%;
	font-size:small;
}
#secure #first #open #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:150%;
	font-size:small;
	margin-top:5%;
}
#secure #second{
	width:42%;
	background:orange;
	float:right;
	margin-right:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #second #bal{
	width:100%;
	margin-top:0%;
	display:none;
}
#secure #second #bal #deidei{
	width:50%;
	float:left;
	text-align:center;
	border-right-style:solid;
	border-right-color:white;
	line-height:150%;
	font-size:small;
	margin-top:5%;
}
#secure #second #bal #suleja{
	width:50%;
	float:left;
	text-align:center;
	line-height:150%;
	font-size:small;
	margin-top:5%;
}
#secure #third{
	width:42%;
	background:turquoise;
	float:left;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #fouth{
	width:42%;
	background:lightskyblue;
	float:right;
	margin-right:5%;
	margin-top:5%;
	line-height:300%;
	margin-bottom:5%;
	color:white;
	border-radius:5px;
}
#secure #fifth{
	width:42%;
	background:rgba(46%,60%,0%,0.3);
	float:left;
	margin-left:5%;
	margin-top:5%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure #sixth{
	width:42%;
	background:rgba(46%,60%,90%,0.7);
	float:right;
	margin-right:5%;
	margin-top:0%;
	line-height:300%;
	color:white;
	border-radius:5px;
}
#secure h2{
	width:90%;
	margin-left:5%;
	text-align:left;
	font-size-adjust:0.68;
	margin-bottom:0%;
	cursor:pointer;
}
#secure #text{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-bottom:-1%;
	margin-top:20%;
	text-align:center;
}
#secure #text a:link{
	color:white;
	text-decoration:none;
}
#secure #text a:visited{
	color:white;
	text-decoration:none;
}
#secure #text a:hover{
	color:white;
	text-decoration:underline;
}
#secure #udo{
	clear:both;
	width:95%;
	margin-right:5%;
}
#secure #start{
	
	width:29%;
	float:left;
	margin-left:4.3%;
	background-color:rgba(100%,10%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}

#secure #ready{
	
	width:29%;
	float:left;
	margin-left:4.3%;
	background-color:yellow;
	line-height:300%;
	margin-bottom:5%;
}
#secure #ten{
	
	width:29%;
	float:left;
	margin-left:4.3%;
	background-color:rgba(20%,100%,0%,0.1);
	line-height:300%;
	margin-bottom:5%;
}
#secure #complete{
	clear:both;
	width:95%;
	margin-left:4.3%;
	background-color:rgba(0%,100%,0%,0.5);
	line-height:300%;
	margin-bottom:5%;
}

/* shop page starts here */
.container #secure #cart{
	clear:both;
	text-align:center;
	margin-bottom:5%;
}
.container #secure #cart a{
	text-decoration:none;
	color:orange;
}
/* shop page ends here */
/* form page starts here */
.container #secure form{
	width:90%;
	margin-left:5%;
}
.container #secure form fieldset{
	width:100%;
}
.container #secure form fieldset #title{
	width:25%;
	line-height:200%;
	text-align:center;
	background:white;
	border-style:groove;
	border-color:white;
	margin-bottom:5%;
	margin-top:5%;
	margin-left:5%;
}
.container #secure form fieldset #fieldtext{
	clear:both;
	width:90%;
	color:black;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #fieldtext input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #fieldtext select{
	width:100%;
	padding:2%;
	background:white;
}
.container #secure form fieldset #fieldtext textarea{
	width:100%;
	height:200px;
	background:white;
}
.container #secure form fieldset #date{
	width:42%;
	color:black;
	float:left;
	margin-bottom:5%;
	margin-left:5%;
}
.container #secure form fieldset #date input{
	width:100%;
	padding:5%;
}
.container #secure form fieldset #date select{
	width:100%;
	padding:5%;
	background:white;
}
.container #secure form fieldset #submit{
	width:20%;
	margin-left:5%;
	margin-left:75%;
	margin-top:5%;
	margin-bottom:5%;
}
.container #secure form fieldset #submit input{
	width:100%;
	margin-left:0%;
	padding-top:10%;
	padding-bottom:10%;
	background:whitesmoke;
	color:black;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #click{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #click a{
	color:black;
	text-decoration:underline;
}
/* form page ends here */
/* remove account page starts here */
#secure  form  > #delete{
	width:100%;
}
#secure  form > #delete #send{
	width:25%;
	position:fixed;
	top:110px;
	left:71%;
}
#secure  form  > #delete #send input{
	width:30%;
	background:red;
	border-style:groove;
	border-color:yellow;
	color:white;
	margin-left:70%;
	line-height:200%;
}
.container #secure > form > table{
	clear:both;
	width:100%;
	text-align:center;
}
.container #secure > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.container #secure table img{
	width:60%;
	height:80px;
}
.container #secure table tr td #cn{
	width:50%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:25%;
	margin-right:25%;
	background:yellow;
	border-style:solid;
	border-color:yellow;
}
.container #secure table tr td #cy{
	width:50%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:25%;
	margin-right:25%;
	background:green;
	border-style:solid;
	border-color:green;
	
}
.container #secure table tr td #cy a{
	color:white;
	text-decoration:none;
}
.container #secure table tr td #nn{
	width:50%;
	height:25px;
	margin-bottom:2%;
	margin-top:2%;
	margin-left:25%;
	margin-right:25%;
	background:red;
	border-style:solid;
	border-color:red;
}
.container #secure table a{
	color:black;
	text-decoration:underline;
	text-transform:capitalize;
}
/* remove account page ends here */
/* deposit saving page starts here */
.container #secure #account{
	width:35%;
	float:left;
	margin-left:5%;
	line-height:150%;
}
.container #secure #sign{
	width:50%;
	float:right;
	margin-right:5%;
	line-height:150%;
	margin-top:0%;
}
/* deposit saving page ends here */
/* table page stars here */
.container > table{
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
/* table page ends here */
/* cart page starts here */
.container #secure form fieldset h2{
	width:90%;
	margin-top:0%;
	margin-bottom:0%;
	margin-left:5%;
	text-align:center;
}
.container #secure form fieldset #item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
	
}
.container #secure form fieldset #item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset .item_name{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:2%;
}
.container #secure form fieldset .item_name a{
	color:orange;
	text-decoration:none;
}
.container #secure form fieldset #total{
	width:80%;
	clear:both;
	margin-left:20%;
	text-align:center;
	color:green;
	margin-bottom:2%;
}
.container #secure form fieldset #cust{
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}
.container #secure form fieldset #cust input{
	width:100%;
	padding:2%;
}
.container #secure form fieldset #order{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.container #secure form fieldset #order input{
	width:30%;
	padding:2%;
	margin-left:70%;
	background:white;
	border-style:groove;
	border-color:orange;
}
.container #secure form fieldset #more{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	text-align:center;
}
.container #secure form fieldset #more a{
	color:orange;
	text-decoration:none;
}
/* cart page ends here */
.container #footer{
	width:100%;
	clear:both;
	height:auto;
	background:dimgrey;
	color:white;
	margin-top:-2%;
}	
.container #footer  > p{
	clear:both;
	text-align:center;
	margin-bottom:0;
	background:black;
	width:100%;
}


}