.menu-toggle {
    display:none;
}

@media screen and (max-width: 1150px) {

	#navigation_social {
		display:none;
	}

	.inner, #navigation {
		width: 100% !important;
	}

	.animation_juicehub, .animation_glass, .orange_static, .animation_overlay_apple, .animation_podcasts, .animation_juicehub {
		display: none !important;
	}

}

@media screen and (max-width: 1260px) and (min-width: 1111px) {

}

@media screen and (max-width: 1150px) and (min-width: 641px) {
	#header_right {
		width: 70% !important;
	}    
	#logo {
		width: 30% !important;
	}    

	#header_button_container {
		width: 80% !important;
	}   
 
	#header_log_in {
		width: 20% !important;
	}
	
	#navigation ul li {
		margin: 0 28px 20px 0 !important;
	}

	.intro, #homepage_animation_container, .homepage_info_container {
		width: 100% !important;
	}

	.rotatingtweet p.rtw_main {
		padding: 0 6% !important;
	}
	.juicehub {
		top: 195px !important;
	}
	.practitioners {
		top: 650px !important;
	}
	.hub_talks {
		top: 900px !important;
	}
	.hub_resources  {
		top: 1400px !important;
	}
	.relaxation_pod {
		top: 1650px !important;
	}
	.kids_hub {
		top: 2150px !important;
	}
	.audio_podcasts {
		top: 2365px !important;
	}
	.website {
		height: 3045px !important;
	}
	.three_column_container, .three_column_container_2 {
		width: 100% !important;
		display: inline-block !important;
		height: auto !important;
	}
	img.border_radius.middle_column {
		width: 100% !important;
	}
	.have_your_say_footer {
		height: auto !important;
	}
	.start_container, #route, .animation_glass, #end_of_animations_title, #end_of_animations, h1.center.font_tertiary_color.letter_spacing_60 {
		display: none !important;
	}

	.health_hub_logo {
		display: block !important;
	}

	#homepage_animation_container {
		background: none !important;
	}

	.info_container_padding {
		padding: 0 !important;
	}
	.header_right_container_top {
		padding: 0 !important;
	}
	.homepage_info_container_column {
		width: 50% !important;
		padding: 0 4% 0 4% !important;
	}

}

@media screen and (max-width: 950px) and (min-width: 641px) {

	h3.slogan.font_secondary_color {
		font-size: 18px !important;
	}
	.slider_caption h1 {
		font-size: 36px !important;
	}
	#homepage_animation_container {
		margin: 0 auto !important;
	}
	.homepage_info_container_image, .homepage_info_container_image img {
		width: 100%;
	}
	.right_arrow {
		top: 35% !important;
		left: 42% !important;
	 	max-width: 20%;
	}
	.homepage_second_column {
		padding: 0 55px 0 55px !important;
		width: 50% !important;
	}
	.log_in, .header_button_text {
		display: none !important;
	}
	.grow:hover {
		  width: 57px !important;
	}

}

@media screen and (max-width: 750px) and (min-width: 641px) {
	.header_right_container {
		width: 350px;
		float: right;
	}
}

    /* SMARTPHONES */

