/* iPhone 6 Plus, 7 Plus */

/*@media screen*/

/*and (min-device-width : 414px)*/

/*and (max-device-width : 736px)*/

/*and (orientation : portrait)*/

/*and (device-aspect-ratio: 16/9)*/

/* iPhone 6, 7 */

@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: portrait) and (device-aspect-ratio: 375/667) {
    .list-icon.truck-10, .list-icon.truck-11, .list-icon.truck-12, .list-icon.truck-13, .list-icon.truck-14, .list-icon.truck-15,
    .list-icon.truck-16, .list-icon.loads-20, .list-icon.loads-21, .list-icon.loads-22, .list-icon.loads-23, .list-icon.loads-24,
    .list-icon.loads-25, .list-icon.loads-26, .list-icon.loads-27, .list-icon.loads-28 {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 45px;
        width: 45px;
        margin-left: 80%;
        position: absolute;
        top: 0px;
    }

    #loadlink-search-results .col-md-12 { padding: 0px; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item { padding: 5px 0 20px 0; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m {
        float: left;
        width: 52px;
    }

    #loadlink-search-results li.list-group-item div.item.va-m .journey {
        position: relative;
        top: 30px;
        left: 10px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body {
        position: relative;
        float: left;
        width: 250px;
        word-break: break-all;
        word-wrap: break-word
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m a,
    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m button { width: 55px; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading {
        float: left;
        left: -40px;
        width: 225px;
        top: -12px;
        position: relative;
    }



    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .contact-details,
    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .dimensions {
        width: 100%;
        position: relative;
        left: 30px;
        top: 10px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading span { float: left; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body p.list-group-item-text {
        left: 30px;
        position: relative;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m {
        position: relative;
        float: right;
        top: -128px;
        left: -4px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m img { width: 40px; }

    ul.search-result-item span.remove-item, ul.search-result-item span.edit-item {
        width: 65px;
        text-align: center;
        margin: 0;
        position: relative;
        top: 42px;
    }

    ul.search-result-item span.remove-item:hover, ul.search-result-item span.edit-item:hover { cursor: pointer; }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3;
        width: 80%;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .actions {
        width: 100%;
        text-align: right;
        position: relative;
        top: 25px;
        left: 5px;
    }
}



@media (max-width: 767px) and (min-width: 414px) {
    .list-icon.truck-10, .list-icon.truck-11, .list-icon.truck-12, .list-icon.truck-13, .list-icon.truck-14, .list-icon.truck-15,
    .list-icon.truck-16, .list-icon.loads-20, .list-icon.loads-21, .list-icon.loads-22, .list-icon.loads-23, .list-icon.loads-24,
    .list-icon.loads-25, .list-icon.loads-26, .list-icon.loads-27, .list-icon.loads-28 {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin-left: 95%;
        position: absolute;
        top: 0px;
    }

    #loadlink-search-results .col-md-12 { padding: 0px; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item { padding: 5px 0 20px 0; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m {
        position: relative;
        float: left;
        top: 43px;
        left: 10px;
        width: 52px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body {
        position: relative;
        float: left;
        width: 220px;
        word-break: break-all;
        word-wrap: break-word
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m a,
    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m button {
        width: 55px;
        font-size: 13px;
        padding: 5px;
        text-align: center;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading {
        float: left;
        left: -40px;
        width: 225px;
        top: -12px;
        position: relative;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading span { float: left; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body p.list-group-item-text {
        left: 30px;
        top: 10px;
        position: relative;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .actions {
        width: 100%;
        text-align: right;
        position: relative;
        top: 25px;
        left: 10px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m {
        float: right;
        top: -8px;
        left: -4px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body {
        position: relative;
        float: left;
        width: 250px;
        word-break: break-all;
        word-wrap: break-word
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3;
        width: 80% !important;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m img { width: 48px; }

    ul.search-result-item span.remove-item, ul.search-result-item span.edit-item {
        width: 65px;
        text-align: center;
        margin: 0;
        position: relative;
        top: 42px;
    }

    ul.search-result-item span.remove-item:hover, ul.search-result-item span.edit-item:hover { cursor: pointer; }
}

/* iPhone 5, 5S */

@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (device-aspect-ratio: 40/71) {
    .list-icon.truck-10, .list-icon.truck-11, .list-icon.truck-12, .list-icon.truck-13, .list-icon.truck-14, .list-icon.truck-15,
    .list-icon.truck-16, .list-icon.loads-20, .list-icon.loads-21, .list-icon.loads-22, .list-icon.loads-23, .list-icon.loads-24,
    .list-icon.loads-25, .list-icon.loads-26, .list-icon.loads-27, .list-icon.loads-28 {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 35px;
        width: 38px;
        margin-left: 82%;
        position: absolute;
        top: 0px;
    }

    #loadlink-search-results span.pickup, button.destination {
        width: 47px;
        padding: 5px;
    }

    #loadlink-search-results button.destination {
        top: 4px;
        font-weight: bold;
    }

    #loadlink-search-results .col-md-12 { padding: 0px; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item {
        padding: 5px 0 20px 0;
        height: 100%;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m {
        position: relative;
        float: left;
        top: 43px;
        left: 10px;
        width: 52px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body {
        position: relative;
        float: left;
        width: 185px;
        word-break: break-all;
        word-wrap: break-word
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m a,
    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.va-m button {
        width: 48px;
        font-size: 13px;
        padding: 5px;
        text-align: center;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading {
        float: left;
        left: -40px;
        width: 190px;
        top: -12px;
        position: relative;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body h5.list-group-item-heading span { float: left; }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body p.list-group-item-text {
        left: 15px;
        top: 10px;
        position: relative;
        margin-bottom: 15px;
    }



    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .contact-details,
    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .dimensions {
        position: relative;
        left: 15px;
    }

    #loadlink-search-results li.list-group-item div.item.va-m .journey {
        position: relative;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item.item-body .actions {
        width: 100%;
        text-align: right;
        position: relative;
        top: 25px;
        left: 10px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m {
        position: relative;
        float: left;
        top: -55px;
        left: 13px;
    }

    #loadlink-search-results ul.list-group.list-group-multi.list-group-lg.list-group-bordered li.list-group-item div.item-img.item.va-m img { width: 40px; }

    ul.search-result-item span.remove-item, ul.search-result-item span.edit-item {
        width: 65px;
        text-align: center;
        margin: 0;
        position: relative;
        top: 42px;
    }

    ul.search-result-item span.remove-item:hover, ul.search-result-item span.edit-item:hover { cursor: pointer; }
}