/* base configure */
.main, .side-left, .side-right {
    min-height: 100px;
}

/* display column */
.column1 .side-left, .column1 .side-right {
    display: none;
}
.column2-left .side-right, .column2-right .side-left {
    display: none;
}

/* Sideways tablet, PC */
@media (min-width: 960px) {
	/* content width init */
	.column2-left .main, .column2-right .main {
	    width: 540px;
	}
	.column2-left .side-menu, .column2-right .side-menu {
	    width: 360px;
	}
	.content {
		display: -webkit-box;
 		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/* content position */
	.side-left {
		order: -1;
	}
	.side-right {
		order: 1;
	}

	/* grow shrink base-size*/
	.main {
	    -webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	.side-menu {
	    -webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

@media (max-width: 959px) {
   .column2-left .side-menu, .column2-right .side-menu {
        width:100%;
	    max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    .column2-left .main, .column2-right .main {
	    width: 100%;
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
	}
}