.modelslider
{
    position:relative;
}
.imgpst{
    position:absolute
}
img.imgpst {
    width: 50%;
}
.car{z-index:1}
.showwstart{z-index:2;width:100%;display:none}
.cardetail{top:9px;left:-9px}
.train {
    right: 0
}
.pointer{position:absolute}
.divdesc{margin-top:40px}
.smallpoints {
    display: none;
    width: 70%;
    position: relative
}
.bigpoints {
    width: 50%;
    position: relative
}
.slidestart {
    transition: 1s;
    right: 0 !important;
}
#slidecontent {
    position: absolute;
    width: 100%;right:-100%
}
.car, .cardetail, .pointers {
    left: 0;
    right: 0;
    margin: auto
}
.descitem {
    display: none
}
.pointeractive {
    color: #ff7000;
}

.activedesc {
    display: block
}
.arrows {
    display: block;
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10px;
}
.bigpoints .target0 {
    display: block;
    top: 1%;
    left: 0;
}
.bigpoints .target1 {
    display: block;
    bottom: 18%;
    left: -30px;
}
.bigpoints .target2 {
    display: block;
    bottom: 0;
    left: -30px;
}
.bigpoints .target3 {
    display: block;
    top: -15px;
    right: 0;
}
.bigpoints .target4 {
    display: block;
    top: 7%;
    right: 0;
}
.bigpoints .target5 {
    display: block;
    bottom: 16%;
    right: 0;
}
.bigpoints .target6 {
    display: block;
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 800px) {
    .bigpoints .target0 {
        top: -1%;

    }
    .arrows{bottom:-10px}
    .bigpoints .target4 {
        top: 4%;
    }
    .arrows img {
        width: 30px
    }
        .pointer {
            font-size: 9px !important
        }
    .bigpoints{width:70%}
    #slide2, .pointers {
        height: 200px
    }
    img.imgpst {
        width: 70%;
    }
   
    .cardetail {
        top: 2px;
        left: -5px;
    }
}