@media  (min-width: 481px)  {
	#container{
  		position: relative;
  		width: 531px;
  		overflow: hidden;
  		margin: 0 auto;
  		border: 1px solid #aaaaaa;
   		-moz-transition: all 300ms linear;
		-webkit-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
	#cart_container, #set_container{
		position: fixed; 
		top: 67px; left: 50%; z-index: 2;
		height: auto;
		width: 500px;
		display: none;
		overflow: hidden;
		margin-left: -250px;
		background: #ffffff;
		-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
		box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
  	}
	#cart_container table td:first-child, #set_container table td:first-child{
		width: 310px;
  	}
  	#cart_container table td:nth-child(2){
		width: 75px;
  	}
  	#cart_container table td:last-child, #set_container table td:last-child{
		width: 92px;
		text-align: right;
	}
	#cart_top, #set_top{
		height: 44px;
		overflow: hidden;
		padding: 0 9px 0 14px;
		background: var(--custom_color);
		font-family: 'open_sansregular', sans-serif;
		font-size: 16px;
		line-height: 44px;
		color: #ffffff;
  	}
  	#cart_message{
		padding: 20px 15px 70px;
		font-family: 'open_sansregular', sans-serif;
		font-size: 18px;
		line-height: 23px;
		color: #30353d;
	}
	#checkout_container{
		background: #ffffff;
	}
	#cart_container table, #checkout_container table, #set_container table{
		width: 460px;
		margin: 0 auto 15px;
	}
	.minus_btn{
		width: 19px;
		margin-right: 5px;
		display: inline;
		cursor: pointer;
		text-align: right;
		vertical-align: middle;
		font-size: 28px;
	}
	.plus_btn{
		width: 19px;
		margin-left: 5px;
		display: inline;
		cursor: pointer;
		text-align: left;
		vertical-align: middle;
		font-size: 28px;
	}
	.minus_btn b, .plus_btn b {
		font-family: courier;
		color:  var(--custom_color);
	}
	.count_box input[type="text"]{
		width: 27px;
		height: 33px;
		margin-top: 3px;
		margin-bottom: 3px; 
		display: inline-block;
		border: 2px solid #30353d;
		font-family: 'open_sansregular', sans-serif;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	  	color: #30353d;
	  	vertical-align: middle;
	 }
	
	 #set_container .checkbox_box{
		margin: 0;
  	}
	#checkout_container .inner{
		overflow: hidden;
		padding: 0 30px
  	}
	#checkout_container table td:last-child, #checkout_container table th:last-child{
		width: 76px;
		text-align: right;
	  }
	#checkout_container table td:first-child{
		width: 320px;
  	}	
}


@media (max-width: 480px)  {
	#container{
		position: relative;
		resize: vertical;
		overflow: auto;
		max-width:100%;
		margin: 0 auto;
		border: 1px solid #aaaaaa;
		-moz-transition: all 300ms linear;
	  	-webkit-transition: all 300ms linear;
	  	-o-transition: all 300ms linear;
	  	-ms-transition: all 300ms linear;
		transition: all 300ms linear;
  	}
  	#cart_container, #set_container{
		position: fixed; 
		top: 67px; left: 0; z-index: 2;
		height: auto;
		width: 100%;
		display: none;
		overflow: hidden;
		margin-left: 0px;
		background: #ffffff;
		-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
		box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
	}
	#cart_container table td:first-child, #set_container table td:first-child{
		width: 60%;
  	}
  	#cart_container table td:nth-child(2){
		
		white-space: nowrap;
		vertical-align: middle;
  	}
  	#cart_container table td:last-child, #set_container table td:last-child{
		width: 95px;
		text-align: right;
  	} 
	#cart_top, #set_top{
		height: 44px;
		width: 100%;
		overflow: hidden;
		padding: 0 9px 0 14px;
		background:var(--custom_color);
		font-family: 'open_sansregular', sans-serif;
		font-size: 16px;
		line-height: 44px;
		color: #ffffff;
	}
	#cart_message{
		padding: 20px 15px 70px;
		width: 100%;
		font-family: 'open_sansregular', sans-serif;
		font-size: 18px;
		line-height: 23px;
		color: #30353d;
	}
	#checkout_container{
		background: #ffffff;
		width: 100%;
	}
	#cart_container table, #checkout_container table, #set_container table{
		width: 95%;
		margin: 0 auto 15px;
	}
	iframe, object, embed {
		max-width: 100%;
		width: 100%;
		display: block !important;
	}
	.minus_btn{
		width: auto;
		margin-right: 5px;
		display: inline;
		cursor: pointer;
		text-align: right;
		vertical-align: middle;
		font-size: 28px;
	}
	.plus_btn{
		width: auto;
		margin-left: 5px;
		display: inline;
		cursor: pointer;
		text-align: left;
		vertical-align: middle;
		font-size: 28px;
	}
	.minus_btn b, .plus_btn b {
		font-family: courier;
		color:  var(--custom_color);
	}
	.count_box input[type="text"]{
		width: 27px;
		height: 33px;
		margin-top: 3px;
		margin-bottom: 3px;
		display: inline-block;
		border: 2px solid #30353d;
		font-family: 'open_sansregular', sans-serif;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
		color: #30353d;
	  	vertical-align: middle;
  	}
	#set_container .checkbox_box{
		margin: 0;
		display: flex;
	}
	#checkout_container .inner{
		overflow: hidden;
		padding: 0 20px
	  }
	#checkout_container table td:last-child, #checkout_container table th:last-child{
		width: 95px;
		text-align: right;
  	}
	  #checkout_container table td:first-child{
		width: 230px;
  	}	
	#form_submit_payment {
		 width: 100%
	}
}