/* bootstrap large */
@media (max-width: 1199.98px) {

}

/* bootstrap medium */
@media (max-width: 991.98px) {

	body,
	.btn-link,
	.table-inline-sources {
		font-size: 0.95rem;
	}


	.home-tile {
		height: 175px;
	}

	#home-indications .everyday-news-box {
		border-radius: 0;
	}

	.modal-lightbox .modal-dialog {
/*		margin: 0;*/
	}

	.modal-lightbox .modal-content {
/*		border-radius: 0;*/
/*		border: 0;*/
	}
}

/* custom 2-panel view breakpoint for apps (3 columns) */
@media (max-width: 899.98px) {

	.indication-tiles a {
		width: 200px;
	}

	body.home h1 {
		font-size: 2rem;
	}

	#left-panel {
		width: 100%;
		max-width: 100%;
		padding-right: 5px;
	}

	body:not(.menu) #left-panel,
	body.menu #right-panel {
		display: none;
	}

	#right-panel {
		width: 100% !important;
		margin-left: 0;
	}

	html.d1 #right-panel {
		padding-left: 0;
		padding-right: 0;
	}

	#header .row2 > .col-left-btn {
		width: auto;
		min-width: 40px;
	}

	#header .view-title,
	.header .view-title {
		/*max-width: 78%;*/
		font-size: 1.35rem;
		padding-left: 5px;
	}

	/* iPhone statusbar */
	body.ios.landscape .modal-body {
		padding-left: 24px;
		padding-right: 24px;
	}

	/* iPhone notch */
	body.ios.has-notch.landscape .modal-body {
		padding-left: 50px;
		padding-right: 50px;
	}

	#btn-scroll-to-bottom {
		right: 5px;
	}
}

/* bootstrap small */
@media (max-width: 767.98px) {

    .home-tile {
        height: 150px;
        /*font-size: 15px;*/
        padding: 0.5rem;
    }

	.api-grade-title {
		font-size: 1rem;
	}

	body.web .web-only.app-badges {
		display: none;
	}
	body.web .web-only.app-badges-footer {
		display: block;
	}

	.indication-tiles a {
		width: 175px;
	}

	html.d1 .card-body,
	html.d1 .card-body .card-body {
		padding: 0.5rem;
		padding-top: 0.75rem;
	}

	body.home #right-panel,
	.home-tiles {
		padding: 0;
	}

	html.cme .home-tile > span {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.home-icon {
		width: 40%;
	}

	#home-header {
		padding: 30px 0 15px 0;
	}

	#main-header img {
		max-height: 40px;
	}

	#main-header h4.nextto {
		margin-top: 18px;
		font-size: 20px;
	}

	#splashscreen .inner {
		font-size: 14px;
		line-height: 1.25em;
	}

	#main-header h4.below {
		font-size: 20px;
	}

	body:not(.web) .video-box {
		flex-direction: column;
		text-align: center;
	}

	.video-box .left,
	.video-box .right {
		width: 100%;
		padding: 0;
	}

	.right .video-preview img {
		margin: 5px auto;
		max-width: 250px;
	}

	.video-preview .zoom-overlay {
		/*top: 50%;*/
		/*margin-top: -40px;*/
	}

}

/* custom small - extra small */
/* custom 2-panel view breakpoint for cme (2 columns) */
@media (max-width: 649.98px) {

	html.cme #left-panel {
		width: 100%;
		max-width: 100%;
		padding-right: 5px;
	}

	html.cme body:not(.menu) #left-panel,
	html.cme body.menu #right-panel {
		display: none;
	}

	html.cme #right-panel {
		width: 100% !important;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.img-box .img-thumbnail {
		min-height: 200px;
	}

	html.cme .home-tile {
		height: 120px;
	}

	html.cme .home-tile > span {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	html.cme .header .row2 > .col-left-btn {
		/*width: auto;*/
		min-width: 40px;
	}

}


