#ipad {
    position: relative;
    width: 350px;
    height: 264px;
    margin: 0 auto;
}
#ipad_mockup {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/dandelin/ipad_white2.png);
    background-size: 100% 100%;
}
#ipad_screenshots {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 37px;
    width: 285px;
    height: 214px;
}

.carousel-control {
    z-index: 3;
    background:none;
    width: 40%;
}

@media (min-width: 768px) {
    #ipad {
        width: 750px;
        height: 566px;
    }
    #ipad_screenshots {
        top: 23px;
        left: 78px;
        width: 612px;
        height: 459px;
    }
}
@media (min-width: 992px) {
    #ipad {
        width: 970px;
        height: 732px;
    }
    #ipad_screenshots {
        top: 30px;
        left: 100px;
        width: 793px;
        height: 595px;
    }
}
@media (min-width: 1200px) {
    #ipad {
        width: 1000px;
        height: 754px;
    }
    #ipad_screenshots {
        top: 31px;
        left: 103px;
        width: 817px;
        height: 612px;
    }
}
@media (min-width: 1500px) {
    #ipad {
        width: 1250px;
        height: 943px;
    }
    #ipad_screenshots {
        top: 38px;
        left: 128px;
        width: 1024px;
        height: 768px;
    }
}



/*#ipad {*/
/*    width: 320px;*/
/*    height: 228px;*/
/*}*/
/*#ipad_screenshots {*/
/*    top: 8px;*/
/*    left: 30px;*/
/*    width: 258.8px;*/
/*    height: 194.4px;*/
/*}*/

/*@media (min-width: 576px) {*/
/*    #ipad {*/
/*        width: 400px;*/
/*        height: 285px;*/
/*    }*/
/*    #ipad_screenshots {*/
/*        top: 10px;*/
/*        left: 37.5px;*/
/*        width: 323.5px;*/
/*        height: 243px;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    #ipad {*/
/*        width: 560px;*/
/*        height: 399px;*/
/*    }*/
/*    #ipad_screenshots {*/
/*        top: 14px;*/
/*        left: 52.5px;*/
/*        width: 452.9px;*/
/*        height: 340.2px;*/
/*    }*/
/*}*/
/*@media (min-width: 992px) {*/
/*    #ipad {*/
/*        width: 640px;*/
/*        height: 456px;*/
/*    }*/
/*    #ipad_screenshots {*/
/*        top: 16px;*/
/*        left: 60px;*/
/*        width: 517.6px;*/
/*        height: 388.8px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    #ipad {*/
/*        width: 800px;*/
/*        height: 570px;*/
/*    }*/
/*    #ipad_screenshots {*/
/*        top: 20px;*/
/*        left: 75px;*/
/*        width: 1040px;*/
/*        height: 741px;*/
/*    }*/
/*}*/

.nav-btn svg {
    width: 100%;
    height: 100%;
    background: none;
    color: #6d6d6d;
    fill: #e2e2e2;
}
.nav-btn:hover svg {
    color: #e2e2e2;
    fill: #6d6d6d;
}
.nav-btn.nav-btn-previous svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}