/*==================================================
Media Queries
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {


    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {


    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

		.content-container .content-advertisement {
			padding:0 0 0 20px;
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

		.content-container {
			flex-direction:column
		}
		.content-container .content-advertisement {
			padding:10px 0 10px 0;
		}
			.forum-list-grid {
			height:auto;
		}

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
			.content-container {
			flex-direction:column
		}
			.navbar.navbar-default .container {
    		display: flex;
    		align-items: center;
		}
			#navbar-collapse .main-menu ul li.dropdown.open {
    		background-color: transparent;
		}
			.menu-content {
    		width: 100%;
			height:auto;
		}
			.navbar-header {
    		width: 100%;
		}
			.top-header .navbar .logo {
    		margin: 0 auto;
		}
			.menu-content .row {
			height:auto;
		}
			.menu-content .menu-main {
    		align-items: center;
		}
			.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    		background-color: transparent;
		}
			.collapse.in {
    		width: 100%;
		}
			#navbar-collapse .main-menu .menu.nav.navbar-nav {
    		padding: 0;
    		align-items: center;
    		display: flex;
			height:auto;
			min-height: initial;
			align-self: initial;
		}
			#navbar-collapse .main-menu li {
    		padding: 0;
    		margin-right: inherit;
    		background: transparent;
    		display: block;
			width: 100%;
			text-align: center;
		}
			#navbar-collapse .main-menu li a {
    		padding: 8px 0;
			border-bottom:1px dotted #aaa;
		}
			#navbar-collapse .main-menu li {
    		background: transparent;
		}
			#navbar-collapse .main-menu li.active {
    		border-top:0px;
		}
			.onthisday-block {
			height:auto;
			width: 100%;
			justify-content: center;
		}
			#navbar-collapse .main-menu ul ul.dropdown-menu {
    		position: relative;
    		top: 1px;
			width: 100%;
			background-color: transparent;

		}
			#navbar-collapse .main-menu ul ul.dropdown-menu li a {
    		padding: 5px 0;
		    background-color: transparent;
			border: initial;
			color: #fff;
		}
			.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a:hover,
			#navbar-collapse .main-menu ul ul.dropdown-menu li a:hover {
		    background-color:rgba(0,0,0,0.4);
		}
			#navbar-collapse .main-menu li.active {
    		border-top: initial;
		}
			.navbar-toggle .icon-bar {
    		width: 42px;
    		height: 3px;
    		border-radius: 1px;
		}
			.views-field-field-onthisday-day .top_onthisday.right {
    		padding: 10px 0 20px 10px;
		}
			.top-header .navbar .logo {
    		padding: 25px 0 10px 0;
		}
			.views-field-field-onthisday-day .field-content {
    		display: flex;
    		flex-direction: row;
			margin: 0 auto;
		}
			.onthisday-box {
			width:100%
		}
			.navbar-nav .open .dropdown-menu {
    		position: absolute;
		}
			.navbar.navbar-default .container {
    		flex-direction: column;
		}
			.compact .menu-content {
    		flex-direction: column;
		}
			.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu {
    		position: relative;
			top: 1px;
			width: 100%;
			background-color: transparent;
		}
			.top-header.compact #navbar-collapse .main-menu li {
    		padding: 0;
    		margin-right: inherit;
   	 		background: transparent;
    		display: block;
    		width: 100%;
    		text-align: center;
 			justify-content: center;
		}
			.top-header.compact #navbar-collapse .main-menu li a {
    		text-align: center;
 			justify-content: center;
		}
			.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open {
			background:transparent;
		}
			.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open a {
			color:#fff;
		}
			.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a {
			color: #fff;
    		justify-content: center;
		}
			.top-header.compact #navbar-collapse .main-menu .menu.nav.navbar-nav {
    		padding: 0;
    		align-items: center;
    		display: flex;
    		height: auto;
			min-height: initial;
			align-self: initial;
		}
			.top-header.compact .navbar-collapse {
    		width:100%;
		}
			.navbar-collapse,
			.top-header.compact .navbar-collapse {
    		width:100%;
		}

			.menu-content .menu-main .main-menu {
    		padding-bottom: 10px;
		}
			.forum-list-grid {
			height:auto;
		}
			.branding {
    		padding-right: 0;
		}

    }

	

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

		.content-container ul.links.list-inline {
    		flex-direction:column
		}
		.content-container ul.links.list-inline {
			list-style-type:square;
		}
		.content-container ul.list-inline {
			list-style-type:square;
		}
		.content-container ul.links.list-inline li {
    		border-left: inherit;
    		text-align: left;
			padding: 4px 0;
		}
		.comment-content {
			margin-left:-42px;
		}
			.content-comments .indented .comment-wrap {
    		margin-left: 0;
		}
			.comment-thread-expand {
    		margin: 1.5rem 0 -5rem 0;
		}
			.content-comments .indented .indented .comment-wrap {
   	 		margin-left: 0;
		}
			.indented .comment-thread-expand {
    		margin: 1rem 0 0 0;
		}
			.indented .indented .comment-thread-expand {
    		margin: 1rem 0 0 0;
		}
			.navbar.navbar-default .container {
    		display: flex;
    		align-items: center;
		}
			.menu-content {
    		width: 100%;
			height:auto;
		}
			.navbar-header {
    		width: 100%;
		}
			.top-header .navbar .logo {
    		margin: 0 auto;
		}
			.menu-content .row {
    		margin-left: -15px;
			height:auto;
		}
			.menu-content .menu-main {
    		align-items: center;
		}
			#navbar-collapse .main-menu li {
    		background: transparent;
		}
			.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    		background-color: transparent;
		}
			.collapse.in {
    		width: 100%;
		}
			#navbar-collapse .main-menu .menu.nav.navbar-nav {
    		padding: 0;
    		align-items: center;
    		display: flex;
			height:auto;
		}
			#navbar-collapse .main-menu li {
    		padding: 0;
    		margin-right: inherit;
    		background: transparent;
    		display: block;
			width: 100%;
			text-align: center;
		}
			#navbar-collapse .main-menu li a {
    		padding: 8px 0;
			border-bottom:1px dotted #aaa;
		}
			.onthisday-block {
			height:auto;
		}
			#navbar-collapse .main-menu ul ul.dropdown-menu {
    		position: relative;
    		top: 1px;
			width: 100%;
			background-color: transparent;

		}
			#navbar-collapse .main-menu ul ul.dropdown-menu li a {
    		padding: 5px 0;
		    background-color:rgba(0,0,0,0.2);
			border:initial;
		}
			#navbar-collapse .main-menu ul ul.dropdown-menu li a:hover {
		    background-color:rgba(0,0,0,0.4);
		}
			#navbar-collapse .main-menu li.active {
    		border-top: initial;
		}
			.navbar-toggle .icon-bar {
    		width: 42px;
    		height: 3px;
    		border-radius: 1px;
		}
			.views-field-field-onthisday-day .top_onthisday.right {
    		padding: 10px 0 0 10px;
			margin-bottom:-15px;
		}
			.top-header .navbar .logo {
    		padding: 25px 0 10px 0;
		}
			.views-field-field-onthisday-day .field-content {
    		display: flex;
    		flex-direction: column-reverse;
		}
			.navbar-nav .open .dropdown-menu {
    		position: absolute;
		}
			.navbar.navbar-default .container {
    		flex-direction: column;
		}
			.compact .menu-content {
    		flex-direction: column;
		}
			.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu {
    		position: relative;
			top: 1px;
			width: 100%;
			background-color: transparent;
		}
			.top-header.compact #navbar-collapse .main-menu li {
    		padding: 0;
    		margin-right: inherit;
   	 		background: transparent;
    		display: block;
    		width: 100%;
    		text-align: center;
 			justify-content: center;
		}
			.top-header.compact #navbar-collapse .main-menu li a {
    		text-align: center;
 			justify-content: center;
		}
			.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open {
			background:transparent;
		}
			.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open a {
			color:#fff;
		}
			.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a {
			color: #fff;
    		justify-content: center;
		}
			.navbar-collapse,
			.top-header.compact .navbar-collapse {
    		width:100%;
		}
			.branding {
    		padding-right: 0;
		}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {


    }