.right-content .show {
    width: 43%;
    float: left;
}

.right-content .search {
    width: 57%;
    float: left;
}

.custom-margin-top-25 .col-xs-10 {
    width: 63.333333%;
}

.custom-margin-top-25 .col-xs-2 {
    width: 36.666667%;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-bottom: 1px solid #999;
    width: 100%;
}

.item-content img {
    margin: 0;
    width: auto;
    min-height: inherit;
}


@media (max-width:767px) {
    .container {
        width: 100% !important;
        min-width: 100%;
    }

    /*========================= header =========================*/
    #header {
        padding: 10px 0;
        position: relative;
        width: 100%;
        min-width: 320px;
    }

        #header .logo-wrapper {
            width: 26%;
            float: left;
        }

            #header .logo-wrapper img {
                margin-top: 0;
                display: block;
                max-width: 100% !important;
                height: auto;
            }

    /*#header .container div img {
            display: block;
            max-width: 100% !important;
            height: auto;
            width: 30% !important;
            z-index: -1;
        }*/
    #header-content {
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        float: none;
        position: static;
        z-index: 2;
        margin: 0 auto 0 auto;
        text-align: center;
        /*display: inline-block;*/
    }

        #header-content a {
            /*margin-left: 0;
            float: right;
            display: inline-block;
            width: 30%;
            margin-top: -150px;
            text-align: right;*/
        }

            #header-content a img {
                width: 76%;
            }

    #radio-button-area img {
        display: block;
    }

    #header form {
        margin: 0;
        font-size: 8pt;
        padding: 0;
        position: static;
        bottom: 0;
        right: 0;
        width: 100%;
    }

        #header form .search-wrapper {
            width: 100%;
            float: none;
            position: relative;
            margin: 20px 0 0 ;
            padding: 6px 0;
        }

    #radio-button-area {
        border-right: none;
        float: none;
        padding-right: 5px;
    }

    #header form input[type=submit] {
        left: inherit !important;
        top: inherit !important;
        right: 5px;
        bottom: 7px;
    }

    #header form input[type=text], #header form input[type=text]:focus {
        margin: 0 !important;
        width: 94% !important;
        background: #f5f5f5;
    }

    .form-inline {
        position: relative;
        float: none;
        /* width: 100%; */
    }



    .custom-margin-left-negative-30 {
        margin-left: -15px;
    }

    /*========================= navbar =========================*/
    .navbar-header {
        float: none;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 0;
    }

    .navbar {
        width: 100%;
        min-width: 100%;
    }

    .navbar-nav {
        /*height: 320px;*/
        overflow-y: auto;
    }

    .navbar-default .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin-right: 6px !important;
        float: right;
    }

    .navbar-toggle {
        border-radius: 0;
        padding: 4px 6px;
        margin: 6px;
    }

    .dropdown-menu {
        width: 100%;
        max-width: 100%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        padding: 0;
        margin: 0;
    }

        .dropdown-menu li {
            float: none;
            padding-left: 20px;
        }

            .dropdown-menu li:last-child {
                border-bottom: 1.5px solid #99C48A;
            }

            .dropdown-menu li:hover {
                float: none;
                width: 100%;
                background: rgba(255,255,255,.3);
            }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background: rgba(255, 255, 255, .3);
    }


    /*========================= slideshow =========================*/
    .slideshow {
        position: relative;
        width: 100%;
        min-width: 320px !important;
        overflow: hidden;
        background: #F1F5F6;
        height: 300px;
    }

        .slideshow .container {
            width: 100% !important;
            min-width: 100% !important;
        }

        .slideshow .slides .slider-item-wrapper .slider-item-cotainer {
            position: relative;
            left: 0;
            width: 100%;
            height: 300px;
            display: table;
            padding: 0;
        }

            .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 {
                margin-left: 0;
                font-size: 36px;
                padding-left: 0;
            }

        .slideshow .slides .slider-item-wrapper {
            position: absolute;
            left: 0;
            width: 100%;
        }

        .slideshow .slides .container .slider-item-cotainer {
            height: 240px;
            display: table;
            padding: 0;
        }

            .slideshow .slides .container .slider-item-cotainer .item-content ul li h1, .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                width: auto;
                color: #000;
                padding: 0;
            }

            .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                font-size: 14px;
            }

    .border-radius-3 {
        padding-left: 0;
    }

    .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1, .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 p {
        width: inherit;
        color: #fff;
    }

    .slideshow .slides li {
        position: relative;
        display: block;
        padding: 0 50px;
    }

    .flex-direction-nav {
        top: 50%;
    }

        .flex-direction-nav .next {
            right: 10px;
            left: inherit;
            background-position: right center;
            background-size: 50%;
        }

            .flex-direction-nav .next:hover {
                right: 10px;
                background-position: right center;
                background-size: 50%;
            }

        .flex-direction-nav .prev {
            width: 61px;
            height: 61px;
            left: 10px;
            background-position: left center;
            background-size: 50%;
        }

            .flex-direction-nav .prev:hover {
                left: 10px;
                background-position: left center;
                background-size: 50%;
            }

    /*========================= home_banner =========================*/
    #home_banner .col-xs-6 {
        width: 100%;
    }



    #home_banner .col-xs-7 {
        width: 100%;
    }

    #home_banner .item {
        height: 124px !Important;
        position: relative;
    }

        #home_banner .item #wrapper-content {
            margin-top: 33%;
            margin-left: 0;
            margin-bottom: 10px;
        }

        #home_banner .item ul li h3 {
            color: #000;
        }

        #home_banner .item ul li h3 {
            font-family: PreloSlab-BlackItalic;
            font-size: 20px;
            color: #444;
            margin: 0;
        }

    .custom-margin-top-35 {
        margin-top: 10px !important;
    }

    /*.slideshow .slides .welcome h4 {
        font-size: 16px;
    }*/
    .custom-btn {
        padding: 3px 8px;
        font-size: 13px;
    }
    /*========================= myCarousel =========================*/
    #myCarousel {
        margin-bottom: 10px;
    }

    /*========================= Find =========================*/

    #wrapper-content-1 .col-xs-4 {
        width: 100%;
        border-top: solid 1px #eeead2;
        padding-top: 20px;
    }

    #wrapper-content-1 form {
        position: relative;
        margin-bottom: 10px;
    }

    #wrapper-content-1 .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    #wrapper-content-1 .submit-wrapper .right-content h2 {
        color: #333;
        font-size: 18px;
        margin: 0 !important;
    }

    #wrapper-content-1 form input[type=submit] {
        left: inherit;
        right: 0;
        top: 20px;
        background-size: 60% auto;
    }

    #wrapper-content-1 h5, .h5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        font-size: 16px;
    }
    /*========================= home_news =========================*/
    #home_news .col-xs-3 {
        width: 100%;
    }

    #home_news .container {
        padding-top: 0;
        padding-bottom: 10px;
    }

    #home_news h5 {
        margin: 0 0 0 0;
    }

    #home_news .user-content {
        margin-bottom: 15px;
    }

        #home_news .user-content img {
            display: block;
            max-width: 100% !important;
            height: auto;
            /*width: 100% !important;*/
            width: 400px !important;
        }

    #home_news h2 {
        font-size: 22px;
        margin: 0 !important;
    }

    .custom-btn {
        font-size: 14px !important;
    }
    /*========================= Breeder =========================*/
    .custom-margin-top-30 {
        margin-top: 10px !important;
    }


    /*========================= footer =========================*/
    #footer .col-xs-12 {
        width: 100%;
        text-align: center;
    }

    #footer span {
        /*float: none !important;*/
        text-align: center;
        width: 100%;
    }

    #footer #wrapper-content-2 h6 {
        float: none;
        margin: 0;
        font-size: 12px;
        /*display: inline-block;*/
    }

    #wrapper-content-2 a img {
        font-size: 12px;
        display: block;
        float: none !important;
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 0 auto !important;
    }

    #fb-link, #instagram-link {
        display: inline-block !important;
    }

    #footer #wrapper-content-2 {
        padding: 10px 0 10px 0;
        border-top: 1px solid #f5f5f5;
    }
    /*========================= about =========================*/
    #top-banner {
        height: auto !important;
    }

        #top-banner .container {
            height: auto;
            min-height: initial;
            padding: 40px 15px;
        }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 18px;
    }

    .custom-margin-bottom-20 {
        margin-bottom: 0 !important;
    }

    .left-content ul {
        margin-top: 20px;
    }

    .right-content .custom-margin-top-35 {
        margin-top: 10px !important;
        /*width: 100% !important;
        float: none !important;*/
    }

    .right-content .col-xs-7 {
        width: 82%;
    }

    .col-xs-3 {
        width: 100%;
    }

    .col-xs-9 {
        width: 100%;
    }

    .col-xs-2 {
        width: 100%;
    }
    .col-xs-5 {
    width: 100%;
}
    .col-xs-10 {
        width: 100%;
    }

    .custom-margin-top-25 .col-xs-10 {
        width: 100%;
    }

    .custom-margin-top-25 .col-xs-2 {
        width: 100%;
    }

    /*.left-content{ width: 100%}*/
    .custom-padding-left-5 {
        padding-left: 15px;
    }

    .right-content table {
        width: 100% !important;
    }

        .right-content table td {
            width: 100% !important;
        }

    .text-content img {
        width: 100% !important;
        height: auto !important;
    }
    /*========================= Breed =========================*/
    .left-content ul {
        margin-top: 20px;
        margin-bottom: 0;
    }

        .left-content ul li:first-child {
            border-top: none;
            padding-top: 0 !important;
        }

    span.functions {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        font-size: 16px;
    }

    .form-search-breed {
        float: none !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .right-content .show, .right-content .search, .right-content .paging {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

    .paging ul {
        float: none;
        line-height: 2.222;
        margin: 0;
    }

    .select-paging-filter {
        width: 230px;
        background-color: rgba(255, 255, 255, 0);
    }

    div.paging-filter:before {
        left: 210px;
    }

    .form-search-breed input[type=button], form input[type=submit] {
        left: inherit !important;
        top: 20px;
    }

    .form-search-breed input[type=text], form input[type=text] {
        width: 100% !important;
        padding: 10px;
        font-size: 15px;
        border-radius: 20px;
        opacity: 0.8;
        border: 1px solid #ccc;
        margin: 10px 0 !important;
        float: none !important;
    }

    .form-search-breed input[type=button] {
        background-repeat: no-repeat;
        border: 5px;
        outline: none;
        position: absolute;
        top: 22px;
        box-shadow: none;
        left: inherit !important;
        right: 4px;
    }

    .content h5, .h5 {
        font-family: 'OpenSans-Semibold', sans-serif;
        margin: 0;
        padding-left: 10px !important;
        height: auto !important;
        max-height: auto !important;
        display: table-cell;
        vertical-align: middle;
        /*float: left !important;*/
        font-size: 13px;
    }
    /*========================= LstBreeder =========================*/
    .content .col-xs-4 {
        width: 73.333333%;
    }

    .content h5.title {
        font-size: 15px;
    }

    .content .col-xs-1 {
        width: 17.333333%;
    }

    .content .pull-right {
        float: none !important;
    }

    .content .custom-margin-top-25 {
        margin-top: 10px !important;
    }
    /*========================= Breed =========================*/
    #LstBreeds .col-xs-4 {
        width: 73.333333%;
    }

    #LstBreeds .content h5.title {
        font-size: 15px;
    }

    #LstBreeds .content .col-xs-1 {
        width: 17.333333%;
    }

    #LstBreeds .content .pull-right {
        float: none !important;
    }

    #LstBreeds .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    /*==================================================*/
    .custom-margin-bottom-35 {
        margin-bottom: 15px !important;
    }

    .custom-margin-top-20 {
        margin-top: 15px !important;
    }

    .page-title {
        margin-left: 0;
    }

    .right-content .main-list ul li {
        padding: 10px 0 !important;
    }

    .right-content .main-list p {
        margin: 0 !important;
    }

    .custom-margin-top-15 {
        margin-top: 10px !important;
        margin-bottom: 10px;
    }

    .pdf-printing {
        width: 100%;
        margin: 0;
    }

        .pdf-printing a {
            font-size: 12pt;
            display: inline-block;
        }

    #updateDiv .col-xs-6 {
        width: 100%;
    }
    /*========================= AllBreedJudge =========================*/
    .filter-wrapper .col-xs-2 {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .filter-wrapper .col-xs-11 {
        width: 100%;
    }

    .filter-wrapper span.title {
        font-family: 'Raleway-SemiBold', sans-serif;
        font-size: 21px;
        margin: 0 auto 10px auto;
        text-align: center;
        display: inline-block;
    }

    .filter-wrapper .col-xs-10 {
        width: 100%;
        margin-bottom: 10px;
    }

    .filter-wrapper {
        padding: 0 10px !important;
    }

        .filter-wrapper ul {
            float: left;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
        }

    .filter > li:last-child > a {
        /*font-size: 13px;
        line-height: 1;
        padding-bottom: 10px;*/
        line-height: 2;
    }

    .filter > li:last-child > span {
        /*font-size:11px;
        line-height:1;*/
        padding: 0 9px;
        line-height: 2;
    }

    .filter > li > span.active {
        color: #ce5365;
        /*font-size: 13px !important;*/
        padding: 0;
    }

    .utilities span, .utilities a {
        font-weight: bold;
        font-size: 11pt;
    }

    .fa-print {
        font-size: 20pt;
    }

    .filter-wrapper select {
        width: 100% !important;
        margin-right: 0;
        height: 40px;
    }

    .filter-wrapper label {
        font-size: 15px;
    }

    .filter-wrapper input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 30px;
        height: 26px;
        display: block;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 0 1px;
        vertical-align: middle;
        cursor: pointer;
        font-weight: bold;
        background-size: 18px;
        font-size: 14px;
        width: 100% !important;
    }

    .filter-wrapper input[type=button] {
        margin-top: 10px;
    }

    div.custom-select {
        display: block;
        position: relative;
    }

    .paging-filter .select-paging-filter {
        width: 100% !important;
    }

    div.paging-filter:before {
        left: inherit !important;
        right: 10px;
    }

    .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    #bottomPages {
        float: none !important;
        text-align: center;
        margin: 0 auto;
    }

    select {
        font-size: 16px;
    }

    .col-xs-4 {
        width: 100%;
    }

    .col-xs-8 {
        width: 100%;
    }

    .paging {
        float: none;
        text-align: center;
        margin: 10px auto;
        width: 100%;
    }

    .listStateSelected {
        width: 100% !important;
    }

    .ms-choice {
        position: relative;
        height: 38px;
        margin-bottom: 4px;
    }

    .ms-parent {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        /* margin-top: -3px; */
        margin-right: 20px;
        width: 100% !important;
    }
    /*---------- SportingAgilityJudge -------------*/
    .listCheckboxAGL, .listCheckboxJUM, .listCheckboxSTP,
    .listCheckboxGAM, .listCheckboxSNK, .listObedienceObedience,
    .listObedienceOther, .listHM {
        width: 100% !important;
        margin-top: 7px;
        float: left;
    }

    #gameGroup {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }

    .listCheckboxAGL .ms-choice > div,
    .listCheckboxJUM .ms-choice > div,
    .listCheckboxSTP .ms-choice > div,
    .listCheckboxGAM .ms-choice > div,
    .listCheckboxSNK .ms-choice > div,
    .listObedienceObedience .ms-choice > div,
    .listObedienceOther .ms-choice > div,
    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open,
    .ms-choice > div, .ms-choice > div.open {
        right: 10px !important;
        position: absolute;
        top: -1px;
    }

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        text-align: left;
    }

    .hideOnresponsive {
        display: none !important;
    }

    /*========================= member_table =========================*/
    .right-content .member {
        border: transparent !important;
    }

        .right-content .member tr {
            border: solid 1px #ddd;
        }

    .member > tbody > tr:nth-child(odd) > td, .member > tbody > tr:nth-child(odd) > th {
        background-color: #f9f9f9;
    }

    .right-content .member td {
        position: relative;
        word-wrap: break-word;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 13px !important;
    }

    .right-content .user-content table, .right-content .user-content thead,
    .right-content .user-content tbody, .right-content .user-content th, .right-content .user-content td, .right-content .user-content tr {
        display: block;
        text-align: center !important;
        margin: 0 auto;
    }

    .right-content .user-content td {
        position: relative;
        word-wrap: break-word;
        padding-left: 0;
        font-size: 13px;
        text-align: center;
    }
    /*---------- news-content -------------*/
    .news-content .col-xs-3 img {
        width: 100%;
        margin-right: 15px;
        height: auto;
    }
    /*========================= member-suspensions_table =========================*/
    .right-content .member-suspensions {
        border: transparent !important;
    }

        .right-content .member-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .member-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .member-suspensions td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: center !important;
        }

            .right-content .member-suspensions td:nth-of-type(1):before {
                content: "MEMBER NAME";
            }

            .right-content .member-suspensions td:nth-of-type(2):before {
                content: "RULE(S) BREACHED";
            }

            .right-content .member-suspensions td:nth-of-type(3):before {
                content: "SUSPENSION PERIOD";
            }

            .right-content .member-suspensions td:nth-of-type(4):before {
                content: "SUSPENSION START/RECOMMENCE DATE";
            }

            .right-content .member-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION FINISH DATE";
            }
    /*========================= Dog-suspensions_table =========================*/
    .right-content .dog-suspensions {
        border: transparent !important;
    }

        .right-content .dog-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .dog-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .dog-suspensions td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: center !important;
        }

            .right-content .dog-suspensions td:nth-of-type(1):before {
                content: "DOG NAME";
            }

            .right-content .dog-suspensions td:nth-of-type(2):before {
                content: "DOG BREED";
            }

            .right-content .dog-suspensions td:nth-of-type(3):before {
                content: "DOG NUMBER";
            }

            .right-content .dog-suspensions td:nth-of-type(4):before {
                content: "OWNER'S NAME(S)";
            }

            .right-content .dog-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION START DATE";
            }
            .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li p {
    width: 275px;
}
.tool.border-radius-3.pull-left .custom-btn {
    margin: 20px 0 0 95px;
}
.logoCalendar{
    position: absolute;
    top: 4px;
    right: 100px;
}
.logoShowManager{
    position: absolute;
    top: 4px;;
    right: 0;
}
}

