body {
    background: #FFF
}

header#header {
    background-color: #2B7ACD !important;
    padding: 0.3rem 10px;
}
.card > .card-header {
    border-width: 1px 0;
    border-bottom: 1px solid #C2D5E3;
    background: #f2f2f2;
    height: 31px;
    display: flex;
    align-items: center;
}
span.icon.icon-circle {
    color: #BBB;
    font-size: 7px;
    vertical-align: 2px;
    margin: 0 4px 2px 0;
}

.top-ft-1 {
    color: #3C9D40;
    font-weight: bold !important;
}

.top-ft-3 {
    color: #EE1B2E;
    font-weight: bold !important;
}
.gotop {
    position: fixed;
    z-index: 30;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #2B7ACD;
    color: #ffffff;
    font-size: 20px;
    right: 15px;
    border-radius: 8px;
    /*bottom: 65px;*/
    bottom: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body {
    padding-top: 43.89px;
}

header {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10;
}
.btn-info {
    background-color: #2B7ACD;
    border-color: #2B7ACD;
}
ul.pagination.justify-content-center.flex-wrap.nrb-pagination {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
}
.input-group-addon img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dropdown.btn-group a#ordery_dropdown_menu {
    font-size: 14px;
}
.progress-bar {
    background-color: #2B7ACD;
}

.message.break-all p {
    margin: 1rem 0;
}
blockquote.blockquote img {
    display: none;
}
.message h1, .message h2, .message h3, .message h4, .message h5, .message h6, .message h7, .message h8, .message h9 {
    font-size: 1.1rem;
    border-left: 4px solid #2B7ACD;
    text-indent: 15px;
    font-weight: bold;
    padding: 2px 0px;
    margin: 8px 0px;
}

.bbs_home_page_three_col .col-md-4 {
    padding-right: 0;
    padding-left: 0;
    border-left: 1px solid #cdcdcd;
    padding-bottom: 10px;
}
.card-header_home.extend-button > i {
    margin-right: 5px;
}
.card-title.pb-1.font-weight-bold {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    cursor: pointer;
    background: #e5edf2;
    position: relative;
	font-size: 14px;
	border-bottom: 1px solid #C2D5E3;
}

button.btn.btn-sm.btn-outline-primary.mb-1 {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgb(31 73 119 / 0%);
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgb(134 142 150 / 0%);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(31 73 119 / 0%);
}

i.icon-sort-numeric-desc,i.icon-sort-numeric-asc {
    font-size: 13px;
    color: #444 !important;
}

.message img {
    border-color: transparent;
    max-width: 50%;
    width: auto;
    margin: 10px auto;
    display: block;
    height: auto;
}
.scbar {
    border-bottom: 1px solid #e9eff5;
    background: #e8eff5;
}
.scbar-group {
    width: 300px;
    padding: 0.5rem 0;
}

.card.friendlink a {
    padding: 0.3rem 0.7rem 0.3rem 0;
    display: inline-block;
}

.bbs_home_page_three_col .col-md-4:nth-child(1) {
    border-left: 0;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #2B7ACD;
    border-color: #2B7ACD;
}

.scbar-group .form-control {
    border: 1px solid #cfdee3;
}

span.text-grey.mx-2 .icon-reply {
    font-size: 10px;
}

.bbs_home_page_row_div.row.mx-0.py-1 {
    padding: 0 10px;
}
.username .avatar-1 {
    vertical-align: -5px;
}
blockquote.blockquote {
    background: #f2f2f2;
    border: 1px solid #CDCDCD;
    padding: 0.5rem !important;
    margin-bottom: 0.2rem;
}
li.quote {
    background-color: #f2f2f2;
    background-image: inherit;
}
.new-return {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}
.newb-return {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}
.modal-dialog {
    margin-top: 50%;
}

.card-header-tabs > .nav-item > .nav-link:hover:not(.active) {
    border: 1px solid rgb(222 226 230 / 0%);
}
.card-header-tabs > .nav-item > .nav-link.active {
    border-color: #C2D5E3;
    border-bottom-color: #ffffff;
}

.card.friendlink span {
    margin-left: auto;
}

.card.friendlink span a {
    color: #2B7ACD;
}

.card {
    background: #ffffff;
    box-shadow: initial;
    border: 1px solid #CDCDCD;
    border-radius: 0;
}

i.icon-database {
    height: 12.5px;
    display: inline-block;
    overflow: hidden;
    vertical-align: 1px;
    font-size: 12px;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #F2F2F2;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.btn-primary {
    background-color: #2B7ACD;
    border-color: #2B7ACD;
}

