@media only all and (max-width: 780px) {
body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.frame-outer {
	margin: 0;
	width: 100%;
	border: none;
	box-shadow: none;
}
    
.box-left {
	width: 100%;
	margin-bottom: 1rem;
	float: none;
}
    
.box-right {
	width: 100%;
	float: none;
}
	
.flex {
	display: block;
}
	
.left, .right {
	width: 100%;
}

.left {
	margin-bottom: 2rem;
}

.hide {
	display: block;
}

.hide_m {
	display: none;
} 
    #title {
        display: block;
        padding: 2rem 1rem 1rem;
    }
    #title .left, #title .right {
        width: 100%;
    }
    .sharejob {
        padding: 0.75rem 1rem;
    }
    
    .content {
        padding: 0;
    }
    
    .innercontent {
        padding: 1.5rem 1rem;
    }
    
    .innercontent .flex {
        display: flex;
        flex-direction: row;
    }
    
    .innercontent .flex :nth-child(1) {
        order: 1; }
    .innercontent .flex :nth-child(3) {
            order: 2; }
    .innercontent .flex :nth-child(2) {
            order: 3; }
    
    .companytext, .bulletpoints, .benefits {
        position: relative;
        display: block;
        width: 100%;
    }
    
    .benefits {
        top: 0;
        left: 0;
        right: 0;
        padding: 1rem;
        margin: 0 0 2rem;
    }
    
    .companytext h2 {
        text-align: center;
    }
    
    .interested {
        text-align: center;
    }
    
    .innercontent .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1.5rem 0 0 auto;
}
    #logo img {
    width: 38%;
}

.innercontent .apply {
    width: 100%;
    margin: 0;
}

.innercontent .sharejob {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0 2% 0 0;
    padding: 0.75rem 1.5rem;
    border: 1px solid #000;
    border-radius: 0.6rem;
    justify-content: space-between;
}
}

@media only all and (min-width: 510px) and (max-width: 780px) {
    .sharejob, .innercontent .sharejob {
        width: 100%;
    }
    .apply, .innercontent .apply {
        width: 100%;
    }
    
    #title .right, .innercontent .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        justify-content: space-between;
}
}

.refnr {}

.apply {}