img.one {
 width: 100%;
  height: 190px;

  margin-left: 0%;
  margin-right: 0%;
}

/* css for top image ends here */ 
* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.header {
   overflow: hidden;
  background-image: url("../img/banner/3a.jpg");
  background-color: #f1f1f1;
  margin-left: 1%;
  margin-right: 1%;
  min-height: 150px;
  height: auto;
}

.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .header-right {
    float: none;
  }
}
/* css for top menubar ends here */ 

/* css for top image ends here */ 
  #leftbox { 
                float:left;  
                
                width:22%; 
                margin-left: 1%;
                height:500px; 
                background-image: url("../img/slider/3.jpg");
            } 
            #middlebox{ 
                float:left;  
                background:Green; 
                width:55%; 
                height:500px; 
                background-image: url("../img/slider/15.jpg");
            } 
            #rightbox{ 
                float:right; 
                background:blue; 
                width:21%; 
                height:500px; 
                margin-right: 1%;
                background-image: url("../img/slider/19.jpg");
            } 
            h1{ 
                color:green; 
                text-align:center; 
            } 

            /* left side div links bars*/
            #mySidenav a {
  position: absolute;
  left: -160px;
  transition: 0.3s;
  padding: 15px;
  width: 200px;
  text-decoration: none;
  font-size: 20px;
  margin-top: 400px;
  color: white;
  border-radius: 0 5px 5px 0;
}

#mySidenav a:hover {
  left: 0;
}

#about {
  top: 20px;
  background-color: #4CAF50;
}

#blog {
  top: 80px;
  background-color: #2196F3;
}

#projects {
  top: 140px;
  background-color: #f44336;
}

#contact {
  top: 200px;
  background-color: #555
}
/*  right side div */



/* The side navigation menu */
#more {display: none;}