/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.nav-phone{
	display: block;
}
.nav-phone-mob{
	display: none;
}
.nav-phone .avia-menu-text, .nav-phone-mob .avia-menu-text{
	font-size: 18px;
	font-weight: 800;
	color: #575758;
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	
  	#home-hero-content {
		background-color: rgba(255, 255, 255, 0.45);
	}

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 990px) {
  .responsive #top .av-logo-container .avia-menu #avia-menu .nav-phone-mob {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
	#hero-wrap .avia-full-stretch {
		background-blend-mode: multiply;
    	background-color: #e7e7e7;
	}

	#home-hero-content {
		box-shadow: 0 0 8px 0 #9c9c9c;
		background-color: rgba(255, 255, 255, 0.75);
	}

  /* Add your Mobile Styles here */
  .nav-phone {
    display: none !important;
  }

  .responsive #top .av-logo-container .avia-menu #avia-menu .nav-phone-mob {
    display: block !important;
  }

  #av-burger-menu-ul .nav-phone-mob {
    display: none;
  }

  .responsive #top #main {
    margin-top: 160px;
  }

  .responsive #top #wrap_all #header {
    position: fixed;
    top: 0px;
    margin-top: 0 !important;
  }

  .responsive #top #wrap_all .av-logo-container {}

  .responsive .logo a {
    display: block;
  }

  .responsive #top .logo {
    display: block;
    position: relative;
    width: 100%;
    height: auto !important;
  }

  .responsive .logo img {
    margin: 0 auto;
  }

  .responsive #top #wrap_all .main_menu {
    position: relative;
    height: auto;
  }

  .responsive #top .av-logo-container .avia-menu {
    width: 100%;
    margin-bottom: 15px;
  }

  .responsive #top .av-logo-container .avia-menu #avia-menu {
    float: right;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
    line-height: 20px !important;
    height: auto !important;
  }
}