/* TABLETS */
@media 
  (min-device-width: 700px) 
  and (max-device-width: 1280px) {
    .sm-no-background {
        background:#ffffff !important;
        border:none!important;
    }
    .md-nopad-left-right {
        padding-left:0!important;
        padding-right:0!important;
    }
    .main-logo {
        margin-left:0!important;
        width: 70%!important;
        margin-top: 1px!important;
    }
    .navbar {
        top:0!important;
    }
    .navbar-brand {
        margin-left:0!important;
    }
    .navbar-nav > li > a {
        padding-top: 14px!important;
        padding-bottom: 16px!important;   
    }
    .register-form {        
        right: 0%!important;
        top: 80%!important;        
    }
    .modal-header {
        padding:5px!important;
    }
    .regPopup {
        width: 85%!important;
        left: 0!important;
        right: 0!important;
        margin: auto!important;
        top: 7%!important;
        height: 92%!important;
        overflow-y: scroll!important;
    }
    .regPopup::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
    }
    .regPopup::-webkit-scrollbar {
	    width: 5px;
	    background-color: #F5F5F5;
    }
    .regPopup::-webkit-scrollbar-thumb {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	    background-color: #D62929;
    }
    .search-records-border {
        padding:0;
    }
    .search-records img {
        max-width:100%!important;
    }
}
/* MOBILES */
@media 
  (min-device-width: 300px) 
  and (max-device-width: 500px) {
    .xs-nopad-left-right {
        padding-left:0!important;
        padding-right:0!important;
    }
    .xs-text-ellipsis {
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .no-right-border {
        border-right:none!important;
    }
    .search-records img {
        max-width: 100%!important;
    }
    .header-bg .container {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .navbar .navbar-right {
        float:left!important;
        width:100%;
    }
    .navbar-collapse {
        border:none!important;
    }
    .navbar-inverse .navbar-nav>li>a {
        border-right:none!important;
    }
    .no-pad-xs {
        padding-left:0!important;
        padding-right:0!important;
    }
    .navbar-brand {
        margin-left: 0!important;
    }
    .navbar-toggle {
        margin-right: 0!important;
    }
    .dropdown-menu li a {
       background: #8a0702!important;
       color: #FFF!important;
    }
    .custom-inner-container {
        /*padding-left: 0!important;
        padding-right:0!important;*/
        padding-bottom: 10px!important;
    }
    .sm-no-background {
        background:#ffffff !important;
        border:none!important;
    }
    .prof-box .prof-image {
        width:50% !important;
        margin-left: 25% !important;
    }
    .profiles-wrap {
        padding-left: 1px!important;
        padding-right: 1px!important;
        /*height: 225px !important;*/
        overflow:hidden;
    }
    .search-records {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .search-records-border {
        border-right:none !important;
    }
    .search-records-table {
        margin-top:0!important;
    }
    .search-records-table td {
        padding: 0!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        max-width: 0px!important;
        width: 100%!important;
    }
    .dashboard-profile-wrap {
        min-height:0!important;
    }
    .dashboard-profile-img {
        text-align: left!important;
        width: 30%!important;
    }
    .dashboard-profile-img img {
        max-height: 100px!important;
    }
    .dashboard-profile-details {
        text-align: left!important;
        width: 69%!important;
    }
    .dashboard-profile-view {
        text-align:left!important;
        width:60%!important;
        padding-left:5px!important;
    }
    .fancy-title {
        font-size: 16px!important;
        padding: 5px 0px 5px 5px!important;
    }
    .fancy-title p {
        display:none!important;
    }
    .timeline > li > .timeline-badge {
        width: 30px!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 1em!important;
        top: 24px!important;
        margin-left: -13px!important;
    }
    .nav-tabs>li {
        width: 33%!important;
        overflow: hidden!important;
        white-space: nowrap!important;
        text-overflow: ellipsis!important;
    }
    .msg-flag {
        float:left;
    }
    .nav>li>a {
        padding:10px 5px!important;
    }
    .profile-action .btn-group {
     	width: 90%!important;
    	margin-bottom: 5px!important;
    }
}