@media (min-width: 320px) {
  .trial_version{
    padding: 20px 12px;
  }
  .trial_right{
    float: none;
    margin: 0px;
  }
  .trial_left{
    display: none;
  }
  .trial_header{
    font-size: 20px;
  }
  .trial_text, .payasgo_text, .prosub_text {
    font-size: 12px;
  }
  .payasgo{
    margin-right: 5px;
  }
  .payasgo_header{
    font-size: 15px;
  }
  .upgrade_price span{
    font-size: 15px;
  }
  .prosub{
    background-size: 75px;
  }
  .prosub .prosub_image{
    width: 85px;
    margin-right: 6px;
    margin-top: 20px;
    display: none;
  }
  .prosub_header{
    font-size: 15px;
  }
  .prosub_actions{
    width: auto;
    max-width: 100%;
  }
.owa_logo {
 float:left;
}

#wrapper .rules li input, #wrapper .safety-rules li input, .remove-rule, .remove-rule:hover, .form-group label, .form-group .main-checkbox-label label, #companies-edit input, .fos_user_profile_edit input, .fos_user_resetting_request input, .fos_user_registration_register input, #project-details .container select, #project-details .form-control, #project .form-control, #contractors-edit .form-control, #contractors .form-control, #supervisors .form-control, #company .form-control {
  border-radius: 10px;
}

.photo_wrapper img {
    height: auto;
  }

  .checkbox_wrapper label {
    max-width: 220px;
  }
 
.login_wrapper .footer, .footer{
  height: auto;
 }

  footer ul, footer ul li.first {
    margin-left: 0;
    padding-left: 0;
  }
  .copyright, .credit {
    float: left;
    margin-top: 10px;
    width: 100%;
  }

  .login_box form {
    width: 100%;
  }

  .logo {
    float:none;
  }

  .top_buttons {
    float:none;
  }

  .top_buttons ul {
    padding-left: 0;
  }

  .form-group label {
    min-width: 100%;
  }

  .company-dashboard-logo {
    float:none;
  }

  .table_outer {
  position: relative;
  float:left;
  width: 100%;
  overflow-x:scroll;
}

.table_wrapper {
    overflow-x:scroll;
    width: 300%
  }

  .action_cell {
    width:20%;
  }

   #contractors .action_cell {
    width:12%;
  }

   .site-supervisor-table .action_cell {
     width: 15%;
   }

  #supervisors .table_wrapper {
   width: 140%
 }

  .project_notes_wrapper, .weekly_report_wrapper {
    width:100%;
   }

   .staff_inducted {
    width: 100%;
  }

   .steps  {
   display:none;
   }

   .top_buttons ul {
    padding-left: 0;
    margin-left: 0;
   }

    
   #project-details #page-layout .project_type {
    display: block;
    width: 100%;
   }

    #project-details #page-layout .project_type label, #project-details #page-layout .project_type select {
      min-width: 100%;
    }

    #project-details #page-layout .project_type select {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .contractor-button button, .supervisor-button button {
      margin-top: 0;
    }

    .checkboxes .input-group {
      width: 100%;
    }

    #project-details .checkbox_wrapper input {
      float:left;
    }

    #project-details .checkbox_wrapper label {
      min-width: 90%;
    }

   #contractors-edit .form-group, #contractors .form-group, #supervisors .form-group, #company .form-group, .user_profile_data, .fos_user_profile_edit .form-group, .fos_user_change_password .form-group, #project .form-group, #project-details .form-group, #companies-edit .form-group  {
     display:block;
   }

   #contractors-edit .form-group input, #contractors .form-group input, #supervisors .form-group input, #company .form-group input, .user_profile_data input, .fos_user_profile_edit .form-group input, .fos_user_change_password .form-group input, #project .form-group input  {
     border-left: 1px solid #ced4da;
     border-right: 1px solid #ced4da;
   }

   .enabled input {
    float:left;
   }

   .enabled label {
    width: 80%;
    min-width: 80%;
   }

   .back-button {
    float:none;
    margin-bottom: 20px;
   }

    #contractors-edit .address_wrapper, #contractors-edit .address-search-wrapper, #contractors-edit .address_wrapper, #project-details .address_wrapper, #project-details .search-postcode, #project-details .address-search-wrapper, #project-details .address_wrapper, #contractors .address_wrapper, #contractors .search-postcode, #contractors .address-search-wrapper, #contractors .address_wrapper, #company .address_wrapper, #company .search-postcode, #company .address-search-wrapper, #company .address_wrapper, #project .search-postcode, #project .address-search-wrapper, #project .address_wrapper_site, #project .search-postcode-site, #project .address-search-wrapper-site, #project-details .multiple-questions .dependeePartyWall  {
  display:none;
}

