#navigationpannel ul{
list-style-type: none; 
    a:hover {
  background-color: yellow;
    }
}


#navigationpannel ul li {
    display: inline;
    padding: 6px;
    margin: 4px;
    background-color: #f70505;
    border-radius: 4px;
    font-size: 12px;
}

#navigationpannel ul li:hover {
    background-color:#bf1717;
}
#navigationpannel ul li a {
text-decoration: none;
font-family: sans-serif;
color: #fff;

}
#logoimg{
    max-width: 100%;
}

.CpagedivCOMMON{
max-width:950px;
margin:0px auto;
padding:10px;
border-radius: 10px;
border: 1px solid;
border-color: #D0D0D0; 
margin-bottom: 10px;
    
}

.headerleftbox{
width: 700px;
 float:left;    
}

.headerrightbox{
width: 240px;
float:left;   
text-align: right;

}

.Cfooter p {
    text-align: center;
    font-size: 15px;
    
}

.Cbody p{
    font-family: 'Caveat', cursive;
    font-size: 18px;
    font-weight: normal;
}
.Cbody h1{
    font-family: 'Caveat', cursive;
    font-size: 22px;
    font-weight: Bold;
}
    .Cfooter h3{
    text-align:center;
    font-size: 14px;
    font-family: 'Caveat', cursive;
    
    }
}
.Cbody h2{
    font-family: 'Caveat', cursive;
      font-size: 18px;
    font-weight: Bold;
}
.makeitgood{
    max-width:100%;
    
}

.h3{
 font-family: italic;   
    
}
.backgroundcolor{
 
  background-color: #d9f2ce;    

}
.backgroundcolor2{
background-color: #edf5b5;
}s
.photoedit{
width: 200px;  
margin: 0px auto;
}
.justifyit{
text-align:top;
float: right;
    
}
.div{
    
    
}
.haveadiv{
border-color: aquamarine;
border-radius: 10px;
padding: 10px;
margin: 10px;
    
}
#headerCallUs{
max-width: 30px;    
    
}



@media only screen and (min-width: 600px) {
 /*For Desktop */
    .headerMBL{display: none !important; }
    .headerDSKTP{display: block !important;}
    
}


@media only screen and (max-width: 600px) {
/*For Mobile */
    
    .headerMBL{display: block !important; }
    .headerDSKTP{display: none !important;}
 
}