/**
* Theme Name: Wordbench Child
* Theme URI: http://preview.lsvr.sk/wordbench
* Description: Wordbench child theme
* Author: LSVRthemes
* Author URI: http://themeforest.net/user/LSVRthemes/portfolio
* Template: wordbench
* Version: 1.2.1
*/

/* Add your custom CSS after this comment */

/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		.header--has-logo .header-title-tagline {
			display: inline-block !important;
		}
		
		#header-menu-primary {
			position: absolute;
			right: 0;
			top: 40px;
			z-index: 9999;
		}
		
		.header__navbar-container .header-mobile-menu-toggle {
			display: none !important;
		}
		
		#header__navbar-menu {
			display: block !important;
		}

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}

@media only screen and (max-width: 366px) {
		#header-menu-primary {
			top: 40px !important;
		}
}

@media only screen and (max-width: 426px) {
		#header-menu-primary {
			top: 70px !important;
		}
}



.header__navbar-inner {
	display: block !important;
}