#contractors-edit .address_wrapper, #contractors-edit .search-postcode,  #project .project-terms {
  display:block;
}

#contractors-edit #contractor_findAddress, #contractors-edit .manual-address {
  display:none;
}

.postcode_wrapper {
  width: 100%;
}

.submit-buttons {
  margin-bottom: 215px;
}

.previous-button-wrapper, #project div > .submit_button, #project-details div > .submit_button  {
  float:none;
 display:inline-block;
 width: 100%;
}

#project div > .submit_button, #project-details div > .submit_button {
  width: auto;
  margin-top: 30px;

}

#project .modal-content .submit_button {
  margin-top: 0px;
}


#project-details .dependee-wrapper {
  float:left;
  width: 100%;
  display:none;
  
}


   .document_label, .document_button a {
    font-size: 0.9em;
    width: 100%;
   }

   .document_wrapper {
    width:100%;
   }

   .project-view-label {
    width: 100%;
   }

    .document_button a {
    padding-left: 15px;
   }

   .address_wrapper, .search-postcode, #companies-edit #wrapper .address-search-wrapper, #wrapper .fos_user_profile_edit .address-search-wrapper, .address_wrapper_site, .search-postcode-site, .address-search-wrapper-site  {
  display:none;
 }

#project-details .form-group {
  float:left;
  width: 100%;
 }

}

@media (min-width: 488px) and (max-width: 575px) {
  .prosub, .payasgo {
      width: 340px;
  }
}

@media (max-width: 487px) {
  .trial_version{
    min-height: 315px;
  }

  .payasgo{
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .prosub{
    width: 100%;
    margin: 0 0 20px 0;
    background-size: 90px;
  }

  .prosub .prosub_image{
    display: block;
    width: 135px;
    float: left;
    margin-right: 12px;
    margin-top: 0px;
  }

  .payasgo_header, .payasgo_text, .payasgo .upgrade_price{
    width: 140px;
    float: none;
  }


  .payasgo_actions {
    width: 150px;
  }
}

@media (max-width: 421px){
  .prosub_image{
    display: none !important;
  }
}

@media (max-width: 320px){
  .trial_version{
    display: none !important;
  }
}

@media (max-width: 768px) {
#project_view .trial_version{
   height: auto;
  }

  #project_view .payasgo {
    width: 100%;
    margin-bottom: 10px;
  }

  .health_safety_policy_ohutu .form-group {
    display: flex;
    flex-direction: column;
  }

  .signature-container{
    flex-direction: column;
  }

  fieldset#health_safety_policy_ohutu .form-group label, fieldset#health_safety_policy_ohutu .form-group input {
    border-radius: 10px;
    width: 100%;
  }
}

@media (max-width: 576px) {
  fieldset.company_general_information label, fieldset.company_general_information input {
    border-radius: 10px !important;
    width: 100%;
  }

  .supervisor_data.form-group {
    display: block;
  }

  .modal-body.modal-supervisor .form-group input {
    border-radius: 10px;
  }
}

@media (min-width: 576px) {
  .files_wrapper .dropzone .dz-preview{
    width: 100%;
  }
  .trial_version{
    padding: 20px 12px;
  }
  .trial_right{
    float: none;
    margin: 0px;
  }
  .trial_left{
    display: none;
  }
  .trial_header{
    font-size: 22px;
  }
  .trial_text, .payasgo_text, .prosub_text {
    font-size: 13px;
  }
  .payasgo, .monthly_pro {
    margin-right: 8px;
    width: auto;
  }
  .payasgo_header{
    font-size: 17px;
  }
  .upgrade_price span{
    font-size: 17px;
  }
  .prosub,.payasgo{
    width: 340px;
    background-size: 75px;
  }
  .prosub .prosub_image{
    width: 120px;
    margin-right: 8px;
    display: block;
    margin-top: 0px;
  }
  .prosub_header{
    font-size: 17px;
  }
  .prosub_actions{
    width: auto;
  }
  #proButton, #proButton_A {
    padding: 8px 28px;
    font-size: 12px;
  }
  .container .stripe-button-el, .container .stripe-button-el:not(:disabled):active, .container .stripe-button-el:not(:disabled):active span, .container .stripe-button-el span, .container .stripe-button-el span:hover, .container .stripe-button-el span:focus, .container .stripe-button-el span:active{
    font-size: 13px;
    padding: 1px 8px;
  }

  #wrapper .rules li input, #wrapper .safety-rules li input, .form-group label, .form-group .main-checkbox-label label {
 border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fos_user_change_password input, .remove-rule, .remove-rule:hover, #companies-edit input, .fos_user_profile_edit input, .fos_user_resetting_request input, .fos_user_registration_register input, #project-details .container select, #project-details .form-control, #project .form-control, #contractors-edit .form-control, #contractors .form-control, #supervisors .form-control, #company .form-control {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}

