/**
 * Theme Name:     The Digital Forge
 * Author:         ThemeFusion
 * Template:       Avada
 * Text Domain:	   the-digital-forge
 * Description:    The Avada Website Builder is the ultimate design and creation suite. Design Anything, Build Everything, Fast. The #1 selling product of all time on ThemeForest.
 */
#side-header p { margin-bottom: 0; }
#desktop-hd, #desktop-vd { display: block; }
#mob-hd, #mob-vd { display: none; }
#footer { display: none; }
#desktop-vd > .fusion-builder-row { height: 100vh; }
#banner-txt { position: absolute; top:0; }
.event-cont h2 { font-size: 40px !important; line-height: 44px !important; }

@media only screen and (max-width: 1152px) {
.avada-portfolio-menu_portfolio_view::before { background: url(images/hamberger-menu.png) no-repeat 0 0; content: "" !important; width: 27px; height: 23px; display: block; position: absolute; right: 5px; }
#side-header .avada-portfolio-menu_portfolio_view { margin: 9px 0 0 20px;
  height: 26px;}
  #menu-layout-mob { display: flex; height: 100vh !important; align-items: center; justify-content: center; }
 #menu-layout-mob .avada-portfolio-close { position: fixed; right:20px; top:20px; }
#mob-layout-menu { position: fixed; top: 30px; left: 30px; max-width: 200px; } 
}


@media only screen and (max-width: 768px) {
#desktop-hd, #desktop-vd { display: none; }
#mob-hd, #mob-vd { display: block; }
#mob-hd .fusion-button { max-width:100%; float: left; margin: 20px 0 0 0; }
#mob-hd .fusion-column-wrapper .fusion-builder-row { display: block; }
#mob-hd .fusion-column-wrapper .fusion-builder-row .fusion_builder_column_inner { width:100%; }
#mob-hd .fusion-column-wrapper { margin: 0; }
#mob-hd #mob-logo-menu-sec .fusion-builder-row { display:flex; }
	#mob-hd #mob-logo-menu-sec .fusion-builder-row #mob-logo { width: 60%; }
	#mob-hd #mob-logo-menu-sec .fusion-builder-row #mob-menu { width: 40%; }
	#mob-hd .full-width { width: 100% !important; }
	#mob-hd .fusion-builder-row { margin:0!important;  width: 100% !important; }
	#mob-hd #cal-sec .fusion-column-wrapper .fusion-builder-row .fusion_builder_column_inner { width: 96% !important; max-width: 96%!important; }
	#mob-vd { display: none; }
	body.home #mob-vd { display: block; }
	#wrapper { display: flex; flex-direction: column;}	
	#side-header { order: 2;}
	#main { order: 1; padding-top: 100px !important; }
	.fusion-footer { order: 3;}	
	#mob-logo-menu-sec {position: fixed; top: 0; width: 100%; left: 0; z-index: 999; }
	#menu-icon-sec  {margin-right: 20px;}
.event-cont h2 { font-size: 20px !important; line-height: 24px !important; }
}