@media (max-width: 480px) {

	.inner-wrapper, .footer-wrapper {
		padding-left: 3%;
		padding-right: 3%;
	}

	header {
		padding: 15px 0 0 0;
	}

	.logo-img {
		text-align: center;
		padding-bottom: 0;
		width: 100%;
		float: none;
		padding-bottom: 10px;
	}

	.tagline {
		float: none;
		margin: 10px auto;
		text-align: center;
	}

	.tagline h1 {
		font-size: 24px;
		margin-top: 0;
		line-height: 32px;
		padding-bottom: 10px;
	}

	.tagline h2 {
		line-height: 22px;
	}

	/*========Navigation=======*/

	.navigation {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: auto;
	}

	.navigation ul {
		margin-top: 10px !important;
	}

	.main-menu {
		margin-top: 0;
	}

	.main-menu .nav-tabs > li {
		background: none;
	}

	.navbar .btn-navbar {
		padding: 6px 10px;
		margin-right: 26px;
		background-color: transparent;
		background-image: none !important;
		border-color: none;
		box-shadow: none;
		background-repeat: none;
	}

	.navbar .btn {
		margin-top: 2px !important;
	}

	.btn {
		border-style: none;
		border-radius: 0;
	}

	.navbar .btn-navbar .icon-bar {
		width: 25px;
	}

	.navbar .btn-navbar:hover {
		background-color: #1046a8 !important;
		color: #4c4c4c;
		background-image: none !important;
		text-decoration: none;
	}

	.navbar .btn-navbar:active, .navbar .btn-navbar:focus {
		background-color: #1046a8 !important;
		color: #4c4c4c;
		background-image: none !important;
		text-decoration: none;
	}

	.nav-collapse, .nav-collapse.collapse {
		padding: 0px 25px;
		text-align: center;
		color: #FFF;
		width: auto;
		margin: 16px auto 10px auto;
	}

	.nav-collapse .nav > li > a {
		color: #fff;
		border-bottom: 1px dotted #ccc;
	}

	.nav-collapse .nav > li:last-child {
		border-bottom: none;
	}

	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		border-radius: 0px !important;
		padding: 6px 15px;
	}

	.nav-tabs > li {
		display: block;
		width: 100%;
	}

	.navigation .dropdown li a {
		color: #FFF !important;
		padding: 6px !important;
	}

	.nav-collapse .dropdown-menu {
		margin-top: -2px;
		box-shadow: 0px;

		background-image: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.nav-collapse .dropdown-menu ul li {
		width: 90%;
	}

	.nav-collapse .dropdown-menu ul li a {
		text-align: center;
		border-bottom: none;
	}

	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover, 
	.nav-collapse .dropdown-menu a:focus {
		background-color: #1046a8;
	}

	.dropdown-menu ul li {
		border-bottom: 1px dotted #D6DFE6;
	}

	.nav-shadow {
		display: none;
	}

	/*========navigation-ends=======*/


	/*-----------main-content---------*/

	.callbacks .caption {
		display: none;
	}

	.callbacks_nav {
		top: 68%;
	}	

	.member-login {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.button-left {
		left: -20px;
	}

	.event_date {
		margin-right: 0;
	}

	.content-middle, .content-right {
		margin-left: 0;
	}

	.ad-banner {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}


	/*---------Subpage-section---------*/

	.subpage-content {
		padding: 0;
	}

	.subpage-content p {
		padding-top: 10px;
	}

	/*------Subpage-content-left--------*/

	.subpage-menu {
		display: none;
	}


	/*------Subpage-content-right--------*/

	.subpage-content-right {
		margin-top: 30px;
	}

	.breadcrumb-menu {
		margin-left: -9px;
	}

}


@media (min-width: 480px) and (max-width: 689px) {

	.container-fluid {
		padding-left: 3%;
		padding-right: 3%;
	}

	.inner-wrapper, .footer-wrapper {
		padding-left: 3%;
		padding-right: 3%;
	}

	header {
		padding: 15px 0 0 0;
	}

	.logo-img {
		text-align: center;
		padding-bottom: 0;
		width: 90%;
		float: none;
		padding-bottom: 10px;
	}

	.tagline {
		float: none;
		margin: 10px auto;
		text-align: center;
	}

	.tagline h1 {
		font-size: 24px;
		margin-top: 0;
		line-height: 32px;
		padding-bottom: 10px;
	}

	.tagline h2 {
		line-height: 22px;
	}


	/*---------main-content----------*/

	.callbacks_nav {
		top: 62%;
	}

	.member-login {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.button-left {
		left: -20px;
	}

	.event_date {
		margin-right: 0;
	}

	.content-middle, .content-right {
		margin-left: 0;
	}

	.ad-banner {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}


	/*----------footer------------*/

	.footer-copyright {
		padding-top: 15px;
	}

	.footer-logo a {
		margin-top: -53px;
	}


	/*---------Subpage-section---------*/

	.subpage-content {
		padding: 0;
	}

	.subpage-content p {
		padding-top: 10px;
	}

	/*------Subpage-content-left--------*/

	.subpage-menu {
		width: 70%;
		margin: 0 70px;
	}


	/*-------Member-Login-area------------*/

	/*.member-login-sub {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}*/

	.subpage-menu {
		display: none;
	}
	

	/*------Subpage-content-right--------*/

	.subpage-content-right {
		margin-top: 30px;
	}

	.breadcrumb-menu {
		margin-left: -9px;
	}

}


@media (min-width: 689px) and (max-width: 767px) {

	.container-fluid {
		padding-left: 3%;
		padding-right: 3%;
	}

	.inner-wrapper, .footer-wrapper {
		padding-left: 3%;
		padding-right: 3%;
	}


	/*---------Subpage-section---------*/

	.subpage-content {
		padding: 0;
	}

	.subpage-content p {
		padding-top: 10px;
	}

	/*------Subpage-content-left--------*/

	.subpage-menu {
		display: none;
	}


	/*------Subpage-content-right--------*/

	.subpage-content-right {
		margin-top: 30px;
	}

	.breadcrumb-menu {
		margin-left: -9px;
	}

}	


/*==========NAVIGATION ONLY==================*/

@media (min-width: 480px) and (max-width: 767px) {

	.navigation {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: auto;
	}

	.navigation ul {
		margin-top: 10px !important;
	}

	.main-menu {
		margin-top: 0;
	}

	.main-menu .nav-tabs > li {
		background: none;
	}

	.navbar .btn-navbar {
		padding: 6px 10px;
		margin-right: 26px;
		background-color: transparent;
		background-image: none !important;
		border-color: none;
		box-shadow: none;
		background-repeat: none;
	}

	.navbar .btn {
		margin-top: 2px !important;
	}

	.btn {
		border-style: none;
		border-radius: 0;
	}

	.navbar .btn-navbar .icon-bar {
		width: 25px;
	}

	.navbar .btn-navbar:hover {
		background-color: #1046a8 !important;
		color: #4c4c4c;
		background-image: none !important;
		text-decoration: none;
	}

	.navbar .btn-navbar:active, .navbar .btn-navbar:focus {
		background-color: #1046a8 !important;
		color: #4c4c4c;
		background-image: none !important;
		text-decoration: none;
	}

	.nav-collapse, .nav-collapse.collapse {
		padding: 0px 25px;
		text-align: center;
		color: #FFF;
		width: auto;
		margin: 16px auto 10px auto;
	}

	.nav-collapse .nav > li > a {
		color: #fff;
		border-bottom: 1px dotted #ccc;
	}

	.nav-collapse .nav > li:last-child {
		border-bottom: none;
	}

	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		border-radius: 0px !important;
		padding: 6px 15px;
	}

	.nav-tabs > li {
		display: block;
		width: 100%;
	}

	.navigation .dropdown li a {
		color: #FFF !important;
		padding: 6px !important;
	}

	.nav-collapse .dropdown-menu {
		margin-top: -2px;
		box-shadow: 0px;

		background-image: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.nav-collapse .dropdown-menu ul li {
		width: 90%;
	}

	.nav-collapse .dropdown-menu ul li a {
		text-align: center;
		border-bottom: none;
	}

	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover, 
	.nav-collapse .dropdown-menu a:focus {
		background-color: #1046a8;
	}

	.dropdown-menu ul li {
		border-bottom: 1px dotted #D6DFE6;
	}

	.nav-shadow {
		display: none;
	}

}	


@media (min-width: 768px) and (max-width: 980px) {

	.container-fluid {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.inner-wrapper, .footer-wrapper {
		padding-left: 3%;
		padding-right: 3%;
	}



	/*---------header-section----------*/

	.tagline {
		    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: auto;
    max-width: 71%;
	}

	.tagline h1 {
		line-height: 26px;
		font-size: 20px;
		padding-left: 20px;
	}

	.tagline h2 {
		line-height: 20px;
		margin-top: -14px;
		margin-left: 20px;
	}

	#header-top-right {
		margin-top: 98px;
	}

    /*-------Main-content-area------------*/

	.nav-shadow {
		width: 80%;
		top: 203px;
		left: 10%;
		right: 10%;
	}

	.login-area .txt-user,
	.login-area .txt-pass {
    	width: 150px;
	}

	.enter-btn button, .event-btn a {
		width: 163px;
	}

	.member-login .login-area .button-left {
		left: 2px;
	}

	.event_content {
		float: none;
		width: 100% !important;
	}

	/*-------Subpg Member Login-area------------*/

	.member-login-sub .login-area .txt-user,
	.member-login-sub .login-area .txt-pass {
    	width: 150px;
	}

	.member-login-sub .enter-btn button {
		width: 163px;
		text-align: center;
	}


}



@media (min-width: 980px) and (max-width: 1024px) {

	.container-fluid {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.inner-wrapper, .footer-wrapper {
		padding-left: 3%;
		padding-right: 3%;
	}

	#header-top-right {
		margin-top: 59px;
	}

	.nav-shadow {
		width: 80%;
		top: 166px;
		left: 10%;
		right: 10%;
	}



}



/*===============Taptabbox underneath the slider==================*/

@media (min-width: 320px) and (max-width: 768px) {

	.toptab1,
	.toptab2,
	.toptab3,
	.toptab4,
	.toptab5 { 
		width:100%; 
		margin-bottom: 10px; 
		border-radius: 8px; 
		padding-bottom: 25px; 
		border: none;
		height: auto!important;
	} 
	
}


@media (min-width: 768px) and (max-width: 980px) {

	.toptab1, 
	.toptab2, 
	.toptab3, 
	.toptab4,
	.toptab5 {
		width: 20%;
		max-height: 100%;
		height: auto;
		height: 245px!important;
	}
	
	.taptabbox p {
		font-size: 12px;
		padding-bottom: 15px;
	 }

}

@media (min-width: 800px) and (max-width: 980px) {

	.toptab1, 
	.toptab2, 
	.toptab3, 
	.toptab4,
	.toptab5 {
		width: 19.86%;
	}
		
}

@media (min-width: 768px) and (max-width: 830px) {

	.taptabbox h2, .taptabbox h2 a {
		font-size: 16px;
	}

}
 @media (min-width: 768px) and (max-width: 1024px) {

	.taptabbox p {
		padding-bottom: 10px;
	}
}

@media (min-width: 980px) and (max-width: 1024px) {

	.toptab1, 
	.toptab2, 
	.toptab3, 
	.toptab4,
	.toptab5 {
		width: 19.884%;
		max-height: 100%;
		height: auto;
	}

}


@media (max-width: 767px) {
.logo-img, .tagline{display:inline-block;}


header [class*="span"] {
    display: inline-block!important;
    width: 100%!Important;
}
.top-nav {
    margin-top: 0;
    margin: 20px 0;
    width: 49%;
    display: inline-block;
    float: right;
    text-align: right;
}

.top-nav ul {
    list-style: none;
    text-align: right;
    margin: 0;
    display: inline-block;
}

.search input {
    margin-bottom: 0;
}

.search form {
    margin-bottom: 0;
}

#header-top-right {
    margin-top: 20px;
    display: inline-block;
    width: 50%;
    float: left;
}


}

@media (max-width: 689px) {

.logo-img, .tagline {
    display: block;
}

.logo-img {
    width: 100%; margin: 10px auto;}


}

@media (max-width: 767px){

.breadcrumb-menu{
    height: auto;}
}

@media (max-width: 480px){


.top-nav {
    float: none;
    text-align: center;
    width: 100%;
}

#header-top-right {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0 0 20px;
}
 .search {
    float: none;
}


}