.owa_logo {
  float:none;
}

  .project-view-label {
    width: 15%;
   }

  .document_wrapper {
    width:50%;
   }



     .document_label, .document_button a {
    font-size: 0.9em;
    width: 90%;
   }

  #project div > .submit_button, #project-details div > .submit_button {
  float:right;
  min-width: 150px;
  width: 135px;
  margin-top: 0px;
  z-index: 10;
  position: relative;
}

#project #wrapper #supervisor_submit {
  width: auto;
  padding-left: 35px;
}

#project #wrapper #contractor_submit {
  width: auto;
  padding-left: 10px;
}


  .previous-button-wrapper {
  float:left;
  width:auto;
  position: relative;
  z-index: 10;

}

  .submit-buttons {
  margin-bottom: 120px;
}

  .back-button {
    float:right;
    margin-bottom: 20px;
   }

  #contractors-edit .form-group, #contractors .form-group, #supervisors .form-group, #company .form-group, .user_profile_data, .fos_user_profile_edit .form-group, .fos_user_change_password .form-group, #project .form-group, #project-details .form-group, #companies-edit .form-group  {
    display:flex;
  }

  #project .project-terms, #company .company-logo, #company .policies,  .no-flex, .fos_user_profile_edit .policies, #project-details .radio-options, #project-details .dependant, #project-details .measures, #project-details .measures-building, #companies-edit .policies {
    display:block;
    float:left;
    width: 100%;
  }

  #contractors-edit .address_wrapper, #contractors-edit .address-search-wrapper, #contractors-edit .address_wrapper, #project-details .address_wrapper, #project-details .search-postcode, #project-details .address-search-wrapper, #project-details .address_wrapper, #contractors .address_wrapper, #contractors .search-postcode, #contractors .address-search-wrapper, #contractors .address_wrapper, #company .address_wrapper, #company .search-postcode, #company .address-search-wrapper, #company .address_wrapper, #project .search-postcode, #project .address-search-wrapper, #project .address_wrapper_site, #project .search-postcode-site, #project .address-search-wrapper-site, #project-details .multiple-questions .dependeePartyWall, #project-details .multiple-questions .dependeeBuildingYear, #project-details .multiple-questions .dependeeAbestosSurvey, #project-details .multiple-questions .dependeeStructural, #project-details .multiple-questions .dependeeAccess, #project-details .multiple-questions .dependeeSkip, #project-details .multiple-questions .dependeeNotListed  {
  display:none;
}



#project-details .dependee-wrapper {
  float:left;
  width: 100%;
  display:none;
  
}

#project-details .dependeeBuildingContractors {
  display:none;
}

  #project-details .checkbox_wrapper input {
      float:none;
    }

    #project-details .checkbox_wrapper label {
      min-width: 90%;
    }

  .checkboxes .input-group {
      width: 50%;
    }

  .company-dashboard-logo {
    float:right;
  }

  .form-group label {
   min-width: 190px;
  }

  .fos_user_change_password .form-group label {
    min-width: 200px;
  }

 .logo {
    float:left;
  }

  .top_buttons {
    float:right;
  }

  .top_buttons ul {
    padding-left: 25px;
  }

  .login_box form {
    width: 400px;
  }

  .table_outer {
  position: relative;
  float:left;
  width: 100%;
  overflow-x:visible;
}

.table_view {
  position: block;
  overflow:visible;
}

