.swiper-container.appio-screen-view {
	text-align: center;
}

.swiper-container.appio-screen-view .swiper-slide {
	padding: 0 43px;
}

.swiper-container {
	width: 100%;
	padding-bottom: 50px;
}

.swiper-slide img {
	display: block;
	margin: auto;
	width: 100%;
	border-radius: 10px;
}

.swiper-slide {
	width: 360px;
	height: auto;
	padding: 0 15px;
}
.two .swiper-slide {
	width: 300px;
}
/*.swiper-slide img {
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
}*/

.swiper-slide .appio-screen-img .preview-icon {
	z-index: -1;
	width: calc(100% - 30px);
}


.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0;
}

.swiper-pagination-bullet {
	border-radius: 10px;
	display: inline-block;
	height: 5px;
	width: 20px;
	opacity: 1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: #000000;
}

.swiper-pagination-bullet:nth-child(5n+1) {
	background-color: #9BCF50
}
.swiper-pagination-bullet:nth-child(5n+2) {
	background-color: #36C6EB
}
.swiper-pagination-bullet:nth-child(5n+3) {
	background-color: #FF7E30
}
.swiper-pagination-bullet:nth-child(5n+4) {
	background-color: #1e87f0
}
.swiper-pagination-bullet:nth-child(5n+5) {
	background-color: #bf095d
}



.swiper-pagination-bullet-active {

	border: medium none;
	height: 5px;
	width: 30px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#toTop {display: none;}





#floatingbox {
position: fixed;
left: 1px;
top: 78%;
width:125px;
z-index:9999;
 }
 
 
}
#floatingbox a {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
#floatingbox a img {
  width:70px;
}
#floatingbox a img.hi
{margin-bottom: 25px;
    margin-left: -3px;
}
#floatingbox a:hover {
  text-decoration: none;
}
#floatingbox h5
{
background:#B81E23; 
width:115px; 
padding:2px 5px;
text-align:center;
}
@media(min-width:760px)
{
#floatingbox {
display:none !important;
}

}
@media (max-width: 480px)
{
	.desktop{ display:none;}
	.mobile{ margin-top: 86px;}
}
@media (min-width: 485px) and (max-width: 760px)
{
	.desktop{ display:none;}
	.mobile{ margin-top: 65px;}
}
@media (min-width:800px)
{
    .floatingbox 
{
    position: fixed;
    left: 10px;
    top: 80%;
    width: auto;
    z-index: 9999;
    
    
}
.floatingbox p
{
    background: green;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    left:20px;
    padding: 10px 25px;
}
}
@media (max-width: 560px)
{
.hidden-mobile {
    display: none;
}
}

