@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.logo-login.login-client {
    padding: 0 30px;
}
.logo-login {
    height: auto;
    padding: 100px 0;
}
.logo-login.login-client {
    padding: 100px 30px;
}
.logo-login img {
    width: 180px;
}
.navbar.navbar-transparent {
    background-color: #000 !important;
}
.main-panel>.content {
    padding: 75px 20px 20px;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    width: 280px;
}
.navbar.navbar-absolute {
    background: #000 !important;
}
.budget-footer ul li {
    font-size: 15px;
    padding: 8px 14px; margin: 0 10px 6px 0;
}
.propo-img {
    width: 30%;
}
.proposal-information {
    width: 70%;
}
.chat-close {
    width: 100%;
    text-align: center;
    padding: 11px 0 0;
}
.chat-close a {
    margin: 0 19px;
}
.active-complated {
    padding: 20px 0px;
}
.active-complated a {
    width: 50%;
    float: left;
}
.review-files {
    padding: 5px 8px;
    font-size: 13px;
}
.card-boxes {
    padding: 15px;
}
.reviewupload {
    width: 35%;
}
.card-boxes.prop-reviews h6 {
    float: left;
    width: 65%;
}
.proposal-profile-active {
    width: 65%;
}
.proposal-information {
    width: 65%;
}
.chat-close-active {
    width: 35%;
}
.chat-close-active a {
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    display: inline-block;
}
.addnotes {
    margin: 5px -13px 0 0;
}
.post-jobs {
    padding-right: 15px;
}
.user-chat {
    width: 15%;
}
.proposal-information.user-name-chat {
    padding: 0 20px 0 15px;
    width: 85%;
}
.chat-boxes-user.chat-boxes-user2 .proposal-information.user-name-chat {
    padding: 0 15px 0 20px;
}
.proposal-information.user-name-chat h5 {
    font-size: 15px;
}
.proposal-information.user-name-chat p {
    font-size: 13px;
}
.proposal-information.user-name-chat h5 span {
    font-size: 13px;
}
.attach-files {
    width: 45%;
}
input.chat-boxtype {
    width: 55%;
    font-size: 14px;
}
.attach-files a {
    padding: 0 4px 0 0;
}
.attach-files a img {
    width: 15px;
}
.call-details-table tr th {
    font-size: 13px;
    padding: 8px 8px;
}
.call-details-table tr td {
    font-size: 13px;
    padding: 6px;
}
.chat-phone a {
    padding: 5px 4px;
}
.chat-phone a img {
    height: 15px;
}
.content.home-panel.call-detaisl-pd {
    padding-left: 20px;
    padding-right: 20px;
}
.table-data-table {
    padding: 0 0;
}
.transaction-history tr td:nth-child(2) {
    font-size: 13px;
}
.transaction-history tr td:nth-child(3) {
    font-size: 13px;
}
.profile-edit-section {
    grid-template-columns: repeat(auto-fill, 100%);
}
.profile-edit-box {
    padding: 20px 20px;
}
.persnal-details p {
    font-size: 15px;
}
.persnal-details h5 {
    font-size: 16px;
}
.profile-edit-box.profile-fields {
    border-top: solid 1px #ccc; border-left:none;
}
.persnal-info h5 {
    font-size: 16px;
}
.setting-box {
    font-size: 16px;
    padding: 15px 0;
}
.profile-ed-img a img {
    width: 160px;
    height: 160px;
}
.feedback-freel {
    padding: 10px 0px;
}
.feedback-freel h5 {
    font-size: 18px;
}
.feedback-pd {
    padding: 0px 20px;
}
.card-body.proposal-border-t .p-0 {
    padding: 0 15px !important;
}
.call-any-bd .menu-tabs {
    padding: 0;
}
.call-any-bd .menu-tabs a {
    width: auto !important;
    padding: 0 12px;
    float: left;
}
.call-Outgoing {
    margin: 0 0 15px;
}
.education-file a {
    top: 37px;
    right: 10px;
}
.tabs-setting a {
    font-size: 13px;
    width: 33%;
    float: left;
    padding: 3px 10px;
}
}