.table_wrapper {
    overflow-x:scroll;
    width: 170%
  }

  .action_cell {
    width:45%;
  }

   #contractors .action_cell {
    width:12%;
  }

   .site-supervisor-table .action_cell {
     width: 15%;
   }

  #supervisors .table_wrapper {
   width: 140%
 }

  .project_notes_wrapper, .weekly_report_wrapper {
    width:100%;
   }

   .staff_inducted {
    width: 100%;
  }

  .steps  {
   display:block;
   }

   .steps li {
    width: 16%;
   }

   .top_buttons ul {
    padding-left: 0;
    margin-left: 0;
   }

     .steps li {
    width: 16%;
   }

   .steps li {
    font-size: 0.7em;
   }

   .steps li a:before, .steps li a:after, .steps li div:before, .steps li div:after {
    border-width: 25px 0px 25px 15px;
   }

   #project-details #page-layout .project_type {
    display: flex;
    width: 100%;
   }

    #project-details #page-layout .project_type label, #project-details #page-layout .project_type select {
      min-width: 100%;
    }

    #project-details #page-layout .project_type select {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .contractor-button button, .supervisor-button button {
      margin-top: 0;
    }

      .table_outer .table_wrapper {
   width: 100%;
   overflow: visible;
 }


.responsive_column {
  display:none;
 }





}

@media (max-width: 576px) {
  .files_wrapper .dropzone .dz-preview{
    width: 100% !important;
  }
  .files_wrapper .dropzone{
    padding-left: 0px;
    padding-right: 0px;
  }
  .files_wrapper .dropzone .dz-preview .dz-fake-image{
    width: 165px;
    height: 235px;
  }
  .container form.fos_user_registration_register .user_profile_data:nth-of-type(2n){
    position: relative;
  }
  .passwordRequirements{
    position: absolute;
    top: 1px;
    left: 140px;
  }
  .passwordRequirements svg .fillSvg{
    fill: #ffffff;
  }
  #payasgoButton{
    margin-left: 4px;
  }
  .payasgo{
    padding: 8px;
  }
  .payasgo_actions #paygNum{
    width: 14px;
  }
  img#paygMinus{
    margin-right: 0px;
  }
  img#paygPlus{
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
.project_categories .col-md-3 {
  width:100%;
  margin-top: 20px;
}

#project_view .project-quarter {
  width: 50%;
}

.document_block h3 {
  clear:both;
}
.project-links ul li {
  float:none;
  padding-left: 0;
}

.notes_first_wrapper {
  width: 40%;
  top: 0;
}

.reported_by {
  top: 0;
}
.header-col {
  width: 40%;
}

.label_block, .completed_block {
  width: 100%;
}
}

@media (min-width: 768px) {
  .files_wrapper .dropzone .dz-preview{
    width: 50%;
  }
  .trial_right{
    float: none;
    margin: 0px;
  }
  .trial_left{
    display: block;
    width: 150px;
    margin-right: 8px;
  }
  .trial_header{
    font-size: 22px;
  }
  .trial_text, .payasgo_text, .prosub_text {
    font-size: 13px;
  }
  .payasgo{
    margin-right: 8px;
  }
  .payasgo_header{
    font-size: 17px;
  }
  .upgrade_price span{
    font-size: 17px;
  }
  .prosub,.payasgo{
    width: 365px;
    background-size: 90px;
  }
  .prosub .prosub_image{
    width: 120px;
    margin-right: 8px;
    display: block;
    margin-top: 0px;
  }
  .prosub_header{
    font-size: 17px;
  }
  .prosub_actions{
    width: auto;
  }
  .container .stripe-button-el, .container .stripe-button-el:not(:disabled):active, .container .stripe-button-el:not(:disabled):active span, .container .stripe-button-el span, .container .stripe-button-el span:hover, .container .stripe-button-el span:focus, .container .stripe-button-el span:active{
    font-size: 13px;
    padding: 1px 8px;
  }

.label_block, .completed_block {
  width: 50%;
}

.header-col {
  width: 20%;
}

.reported_by {
  top: 5px;
}
.notes_first_wrapper {
  width: 20%;
  top: 5px;
}

.notes_para {
  top: 5px;
  position: relative;
}

.project-links ul li {
  float:left;
  padding-left: 10px;
}
  .document_block h3 {
  clear:none;
}

#project_view .project-quarter {
  width: 25%;
}


    .responsive_column {
      display:table-cell;
      
 }

     #supervisors .table_wrapper {
   width: 100%
 }

    #project-details #page-layout .project_type label, #project-details #page-layout .project_type select {
      min-width: 330px;
    }

   .checkbox_wrapper label {
    max-width: auto;
  }

.photo_wrapper img {
    height: 193px;
  }

.footer{
  height: 80px;
 }

footer ul, footer ul li.first {
    margin-left: auto;
  }

.copyright {
  float:right;
  width: auto;
  clear: none;
  margin-top: 0;
}

.login_wrapper .footer {
   height: 120px;
}

.credit {
    float: right;
    margin-top: 10px;
    width: auto;
}

