html {
    background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    -webkit-font-smoothing: antialiased;
}

#topban{
    text-align: center;
}
            
#base{
    text-align: center;
    margin: 0 auto;
    
}

#base img{
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
}
        
.wrapper{
    max-width: 100%;
    height: auto;
    text-align: center;
    padding-right: 5px;
}
            
#nav{
    background-color: #000;
    color: #fff;
    width:800px;
    margin: 0 auto;
    border: 1px solid black;
    text-decoration: none;
    padding-top: 0px;
    padding-left: 50px;
  }     

body{
    background-color: white;
    line-height: 1.5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link { color:#090; text-decoration: none; } 
a:visited { color: orange; text-decoration: none; }
a:hover { color:#900; text-decoration: none; }
a:active { color: #66ff66; text-decoration: none; }  


#contactcontent p {
    margin: 0 auto;   
    text-align: left;    
}

p{
    text-align: left;
    padding-left: 0%;
    max-width: 800px;
}

p li{
    text-align: left;
}


#listbody{
    text-align: center;
}
         
#listBody{
    text-align: left;
    padding-left: 23%;
}

#bodywrapper{
	position:relative;
	width:800px;
	height:100%;
	border:1px solid #000;
	text-align:center;
	margin:0 auto;
}
            
            
#wrapperHomeContent p{
    margin:0 auto;
    padding-right:0px;
}            


            

ul{
    width: 80%;
    margin: 0 auto;
    padding: 0;
}
            
ul li{
    list-style: none;
    display: inline-block;
    padding: 5px 40px 5px 40px;
}
        
ul li:hover{
    background-color:orangered;
}
            
#footer{
    text-align: center;
}
        
            
#toggle{
    display: none;
}
            
label{
    display: none;
}


#servicecontent{
	float:left;
	border:1px solid #009;
	width:152px;
	height:34px;
	margin-top:5px;
}
 
 
#contentbox {
    background-image:url("content_top.gif");
    background-position:left top;
    background-repeat:no-repeat;
    color:#262626;
    font-family:Verdana,Arial,Helvetica,Tahoma,"Comic Sans MS";
    font-size:12px;
    line-height:18px;
    padding:25px;
    text-align:justify;
    max-width: 610px;
}

#dotcompic{
    float:left;
    border:none;
    margin-top:10px;
}


#contactonservicepage{
    border:1px solid #900;
}

#privacy{ 
	position:relative;
	left:0px;
	margin:0 auto;
	width:500px;
	height:5px;
    text-align:center; border:none; width:0 auto;
    height:20px;
}
            
             
            
