#general {display:block;}
#responsive {display:none;}
a.flip-animate {
	perspective: 1000px;
	
	span {
	  position: relative;
	  display: inline-block;
	  padding: 0;    
	  transition: transform 0.3s;
	  transform-origin: 50% 0;
	  transform-style: preserve-3d;
	}
	
	span:before {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  content: attr(data-hover);
	  transition: color 0.3s;
	  transform: rotateX(-90deg);
	  transform-origin: 50% 0;
	  text-align: center;
	}
	
	&:hover span,
	&:focus span {
	  transform: rotateX(90deg) translateY(-22px);
	}
	
	&:hover span:before,
	&:focus span:before {
	  color: rgb(210, 73, 54);
	}
  }

  
ul li.sub-menu {list-style:none;}

.headermenu li {margin-top:10px;margin-bottom:8px;border-top:1px solid #333}


.main-menu>li:not(:first-child){
	margin-left:1px;
}

.sub-menu-layout-1>li{
	margin-top:5px;
}


.sub-menu>a:after{
	content:"";
	width:10px;
	height:10px;
	display:inline-block;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-left:15px;
	transform:rotate(45deg);
	position:relative;
	transition:1s transform ease;
}

.sub-menu-layout{
	display:none;transition:all 0.3s;
}

.sub-menu-1:hover .sub-menu-layout-1
{
	display:block; transition:all 0.3s;padding:5px;border:1px solid #000;background:#fff;z-index:5
}

.sub-menu-1:hover>a:after{
	transform:rotate(-45deg);
	top:3px;
}
.header2 {display: none;}
.header1 {display: block;}


@media(max-width: 767px)
{

.header1 {display: none;}
.header2 {display: block;}
#general {display:none;}
#responsive {display:block;}
.logo-size {width:100px;max-width:100%;}

	  .container2 {
		display: inline-block; 
		position:absolute; top:10px; right:5px;
		background-color:#f4429F;border-radius: 50%; padding:6px 10px;
	  }
	  
	
      nav {margin-top:10px;margin-bottom:10px;overflow-y:auto;width:100%;}
	  nav ul li { float: none; width:100%;border-bottom:1px solid #999;padding: 10px 10px; }
	  nav ul li:first-child { border-top:1px solid #999; }	  
	  nav ul li a {text-align:left;}
	

	  .bar1, .bar2, .bar3 {
		height: 3px;
		background-color: #fff;
		margin: 5px 0;
		transition: 0.4s;
	  }
	  .bar1{  width: 22px;}
	  .bar2{  width: 22px;}
	  .bar3{  width: 22px;}
	  
	  .change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-6px, 5px); 
		transform: rotate(-45deg) translate(-6px, 5px);
	  }
	  
	  .change .bar2 {opacity: 0;}
	  
	  .change .bar3 {
		-webkit-transform: rotate(45deg) translate(-6px, -5px);
		transform: rotate(45deg) translate(-6px, -5px);
	  }
	  
	  a.contact_css {color:#f4429f;}
	  a.contact_css:hover{color:red;}
	  
	  .banner1 {font-size:36px;line-height:36px;font-weight:700;}
	  .mobile {display:inline;width:100%;}
	  .logoStyle { margin-left:15px;}
	  .sub-menu,.sub-menu-1  {padding-top:-10px;padding-left:10px;}


}