.header_left{		
	float:left;	
}

.header_middle{		
	float:left;
}

.header_middle img{
	position:absolute;
	z-index:10;
}

.header_right{
	
	float:right;
}

.element {
  display: inline-block;
  background-color: #fff;
  height: 100px;
  width: 120px;
  transform: skew(30deg);
  font-size: 1px;
  padding: 1px;
  color: white;
  margin-right: 5px;
  margin-left: 5px;
  
}

.element1 {
  display: inline-block;
  background-color: #fff;
  height: 100px;
  width: 120px;
  transform: skew(-30deg);
  font-size: 1px;
  padding: 1px;
  color: white;
  margin-right: 5px;
  margin-left: 5px;
  
}

.element1,.element{
	margin-top:5%;
	position:relative;
	z-index:9
}

.topnav a {
  float: left;
  display: block;
  color: #363d41;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left; 
}

.dropdown .dropbtn {     
  border: none;
  outline: none;
  color: #363d41;
  padding: 0px 16px;
  background-color: inherit;
  font: 700 13px/18px "Lato",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
  margin: 0;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
  padding-bottom:5%;
}

.dropdown-content a {
  float: none;
  color: #151515;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  line-height: 28px;
  text-transform: capitalize;
  font:400 14px "Lato",Helvetica,Arial,sans-serif
}

.topnav a:hover, .dropdown:hover .dropbtn {
  color: #78abf1;
}

.dropdown-content a:hover {
  color: #78abf1;
  
}

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

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.dropdown:hover i{
	-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown-content i{
	display:none;
	-webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.dropdown-content a:hover i{
	display:block;
	float: left;
    width: 10%;
    padding: 1.5% 0;
}

@media( max-width:1080px){
header{height:56px;line-height:56px;}
.header_left{height:56px;line-height:56px;}
.header_middle{height:56px;width:25%;}
.header_right{height:56px;line-height:56px;width:31%;}
.icon-list a{line-height:26px;}
.menu-wrap a.active{color:#fff;background: #78abf1;}
.dropdown{width:100%;}
.dropdown-content{width:100%;}
.mediadropdowncontent,.mediadropdowncontent1,.mediadropdowncontent2{display:none;}
}

@media( min-width:1081px){
header{height:93px;line-height:65px;}
.header_left{height:93px;line-height:93px;width:40%;}
.header_middle{height:93px;width:25%;}
.header_right{height:93px;line-height:90px;width:31%;}
.header_middle img{margin-left: -17.5%;max-width: 16%;margin-top: 2%;}
.active {color: #78abf1 !important;}
}