@media only screen and (min-width: 220px) and (max-width : 992px) {    
	#view-bidposting,
	#manage-bidposting,
	#industry-directory {
		margin-top: 30px;
	} 
    #view-bidposting #customSearch {
        border-radius: 5px;
        border: 1px solid #666;
        padding: 5px;
		width: 100%;
    }    
    #view-bidposting .btn-primary {
        border-radius: 10px;
        margin-top: 2%;
    }
    .col-12 {
        padding: 0px !important;
    }
	#modify .col-12 {
        padding: 15px !important;
    }
    #topMain li.navbar2-item,
    .dl-992-none {
		display: none !important;
	}
	#topMain .mobile-submenu {
		padding: 0px !important;
	}
	#topMain .mobile-submenu li.navbar2-item, #topMain .mobile-submenu li.qcpi-navbar2-item {
		display: block !important;
	}
	#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item.active > a, #header .navbar-collapse nav #topMain.nav-menu > li.qcpi-navbar2-item.active > a {
		color: #006666 !important;
	}
    #header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a,
	#header .navbar-collapse nav #topMain.nav-menu > li.qcpi-navbar2-item > a
	 {
		text-align: left !important;
	}
    #topBar ul.top-links.topbar-left > li > span > a,
	#qcpi-header ul.top-links.topbar-left > li > span > a {
        margin-left: 18px !important;
    }    
    .mobile-welcome {
		font-weight: normal !important;		
		text-transform: capitalize;
	}
	.mobile-welcome .login-name {
		color: #006666;
	}
	.mobile-arrow {
		float: right;
		font-size: 30px !important;	
		color: #151515;
	}
	.minline-block {
		display: inline-block !important;
	}
	.mobile-login-logout-button {
		margin-top: 20%;
		background: #006666;		
		border-radius: 10px !important;
		width: 95%;
	}
	#topNav div.submenu-dark li.mobile-login-logout-button>a {
		text-align: center !important;
		color: #FFFFFF !important;
	}

    /* Search posting */
    #search-posting tr.search-header,
	.dataTables_length,
	.search-header th,
	.post-search .horizontal-layout,
	.horizontal-layout,
	.fa-info-circle {
		display: none !important;
   	} 
    #search-posting .table-container ul.pagination > li > a,
	.table-container ul.pagination > li > a {
		padding: 2px 6px !important;
    	margin: 2px !important;
    }	
	#search-posting .btn-link {
		color: #006666;
		display: flex;
		width: 100%;
		padding: 0 15px !important;
	}
	/* .post-search .dt-search {
		width: 84% !important;
	} */
	#search-posting #customSearchBtn {
		margin-top: -2px;
		min-width: 46px;
	}
	.filters {		
		border: 1px solid #006666;
		padding: 5px 25px;
		border-radius: 6px;
		color: #006666;
		display: block;
	}
	.clear-search {
		border: 1px solid #666;
		padding: 5px 15px;
		border-radius: 6px;
		color: #666;
		display: block;
	}
	
	table.dataTable.fixedHeader-floating {
		position: inherit !important;
		top: 45px !important;
	}
	.modal-title {
		font-size: 15px;
	}
	#SearchPostingFilter .btn-group,
	#SearchPostingFilter .multiselect {
		width: 100% !important;
	}
	.multiselect-container {
		height: 160px;
		width: 100%;
		overflow: scroll;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background: #CCC;
		color: #ffffff !important;
	}
	#SearchPostingFilter .row {
		padding: 10px 0;
	}
	.search-heading {
		color: #006666;
		font-size: 18px;
		font-weight: bold;
	}
	.vertical-layout {
		display: block;
	}
	.dt-search {
		height: 102%;
	}	
	ul#searched-items li {
		border-radius: 5px;
		list-style: none;
		background: #eee;
		display: inline-block;
		margin: 4px;
		padding: 4px 6px;
	}
	ul#searched-items {
		list-style: none;
		padding: 0px;
		margin-top: 35px;
	}

	#search-posting .h2,
	div.heading-title h2,
	#view-industry-directory h3,
	#view-plan-holder-notifications h2,
	#user-notification-report h2,
	#unique-planholder-notification h2 {
		font-size: 1.5rem !important;	
	}

    #search-posting a.btn.btn-sm, .mobile-btn-sm a.btn.btn-sm{
		margin: 5px 0px !important;
	}
    #SearchPostingFilter .show button {
		white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child,
	table.table-bordered.dataTable tbody td  {	
		vertical-align: top;
	}
	.view-bid-result-dropdown-menu {
		margin: 0px;
		padding: 0px;
	}
	.view-bid-result-dropdown-menu li {
		min-width: 200px;
    	padding: 0px;
	}
	#view-bid-result .dropdown-menu, 
	#view-plan-holder .dropdown-menu {		
		border: 0px;
	}	
	.pl-60, .mpl-10 {
		padding-left: 20px !important;
	}
	table.dataTable thead>tr>th {
		text-align: center;
	}
	#planholder-list {
		height: auto !important;
	}
	
	/* Add Bid Posting */	
	#add-bidposting .selector-available, #add-bidposting .selector-chosen,
	#add-bidposting .selector ul.selector-chooser {
		float:none;
		margin: 0px;
	}
	#add-bidposting #id_categories_from,
	#add-bidposting #id_categories_to,
	#add-bidposting .selector-available,
	#add-bidposting .selector-chosen h2,
	#add-bidposting .selector-chosen,
	#add-bidposting .posting-table .textInput  {
		width:300px !important;
	}
	#add-bidposting #id_categories_input {
		width:275px;
	}	
	.selector-available .filtered,
	#add-bidposting #id_categories_to {
		height:auto !important;
	}
	.posting-table td:nth-child(1) {
		font-size: 14px !important;
		font-weight: normal !important;
	}
	.posting-table td:nth-child(2) {
		font-size: 12px !important;
		font-weight: normal !important;
	}
	.container-fluid .container-fluid {
		padding-left: 0px;
	}
	#id_keyword {
		width: 215px !important;
	}
	#view-plan-holder-notifications .mb-80,
	#user-notification-report .mb-80,
	#audit-listing .mb-80 {
		margin-bottom: 10px !important;
	}
	#account-form .btn-primary-questcdn {
		min-width: inherit !important;
	}
	#posting-report .dtr-title {
		display: none;
	}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1200px) {
	.horizontal-position-absolute {
		position: absolute;		
		z-index: 999;
	}
	.messageCenter #current_email, .messageCenter #new_email {
		height: auto !important;
		min-height: 550px !important;
		background: white;
	}
	#mailbox_navigation {
		padding-top: 2px;
	}
	.modal-backdrop {
		z-index: inherit !important;
	}
	.pl-60 {
		padding-left: 20px !important;
	}
	table.dataTable thead>tr>th {
		text-align: center;
	}
	#my-saved-bidpostings tr.search-header {
		display: none;
	}
	.panel {
		overflow: inherit !important;
	}
}
@media only screen and (max-width : 1366px) {
	#manage-bidposting tr.search-header {
		display: none !important;
   	}
}
@media only screen and (min-width: 834px) and (max-width: 1194px) and (orientation : landscape) {
	.messageCenter #current_email, .messageCenter #new_email {
		margin-top: -30px;
	}
	.messageCenter #current_email, .messageCenter #new_email {
		min-height: 540px !important;
	}
}
@media only screen and (min-width: 834px) and (max-width: 1194px) and (orientation : portrait) {
	.messageCenter #current_email, .messageCenter #new_email, #posting-report {
		margin-top: -30px !important;
	}	

	.messageCenter #current_email, .messageCenter #new_email {
		min-height: 630px !important;
	}
	#view-bidposting, #posting-report {
		margin-top: 0px !important;
	}
}
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
	#posting-report {
		margin-top: -40px !important;
	}
	#user-notification-report {
		margin-top: -50px !important;
	}
}
@media only screen and (min-width: 540px) and (max-width: 720px) and (orientation : landscape) {
	#header {
		height: 60px !important;
	}
	#header.static {
		position: relative !important;
	}
	.post-search .dt-search {
		width: inherit !important;
	}
}
@media only screen and (min-width: 540px) and (max-width: 720px) and (orientation : portrait) {
	#header {
		height: 60px !important;
	}
	#header.static {
		position: relative !important;
	}
	.dt-search {
	   width:inherit;
	}
	#posting-report, #audit-listing, #view-plan-holder-notifications, #user-notification-report {
		margin-top: -50px;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
    #topNav button.btn-mobile, 
    #topBar button.btn-mobile,
	#qcpi-header button.btn-mobile {
        margin-right: 0px;
    }
    #header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a {
        text-align: left;
    }
    #view-bidposting {
        margin-top: 10%;
    }
	#search-posting tr.search-header,
	#manage-bidposting tr.search-header {
		display: none !important;
   	} 
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {	
		vertical-align: top;
	}
	
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
    #topNav button.btn-mobile, 
    #topBar button.btn-mobile,
	#qcpi-header button.btn-mobile {
        margin-right: 0px;
    }
    #header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a {
        text-align: left !important;
    }
    #header .navbar-collapse nav #topMain.nav-menu > li > a {
        font-size: 16px !important;
    }
	#posting-report {
		margin-top: 20px !important;
	}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1360px) {
 	.messageCenter #new_email,
	.messageCenter #current_email{
		 margin-left: 20px !important;
	}
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
	#manage-bidposting,
	div.heading-title h2 {
		margin-top: 60px;
	}
	#topBar .logo img,
	#qcpi-header .logo img {
		margin-left: 0px !important;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
    .messageCenter {
        margin-top: 60px;
    }
	.messageCenter #mailbox_navigation {
		max-width: inherit;
	}
	#manage-bidposting,
	div.heading-title h2,
	#industry-directory,
	#posting-report {
		margin-top: 50px;
	}
}

