/* Mobile */
@media (max-width: 767px) {
	.mobi-logo {
		display: block;
	}
	
	.mobi-logo {
		width: 120px!important;
   		max-width: 120px!important;
		height: auto;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #58595B;
		border-radius: 0;
		border: 0;
		width: 100px;
		color: #fff;
	}
	
	.navbar-default .navbar-collapse {
		float: none;
		text-align: center;
		position: absolute;
		background-color: #fff;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 9999999999;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.14);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.14);
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.14);
	}
	
	.navbar-nav>li {
		float: none;
		display: block;
		text-align: center;
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #58595B;
	}
	
	.navbar-header {
		background-color: #fff;
	}
	
	.navbar {
		margin-bottom: 0px;
	}
	
	.welcome-and-search {
		min-height: 0px;
		height: auto;
		vertical-align: middle;
		padding-left: 10px;
    	padding-right: 10px;
	}
	
	.welcome-and-search .col-md-6 h1 {
		font-size: 20px;
		line-height: 35px;
	}
	
	.welcome-and-search .col-md-6 {
		padding-bottom: 0;
		width: 50%;
		float: left;
		margin-left: auto;
		margin-right: auto;
		padding: 10px 0;
	}
	
	.input-with-icon .form-control {
		float: right;
		height: 100%;
		width: 100%;
		padding: 5px;
	}
	
	.input-with-icon .icon {
		right: 0.5rem;
		top: 0.8rem;
		width: 2rem;
		height: 2rem;
	}
	
	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
		background-color: transparent;
		border-color: transparent;
	}
	
	/* Login page */
	.login-canvas {
		padding: 30px 40px;
		margin-left: 10px;
    	margin-right: 10px;
	}
	
	.login-image {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	/* Home page */
	.dashboard-canvas, .family-members-canvas {
		top: 0px;
		padding-bottom: 0px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		box-shadow: none;
		top: 0px;
		background-color: transparent;
		margin-top: 0;
	}
	
	.widgets, .widgets .col-md-3 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.widget {
		padding-left: 0;
		padding-right: 0;
		min-height: 180px;
		max-height: 180px;
	}
	
	.find-button {
		margin-top: 0;
	}
	
	.count-number p {
		font-size: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.widget-blue {
		min-height: 60px;
		max-height: 250px;
		height: auto;
	}
	
	.widget-blue .widget-content {
		padding: 30px 20px;
		
	}
	
	/* Members page */
	#view-members {
		width: 100%;
		padding: 8px;
		font-size: 15px;
		background: url(/images/patria_arrow.png) 99% / 9% no-repeat #fff;
	}
	
	#add-member {
		float: none;
		margin-top: 20px;
	}
	
	.filter-letters, .view-members {
		padding-left: 0;
		margin-top: 20px;
		padding-right: 0;
	}
	
	.alphabet-search-top, .alphabet-search-bottom {
		display: none;
	}
	
	.col-md-one-and-a-half {
		padding-left: 10px;
		padding-right: 10px;
		float: left;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		width: 50%;
	}
	
	.dashboard-heading, .content .col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
	
	#add-member-form .btn-primary {
		min-width: 150px;
		width: auto;
	}
	
	#edit-profile, #edit-course {
		float: none;
	}
	
	.profile-information, .course-information {
		margin-top: 10px;
	}
	
	.profile-information .col-md-3 {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#member-details {
		margin-top: 25px;
		margin-bottom: 15px;
	}
	
	#address-p {
		margin-bottom: 10px;
	}
	
	.profile-information .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	#family-members-heading {
		margin-bottom: 0;
	}
	
	.family-members-canvas .col-md-6 {
		text-align: left!important;
		margin-bottom: 20px!important;
	}
	
	.family-members-canvas .btn-primary {
		margin-top: 0px!important;
	}
	
	#family-members {
		text-align: center;
		padding-right: 0;
		padding-left: 0;
	}
	
	#family-members .col-md-2 {
		text-align: center;
		padding-right: 10px;
		padding-left: 10px;
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.family-member-photo {
		min-height: 80px;
		max-height: 80px;
		height: auto;
		margin-bottom: 0px;
	}
	
	.family-member-photo img {
		min-height: 80px;
		max-height: 80px;
		margin-bottom: 0px;
	}
	
	.tab-indications-canvas {
		top: 0;
		padding-bottom: 0;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	
	.indication-tabs {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a {
		padding: 10px 4px;
		font-size: 14px;
	}
	
	.tab-pane .col-md-12 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.tab-pane .col-md-12 .col-md-6{
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	.tab-pane .col-md-4 {
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	#home .tab-button {
		float: none;
		margin-bottom: 15px;
	}
	
	.tab-pane .col-md-12 h3 {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 20px;
	}
	
	.counseling-notes {
		top: 0;
		padding-left: 5px;
		padding-right: 5px;
		width: 47%;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 20px;
	}
	
	.general-notes, .counseling-notes {
		top: 0;
		padding-left: 5px;
		padding-right: 5px;
		width: 95%;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
	}
	
	.counseling-notes .heading h4, .general-notes .heading h4 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
		text-align: center;
	}
	
	.general-calendar {
		font-size: 13px;
	}
	
	.general-note {
		padding: 20px 10px 20px 10px;
	}
	
	.general-note .col-md-4 {
		width: 45%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}
	
	.general-right-arrow {
		float: right;
		color: #F17721;
		font-size: 20px;
		margin-bottom: 0;
		margin-top: -30px;
	}
	
	/* Pre-member */
	#edit-profile .btn-primary, #convert-to-member {
		min-width: 130px;
		width: auto;
	}
	
	.family-member-name p {
		font-size: 20px;
	}
	
	#first-block, #second-block {
		padding-left: 0;
		padding-right: 0;
	}
	
	.family-members-canvas h2 {
		margin-top: 0;
	}
	
	#menu1 .tab-button, #menu2 .tab-button, #menu3 .tab-button, #menu4 .tab-button {
		float: none;
		margin-bottom: 20px;
	}
	
	/* Ministries */
	.dashboard-heading h3 {
		padding-left: 0px;
	}
	
	.ministries-canvas {
		top: 0;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0;
		padding-top: 20px;
	}
	
	.ministries-heading h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	
	.ministries-heading {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 20px;
	}
	
	.ministries-heading .col-md-3 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-left: 5px;
		padding-right: 5px;
		min-height: 130px;
    	height: auto;
	}
	
	.ministries-canvas .ministry-name {
		padding: 0 20px;
		min-height: 100px;
		max-height: 100px;
		line-height: 100px;
	}
	
	.ministries-canvas .ministry-name h3 {
		font-size: 18px;
	}
	
	.no-ministries {
		margin-bottom: 0;
		padding-left: 0;
	}
	
	.ministry-information .col-md-4, .teamgroups-page .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.ministry-information .col-md-8, .ministry-information .col-md-12 {
		padding-left: 0;
	}
	
	.ministry-information .col-md-8 h1, .team-groups h2 {
		font-size: 25px;
	}
	
	#ministry-desc {
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.line {
		padding-top: 0;
		padding-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	#teamgroup-table th, #teamgroup-table td {
		padding: 10px 6px;
		font-size: 12px;
		vertical-align: top;
	}
	
	.table-actions {
		text-align: center;
	}
	
	.table-actions i {
		font-size: 20px;
	}
	
	.team-groups {
		padding-bottom: 0;
	}
	
	.teamgroup-file, .teamgroup-mail, .teamgroup-cross {
		margin-bottom: 5px;
		height: 30px;
		width: 30px;
		padding-left: 0px;
		text-align: center;
		vertical-align: middle;
	}
	
	.modal-footer .btn-primary {
		min-width: 140px;
   		width: auto;
	}
	
	/* Teamgroups page */
	#teamgroup-table {
		margin-bottom: 20px;
	}
	
	/* Courses */
	.courses2 .col-md-3, .courses .col-md-12, .add-course-div {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	
	.courses .col-md-3 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0px;
		padding-right: 5px;
		min-height: 100px;
		height: auto;
		margin-bottom: 0;
	}
	
	.course {
		padding: 20px 10px 0 10px;
		height: 110px;
		vertical-align: top;
		line-height: 15px;
	}
	
	.course h3 {
		font-size: 20px;
		margin-top: 0;
	}
	
	.course-date p {
		margin-bottom: 0;
	}
	
	.course-individual {
		padding: 30px 94px;
		max-width: 100%;
		width: 100%;
		float: none;
	}
	
	.course-information .col-md-5, .course-information .col-md-3, .course-information .col-md-2, .course-information .col-md-12, .teamgroup-information .col-md-12 {
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.teamgroup-information input, .teamgroup-information select {
		width: 100%;
	}
	
	.teamgroup-information label {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.select2-container {
		width: 305px!important;
	}
	
	#member-table td {
		float: none!important;
	}
	
	#member-table .autocomplete input {
		width: 100%!important;
	}
	
	#member-table #add-member {
		float: none;
		margin-top: 0;
	}
	
	.member-cross {
		float: right!important;
	}
	
	.member-cross i {
		font-size: 15px;
	}
	
	
	/* Users page */
	.users-page .col-md-one-and-a-half {
		padding-left: 0px;
		padding-right: 0px;
		float: left;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		width: 50%;
	}
	
	.users-page .dashboard-heading h3 {
		margin-bottom: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.users-page #add-user {
		margin-bottom: 10px;
	}
	
	#add-course-form .col-md-4, #change-password-div, #add-course-form .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	
	/* organisations page */
	.organisations-page .col-md-12, #edit-organisation-form .col-md-4, #edit-organisation-form .col-md-12, #add-organisation-form .col-md-12, #add-organisation-form .col-md-4, #add-member-form .col-md-4, #add-member-form .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.organisations-page #teamgroup-table th, #teamgroup-table td {
		padding: 10px 2px;
		font-size: 12px;
		vertical-align: top;
	}
	
	.organisations-page .teamgroup-file i, .organisations-page .teamgroup-cross i {
		font-size: 20px;
	}
	
	/* My profile */
	#uploadLogoDiv img {
    	width: 50%;
		margin-bottom: 15px;
	}
	
	/* Footer */
	footer {
		margin-top: 20px;
	}
	
	footer img {
		width: 40%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {
	.nav>li>a {
		padding: 10px;
	}
	
	.welcome-and-search .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 20px;
	}
	
	.welcome-and-search h1 {
		font-size: 30px;
	}
	
	.input-with-icon .form-control {
		width: 100%;
	}
	
	.dashboard-canvas {
		top: 0;
		padding-top: 1px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		min-height: 88vh;
		height: auto;
		margin-bottom: 10px;
	}
	
	.widgets {
		padding-left: 0;
		padding-right: 0;
	}
	
	.widgets .col-md-3 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.widget-blue>.widget-content p {
		font-size: 12px;
	}
	
	.widget-heading h3 {
		padding: 10px 15px 10px 15px;
	}
	
	.widget-heading-blue h3 {
		font-size: 20px;
		padding: 5px 15px 15px 15px;
	}
	
	.widget-blue {
		min-height: 250px;
    	max-height: 250px;
		height: auto;
		padding: 10px 0;
	}
	
	.widget-content p {
		font-size: 14px;
	}
	
	/* Members */
	.count-number p {
		font-size: 30px;
		margin-bottom: 0;
	}
	
	.filter-letters .alphabet-search-top p, .alphabet-search-bottom p {
		font-size: 18px;
	}
	
	.col-md-one-and-a-half {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		margin-right: auto;
		margin-left: auto;
		margin-top: 30px;
		width: 20%;
	}
	
	.dashboard-canvas .col-md-6, .family-members-canvas .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	#view-members {
		width: 100%;
		background: url(/images/patria_arrow.png) 100% / 8% no-repeat #fff;
	}
	
	.filter-letters {
		padding-top: 15px;
	}
	
	.profile-information img {
		width: 30%;
		margin-bottom: 20px;
	}
	
	.profile-information, .course-information {
		margin-top: 20px;
	}
	
	.profile-information .col-md-6 {
		padding-left: 0;
	}
	
	.profile-information .col-md-4, .profile-information .col-md-5, .tab-indications-canvas .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	#member-details {
		margin-bottom: 20px;
	}
	
	.family-members-canvas .col-md-2 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.family-member-name p {
		font-size: 20px;
	}
	
	.family-members-canvas {
		top: 0;
		padding-top: 1px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
		min-height:40vh;
    	height: auto;
	}
	
	.counseling-notes {
		top: 0;
		padding-top: 1px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	
	.tab-indications-canvas {
		top: 0;
		padding-top: 1px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px;
		min-height: 30vh;
    	height: auto;
	}
	
	.general-notes {
		top: 0;
		padding-top: 1px;
		margin-top: 15px;
		margin-bottom: 10px;
		min-height: 52vh;
    	height: auto;
	}
	
	.general-note {
		padding: 20px 15px 0 15px;
	}
	
	.family-member-photo, .family-member-photo img {
		min-height: 0;
		max-height: 100%;
		height: auto;
	}
	
	.tab-indications-canvas .nav>li>a {
		padding: 15px 10px!important;
	}
	
	/* Footer */
	footer {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	footer img {
		width: 20%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header .nav>li>a {
		padding: 20px 8px 5px 10px!important;
	}

	.header .nav>li:first-child a {
		padding-left: 0!important;
	}

	.header .nav>li:last-child a {
		padding-right: 0!important;
	}
	
	.dashboard-canvas {
		top: -35px!important;
		padding-bottom: 30px!important;
	}
	
	.welcome-and-search .col-md-6 {
		padding-left: 0;
	}
	
	.widget-heading h3 {
		font-size: 22px!important;
	}
	
	.widget-heading-blue h3 {
		font-size: 22px!important;
		padding: 5px 15px 15px 15px;
	}
	
	.widget-blue>.widget-content p {
		font-size: 13px!important;
	}
	
	.col-md-one-and-a-half {
		width: 20%;
	}
	
	.filter-letters .alphabet-search-top p, .alphabet-search-bottom p {
		font-size: 18px;
	}
	
	.filter-letters .alphabet-search-top {
		margin-top: 30px;
	}
	
	.alphabet-search-bottom {
		margin-top: 0px;
	}
	
	.filter-letter {
		padding-left: 7px;
		padding-right: 7px;
	}
	
	#view-members {
		width: 70%;
		background: url(/images/patria_arrow.png) 96% / 10% no-repeat #fff;
	}
	
	.tab-pane .col-md-12 h3 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.tab-pane .col-md-12 .col-md-6 {
		min-height: 60px;
		height: auto;
	}
	
	.tab-pane .col-md-12 .col-md-4 {
		padding-left: 0;
	}
	
	.general-notes {
		width: 49.5%;
		margin-right: 0;
	}
	
	.general-right-arrow {
		font-size: 20px;
		margin-bottom: 0;
		margin-top: -50px;
	}
	
	p.general-name>i {
		font-size: 20px;
	}
	
	.general-note .col-md-4, .general-note .col-md-8 {
		padding-bottom: 10px;
		padding-left: 0;
		width: 50%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}
	
	.general-note {
		padding: 20px 15px 60px 15px;
	}
	
	.general-calendar, .general-name {
		line-height: 50px;
		vertical-align: middle;
	}
	
	#first-block-info {
		padding-left: 0;
	}
	
	.no-ministries {
		padding-left: 0;
	}
	
	.autocomplete input{
		width: 130%!important;
	}
	
	.ministry-information .col-md-8>.col-md-4 {
		padding-left: 0;
	}
	
	#teamgroup-table th {
		padding: 10px 0;
	}
	
	.courses .no-ministries {
		padding-left: 18px;
	}
	
	.course {
		padding: 20px;
		display: block;
	}
	
	#add-course {
		margin-top: 0;
	}
	
	.profile-information, .course-information {
		margin-top: 20px;
	}
	
	.users-page .col-md-one-and-a-half, .view-members {
		padding-left: 0;
    	padding-right: 0;
	}
	
	#uploadLogoDiv img {
		width: 70%!important;
		margin-bottom: 0!important;
	}
	
	.find-button {
		margin-top: 0;
	}
}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1600px) {
	.dashboard-canvas {
		top: -30px;
	}
	
	.col-md-one-and-a-half {
		margin-top: 30px;
		width: 20%;
	}
	
	.tab-pane .col-md-12 .col-md-4 {
		padding-left: 0;
	}
	
	.no-ministries {
		margin-bottom: 0px;
		padding-left: 0;
	}
	
	.widgets {
		padding-left: 0;
		padding-right: 0;
	}
	
	.widget-heading-blue h3 {
		margin-bottom: 20px;
	}
	
	.filter-letter {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
	
	#view-members {
		width: 60%;
		background: url(/images/patria_arrow.png) 96% / 10% no-repeat #fff;
	}
}