/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	#content {
		width: 50%;
        margin-left: 2px;
        margin-right: 2px;
        
	}
    #compimg {
        display: none;
    }
    #menu {
        margin-left: -45px;
    }
	#menu_list li {
		font-size: 13px;
/*        width: max-content;*/
/*        float: left;*/
/*        padding: 7px;*/
        margin: 3px;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/

@media screen and (max-width: 650px) {

	#content {
		width: auto;
        padding: 9px
	}

    .title {
        font-size: 16px;
    }
    .title2 {
        font-size: 14px;
    }
    #compimg {
        display: none;
    }
    
    /* break menu */
	#menu_list li {
		font-size: 13px;
        width: max-content;
        float: left;
        padding: 5px;
        margin: 2px;
	}
    #menu {
        float: none;
        margin-left: -45px;
/*        visibility: hidden;*/
    }
      /*  
    #butMenu {
        visibility: visible;
    }
    */

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#menu_list li {
		font-size: 13px;
        width: max-content;
        float: left;
        padding: 5px;
        margin: 2px;
	}

    .title {
        font-size: 14px;
        width: auto;
    }
    .title2 {
        font-size: 12px;
    }
    #menu {
        float: none;
    }
    
    #compimg {
        display: none;
    }
}