/********** HEADER CSS **********/  
  .header-wrapper{
    width: 100%;
    height: 100vh;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .header-section{
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .header-section .logo{margin: 0 auto 10px}
  .header-section .logo img{width: 250px}
  .header-block{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
  }
  .header-block.fixed-header{flex-direction: row; justify-content: space-between;}
  .header-block .logo{order: 1}
  .header-block .nav-list{order: 3;margin: 1.5rem 0}
  .header-block .form-section{order: 2}
  .header-block.fixed-header .logo{order: 1;text-align:left;flex-grow: 1;}
  .header-block.fixed-header .logo img{width: 180px}
  .header-block.fixed-header .nav-list{
  	order: 2;
  	flex-grow: 2;
  	margin:0;
  	display: flex;
    justify-content: center;
    align-items: center;
  }
  .header-block.fixed-header .form-section{order: 3;width: 350px;margin-top: 5px}
  .header-block ul li.nav-item .active {
      border-bottom: 3px solid #f28c15;
      color: #000;
      font-weight: 700;
  }
  .header-block ul li.nav-item .nav-link,footer.main-footer ul li.nav-item .nav-link{
    font-size:1.2rem;
    color: var(--color-first);
    padding:0.3rem 1rem;
    text-transform: capitalize;
  }
  .header-block.fixed-header ul li.nav-item .nav-link{padding:0.3rem 0.5rem;}
  .header-block.fixed-header ul li.nav-item .active{border: 3px solid #fff;}
  .header-block .dropdown-toggle::after{
  	vertical-align: 0;
  	margin: 0;
  	margin-left:5px;
  	content:"";
  	width: 10px;
  	height: 10px;
  	background: url(../img/angle-arrow-down.png);
  	background-size: 10px 10px;
  	background-repeat: no-repeat;
  	border: none;
  }
  .header-block .dropdown-menu{
  	border-top: 3px solid var(--color-second);
  	border-radius: 0;
  	display: none;
  }
  .header-block .dropdown:hover .dropdown-menu{display: block;}
  .header-block .dropdown .dropdown-menu li a.dropdown-item.active,
  .header-block .dropdown .dropdown-menu li a.dropdown-item:focus{
  	background-color: var(--color-second);
  	color: #fff;
  }
  .header-block ul li.nav-item .nav-link:hover,
  .header-block ul li.nav-item .nav-link:focus{background:transparent;outline: 0}
  .menubar{display: none;}
  .menubar i,.closebtn i{font-size: 1.4rem}
  .sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1031;
	  top: 0;
	  left: 0;
	  background-color: var(--color-first);
	  overflow-x: hidden;
	  transition: .5s
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 16px;
	  line-height: 1.5;
	  font-weight: 500;
	  color: #fff;
	  display: block;
	  transition: .3s
	}
	.sidenav a:hover,.sidenav a:focus { color: #fff }
	.sidenav .closebtn {
	  position: absolute;
	  top: 15px;
	  right: 5px
	}
	.sidenav-padding { padding-top: 60px }
	.sidenav .dropdown-menu.show{border-radius: 0;width: 80%}
	.sidenav a.dropdown-item{color: var(--color-first);} 
/********** FOOTER CSS **********/
	footer.main-footer{
	    align-items: flex-end;
	    display: flex;
	    flex: 1;
	    width: 100%;
	    border-top: 1px solid #dadce0;
	    padding-bottom: 30px;
	}
	footer.main-footer .nav{display: block;}
	.footer-logo img{width:200px}
	footer.main-footer ul li.nav-item .nav-link{
		margin-bottom: 1px;
		font-size: 1rem;
		font-weight: 500;
		text-transform: capitalize;
	}
	footer.main-footer ul li.nav-item{position: relative; margin-left: 1em;padding-left: 1.2em;display: block;}
	footer.main-footer ul li.nav-item:before{display:none; }
	.copyright-text,.copyright-text a{font-weight: 500;color: var(--color-first);text-decoration: none;}
@media only screen and (max-width:1200px){
 	.header-block.fixed-header .logo img { width: 150px; }
 	.header-block.fixed-header .form-section{width: 300px}
 	.header-block ul li.nav-item .nav-link{ font-size: 0.95rem; padding: 0.3rem 0.9rem; }
 	.header-block.fixed-header ul li.nav-item .nav-link{padding:0.3rem;}
}
@media only screen and (max-width:992px){
	.header-block .logo img{width: 180px}
	.logo{width: 100%; display: flex;justify-content: space-between;align-items: center;}
	.header-block.fixed-header .nav-list,.nav-list{display: none;}
	.search-block .nav-list{display: block;}
	.menubar{display: inline-block;}
	.header-block .form-section{display: block;width: 100% !important}
	.header-block.fixed-header{flex-direction: column;}
	.header-section{padding: 0}
}  
@media only screen and (max-width:768px){
	.footer-logo{text-align: center;margin-bottom: 10px}
	footer ul li.nav-item{margin-left: 7px;padding-left: 0.5em;}
	footer .nav{flex-basis: 50%}
}
@media only screen and (max-width:500px){
	footer ul li.nav-item .nav-link,.copyright-text,.copyright-text a{font-size: 0.9rem}
	footer{padding-bottom: 0}
}