@media (max-width:920px) {
    div.sys_page_header {
        max-width: 550px;
    }
}
@media (max-width:870px) {
    div.sys_page_header {
        max-width: 500px;
    }
}
@media (max-width:810px) {
    div.sys_page_header {
        max-width: 470px;
    }
}
@media (max-width:805px) {
    div.sys_page_header {
        max-width: 450px;
    }
}
@media (max-width:775px) {
    div.sys_page_header {
        max-width: 430px;
    }
}
@media (max-width:755px) {
    div.sys_page_header {
        max-width: 400px;
    }
}
@media (max-width:720px) {
	div.sys_mm {
		width: 100% !important;
	}
	div.sys_mm div.sys_mm_cnt {
		padding-left: 0px !important;
		padding-right: 0px !important; 
	}
	div.sys_mm div.sys_mm_scroll_outer,
	div.sys_mm div.sys_mm_scroll_btn {
		display: none;
	}
}
@media (max-width:665px) {
    div.sys_page_header {
        max-width: 350px;
    }
}
@media (max-width:615px) {
    div.sys_page_header {
        max-width: 300px;
    }
}
@media (max-width:565px) {
    div.sys_page_header {
        max-width: 250px;
    }
}
@media (max-width:525px) {
    div.sys_main_logo .mainLogoText {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 220px!important;
        overflow: hidden;
    }

    div.sys_main_logo .mainLogoText {
        max-width: 150px!important;
    }
}
@media (max-width:515px) {
    div.sys_page_header {
        max-width: 200px;
    }
}
@media (max-width:480px) {
	div.sys-service-menu div.sys-sm-item.sys-smi-search-simple {
    display: none;
    }
}
@media (max-width:465px) {
    div.sys_page_header {
        max-width: 150px;
    }
}
@media (max-width:440px) {
	.slicknav_menu .slicknav_menutxt {
    display: none!important;
	}
	.slicknav_menu .slicknav_icon {
	margin: 0.188em 0 0 0!important;
	}
	div.sys-service-menu div.sys-sm-item.sys-smi-join, div.sys-service-menu div.sys-sm-item.sys-smi-profile {
	right: 40px;
	}
}
@media (max-width:415px) {
    div.sys_page_header {
        max-width: 130px;
    }
}
@media (max-width:345px) {
	.mainLogo {
	max-width: 180px;
	margin-top: 7px;
	max-height: 32px;;
	}
}
@media (max-height:730px) {
	.content.mCustomScrollbar {
    max-height: 400px;
	position:relative;
    overflow: auto;
	}
	table.topMenu a span.down, table.topMenu b span.down {
    min-width: 110px;
	}
}

@media (max-height:480px) {
	.content.mCustomScrollbar {
    max-height: 300px;
	}
}

@media (max-height:380px) {
	.content.mCustomScrollbar {
    max-height: 200px;
	}
}