.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 48px;
    height: 48px;
    margin-top: -24px;	
	z-index:999999999999999999999999999999999999 !important;
	
}
.controlArrow.prev {
    left: 15px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-left_48.png);
}
.controlArrow.next {
    right: 15px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-right_48.png);
}

/* iphone portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
/* arrows */

.controlArrow {
    width: 24px;
    height: 24px;
    margin-top: -12px;
	
}
.controlArrow.prev {
    left: 10px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-left_24.png);
}
.controlArrow.next {
    right: 10px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-right_24.png);
}

 }

 
 /* iphone landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

.controlArrow {
    width: 24px;
    height: 24px;
    margin-top: -12px;
	
}
.controlArrow.prev {
    left: 10px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-left_24.png);
}
.controlArrow.next {
    right: 10px;
	background-image:url(/images/arrows/black/5-fa-arrow-circle-right_24.png);
}

}