/* Import Less File */
/* Font Family */
/* Layout */
/* Resposnive */
/* Mixins */
/* CSS Property */
/* Colors */
/* Table Color */
/* Mixins */
.primary_white {
  background: #fd7044;
  color: #fff;
}
/* Mixin Gradient */
.gradient_primary {
  /* background-image: linear-gradient(288deg, #ff4e50, #f9d423); */
  background: #fd7044;
  background-image: linear-gradient(288deg, #ff4e50, #fe6a47 45%, #fe8b47);
}
.gradient_primary_hover {
  /* background-image: linear-gradient(288deg, #ff4e50, #f9d423); */
  background: #fd7044;
  background-image: linear-gradient(288deg, #fe8b47, #fe6a47 45%, #ff4e50);
}
.gradient_primary_light {
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
}
.gradient_secondary {
  background-image: linear-gradient(113deg, #45556c, #3c465c 45%, #2b3748);
}
.gradient_secondary_hover {
  background-image: linear-gradient(113deg, #2b3748, #3c465c 45%, #45556c);
}
/******************************************************************************
						Max Width "1190px"  Min Widh "768px"
*******************************************************************************/
/******************************************************************************
						Max Width "1449px"  Min Widh "1025px"
*******************************************************************************/
@media screen and (max-width: 1449px) and (min-width: 1025px) {
  .navbar .navbar-nav > li {
    padding: 0 5px;
  }
  .navbar .navbar-nav.navbar-left > li > a {
    padding: 8px 10px;
    font-size: 12px;
  }
}
/******************************************************************************
						Max Width "1250px"  Min Widh "1190px"
*******************************************************************************/
@media screen and (max-width: 1250px) and (min-width: 1190px) {
  /* Pagination */
  .pagination > li > a {
    /* margin: 0 4px; */
  }
}
/******************************************************************************
						Max Width "1350px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1350px) and (min-width: 991px) {
  label.error {
    font-size: 12px;
  }
}
/******************************************************************************
						Max Width "1250px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1250px) and (min-width: 991px) {
  .report-body .step-head span {
    float: none;
  }
}
/******************************************************************************
						Max Width "1300px"  Min Widh "768px"
*******************************************************************************/
@media screen and (max-width: 1300px) and (min-width: 768px) {
  .navbar-brand img {
    max-width: 150px;
  }
  .navbar .navbar-nav.navbar-right > li:last-child {
    padding-right: 0;
  }
  .navbar .navbar-nav.navbar-right > li:last-child > a {
    padding-right: 0;
  }
  .white-box-wrap .img-wrap {
    position: unset;
  }
  .white-box-wrap .img-wrap .profile {
    margin: 0 auto;
  }
  .white-box-wrap .right-wrap {
    text-align: center;
    padding-top: 10px;
    padding-left: 0;
  }
}
/******************************************************************************
  Min Width "450px"
*******************************************************************************/
@media only screen and (min-width: 450px) {
  .modal-dialog.modal-xs {
    width: 400px;
  }
  .alert-modal .modal-dialog {
    width: 360px;
  }
}
/******************************************************************************
  Max Width "450px"
*******************************************************************************/
@media only screen and (max-width: 450px) {
  .white-box-wrap .img-wrap {
    position: unset;
  }
  .white-box-wrap .img-wrap .profile {
    margin: 0 auto;
  }
  .white-box-wrap .right-wrap {
    text-align: center;
    padding-top: 10px;
    padding-left: 0;
  }
}
/******************************************************************************
  Min Width "600px"
*******************************************************************************/
@media only screen and (min-width: 600px) {
  .modal-dialog.modal-sm {
    width: 458px;
  }
}
/******************************************************************************
  Min Width "768px"
*******************************************************************************/
@media only screen and (min-width: 768px) {
  .modal-dialog.filter-sm {
    width: 600px;
  }
}
/******************************************************************************
  Max Width "768px"
*******************************************************************************/
@media only screen and (max-width: 767px) {
  /* Feed back Page */
  .service-content-detail-wrap .detail-table {
    width: 100%;
  }
  .service-content-detail-wrap .detail-table > tbody > tr > td:first-child {
    width: 50%;
  }
  .service-content-detail-wrap .detail-table.detail-table-mob {
    float: unset;
    margin-top: 20px;
  }
}
/******************************************************************************
  Min Width "991px"
*******************************************************************************/
@media only screen and (min-width: 991px) {
  .modal-dialog {
    width: 800px;
  }
  .modal-dialog.modal-md {
    width: 890px;
  }
  .modal-big .modal-dialog {
    width: 80%;
  }
  .search-form .input-group {
    min-width: 450px;
  }
}
/******************************************************************************
						Min Width "1024px"
*******************************************************************************/
@media only screen and (min-width: 1025px) {
  .modal-big .modal-dialog {
    width: 65%;
  }
}
/******************************************************************************
						Min Width "1300px"
*******************************************************************************/
@media only screen and (min-width: 1300px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
/******************************************************************************
  Max Width "1600px"
*******************************************************************************/
@media only screen and (max-width: 1600px) {
  /* Table */
  .table > thead > tr > th,
  .table > thead > tr > td {
    font-size: 12px;
    width: 1%;
  }
  .table > thead > tr > th:last-child,
  .table > thead > tr > td:last-child {
    min-width: 70px!important;
  }
  .table > thead > tr > th.action-btn,
  .table > thead > tr > td.action-btn {
    min-width: 152px!important;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th {
    font-size: 12px;
  }
  .table > tbody > tr > td:last-child,
  .table > tbody > tr > th:last-child {
    min-width: 70px!important;
  }
  .table > tbody > tr > td.action-btn,
  .table > tbody > tr > th.action-btn {
    min-width: 152px!important;
  }
  .table > tbody > tr > td .btn.icon-btn,
  .table > tbody > tr > th .btn.icon-btn,
  .table > tbody > tr > td button.icon-btn,
  .table > tbody > tr > th button.icon-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
  }
  .table > tbody > tr > td .btn.img-btn,
  .table > tbody > tr > th .btn.img-btn,
  .table > tbody > tr > td button.img-btn,
  .table > tbody > tr > th button.img-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .table > tbody > tr > td .btn.btn-sm,
  .table > tbody > tr > th .btn.btn-sm,
  .table > tbody > tr > td button.btn-sm,
  .table > tbody > tr > th button.btn-sm {
    font-size: 10px;
  }
  .table-form-type-2 > thead > tr > th.width-300,
  .table-form-type-2 > tbody > tr > th.width-300,
  .table-form-type-2 > thead > tr > td.width-300,
  .table-form-type-2 > tbody > tr > td.width-300 {
    width: 300px;
    min-width: 300px!important;
    max-width: 300px;
  }
  .table-fixed.type-2 table > thead > tr > th.width-300,
  .table-fixed.type-2 table > tbody > tr > th.width-300,
  .table-fixed.type-2 table > thead > tr > td.width-300,
  .table-fixed.type-2 table > tbody > tr > td.width-300 {
    width: 300px;
    min-width: 300px!important;
    max-width: 300px;
  }
  .profile-title {
    font-size: 24px;
    line-height: 26px;
  }
  .profile-title-sm {
    font-size: 20px;
    line-height: 22px;
  }
  .profile-subtitle {
    font-size: 18px;
    line-height: 20px;
  }
  .profile-content {
    font-size: 15px;
    line-height: 17px;
  }
  .profile-label {
    font-size: 16px;
    line-height: 18px;
  }
  .profile-value {
    font-size: 16px;
    line-height: 18px;
  }
  .profile-bottom .btn.btn-lg {
    font-size: 22px;
  }
  label#password-error.error {
    line-height: 1;
    bottom: -30px;
  }
}
/******************************************************************************
  Max Width "1469px"
*******************************************************************************/
@media only screen and (max-width: 1469px) {
  .main-wrap {
    padding: 10px 25px;
  }
  header {
    padding: 10px 25px 10px;
  }
  .content-wrap {
    margin-top: 80px;
    padding-top: 15px;
  }
  .content-wrap .page-header-inner {
    padding-bottom: 5px;
  }
  .table > thead > tr > th,
  .table > thead > tr > td {
    padding: 10px;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th {
    padding: 8px 10px;
  }
  .paginate .showing-results {
    padding: 10px 0 10px;
  }
  .profile-bottom {
    padding-top: 30px;
  }
  .profile-bottom .btn.btn-lg {
    font-size: 22px;
  }
}
/******************************************************************************
  Max Width "1411px"
*******************************************************************************/
@media only screen and (max-width: 1411px) {
  /* Page Header */
}
/******************************************************************************
  Max Width "1399px"
*******************************************************************************/
@media only screen and (max-width: 1399px) {
  /* Body */
  body {
    font-size: 14px;
  }
  /* Page Header */
  .page-header-content-left .page-header-content {
    padding: 0 15px;
  }
  /* Pagination */
  .pagination > li > a.prev,
  .pagination > li > a.next {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  /* Info Block */
  .info-block li {
    padding: 0 20px 15px;
    width: 49%;
  }
  .info-block li:first-child {
    padding-left: 20px;
    text-align: center;
  }
  .info-block li:last-child {
    text-align: center;
  }
  .stripped-form-body .table.table-stripped > thead > tr > th,
  .stripped-form-body .table.table-stripped > tbody > tr > th,
  .stripped-form-body .table.table-stripped > tfoot > tr > th,
  .stripped-form-body .table.table-stripped > thead > tr > td,
  .stripped-form-body .table.table-stripped > tbody > tr > td,
  .stripped-form-body .table.table-stripped > tfoot > tr > td {
    font-size: 13px;
  }
}
/******************************************************************************
  Min Width "1200px" and Max Width "1360px"
*******************************************************************************/
/* Mani less */
@media screen and (max-width: 1360px) and (min-width: 1200px) {
  .manual-recipts .table-form-list-control {
    min-width: 200px;
    max-width: 200px;
  }
  .manual-recipts .table-form-list-wrap .table-form-view-content {
    max-width: 200px;
    min-width: 200px;
  }
  .gatein-img-list .gatein-img-list-item {
    padding: 0 4px;
  }
}
/******************************************************************************
  Max Width "1190px"
*******************************************************************************/
@media only screen and (max-width: 1190px) {
  /* Page Header */
  .page-header-content-left .page-header-content {
    margin-bottom: 15px;
  }
  /* Pagination */
  .pagination > li > a {
    /* margin: 0 4px; */
  }
}
/******************************************************************************
  Max Width "1024px"
*******************************************************************************/
@media only screen and (max-width: 1024px) {
  .profile-list li {
    /* padding-left: 15px;
				padding-right: 15px; */
  }
  .profile-title {
    font-size: 22px;
    line-height: 24px;
  }
  .profile-title-sm {
    font-size: 18px;
    line-height: 20px;
  }
  .profile-subtitle {
    font-size: 16px;
    line-height: 18px;
  }
  .profile-subtitle.email {
    word-break: break-all;
  }
  .profile-content {
    font-size: 14px;
    line-height: 16px;
  }
  .profile-label {
    font-size: 15px;
    line-height: 17px;
  }
  .profile-value {
    font-size: 15px;
    line-height: 17px;
  }
  /* Pagination */
  .pagination > li {
    margin: 0 4px;
    margin-bottom: 4px;
  }
  .pagination > li.previous {
    padding-right: 4px;
  }
  .pagination > li.next {
    padding-left: 4px;
  }
  /* B2C Payment */
  /* Separate Page */
  .separate-page-wrap.type-3 {
    position: relative;
    background-color: #fff ;
  }
  .separate-page-wrap.type-3.bg-blue {
    background-color: #1a3885;
  }
  .separate-page-wrap.type-3 .payment-success {
    padding-top: 0;
    padding-bottom: 56px;
  }
  .separate-page-wrap.type-3 .payment-success .separate-header-wrap {
    padding: 10px 16px 6px 16px;
    background-color: #1a3885;
  }
  .separate-page-wrap.type-3 .payment-success .separate-header-wrap .separate-head-left img {
    width: auto;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap {
    background-color: #fff ;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form {
    padding: 16px 0;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form .payment-success-wrap {
    border: 0;
    padding: 0 0 28px 0;
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form .payment-success-wrap .payment-success-right img {
    width: auto !important;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form .payment-success-table-wrap .payment-success-table {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .separate-page-wrap.type-3 .payment-success .separate-footer-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0 !important;
    border-bottom: 0;
    display: block;
    background: #1a3885;
  }
  .separate-page-wrap.type-3 .payment-success .separate-footer-wrap .scan-qr-link {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    padding: 15px 15px 14px 15px;
  }
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media only screen and (max-width: 990px) {
  /* RESPONSIVE */
  .row > div[class^="col-md"] {
    margin-bottom: 0px;
  }
  .row > div[class^="col-md"]:last-child {
    margin-bottom: 0;
  }
  /* Profile */
  .profile-wrap {
    padding: 20px 15px;
  }
  .profile-list {
    display: block;
    padding: 0;
    border-bottom: 0;
  }
  .profile-list li {
    display: block;
    padding: 10px;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #bcc3cb;
  }
  .profile-list:last-child li:last-child {
    border-bottom: 0;
  }
  .profile-block {
    border-width: 0 1px;
    border-style: solid;
    border-color: #bcc3cb;
    padding: 10px 10px 10px;
  }
  .profile-title {
    font-size: 16px;
    line-height: 20px;
  }
  h4.profile-title {
    font-size: 20px;
    line-height: 24px;
  }
  .profile-label {
    font-size: 13px;
    line-height: 17px;
  }
  .profile-subtitle {
    font-size: 14px;
    line-height: 16px;
  }
  .profile-subtitle.email {
    word-break: break-all;
  }
  .profile-content {
    font-size: 13px;
  }
  .profile-bottom {
    padding: 0 15px;
  }
  .profile-bottom .btn.btn-lg,
  .profile-bottom button.btn-lg {
    font-size: 20px;
  }
  /* Select Business */
  .business-select {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 0;
  }
  /* Mani less */
  .manual-recipts {
    border-right: 0;
  }
  .manual-recipts .border-right {
    border-right: 0;
    padding-bottom: 20px;
  }
  /* Page Tab Form Tab */
  .page-tab-form-top {
    padding: 15px 15px 12px;
  }
  .page-tab-form-top::before {
    display: none;
  }
  .page-tab-form-top-left-title {
    margin-bottom: 10px;
    padding-right: 15px;
  }
  .page-tab-form-top-left-link {
    margin-bottom: 10px;
  }
  .page-tab-form-top-left-info {
    font-size: 16px;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .page-tab-form-top-right {
    float: unset;
    display: inline-block;
  }
  .page-tab-form-top-right-info {
    font-size: 16px;
  }
  /* Mani less */
  .tab-form-wrap.type-2 {
    padding-right: 15px;
  }
  .tab-form-wrap.type-2::after {
    display: none;
  }
  .tab-form-header {
    float: unset;
    padding: 15px 15px 0 15px;
  }
  .tab-form-header .tab-header .nav.nav-pills {
    padding: 0;
    font-size: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .tab-form-header .tab-header .nav.nav-pills > li {
    display: inline-block;
    border-bottom: 0;
  }
  .tab-form-header .tab-header .nav.nav-pills > li:first-child a {
    border-top-left-radius: 5px;
  }
  .tab-form-header .tab-header .nav.nav-pills > li:last-child a {
    border-top-right-radius: 5px;
  }
  .tab-form-header .tab-header .nav.nav-pills > li a {
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
  }
  .tab-form-header .tab-header .nav.nav-pills > li a::after {
    display: none;
  }
  .tab-form-wrap.type-2 .tab-form-header {
    padding: 0;
  }
  .tab-form-wrap.type-2 .tab-form-header .tab-header .nav.nav-pills > li > a {
    padding: 10px;
  }
  .tab-form-body {
    padding-left: 0;
  }
  .tab-form-wrap.type-2 .tab-form-body {
    padding-left: 0;
  }
  .tab-form-wrap.type-2 .tab-form-body .tab-pane-wrap {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  /* Tab scroller */
  .scrtabs-tab-container {
    height: 35px;
  }
  .scrtabs-tab-scroll-arrow {
    border: 0;
    width: 25px;
    height: 35px;
    padding: 4px;
    color: #fff;
    margin-bottom: 0;
    line-height: 28px;
    text-align: center;
    background-color: #313355;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
  }
  .scrtabs-tab-scroll-arrow:hover {
    color: #fff;
    background-color: #313355;
  }
  .scrtabs-tabs-fixed-container {
    height: 35px;
  }
  .scrtabs-tabs-movable-container {
    padding: 0 4px;
  }
  .scrtabs-tabs-movable-container .scroll-tabs {
    white-space: nowrap;
    margin-right: 10px !important;
  }
  .scrtabs-tabs-movable-container .scroll-tabs > li:last-child a {
    padding-right: 25px !important;
  }
  /* GIGO Service tracking System */
  .service-content-header-mob {
    padding: 8px 16px;
    background-color: #1a3885;
  }
  .service-content-header-mob .logo-img {
    display: inline-block;
  }
  .service-content-header-mob .title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
  }
  .service-content-mob .heading {
    padding: 20px 0;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: normal;
    color: #1a3885;
  }
  .service-content-mob .service-content-detail-wrap {
    padding-top: 0;
    border-bottom: 1px solid #1a3885;
  }
  .mpb-0 {
    padding-bottom: 0;
  }
  /* B2C Payment */
  /* Separate Page */
  .separate-page-wrap.type-3 {
    background-color: #fff !important;
  }
  .separate-page-wrap.type-3 .flex-row > li.flex-col-4 {
    width: 100%;
  }
  .separate-page-wrap.type-3 .separate-content-wrap {
    position: relative;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-header-wrap {
    padding: 10px 16px 6px 16px;
    background-color: #1a3885;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-header-wrap .separate-head-left {
    margin-bottom: 0;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap {
    padding: 0px 16px;
    background-color: #fff;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap .page-form {
    padding: 16px 0px 0px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap .payment-wrap {
    border-right: 0;
    margin-bottom: 16px;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap .payment-wrap.br-0 {
    margin-bottom: 0;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap .payment-wrap.br-0 .payment-table {
    border-bottom: 0;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-body-wrap .payment-wrap .payment-table {
    border-bottom: 1px solid #1a3885;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-footer-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 10px 16px;
    border-bottom: 0;
    background: #1a3885;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .separate-footer-wrap .terms {
    text-decoration: underline;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .payment-table-wrap.payment-table-wrap-web {
    display: none;
  }
  .separate-page-wrap.type-3 .separate-content-wrap .payment-table-wrap.payment-table-wrap-mobile {
    display: block;
  }
}
/******************************************************************************
						Max Width "1190px"  Min Widh "768px"
*******************************************************************************/
/******************************************************************************
						Max Width "1190px"  Min Widh "768px"
*******************************************************************************/
@media screen and (max-width: 990px) and (min-width: 768px) {
  /* View List */
  .view-data-list li {
    width: 33.3333%;
  }
  .view-data-list li:nth-child(3n+1) {
    padding-left: 0;
  }
  .view-data-list li:nth-child(3n) {
    border-right: 0;
  }
  .view-data-list li:nth-last-child(-n+3) {
    /* &:after {
							display: none;
						} */
  }
  .view-data-list li:nth-child(-n+3) {
    margin-top: 0;
  }
  /* Mani less */
  .manual-recipts .table-form-list-wrap .table-form-view-content {
    max-width: 400px;
    min-width: 400px;
  }
}
/******************************************************************************
						max Width "768"
*******************************************************************************/
@media only screen and (max-width: 768px) {
  /* Outlet Page */
  .outlet-page-wrap {
    padding: 15px;
  }
  .outlet-page-wrap.success {
    padding: 24px 24px;
  }
  .outlet-page-content-wrap {
    padding: 20px 15px 20px;
  }
  .outlet-page-content-slider .carousel-indicators li {
    width: 6px;
    height: 6px;
  }
  .outlet-page-content-slider .carousel-indicators li.active {
    height: 6px;
    width: 18px;
  }
  .outlet-page-content-slider .carousel-inner .item img {
    width: 300px;
  }
  .outlet-page-content-form-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .outlet-page-content-form-list li {
    margin-bottom: 10px;
  }
  .outlet-page-content-form-list li .common-radio-button {
    line-height: normal;
  }
  .outlet-page-content-form-list li .common-radio-button label {
    margin-bottom: 0;
  }
  .outlet-page-content-form-btn-wrap .btn,
  .outlet-page-content-form-btn-wrap button {
    font-size: 14px;
    line-height: normal;
  }
  .outlet-page-content-footer-content-title {
    line-height: normal;
  }
  .outlet-page-content-footer-content-details-item .img-caption {
    font-size: 12px;
  }
}
/******************************************************************************
						max Width "767"
*******************************************************************************/
@media only screen and (max-width: 767px) {
  /* Main Form */
  .main-wrap {
    padding: 20px 15px;
  }
  /* RESPONSIVE */
  .row > div[class^="col-sm"] {
    margin-bottom: 30px;
  }
  .row > div[class^="col-sm"]:last-child {
    margin-bottom: 0;
  }
  .content-wrap .page-main-content {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* Page Header */
  .page-header-content-left {
    float: none;
  }
  .profile .page-header-content-left {
    float: left;
  }
  .page-header-content-left .page-header-content {
    float: none;
  }
  .page-header-content-left .page-header-content.button-block {
    display: inline-block;
    vertical-align: top;
  }
  .page-header-content-left .page-header-content.title-block {
    display: inline-block;
    vertical-align: top;
  }
  .page-header-content-left .page-header-content.reset-block {
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
  }
  .page-header-content-left .page-header-content.search-block {
    display: block;
  }
  .page-header-content-left .page-header-content.search-block .search_filter label {
    width: 100%;
  }
  .page-header-content-right {
    float: none;
    text-align: left;
  }
  .profile .page-header-content-right {
    float: right;
    text-align: right;
  }
  .page-header-content-right .page-header-content {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  /* Paginate */
  .paginate .foot_info {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #bcc3cb;
  }
  .paginate .showing-results,
  .paginate .pagination-block {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #bcc3cb;
  }
  .footer-content.wide .paginate .showing-results,
  .footer-content.wide .paginate .pagination-block {
    width: 100%;
  }
  .paginate .showing-results {
    border-bottom: 0;
  }
  .pagination > li {
    margin-bottom: 10px;
  }
  .pagination > li > a {
    margin-bottom: 5px;
  }
  .pagination > li > a.prev,
  .pagination > li > a.next {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  /* Info Block */
  .info-block li {
    width: 100%;
    padding: 15px 0;
  }
  .info-block li:before {
    height: 1px;
    width: 90%;
    top: auto;
    left: 0;
    margin: 0 auto;
    bottom: 0;
  }
  .info-block li:first-child {
    text-align: center;
    padding-top: 0;
  }
  .info-block li:last-child {
    padding-bottom: 0;
    text-align: center;
  }
  /* View List */
  h4.view-list-title {
    font-size: 22px;
    line-height: 26px;
  }
  .view-list-subtitle {
    font-size: 14px;
  }
  /* Select Business */
  .business-select {
    font-size: 36px;
    line-height: 40px;
  }
  /* Card Inner */
  .card-inner .title {
    font-size: 24px;
    line-height: 26px;
  }
  .content-shadow-wrap {
    padding: 12px 10px 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px 0 rgba(82, 82, 82, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(82, 82, 82, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(82, 82, 82, 0.2);
    -o-box-shadow: 0 0 10px 0 rgba(82, 82, 82, 0.2);
    box-shadow: 0 0 10px 0 rgba(82, 82, 82, 0.2);
  }
  /* Page Tab Form Tab */
  .page-tab-form-top-left-info {
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .page-tab-form-top-left-info-link {
    margin-left: 12px;
  }
  .page-tab-form-top-left-info-link img {
    width: 20px;
    height: 20px;
  }
  .page-tab-form-top-right-info {
    font-size: 14px;
  }
  /* Separate Page */
  .separate-page-wrap.type-2 {
    padding: 20px 15px;
    background-color: #efefef;
  }
  .separate-page-wrap.type-2 .separate-content-wrap .separate-head-top .separate-head-left {
    float: none;
    text-align: center;
  }
  .separate-page-wrap.type-2 .separate-content-wrap .separate-head-top .separate-head-left img {
    margin: 0 auto;
  }
  .separate-page-wrap.type-2 .separate-content-wrap .separate-body-wrap .page-form {
    padding-bottom: 15px;
  }
  .separate-page-wrap.type-2 .separate-content-wrap .separate-body-wrap .page-form .page-form-footer {
    position: static;
    box-shadow: none;
    padding: 0;
    background: transparent;
  }
}
/******************************************************************************
						Max Width "767px"  Min Widh "568px"
*******************************************************************************/
@media screen and (max-width: 767px) and (min-width: 568px) {
  /* View Data List */
  .view-data-list li {
    width: 50%;
  }
  .view-data-list li:nth-child(2n+1) {
    padding-left: 0;
  }
  .view-data-list li:nth-child(2n) {
    border-right: 0;
  }
  .view-data-list li:nth-last-child(-n+2) {
    /* &:after {
							display: none;
						} */
  }
  .view-data-list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .image-uploadify-type-3.imageuploadify {
    margin-bottom: 35px;
  }
}
/******************************************************************************
						max Width "666"
*******************************************************************************/
@media only screen and (max-width: 666px) {
  /* Tab Block */
  .page-header .tab-block .nav > li {
    min-width: 165px;
  }
  .page-header .tab-block .nav > li > a {
    padding: 6px 15px;
  }
  /* View Data List */
  .view-bottom-list-left li {
    display: block;
    padding: 0;
    margin-bottom: 15px;
    border-right: 0;
  }
  .assign-labours-modal-wrap .modal-dialog .modal-body .title-wrap .search-wrap {
    float: unset;
    display: block;
    padding-top: 10px;
  }
}
/******************************************************************************
						max Width "649"
*******************************************************************************/
@media only screen and (max-width: 649px) {
  .margn-top-10 {
    margin-top: 10px;
  }
}
/******************************************************************************
						max Width "567"
*******************************************************************************/
@media only screen and (max-width: 567px) {
  /* Page Header */
  .page-header-content-left {
    /* display: inline-block; */
  }
  .page-header-content-left .page-header-content {
    padding: 0;
  }
  .page-header-content-left .page-header-content.button-block {
    margin-right: 15px;
  }
  .page-header-content-left .page-header-content.period-block {
    padding: 0 15px;
  }
  .page-header-content-left .page-header-content.search-block {
    /* width: calc(~"100vw - 24px"); */
  }
  .search-form .input-group {
    min-width: auto;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    min-width: auto;
  }
  /* View Data List */
  .view-data-list li {
    display: block;
    float: none;
    margin: 0 15px;
    min-height: auto;
    border-left: 1px solid #bcc3cb;
  }
  .view-data-list li::after {
    width: 110%;
    left: -15px;
    bottom: 0;
  }
  .view-data-list li:nth-last-child(-n+1) {
    /* &:after {
							display: none;
						} */
  }
  .view-data-list li:nth-last-child(-n+3) {
    /* display: none; */
  }
  .view-data-list-value {
    font-size: 15px;
  }
  .table-info-mob {
    width: 100%;
  }
  .table-info-mob > tbody > tr {
    border-bottom: 1px solid #e8e8ef;
  }
  .table-info-mob > tbody > tr > td {
    display: block;
  }
  .table-info-mob > tbody > tr > td:first-child {
    padding-top: 5px;
    padding-right: 0;
  }
  .table-info-mob > tbody > tr > td:last-child {
    padding-left: 0;
    padding-bottom: 5px;
  }
  .table-info-mob > tbody > tr:first-child > td:first-child {
    padding-top: 0px;
  }
  .table-info-mob > tbody > tr:last-child > td:first-child {
    padding-bottom: 0px;
  }
  /* Service Tracking System */
  .service-content-header.service-content-header-mob .service-content-header-left {
    float: unset;
    text-align: center;
  }
  .service-content-header.service-content-header-mob .service-content-header-left .title {
    padding-top: 5px;
  }
  .service-content-header.service-content-header-mob .service-content-header-right {
    text-align: center;
    padding-top: 15px;
  }
  .service-content-header.service-content-header-mob .service-content-header-right .logo-img {
    display: none;
  }
  /* B2C Payment */
  /* Separate Page */
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form .payment-success-table-wrap .btn-wrap-mobile .btn-md {
    padding: 8px 9px 7px 6px;
  }
  .separate-page-wrap.type-3 .payment-success .separate-body-wrap .page-form .payment-success-table-wrap .btn-wrap-mobile .btn-md + .btn {
    margin-left: 2px;
  }
  /* Outlet Page */
  .outlet-page-container {
    margin: 0;
  }
  .outlet-page-wrap {
    padding: 0;
    background-color: #ffffff;
  }
  .outlet-page-wrap.success {
    padding: 24px 24px;
    background-color: #efefef;
  }
  .outlet-page-content-wrap {
    display: block;
    padding: 0;
  }
  .outlet-page-content-wrap.success {
    display: flex;
    padding: 24px;
  }
  .outlet-page-content-logo {
    z-index: 9;
    top: 20px;
    left: 20px;
    position: fixed;
    padding-bottom: 0;
  }
  .outlet-page-content-logo .img-mobile {
    display: block;
  }
  .outlet-page-content-logo .img-desktop {
    display: none;
  }
  .outlet-page-content-slider .carousel-indicators li {
    width: 6px;
    height: 6px;
  }
  .outlet-page-content-slider .carousel-indicators li.active {
    height: 6px;
    width: 18px;
  }
  .outlet-page-content-slider .carousel-inner .item img {
    width: 100%;
  }
  .outlet-page-content-form-wrap {
    margin-top: -17px;
    position: relative;
    padding: 26px 20px 0;
    border-radius: 10px;
    background-color: #ffffff;
  }
  .outlet-page-content-form-title {
    font-size: 15px;
    line-height: normal;
    margin-bottom: 18px;
  }
  .outlet-page-content-form-list {
    padding-bottom: 26px;
  }
  .outlet-page-content-form-list li {
    margin-bottom: 18px;
  }
  .outlet-page-content-form-list li .common-radio-button {
    line-height: normal;
  }
  .outlet-page-content-form-list li .common-radio-button label {
    margin-bottom: 0;
  }
  .outlet-page-content-form-btn-wrap {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
  }
  .outlet-page-content-form-btn-wrap .btn,
  .outlet-page-content-form-btn-wrap button {
    font-size: 14px;
    line-height: normal;
  }
  .outlet-page-content-footer {
    margin-left: -20px;
    margin-right: -20px;
  }
  .outlet-page-content-footer-content-title {
    line-height: normal;
  }
  .outlet-page-content-footer-content-details-item .img-caption {
    font-size: 12px;
  }
}
/******************************************************************************
						max Width "480"
*******************************************************************************/
@media only screen and (max-width: 480px) {
  /* Select Business */
  .business-select {
    font-size: 30px;
    line-height: 34px;
  }
}
/******************************************************************************
						max Width "400"
*******************************************************************************/
@media only screen and (max-width: 400px) {
  .main-wrap.login {
    padding: 15px;
  }
}
/******************************************************************************
  Mobile Orientation Landscape
*******************************************************************************/
@media screen and (max-width: 767px) and (orientation: landscape) {
  /* Login Page */
  .match-height {
    display: table;
    width: 100%;
    vertical-align: middle;
  }
  .login-page .col-md-6 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  .login-left {
    border-right: 1px solid #bcc3cb;
  }
  .login-wrap .login-logo {
    display: none;
  }
  .login-wrap .login-header {
    display: block;
  }
  .login-wrap .login-header .title {
    font-size: 24px;
  }
  .login-wrap .login-header .title::after {
    display: none;
  }
  .login-wrap .login-header .login-description {
    display: none;
  }
  .login-wrap .login-footer {
    display: block;
    padding-top: 20px;
    position: absolute;
    top: 100%;
  }
  .login-wrap .login-footer .footer-description {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .login-wrap .form-minimal .login-footer {
    display: none;
  }
  .login-wrap .form-minimal .form-group {
    margin-bottom: 15px;
  }
  .login-wrap .form-minimal .form-login .btn-login {
    padding: 8px 15px;
    font-size: 14px;
  }
  /* Outlet Page */
  .outlet-page-wrap {
    padding: 10px 10px;
  }
  .outlet-page-wrap.success {
    padding: 0;
  }
  .outlet-page-wrap.success .outlet-page-container {
    max-width: 312px;
  }
  .outlet-page-content-wrap {
    padding: 12px 15px 12px;
  }
  .outlet-page-content-logo {
    padding-bottom: 8px;
  }
  .outlet-page-content-slider .carousel-inner .item img {
    width: 250px;
  }
  .outlet-page-content-form-title {
    font-size: 14px;
  }
  .outlet-page-content-form-list {
    padding-bottom: 0;
  }
  .outlet-page-content-form-list li:last-child {
    margin-bottom: 0;
  }
  .outlet-page-content-form-btn-wrap {
    margin-bottom: 0;
  }
  .outlet-page-content-success .img-success {
    height: 250px;
  }
}
@media screen and (max-width: 667px) and (orientation: landscape) {
  .main-wrap.login {
    padding: 14px 15px;
  }
}
/******************************************************************************
  Mobile Menu
*******************************************************************************/
@media screen and (max-width: 1024px) {
  header {
    padding: 10px 12px 10px;
  }
  .navbar-header {
    line-height: normal;
  }
  .navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;
    float: none;
  }
  .content-wrap {
    margin-top: 50px;
    padding-top: 0;
  }
}