html[lang="ar"] #securty .slick-slide
{
max-width: 150px !important;
}
html[lang="ar"] div#securty .slick-slider
{
display: flex !important;
align-items: center !important;
}

.sliderWrap
{
width:100%;
/*border-top:1px solid #ccc;
border-bottom:         1px solid #ccc;
overflow:hidden;*/
padding-left:          10px;
padding-right: 10px;
box-sizing:         border-box;
}

.slide-wrapper
{
position:         relative;
}

.sliderMain
{
width:100%;
min-height:         70px;
border-bottom: 2px solid #a97e47;
}

.GelismisVitrinLoad
{
position:         absolute;
width:100%;
height:         50px;
line-height:50px;
text-align:         center;
top:50%;
margin:         -25px 0 0;
}

.carousel-wrapper
{
position:         relative;
overflow:hidden;
}

.sliderMain ul
{
width:100%;
min-height:         70px;
margin:0;
padding:         0;
list-style:none;
position:         relative;
}

.carousel
{
position:         relative;
left:0;
}

.sliderMain li, .sliderMain p, .sliderMain a
{
padding:         0;
margin:0;
}

.responsive .fade li, .responsive .fade li p, .responsive .fade li a
{
width:100%;
height:100%;
}

.responsive .fade li p, .responsive .fade li a
{
position:         absolute;
top:0;
left:         0;
}

.responsive li
{
background-size:cover !important;
}

.fade > li
{
position:         absolute;
top:0;
left:         0;
display:none;
}

.fade li.current
{
position:         static;
}

.carousel
{
position:          relative;
left: 0;
}

.sliderMain img
{
float:         left;
width:100%;
max-width:100%;
}

.slideControl
{
position:          absolute;
width: 100%;
height:          42px;
top: 50%;
margin-top:          -21px;
margin-right: 0;
margin-bottom:          0;
padding: 0px 10px;
box-sizing:          border-box;
}

.slideControl.vertical
{
display:         block;
top:0;
left:calc(50% - 5px);
width:         0;
height:100%;
padding:         0;
margin-top:0;
}

.thumbBar
{
padding-top:         39px;
padding-bottom:39px;
}

.twoCol .slideControl, .threeCol .slideControl
{
left:         10px;
right:10px;
margin-left:         0;
width:auto;
}

.slideControl span
{
width:          45px;
height:42px;
background-image:url('arrows.png');
background-repeat:         no-repeat;
cursor:pointer;
margin-right:          20px;
}

.slideControl span.prevSlide
{
background: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/interaktif_vitrin/v4/user_int/left.png) no-repeat center;float: left !important;
}

html[lang="ar"] .slideControl span.prevSlide
{
background: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/interaktif_vitrin/v4/user_int/left.png) no-repeat center;float: left !important;
position: relative;
right: -36px;
}

.slideControl span.nextSlide
{
background: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/interaktif_vitrin/v4/user_int/right.png) no-repeat center;
float: right !important;
}

.nextSlide
{
background-position:         right 0;
}

.sliderMain ul.slidePager
{
min-height:          auto;
position: absolute;
height:          20px;
text-align: center;
bottom: 10px !important;
right:          10px;
left: 0px;
padding:          0px 10px;
box-sizing: border-box;
display:          table;
}

.twoCol .sliderMain ul.slidePager, .threeCol .sliderMain ul.slidePager
{
width:         auto;
left:10px;
right:         10px;
margin-left:0;
}

.slidePager li
{
display:         inline-block;
width:12px;
height:         12px;
cursor:pointer;
background:         #efe3d6;
margin-top:5px;
margin-left:         5px;
text-indent: -9999px;
border-radius: 100%;
}

.slidePager li.active
{
background:url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/interaktif_vitrin/v4/user_int/activeNew.svg) no-repeat #df508e;
margin-top:         0;
cursor:default;
position:          relative;
}

.slidePager li.active:after
{
content: '';
background: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/interaktif_vitrin/v4/user_int/bullet_active_ico.png) center center no-repeat;
width: 100%;
height:          10px;
position: absolute;
left:          0;
right: 0;
bottom:          -15px;
}
[dir="rtl"] .carousel, [dir="rtl"] .carousel li
{
float:   left;
}
@media screen and (max-width: 1320px)
{
.slideControl, .sliderMain ul.slidePager
{
/* width:calc(100% - 60px);
left:         30px;
right:30px; */
width:calc(100% - 0px);
margin-left:         0;
bottom: 10px !important;
}
}
@media screen and (max-width: 540px)
{
.sliderWrap
{
padding-right:         0;
padding-left:0;
}

.slideControl span
{
margin-right:         unset;
}
}