/* Custom Css Muse Massage spa */

/* Css */

#sp-main-body {
	width: 80%;
	margin: 0 auto;
}

#sp-main-body table {
	width: 100%;
	height: auto;
	color: #fff;
	border: 0;
}

#sp-main-body table tr {
	height: 30px;
	max-height: 30px;
}

#sp-main-body table tr:nth-child(even){
	background-color: #111;
}

.sp-social-share ul li span{
	vertical-align: top;
}


/* Media 1170 */
@media (max-width: 1170px) {
	
  .fixed .body-innerwrapper{
    overflow-x: inherit;
    width: 1190px;
  }
  .fixed .container{
    padding: 0 10px;
  }

  tbody {
  	width: 100%;
  }

}

/* Media 768 */
@media (max-width:768px) {
	
	#sp-main-body {
		width: 100%;
	}
	
    table {
		font-size: 12px;
	}

	tbody {
		width: 100%;
	}
}

/* Media 599 */
@media (max-width:559px) {
	
	#sp-main-body table {
		width: 100vw;
		max-width: 100%;
		/* font-size: 8px; */
		overflow-x: scroll;
	}

	tr {
		width: 100%;
	}

	table {
		display: table;
	}

}

/* Media 420 */
@media (max-width:420px) {
	
    #sp-main-body {
		padding: 0;
    	width: 100%;
   		margin: 0 auto;
	}
	
	#sp-main-body table {
		width: 100%;
		max-width: 100%;
		margin 0 2px 0 2px;
		font-size: 8px;
		overflow-x: scroll;
	}
	
	article.item {
		padding-left: 2px;
  		padding-right: 2px;		
	}
	
		
}
	
/* Media 320 */
@media (max-width:320px) {
	
	#sp-main-body {
		padding: 0;
    	width: 100%;
   		margin: 0 auto;
	}
	
    #sp-main-body table {
    	width: 100%;
		max-width: 100%;
		margin 0 2px 0 2px;
		font-size: 6px;
		overflow-x: scroll;
	}

	
	article.item {
		padding-left: 2px;
  		padding-right: 2px;		
	}
}