/* bootstrap extra small */
@media (max-width: 575.98px) {

	body,
	.btn-link,
	.table-inline-sources {
		font-size: 0.9rem;
	}

	.api-grade-title {
		font-size: 0.95rem;
	}

	.sources-link {
		font-size: 1rem;
		top: -3px;
	}

	.h5, h5 {
		font-size: 1rem;
	}

	.home-tile {
		height: 120px;
		padding: 0.25rem;
	}

	#left-panel,
	html.cme #left-panel {
		padding: 0;
	}

	.navLevel2 li {
		padding-right: 0;
	}

	body.home h1 {
		font-size: 1.4rem;
	}

	.home-tiles a {
		width: 50%;
	}

	html.cme .home-tiles a {
		width: 48%;
		max-width: 48%;
	}

	.home-tile {
/*		height: 150px;*/
		/*padding: 1em;*/
/*		padding: 5px;*/
		/*font-size: 0.85em;*/
		/*border: 0;*/
	}

	.home-icon {
		width: 30%;
	}

	body.app #header .row1 .nav-item,
	body.app #home-header .row1 .nav-item {
		padding: 0 5px;
		font-size: 0.9em;
	}

	html.d1 #header .row2,
	.header .row2 {
		flex-wrap: wrap;
	}

	/* back + fav + print btn */
	#header.title-full .row2 > .col-left-btn,
	.header.title-full .row2 > .col-left-btn,
	#header.title-full .row2 > .col-right-btn,
	.header.title-full .row2 > .col-right-btn {
		width: 50%;
		order: 1;
	}

	#header .view-title,
	.header .view-title {
		max-width: 100%;
		font-size: 1.25rem;
	}

	#header.title-full .view-title,
	.header.title-full .view-title {
		padding-top: 0.5rem;
	}

	.view-content {
		padding: 0.75rem 0.5rem;
	}

	h4.modal-title {
		font-size: 1.25rem;
	}
	.modal.modal-external-link .modal-title span {
		margin-left: 8px;
	}

	.indication-tiles a {
		width: 120px;
		/*padding: 5px;*/
	}
	.indication-tile .home-icon {
		/*height: 105px;*/
	}
	.indication-tile .button-text {
		font-size: 0.9em;
		line-height: 1.15;
	}

	#main-header h4.below {
		margin-left: 0;
		font-size: 18px;
	}

	.modal.modal-bottom .modal-dialog {
		margin-bottom: 0;
	}

	.favorites-box > div {
		width: 33.333%;
	}

	.home-tile {
		line-height: 1.2em;
	}

	body.home .home-tiles span.badge-danger {
		font-size: 0.9em;
	}

	/* statusbar of new iphones is ~60px */
	#splashscreen {
		padding-top: 34px;
	}

	/* ios system keyboard (~250px height) overlaps content */
	#notes {
/*		padding-bottom: 300px;*/
	}
	#more_login {
/*		padding-bottom: 250px;*/
	}

	.news-header {
		font-size: 13px;
	}

	body.web .app-title {
		margin: 30px auto 15px auto;
	}

	body.web .app-title img {
		max-width: 95%;
	}
}

/* custom extra small */
@media (max-width: 449.98px) {

	.img-box .img-thumbnail {
		min-height: 150px;
	}

	body.app #header ul.row1 {
		justify-content: center;
	}

	.app-title,
	body.web .app-title {
		margin: 20px auto 10px auto;
	}

	body .modal-cookie button {
		letter-spacing: -0.5px;
		padding: 0.25rem;
	}
}

/* custom extra smallest */
@media (max-width: 399.98px) {

	#header .row1 div {
		padding: 0 5px 0 4px;
		font-size: 0.8em;
	}

	.home-icon {
		width: 40%;
	}

	.indication-tiles a {
		width: 100px;
	}
	.indication-tile .home-icon {
		height: 85px;
	}

	#more-links a {
		font-size: 0.85rem;
	}

	.indication-tile .home-icon.fa-pencil-alt {
		font-size: 3em;
	}

	.modal-lightbox .lightbox-nav .btn-print-tab {
		margin: 0;
		flex-grow: 1;
	}

	.modal-lightbox .lightbox-nav .btn-print-tab .btn {
		flex-grow: 0;
	}

	.modal-lightbox .lightbox-btn-text {
		display: none;
	}
}

@media (min-width: 900px) {
	h5.modal-title {
		font-size: 1.25rem;
	}
}

@media (min-width: 900px) and (max-width: 1299.98px) {

	.video-box .left,
	.video-box .right {
		width: 100%;
		padding: 0;
	}
}

@media (min-width: 500px) {
	.modal-lightbox #scroller,
	#inline-scroller {
		/* increase zoomable area for flat images */
		min-height: 200px;
	}
}