@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 980px), (min-width: 991px) and (max-width: 1280px) {

    .col-xs-offset-11 {
        margin-left: 0;
    }

    .right-content .user-content p {
        padding: 0;
        float: none;
    }

    .right-content .user-content {
        word-break: break-word;
    }

        .right-content .user-content table, .right-content .user-content thead,
        .right-content .user-content tbody, .right-content .user-content th, .right-content .user-content td, .right-content .user-content tr {
            /*display: block;*/
            text-align: left;
            margin: 0 auto;
        }

            .right-content .user-content thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        .right-content .user-content td {
            position: relative;
            word-wrap: break-word;
            padding-left: 0;
            font-size: 13px;
            text-align: left;
        }

            .right-content .user-content td:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                white-space: nowrap;
                color: #000;
                font-weight: 700;
            }

        .right-content .user-content .table > tbody > tr > td, .right-content .user-content .table > tfoot > tr > td, .right-content .user-content .table > thead > tr > td {
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 0;
            color: #fff;
            padding-left: 0;
            padding-top: 0;
        }


    /*========================= suspensions_table =========================*/
    .right-content .suspensions {
        border: transparent !important;
    }

        .right-content .suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .suspensions tr {
            border: solid 1px #000;
            margin-bottom: 10px;
        }

        .right-content .suspensions td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: center !important;
        }

            .right-content .suspensions td:nth-of-type(1):before {
                content: "MEMBER BODY";
            }

            .right-content .suspensions td:nth-of-type(2):before {
                content: "DOGS NAME";
            }

            .right-content .suspensions td:nth-of-type(3):before {
                content: "BREED";
            }

            .right-content .suspensions td:nth-of-type(4):before {
                content: "REGISTRATION NUMBER";
            }

            .right-content .suspensions td:nth-of-type(5):before {
                content: "SUSPENSION START DATE";
            }

    /*========================= hall_of_fame Table =========================*/
    .right-content .hall_of_fame {
        border: transparent !important;
    }

        .right-content .hall_of_fame thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .hall_of_fame tr {
            border: solid 1px #000;
            margin-bottom: 10px;
        }

        .right-content .hall_of_fame td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: left !important;
            color: #000;
        }

            .right-content .hall_of_fame td:nth-of-type(1):before {
                content: "Year Inducted";
            }

            .right-content .hall_of_fame td:nth-of-type(2):before {
                content: "Outstanding Gundog";
            }

            .right-content .hall_of_fame td:nth-of-type(3):before {
                content: "Owned By";
            }

    /*========================= all-table  =========================*/
    .ff-main-table, .main-table {
        border: 1px solid #ddd;
    }

        .ff-main-table span, .main-table span {
            float: none;
            font-size: 14px;
            display: inline-block;
        }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        display: inline-block;
        width: 100% !important;
        margin: 0 !important;
    }

    .table table, .table thead, .table tbody,
    .table, .table td, .table tr {
        display: block;
        border-bottom: solid 1px #ddd;
        width: 100%;
    }

        .table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
            border: 1px solid #ddd !important;
            display: inline-block;
        }
    /*========================= Sub-Committees =========================*/
    .right-content .committees table {
        width: 100% !important;
    }

    .right-content .committees .title {
        word-wrap: break-word;
        vertical-align: top;
        font-size: 14px;
        font-weight: bold;
        text-align: left !important;
        padding-top: 10px;
    }

    .right-content .committees td {
        vertical-align: top;
        text-align: left !important;
    }
}
/*======= Desktop-Committees =========*/
.right-content .committees .title {
    word-wrap: break-word;
    vertical-align: top;
    font-size: 14px;
    padding-top: 10px;
    font-weight: bold;
    text-align: left !important;
}

