@media(max-width:979px){ /*768*/
.mainbox{ background-size:100%; width: 700px;}
.optinbox{ margin: 0 auto 0 295px; width: 400px; padding: 135px 0 0;}
.optinbox p img{ width:90%; height: auto; }
.share-tab{ width: auto; margin: 10px 0 0 110px;}
}

@media(max-width:766px) { /*600*/
.mainbox{ background-position: -30px 0;}
.optinbox p img{ width: 73%;}
}

@media(max-width:634px) { /*600*/
.mainbox{ width: auto; background-position:-50px 0; background-size:640px auto;}
.optinbox{ width:auto;}
.optinbox{ margin:0 auto 0 177px; padding:113px 0 0;}
.optinbox p img{ width:80%;}
}

@media(min-width:480px) and (max-width:599px) {
.mainbox{ width: auto; background-position:-50px 0; background-size: 522px auto;}
.optinbox{ margin:auto; padding:94px 0 0 ; width:100%; text-align: right;}
.optinbox p img{ width:58%; margin-bottom:10px; padding-right: 16px;}
.tw-tab{ left: 10%;}
}

@media(min-width:360px) and (max-width:479px) {
.mainbox{ width: auto; background-position:-50px 0; background-size: 400px auto;}
.optinbox{ margin:auto; padding:75px 0 0 ; width:100%; text-align: right;}
.optinbox p img{ width:58%; margin-bottom:10px; padding-right: 16px;}
.share-tab{ margin:10px 0 0;}
.tw-tab{ left: 10%;}
.fb-tab{ right: 16%;}	

}

@media(min-width:320px) and (max-width:359px) { 
.mainbox{ width: auto; background-position:-65px 0; background-size: 376px auto;}
.optinbox{ margin:auto; padding:70px 0 0 ; width:100%; text-align: right;}
.optinbox p img{ width:65%; margin-bottom:10px; padding-right: 10px;}
.share-tab{ margin:10px 0 0;}
.tw-tab{ left: 10%;}
.fb-tab{ right: 16%;}	
}

@media(min-width:240px) and (max-width:319px) { 
.mainbox{ width: auto; background-position:-65px 0; background-size: 300px auto;}
.optinbox{ margin:auto; padding:56px 0 0 ; width:100%; text-align: right;}
.optinbox p img{ width:74%; margin-bottom:6px; padding-right: 0px;}
.share-tab{ margin:10px 0 0;}
.tw-tab{ left: 10%;}
.fb-tab{ right: 16%;}	
}