.head {

   /* position: -webkit-sticky; /* Safari */
    position: fixed;
    top: 10px;
    left: 120px;
    width:30%;
    text-align:left;
    font-size: 25px;
    font-family: Rock Salt;
   
   
}

.headDesc {

   /* position: -webkit-sticky; /* Safari */
    position: fixed;
    top: 70px;
    left: 450px;
    width:30%;
    text-align:left;
    font-size: 20px;
    font-family: Rock Salt;
   
   
}



.frame {

 position: absolute;
    top: 250px;
    left: 200px;
    height:850px; 
    width:87%;
    margin: auto;
    border-style: hidden;
    
}

.notice {
    
 position: absolute;
    top: 50px;
    left: 120px;
    height:25%; 
    width:60%;
    margin: auto;
    border-style: solid;
    border-color: red;
    border-width: 2px;
    border-radius: 10px;
    
}


.nav {
    position: absolute;
    top: 1800px;
    left : 200px ; 
    width: 87% ; 
    text-align:center;
    border-style: solid;
    border-width: 1px;
    border-color: red;
}

.nav li{
    
    display: inline-block;
    font-size: 15px;
    font-family: Rock Salt;
    padding: 20px;
}

.butt {
   position: absolute;
    top: 240px;
    left: 200px;
    height:30px; 
    width:5%; 
    font-size: 12px;
    font-family: Rock Salt;
    border-style: solid;
    background-color: white; 
    border-color: red;
    text-align: center;
    border-width: 2px;
    border-radius: 5px;
    z-index:2;    
}

.header {
    position: absolute;
    top: 10px;
    left: 500px;
    width: 300px;
    font-size: 16px;
    font-family: Arial;
}

#features11 {
        position: absolute;
         top: 1250px;
         left: 450px;
         width: 18%;
         height:5%;
       text-align:left;
        
       
       
       
      }       

#features22 {
        
       position: absolute;
         top: 1250px;
         left: 450px;
         width: 18%;
         height:5%;
       text-align:left;
       
      }       


      
#features4 {
        
         position: absolute;
       
        top: 1520px;
        left: 200px;
        width: 350px;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:center;
       padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }             
      
 #features5 {
        
         position: absolute;
       
        top: 1520px;
        left: 600px;
        width: 350px;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:center;
       padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }   
      
 #features6 {
        
         position: absolute;
       
        top: 1520px;
        left: 1000px;
        width: 350px;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:center;
       padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }   
      
 #features7 {
        
         position: absolute;
       
        top: 1640px;
        left: 200px;
        width: 350px;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:center;
       padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }                      
      
 #features8 {
        
         position: absolute;
       
        top: 1640px;
        left: 600px;
        width: 750px;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }                   

.wayname {
    position: absolute;
    top: 300px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
     text-align:center;
}

.tyimg {
    position: absolute;
    top: 300px;
    left: 450px;
    width: 30px;
    
}





.wnlabel {
    position: absolute;
    top: 295px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.waydesc {
    position: absolute;
    top: 340px;
    left: 135px;
    width: 300px;
    font-size: 9px;
    font-family: 'Rock Salt';
    text-align:left;
}

.srchlabel {
    position: fixed;
    top: 85px;
    left: 400px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
    z-index:1
}

.srch {
    position: fixed;
    top: 200px;
    left: 550px;
    width: 30%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:center;
    z-index:1
}

.list {
     padding: 5px;
        border: 1px solid red;
        border-radius: 5px;
        background-color: white;
    z-index:1;
    list-style-type:none;

}
.list0 {
     padding: 5px;
        border: 1px solid red;
        border-radius: 5px;
        background-color: white;
    z-index:1;
    list-style-type:none;
}


.list1 {
    position: absolute;
    top: 240px;
    left: 450px;
    width: 60%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    z-index:1
}


#initUP {
    position: absolute;
    top: 190px;
    left: 1150px;
    width: 50%;
    font-size: 8px;
    font-family: 'Rock Salt';
    text-align:left;
    
}