.col-md-8 {
  width:100%;
  flex: 0 0 100%;
  max-width: 100%;
}

 .reset_filters, .reset_filters:hover, .reset_filters:visited, .reset_filters:active {
   margin-left: 0px;
  }

  .project_categories .col-md-3 {
    max-width: 100%;
  }

  .project_photos_wrapper {
    margin-top: 20px;
  }

  #contractors .action_cell {
  	width:15%;
  }
  .action_cell {
  	width:30%;
  }

  #projects .action_cell {
    width: 17%;
  }
  

  #contractors .reset_filters, #supervisors .reset_filters {
     margin-top: 40px;
  }

  #supervisors .reset_filters {
   margin-left: 0;
  }

  #supervisors .action_cell {
   	 width: 12%;
   }

   #companies .action_cell {
     width: 11%;
   }

   .project_notes_wrapper .table_wrapper, .weekly_report_wrapper .table_wrapper {
   	overflow: visible;
   	width:90%;
   }

 
 .site-supervisor-table .action_cell {
     width: 14%;
   }

   .project_notes_wrapper, .weekly_report_wrapper {
    width:100%;
   }

   .staff_inducted {
    width: 100%;
  }

   .steps li {
    width: 16%;
   }



  

    .steps li {
    font-size: 1.0em;
   }

   .steps li a:before, .steps li a:after, .steps li div:before, .steps li div:after {
    border-width: 31px 0px 30px 15px;
   }

   .project_type label {
    min-width: 330px;
   }

   .vich-image label, .vich-file label {
    min-width: auto;
  }

}

@media (max-width: 992px) {
   .responsive_column {
      display:none;
   }
}

@media (min-width: 992px) {
.files_wrapper .dropzone .dz-preview{
    width: 33%;
  }
  .container form.fos_user_registration_register {
    margin-left: 0px;
    max-width: 700px;
  }

  .trial_left{
    width:250px;
  }
  .trial_right{
    float: right;
    margin: 0px;
  }
  #project_view .trial_right {
    float:none;
  }
  .project_categories .col-md-3 {
    max-width: 25%;
  }

  .project_photos_wrapper {
    margin-top: 0px;
  }

  .document_label {
    width: 50%;
  }

  .document_button a {
    width: auto;
  }

 .table_wrapper {
    overflow-x:scroll;
    width: 120%
  }

 .meter {
    margin-left: 0;
  margin-right: 0;
  }

  #companies .reset_filters {
    margin-top: 40px;
  }

   .action_cell {
  	width:17%;
  }

   #contractors .action_cell {
  	width:12%;
  }

   .site-supervisor-table .action_cell {
     width: 11%;
   }

   #companies .action_cell {
     width: 12%;
   }


 .steps li {
   	width: 16%;
   }

   .document_label, .document_button a {
   	font-size: 0.9em;
   }

   .project-links ul li {
      padding-right: 5px;
    }

  


}

@media (min-width: 1200px) {
  .files_wrapper .dropzone .dz-preview{
    width: 25%;
  }
  .trial_left{
    width:250px;
  }


	.table_outer {
		position: relative;
		float:left;
		width: 100%;
		overflow-x: visible;
		}

     #supervisors .reset_filters {
   margin-left: 30px;
  }

    .meter {
      margin-left: 15px;
      margin-right: 15px;
    }

    .project-links ul li {
      padding-right: 25px;
    }

	.table_wrapper {
	    overflow-x:visible;
	    width: 100%
   }

   .action_cell, #projects .action_cell {
  	width:13.5%;
   }

   .site-supervisor-table .action_cell {
     width: 10%;
   }

   .reset_filters, .reset_filters:hover, .reset_filters:visited, .reset_filters:active {
  	margin-top: 40px;
  	margin-left: 30px;
  }

  #supervisors .action_cell {
   	 width: 10%;
   }

   .steps li {
   	width: 16.4%;
   }

   .document_label, .document_button a {
   	font-size: 1rem;
   }

   .project_notes_wrapper, .weekly_report_wrapper {
   	width:50%;
   }

    #supervisors .table_wrapper {
   width: 100%
 }

   .col-md-8 {
  width:66.666667%;
   flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

 #contractors .action_cell {
    width:10%;
  }

  .postcode_wrapper {
  width: 525px;
}



}

@media (min-width: 1200px) and (max-width: 1450px) {
  .container form.fos_user_registration_register{
		margin: 0 auto;
		max-width: 700px;
  }
  #register h1{
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 700px;
    width: 700px;
  }
}