<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">


@media ( min-width:1920px ) and ( max-width:2500px ) {
	.info-label-style img {
		position: absolute;
		right: 120px;
		bottom: 17px;
	}
}
@media ( min-width:960px ) and  ( max-width:1024px )  {
.form-login {
    right: 5%;
    left: 5%;
}
}
@media ( min-width:768px ) and  ( max-width:960px )  {
    .carousel-caption {
        position: absolute;
        right: 5%;
        bottom: auto;
        left: 5%;
        z-index: 10;
        top: 20%;
    }

    .login-form {
        float: none;
        width: 100%;
    }

    .form-login {
        position: absolute;
        top: 35%;
        left: 10%;
        right: 10%;
    }

    .caption-tag {
        padding-left: 0;
        overflow: hidden;
        padding-top: 10px;
        padding-right: 10px; margin-top:20px;
    }

    .form-login.form-reset {
        position: absolute;
        top: 35%;
        left: 10%;
        right: 10%;
    }
    .search-coontent .form-inline { margin-top:15px;
    }
}


@media ( max-width:767px ) {
	.info-label-style img {
		position: absolute;
		right: auto; 
		bottom: 4px;
		left: 34%;
	}
    .icon-form.cj-list-disable { background-position:0 -72px !important;
    }
    .table.contact-epwp-table tbody td .form-control {
        width: auto;
    }
    .table.contact-epwp-table tbody td .col-sm-12 { padding:0 !important;
    }
    .table-height .table tbody td {
        word-break: inherit !important;
        width: 100% !important;
        float: left;
        padding: 10px 10px;
    }
    .table-height {  width:100%; height:auto;
    }
    .btn-custom .btn {
        margin-bottom: 10px;
    }
	.modal.show .modal-dialog {
		-webkit-transform: translate(0,20%);
		transform: translate(0,20%);
	}
		.modal.show .modal-dialog.modal-contractor {
			-webkit-transform: translate(0,5%);
			transform: translate(0,5%);
		}
	.info_list_col.info_list_col_new span {
		width: 100%;
	}
    .table4 table td.not-available {
        width: 100%;
        float: none;
       
        text-align: left !important;
        display: inline-block !important;
       
    }
    .section_title.section_title_new h2 {
        font-size: 26px;
        padding-top: 5px;
        margin-right: 25px;
        display: inline-block;
       
    }
    .section_title.section_title_new .edit-btn {
        position: absolute;
        top: 13px;
        right: 11px;
    }
        .table4 table td.not-available:before { display:none;
        }
        .search-content .form-inline .form-control {
            margin-bottom: 15px !important;
        }
    footer  .col-sm-6{ max-width:100%; flex:none;
    }
    .banner .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 20px;
    }

    .copy-right { margin-top:10px;
    }
    .header .info-section {
    float: right;
    margin-top: 10px;
    display: block;
    padding-top: 10px;
}
    .header.internal-header {
    position: static;
   
}
.carousel-caption {  position: absolute;    right: 5%;    bottom: auto;    left: 5%;    z-index: 10;     top: 20%;}
    .modal-body.modal-custom .col-form-label {    font-size: 16px;
    font-family: 'foundry_sterling_demidemi';
    text-align: left;
    width: 100%;
    display: block;
    max-width: 100%;
    flex: none;
    }
    .modal-dialog {
    max-width: 90%;
    margin: 0 auto;
}

.modal-body.modal-custom .col-8 { width: 100%;flex: none;max-width: 100%;    }
.login-form { float: none;    width: 100%;}
.form-login {
    position: absolute;
    top: 30%;
    left: 10%;
    right: 10%;
}
.caption-tag {
    padding-left: 0;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 10px;
}
.form-login.form-reset {
    position: absolute;
    top: 40%;
    left: 10%;
    right: 10%;
}
 
 
 .table-wrapper{ width:100%; overflow:auto;}
 .search-content .btn{ width:100%;}
 .search-content .float-right { float:none !important; margin-top:10px;}
 .search-content  .custom-label { display:block;}
 .search-content   .custom-control-inline { display:block;}
 .search-content  .form-inline {display:block; margin-top:10px !important; width:100%; }
    .search-content .col-sm-8 {flex:100% !important; max-width:100% !important;
    }
   .search-content .form-inline label { display:inline-block;
    }
   .search-content .form-inline .form-control { width:100%; 
    }
    .search-content .form-inline label {margin-bottom:10px;
    }
     .search-content .col-sm-4{flex:100% !important; max-width:100% !important;
    }
 .social-icons {
    text-align: center;
    margin-top: 15px;
}
    footer {text-align: center;
    }
    .footer-menu { display:block;
    }
     .caption-tag { 
    }
    .custom-control-label::after {    top: .15rem;
    }
     .custom-control-label::before {    top: .15rem;
    }
    header { position:static;
    }

     
        .page_content_part .selection .select2-selection {
            width: 100%;
            float: left;
            border-radius: 0;
            border: 1px solid #ced4da;
            height: calc(2.25rem + 2px);
        }

    .page_content_part span.select2.select2-container {
        width: 100% !important;
    }

        .page_content_part .select2-selection__rendered {
            line-height: 36px !important;
        }

        .page_content_part .table-wrapper.data-table-wrapper {
            margin-top: 15px;
        }

            .page_content_part .table-wrapper.data-table-wrapper table.dataTable td:last-child {
                white-space: nowrap;
            }

    .page_content_part table.dataTable td a {
        white-space: nowrap;
    }
   
}
@media ( min-width:536px ) and ( max-width:736px ) {

    .caption-tag {
        display:none;
    }
    .banner .carousel-indicators { display:none;
    }
}

@media ( min-width:320px ) and ( max-width:400px ) {
   
    .form-login { top:30%;
    }
    
    .banner .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 15px;
    }
}


</pre></body></html>