/* Reset */

html *{margin:0;padding:0;list-style: none;}
a{text-decoration:none;
color:inherit;
}



/* Body */

/*menu*/
.container{
margin:0 auto;
margin-right: 0;
margin-left:0px;
width: 100%;
clear:both;
}

.menu1, .menu1 ul{
list-style: none;
padding: 5px;
margin: 0;

}

.menu1{
height: 58px;
margin-left: 60px;

}
.menu1 li{ 
filter: progid:DXImageTransform.Microsft.gradient(startColorstr='#navy', endColorstr='#0066FF');
background:  navy;

border-top: 2px solid navy;
max-width:100%;
min-width: 90px;
opacity: 1;
font-weight: bolder;
}

.menu1 > li{
display: inline-block;
float: left;
position: relative;
margin-top:10px;
background:  navy;
margin-left:0px;
 opacity: 1;
}
<!------------------------------------------------>

.ma{
	box-shadow: 10px 10px 10px 0 skyblue;
	-moz-box-shadow: 10px 10px 10px 0 skyblue;
	-webkit-box-shadow: 10px 10px 10px 0 skyblue;

}

.submenu{
left: 0;
max-height: 0;
position: absolute;
top: 100%;
z-index: 8;

perspective: 400px;
}

.submenu li{
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);

transition: opacity .4s, transform .5s;
-moz-transition: opacity .4s, transform .5s;
-webkit-transition: opacity .4s, transform .5s;
}

.menu1 .submenu li:hover a{

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
color: #fff;
list-style: none;
}
.menu1 > li:hover .submenu, .menu1 > li:focus .submenu{
max-height: 200px;
z-index: 10;
} 


.space{height:30px;}


.menu1 > li:hover .submenu li, .menu > li:focus .submenu li{
opacity: 1;
*transform: none;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}


.menu1 > li:hover .submenu li:nth-child(1){
transition-delay: 20ms;
*transition-delay: 20ms;
-webkit-transition-delay: 20ms;
-moz-transition-delay: 20ms;
-ms-transition-delay: 20ms;
-o-transition-delay: 20ms;
z-index: 10;

}


.menu1 > li:hover .submenu li:nth-child(2){
transition-delay: 50ms;
*transition-delay: 50ms;
-moz-transition-delay: 50ms;
-webkit-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
z-index: 10;

}

.menu1 > li:hover .submenu li:nth-child(3){
transition-delay: 100ms;
*transition-delay: 100ms;
-moz-transition-delay: 100ms;
-webkit-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;


}


.menu1 > li:hover .submenu li:nth-child(4){
transition-delay: 150ms;
*transition-delay: 150ms;
-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;

}


.menu1 > li:hover .submenu li:nth-child(5){
transition-delay: 200ms;
*transition-delay: 200ms;
-moz-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;

}

.menu1 > li:hover .submenu li:nth-child(6){
transition-delay: 250ms;
*transition-delay: 250ms;
-moz-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
z-index: 10;
*z-index: 10;

}

.menu1 > li:hover .submenu li:nth-child(7){
*transition-delay: 300ms;
transition-delay: 300ms;
-moz-transition-delay: 300ms;
-webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
z-index: 10;
*z-index: 10;
}

<!----------------------------------------------->


.fina {
    border: 1px solid #0066FF;
    border-radius: 4px;
    padding: 5px;
    margin:  5px;
    
    float: center;

    
}
table, tr, td{display:inline-block;}
.fina:hover {
    box-shadow: 0 0 5px 4px rgba(0, 140, 186, 0.5);
}




.ma{
	box-shadow: 10px 10px 10px 0 skyblue;
	-moz-box-shadow: 10px 10px 10px 0 skyblue;
	-webkit-box-shadow: 10px 10px 10px 0 skyblue;

}

.submenu{
left: 0;
max-height: 0;
position: relative;
top: 100%;
z-index: 100;
*z-index: 100;min-width: 4%;

perspective: 400px;
}

.submenu li{
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transform: rotateY(90deg);
*transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
*transition: opacity .4s, transform .5s;
transition: opacity .4s, transform .5s;
-moz-transition: opacity .4s, transform .5s;
-webkit-transition: opacity .4s, transform .5s;
}




.space{height:3px;}






.submenu li:nth-child(1){
*transition-delay: 300ms;
transition-delay: 300ms;
-moz-transition-delay: 300ms;
-webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
}

.submenu li:nth-child(2){
*transition-delay: 250ms;
transition-delay: 250ms;
-moz-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
}
.submenu li:nth-child(3){
transition-delay: 200ms;
*transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
}

.submenu li:nth-child(4){
transition-delay: 150ms;
*transition-delay: 150ms;
-moz-transition-delay: 150ms;
-webkit-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
}

.submenu li:nth-child(5){
transition-delay: 100ms;
*transition-delay: 100ms;
-moz-transition-delay: 100ms;
-webkit-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;
}

.submenu li:nth-child(6){
transition-delay: 50ms;
*transition-delay: 50ms;
-moz-transition-delay: 50ms;
-webkit-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
}

.submenu li:nth-child(7){
*transition-delay: 0ms;
transition-delay: 0s;
-moz-transition-delay: 0ms;
-webkit-transition-delay: 0ms;
-ms-transition-delay: 0ms;
-o-transition-delay: 0ms;
}

.fa-caret-down{
float: left;
color: #fff;


}


/* Header */
.header{
  width:100%;
  height:50px;
  background:#0099FF;
  color:#FFFFFF;
  top:0px;
  border: 1px;
 
}

.himg{margin-right: 50px; margin-top: 1px; height: 80px;
}

.logo{
  width:100%;
  height:95px;
  position:relative;
  top:5.5px;
  
  
}


.containerd1{position:fixed; width:100%; top:0px; height: 250px;clear: both; }
.containerd2{width:100%; clear: both;  }
/* Content */

.footer {
  font-family:Raleway;
  font-weight:normal;
  font-size:14px;
  color:#fff;
  background-color: navy;
  height: 300px;
  width: 100%;


}
@media (min-width: 1024px;) and (max-width: 800px;){
  body{width: 100%;  display: inherit !important;}
#slider{ width:100%;
  height:200px !important;}
  
  
/*media*/