ul, li {
    list-style: none;
    color: #333333;
    line-height: 1.5em;
}

p {
    font: normal 12px Arial;
    color: #333;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
} 

.homepage-slider__login {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    border-radius: 10px;
    background-color: rgba(98, 119, 140, 0.8);
}

.main_div {
   width: 744px;
    overflow: hidden;
    float: left;
    position: relative;
}

.main_div ul {
    width: 1232px;
    float: none !important;
    position: relative;
}
.bannerImg {
    width: 100%;

}
.product-image {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border-radius: 0 0 10px 10px;

}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 570px;
}

.swiper-wrapper {
    position: relative;
    transition-property: transform, left, top;
    transition-timing-function: ease;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    position: relative;
    cursor: default;
	width: 100%;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.pagination1 {
    z-index: 1 !important;
}

.pagination1 {
    position: absolute;
    top: 445px;
    z-index: 100;
    right: 0px
}

.pagination1 ul {
    float: right;
}

.pagination1 ul li {
    min-height: 60px;
    background: #075A9A;
    background: url("/uae/redesign/images/homepage-banners/blue-slider-nav.png") 0px 9px no-repeat;
    float: left;
    width: 176px;
    height: 79px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.pagination1 ul li:hover {
    background: url("/uae/redesign/images/homepage-banners/blue-slider-nav.png") 0px -172px no-repeat;
}

.pagination1 ul li a:hover {
    text-decoration: none
}

.pagination1 ul li.first {
    background: none
}

.pagination1 ul li a {
    padding: 15px 0 0 10px;
    float: left;
    color: #fff;
    cursor: pointer;
}

.pagination1 ul li a p {
    color: #fff;
    font-size: 14x;
    padding: 0px;
}

.pagination1 ul li a strong {
    text-transform: uppercase !important;
    width: 100%;
    font: bold 10px Arial;
    display: block
}

.pagination1 ul li a span {
    padding-top: 3px;
    line-height: 13px !important;
    width: 100%;
    font: normal 10px Arial;
    display: block;
}

.pagination1 ul li a span.more-text {
    line-height: 12px !important;
}

.pagination1 ul .selecteda a {
    background: url("/uae/redesign/images/homepage-banners/blue-slider-nav.png") 0px -80px no-repeat;
    height: 100%;
    float: left;
    width: 100%;
    color: #333;
    cursor: default;
}

.pagination1 ul .selecteda p {
    color: #333333;
    font-size: 11px;
}

.visible-phone {
    display: none;
}

/* new media query*/
@media (min-width: 768px) {
    
    .pagination1 {
        display: block;
        top: 275px;
    }
    .visible-phone {
        display: none;
    }
    .swiper-container {
        height: 360px;
    }
}
@media (max-width: 767px) {
    #banners {
        min-height: auto;
    }
    
    .visible-phone {
        display: block;
    }
    .pagination1 {
        display: none;
    }
    .homepage-slider__login-box {
        display: none;
    }
    .homepage-slider__login {
        display: block;
        top: auto;
        bottom: 0;
        transform: translate(-50%, 100%);
        left: 50%;
    }
    .imgresize2 {
        height: auto !important;
        width: 100%;
    }

    .auto-height.swiper-wrapper,
    .auto-height .swiper-slide {
        height: auto !important;
    }

    .pagination {
        position: absolute;
        bottom: 0;
        left: 41%;
    }

    .swiper-pagination-switch {
        width: 8px;
        height: 5px;
        background: url("/uae/redesign/images/homepage-banners/gray-dot.png") 0 0 no-repeat;
        display: inline-block;
        min-height: inherit;
        padding: 10px 20px 10px 0;
    }
    
    .product-image {
        border-radius: 0;
    }


    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: auto;
    }

    .auto-height.swiper-wrapper,
    .auto-height .swiper-slide {
        height: auto !important;
    }

    .swiper-wrapper {
        position: relative;
        transition-property: transform, left, top;
        transition-timing-function: ease;
    }

    .swiper-slide {
        position: relative;
    }

    .swiper-slide {
        float: left;
        position: relative;
    }
   
}

@media (min-width: 992px) {
    #banners {
        min-height: 400px;
    }

    .swiper-container {
        height: 480px;
    }
    .pagination1 {
        
        top: 385px;
    }
}

@media (min-width: 1200px) {
    .swiper-container {
        height: 570px;
    }   
    .pagination1 {        
        top: 445px;
    } 
}