.right-content .committees tbody td {
    vertical-align: top;
    text-align: left !important;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    .right-content table {
        width: 518px !important;
    }

    .container {
        width: 100% !important;
        min-width: 100%;
    }
    /*========================= header =========================*/
    #header {
        padding: 10px 0;
        position: relative;
        width: 100%;
        min-width: 320px;
    }

        #header .logo-wrapper {
            width: 26%;
            float: left;
        }

            #header .logo-wrapper img {
                margin-top: 0;
                display: block;
                max-width: 60% !important;
                height: auto;
                margin-top: 10px;
            }

    #header-content {
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        float: right !important;
        position: static;
        z-index: 2;
        margin: 0 auto 0 auto;
        text-align: center;
        display: inline-block;
    }

        #header-content a img {
            
            width: auto;
            margin-top: 0;
    margin-left: 10px !important;
        }

    #header form {
        margin: 0;
        font-size: 8pt;
        padding: 0;
        position: static;
        bottom: 0;
        right: 0;
        margin-top: 0 !important;
    }

        #header form .search-wrapper {
            /*width: 100%;*/
            float: none;
            position: relative;
            margin: 0;
            padding: 6px 0;
        }

    #radio-button-area {
        border-right: none;
        float: none;
        padding-right: 5px;
    }

    #header form input[type=submit] {
        left: inherit !important;
        top: inherit !important;
        right: 5px;
        bottom: 7px;
    }

    #header form input[type=text], #header form input[type=text]:focus {
        margin: 0 !important;
        width: 94% !important;
        background: #f5f5f5;
    }

    .form-inline {
        position: relative;
        float: none;
        /* width: 100%; */
    }

    #header-content a {
        margin-left: 0;
    }

    .custom-margin-left-negative-30 {
        margin-left: -15px;
    }
    /*========================= navbar =========================*/

  .navbar .container {
        width: 100% !important;
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    .navbar .custom-margin-left-negative-30 {
        margin-left: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 0;
    }

    .navbar {
        width: 100%;
        min-width: 100%;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 0;
        padding: 0;
        overflow-y: auto;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding: 10px 20px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        margin: 0;
        padding: 0;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        height: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-y: scroll;
    }

    .navbar-toggle {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        float: none;
        border-radius: 0;
        margin-left: 10px;
        padding: 4px 6px;
    }

    .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
        float: inherit;
        display: block;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: solid 1px #e7e7e7;
        margin: 0;
        padding: 0;
    }

    .navbar-default .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin-right: 6px !important;
        float: right;
        z-index: 999;
    }

    .dropdown-menu {
        width: 100%;
        max-width: 100%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        padding: 0;
        margin: 6px;
    }

        .dropdown-menu li {
            float: none;
            padding-left: 20px;
        }

            .dropdown-menu li:last-child {
                border-bottom: 1.5px solid #99C48A;
            }

            .dropdown-menu li:hover {
                float: none;
                width: 100%;
                background: rgba(255,255,255,.3);
            }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background: rgba(255, 255, 255, .3);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #efe48b;
        background-color: inherit;
        font-weight: bold;
    }


    /*========================= Slider =========================*/
    .slideshow {
        position: relative;
        width: 100%;
        min-width: 320px !important;
        overflow: hidden;
        background: #F1F5F6;
        height: 300px;
    }

        .slideshow .container {
            width: 100% !important;
            min-width: 100% !important;
        }

        .slideshow .slides .slider-item-wrapper .slider-item-cotainer {
            position: relative;
            left: 0;
            width: 100%;
            height: 300px;
            display: table;
            padding: 0;
        }

            .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 {
                margin-left: 0;
                font-size: 36px;
                padding-left: 0;
            }

        .slideshow .slides .slider-item-wrapper {
            position: absolute;
            left: 40%;
            width: 60%;
        }

        .slideshow .slides .container .slider-item-cotainer {
            height: 240px;
            display: table;
            padding: 0;
        }


            .slideshow .slides .container .slider-item-cotainer .item-content ul li h1, .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                width: auto;
                color: #000;
                padding: 0;
            }

            .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                font-size: 14px;
            }

    .border-radius-3 {
        padding-left: 0;
    }

    .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1, .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 p {
        /*width: 0;
        color: #000;*/
        width: inherit;
        color: #fff;
    }

    .slideshow .slides li {
        position: relative;
        padding: 0 50px;
        background-size: auto 70% !important;
        background-position: 40% top !important;
    }

    .flex-direction-nav {
        top: 50%;
    }

        .flex-direction-nav .next {
            right: 10px;
            left: inherit;
            background-position: right center;
            background-size: 60%;
        }

            .flex-direction-nav .next:hover {
                right: 10px;
                background-position: right center;
                background-size: 60%;
            }

        .flex-direction-nav .prev {
            width: 61px;
            height: 61px;
            left: 10px;
            background-position: left center;
            background-size: 60%;
        }

            .flex-direction-nav .prev:hover {
                left: 10px;
                background-position: left center;
                background-size: 60%;
            }

    /*========================= #home_banner =========================*/
    #home_banner .item ul li h3 {
        font-size: 18px;
        color: #444;
    }

    #home_banner .item #wrapper-content {
        margin-top: 116px;
        margin-left: 0;
    }

    #home_banner .col-xs-7 {
        width: 100%;
    }

    .custom-btn {
        padding: 3px 8px;
        font-size: 13px;
    }
    /*========================= Find =========================*/
    #wrapper-content-1 .submit-wrapper .right-content h2 {
        color: #333;
        font-size: 18px;
        margin: 0 !important;
    }

    #wrapper-content-1 form input[type=submit] {
        right: 0;
        left: inherit;
        top: 10px;
    }

    .form-search-breed input[type=text], form input[type=text] {
        padding: 10px;
        font-size: 14px;
        margin: 0;
    }

    /*========================= home_news =========================*/
    #home_news .col-xs-3 {
        width: 50%;
    }

    #home_news .container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #home_news .user-content {
        margin-bottom: 20px;
    }

        #home_news .user-content ul li {
            vertical-align: top;
            display: block;
        }

        #home_news .user-content img {
            width: auto;
            max-width: 350px;
            height: 179px;
        }

    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    h1 {
        font-size: 40px;
    }

    #home_news h2 {
        font-size: 22px;
    }

    #home_news h5 {
        margin: 0;
    }

    #top-banner {
        height: auto;
        height: 130px !important;
    }

        #top-banner .container {
            min-height: auto;
            padding: 40px 20px;
        }

    .carousel-inner .item .user-content {
        width: auto !important;
        background-position: center;
    }

    .carousel-inner ul li {
        list-style: none;
        display: block;
    }

    #myCarousel {
        margin-bottom: 0;
    }

    .ellipsis {
        height: 46px !important;
    }
    /*========================= footer =========================*/
    #footer .col-xs-12 {
        width: 100%;
        text-align: center;
    }

    #footer span {
        /*float: none !important;*/
        text-align: center;
        width: 100%;
    }

    #footer #wrapper-content-2 h6 {
        float: none;
        margin: 0;
        font-size: 12px;
        display: inline-block;
    }

    #wrapper-content-2 a img {
        font-size: 12px;
        display: block;
        float: none !important;
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 0 auto !important;
    }

    #fb-link, #instagram-link {
        display: inline-block !important;
    }

    #footer #wrapper-content-2 {
        padding: 10px 0 10px 0;
        border-top: 1px solid #f5f5f5;
    }
    /*========================= Breed =========================*/
    h2 {
        font-size: 30px;
    }

    .right-content .show {
        width: 100% !important;
        float: left !important;
        position: relative;
    }

    .right-content .search {
        width: 100% !important;
        float: left !important;
        position: relative;
    }

    .form-search-breed {
        position: relative;
        display: block;
        width: 40%;
    }

        .form-search-breed input[type=button] {
            min-width: 30px;
            left: inherit !important;
            margin-left: 0 !important;
            margin-top: 10px;
            right: 0;
        }

    form input[type=submit] {
        left: 204px !iMportant;
        right: inherit;
        top: 10px;
    }

    .form-search-breed input[type=text] {
        width: 100% !important;
        padding: 6.5px 10px;
        font-size: 13px;
        border-radius: 20px;
        opacity: 0.8;
        border: 1px solid #ccc;
        margin: 10px 0 0 0 !important;
    }

    .paging ul {
        float: left;
        line-height: 2.222;
        margin: 10px 0 0 0;
    }

    div.custom-select {
        display: block;
        position: relative;
    }

    .select-paging-filter {
        width: 170px;
        background-color: rgba(255, 255, 255, 0);
        float: right;
    }


    div.paging-filter:before {
        left: 496px !important;
    }

    .right-content .col-xs-7 {
        width: 48.33333333% !important;
    }

    .right-content .col-xs-4 {
        width: 43.33333333% !important;
    }

    #LstBreeds .col-xs-9 {
        width: 65%;
    }

    #LstBreeds .col-xs-3 {
        width: 35%;
    }

    .custom-margin-top-35 {
        margin-top: 15px !important;
    }
    /*========================= AllBreedJudge =========================*/
    .filter-wrapper .col-xs-2 {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .filter-wrapper .col-xs-11 {
        width: 100%;
    }

    .filter-wrapper span.title {
        font-family: 'Raleway-SemiBold', sans-serif;
        font-size: 21px;
        margin: 0 auto 10px auto;
        text-align: center;
        display: inline-block;
    }

    .filter-wrapper .col-xs-10 {
        width: 100%;
        margin-bottom: 10px;
    }

    .filter-wrapper {
        padding: 0 10px !important;
    }

        .filter-wrapper ul {
            float: left;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
        }

    .filter > li:last-child > a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 13px;
        line-height: 1;
        padding-bottom: 10px;
    }

    .filter > li:last-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 11px;
        line-height: 1;
        padding: 0 10px;
    }

    .filter > li > span.active {
        color: #ce5365;
        font-family: 'OpenSans-Bold', sans-serif;
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .utilities span, .utilities a {
        font-weight: bold;
        font-size: 10pt;
    }

    .fa-print {
        font-size: 20pt;
    }

    .filter-wrapper select {
        width: 708px !important;
        margin-right: 0;
    }

    .filter-wrapper label {
        font-size: 15px;
    }

    .filter-wrapper input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 30px;
        height: 26px;
        display: block;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 0 1px;
        vertical-align: middle;
        cursor: pointer;
        font-weight: bold;
        background-size: 18px;
        font-size: 16px;
        width: 100% !important;
    }

    .filter-wrapper input[type=button] {
        margin-top: 10px;
    }

    .custom-select .paging-filter .select-paging-filter {
        width: 60% !important;
    }

    .paging-filter .select-paging-filter {
        width: 50%;
    }

    div.paging-filter:before {
        left: inherit !important;
        right: 10px;
        top: 7px;
    }

    .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    select {
        font-size: 16px;
    }

    .ms-parent {
        width: 100% !Important;
    }

    .ms-choice {
        height: 38px;
        position: relative;
        margin-bottom: 4px;
    }

    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open {
        right: 10px;
        left: inherit;
        position: absolute;
        top: -2px;
    }

    .custom-margin-top-25 .col-xs-4 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-8 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-9 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-3 {
        width: 50%;
    }

    .custom-margin-bottom-35 {
        margin-bottom: 10px !important;
    }

    .custom-margin-top-20 {
        margin-top: 10px !important;
    }

    .testOrTrials .ms-choice > div, .testOrTrials .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .startCourses .ms-choice > div, .startCourses .ms-choice > div.open, .noviceCourses .ms-choice > div, .noviceCourses .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .intermediateCoures .ms-choice > div, .intermediateCoures .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .advancedCourses .ms-choice > div, .advancedCourses .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    #wrapper-content-1 .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .listCheckboxToys .ms-choice > div, .listCheckboxToys .ms-choice > div.open,
    .listCheckboxTerriers .ms-choice > div, .listCheckboxTerriers .ms-choice > div.open,
    .listCheckboxGundogs .ms-choice > div, .listCheckboxGundogs .ms-choice > div.open,
    .listCheckboxHounds .ms-choice > div, .listCheckboxHounds .ms-choice > div.open,
    .listCheckboxWorkingDogs .ms-choice > div, .listCheckboxWorkingDogs .ms-choice > div.open,
    .listCheckboxUtility .ms-choice > div, .listCheckboxUtility .ms-choice > div.open,
    .listCheckboxNonSporting .ms-choice > div, .listCheckboxNonSporting .ms-choice > div.open,
    .listCheckboxOther .ms-choice > div, .listCheckboxOther .ms-choice > div.open {
        right: 10px;
        left: inherit;
        position: absolute;
        top: 0;
    }

    #updateDiv .col-xs-6 {
        width: 100%;
    }
    /*-------- search -----------------*/
    .search-site input[type=submit] {
        top: 50px !important;
        left: inherit !important;
        right: 0;
    }

    .custom-padding-left-5 {
        padding-left: 10px;
    }

    .col-xs-9 {
        width: 70%;
    }

    .col-xs-2 {
        width: 70%;
    }

    .col-xs-10 {
        width: 70%;
    }
    /*---------- SportingAgilityJudge -------------*/
    .listCheckboxAGL, .listCheckboxJUM, .listCheckboxSTP,
    .listCheckboxGAM, .listCheckboxSNK, .listObedienceObedience,
    .listObedienceOther, .listHM {
        width: 100% !important;
        margin-top: 7px;
        float: left;
    }

    #gameGroup {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }

    .listCheckboxAGL .ms-choice > div,
    .listCheckboxJUM .ms-choice > div,
    .listCheckboxSTP .ms-choice > div,
    .listCheckboxGAM .ms-choice > div,
    .listCheckboxSNK .ms-choice > div,
    .listObedienceObedience .ms-choice > div,
    .listObedienceOther .ms-choice > div,
    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open,
    .ms-choice > div, .ms-choice > div.open {
        right: 10px !important;
        position: absolute;
        top: -1px;
    }

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        text-align: left;
    }

    .left-content {
        margin-right: 30px;
    }

        .left-content ul {
            margin-top: 0;
        }

    .text-content img {
        width: 100% !important;
        height: auto !important;
    }
    /*---------- news-content -------------*/
    .news-content .col-xs-3 {
        width: 30%;
        margin-right: 2%;
    }

    .news-content .col-xs-9 {
        width: 68%;
    }

    /*========================= member-suspensions_table =========================*/

    .right-content .member-suspensions table, .right-content .member-suspensions thead,
    .right-content .member-suspensions tbody, .right-content .member-suspensions th, .right-content .member-suspensions td, .right-content .member-suspensions tr {
        display: block;
        text-align: left;
        margin: 0 auto;
            width: 100% !important;
    }

        .right-content .member-suspensions td:before {
            position: absolute;
            top: 10px;
            left: 10px;
        }

    .right-content .member-suspensions {
        border: transparent !important;
    }

        .right-content .member-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
            padding: 0 10px;
        }

        .right-content .member-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .member-suspensions td {
            position: relative;
            padding-left: 62% !important;
            word-wrap: break-word !important;
            text-align: left !important;
            border-bottom: none !important;
            vertical-align: top !important;
            max-width: 100% !important;
        }

            .right-content .member-suspensions td:nth-of-type(1):before {
                content: "MEMBER NAME";
            }

            .right-content .member-suspensions td:nth-of-type(2):before {
                content: "RULE(S) BREACHED";
            }

            .right-content .member-suspensions td:nth-of-type(3):before {
                content: "SUSPENSION PERIOD";
            }

            .right-content .member-suspensions td:nth-of-type(4):before {
                content: "SUSPENSION START/RECOMMENCE DATE";
            }

            .right-content .member-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION FINISH DATE";
            }
    /*========================= Dog-suspensions_table =========================*/
    .right-content .dog-suspensions table, .right-content .dog-suspensions thead,
    .right-content .dog-suspensions tbody, .right-content .dog-suspensions th, .right-content .dog-suspensions td, .right-content .dog-suspensions tr {
        display: block;
        text-align: left;
        margin: 0 auto;
    }

        .right-content .dog-suspensions td:before {
            position: absolute;
            top: 10px;
            left: 10px;
        }

    .right-content .dog-suspensions {
        border: transparent !important;
    }

        .right-content .dog-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .dog-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .dog-suspensions td {
            position: relative;
            padding-left: 54% !important;
            word-wrap: break-word !important;
            text-align: left !important;
            border-bottom: none !important;
            vertical-align: top !important;
            max-width: 100% !important;
        }

            .right-content .dog-suspensions td:nth-of-type(1):before {
                content: "DOG NAME";
            }

            .right-content .dog-suspensions td:nth-of-type(2):before {
                content: "DOG BREED";
            }

            .right-content .dog-suspensions td:nth-of-type(3):before {
                content: "DOG NUMBER";
            }

            .right-content .dog-suspensions td:nth-of-type(4):before {
                content: "OWNER'S NAME(S)";
            }

            .right-content .dog-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION START DATE";
            }
}

