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



    RESPONSIVE DEFINITIONS



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



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

        LARGE DEVICES

		devices with width between 992px and 1199px

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



    @media ( max-width: 1100px ) {



		/* 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 ) {



		/* your CSS here */

		#social-bar {
			text-align: center;
		}

		.social-link {
			float: none;
			margin: 0 5px 0 5px;
		}

		#member-login {
			text-align: center;
			margin: 0 0 20px 0;
		}

		.custom-logo-link {
			top: 0px !important;
			position: static !important;
		}

		nav#site-navigation.main-navigation .menu-toggle {
			float: right;
			margin: 10px;
			background-color: #dc572f;
			color: #fff;
		}

		nav#footer-navigation {
			display: none;
		}

		#primary-menu li.menu-item, #primary-search {
			line-height: 50px;
		}

		.nopointer.menu-item-has-children a {
			pointer-events: auto;
		}

	}


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

        SMALL DEVICES

		devices with width up to 480px

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



	@media ( max-width: 575px ) {



		/* your CSS here */

		#sidebar {
			border: 0 none;
		}

	}


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

        EXTRA SMALL DEVICES

		devices with width up to 480px

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



	@media ( max-width: 480px ) {



		/* your CSS here */
		
	}