#lgn {
    position: absolute;
    top: 70px;
    left: 450px;
    width: 15%;
    height:5%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
  
}

#lgn1 {
    position: absolute;
    top: 150px;
    left: 550px;
    width: 18%;
    height:200px;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    z-index:3; 
     
     padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
    
}

#cbut {
    position: absolute;
    top: 15px;
    left: 310px;
    width: 5%;
}
#rbut {
    position: absolute;
    top: 150px;
    left: 220px;
    width: 30%;
}
#fbut {
    position: absolute;
    top: 90px;
    left: 220px;
    width: 30%;
}
#sbut {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 30%;
}

#logout {
    position: absolute;
    top: 70px;
    left: 1450px;
    width: 30%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    
    
    
}

#mProfile {
    position: absolute;
    top: 70px;
    left: 1350px;
    width: 5%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:center;
}

#prof {
    position: absolute;
    top: 150px;
    left: 1150px;
    width: 18%;
    height:200px;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    z-index:3; 
     
     padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
}

#cpbut {
    position: absolute;
    top: 20px;
    left: 5px;
    width: 40%;
}

#unbut {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 40%;
}

#obut {
    position: absolute;
    top: 120px;
    left: 5px;
    width: 40%;
}

 #odiv {
    position: absolute;
    top: 120px;
    left: 160px;
    width: 180px;
    font-size: 9px;
    font-family: 'Rock Salt';
    text-align:left;
    padding: 10px;
    border: 2px solid red;
    border-radius: 15px;
}

#cbutp {
     position: absolute;
    top: 15px;
    left: 310px;
    width: 5%;
}

#profile {
    position: absolute;
    top: 70px;
    left: 450px;
    height:45px;
    width: 40%;
    font-size: 12px;
    font-family: 'Rock Salt';
    text-align:center;
      padding: 2px;
        border: 2px solid red;
        border-radius: 15px;
}


