/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .panel-profile.list-view .media .media-heading { margin-right:30px; }
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
    { margin-bottom: 3px; }

    .media-icons.option-icons { margin:6px 0 !important; }
    .people_businesscard { width: 95% !important; height: 254px !important; left: 2.45% !important; }
    .people_businesscard .block-img h3 { line-height: 32px !important; }
    .share-wrapper { width: 95% !important; left:2.5% !important; top:15% !important; }
    .share-wrapper .share-body .barcode { margin:5px auto !important; }

    .people-list .people-options .btn-toolbar .btn { margin-bottom: 10px !important; }
    .people-list.report-list .people-options .btn-toolbar .btn > i { font-size: 26px !important; }

    .loading-overlay .loading-box { top:40% !important; left:10% !important; }

}


/* ============================================== */
/* HDTV                                           */
/*                                      1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {

}

    /* ============================================== */
    /* Custom                                           */
    /*                                      1280x800 */
    /*                                      1024x1670 */
    /* ============================================== */

@media screen and (min-device-width: 1024px) and (max-device-width: 1280px) {
    .mail-filter-bar .people-options .people-pager input{width: 200px;}
    .profile_sidebar, .profile_rightbar{width:100% !important;}
    .profile_sidebar{padding:0 !important;}
    .profile_sidebar .profile_details{margin-left:-10px;}
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1440px) {

    .profile_sidebar, .profile_rightbar{width:100% !important;}
    .media-heading .media-icons{margin-left: 0px !important; margin-top:5px;}
}

/* ============================================== */
/* iPad Pro Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .inline-text {
        width:75% !important;
    }
    .profile_sidebar, .profile_rightbar{width:100% !important;}
}

/* ============================================== */
/* iPad Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .inline-text {
        width:75% !important;
    }
}

/* ============================================== */
/* Widescreen                                     */
/*                                       1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
    .inline-text {
        width:81% !important;
    }
}

/* ============================================== */
/* Twitter Bootstrap                              */
/*                                       980x     */
/* ============================================== */
@media screen and (min-width: 980px) {

}

/* ============================================== */
/* Twitter Bootstrap                              */
/*                                       x979     */
/* ============================================== */
@media screen and (max-width: 979px) {

}

/* ============================================== */
/* iPad Landscape                                 */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

}

/* ============================================== */
/* iPad Portrait                                  */
/*                                       768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .profile_sidebar{padding:0 !important;}
    .profile_sidebar .profile_details{margin-left:-10px;}

}

/* ============================================== */
/* Small Tablet Landscape/Portrait                */
/*                                        800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
    .commitment .media-heading .media-icons {
        display:block;
        margin: 8px 0 0 0 ;
    }
}


/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {

}

/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {

}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {

}

/* ============================================== */
/* Smaller devices                                */
/* Android Landscape                      320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {

}

/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media screen and (max-width:240px) {

}