@media (max-width: 1600px) {
.color-chart-main .mr-50 {
    margin-right: 45px;
}
}

@media (max-width: 1500px) {
    .upload-doc-img {
        width: 45px;
        height: 45px;
        line-height: 40px;
    }
    .upload-doc-img img, .upload-doc-img img.link-icon {
        width: 22px;
    }

    .three-column-listing-block .upload-doc-img {
        margin-right: 15px;
    }
    .three-column-right span {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 1440px) {
.color-chart-main .mr-50 {
    margin-right: 39px;
}
}

@media (max-width: 1366px) {

    .color-chart-main .mr-50 {
    margin-right: 36px;
}

    .bullentin-question {
        float: left;
        font-size: 22px;
        line-height: 28px;
    }
    .avtarimg {
        float: left;
        width: 60px;
        height: 60px;
    }
    .bulletin-view .avtarimg .username-letter {
        font-size: 25px;
        line-height: 42px;
    }

    .single-listing-text {
        width: 52%;
        font-size: 16px;
        margin-top: 5px;
        line-height: 20px;
    }


}

@media (max-width: 1280px) {
.color-chart-main .mr-50 {
    margin-right: 33px;
}

#quiz_add_update .col-3 {
    max-width: 100%;
    margin-bottom: 5px;
}

#quiz_add_update .col-9 {
    max-width: 100%;
   
}
#quiz_add_update .col-3.paddingleft0 {
    width: auto;
}
#quiz_add_update .col-3.paddingleft0 .button-box {
    margin-right: 0;
}
#quiz_add_update .col-3.paddingleft0 .button-box .mr-17.pb-2.float-l {
    margin-right: 0;
}

}

@media (max-width: 1100px) {

    img.menubar {
        width: 30px;
    }
    a.navbar-brand img {
        height: 20px;
        margin: 5px 0 0 55px;
    }
    .username-letter {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 38px;
    }
    .dropdown-user-right {
        margin: 5px 0 0 15px;
    }
    #menu-toggle-2 {
        width: 35px;
        height: 35px;
    }
    .sidebar-nav li a {
        font-size: 14px;
    }
    span.spm-nav-menu {
        font-size: 18px;
        margin: 15px 8px 0 10px;
        float: left;
    }
    .sidebar-nav li {
        line-height: 45px;
    }
    .sidebar-nav li .fa.fa-angle-down {
        font-size: 25px;
        margin: 8px 50px 0 0;
    }
    #wrapper {
        margin-top: 65px;
    }
    #wrapper.toggled-2 {
        padding-left:520px;
        margin-top: 67px;
    }
    .sidebar-nav {
        position: absolute;
        top: 0;
        width: 270px;
    }
    .admin-page-content {
        padding: 20px 30px;
    }

    .admin-content-area .page-name {
        font-size: 25px;
    }
    .internal-container .pageFilters {
        justify-content: flex-start;
    }
    .pageFilters > .row {
        justify-content: flex-start;
    }
    .input-field-si {
        float: right;
        width: 70%;
    }
    .sortByField label {
        float: left;
        padding: 7px 5px 0 0;
        width: 30%;
    }
    .sortByField {
        flex: 0.35%;
        width: 35%;
    }
    .v-select.single .selected-tag {
        font-size: 14px;
    }
    .form-control {
        font-size: 14px;
    }
    .customTab .btn.pull-left.btn-primary {
        font-size: 14px;
    }
    .customTab .btn.btn-outline-primary {

        font-size: 14px;
        padding: 8px 12px;
    }
    .bulletin-board-listing {
        padding: 20px 40px 20px 25px;
    }
    .bullentin-question {
        font-size: 18px;
        line-height: 24px;
    }
    .bullentin-question {
        float: left;
        width: 85%;
    }
    .avtarimg {
        float: left;
        width: 60px;
        height: 60px;
    }
    .bulletin-view .avtarimg .username-letter {
        font-size: 25px;
        line-height: 42px;
    }
    .bulletin-view-details {
        float: left;
        width: 85%;
    }

    .internal-listing-container {
        padding: 30px 25px;
    }
    .upload-doc-img img.link-icon {
        width: 20px;
    }
    .upload-doc-img {
        margin-right: 15px;
    }
    .single-listing-text {
        width: 45%;
        font-size: 15px;
        margin-top: 5px;
        line-height: 18px;
        padding-right: 20px;
    }
    .listing-user-info {
        float: right;
        width: 25%;
        margin-top: 10px;
    }
    .three-column-listing-block {
        padding: 15px 0 15px 15px;
    }
    .upload-doc-img {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }
    .three-column-right-container {
        padding-right: 10px;
    }
    .swal2-popup .swal2-title {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .swal2-popup #swal2-content {
        text-align: center;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .swal2-popup .swal2-styled {
        padding: 8px 15px !important;
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    /* .swal2-icon {
        width: 3em !important;
        height: 3em !important;
        line-height: 3em !important;
        margin: 15px auto 15px !important;
    } */
    .swal2-icon-text {
        font-size: 2.50em !important;
    }

}


@media (max-width: 1024px) {
.app-sidebar-right .fa-stack {
    line-height: 45px;
}
}

@media (max-width: 1000px) {
    /*#sidebar-wrapper {
        width: 267px;
    }*/
    #wrapper.toggled-2 {
        padding-left:510px;
        margin-top: 67px;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 270px;
    }
}

