@media only screen and (max-width : 991px){
        #title{
                float:none;
                width:100%;
                font-size:32px;
                margin:0;
                border-width :1px;
                outline-width:1px;
		padding:0;
        }

        #title img{
                width:42.5px;
		margin-top:-8px;
        }

        #content{
		padding:5px;
                margin-top:0;
        }

        .separator{
                padding:5px;
        }

        .separator hr{
                width:60%;
        }

	.spacing{
		height:60px;
	}

        .field{
                font-size:24px;
                margin:5px;
                padding-bottom:5px;
        }

        .field .title{
                padding:5px;
                margin:5px;
                border-width:1px;
                outline:1px solid rgba(141, 141, 141, 0.9);
        }

        .field .title i{
                font-size:16px;
                margin:0 5px;
        }

        .field .title .sub-title{
                font-size:16px;
        }

        .field .title i.fa-question-circle{
                font-size:18px;
        }

        .field .input{
                padding:2px;
                margin:5px;
        }

        .field input.input{
                width:calc(100% - 10px);
                margin:5px auto;
        }

        .field .field-button{
                padding:5px;
                padding-bottom:0px;
        }

        .field .field-button .button-container{
                font-size:20px;
        }

	.field.note{
		padding:15px;
		font-size:20px;
	}

	.field.note i{
		padding-right:0px;
	}

	.field .header hr{
		width:85%;
		margin-top:5px;
	}

	.field .home-title{
		display:inline;
	}

	.field .home-title img{
		height:18px;
		margin:-5px 5px 0;
	}

	.field .description, .field .description.about-sds{
		font-size:14px;
		padding:10px 5px 0;
	}

	.field.satellites{
		padding:5px;
	}

	.field.satellites .header div{
		font-size:16px;
		border-width:1px;
		outline:1px solid #bbb;
		padding:2px;
		margin:1px 2px;
	}

	#quality-statuses{
		overflow:auto;
	}

	.field .values{
		font-size:12px;
	}

	.field .values .header{
		padding:3px 0;
		border-width:1px;
		outline:1px solid #5D6D8C;
	}

	.field .values .source{
		padding:3px 0;
		border-width:1px;
	}

	.field .values .header-cell{
		min-width:130px;
		    width:130px;
		max-width:130px;
	}

	.field .values .header-cell .sub-title{
		font-size:10px;
	}

	.field .values .header-cell td.info{
		width:20px;
	}

	.field .values .value-cell{
		min-width:50px;
		    width:50px;
		max-width:50px;
	}

	.field .values .val table{
		min-height:23px;
	}

	.field .back-button{
		width:100%;
		padding:2px;
		margin:0 auto 10px;
		font-size:14px;
	}

	.field .back-button i{
		padding-right:5px;
	}

	.back-button{
		width:85%;
		padding:2px;
		margin:3px auto 8px;
		font-size:14px;
	}

	.back-button i{
		padding-right:10px;
	}

	.channel-table .divider{
		padding:0 5px;
	}

	.channel-header{
		width:auto;
		padding:0 15px;
	}

	.channel-image-container{
		margin:5px 10px;
	}

	.channel-image{
		width:100px;
		max-width:none;
		max-height:none;
	}

	.channel-caption{
		font-size:12px;
	}

	.channel-filename{
		font-size:12px !important;
		white-space:normal;
		word-break:break-all;
		padding:5px !important;
	}

	.channel-latency{
		font-size:12px !important;
		white-space:normal;
		padding:5px;
	}

	.channel-latency .lbl{
		padding-right:5px;
	}

	.toggle-button{
		width:85%;
		padding:5px;
		margin:0 10px 10px;
		font-size:12px;
	}

	.toggle-button:nth-child(1){
		margin-top:10px;
	}

	.quality-scores td{
		min-width:65px;
		height:50px;
	}

	.quality-scores .score{
		font-size:14px;
	}

	.quality-scores hr{
		width:10px;
	}

	.quality-scores .time{
		font-size:10px;
		margin-top:3px;
		margin-left:-1px;
	}

        .sort-icon{
                padding-left:5px;
        }

	.log-header{
		font-size:16px;
		padding:3px;
	}

	.log-header .log-button{
		font-size:14px;
		padding:0 10px;
	}

	#log-tailer{
		padding:3px;
		font-size:10px;
	}

	#log-tailer .line th{
		padding:5px;
	}

	#log-tailer .line td{
		padding:2px;
		word-break:break-all;
	}

	.popup-panel{
		padding:20px;
	}

        .popup-panel .content .main-container{
                height:calc(100% - 117px);
        }

        .popup-panel .content .header{
                font-size:24px;
                padding:10px;
                white-space:nowrap;
                overflow:auto;
        }

        .popup-panel .content .header .slash{
                padding:0 5px;
        }

        .popup-panel .content .header .name{
                font-size:16px;
        }

	.popup-panel .content .header .arrow{
		padding:0 15px;
		font-size:16px;
	}

        .popup-panel .content .header hr{
                border-color:#bbb;
                width:95%;
                margin-top:2px;
        }

        .popup-panel .content .item{
                font-size:16px;
                padding:5px;
        }

        .popup-panel .content .item .border{
                padding:3px 10px;
        }

	.popup-panel .content .close-button-container{
		margin-bottom:0;
	}

        .popup-panel .content .close-button-container hr{
                width:60%;
        }

        .popup-panel .content .close-button{
                width :30px;
                height:30px;
                margin:16px auto 30px;
                background:#874f4f;
                color:white;
        }

        .popup-panel .content .close-button i{
                margin-top:5px;
        }

	.popup-panel .content .item.select-all .button{
		padding:4px 0;
		width:100%;
	}

        #info.popup-panel .content .item .border{
                margin-bottom:20px;
        }

        .popup-panel .content .item .article{
                padding-bottom:10px;
        }

        .popup-panel .content .item .article-title{
                margin-left:2px;
                margin-top:10px;
        }

        .popup-panel .content .item .article-title hr{
                margin:2px 5px;
                width:50%;
        }

        .popup-panel .content .item .article .article-line{
                font-size:12px;
                padding:10px 5px 0;
        }

	.popup-panel .filter-header{
		font-size:16px;
		padding:10px 0 5px;
	}

	.popup-panel .filter-header hr{
		margin:2px auto 0;
	}

	.legend-block .legend-value,
	.legend-block .legend-symbol,
	.legend-block .legend-label{
		width:auto;
		padding:0 10px;
	}

        .month-table th{
                font-size:12px;
        }

        .month-table td{
                font-size:20px;
        }

	.ui-tooltip{
		display:none !important;
	}
}