@media screen and (max-width: 640px) and (min-width: 0px) {
    
    /* Fonts */
    
    h1 {
        font-size: 26px  !important;
    }
    
    h2 {
    
    }

    h3 {
    
    }

    h4 {
        font-size: 18px  !important;
    }
    
    .slider_font {
        font-size: 18px  !important;
    }
    
    /* Structure */
    
    .container {
        width: 100%  !important;
        padding: 0 3%  !important;
    }
    
    .inner {
        padding: 0  !important;
    }
    
    .inner, #navigation, html, .flex-control-nav, .intro, .homepage_info_container, .homepage_info_container_odd, .homepage_info_container_image img, #navigation, #homepage_animation_container, .three_column, .intro, .homepage_info_container_column, div#vidwrap, #header_right {
        width: 100% !important;
    }
    
    .three_column_container {
        width: auto  !important;
    }
    
    #navigation_social, #route, .animation_glass, .start, #end_of_animations_title, h1.center.font_tertiary_color.letter_spacing_60, svg#route, .start_container, #end_of_animations, .animation_glass, .animation_juicehub, .orange_static, .animation_uice, #social_media, .flex-control-nav, .animation_podcasts, .animation_overlay_apple, .header_button img, #twitter_feed {
        display: none  !important;
    }
    
    #homepage_animation_container {
        background: none  !important; 
    }
    
    .info_container_padding {
        padding: 0  !important;
    }
    
    .three_column {
        margin: 0  !important;
    }
    
    .homepage_info_container {
        top: 0px  !important;
        padding: 0  !important;
    }
    
    .homepage_info_container_column {
        text-align: center  !important;
        float: right  !important;
        position: relative  !important;
    }
    
    .homepage_second_column, .homepage_info_container_odd p {
        padding: 20px 0  !important;
    }
    
    .slider {
        padding: 0  !important;
        width: 100%  !important;
        height:250px  !important;
    }
    
    .homepage_second_column {
        float: left  !important;
    }
    
    
    
    /* header */
    
    .header {
        height: auto  !important;
        min-height: 200px  !important;
    }
    
    #header_button_container {
        width: 100% !important;
	padding: 0 25%;
    }
    
    .header_right_container_top {
        padding: 0  !important;
    }
    
    #logo {
		width: 50% !important;
		padding: 36px 25% !important;
		margin: 0 auto !important;
    }
    
    svg.Health.Hub.logo {
        
    }
    
    .grow, .grow:hover {
        transition: none  !important;
        -webkit-transition: none  !important;
        -moz-transition: none  !important;
        -o-transition: none  !important;
        -ms-transition: none  !important;
        width: 74px  !important;
        height: 40px  !important;
    }

   .grow {
	color: #fff !important;
	}
     
    .header_button img {
        width: 40px  !important;
    }
    
	.header_button_text {
		top: 7px !important;
		left: 7px !important;
	}
	.header_button_text p {
		font-size: 13px !important;
	}

    #header_right {
        position: absolute !important;
        top: 0 !important;
        width: 97% !important;
    }
    
    .mobile_slogan {
        margin-top: 10px  !important;
        padding: 75px 0 0  !important;
    }
    
    .slogan {
        text-align: center !important;
        font-size: 16px  !important;
    }  
    
    #header_log_in {
        display: none  !important;
    }
    
    .intro {
        font-size: 16px  !important;
    }
    
    #homepage_intro {
        padding: 40px 0 20px  !important;
    }

	/* Small menu */
	.main-navigation {
	}

	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		font-size: 28px;
		width: 100%;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #fff;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.nav {
		max-height: 100% !important;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		border-top: 2px #fff dashed;	
		padding-top: 15px;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
    
    /* homepage containers */
    
    .body_container {
        position: relative  !important;
        height: 550px  !important;
        margin-bottom: 50px  !important;
    }
    
    .glass, .practitioners, .juicehub, .hub_talks, .hub_resources, .relaxation_pod, .kids_hub, .audio_podcasts, .website, .homepage_info_container {
        top: inherit  !important;
    }

	.website {
		height: 4745px !important;
	}
   
    /* mobile menu */
    
    .menu-toggle {
        display:block  !important;
    }
    
    .menu-toggle img {
        margin-top: 10px  !important;
    }
    
    .menu-toggle {
        text-align: center  !important;
    }

    nav > ul {
        display: none  !important;
    }

    .sub-menu {

    }

    .sub-menu > a {

    }
    
    #navigation ul li {
        display: block !important;
        text-align: center !important;
        margin: 10px 0 !important;
	width: 50% !important;
	float: left !important;
    }
    
    #navigation {
        padding: 0 0 10px 0 !important;
    }
    
    .mobile_text_swap {
        top: 230px !important;
    }
    
    .mobile_image_swap {
        top: -370px !important;
    }
    
    /* Slider */
    
    .flexslider .slides img {
        transform: scale(2) !important;
        -webkit-transform: scale(2) !important;
        -ms-transform: scale(2) !important;
        -moz-transform: scale(2) !important;
        -o-transform: scale(2) !important;
    }
    
    .downwards_arrow, .slider_arrow {
        transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
    }
    
    .slider_info_container {
        top: 20px !important;
    }
    
    .downwards_arrow {
        top: 125px !important;
        width: 60px !important;
    }
    
    .slider_arrow {
        width: 90px !important;
        top: 130px !important;
    }
    
    .video_wrap {
        height: 250px !important;
    }
    
    .video_arrow {
        width: 40px !important;
        top: 160px !important;
    }
    
    /* elements */
    
    .right_arrow {
        width: 25% !important;
        top: 60px !important;
        left: 40% !important;
    }
    
    /* Footer */
    
    #pre_footer {
        display: inline-block !important;
        height: auto !important;
    }
}