@media screen and (min-width: 768px) {
   /****************new hearder css*******************/ 
   
.navbar {
  float: right;
    width:50%;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    top:0;
  float: left;
  font-size: 16px;
  color: grey;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidde;
 
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: grey;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #f28c20;
  color:#ffffff;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: transparent;
  z-index: 99;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  background-color: #fff;
  height: AUTO;
  margin-left:5px;
}

.column a {
  float: none;
  color: grey;
  padding: 16px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #f28c20;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

}
@media screen and (max-width: 768px) {
   /****************new hearder css*******************/ 
   
.navbar {
  float: left;
    width:110%;
    margin-left:-5%;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    top:0;
  float: left;
  font-size: 13px;
  color: grey;
  text-align: center;
  padding: 5px 0;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidde;
 
}

.dropdown .dropbtn {
  font-size: 13px;  
  border: none;
  outline: none;
  color: grey;
  padding: 10px 0;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #f28c20;
  color:#ffffff;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: transparent;
  z-index: 99;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  padding: 10px 2px;
  background-color: #fff;
  height: AUTO;
  margin-left:5px;
}

.column a {
  float: none;
  color: grey;
  padding: 10px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #f28c20;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.pull-left{
    width:100%;
}
.support-box{
    float:right;
    margin-top:-50px;
}

}