.wdlabel {
    position: absolute;
    top: 339px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.hmp {
    position: absolute;
    top: 440px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.hmplabel {
    position: absolute;
    top: 435px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.addheader {
    position: absolute;
    top: 470px;
    left: 170px;
    width: 300px;
    font-size: 16px;
    font-family: Rock Salt;
}

.sn {
    position: absolute;
    top: 520px;
    left: 135px;
    width: 50px;
    font-size: 12px;
    font-family: Arial;
}

.stnlabel {
    position: absolute;
    top: 515px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}


.snm {
    position: absolute;
    top: 550px;
    left: 135px;
    width: 300px;
    font-size: 12px;
   font-family: Arial;
    text-align:center;
}

.stmlabel {
    position: absolute;
    top: 545px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}


.sub {
    position: absolute;
    top: 580px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.sublabel {
    position: absolute;
    top: 575px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.city {
    position: absolute;
    top: 615px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.citylabel {
    position: absolute;
    top: 610px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.province {
    position: absolute;
    top: 640px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.provlabel {
    position: absolute;
    top: 635px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}



.cntry {
    position: absolute;
    top: 670px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.countrylabel {
    position: absolute;
    top: 665px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.pc {
    position: absolute;
    top: 700px;
    left: 135px;
    width: 50px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.pclabel {
    position: absolute;
    top: 695px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.getCoordButton {
    position: absolute;
    top: 750px;
    left: 100px;
    width: 105px;
    font-size: 8px;
    font-family: Rock Salt;
    text-align:center;
}

.coordin {
    position: absolute;
    top: 800px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.coordinlabel {
    position: absolute;
    top: 795px;
    left: 50px;
    width: 50px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.contheader {
    position: absolute;
    top: 830px;
    left: 170px;
    width: 300px;
    font-size: 16px;
    font-family: Rock Salt;
}

.contNlabel {
    position: absolute;
    top: 875px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.contname {
    position: absolute;
    top: 880px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.contPlabel {
    position: absolute;
    top: 905px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.contphone {
    position: absolute;
    top: 910px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.contMlabel {
    position: absolute;
    top: 935px;
    left: 50px;
    width: 100px;
    font-size: 12px;
    font-family: 'Arial';
    text-align:left;
}

.contmail {
    position: absolute;
    top: 940px;
    left: 135px;
    width: 300px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;
}

.cmap {  
         
        position: absolute;
        top: 250px;
        left: 550px;
        height: 100%;
        width: 75%;
        
      }
      
#sroute {
        
        position: absolute;
        top: 270px;
        left: 120px;
        width: 20%;
        height: 90%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       z-index:2;
       overflow:auto;
      } 
      
     #oview {
        
         position: absolute;
        top: 120px;
        left: 120px;
        width: 18%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
      }            
      
      #logo {
     position: absolute;
        top: 140px;
        left: 130px;
        width: 100px;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:left;
                
   
}    
     
     
     
      
      
 #landing {
        
         position: absolute;
       
        top: 250px;
        left: 100px;
        width: 20%;
       font-size: 12px;
       font-family: Rock Salt;
       text-align:center;
       padding: 5px;
        border: 2px solid red;
        border-radius: 15px;
        z-index: 3;
       
      }       
  
  
  
  
 .clear {
    position: absolute;
    top: 980px;
    left: 300px;
    width: 105px;
    font-size: 12px;
    font-family: Rock Salt;
    text-align:center;
}     

 .add {
    position: absolute;
    top: 980px;
    left: 135px;
    width: 105px;
    font-size: 12px;
    font-family: Rock Salt;
    text-align:center;
    
    
    
    
}     
      
 .tools {
    position: fixed;
    top: 150px;
    left: 550px;
    width: 50%;
    font-size: 10px;
    font-family: Rock Salt;
    text-align:left;
    z-index:2; 
    
}  

.up1 {
    position: fixed;
    top: 100px;
    left: 800px;
    width: 400px;
    height: 200px;
    font-size: 12px;
    font-family: Rock Salt;
    text-align:center; 
     z-index: 3;
    padding: 5px;
    border: none;        
    background-color: white; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3
}     










.tools1 {
    position: fixed;
    top: 65px;
    left: 1030px;
    width: 150px;
    font-size: 12px;
    font-family: Arial;
    text-align:center;  
}     



.boxo {
   
    background-color:lightgreen;
    width: 90%;
    padding: 10px;
    border: 2px solid gray;
    border-radius: 15px;
    margin: 0;
    font-size: 100%;
}  

.boxc {
   
    background-color:white;
    width: 90%;
    padding: 10px;
    border: 2px solid gray;
    border-radius: 15px;
    margin: 0;
    font-size: 100%;
    
}     

.boxadd {
   
    background-color:white;
    width: 100%;
    text-align:center;
    display:block;
    
}     

#content{
    background-color: #fff2e6;
    padding: 5px;
    font-size: 10px;
    font-family: Rock salt;
    text-align:center;
}

.sR {
    
    width: 10%;
    height: 40px;
    padding: 5px;
    border: none;        
    background-color: white; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3;
    font-family: Rock salt;
    font-size: 8px;
    white-space: pre; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.sR:hover {background-color: #e7e7e7;
           overflow: visible;
           white-space: normal; 
           color: black  }
           
.sR100 {
    
    width: 10%;
    height: 40px;
    padding: 5px;
    border: none;        
    background-color: #ffb3b3; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3;
    font-family: Rock salt;
    font-size: 8px;
    white-space: pre; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.sR100:hover {background-color: red;
           overflow: visible;
           white-space: normal; 
           color: white  }
           
           

.sR1 {
    
    width: 20%;
    height: 40px;
    padding: 2px;
    border: none;        
    background-color: #ffffcc; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3;
    font-family: Rock salt;
    font-size: 8px;
    white-space: pre; 
   overflow: hidden;
   text-overflow: ellipsis; 
}

.sR1:hover {background-color: #e7e7e7;
            overflow: visible;
            white-space: normal; 
           color: black  }

.sRO {
    
    width: 20%;
    height: 40px;
    padding: 2px;
    border: none;        
    background-color: #ccff99; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3;
    font-family: Rock salt;
   font-size: 8px;
   white-space: pre; 
   overflow: hidden;
   text-overflow: ellipsis; 
}

.sRO:hover {background-color: #e7e7e7;
            overflow: visible;
            white-space: normal; 
           color: black  }

.sR2{
    position: absolute;
    top: 750px;
    left: 100px;
    width: 5%;
    height: 30px;
    padding: 2px;
    border: none;        
    background-color: white; 
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color: #b3b3b3;
    font-family: Rock salt;
    font-size: 8px;
    white-space: pre; 
   overflow: hidden;
   text-overflow: ellipsis; 
}

.sR2:hover {background-color: #e7e7e7;
            overflow: visible;
            white-space: normal; 
           color: black  }
           
@media only screen and (max-width:768px) and (orientation:landscape) {
.head{ 
position: absolute;
top:10px;
width:50%;
 font-size: 15px;
}
.headDesc{
position: absolute;
top:70px;
font-size: 12px;
left:340px;
}

.tyimg {
    position: absolute;
    top: 190px;
    left: 370px;
    width: 30px;
    
}


.srch{
position: absolute;
left:450px;
width:60%;
}

.tools{
position: absolute;
left:450px;
width:90%;
}

.up1{
position: absolute;
left:450px;
}

#sroute {
        
        position: absolute;
        top: 270px;
        left: 100px;
        width: 54%;
        height: 80%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       z-index:2;
       overflow:auto;
      } 

 #oview {
        
         position: absolute;
        top: 120px;
        left: 100px;
        width: 48.6%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
      } 
      
   #logo {
     position: absolute;
        top: 140px;
        left: 130px;
        width: 100px;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:left;
                
    z-index: 1;
}    
     
        
.cmap {  
         
        position: absolute;
        top: 250px;
        left: 450px;
        height: 100%;
        width: 90%;
        
      }
      
 #kml{
 
 }
 #kmlup{
 
 } 
 
.sR {
    
    width: 12%;
     font-size: 6px;
  }    
#initUP {
  top: 140px;
  left: 450px;   
   width:100%; 
    
}  




.up1 {
    position: absolute;
    top: 100px;
    left: 450px;
    width: 50%;
    height: 80%;
}





#landing {
        
         position: absolute;
       
        top: 170px;
        left: 120px;
        width: 50%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
       padding: 5px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }        
                 
}

@media only screen and (max-width:768px) and (orientation:portrait) {
.head{ 
position: absolute;
top:10px;
width:100%;
left:30px;
font-size: 15px;
}
.headDesc{
position: absolute;
top:70px;
font-size: 12px;
left:250px;
}

.tyimg {
    position: absolute;
    top: 190px;
    left: 370px;
    width: 30px;
    
}
.srch{
position: absolute;
left:30px;
width:100%;
}

.tools{
position: absolute;
left:30px;
width:100%;
text-align:center;
}



#sroute {
        
        position: absolute;
        top: 470px;
        left: 30px;
        width: 100%;
        height: 100%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       z-index:2;
       overflow:auto;
      } 

 #oview {
        
         position: absolute;
        top: 320px;
        left: 30px;
        width: 90%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
      } 
      
   #logo {
     position: absolute;
        top: 340px;
        left: 40px;
        width: 100px;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:left;
                
    z-index: 1;
}    
     
        
.cmap {  
         
        position: absolute;
        top: 1100px;
        left: 30px;
        height: 100%;
        width: 100%;
        
      }
      
 #kml{
 
 }
 #kmlup{
 
 } 
 
.sR {
    
    width: 12%;
    font-size: 6px;
  }    
#initUP {
   top: 140px;
   left: 30px;   
   width:100%; 
   
    
} 

.up1 {
    position: absolute;
    top: 100px;
    left: 30px;
    width: 100%;
    height: 50%;
}

 #landing {
        
         position: absolute;
       
        top: 270px;
        left: 30px;
        width: 100%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
       padding: 5px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      }        
 
 .nav {
   
    left : 30px ; 
    width: 100% ; 
                 
}
}
@media only screen and (min-width:992px) {
.head{ 
position: absolute;
top:10px;
width:50%;
 font-size: 15px;
}
.headDesc{
position: absolute;
top:70px;
font-size: 12px;
left: 360px;
}

.tyimg {
    position: absolute;
    top: 190px;
    left: 370px;
    width: 30px;
    
}



.srch{
position: absolute;
left:450px;
width:60%;
}

.tools{
position: absolute;
left:450px;
width:80%;
}

.up1{
position: absolute;
left:450px;
}

#sroute {
        
        position: absolute;
        top: 270px;
        left: 60px;
        width: 25%;
        height: 90%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       z-index:2;
       overflow:auto;
      } 

 #oview {
        
         position: absolute;
        top: 120px;
        left: 100px;
        width: 22.5%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
      } 
      
   #logo {
     position: absolute;
        top: 140px;
        left: 130px;
        width: 100px;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:left;
                
    z-index: 1;
}    
     
        
.cmap {  
         
        position: absolute;
        top: 250px;
        left: 450px;
        height: 100%;
        width: 70%;
        
      }
      
 #kml{
 
 }
 #kmlup{
 
 } 
 