@media (max-width: 767px) {
    #wrapper.toggled-2 {
        padding-left: 280px;
    }
    .image-arrows  button.themebutton {
        margin-top: 0;
    }

    .swal2-popup .swal2-title {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .swal2-popup #swal2-content {
        text-align: center;
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .swal2-popup .swal2-styled {
        padding: 8px 15px !important;
        font-size: 15px !important;
        line-height: 18px !important;
    }
    .swal2-popup .swal2-styled.swal2-cancel {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    /* .swal2-icon {
        width: 2em !important;
        height: 2em !important;
        line-height: 2em !important;
        margin: 10px auto 10px !important;
    } */
    .swal2-icon-text {
        font-size: 1.75em !important;
    }
    .themebutton {
        font-size: 14px;
    }
    .pageFilters > .row {
        float: left;
        width: auto;
    }
    .customTab .btn.pull-left.btn-primary {
        font-size: 14px;
        line-height: 18px;
    }
    .customTab .btn.btn-outline-primary {
        font-size: 14px;
        line-height: 20px;
    }
    .page-title-container {
        margin: 0 0 10px 0;
    }
    #discussionSearch, #attachmentSearch, #savetheDateSearch {
        font-size: 14px;
        line-height: 18px;
    }
    .v-select.single .selected-tag {
        font-size: 14px;
        line-height: 18px;
    }
    .v-select li {
        font-size: 14px;
        line-height: 18px;
    }
    .bulletin-board-listing {
        padding: 15px 15px;
    }
    .useravtarname {
        font-size: 16px;
        line-height: 20px;
    }
    .bullentintext {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 20px;
    }
    .bulletin-view-details {
        float: right;
        width: 78%;
        margin-left: 20px;
    }
    .bullentintext h5 {
        margin: 15px 0px 0px 0px;
        font-size: 16px;
        line-height: 20px;
    }
    .attachmentContainer {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .pagination-container {
        margin: 0 0 0 0;
    }
    .admin-footer {
        margin-top: 40px;
    }
    .pagination .page-item {
        font-size: 14px;
        line-height: 18px;
    }
    .sidebar-nav li a {
        font-size: 14px;
    }
    span.spm-nav-menu {
        font-size: 18px;
        margin: 15px 8px 0 10px;
        float: left;
    }
    .sidebar-nav li {
        line-height: 45px;
    }
    .sidebar-nav li .fa.fa-angle-down {
        font-size: 25px;
        margin: 8px 30px 0 0;
    }
    .pageFilters img {
        height: 18px;
    }
    .sortByField label {
        float: left;
        padding: 7px 10px 0 0;
        font-size: 14px;
        line-height: 18px;
    }

    .internal-container .pageFilters {
        margin-bottom: 20px;
    }
    .upload-doc-img {
        width: 50px;
        height: 50px;
        line-height: 45px;
        margin-right: 18px;
        float: left;
    }
    .upload-doc-img img.link-icon {
        width: 25px;
    }
    .single-listing-text{ width: 73%;
                          padding-right: 15px;
                          margin-top: 0px; 
    }
    .download {
        float: left;
        margin: 10px 0 0 0;
    }
    .three-column-right {
        float: left;
        width: 73%;
        padding-right: 10px;
    }
    .three-column-right span {
        margin-bottom: 2px;
    }
    .sales-programs-menu {
        margin-top: 0;
        margin-bottom: 15px;
        height: 110px;
    }
    .bullentin-questin-answer .questions {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 24px;
    }
    .bullentin-questin-answer .questions span {
        font-size: 14px;
        line-height: 18px;
    }
    .bullentin-questin-answer {
        margin-bottom: 0;
    }
    .forms-container {
        padding: 15px;
    }
    .common-form-field .form-title {
        float: left;
        margin-bottom: 5px;
    }
    .common-form-field {
        float: left;
        width: 100%;
        margin: 8px 0;
    }
    .requiredstar { 
        right: -9px;
        top: -8px;
    }
    .dropzone.dz-clickable {
        margin-bottom: 10px;
        margin-top: 5px;
    }
    button.themebutton {
        font-size: 12px;
        padding: 7px 18px;
        /* float: left; */
        margin-top: 13px;
        line-height: 14px;
    }
    .forms-container .form-label {
        padding: 0;
    }

    .forms-container .form-control {
        font-size: 14px;
    }
    .bullentin-questin-answer .answers {
        font-size: 14px;
        line-height: 18px;
    }
    .gallery_modal #modal1 .modal-body, #modal2 .modal-body {
        padding: 15px 15px 0 15px;
    }
    .gallery_modal .customIconModelFooter {
        margin-bottom: 15px;
    }
    .themebutton:hover span {
        padding-right: 0;
    }
    .themebutton span:after {
        display: none;
        transition: 0;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .customTab {
        flex: 0.45% !important;
        max-width: 45% !important;
    }
    .serch-discussion-tab {
        flex: 0.75 !important;
        max-width: 40% !important;
    }

}


/*@media (min-width: 1024px) {
#sidebar-wrapper {
    width: 300px;
}
}*/

@media (max-width: 667px) {

    #quiz_add_update .col-3.paddingleft0 .button-box .mr-17.pb-2.float-l {
    margin-right: 17px;
}

    #list-quiz .fa-file-o::before {
    content: "Q";
    font-weight: bold;
    font-size: 16px;
}