@media only screen and (min-device-width : 481px) and (max-device-width : 576px) {

.logo-login.login-client {
    padding: 0 30px;
}
.logo-login {
    height: auto;
    padding: 100px 0;
}
.logo-login.login-client {
    padding: 100px 30px;
}
.logo-login img {
    width: 180px;
}
.navbar.navbar-transparent {
    background-color: #000 !important;
}
.main-panel>.content {
    padding: 75px 20px 20px;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    width: 280px;
}
.navbar.navbar-absolute {
    background: #000 !important;
}
.budget-footer ul li {
    font-size: 15px;
    padding: 8px 14px; margin: 0 10px 6px 0;
}
.propo-img {
    width: 30%;
}
.proposal-information {
    width: 70%;
}
.chat-close {
    width: 100%;
    text-align: center;
    padding: 11px 0 0;
}
.chat-close a {
    margin: 0 19px;
}
.active-complated {
    padding: 20px 0px;
}
.active-complated a {
    width: 50%;
    float: left;
}
.review-files {
    padding: 5px 8px;
    font-size: 13px;
}
.card-boxes {
    padding: 15px;
}
.reviewupload {
    width: 35%;
}
.card-boxes.prop-reviews h6 {
    float: left;
    width: 65%;
}
.proposal-profile-active {
    width: 65%;
}
.proposal-information {
    width: 65%;
}
.chat-close-active {
    width: 35%;
}
.chat-close-active a {
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    display: inline-block;
}
.addnotes {
    margin: 5px -13px 0 0;
}
.post-jobs {
    padding-right: 15px;
}
.user-chat {
    width: 15%;
}
.proposal-information.user-name-chat {
    padding: 0 20px 0 15px;
    width: 85%;
}
.chat-boxes-user.chat-boxes-user2 .proposal-information.user-name-chat {
    padding: 0 15px 0 20px;
}
.proposal-information.user-name-chat h5 {
    font-size: 15px;
}
.proposal-information.user-name-chat p {
    font-size: 13px;
}
.proposal-information.user-name-chat h5 span {
    font-size: 13px;
}
.attach-files {
    width: 45%;
}
input.chat-boxtype {
    width: 55%;
    font-size: 14px;
}
.attach-files a {
    padding: 0 4px 0 0;
}
.attach-files a img {
    width: 15px;
}
.call-details-table tr th {
    font-size: 13px;
    padding: 8px 8px;
}
.call-details-table tr td {
    font-size: 13px;
    padding: 6px;
}
.chat-phone a {
    padding: 5px 4px;
}
.chat-phone a img {
    height: 15px;
}
.content.home-panel.call-detaisl-pd {
    padding-left: 20px;
    padding-right: 20px;
}
.table-data-table {
    padding: 0 0;
}
.transaction-history tr td:nth-child(2) {
    font-size: 13px;
}
.transaction-history tr td:nth-child(3) {
    font-size: 13px;
}
.profile-edit-section {
    grid-template-columns: repeat(auto-fill, 100%);
}
.profile-edit-box {
    padding: 20px 20px;
}
.persnal-details p {
    font-size: 15px;
}
.persnal-details h5 {
    font-size: 16px;
}
.profile-edit-box.profile-fields {
    border-top: solid 1px #ccc; border-left:none;
}
.persnal-info h5 {
    font-size: 16px;
}
.setting-box {
    font-size: 16px;
    padding: 15px 0;
}
.profile-ed-img a img {
    width: 160px;
    height: 160px;
}
.feedback-freel {
    padding: 10px 0px;
}
.feedback-freel h5 {
    font-size: 18px;
}
.feedback-pd {
    padding: 0px 20px;
}
.card-body.proposal-border-t .p-0 {
    padding: 0 15px !important;
}
.call-any-bd .menu-tabs {
    padding: 0;
}
.call-any-bd .menu-tabs a {
    width: auto !important;
    padding: 0 12px;
    float: left;
}
.call-Outgoing {
    margin: 0 0 15px;
}
.education-file a {
    top: 37px;
    right: 10px;
}
.tabs-setting a {
    font-size: 13px;
    width: 33%;
    float: left;
    padding: 3px 10px;
}
}