.breadcrumb {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
    padding: 10px 0;
    margin-bottom: 0;
    box-shadow: 1px 1px 2px rgb(255 255 255 / 25%);
    font-size: 12px;
}
.scbar-group .input-group-append {
    margin-left: 10px;
}
.scbar-group .input-group > .form-control:not(:last-child) {
    border-radius: 4px;
}
.scbar-group .input-group > .input-group-append > .btn {
    border-radius: 4px;
}

.page-link:focus {
    box-shadow: initial;
}

.thread, .post {
    border-bottom: 1px solid #C2D5E3;
	    padding: 0.7rem 5px;
}

.page-item.active .page-link {
    color: #333;
    background-color: #E5EDF2;
    border-color: #E5EDF2;
    border: 1px solid #C2D5E3;
}

.page-link {
    color: #333;
    background-color: #fff;
    border: 1px solid #C2D5E3;
}

li.page-item {
    margin-left: 4px;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

a {
color: #333;

}
.bbs_home_page_contant_div {
    width: 100%;
}

span.btn-group {display: inline-flex;flex-direction: column;}
span.haya-favorite-btn {display: none;}
span.haya-post-like-thread-btn {display: none;}
button.btn.btn-outline-secondary.js-haya-favorite-tip {
border-radius: 100px!important;border-color: #CDCDCD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-tip {border-radius: 100px!important;border-color: #CDCDCD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-favorite-add {border-radius: 100px !important;border-color: #CDCDCD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-del {border-radius: 100px!important;border-color: #2B7ACD;color: #2B7ACD;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-add {border-radius: 100px!important;border-color: #CDCDCD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-favorite-del {border-radius: 100px!important;border-color: #2B7ACD;color: #2B7ACD;width: 40px;height: 40px;font-size: 1.3rem;}
.btn-outline-secondary:hover {background-color: #f8f8f8;}
.haya-favoriter.px-1 {padding: 0 1rem !important;}
.haya-post-like.px-1 {padding: 0 1rem !important;}
.btn-group .btn-outline-secondary:last-child {border-color: rgb(134 142 150 / 0%);padding: 0.2rem 0.4rem;color: #555;font-size: 0.9rem;}
.btn-group .btn-outline-secondary:last-child:hover {color: #333;background-color: rgb(134 142 150 / 0%);border-color: rgb(134 142 150 / 0%);}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {color: #868e96;background-color: rgb(134 142 150 / 0%);border-color: rgb(134 142 150 / 0%);}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0);	}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow: 0 0 0 0.2rem rgb(134 142 150 / 0%);}


.message img {
    margin-bottom: 0;
    border-color: #CDCDCD!important;
}

.btn.btn-secondary.xn-back.d-return {
    box-shadow: inherit;
    margin: 0 0 0 auto;
}
.btn.btn-secondary.xn-back.db-return {
    box-shadow: inherit;
    margin: 0 0 0 auto;
}
ul.pagination.justify-content-center.flex-wrap.nr-pagination {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: initial;
}

a:hover {
    color: #333;
}

.subject.break-all a {
    font-weight: 400;
    font-size: 14px;
}
.card.pa-sm b {
    color: #F26C4F;
	    font-weight: bold;
}
i.icon-bar-chart.icon {
    background-color: #2B7ACD !important;
    color: #fff;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 4px;
    padding: 0 3px;
    border-radius: 2px;
}

.home_count {
    color: #999;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.home_count b {
    color: #444;
}
.text-small-forum.text-muted {
    color: #666 !important;
    font-size: 12px;
}

.text-small-forum span.text-grey {
    color: #666 !important;
    font-size: 12px;
}
.text-small-forum a {
    color: #666 !important;
    font-size: 12px;
}

.text-small-forum .avatar-1 {
    vertical-align: -3px;
    width: 1rem;
    height: 1rem;
}

.pipe {
    color: #CCC;
}

.text-grey, .text-gray {
    color: #999 !important;
}
.page-link:hover {
    background-color: #fff;
    border-color: #369;
    color: #369;
}

h4.break-all {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
span.hidden-lg {
    display: none;
}
ul.attachlist {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    list-style: none;
}
.logo-4 {
    border-radius: 5px;
}
.list-group-item {
    padding: 0.5rem 1.25rem;
}

.message.break-all {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
}

.text-muted {
    color: #999 !important;
}

hr {
    border-top: 1px solid #CDCDCD;
	    margin-top: 10px;
    margin-bottom: 10px;
}

.card-body {
    padding: 10px;
}

.card.card-threadlist .card-body {
    padding: 0 10px;
}

.card-header-tabs > .nav-item > .nav-link.active {
    border-color: rgb(194 213 227 / 0%);
    border-bottom-color: rgb(255 255 255 / 0%);
    background-image: initial;
    color: #444;
    font-weight: bold;
}

.nav-link {
    color: #2B7ACD;
}

.card-header {
    padding: 0 10px;
}

.card.friendlink {
    margin-bottom: 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: rgb(255 255 255 / 0%);
    border-color: #dee2e6 #dee2e6 #fff;
}

.card-header .nav-link.active {
    padding: 0;
}

.card-header-tabs {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-bottom: 0;
}

.card.card-thread .card-body {
    padding: 10px;
}
.page-link {
    padding: 0 8px;
    line-height: 26px;
}

ul.pagination.justify-content-center.flex-wrap {
    float: right;
}

.fieldset {
    border: 1px solid rgb(194 213 227 / 0%);
    border-radius: 0;
    background-color: rgb(255 255 255);
    padding: 10px 0;
    margin: 10px 0;
}
.fieldset > legend {
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0;
    color: #fff;
    background: #2B7ACD;
}

.text-left.line-height-2 {
    margin-bottom: 0.5rem;
}


li.media.post-1.line-height-2 {
    border-bottom: 1px solid #C2D5E3;
    padding: 5px 0px;
}
ul.list-unstyled.postlist {
    margin-bottom: 0;
}
.thread:hover {
    background-color: #f2f2f2;
}

li.media.post-1.line-height-2:last-child  {
    border-bottom: 0 dashed;
}



.input-group-text {
    padding: 5px 10px;
	    background-color: #E8EFF5;
    border: #E8EFF5;
	border: 1px solid #C2D5E3;
}



.card-body.py-3 {
    padding: 0 10px !important;
}

a.btn.btn-secondary.btn-block.xn-back.col-lg-6.mx-auto.mb-3 {
    display: none;
}

footer#footer {
    border-top: 1px solid #CDCDCD;
    background-color: #ffffff !important;
    color: #666 !important;
}

ul.nav.nav-tabs.card-header-tabs .nav-link {
    padding: 0 5px;
}
h3.card-title-love {
    margin-top: 1.5rem;
}
ul.text-love {
    padding-inline-start: 12px;
    color: #2B7ACD;
    font-size: 13px;
}
ul.text-love li {
    margin: 5px 0px;
}
.list-group-item.active {
    background-color: #2B7ACD;
    border-color: #2B7ACD;
}

.btn-primary:hover {
    color: #fff;
    background-color: #308def;
    border-color: #308def;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #308def;
    border-color:#308def;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: inherit;
}
.breadcrumb .breadcrumb-item a {
    color: #333;
}

.breadcrumb-item .icon-home {
    color: #2B7ACD;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #999;
	content: "›";
}

.top-3 {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: #EE1B2E;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    border-radius: 50px;
	vertical-align: 2px;
}
.top-1 {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: #3C9D40;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    border-radius: 50px;
	vertical-align: 2px;
}

textarea#message {
    border: 1px solid #CDCDCD;
    border-radius: 0;
}
.form-control {
    border-radius: 4px;
}
.custom-select {
    border-radius: 4px;
}

.card-header {
    font-weight: bold;
}

.navbar-expand-lg .navbar-collapse {
        font-weight: 700;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: orange;
}

li.nav-item.home i.icon-home {
    color: #ffffff;
}

ul.nav.nav-tabs.card-header-tabs .nav-link {
    font-weight: bold;
}

.input-group-text {
    border-radius: 0;
}
.text-right.text-small.pt-1.card-header-dropdown {
    padding-top: 0 !important;
}


.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler {
    color: rgb(255 255 255 / 50%);
    border-color: rgb(255 255 255 / 0%);
    outline: 0;
}


.custom-file-label {
    border-radius: 4px;
}

.custom-file-label::after {
    background-color: #E8EFF5;
    border-left: 1px solid #C2D5E3;
    border-radius:0;
}
a.text-muted.text-nowrap {
    color: #369 !important;
	    margin-right: 7px;
}

.progress {
    background-color: #E8EFF5;
    border-radius: 0.25rem;
}


.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #2B7ACD;
    border-color: #2B7ACD;
}

.btn-secondary {
    color: #fff;
    background-color: #3f9dff;
    border-color: #3f9dff;
}
.card-body.text-center h5 {
    font-size: 14px;
}

.text-left.line-height-2 {
    font-size: 12px;
}

a.btn.btn-primary.btn-block.mb-3 {
    padding: 3px 0;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: inherit;
}


.navbar-toggler-icon {
    width: 1.3em;
    height: 1.3em;
}



.btn {
    line-height: 1.5;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 400;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;

}
.logo-2 {
    height: 1.8rem;
    vertical-align: top;
}

.avatar-5 {
    width: 4rem;
    height: 4rem;
    border-radius: 6rem;
}
.m-3.text-center h5 {
    font-size: 14px;
    line-height: 1.9;
}
.media-body.small {
    font-size: 13px;
}
.dropdown-menu.dropdown-menu-right.show {
    padding: 4px;
    border: 1px solid;
    min-width: 60px;
    border-color: #DDD;
    background: #FEFEFE;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    font-size: 13px;
}

ul.pagination.justify-content-center.flex-wrap {
    margin-top: 1rem;
}


.card.px-0 {
    width: 100%;
}

.col-md-6.cate.px-0 {
    display: flex;
	padding-right: 10px !important;
    border-top: 1px dashed #CDCDCD;
    padding-bottom: 10px;
    padding-top: 10px;
    align-items: center;
}


.card.px-0 .col-md-6.cate.px-0:nth-child(1),.card.px-0 .col-md-6.cate.px-0:nth-child(2) {

    border-top: 0px dashed;
}


img.forum_icon {
    width: 50px;
    height: 50px;
    border-radius: 3rem;
}
.logo-5 {
    height: 5rem;
    border-radius: 5rem;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #95bfdd;
    box-shadow: inherit;
}

.card-header_home {
    display: flex;
    color: #369;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    border-width: 1px 0;
    background: #E5EDF2;
    border-bottom: 1px solid #C2D5E3;
    align-items: center;
}
.card-header_home span {
    margin-left: auto;
}
i#changeButton {
    color: #cfcfcf;
}
#changeButton:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 31px;
}

.col-md-6.cate.px-0 .font-weight-bold {
    color: #333;
}
.mt-2.text-small {
    color: #444;
    margin-top: 0 !important;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.mt-2.text-small.text-info {
    color: #444 !important;
}



@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

	
@media (min-width: 992px) {


.col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
}
.col-lg-3 {
        flex: 0 0 28%;
        max-width: 28%;
}


.col-lg-2 {
        flex: 0 0 23%;
        max-width: 23%;
    }



.col-lg-10 {
        flex: 0 0 77%;
        max-width: 77%;
}

.alert.alert-warning {
    width: 600px;
}

.alert.alert-success {
    width: 600px;
}

}

@media (max-width: 992px) {

div#nav {
    padding: 1rem;
    border-radius: 0.25rem;
}
.navbar-collapse.collapsing {
    position: fixed;
    display: block;
    left: 7.5px;
    z-index: 999;
    top: 45px;
    width: 150px;
    background-color: #343a40;
    border: 1px solid rgb(0 0 0 / 1%);
    box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
    transition: height 0.35s ease;}

.navbar-collapse.collapse.show {
    position: fixed;
    display: block;
    left: 7.5px;
    z-index: 999;
    top: 45px;
    width: 150px;
    background-color: #343a40;
    border: 1px solid rgb(0 0 0 / 1%);
    box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
    transition: height 0.35s ease;
}


#nav > ul:first-child > li:not(:first-child) {
   padding-left: 0;
}
body {
    padding-top: 40.14px;
}

}
@media (max-width: 768px) {
.newb-return {
    justify-content: center;
    align-items: center;
}
a.btn.btn-primary.db-new {
    display: none;
}
a.btn.btn-secondary.xn-back.db-return {
    display: none;
}
.card.px-0 .col-md-6.cate.px-0:nth-child(2) {
    border-top: 1px dashed #CDCDCD;
}
ul.pagination.justify-content-center.flex-wrap {
    float: initial;
}
li.page-item {
    margin-bottom: 4px;
}
.message img {
    max-width: 100%;
}
.bbs_home_page_three_col.row.mx-0.mb-3.border.text-small.border-shadow {
    border: 0px solid #dee2e6 !important;
}
.bbs_home_page_three_col .col-md-4 {
    border: 1px solid #dee2e6;
}

.bbs_home_page_three_col .col-md-4:nth-child(1) {
    border-left: 1px solid #dee2e6;
}

.bbs_home_page_three_col .col-md-4:nth-child(2) {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.bbs_home_page_three_col .col-md-4:nth-child(3) {

}

.scbar-group {
    width: 260px;
}
.scbar .container {
    padding-right: 10px;
    padding-left: 10px;
}

.bbs_home_page_contant_div.mx-0 .col-lg-9 {
    padding-right: 0;
    padding-left: 0;
}
ul.pagination.justify-content-center.flex-wrap.nr-pagination {
    display: none;
}

}

@media (max-width: 576px) {
.breadcrumb .breadcrumb-item a {
    max-width: 200px;
}

.d-flex.justify-content-between.small.mt-1 span.text-grey.mx-2 {
    margin-left: 0 !important;
}
.card.px-0 {
padding: 0!important;
}
.breadcrumb {
    margin-bottom: 0.5rem;
	padding: 0;
}

.row.bbs_home_page_contant_div.mx-0 {
padding: 0 10px!important;
}
#body > .container > .row > div {
padding: 10px;
}
header#header {
    background-color: #2B7ACD !important;
    padding: 0.3rem 0;
}



}

@media (min-width: 576px) {
.modal-dialog {
margin-top: 15%;
}
}