.app-sidebar-right .fa-stack {
    line-height: 45px;
}


    .isRequiredBlock .custom-control.custom-checkbox {
    margin: 0;
}

    .QuizButton .btn.btn-primary.btn-lg {
    
    font-size: 14px;
    
    padding: 8px 15px;
    
}

    .admin-content-area .page-header-top-container .page-name.quiz-page-name {
   
    font-family: 'SanFranciscoDisplay-Medium';
}

table.vgt-table td { font-size: 14px !important; }
.vgt-table thead th { font-size: 15px !important; }
.form-label {
    font-size: 15px;
}

    .page-header-top-container button {
    
    font-size: 14px;
    margin: 0 0 0 5px;
    padding: 6px 20px;
    
}

.dropzone-custom-content .dropzone-custom-title {
    font-size: 14px;
}

    #quiz_add_update .col-6.forms-block {
    max-width: 100%;
    margin-bottom: 20px;
    }

    #quiz_add_update .col-3 {
    max-width: 100%;
    margin-bottom: 5px;
}

#quiz_add_update .col-9 {
    max-width: 100%;
   
}

#question_add_update .col-2 {
    max-width: 100%;
    margin-bottom: 5px;
}

#question_add_update .col-10 {
    max-width: 100%;
   
}

#question_add_update .EnterAnswerBlock .col-2 {
    max-width: 80%;
    text-align: left;
}