@media only screen and (min-device-width : 577px) and (max-device-width : 767px) {

.logo-login.login-client {
    padding: 0 30px;
}
.logo-login {
    height: auto;
    padding: 100px 0;
}
.logo-login.login-client {
    padding: 100px 30px;
}
.logo-login img {
    width: 180px;
}
.navbar.navbar-transparent {
    background-color: #000 !important;
}
.main-panel>.content {
    padding: 75px 20px 20px;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    width: 280px;
}
.navbar.navbar-absolute {
    background: #000 !important;
}
.budget-footer ul li {
    font-size: 15px;
    padding: 8px 14px; margin: 0 10px 6px 0;
}
.propo-img {
    width: 30%;
}
.proposal-information {
    width: 70%;
}
.chat-close {
    width: 100%;
    text-align: center;
    padding: 11px 0 0;
}
.chat-close a {
    margin: 0 19px;
}
.active-complated {
    padding: 20px 0px;
}
.active-complated a {
    width: 50%;
    float: left;
}
.review-files {
    padding: 5px 8px;
    font-size: 13px;
}
.card-boxes {
    padding: 15px;
}
.reviewupload {
    width: 35%;
}
.card-boxes.prop-reviews h6 {
    float: left;
    width: 65%;
}
.proposal-profile-active {
    width: 65%;
}
.proposal-information {
    width: 65%;
}
.chat-close-active {
    width: 35%;
}
.chat-close-active a {
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    display: inline-block;
}
.addnotes {
    margin: 5px -13px 0 0;
}
.post-jobs {
    padding-right: 15px;
}
.user-chat {
    width: 15%;
}
.proposal-information.user-name-chat {
    padding: 0 20px 0 15px;
    width: 85%;
}
.chat-boxes-user.chat-boxes-user2 .proposal-information.user-name-chat {
    padding: 0 15px 0 20px;
}
.proposal-information.user-name-chat h5 {
    font-size: 15px;
}
.proposal-information.user-name-chat p {
    font-size: 13px;
}
.proposal-information.user-name-chat h5 span {
    font-size: 13px;
}
.attach-files {
    width: 45%;
}
input.chat-boxtype {
    width: 55%;
    font-size: 14px;
}
.attach-files a {
    padding: 0 4px 0 0;
}
.attach-files a img {
    width: 15px;
}
.call-details-table tr th {
    font-size: 13px;
    padding: 8px 8px;
}
.call-details-table tr td {
    font-size: 13px;
    padding: 6px;
}
.chat-phone a {
    padding: 5px 4px;
}
.chat-phone a img {
    height: 15px;
}
.content.home-panel.call-detaisl-pd {
    padding-left: 20px;
    padding-right: 20px;
}
.table-data-table {
    padding: 0 0;
}
.transaction-history tr td:nth-child(2) {
    font-size: 13px;
}
.transaction-history tr td:nth-child(3) {
    font-size: 13px;
}
.profile-edit-section {
    grid-template-columns: repeat(auto-fill, 100%);
}
.profile-edit-box {
    padding: 20px 20px;
}
.persnal-details p {
    font-size: 15px;
}
.persnal-details h5 {
    font-size: 16px;
}
.profile-edit-box.profile-fields {
    border-top: solid 1px #ccc; border-left:none;
}
.persnal-info h5 {
    font-size: 16px;
}
.setting-box {
    font-size: 16px;
    padding: 15px 0;
}
.profile-ed-img a img {
    width: 160px;
    height: 160px;
}
.feedback-freel {
    padding: 10px 0px;
}
.feedback-freel h5 {
    font-size: 18px;
}
.feedback-pd {
    padding: 0px 20px;
}
.card-body.proposal-border-t .p-0 {
    padding: 0 15px !important;
}
.call-any-bd .menu-tabs {
    padding: 0;
}
.call-any-bd .menu-tabs a {
    width: auto !important;
    padding: 0 12px;
    float: left;
}
.call-Outgoing {
    margin: 0 0 15px;
}
.education-file a {
    top: 37px;
    right: 10px;
}
.tabs-setting a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 6px 10px;
    width: auto !important;
    float: left;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
.logo-login.login-client {
    padding: 0 30px;
}
.logo-login {
    height: auto;
    padding: 100px 0;
}
.logo-login.login-client {
    padding: 100px 30px;
}
.logo-login img {
    width: 180px;
}
.navbar.navbar-transparent {
    background-color: #000 !important;
}
.main-panel>.content {
    padding: 75px 20px 20px;
}
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    width: 280px;
}
.navbar.navbar-absolute {
    background: #000 !important;
}
.budget-footer ul li {
    font-size: 15px;
    padding: 8px 14px; margin: 0 4px 6px 0;
}
.propo-img {
    width: 30%;
}
.proposal-information {
    width: 70%;
}
.chat-close {
    width: 100%;
    text-align: center;
    padding: 11px 0 0;
}
.chat-close a {
    margin: 0 10px;
}
.active-complated {
    padding: 20px 0px;
}
.active-complated a {
    width: 50%;
    float: left;
}
.review-files {
    padding: 5px 8px;
    font-size: 13px;
}
.card-boxes {
    padding: 15px;
}
.reviewupload {
    width: 35%;
}
.card-boxes.prop-reviews h6 {
    float: left;
    width: 65%;
}
.proposal-profile-active {
    width: 65%;
}
.proposal-information {
    width: 65%;
}
.chat-close-active {
    width: 35%;
}
.chat-close-active a {
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    display: inline-block;
}
.addnotes {
    margin: 5px -13px 0 0;
}
.post-jobs {
    padding-right: 15px;
}
.user-chat {
    width: 15%;
}
.proposal-information.user-name-chat {
    padding: 0 20px 0 15px;
    width: 85%;
}
.chat-boxes-user.chat-boxes-user2 .proposal-information.user-name-chat {
    padding: 0 15px 0 20px;
}
.proposal-information.user-name-chat h5 {
    font-size: 15px;
}
.proposal-information.user-name-chat p {
    font-size: 13px;
}
.proposal-information.user-name-chat h5 span {
    font-size: 13px;
}
.attach-files {
    width: 45%;
}
input.chat-boxtype {
    width: 55%;
    font-size: 14px;
}
.attach-files a {
    padding: 0 4px 0 0;
}
.attach-files a img {
    width: 15px;
}
.call-details-table tr th {
    font-size: 13px;
    padding: 8px 8px;
}
.call-details-table tr td {
    font-size: 13px;
    padding: 6px;
}
.chat-phone a {
    padding: 5px 4px;
}
.chat-phone a img {
    height: 15px;
}
.content.home-panel.call-detaisl-pd {
    padding-left: 20px;
    padding-right: 20px;
}
.table-data-table {
    padding: 0 0;
}
.transaction-history tr td:nth-child(2) {
    font-size: 13px;
}
.transaction-history tr td:nth-child(3) {
    font-size: 13px;
}

.profile-edit-box {
    padding: 20px 20px;
}
.persnal-details p {
    font-size: 15px;
}
.persnal-details h5 {
    font-size: 16px;
}

.persnal-info h5 {
    font-size: 16px;
}
.setting-box {
    font-size: 16px;
    padding: 15px 0;
}
.profile-ed-img a img {
    width: 160px;
    height: 160px;
}
.feedback-freel {
    padding: 10px 0px;
}
.feedback-freel h5 {
    font-size: 18px;
}
.feedback-pd {
    padding: 0px 20px;
}
.card-body.proposal-border-t .p-0 {
    padding: 0 15px !important;
}
.call-any-bd .menu-tabs {
    padding: 0;
}
.call-any-bd .menu-tabs a {
    width: auto !important;
    padding: 0 12px;
    float: left;
}
.call-Outgoing {
    margin: 0 0 15px;
}
.education-file a {
    top: 37px;
    right: 10px;
}
.sidebar, .bootstrap-navbar {
    width: 280px;
    transform: translate3d(-280px, 0, 0);
}
.tabs-setting a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 6px 10px;
    width: auto !important;
    float: left;
}
}