/* PUBLISHER */
.publisher-bg {
    background: url('../media/images/s24_start_publisher.jpg') 50% 50% no-repeat;
    height: 600px;
    background-size: cover;
}
#publisher .recomad-logo {
    padding:10px;
    width:100%;
}
#recomad-types .recomad-logo {
    width:100%;
    text-align: center;
}
.screenshot {
    width:65%;
    height:auto;
}
.screenshot-quer {
    width:65%;
    height:auto;
}
#recomad-types ol.light-blue  {
    width: 28%;
    margin: 40px 0 0;
    padding: 0;
}
#recomad-types .search ol li,
#recomad-types .data ol li {
    position: relative;
    text-align: right;
}
#recomad-types .search .light-blue li:nth-child(1)::before,
#recomad-types .search .light-blue li:nth-child(2)::before,
#recomad-types .search .light-blue li:nth-child(3)::before,
#recomad-types .data .light-blue li:nth-child(1)::before,
#recomad-types .data .light-blue li:nth-child(2)::before {
    display:none;
}
#recomad-types .search .light-blue li:nth-child(1)::after,
#recomad-types .search .light-blue li:nth-child(2)::after,
#recomad-types .search .light-blue li:nth-child(3)::after,
#recomad-types .data .light-blue li:nth-child(1)::after,
#recomad-types .data .light-blue li:nth-child(2)::after {
    position: absolute;
    top:5px;
    right:-50px;
}
#recomad-types .search .text {
    margin-left:190px;
}
#recomad-types .semantic .text {
    margin-right:190px;
}

/*Mobile*/
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width:1200px) {}

/* Large devices (desktops, 992px and up) */
@media (max-width:992px) {
    #benefits ul {padding:0;}
    #recomad-types .search .text, #recomad-types .semantic .text {
        margin:0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    #benefits ul {padding:0 20px 15px;}
    #recomad-types ol.light-blue {margin: 0;}
}

/* Smallest devices */
@media (max-width: 400px) {
    #recomad-types ol.light-blue {width:90%; margin:0 0 0 60px; float:none !important;}
    #recomad-types .search ol li, #recomad-types .data ol li {text-align:left;}
    img.screenshot,
    img.screenshot-quer {
        width:90%;margin:0 auto;float:none !important;
    }
    #recomad-types .search .light-blue li:nth-child(1)::after,
    #recomad-types .search .light-blue li:nth-child(2)::after,
    #recomad-types .search .light-blue li:nth-child(3)::after,
    #recomad-types .data .light-blue li:nth-child(1)::after,
    #recomad-types .data .light-blue li:nth-child(2)::after,
    #recomad-types .data .light-blue li:nth-child(3)::after {position: absolute;
    left: 0;}
}