#question_add_update .EnterAnswerBlock .col-1 {
    max-width: 20%;
    float: right;
    text-align: right;
}


#question_add_update .EnterAnswerBlock .col-9 {
    max-width: 100%;
}


    .vgt-wrap__footer.vgt-clearfix{ width: 100%; }

    .footer__row-count.vgt-pull-left {
   
    text-align: center;
    width: 100%;
     margin-bottom: 10px; 
}
.vgt-wrap__footer .footer__navigation {
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.vgt-responsive button {
     padding: 0.275rem 0.25rem !important;
}
.SelectQuizBlock .col-5 {
    float: left;
    width: 100%;
    max-width: 100%;
}
.col-12.forms-block.SelectQuizBlock {
    padding: 0;
    margin-bottom: 25px;
    float: left;
}
.card-body.card-body-padding-none .forms-container {
    padding: 25px 10px;
}
.QuizLeft {
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}
.card-body.card-body-padding-none .forms-container .forms-block {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.custom-control-label{ font-size: 14px; }
.vgt-wrap {
    position: relative;
    float: left;
    width: 100%;
}
.col-6.CustomFlaotLeft {
    float: left;
    padding: 0;
    max-width: 100%;
}
.col-3.paddingleft0.QuestionCount {
    max-width: 100%;
    margin: 10px 0 0 0;
}

    .notification{ display: none; }

    .loginlogo img {
        width: 180px;
        filter: brightness(0) invert(1);
    }
    .loginform {
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .customIconModelFooter {
        margin-bottom: 20px;
    }
    .image-arrows button.themebutton {
        font-size: 12px;
        padding: 2px 15px;
    }

    .image-arrows button i {
        font-size: 20px;
        line-height: 25px;
    }

    .forms-container .form-label {
        font-size: 14px;
    }

    .form-control {
        font-size: 14px;
        line-height: 18px;
    }

    .three-column-right-container {
        padding-bottom: 15px;
    }

    .user-info-container .dropdown-menu {
        min-width: 120px;
        margin-top: 10px;
        left: -82px;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1rem;
    }
    /*.dropdown-menu{ left: -125px !important;  }*/
    .admin-page-content{ padding: 15px 15px 0 15px; }
    .col-12{ padding: 0; }
    .paddingleft0{ padding-left: 0 !important; padding-right: 0 !important; }
    .admin-footer{ padding: 20px 15px; text-align: center; }
    .dropdown-user-right{ display: none; }
    .app-sidebar-nav .user-info {
        float: right;
        width: auto;
        position: absolute;
        right: 15px;
        top: 11px;
    }
    a.navbar-brand img {
        height: 20px;
        margin: 17px 0 0 0;
        float: left;
    }
    .username-letter {
        float: left;
        width: 36px;
        height: 36px;
        border-radius: 100px;
        background: #ffbb44;
        color: #fff;
        font-size: 16px;
        font-family: 'SanFranciscoDisplayBold';
        line-height: 36px;
    }
    .app-sidebar-nav .navbar-brand {
        display: block;
        float: left;
    }
    .user-location {
        position: absolute;
        right: 60px;
        color: #098de1;
        top: 18px;
    }
    #menu-toggle-2 {
        border: none;
        margin: 0;
        padding: 0;
        border-radius: 200px;
        width: 42px;
        height: auto;
        background: transparent;
        cursor: pointer;
    }
    img.menubar {
        width: 30px;
        margin: 8px 0 0 0;
    }
    .user-location-name{ font-size: 14px; }
    .navbar.navbar-default.no-margin.app-sidebar-nav{ height: 60px; padding: 0; }
    #sidebar-wrapper{ margin-top: -18px; }
    #menu-toggle {
        border: none;
        background: transparent;
        background-image: url(/static/images/menubar.png);
        background-size: 100%;
        width: 25px;
        height: 46px;
        background-repeat: no-repeat;
        margin: 20px 0 0 21px;
        float: left;
    }
    img.menubar {
        width: 30px;
        margin: 8px 0 0 0;
        display: none;
    }
    .xyz {
        min-width: 320px;
    }

    .edit-menu-container {
        float: left;
        width: 100%;
        margin-right: 0;
    }
    .admin-content-area .page-name{ font-size: 20px; line-height: 24px; width: 100%; margin-bottom: 10px;}
    .themebutton , .cancelbutton{padding: 6px 15px;}
    .themebutton span::after{ top: -6px;  font-size: 20px;}
    .page-type-container a{ font-size: 14px; }
    .edit-menu-container.sales-programs-container .page-name {font-size: 20px;}
    .edit-menu-details input{ font-size: 14px; }
    .bulletin-board-listing{ padding: 15px; }
    .bullentin-question{ width: 90%; font-size: 16px; line-height: 20px;}
    .bulletin-board-listing .navbar.navbar-light.navbar-expand{ right: 0; }
    .avtarimg {
        float: left;
        width: 40px;
        height: 40px;
    }
    .bulletin-view .avtarimg .username-letter {
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 0.1em;
        font-size: 1em;
    }

    .bulletin-view-details {
        float: right;
        width: 78%;
        margin-left: 20px;
    }
    .bulletin-view {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    #discussionSearch , #attachmentSearch , #savetheDateSearch{
        margin: 10px 0;
    }
    .pagebanner img {
        float: left;
        width: 100%;
        height: auto;
        object-fit: contain;
        /* height: 200px;
        object-fit: cover; */
        border-radius: 5px;
    }
    .pagebanner {
        float: left;
        width: 100%;
        height: auto;
        /* height: 200px; */
        position: relative;
        margin-bottom: 20px;
    }
    .internal-listing-container{ padding: 15px 15px; }
    .upload-doc-img img.link-icon {
        width: 25px;
    }
    .upload-doc-img {
        width: 50px;
        height: 50px;
        line-height: 45px;
        margin-right: 18px;
        float: left;
    }
    .three-column-listing-block {
        float: left;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #d3dee3;
        padding: 15px;
        margin: 0 0 20px 0;
        position: relative;
    }
    .three-column-listing-block .navbar.navbar-light.navbar-expand {
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 0;
        margin: 0;
    }
    .listing-user-info {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 18px;
    }
    .download {
        float: left;
        margin: 10px 0 0 0;
    }
    .single-listing-text{width: 73%;
                         padding-right: 15px;
                         margin-top: 0px;  }

    .std-listing{ padding: 20px; position: relative; }
    .dateview strong {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        line-height: 50px;
        font-size: 22px;
        color: #fff;
        font-family: SanFranciscoDisplayBold;
        background: #a6c888;
        float: left;
        text-align: center;
    }
    .dateview {
        width: 50px;
        float: left;
        margin-right: 15px;
        font-size: 14px;
        color: #444444;
        text-align: center;
    }
    #savethedateDate .listing-user-info {
        position: absolute;
        float: left;
        width: auto;
        display: block;
        right: 10px;
        top: 0;
    }
    .std-que-ans-container {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }
    .std-info {
        float: left;
        width: 75%;
    }
    .question {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #444444;
        font-family: 'SanFranciscoDisplayMedium';
        line-height: 22px;
        margin-bottom: 15px;
    }
    .answers {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #666666;
    }
    .download-attachments {
        float: left;
        width: 100%;
        margin: 15px 0 0 0;
    }
    #modal1 .modal-body {
        padding: 20px 20px 0 20px;
    }
    .modal-content span {
        width: 28%;
        height: 70px;
        border-radius: 5px;
        border: 1px solid #d3dee3;
        text-align: center;
        line-height: normal;
        padding: 10px;
        margin: 0 22px 22px 0;
    }
    .modal-content span::before {
        color: #c9d2d6;
        font-size: 42px;
    }
    #modal1 .modal-content span:nth-child(7n) {
        margin-right: 22px;
    }
    #modal1 .modal-content span:nth-child(3n) {
        margin-right: 0;
    }
    .sales-programs-menu a {
        width: 210px;
        height: 70px;
        margin-right: 15px;
        padding: 15px 15px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 270px;
    }
    .sales-programs-menu a p {
        font-size: 14px;
        line-height: 18px;
    }
    .spm-menu {
        font-size: 30px;
        margin-top: 5px;
    }
    .sales-programs-menu a p {
        padding-left: 15px;
    }
    .dropdown-menu a.dropdown-item {
        font-size: 14px;
        line-height: 18px;
    }
    .page-header-top-container {
    float: left;
    width: 100%;
    padding: 0 20px 0 20px;
}