/* iPads Pro (portrait and landscape) ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
/* Styles */
    #topNav button.btn-mobile, 
    #topBar button.btn-mobile,
	#qcpi-header button.btn-mobile {
        margin-right: 0px;
    }
    #header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a,
	#header .navbar-collapse nav #topMain.nav-menu > li.qcpi-navbar2-item > a {
        text-align: left;
    }
    #header .navbar-collapse nav #topMain.nav-menu > li > a {
        font-size: 16px !important;
    }
    .messageCenter {
        margin-top: 0px;
    }	
	#manage-bidposting {
        margin-top: 4%;
    }	
}
    
/* iPads Pro (landscape) ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
/* Styles */
	#my-saved-bidpostings tr.search-header {
		display: none;
	}
    
}
    
/* iPads Pro (portrait) ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
/* Styles */
	#view-bidposting {
		margin-top: 25px !important
	}  
	#posting-report {
		margin-top: 50px;
	}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
    #view-bidposting {
        margin-top: 12%;
    }
    .messageCenter {
        margin-top: 10% !important;
    }
    .container {
        max-width: inherit !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
    #view-bidposting {
        margin-top: 15% !important;
    }
    .messageCenter {
        margin-top: 10% !important;
    }
    .container {
        max-width: inherit !important;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
    #search-posting tr.search-header,
	.dataTables_length
	{
		display: none !important;
   	}    
	#view-bidposting {
		margin-top: 0px !important;
	} 

}

@media only screen and (min-device-width: 896px) and (max-device-height: 414px) and (orientation : landscape){
	#view-bidposting {
		margin-top: 0px !important;
	}  
}
@media only screen and (min-device-width: 320px) and (max-device-height: 570px) and (orientation : landscape){
	#view-bidposting {
		margin-top: 0px !important;
	}  
}

@media only screen and (min-device-width: 926px) and (max-device-height: 428px) and (orientation : landscape){
	#view-bidposting {
		margin-top: 0px !important;
	}  
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Add Bid Posting */
#add-bidposting #id_categories_to {
	height: 13em;
}
#project-list .rightCol div.heading-title {
	margin-bottom:0px;
}
section#project-list .rightCol h3 {
	margin:0px;
	margin-top:0px;
}
#add-bidposting .table td, #add-bidposting .table th {
	padding: 0px;
}
#add-bidposting .table td label {
	display:inline-block;
	background: none;
}
#add-bidposting .toggle.toggle-transparent-body label {
	border-radius:5px;
}
#add-bidposting #div_id_categories {
	width: 300px;
}
/* Add Bid Posting */