@media(max-width:900px){
    body{
        /*background-color:darkgrey;*/
    }
                
    #id123-title489828{
        padding-top: 20px;
    }
                
    #id123-title489828{
        padding-top: 20px;
    }
            
    #id123-title489828{
        padding-top: 20px;
    }  
                
    #topban img{
        max-width: 100%;
    }
                
    .menu{
        text-align: center;
        width: 100%;
        display: none;
    }
            
    .menu a{
        display: block;
        margin: 0;
    }
                
    #base img{
        max-width: 100%;
    }
                
    label {
        cursor: pointer;
        display: block;
        padding-left: 0px;
        font-size: 25px;
    }
            
    #nav{
        padding-left: 0px;
        text-align: center;
        width: 100%;
                     
    }
                
    #nav ul li {
        color: green;
        text-align: center;
        display: block;
    }
                
    #nav ul li a{
        border-bottom: 1px solid grey; 
        margin: 0 auto;
    }
                
            
    #footer img{
        max-width: 100%;
    }
                
    #toggle:checked + .menu{                 
        display: block;
         transition: .5s ease;       
    }               
                
}
            

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body{
        /*background-color:yellowgreen;*/
    }
            
    #wrapperHomeContent p{
        text-align: justify;
        text-justify: inter-word;
    }
    
    
    .class123-label{
         padding-top: 0px;
         margin-top: -5px;
    }
    
    /*contact page name text*/
    #id123-title489633{
        padding-top: 0px;
        text-align: right;
    }
            
    /*contact page subject text*/
    #id123-title489635{
        padding-top: 0px;
        text-align: right;
    }
    
    /*contact page message text*/
    #id123-title489636{
        padding-top: 0px;
        text-align: right;
    }
    
    /*contact page email text*/
    #id123-title489828{
        text-align: right;
    }            
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body{
        /*background-color:orangered;*/
    }
                            
    #topban img{
        max-width: 100%;
    }
            
        
    #nav{
        padding-left: 0px;
        text-align: center;
        width: 100%;
    }
                
    #nav ul li {
        color: green;
        text-align: center;
        display: block;
    }
                
    #nav ul li a{
        border-bottom: 1px solid grey;     
        margin: 0 auto;
    }
                
    
    .menu{
        text-align: center;
        width: 100%;
        display: none;
    }
                
    .menu a{
        display: block;                 
        margin: 0;
    }
        
    #base img{
        max-width: 100%;
    }           
        
    #listBody{
        padding-left: 6%;
             
    }
                
    label {
        cursor: pointer;
        display: block;
        padding-left: 0px;
        font-size: 25px;
    }       
                
    #footer img{
        max-width: 100%;
    }
                
    #toggle:checked + .menu{                     
        display: block;               
    }
    
    /*contact page name text*/
    #id123-title489633{
        padding-top: 0px;
        text-align: right;
    }
            
    /*contact page subject text*/
    #id123-title489635{
        padding-top: 0px;
        text-align: right;
    }
    
    /*contact page message text*/
    #id123-title489636{
        padding-top: 0px;
        text-align: right;
    }
    
    /*contact page email text*/
    #id123-title489828{
        text-align: right;
        padding-top: 0px;
    }
            
    title{
        text-align: right;
    }
}



/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    body{
        /*background-color:green;*/
    }
                            
    #topban img{
        max-width: 100%;
    }


    #base img{
        max-width: 100%;
    }

    label{                    
        display: block;
        padding-left: 0px;
        font-size: 25px;
    }

    #nav{
        padding-left: 0px;
        text-align: center;
        width: 100%;
        float: left;
    }

    #nav a{
        display: block;
    }            

    #footer img{
        max-width: 100%;
    }
}

         
@media(max-width:500px){
    body{
         /*background-color: aqua;*/
    }
    #nav #toggle{
        display: none;
    } 
            
    #contactcontent img{                 
        float: left;
    }
            
    body{
        background-color:white;
    }
}

@media(min-width:901px) and (max-width:1021px){
    body{
        /* background-color: purple; */
    }
                
    /*contact page name text*/
    #id123-title489633{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
            
    /*contact page subject text*/
    #id123-title489635{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
    /*contact page message text*/
    #id123-title489636{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
    
    /*contact page email text*/
        #id123-title489828{
        display: block;
        text-align: right;
        }
            
    /*contact page verifiation text*/
    #verifno{
        display: block;
        text-align: right;
        }
}


@media(min-width:1200px){
    body{
        /*background-color:yellow;*/
    }          
 
    /*contact page name text*/
    #id123-title489633{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
            
    /*contact page subject text*/
    #id123-title489635{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
    /*contact page message text*/
    #id123-title489636{
        display: block;
        padding-top: 0px;
        text-align: right;
    }
    /*contact page email text*/
    #id123-title489828{
        display: block;
        text-align: right;
    }
        
    /*contact page verifiation text*/
    #verifno{
        display: block;
        text-align: right;
    }
            
    label{
        display: block;        
    }        
}


@media(min-width:1024px){
    body{
         /*background-color: brown;*/
    }
    
    label{
        display: block;
    }
             
    #nav label  {
        display: none;
    }        
}


@media(min-width:1920px){
    body{
         /*background-color: paleturquoise;*/
    }
             
    label{
        display: block;
    }
             
    #nav label{
        display: none;            
     }
}