.admin-content-area .page-header-top-container .page-name {
    font-size: 20px;
    width: 50%;
    line-height: 40px;
     font-family: 'SanFranciscoDisplay-Medium';
}
.sidebar-nav li label{ font-size: 14px; }
.row.no-margin {
    margin: 0;
}
.contact-grid-container .col-6 {
    width: 100%;
    float: left;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    flex: inherit;
    margin-bottom: 20px;
}
.contactgrid .media img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
    border: 1px solid #9cadb5;
}
.contactgrid .media .media-body h5{ font-size: 18px; }
.contactgrid .media .media-body p {
    font-size: 15px;
    color: #7a7a7a;
    line-height: 22px;
    margin: 15px 0;
}
.contactgrid .media .media-body span {
    font-size: 15px;
    color: #154174;
}
.colpie-17 {
    width: 100%;
    margin-bottom: 20px;
}
.button-box {
    padding: 30px 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
}
.user-profile-top-section .user-detail-sec {
    float: left;
    width: 100%;
    max-width: 100%;
    flex: inherit;
}
.user-profile-main-section .user-profile-top-section .user-detail-section {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
}
.typography-main-section .typography-desire-left {
    float: left;
    width: 100%;
    max-width: 100%;
    flex: inherit;
    margin-bottom: 20px;
    padding: 0 !important;
}
.typography-main-section .typography-desire-right {
    float: left;
    width: 100%;
    max-width: 100%;
    flex: inherit;
    margin-bottom: 20px;
    padding: 0 !important;
}
.typography-desire-left .row { margin-right: 0; margin-left: 0;}
.typography-desire-right .row { margin-right: 0; margin-left: 0;}
.CustomPageTabContainer .col-6 {
    max-width: 100%;
    flex: inherit;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.tab{ padding: 25px; }
.tab .title {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #23727b;
    margin-bottom: 20px;
}
.cards-container .col-4 {
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0;
}
.cards-container .title{ font-size: 20px; }
.cards-container .col-6 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0;
}
}

@media (max-width: 500px) {
    /*.pageFilters .btn {
        padding: 10px 8px;
    }*/
    .three-column-right span {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 2px;
    }
    #wrapper {
        /* padding-left: 270px; */
        margin-top: 80px;
    }
}


@media (max-width: 350px) {

    .bulletin-view-details {
        float: right;
        width: 76%;
        margin-left: 20px;
    }
    .three-column-right {
        float: left;
        width: 69%;
        padding-right: 10px;
    }
    .dateview strong {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .dateview {
        width: 40px;
    }
}

@media (min-width: 1170px) {
    .form-title{
        display: block;
    }
    .form-label {
        width: auto;
    }
}