@media only screen and (min-width: 991px) and (max-width: 1280px) {
    #header .logo-wrapper img {
        width: 65% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #header-content {
        background-repeat: no-repeat;
        background-size: 25%;
        margin-left: 0;
        margin-bottom: 0;
        display: inline;
        padding: 10px 0 0 0 !important;
        float: right;
        position: relative;
        z-index: 2;
    }

        #header-content a {
            margin-left: 0;
            text-align: right;
        }

    .navbar-toggle {
        display: none;
    }

    .navbar-collapse.collapse {
        display: block;
    }


    /*========================= Slider =========================*/
    .slideshow {
        position: relative;
        width: 100%;
        min-width: 320px !important;
        overflow: hidden;
        background: #F1F5F6;
        height: 300px;
    }

        .slideshow .container {
            width: 100% !important;
            min-width: 100% !important;
        }

        .slideshow .slides .slider-item-wrapper .slider-item-cotainer {
            position: relative;
            left: 0;
            width: 100%;
            height: 300px;
            display: table;
            padding: 0;
        }

            .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 {
                margin-left: 0;
                /*font-size: 36px;*/
                font-size: 56px;
                padding-left: 0;
            }

        .slideshow .slides .slider-item-wrapper {
            position: absolute;
            left: 40%;
            width: 60%;
        }

        .slideshow .slides .container .slider-item-cotainer {
            height: 240px;
            display: table;
            padding: 0;
        }


            .slideshow .slides .container .slider-item-cotainer .item-content ul li h1, .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                width: auto;
                color: #000;
                padding: 0;
            }

            .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
                font-size: 14px;
            }

    .border-radius-3 {
        padding-left: 0;
    }

    .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1, .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 p {
        width: 0;
        color: #000;
    }

    .slideshow .slides li {
        position: relative;
        padding: 0 90px;
        background-size: auto 70% !important;
        background-position: 40% top !important;
    }

    .flex-direction-nav {
        top: 50%;
    }

        .flex-direction-nav .next {
            right: 10px;
            left: inherit;
            background-position: right center;
            background-size: 60%;
        }

            .flex-direction-nav .next:hover {
                right: 10px;
                background-position: right center;
                background-size: 60%;
            }

        .flex-direction-nav .prev {
            width: 61px;
            height: 61px;
            left: 10px;
            background-position: left center;
            background-size: 60%;
        }

            .flex-direction-nav .prev:hover {
                left: 10px;
                background-position: left center;
                background-size: 60%;
            }

    #top-banner .container {
        min-height: 150px !important;
    }

    #top-banner .title {
        font-size: 52px !important;
    }

    .page-title {
        font-size: 30px;
    }

    .right-content img {
        width: 100%;
    }


    .dropdown-menu {
    width: auto;
    min-width: auto;
}
   /*========================= member-suspensions_table =========================*/
    .right-content .member-suspensions table, .right-content .member-suspensions thead,
    .right-content .member-suspensions tbody, .right-content .member-suspensions th, .right-content .member-suspensions td, .right-content .member-suspensions tr {
        display: block;
        text-align: left;
        margin: 0 auto;
    }

        .right-content .member-suspensions td:before {
            position: absolute;
            top: 10px;
            left: 10px;
        }

    .right-content .member-suspensions {
        border: transparent !important;
        width:100%;
    }

        .right-content .member-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
            padding: 0 10px;
        }

        .right-content .member-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .member-suspensions td {
            position: relative;
            padding-left: 62% !important;
            word-wrap: break-word !important;
            text-align: left !important;
            border-bottom: none !important;
            vertical-align: top !important;
            max-width: 100% !important;
        }

            .right-content .member-suspensions td:nth-of-type(1):before {
                content: "MEMBER NAME";
            }

            .right-content .member-suspensions td:nth-of-type(2):before {
                content: "RULE(S) BREACHED";
            }

            .right-content .member-suspensions td:nth-of-type(3):before {
                content: "SUSPENSION PERIOD";
            }

            .right-content .member-suspensions td:nth-of-type(4):before {
                content: "SUSPENSION START/RECOMMENCE DATE";
            }

            .right-content .member-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION FINISH DATE";
            }
    /*========================= Dog-suspensions_table =========================*/
    .right-content .dog-suspensions table, .right-content .dog-suspensions thead,
    .right-content .dog-suspensions tbody, .right-content .dog-suspensions th, .right-content .dog-suspensions td, .right-content .dog-suspensions tr {
        display: block;
        text-align: left;
        margin: 0 auto;
    }

        .right-content .dog-suspensions td:before {
            position: absolute;
            top: 10px;
            left: 10px;
        }

    .right-content .dog-suspensions {
        border: transparent !important;
        width:100%;
    }

        .right-content .dog-suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .dog-suspensions tr {
            border: solid 1px #ddd;
            margin-bottom: 10px;
        }

        .right-content .dog-suspensions td {
            position: relative;
            padding-left: 54% !important;
            word-wrap: break-word !important;
            text-align: left !important;
            border-bottom: none !important;
            vertical-align: top !important;
            max-width: 100% !important;
        }

            .right-content .dog-suspensions td:nth-of-type(1):before {
                content: "DOG NAME";
            }

            .right-content .dog-suspensions td:nth-of-type(2):before {
                content: "DOG BREED";
            }

            .right-content .dog-suspensions td:nth-of-type(3):before {
                content: "DOG NUMBER";
            }

            .right-content .dog-suspensions td:nth-of-type(4):before {
                content: "OWNER'S NAME(S)";
            }

            .right-content .dog-suspensions td:nth-of-type(5):before {
                content: "SUSPENSION START DATE";
            }
}
/* Toggle Styles */
.sr-only1 {
    position: absolute;
    padding: 0;
    margin: -6px 0 0 -100px;
    overflow: inherit;
    clip: auto;
    border: 0;
    color: #000;
    font-size: 16px;
    border: solid 1px #d9d9d9;
    padding: 6px 16px;
    border-radius: 20px;
    background: #f1f1f1;
    font-family: 'Raleway-Light', sans-serif;
}

.col-xs-3-del {
    width: 40%;
    float: left;
    padding-left: 5%;
}

.col-xs-9-del {
    width: 60%;
    float: left;
}