.tab-wrapper {
    display: block;
    position: relative;
    z-index: 9;
}
.tab-wrapper .tab-content {
    position: relative;
    height: 730px;
}
@media only screen and (max-width: 1068px) {
    .tab-wrapper .tab-content {
        height: 645px;
    }
}
@media only screen and (max-width: 735px) {
    .tab-wrapper .tab-content {
        height: 470px;
    }
}
.tab-wrapper .tab-content .tab-content-item {
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.tab-wrapper .tab-content .tab-content-item img {
    margin: 0 auto;
    display: block;
}
.tab-wrapper .tab-content .tab-content-item p {
    font-size: 1em;
}
.tab-wrapper .tab-content-item {
    opacity: 0;
}
.tab-wrapper .tab-content-item.current {
    opacity: 1;
}

/* IMAGES */
.image-web-inspector {
    width: 100%;
    height: 460px;
    background-image: url("/safari/images/tools-hero-large.jpg");
    background-repeat: no-repeat;
    background-size: 806px 460px;
    background-position: center;
    margin-bottom: 48px;
}
@media all and (min-device-width: 736px) and (max-width: 1068px) {
    .image-web-inspector {
        background-size: 715px 408px;
        height: 408px;
        background-image: url("/safari/images/tools-hero-medium.jpg");
    }
}
@media all and (max-width: 735px) {
    .image-web-inspector {
        background-size: 283px 162px;
        height: 162px;
        background-image: url("/safari/images/tools-hero-small.jpg");
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-web-inspector {
        background-image: url("/safari/images/tools-hero-large_2x.jpg");
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-web-inspector {
        background-image: url("/safari/images/tools-hero-medium_2x.jpg");
    }
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-web-inspector {
        background-image: url("/safari/images/tools-hero-small_2x.jpg");
    }
}
.image-responsive-design-mode {
    width: 100%;
    height: 626px;
    background-image: url("/safari/images/responsive-mode-large.jpg");
    background-repeat: no-repeat;
    background-size: 1100px 626px;
    background-position: center;
    margin-bottom: 48px;
}
@media all and (min-device-width: 736px) and (max-width: 1068px) {
    .image-responsive-design-mode {
        background-size: 715px 407px;
        height: 407px;
        background-image: url("/safari/images/responsive-mode-medium.jpg");
    }
}
@media all and (max-width: 735px) {
    .image-responsive-design-mode {
        background-size: 283px 161px;
        height: 161px;
        background-image: url("/safari/images/responsive-mode-small.jpg");
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-responsive-design-mode {
        background-image: url("/safari/images/responsive-mode-large_2x.jpg");
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-responsive-design-mode {
        background-image: url("/safari/images/responsive-mode-medium_2x.jpg");
    }
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-responsive-design-mode {
        background-image: url("/safari/images/responsive-mode-small_2x.jpg");
    }
}