/*----------------------------------------------------------
		Mobil Site 320
---------------------------------------------------------*/
@media only screen and (max-width: 320px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:265px;
	position:fixed;
       z-index:99999!important;
	left:1px;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:1px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}

/*----------------------------------------------------------
		Mobil Site 360
---------------------------------------------------------*/
@media only screen and (min-width: 321px) and (max-width: 360px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:310px;
	position:fixed;
       z-index:99999!important;
	right:1px;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:1px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}

/*----------------------------------------------------------
		Mobil Site 460
---------------------------------------------------------*/
@media only screen and (min-width: 361px) and (max-width: 460px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:400px;
	position:fixed;
       z-index:99999!important;
	left:50%;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:-225px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}

/*----------------------------------------------------------
		Mobil Site 480
---------------------------------------------------------*/
@media only screen and (min-width: 461px) and (max-width: 480px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:400px;
	position:fixed;
       z-index:99999!important;
	left:50%;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:-225px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}

/*----------------------------------------------------------
		Mobil Site 605
---------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 605px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:400px;
	position:fixed;
       z-index:99999!important;
	left:50%;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:-225px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}

/*----------------------------------------------------------
		Mobil Site 770
---------------------------------------------------------*/
@media only screen and (min-width: 606px) and (max-width: 770px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 10px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:400px;
	position:fixed;
       z-index:99999!important;
	left:50%;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:-225px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}
}
/*----------------------------------------------------------
		Mobil Site 2560
---------------------------------------------------------*/
@media only screen and (min-width: 771px) and (max-width: 2560px)  {
.success, .warning, .attention, .information, .rev-success {
       padding:10px 10px 10px 30px;
       margin-bottom:5px;
       color:#555;
}
.success a, .warning a, .attention a, .information a{
       color:#333;
}

#cart-success {
       position:fixed;
       z-index:9998;
}
.success {
       width:400px;
	position:fixed;
       z-index:99999!important;
	left:50%;
	top:50%;
       box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       -webkit-box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
       padding:10px 28px 15px 18px;
	margin-left:-225px;
	margin-top:-60px;
	z-index:9999;
       -webkit-transition:all 0.3s ease-in-out;
       -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
       -ms-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
       background:#fff;
       font-size:12px;
       color:#333;
}
.success a {
       text-decoration:underline;
       font-size:12px;
       color:#333;
}
.rev-success {
       background:#fff;
       border: 1px solid #e0e0e0;
       color:#333;
}