.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;}

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}

.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; 
    top: 50%; 
    left: -60px; 
    width: 40px;
    height: 61px;
    margin-top: -25px; 
    opacity: 1; 
}
.vmc-arrow-right{
    left: auto; 
    right: -60px;
}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}

.vmc-arrow-left:after, .vmc-arrow-right:after{
    content: ''; 
    display: inline-block;
    width: 40px;
    height: 61px;
}
.vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after{color: white;}
.vmc-arrow-left:after{
    /* content: "\e079"; */
    background: url(../images/customized-arrow-left.png) no-repeat;
}
.vmc-arrow-right:after{
    /* content: "\e080"; */
    background: url(../images/customized-arrow-right.png) no-repeat;
}

.vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;}

.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}

.vmc-centered{ 
    padding: 100px 0 50px 0; 
}
.vmc-centered img { 
    transition: all 0.3s ease; 
    border-radius: 300px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
}
.vmc-centered .vmc_active img { transform: scale(1.2); }
.vmc-centered .vmc_active span{
    padding:45px 0 0 0;
}
.vmc-centered span{
    display: block;
    text-align: center;
    padding: 20px 0 25px 0;
    font-size: 1.25em;
    transition: .3s;
}
.vmcarousel-centered-infitine img{
    width: 250px;
}

@media (max-width: 1450px) {
    .vmc-arrow-left, .vmc-arrow-right{
        left: 0; 
    }
    .vmc-arrow-right{
        left: auto; 
        right: 0;
    }
}
@media (max-width: 1000px) {
    .vmcarousel-centered-infitine img{
        width: 200px;
    }
}
@media (max-width: 750px) {
    .vmcarousel-centered-infitine img{
        width: 250px;
    }
    .vmc-arrow-left, .vmc-arrow-right{
        left: 10px; 
    }
    .vmc-arrow-right{
        left: auto; 
        right: 10px;
    }
}
@media (max-width: 568px) {
    .vmcarousel-centered-infitine img{
        width: 220px;
    }
}
@media (max-width: 460px) {
    .vmcarousel-centered-infitine img{
        width: 180px;
    }
}