@media screen and (max-width: 768px) {
     #login-form-id .form-check, #ForgotPW {
         display: block;
         width: 100%;
         float: none;
    }
}
 @media only screen and (max-width: 767px) {
     .sub-menu {
         position: fixed;
         background-color: #0d5880;
         min-height: 90vh;
         opacity: 0;
         z-index: 999;
         min-width: 0vw;
         overflow: hidden;
    }
     .orange-text>h3 {
         font-size: 2rem;
    }
}
 @media only screen and (min-width: 768px) {
     #login-form-id .form-check, #ForgotPW {
         display: inline-block;
         width: 50%;
         float: left;
    }
}
 @media screen and (max-width: 860px) {
     .container-fluid.no-gutters {
         padding-right: 7vw;
         padding-left: 7vw;
    }
     .font-2 {
         font-size: 1.7rem;
    }
     .h6 {
         font-size: 1.8rem;
    }
     .navbar-brand {
         width: 88px;
         overflow: hidden;
         float: none !important;
    }
     .dash-nav-row {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0rem;
    }
     .mobile {
         display: inherit;
    }
     .no-mobile {
         display: none;
    }
     .sticky-top .col-6 {
         ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         text-align: center;
    }
     .sticky-top .col-md-8 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         padding-top: 0 !important;
         text-align: center;
         padding-bottom: 10px;
    }
     .sticky-top .col-md-8>div {
         display: inline-block;
         margin-right: 10px;
         font-size: 0.8rem;
    }
     h1 {
         font-size: 3rem;
         line-height: 3rem;
    }
     .copyright p2 {
         bottom: 7px !important;
    }
     .hierWorkGroup {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         padding: 0;
    }
     .hierWorkGroup .col-3 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .workSection>.col-12 {
         border-top-left-radius: 0px !important;
         border-bottom-left-radius: 0px !important;
         padding: 15px;
    }
     .workSection .rightside {
         padding: 0 !important;
    }
     .homeSignUp {
         margin: 0 !important;
         padding: 3rem 0 0 0 !important;
    }
     #pricing .account-types {
         margin-top: 0 !important;
    }
     #pricing .account-types .account-block {
         margin-top: 2rem;
    }
     #pricing .account-block>div {
         padding-bottom: 80px;
    }
     #pricing .account-block>div>div {
         bottom: 10px;
    }
     #pricing .account-block>div h3 {
         line-height: 50px;
    }
     .row {
         margin-right: 0px;
         margin-left: 0px;
    }
     .container-fluid.no-gutters.accountTypeBlock {
         padding-right: 0vw;
         padding-left: 0vw;
    }
     .LogInToggler .col-10 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         padding: 0 1.5rem !important;
    }
     .cancel div:first-child {
         height: 20px !important;
         margin-right: -10px !important;
    }
     .cancel div:last-child {
         width: 20px !important;
    }
     .LogInToggler .col-10 .row.mt-1 {
         margin-top: -20px !important;
    }
     .cancel {
         z-index: 10;
    }
     .mobileNone {
         display: none !important;
    }
     .pt-2, .py-2 {
         padding-top: 1rem !important;
    }
     .projectStatus {
         font-size: 14px;
    }
    #register .account-types{
		display: block;
		height:auto;
	}
	#register .account-types label{
		width:100%;
		margin-bottom:20px;
	}
	img{
		max-width:100%;
	}
	#dashboard .mt-5{
		margin-top:0;
	}
	.project-status-list.mobile{
		margin:20px 0;
	}
	.img-max-50-mobile {
		max-width: 50%;
		position:relative!important;
	}
	.iBudgetRange label{
		display: block!important;
		width:100%;
	}
	#iBudgetFrom, #iBudgetTo{
		width:4rem!important;
	}
	.message-content{
		max-width:100%!important;
		padding:1rem!important;
		width:100%;
		flex: none;
	}
	.avatar-lg{
		width:60px;
		height: 60px;;
	}
	.listApplications{
		background:none;
	}
	.row.applicantUser{
		display: block;
	}
	.row.applicantUser > div{
		max-width:100%;
		flex: auto;
	}
	#applicant .applicantSeparate > div.col-2{
		display: block;
	}

    .feedback .row .col-5,
    .feedback .row .col-1,
    .feedback .row .col-6{
        width: 100%;
        flex:100%;
        max-width:100%;
    }

    #footerLinks th{
        width:100%;
    }
}
 @media screen and (max-width: 900px) {
     .timeline-article .content-date a {
         font-size: 0.6rem;
    }
}