.sR {
    
    width: 12%;
     font-size: 8px;
  }    
#initUP {
  top: 140px;
  left: 450px;   
   width:100%; 
    
}  
.up1 {
    position: absolute;
    top: 100px;
    left: 450px;
    width: 50%;
    height: 30%;
}





#landing {
        
         position: absolute;
       
        top: 170px;
        left: 60px;
        width: 25%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
       padding: 5px;
        border: 2px solid red;
        border-radius: 15px;
       
       
      } 
      
    #logout {
    position: absolute;
    top: 70px;
    left: 1230px;
    width: 30%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    
    
    
}

#mProfile {
    position: absolute;
    top: 70px;
    left: 1100px;
    width: 8%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:center;
}  
      
      
      
  #lgn{
    top: 50px;
    left: 350px;
    width: 50%;
}  

.loginR {
    position: absolute;
    top: 30px;
    left: 550px;
    width: 20%;
    height:15%;
    background-color: white;
    text-align:left;
    z-index:2;
    padding: 10px;
        border: 2px solid red;
        border-radius: 15px;
}
      
                 
}

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

#sroute {
        
        position: absolute;
        top: 270px;
        left: 60px;
        width: 18%;
        height: 90%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:left;
       z-index:2;
       overflow:auto;
      } 

#oview {
        
         position: absolute;
        top: 120px;
        left: 100px;
        width: 16.2%;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:center;
      } 
      
   #logo {
     position: absolute;
        top: 140px;
        left: 130px;
        width: 100px;
       font-size: 9px;
       font-family: Rock Salt;
       text-align:left;
                
    z-index: 1;
}

.nav {
   
    left : 100px ; 
    width: 100% ; 
                 
}

#landing {
        
         position: absolute;
       
        top: 170px;
        left: 60px;
        width: 18%;
       font-size: 10px;
       font-family: Rock Salt;
       text-align:center;
       padding: 5px;
        border: 2px solid red;
        border-radius: 15px;
        z-index: 3;
       
      } 
      
      
    #logout {
    position: absolute;
    top: 70px;
    left: 1430px;
    width: 30%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:left;
    
    
    
}

#mProfile {
    position: absolute;
    top: 70px;
    left: 1270px;
    width: 8%;
    font-size: 10px;
    font-family: 'Rock Salt';
    text-align:center;
}     
      
      
      
    
 #lgn{
    top: 50px;
    left: 450px;
    width: 50%;
}   
    
    
}