@import url('https://fonts.googleapis.com/css?family=Arial&display=swap');
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700"); */


@font-face {
    font-family: Century Gothic. font;
    /* font-family: 'Century Gothic', sans-serif; */
    /*src: url(https://www.germanshepherdkennelclub.com/segoeprb.woff);*/
}


@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Italic.eot');

    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype');

    font-weight: normal;

    font-style: italic;

}





@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Bold.eot');

    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}


@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-SemiBold.eot');

    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans-SemiBold.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}


@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-ExtraBold.eot');

    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

}


@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Regular.eot');

    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}


@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Light.eot');

    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}


body,
html {
    font-family: 'Open Sans', serif;
}


h1,
h2,
h3,
h4,
h5 {
    font-family: Century Gothic. font;

}
/* h5 {
    font-family: 'Century Gothic', sans-serif;
} */


.container {
    width: 1200px;
    margin: 0 auto;
    /*padding: 0px 4%;*/
    max-width: 100%;
}

select:focus {
    box-shadow: unset !important;
    border-color: transparent !important;
}


/*.header{

    background: url(../img/homeimage.png) 50% 0;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: top;

    min-height: 660px;

}*/

* {

    margin: 0;

    padding: 0;

}


@media only screen and (max-width: 1024px) {

    header {

        min-height: 614px !important;

    }

}

@media only screen and (max-width: 768px) {

    .addpadigry .form {

        width: 100% !important;

    }

    header {

        min-height: 500px !important;

    }

    .abt-manag .empty {

        min-height: auto !important;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {

    .container {

        width: 100%;

        padding: 0 4%;

        max-width: 100%;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .slick-next {

        right: -30px !important;


    }

    .textmidle h2 {

        width: 100%;

    }

    .navbar-dark .navbar-nav .nav-link {

        padding: 10px 18px !important;

        color: #000 !important;

    }

    .leftdog {

        background-repeat: no-repeat;

        background-size: contain !important;

        height: 450px !important;

        position: relative;

    }

    .breeders .breader.abt-manag {

        padding: 0 0 !important;

    }

}

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

    .headinner {
        min-height: 210px !important;
    }

    .galmaster a img {
        max-height: initial !important;
    }

    .container.mt-5.mb-5.col-md-6.col-md-offset-4 h1 {
        font-size: 28px;
        margin-bottom: 25px;
    }

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


    .headinner-no-background-img {
        min-height: 250px !important;
    }


    .container.mt-5.mb-5.col-md-6.col-md-offset-4 h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .Manage-pedigree.m-5 p a {
        display: inline-block;
        width: 135px;
        font-size: 13px;
        margin-bottom: 8px;

    }


    .newesletter .subscribe {
        color: #fff;
        margin-left: 3px !important;
        padding: 5px 25px !important;
    }


    .Manage-pedigree.m-5 {
        margin: 20px !important;
        text-align: center;
    }

    .Manage-images.m-5 p a {
        display: inline-block;
        width: 135px;
        font-size: 13px;
        margin-bottom: 8px;
    }

    .containernew li a {
        display: inline-block;
        width: 143px;
        font-size: 13px;
        margin-bottom: 8px;
        text-align: center;
    }

    .Manage-images.m-5 {
        margin: 25px !important;
        text-align: center;
        position: relative;
        z-index: 99;
    }



    .addpadigry h3 {
        font-size: 20px;
    }


    .navbar-dark .navbar-brand {

        color: #fe0000;

        font-size: 19px !important;

        white-space: unset;

    }

    .carousel-indicators {

        left: auto;

        right: 0;

        z-index: 0;

        margin-right: 7%;

        bottom: -16% !important;

    }

    .middleboard {
        height: 250px !important;
    }


    .textmidle {

        height: 220px !important;

    }

    .abt-manag button {

        margin: 30px auto !important;

        display: table;

    }

    .breeders .breader.abt-manag {

        padding-right: 0 !important;

    }

    .d-xs-none {

        display: none;

    }

    .pedigree_table .form li.span5 span {

        width: 60px !important;

    }

    .form li.span5 span b {

        font: bold 11px arial !important;

    }

    .moredetail table {

        width: 100% !important;

    }

    .pedigree_table .form ul {

        margin: 10px 0 !important;

        display: table;

        width: 100%;

    }

    .heightpdg {

        height: auto !important;

    }

    .heightvid {

        height: auto !important;

    }

    .toban a {

        color: #fff;

        padding: 6px 5px 0 !important;

        font-size: 12px !important;

        display: inline-block;

    }

    .register .left {

        padding: 15px !important;

    }


    .register #login-box {

        position: relative;

        margin: 5% auto;

        width: 100% !important;

    }

    .login form {

        background: #fff;

        padding: 4em 1em 0 !important;

    }

    body .optionsa {

        padding: 20px 15px !important;

    }

    .toheadimg {

        height: auto !important;

    }

    .admintile a {

        display: block;

        float: none !important;

    }

    body .height165 {

        height: auto !important;

        width: 100%;

    }

    .blogitemdetail .letright span:last-child {

        float: left !important;

    }

    .blogitemdetail p,
    .blogitem p {

        white-space: unset !important;

    }

    .headinner h3 {

        font-size: 16px !important;

    }

    .videostabs h3 {
        text-align: center;
        font-size: 20px;
    }

    .tablelist.pdgscroll h3 {
        font-size: 24px;
    }


    .pd_mating_4 {
        border: solid 0px #666666 !important;
        height: auto !important;
    }

    .thumb {
        width: 50px !important;
    }

    .rightshow h3 {
        padding: 15px 15px;
        font-size: 20px;
    }

    .xs-btn {
        font-size: 14px !important;
        background: #a8741a;
        display: inline-block;
        line-height: 35px;
        padding: 0px 20px !important;


    }


    .cell_3 {
        height: auto !important;
        font-size: 12px !important;
    }

    .cell_1 {
        height: auto !important;
        font-size: 12px !important;
    }

    .cell_2 {
        height: auto !important;
        font-size: 12px !important;
    }

    .cell_4 {
        height: auto !important;
        font-size: 12px !important;
    }

    .videostabs .row {
        margin: 0 auto;
        display: block;
    }

    .headinner h3 {
        position: absolute;
        left: 0;
        top: 38%;
        color: #fff;
        z-index: 1;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        width: 65%;
        margin: 0 auto;
    }

    .tablelist.width980.pdgscroll {


        width: 343px !important;


        overflow-x: scroll;

    }

    .tablelist.width980.pdgscroll table {}

    .blogitem a img {

        height: auto !important;

    }

    .blogitemdetail a {

        display: block !important;

        width: 100% !important;

        margin: 0 0 20px !important;

    }

    .blogitem a {

        display: block !important;

        width: 100% !important;

        margin: 0 0 20px !important;

    }

    .galmaster a {

        display: block !important;

        width: 100% !important;

    }

    .galmaster a img {

        height: auto !important;

    }

    .galmaster a img {
        width: 100% !important;
    }

    .upload {

        float: left !important;

    }

    .padmoblesright {


        padding-left: 15px !important;

    }

    .padmoblesleft {


        padding-right: 15px !important;


    }

    .tablelist {

        padding: 40px 16px !important;

        display: block;

    }

    .moredetail h3 {

        font-size: 21px;

        padding-top: 20px;

    }

    .width980 {

        width: 100% !important;

        padding: 25px 0 !important;

    }

    .large-6 {

        width: 100% !important;

    }

    .leftrightdot {

        margin: 27px 0 17px 24px !important;

    }

    .leftrightdot h3 {

        line-height: 46px;

    }

    .searchmore {

        background: rgba(134, 134, 134, 0.95) !important;

    }

    .searchmore button {

        margin-top: 12px !important;

        width: 94% !important;

    }

    .searchmore input {

        padding: 9px 15px;

        width: 63% !important;

    }

    .navbar-scroll {

        background: #000 !important;

    }

    .navbar-collapse {


        background: #fff;

    }

    .navbar-nav .nav-item {}

    .navbar {}

    .navbar-dark .navbar-nav .nav-link {

        color: #000 !important;

        text-transform: uppercase;

        font-size: 14px;

        padding: 8px 18px !important;

        font-weight: 500;

        border: 1px solid #f3f2f2;

    }

    section.dg-back {
        margin-top: -100px !important;
    }

    li.nav-item.logout a {
        color: #fff;
    }

    .logout {
        margin-top: 0px;
        width: max-content;
        margin-left: 15px;
    }

    .dg-back p {
        line-height: 22px;
    }

    .footer-content .des {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    footer .list-unstyled.text-content li a {
        padding: 0px !important;
    }

    .newesletter h2 {
        text-align: center;
        color: #fff;
        padding: 0;
        margin-bottom: 25px;
        font-size: 22px;
    }

    .pagination li a {
        display: table;
        width: max-content !important;
        text-align: center;
        color: #000;
        font-size: 15px;
        padding: 6px 12px;
        border: 1px solid #f00;
        transition: all 0.3s ease-in-out;
        font-weight: 500;
        height: 38px;
        align-items: center;
        display: flex !important;
    }

    .searchmem>h3 {
        padding: 10px 14px;
        font-size: 20px;
    }



    .footer-content p {
        color: #fff;
        line-height: 20px;
    }

    .footer-title h5 {
        font-size: 20px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .footer-copyright p {
        font-size: 12px;
    }


    .newesletter .subscribe {
        margin-left: 3px;
        padding: 4px 25px;
        margin-top: 0px;
    }


    .dg-back h1 {
        font-size: 28px !important;
        text-align: center;
        margin-bottom: 15px !important;
    }


    .newesletter input[type=text],
    .newesletter input[type=submit] {

        width: 100% !important;

    }

    .leftdog {

        background-repeat: no-repeat;

        background-size: contain !important;

        height: 419px !important;


    }

    .Breed h2 {
        font-size: 28px !important;
        margin-bottom: 0px;
        padding: 5px;
        margin-top: 25px;
    }



    .textmidle h2 {
        width: 70%;
        font-size: 32px !important;
    }

    .textmidle:before {

        width: 89% !important;

    }

    .slick-next {

        right: -29px !important;

    }

    .row {

        margin: 0 !important;

    }

    .abt-manag {

        padding-left: 14px !important;

    }

    .pdgnav {
        padding: 10px 15px !important;
    }

    .pdgdetail {
        margin-bottom: 15px
    }

}

@media only screen and (max-width: 425px) {

    header {
        min-height: auto !important;
    }

    .logo-res {

        width: 60%;

    }

}

@media only screen and (max-width: 375px) {

    header {

        min-height: 330px !important;

    }

}

@media only screen and (max-width: 360px) {

    header {

        min-height: 290px !important;

    }

}

@media only screen and (max-width: 335px) {

    .navbar-brand {

        margin-right: 0;

    }

}

body h1,
h2,
h3,
h4,
h5,
h6 {}

.navbar-dark .navbar-nav .nav-link {

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    font-size: 14px;

    padding: 0 26px;

}

.dg-pad {

    padding-right: 0;

}

.dg-back {

    padding-top: 150px;

}

.dg-back p {

    color: #fff;

    font-family: Poppins, serif;

    font-size: 16px;

    margin-bottom: 0;

    padding: 8px 4px;

    text-align: center;

}



.dg-back h1 {

    color: #fff;

    font-family: Century Gothic. font;

    font-size: 50px;

    margin-bottom: 30px;

}

.abt-manag .empty {

    min-height: 160px;

}

.abt-manag {

    padding-left: 70px;

}

.abt-manag button {

    background-color: #fe0000;

    border: none;

    padding: 5px 10px;

    color: #fff;

    border-radius: 5px;

    box-shadow: -5px -5px 0 #5e1012;

    margin-top: 30px;

}

.Breed h2 {
    color: #fff;
    font-size: 50px;
    text-align: center;
}

.Breed p {

    color: #a8741a;

    font-size: 14px;

    text-align: center;

    font-family: Poppins;

}


/*slide*/

h2 {

    text-align: center;

    padding: 20px;

}

/* Slider */


.slick-slide {

    margin: 0 20px;

}


.slick-slide img {

    width: 100%;

}


.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}


.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus {

    outline: none;

}

.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}


.slick-slider .slick-track,
.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}


.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,
.slick-track:after {

    display: table;

    content: '';

}

.slick-track:after {

    clear: both;

}

.slick-loading .slick-track {

    visibility: hidden;

}


.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide {

    float: right;

}

.slick-slide img {

    display: block;

}

.slick-slide.slick-loading img {

    display: none;

}

.slick-slide.dragging img {

    pointer-events: none;

}

.slick-initialized .slick-slide {

    display: block;

}

.slick-loading .slick-slide {

    visibility: hidden;

}

.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}

.m-0 {

    margin: 0;

}

.middleboard {

    background-repeat: no-repeat;

    background-size: cover;

    height: 520px;

}

.textmidle {

    height: 520px;

    transition: all 0.3s ease-in-out;

    padding: 20px 20px;

    position: relative;

}

.wrapperclass {

    padding: 50px 0;

}

.pdn {

    padding: 0;

}

.textmidle h2 {

    position: absolute;

    left: 50%;

    top: 50%;

    color: #fff;

    transform: translate(-50%, -50%);

    font-size: 40px;

}

.breeders {
    display: table;
    width: 100%;
    clear: both;
    padding: 0;
}

.leftdog {

    background-repeat: no-repeat;

    background-size: cover;

    height: 724px;

    position: relative;

}

.imgcenterdor {

    text-align: center;

    position: relative;

    top: 37px;

}

.imgcenterdor img {


    width: 18%;

}

.galmaster {

    display: table;

    width: 100%;

    clear: both;

    padding: 0 0 40px;

}

.newesletter {

    background: #010101;

    padding: 50px 0;

    transition: all 0.5s ease-in-out;

    text-align: center;
    position: relative !important;
    z-index: 2;
}

.rightbarhid{
    position: relative !important;
    z-index: 2;
}

.newesletter input[type=text],
.newesletter input[type=submit] {

    width: 47%;

    padding: 12px;

    margin: 8px 0;

    display: inline-block;

    border: 2px solid #a8741a;

    box-sizing: border-box;

    height: 50px;

    transition: all 0.5s ease-in-out;

    background: transparent;

    border-radius: 3px;

    color: #fff;

}

.newesletter .subscribe {

    color: #fff;

    margin-left: 3px;

    padding: 12px 35px;

    margin-top: -3px;

    border-radius: 5px;

    font-size: 18px;

    transition: all 0.3s ease-in-out;

    background-color: #a8741a;

    border-color: #a8741a;

}

.newesletter h2 {


    text-align: center;


    color: #fff;


    padding: 0;


    margin-bottom: 25px;

}

.newesletter p {


    color: #a8741a;

}

.footer-top {

    padding: 25px 0;

    background: #010101;

    border-top: 1px solid #a8741a;

}

.footer-content {

    line-height: 30px;

    font-size: 14px;

    font-weight: 400;

}

.footer-content .des {

    margin-top: 25px;

    margin-bottom: 35px;

}

.footer-contact li {

    padding: 3px;

    color: #a1792e;

    list-style: none;

}

.follow label {

    display: none;

}

ul.link-follow {

    display: block;

    vertical-align: top;

    margin-top: 10px;

    overflow: hidden;

}

ul.link-follow li {

    float: left;

    margin-right: 10px;

    margin-top: 10px;

}

ul.link-follow li a {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    color: #ffffff;

    background: #670001;

    border-radius: 100%;

    font-size: 0;

    line-height: 40px;

    padding: 0;

    width: 40px;

    height: 40px;

    text-align: center;

    z-index: 1;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}

ul.link-follow li a:before {

    font-size: 16px;

}

.footer-title h5 {

    color: #a8741a;

    font-size: 23px;

    line-height: 24px;

    text-transform: capitalize;

    margin-top: 20px;

    margin-bottom: 24px;

}

.footer-content p {

    color: #fff;

}

.list-unstyled {

    padding-left: 0;

    list-style: none;

}

footer .list-unstyled.text-content li a {

    color: #ffffff;

    display: block;

    font-weight: 400;

    padding: 3px 0;

    transition: all 0.3s ease-in-out;

}

footer .list-unstyled.text-content li a:hover {

    color: #fff;

    padding-left: 7px;

    transition: all 0.3s ease-in-out;

}

a,
button,
body,
html {

    transition: all 0.3s ease-in-out;

}

.footer-copyright p {

    text-align: center;

    color: #a8741a;

    margin-bottom: 0;

}

.footer-copyright a {
    color: #907d5c;
}

.Breed {

    margin-bottom: 40px;

}

.galmaster a {
    display: inline-block;
    padding: 5px 2px;
    width: 24%;
    margin-bottom: 15px;
}

.breeders .breader.abt-manag {


    padding: 0 95px;

}

.textmidle:before {

    content: '';

    height: 93%;

    width: 94%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #bc8d44c2;

    transition: all 0.3s ease-in-out;

    margin: 20px 20px;

}

.middleboard:hover .textmidle:before {

    content: '';

    height: 93%;

    width: 94%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #fe00007d;

    transition: all 0.3s ease-in-out;

    margin: 20px 20px;

}

.dogslide:hover .hovershow {

    transition: all 0.3s ease-in-out;

    opacity: 1;

    bottom: 10px;

    background: #fe00007d;

}

.hovershow {

    transition: all 0.3s ease-in-out;

    opacity: 1;

    transform: translateY(0px);

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: #bc8d44c2;

    z-index: 999999;

    text-align: center;

    padding: 15px 0;

}

.hovershow span {


    color: #fff;


    position: relative;


    font-size: 16px;

}

.hovershow p {}

.dogslide {

    position: relative;

    box-shadow: inset 15px 0 20px -15px #111;

    height: 230px;

}


.slick-prev:before {

    background-image: url('../images/left.png');

    background-size: 50px 50px;

    display: inline-block;

    width: 50px;

    height: 50px;

    content: "";

}

.slick-next:before {

    background-image: url('../images/right.png');

    background-size: 50px 50px;

    display: inline-block;

    width: 50px;

    height: 50px;

    content: "";

}

.slick-next {


    text-indent: -5px;


    width: 50px;


    height: 50px;


    background: transparent;


    border: none;


    position: absolute;


    z-index: 999999999;


    top: 37%;


    overflow: hidden;


    color: #afafaf;


    right: -25px;

}

.slick-prev:focus,
.slick-next:focus {

    outline: none;

}

.slick-prev {


    text-indent: -5px;


    width: 50px;


    height: 50px;


    background: transparent;


    border: none;


    position: absolute;


    z-index: 999999999;


    top: 37%;


    overflow: hidden;


    color: #afafaf;


    left: -30px;

}

.navbar-dark .navbar-nav .nav-item:last-child .nav-link {

    padding-right: 0;

}

.headertop {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 9;

}


.navbar-scroll {

    position: fixed;

    z-index: 999999999;

    top: 0;

    left: 0;

    right: 0;

    background: #fff;

    transition: all 0.3s ease-in-out;

}

.navbar-scroll img {


    width: 155px;

}

.navbar-dark.navbar-scroll .navbar-nav .nav-link {


    color: #000;


    font-weight: 400;

}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {

    color: rgb(168, 116, 26);

    transition: all 0.3s ease-in-out;

}

a:hover,
a:focus {

    text-decoration: none;

}

.newesletter .subscribe:hover {

    color: #fff;

    background-color: #fe0000;

    border-color: #fe0000;

}

.searchmore {


    position: absolute;


    left: 0;


    right: 0;


    top: 100%;


    background: rgba(134, 134, 134, 0.55);


    padding: 20px 0;


    text-align: center;

}

.searchmore input {

    padding: 9px 15px;

    width: 40%;

    border: 2px solid #f00;

    border-radius: 3px;

}

.searchmore button {

    background: #fe0000;

    color: #fff;

    padding: 9px 20px;

    border-radius: 0;

    margin-top: -4px;

}

.carousel-indicators li {


    height: 20px;


    border-radius: 100%;


    width: 20px;

}

.carousel-indicators {


    left: auto;


    right: 0;


    margin-right: 7%;


    bottom: 8%;

}

.carousel-indicators .active {


    background-color: #a8741a;

}


/*about css*/


.headinner {
    background: url(../images/boxer.jpg) 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    min-height: 323px;
    position: relative;
    padding: 15% 0;
}

.headinner-no-background-img {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    min-height: 323px;
    position: relative;
    padding: 15% 0;
}

.headinner h3 {

    position: absolute;

    left: 0;

    top: 47%;

    color: #fff;

    z-index: 1;

    right: 0;

    text-align: center;

    text-transform: uppercase;

    font-size: 35px;

}

.headinner:after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #0000008a;

    z-index: 0;

}

.breadcom {


    z-index: 10;


    position: absolute;


    top: 63%;


    left: 0;


    right: 0;


    text-align: center;

}

.breadcom a {


    color: #fff;


    font-size: 13px;


    text-transform: uppercase;

}

.breadcom span {


    color: #fff;

}

#header {

    display: table;

    clear: both;

    width: 100%;

}

.leftrightdot {

    margin: 0 0 35px 24px;

    display: table;

    clear: both;

    position: relative;

}


.leftrightdot h3:before {


    content: '';


    position: absolute;


    left: -24px;


    background: #ff0000;


    width: 6px;


    height: 26px;

}

.whowe {

    margin-bottom: 12px;

    font-weight: 400;

    font-size: 19px;

    color: #676767;

}

.section-innerbar {

    padding: 0 0;

}

.margin50 {

    margin: 50px 0;

}


.bg-ghostwhite {

    background: #F2F9FF;

    padding: 15px 0 0;

}

.section-title {

    font-weight: 700;

    margin-bottom: 35px;

}

.font-black {

    color: #1c1c1c;

}


.text-uppercase {

    text-transform: uppercase;

}

.font-blue {

    color: #01539F;

}

.padd-b-20 {

    padding-bottom: 20px;

}


.section-sub-title {

    width: 50%;

    margin: auto;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    line-height: 26px;

    font-weight: 400;

    padding-top: 10px;

}


.contactus input {

    height: 50px;

    margin-bottom: 30px;

    border-color: #EEE !important;

    background: #fff;

    padding-left: 15px;

    font-size: 15px;

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0;

    background-color: #fff;

    border-style: solid;

    border-width: 1px;

    border-color: #ccc;

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    color: rgba(0, 0, 0, 0.75);

    display: block;

    font-family: inherit;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: border-color .15s linear, background .15s linear;

    -moz-transition: border-color .15s linear, background .15s linear;

    -ms-transition: border-color .15s linear, background .15s linear;

    -o-transition: border-color .15s linear, background .15s linear;

    transition: border-color .15s linear, background .15s linear;

}


.large-6 {

    width: 50%;

    padding-left: .9375rem;

    padding-right: .9375rem;

    float: left;

    position: relative;

}


div.custom-contact-form div.large-6::after,
div.custom-contact-form .large-12::after,
div.custom-contact-form .large-9::after {

    position: absolute;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    color: #fe6a00;

    font-size: 18px;

    top: 12px;

    right: 30px;

}


div.custom-contact-form div.large-6 span textarea,
div.custom-contact-form .large-12 span textarea,
div.custom-contact-form .large-9 span textarea {

    max-height: 179px;

    margin-bottom: 30px;

    border-color: #EEE !important;

    background: #fff;

    font-size: 15px;

    padding-left: 0.9375rem;

    padding-right: .9375rem;

    margin: 0 9px;

    width: 98%;

    padding-top: 10px;

}

div.custom-contact-form .large-12 input {

    background-color: #fe0000;

    border-radius: 5px;

    border: none;

    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: 1.33px;

    height: 45px;

    margin-left: 9px;

    width: 120px;

    margin-top: 15px;

}

.contactus {

    padding: 50px 0;

}

.contactus .leftrightdot h3 {

    margin-top: 0;

}


.leftrightdotpigment {

    position: relative;

    display: table;

    padding-left: 23px;

}


.leftrightdotpigment h3:before {

    content: '';

    position: absolute;

    left: 0;

    background: #803480;

    width: 6px;

    height: 26px;

}


.section-innerbar {

    padding: 30px 0;

}

.desc ul {


    padding-left: 20px;


}

.desc ul li {


    padding: 2px 0;

}

.box-text-container h2 {

    text-align: left;

    padding: 0;

}


/*innercss*/


.width980 {


    width: 1022px;


    background: #fff;


    margin: 0 auto;

}

.listde {


    padding: 50px 0;


    background: #f5f5f5;

}

.listde ul {


    padding: 0 0;

    transition: all 0.4s ease-in-out;

    list-style: none;

}

.listde ul li {


    position: relative;

    transition: all 0.4s ease-in-out;

    clear: both;


    display: block;


    width: 100%;

}

.listde ul li a {


    color: #000;


    font-weight: 500;


    font-size: 14px;


    padding: 7px 0;


    position: relative;


    display: block;


    transition: all 0.4s ease-in-out;


    border-bottom: 1px solid #eee;

}

.listde ul li a:hover::before {

    transition: all 0.4s ease-in-out;

    content: "\f178";

    display: block;

    font: normal normal normal 16px/1 FontAwesome;

    display: inline-block;

    position: relative;

    left: 0;

    color: #fc0203;

    top: 0;

    padding: 0 8px;

}

.listde ul li a:hover {

    padding-left: 8px !important;

    transition: all 0.4s ease-in-out;

    color: #fc0203;

}

.img-responsive {

    width: 100%;

}

.contimg {


    padding: 10px 13px;

}

.contimg p {


    font-size: 14px;


}

.contimg h3 {


    font-size: 17px;

}

.contimg .btn {


    background: #fd0000;


    color: #fff;

    transition: all 0.3s ease-in-out;

    margin: 13px auto;


    display: table;

}

.inproduct {

    margin-bottom: 30px;

}

.contimg .btn:hover {

    background: #000;

    transition: all 0.3s ease-in-out;

}

.listdetail {

    margin: 50px 0 0;

    clear: both;

    width: 100%;

    padding: 16px 0;

}

.moredetail {
    text-align: left;
    font-weight: 500;
    padding: 12px 7px;
    font-size: 13px;
}

.moredetail h3 {
    font-size: 21px;
    margin-bottom: 0;
    color: #F75C03 !important; /* DOG FULL NAME */
}

.d-table {


    width: 100%;


}

.table-cell {


    display: table-cell;


    width: 144px;


    border-bottom: 1px solid #eee;


    padding: 3px 0;

}

.block-f {

    display: table;

    clear: both;

    width: 100%;

    border-bottom: 1px solid #eee;

    padding: 4px 0;

}

.clearboth {

    display: table;

    clear: both;

    width: 100%;

    padding: 4px 0;

}

.tablelist {

    padding: 40px 0;

}

.tablelist h3 {

    margin-bottom: 20px;

}

.table-bordered td,
.table-bordered th {

    border: 1px solid #dee2e6;

    font-weight: 500;

    font-size: 15px;

}

.avilable {}

.avilable h3 {


    text-align: center;


    font-size: 18px;


    padding: 20px 0;


    background: #eee;


    margin-bottom: 0;

}

.avilable .d-table {


    padding: 20px 20px;

}


.tabs-left {

    border-bottom: none;

    border-right: 1px solid #ddd;

}


.tabs-left>li {

    float: none;

    margin: 0;

    list-style: none;

    width: 100%;

}

.tabs-left>li>a {


    position: relative;


    display: block;


    width: 100%;


    padding: 10px 45px;


    color: #000;


    font-weight: 500;

}

.tabs-left>li>a.active,
.tabs-left>li>a:hover,
.tabs-left>li>a.active:focus {

    border-bottom-color: #ddd;

    border-right-color: transparent;

    background: #fe0000;

    border: none;

    border-radius: 0;

    margin: 0;

    color: #fff;

}

.nav-tabs>li>a:hover {}

.tabs-left>li>a.active::after {

    content: "";

    position: absolute;

    top: 10px;

    right: -10px;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #fe0000;

    display: block;

    width: 0;

}


.tabsec {

    display: table;

    clear: both;

    width: 100%;

    padding: 25px 0;

}

.backeee {

    background: #eee;

    padding: 30px 30px;

    margin-top: 40px;

}


.tablelist tr {}

.tablelist td {


    background: #fff;

}


/*show start css*/


.author-info img {

    position: absolute;

    left: 30px;

    top: 30px;

    width: 100px;

    height: 100px;

    border-radius: 50%;

}

.author-info h4 {

    font-size: 18px;

}

.author-info .author-social a {

    color: #fc0204;

    margin-right: 12px;

}

.author-info {

    position: relative;

    padding: 30px 30px 30px 150px;

    border: 1px solid #eee;

    margin-bottom: 35px;

    background: #fff;

}


.comments-title,
.comment-reply-title {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 28px;

}

.xs-comments-area .comments-list .comment {

    position: relative;

}


.xs-comments-area .comments-list .comment .comment-body img {

    position: absolute;

    left: 0;

    top: 0;

    width: 65px;

    height: 65px;

    border-radius: 50%;

}

.xs-comments-area .comments-list .comment .comment-body .comment-content {

    border-bottom: 1px solid #eee;

    padding-bottom: 8px;

    margin-bottom: 15px;

}

.xs-comments-area .comments-list .comment .comment-body .comment-date {

    font-size: 12px;

    font-style: italic;

    color: #6d6d6d;

}


.xs-comments-area .comments-list .comment .comment-body .comment-date {

    font-size: 12px;

    font-style: italic;

    color: #6d6d6d;

}


.xs-comments-area .comments-list .comment .comment-body .reply {

    margin-bottom: 40px;

}

.xs-comments-area {

    border-bottom: 1px solid #eee;

    margin-bottom: 50px;

}


.xs-comments-area .comments-list .comment {

    position: relative;

    background: #fff;

    padding: 9px 13px;

}

.xs-comments-area .comments-list .comment .comment-body .comment-author a {

    font-size: 16px;

    font-weight: 600;


    color: #282828;

}

.xs-comments-area .comments-list .comment .comment-body {

    padding-left: 92px;

    position: relative;

}

.xs-comments-area .comments-list .comment .comment-body .comment-reply-link {

    font-family: "Open Sans", sans-serif;

    color: #6d6d6d;

}

ul.comments-list {

    list-style: none;

}


ul.children {

    list-style: none;

    margin-bottom: 13px;

    padding: 0 0;

}

.xs-form .form-submit {

    text-align: right;

}

.xs-btn {

    font-size: 16px;

    font-weight: 600;


    color: #FFFFFF;

    background: #a8741a;

    display: inline-block;

    line-height: 54px;

    padding: 0 40px;

    border: 1px solid #a8741a;

    border-radius: 2px;

    transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    cursor: pointer;

}

.xs-form .form-submit {

    text-align: right;

}

.comments-title,
.comment-reply-title {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 28px;

}

.xs-form input,
.xs-form textarea {

    margin-bottom: 20px;

}

.optionset {


    clear: both;


    background: #f5f5f5;


    padding: 15px 20px;


    margin: 20px 0;


    border: 1px solid #eee;

}

.rightshow h3 {


    padding: 18px 18px;


    background: #efefef;

}


.rightshow {


    border: 1px solid #eee;


    padding: 0 0;

}

.rightshow ul {


    list-style: none;

}

.rightshow ul li {
    padding: 7px 23px;
}

.rightshow ul li a {

    transition: all 0.4s ease-in-out;

    color: #000;


    font-weight: 500;

}

.rightshow ul li a:hover {

    padding-left: 8px !important;

    transition: all 0.4s ease-in-out;

    color: #fc0203;

}
.showdetail>.container>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.showdetail {


    padding: 40px 0;

}

.rightshow ul li a:hover::before {

    transition: all 0.4s ease-in-out;

    content: "\f178";

    display: block;

    font: normal normal normal 16px/1 FontAwesome;

    display: inline-block;

    position: relative;

    left: 0;

    color: #fc0203;

    top: 0;

    padding: 0 8px;

}


.register #login-box {

    position: relative;

    margin: 5% auto;

    width: 600px;

    height: 100%;

    background: #FFF;

    border-radius: 2px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

}


.register .left {

    top: 0;

    left: 0;

    box-sizing: border-box;

    padding: 40px;

    width: 100%;

    height: 100%;

}


.register h1 {

    margin: 0 0 20px 0;

    font-weight: 300;

    font-size: 30px;

    text-align: center;

}


.register input[type="text"],
.register input[type="password"] {

    display: block;

    box-sizing: border-box;

    margin-bottom: 20px;

    padding: 6px 9px;

    width: 100%;

    height: 50px;

    border: none;

    border-bottom: 1px solid #AAA;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    font-size: 15px;

    transition: 0.2s ease;

}


.register input[type="text"]:focus,
.register input[type="password"]:focus {

    border-bottom: 2px solid #a8741a;

    color: #000000;

    transition: 0.2s ease;

    outline: none;

}


.register input[type="submit"] {

    width: 135px;

    height: 43px;

    background: #a8741a;

    border: none;

    border-radius: 2px;

    color: #FFF;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    text-transform: uppercase;

    transition: 0.1s ease;

    cursor: pointer;

    margin: 40px auto 0;

    display: table;

}


.register input[type="submit"]:hover,
.register input[type="submit"]:focus {

    opacity: 0.8;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

    transition: 0.1s ease;

}


.register input[type="submit"]:active {

    opacity: 1;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

    transition: 0.1s ease;

}


.register .or {

    position: absolute;

    top: 180px;

    left: 280px;

    width: 40px;

    height: 40px;

    background: #DDD;

    border-radius: 50%;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

    line-height: 40px;

    text-align: center;

}


.register .right {

    position: absolute;

    top: 0;

    right: 0;

    box-sizing: border-box;

    padding: 40px;

    width: 300px;

    height: 400px;

    background: url('../images/Blur-Background.jpg');

    background-size: cover;

    background-position: center;

    border-radius: 0 2px 2px 0;

}


.register .right .loginwith {

    display: block;

    margin-bottom: 40px;

    font-size: 28px;

    color: #fff;

    text-align: center;

}


.register button.social-signin {

    margin-bottom: 20px;

    width: 220px;

    height: 36px;

    border: none;

    border-radius: 2px;

    color: #FFF;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    transition: 0.2s ease;

    cursor: pointer;

}


.register button.social-signin:hover,
.register button.social-signin:focus {

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

    transition: 0.2s ease;

}


.register button.social-signin:active {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

    transition: 0.2s ease;

}


.register button.social-signin.facebook {

    background: #32508E;

}


.register button.social-signin.twitter {

    background: #55ACEE;

}


.register button.social-signin.google {

    background: #DD4B39;

}


/*login css*/


.login form {

    background: #fff;

    padding: 4em 4em 2em;

    max-width: 600px;

    margin: 50px auto;

    box-shadow: 0 0 1em #e1e1e1;

    border-radius: 2px;

}

.login form h2 {

    margin: 0 0 50px 0;

    padding: 0 10px 30px;

    text-align: center;

    font-size: 30px;

    color: #666666;

    border-bottom: solid 1px #e5e5e5;

}

.login form p {

    margin: 0 0 3em 0;

    position: relative;

}

.login form input {

    display: block;

    box-sizing: border-box;

    width: 100%;

    outline: none;

    margin: 0;

}

.login form input[type="text"],
.login form input[type="password"] {

    background: #fff;

    border: 1px solid #dbdbdb;

    font-size: 1.6em;

    padding: 10px 10px;

    border-radius: 2px;

}

.login form input[type="text"]:focus,
.login form input[type="password"]:focus {

    background: #fff;

}

.login form span {

    display: block;

    background: #F9A5A5;

    padding: 2px 5px;

    color: #666;

}

.login form input[type="submit"] {

    background: rgb(168, 116, 26);

    box-shadow: 0 3px 0 0 rgb(168, 116, 26);

    border-radius: 2px;

    border: none;

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 2em;

    line-height: 1.6em;

    margin: 2em 0 0;

    outline: none;

    padding: 5px 0;

    text-shadow: 0 1px #68B25B;

}

.login form input[type="submit"]:hover {

    background: #535353;

    text-shadow: 0 1px 3px rgb(83, 83, 83);

}

.login form label {

    position: absolute;

    left: 8px;

    top: 12px;

    color: #999;

    font-size: 16px;

    display: inline-block;

    padding: 4px 10px;

    font-weight: 400;

    background-color: rgba(255, 255, 255, 0);

    -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;

    -o-transition: color 0.3s, top 0.3s, background-color 0.8s;

    -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;

    transition: color 0.3s, top 0.3s, background-color 0.8s;

}

.login form label.floatLabel {

    top: -11px;

    background-color: rgba(255, 255, 255, 0.8);

    font-size: 14px;

}


.brosermember {


    -webkit-columns: 3 375px;


    -moz-columns: 3 375px;


    columns: 3 375px;


    -webkit-column-gap: 35px;


    -moz-column-gap: 35px;


    column-gap: 38px;


    margin-top: 5px;


    position: relative;


    margin-bottom: 45px;


}

.brosermember h3 {


    margin-bottom: 30px;

}

.useradmin {
    width: 100%;
    padding-top: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 16px;
    position: relative;
    background: #eee;
    margin-bottom: 20px;
}

.useradmin img {


    /*background-color: #868686;*/


    vertical-align: middle;


    position: absolute;


    bottom: 0;


    left: 0;


    right: 0;


    top: 0;


    margin: auto;


    max-width: 100%;


    max-height: 100%;


    width: auto;

}

.admintile {


    padding: 10px 10px;


    display: table;


    width: 100%;


    margin-bottom: 0;

}

.admintile a {
    color: #000;
    font-weight: 500;
    display: block;
    font-size: 13px;
    padding-bottom: 4px;
    word-break: break-word;
}

.people {
    padding: 50px 0;
}

.searchmem {}

.searchmem>h3 {


    background: #a8741a;


    padding: 15px 14px;


    text-align: center;


    color: #fff;


    margin-bottom: 50px;

}

.findmember {


    background: #a8741a;


    color: #fff;


    margin-top: 20px;

}

.searchform {


    border: 1px solid #ddd;


    padding: 35px 35px;


    margin-bottom: 40px;


    border-radius: 3px;


    box-shadow: 0 1px 5px #ddd;


    background: #f5f5f5;

}

.searchform label {


    font-weight: 600;


    display: block;


    width: 100%;

}.logout .dropdown-menu{
    left: auto;
    right: 0px;
}

.logout .btn, .nav-item.logout {

    background: #f00;

    color: #fff;

    padding: 10px 8px 10px;

    line-height: 0;

    border-radius: 3px 3px;

    margin-top: -4px;

}

.logout a {

    color: #000;

    padding: 5px 5px;

    display: inline-block;

}

.logout span {

    color: #fff;

}

.toban {


    float: left;

}

.toban a {

    color: #fff;

    padding: 6px 13px 0;

    font-size: 14px;

    display: inline-block;

}

.toban span {

    color: #fff;

}

.upload {


    float: right;

    padding: 11px 10px 0;

}

.upload a {


    color: #fff;

    font-size: 14px;

}

.upload i {}

.navbar {


    display: table;

    clear: both;

    width: 100%;

    padding: 0 14px;

}

.blogsecton {

    padding: 35px 0;

    background: #fdfdfd;

}

.blogitem {

    display: table;

    width: 100%;

    clear: both;

    padding: 0 0 40px;

}

.blogitem a {

    display: inline-block;

    padding: 0 0;

    border: 1px solid #eee;

    margin: 10px 10px;

    width: 18%;

    vertical-align: top;

}

.blogitem .with-border {
    border: 1px solid #eee;
}

.blogitem .with-border a{
    border: 0;
    width: 100%;
    margin: 0px;
    margin-top: 10px;
}

.blogitem img {

    /*background-color: #868686;*/

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

    width: auto;

}

.blogitem p {


    background: #f3f3f3;


    margin: 0;


    padding: 10px 11px;


    color: #000;


    font-weight: 500;


    white-space: nowrap;


    overflow: hidden;


    text-overflow: ellipsis;

}

.blogitemdetail {

    display: table;

    width: 100%;

    clear: both;

    padding: 0 0 40px;

}

.blogitemdetail p {


    border: 1px solid #eee;


    margin: 0;


    padding: 7px 10px;

    background: #f2f2f2;

    color: #000;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.blogitemdetail a {

    display: inline-block;

    padding: 0 0;

    margin: 10px 10px;

    width: 23%;

}

.blogitemdetail .letright span:first-child {
    margin: 0;
    padding: 10px 11px;
    color: #000;
    font-weight: 500;
}

.blogitemdetail img {


    /*background-color: #868686;*/


    vertical-align: middle;


    position: absolute;


    bottom: 0;


    left: 0;


    right: 0;


    top: 0;


    margin: auto;


    max-width: 100%;


    max-height: 100%;


    width: auto;

}

.blogitemdetail .letright span:last-child {
    float: right;
}

.blogitemdetail .letright {


    background: #eee;


    margin-bottom: 0;


    padding: 7px 11px;


    color: #000;

}

p {

    /* font-weight: 500; */

}

.solorul {}

.solorul ul {


    margin: 20px 0px;


    display: table;

}

.solorul li {}

.solorul li a {}

.optionsa {


    padding: 20px 35px;

}

.flotbot {


    background: #000;


    padding: 9px 10px;


    margin-bottom: 20px;


    display: table;


    width: 100%;

}

.flotbot span:first-child {


    color: #fff;

}

.flotbot span:last-child {


    float: right;


    color: #fff;

}

.toheadimg {

    height: 500px;

    border: 1px solid #eee;

    position: relative;

    background: #fff;

}

.toheadimg img {

    /*! height:100%; */

    margin: auto;

    vertical-align: middle;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: auto !important;

    max-width: 100%;

    max-height: 100%;

}

.thumb {


    display: inline-block;


    width: 65px;


    margin-bottom: 7px;


    margin-right: 5px;


    border: 1px solid #eee;

}

.thumb a {


    display: inline-block;

}

.thumb img {}

.topthumbs {


    margin: 12px 0px;

}

.videadimg {

    height: 100%;

    border: 1px solid #eee;

}

.audios {

    border: 1px solid #eee;

    text-align: center;

    padding: 25px 0px;

}

.descript {


    border: 1px solid #eee;


    padding: 15px 15px;


    margin-top: 20px;

}

.descript h3 {}

.descript p {}

.checkability {

    background: #a8741a;

    padding: 2px 8px;

    color: #fff;

    float: right;

    margin-top: 15px;

}

.checkability:hover {

    color: #ddd;

}


.radio {

    margin: 0.5rem 0px;

    display: inline-block;

    vertical-align: top;

    margin-right: 15px;

}

.radio input[type="radio"] {

    position: absolute;

    opacity: 0;

}

.radio input[type="radio"]+.radio-label:before {

    content: '';

    background: #f4f4f4;

    border-radius: 100%;

    border: 1px solid #b4b4b4;

    display: inline-block;

    width: 1.4em;

    height: 1.4em;

    position: relative;

    top: 1px;

    margin-right: 1em;

    vertical-align: top;

    cursor: pointer;

    text-align: center;

    -webkit-transition: all 250ms ease;

    transition: all 250ms ease;

}

.radio input[type="radio"]:checked+.radio-label:before {

    background-color: #ff0000;

    box-shadow: inset 0 0 0 4px #f4f4f4;

}

.radio input[type="radio"]:focus+.radio-label:before {

    outline: none;

    border-color: #3197EE;

}

.radio input[type="radio"]:disabled+.radio-label:before {

    box-shadow: inset 0 0 0 4px #f4f4f4;

    border-color: #b4b4b4;

    background: #b4b4b4;

}

.radio input[type="radio"]+.radio-label:empty:before {

    margin-right: 0;

}

.radio label {

    vertical-align: top;

    font-weight: 500;

}

.btnradios {

    background: #f5f5f5;

    padding: 15px 16px;

    border: 1px solid #eee;

}

.userright.fixed {
    border: 1px solid #eee;
    position: fixed;
    top: 8%;
    width: 325px;
    z-index: 1;
}

.rigtshap {
    padding: 18px 18px;
    background: #efefef;
    width: 370px;
}


.userright h3 {}

.rigtshap a {
    color: #000;
}
.rigtshap a:hover{
    color: #9a4c09;
}


/*user detail css*/


.member_info {

    width: 100%;

    float: left;

    padding: 5px 8px;

    margin-top: 10px;

}

.member_info {

    border: 1px solid #e8e8e8;

    border-radius: 5px;

    border-bottom-left-radius: 10px;

    border-top-right-radius: 10px;

}

.display_name {

    line-height: 24px;

    width: 100%;

    padding: 6px 5px 6px 5px !important;

    border: 1px solid #ddd !important;

    color: red;

    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px !important;

    vertical-align: middle !important;

    background-color: #eaeaea !important;

}

.member_info ul {

    width: 50%;

    float: left;

    margin: 10px 0;

    padding: 0 5px;

}


.member_info ul {

    border-right: 1px solid #e8e8e8;

}

.member_info li {

    list-style-type: none;

    margin: 4px 10px;

}

.member_info li span {

    float: right;

}

.related_media {

    width: 100%;

    margin-bottom: 10px;

    float: left;

}


.related_media {

    margin-top: 0px;

    padding-top: 5px;

    border: 1px solid #eee;

}

.related_media ul {

    display: block;

    list-style-type: none;

    margin: 0px 0px;

    width: 100%;

}

.related_media_thumb {

    padding: 9px 11px;

    font-size: 11px;

    border-bottom: 1px solid #eee;

}

.related_media_thumb a {

    color: #ccc;

}

.related_media_title {

    width: 149px;

    position: absolute;

    margin: 0px 0 0 0px;

    padding: 4px 5px;

    background: #eeeeee59;

}

.related_media_duration {

    width: 55px;

    position: absolute;

    margin: 73px 0 0 92px;

    padding: 1px 2px;

}

.popup-info_flipped span {

    text-align: left;

    width: 350px;

    height: 300px;

    margin: -70px 1px 0px -999em;

    display: block;

    position: absolute;

    padding: 2px;

    font-weight: normal;

}

.popup-info_flipped_tmb {

    padding: 2px;

    float: left;

    clear: both;

    margin: 14px 0px 0px 15px;

    border: 1px solid #d1d1d1;

    background: #fff;

}

.related_media img {

    width: 150px;

    height: 89px;

}

.popup-info_flipped_title {

    font-size: 14px;

    font-weight: bold;

    margin: 17px 0 0 5px;

    float: left;

    width: 220px;

}
.puppiesdetails>.container{
    max-width: 1130px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 5px;
}
.puppiesdtl{
    position: relative;
}
.puppiesdtl>img{
    width: 100%;
}
.panel-body>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: -60px;

}
.panel-body>.row>.col-sm-2{
    max-width: 12.666667% !important;
}
.hd002{
    border: 1px solid grey;
    background-color: rgb(204 154 95 / 60%);
    border: rgb(204 154 95 / 60%);
    font-weight: 600;
    padding: 10px;
}
.puppiesdtl h6{
    color: #84411f;
}
.brd1{
    box-sizing: border-box;
    border: 1px solid rgb(194, 192, 192);
    padding: 10px;
}
.brd1 p{
    margin-bottom: 0px;
}
.petmg{
    border: 2px solid rgb(204 154 95 / 60%);
}
.nr{
    padding-right: 7px;
}
.nl{
    padding-left: 7px;
}
.wte90{
    color: #84411f;
    font-weight: 500;
}
.wte99{
    color: red;
    font-weight: 500;
}
.we9{
    color: red;
}
.we91{
    color:red;
    font-size: 14px;
}
.prtimg>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.petmg img{
    width: 100%;
}

.d115{
    font-size: 29px;
    font-weight: 700;

}
.leftwd{
    float: right;
}
.descrpt{
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid rgb(194, 192, 192);
    margin-top: 2px;
}
.descrpt p{
    margin-bottom: 0px;
}
.pbtm{
    padding-bottom: 30px !important;
}

.pupnm1{
    position: absolute;
    font-size: 90px;
    font-weight: 900;
    color: black;
    text-shadow: -4px 0px 4px rgb(0 0 0 / 70%);
    right: 70px;
    top: 120px;
}
.pupnm2{
    position: absolute;
    font-size: 22px;
    font-weight: 900;
    color: black;
    top: 218px;
    right: 71px;
}
.pupnm3{
    position: absolute;
    font-size: 18px;
    font-weight: 800;
    color: black;
    right: 395px;
    top: 320px;
    text-shadow: -4px 0px 4px rgba(138, 136, 136, 0.7);
}
.pupnm4{
    position: absolute;
    font-size: 40px;
    font-weight: 900;
    color: black;
    right: 300px;
    bottom: 55px;
}

.mlparent{
    background-color: rgb(204 154 95 / 60%);
    border: rgb(204 154 95 / 60%);
    font-weight: 600;
    padding: 10px;
    margin-top: 1px;
    font-size: 16px;
    color:#84411f;
}
.minfo table td{
    border: 1px solid rgb(204 154 95 / 60%);
    padding: 5px;
    font-weight: 600;
}
.bdv a{
    color: #84411f;
}
.bdv{
    color: #b50808;
}
.bdv a:hover{
    color:#ca4400;
}
.pupydtls table td{
    border: 1px solid rgb(204 154 95 / 60%);
    padding: 5px 5px 5px 10px;
    font-weight: 600;
}
.pupydtls table{
    width: 100%;
}
.panel-title button:before {
    font-family: Fontawesome;
    content: '\f077';
    float: left;
    font-weight: 300;
    font-size: 16px;
    padding-right: 10px;
}
.panel-title button.collapsed:before {
    font-family: Fontawesome;
    content: '\f078';
    font-size: 16px;
    padding-right: 10px;
}
.fa-shopping-cart:before {
    font-size: 21px;
    color: #fb4a00;
    margin-right: 2px;
}
.fa-truck:before {
    font-size: 21px;
    color: #fb4a00;
    margin-right: 2px;
}
.fa-phone:before {
    font-size: 21px;
    font-weight: 900;
    color: #fb4a00;
    margin-right: 2px;
}
.delvdate{
    color: #740404;
    text-decoration: underline;
}
.cot{
    color: #740404;
    font-size: small;
}
.iship{
    font-size: small;
}
.purch{
    font-size: small;
    color:#740404;
}

.nu a{
    color: black;
}
.clk{
    font-size: 21px;
    color:#ff0000;
}
.clk:hover{
    color:#740404;
    border: 1px solid;
    border-radius: 5px;
    padding: 3px;
}
.nu a:hover{
    color: #01539F;
    text-decoration: underline;
}
.prctg{
    float: right;
    font-size: 23px;
    color: red;
    padding-right: 10px;
}
tr:nth-child(even) {
    background-color: #f6f6f6;
}

.minfo table{
    width: 100%;
}
.pup>.card-header{
    padding: 0px !important;
    background-color: rgb(204 154 95 / 60%);
    border: rgb(204 154 95 / 60%);
    font-weight: 600;
    padding: 10px;
    margin-top: 1px;
    font-size: 16px;
    color: #84411f;
}
.hn>.nd{
    padding: 0px !important;
}
.minfo{
    margin-top: 1px;
}
.fa-mars:before {
    content: "\f222";
    font-weight: 900;
    font-size: 21px;
    padding-right: 10px;
}
.fa-venus:before {
    content: "\f221";
    font-weight: 900;
    font-size: 21px;
}
.p1{
    padding: 5px;
    width: 100%;
    border: 2px solid rgb(204 154 95 / 60%) ;
}
.dogpuppies>.container>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 40px;
}
.seprc a{
    color: #aa0a0a;
    font-size: 23px;
}
.dogpuppies>.container{
    max-width: 1130px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 5px;
}
.panlpadding{
    border: 1px solid #4B3F33;
    padding: 10px;
    margin: 0;
}
.pupnm5{
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    color: black;
    right: 232px;
    bottom: 25px;
}
.grntieimg{
    border: 1px solid black;
    float: left;
    padding: 1px;
}
.puppiesdtl p{

}


.buydogs>.container{
    max-width: 1130px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 5px;
}
.dogimgsale{
    position: relative;
}
.dogimgsale>img{
    width: 100%;
}
.kenlheading{
    position: absolute;
    bottom: 325px;
    left: 70px;
    font-size: 90px;
    font-weight: 900;
    color: black;
    text-shadow: -4px 0px 4px rgba(0,0,0,0.7);
}
.loc{
    position: absolute;
    bottom: 336px;
    left: 307px;
    font-size: 15px;
    font-weight: 900;
    color: black;
}
.titl2{
    position: absolute;
    bottom: 225px;
    left: 415px;
    font-size: 14px;
    font-weight: 800;
    color: black;
}
.titl3{
    position: absolute;
    bottom: 112px;
    left: 825px;
    font-size: 16px;
    font-weight: 900;
    color: black;
    text-shadow: -5px 0px 21px rgb(255, 249, 249);
}
.titl4{
  position: absolute;
    bottom: 15px;
    left: 129px;
    font-size: 45px;
    font-weight: 900;
    color: black;
}
.panel-title a:after {
    font-family:Fontawesome;
    content:'\f077';
    float:left;
    font-weight:300;
    font-size: 16px;
    padding-right: 10px;
}
.panel-title a.collapsed:after {
    font-family:Fontawesome;
    content:'\f078';
    font-size: 16px;
    padding-right: 10px;
}
#accordion .panel{
    margin-bottom: 2px !important;
}

#accordion .panel .panel-heading{
    padding: 10px !important;
    background-color:rgb(204 154 95 / 60%);
    border-bottom: 1px solid rgb(204 154 95 / 60%);
    border-top:rgb(204 154 95 / 60%);
}


.c1>.card-header{
    padding: 0px;
    background-color:rgb(204 154 95 / 60%);
    border-bottom: 1px solid rgb(204 154 95 / 60%);
    border-top:rgb(204 154 95 / 60%);
}
.c2>.card-header{
    padding: 0px;
}
.card-body>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.c89{
    border-bottom-left-radius:10px ;
    border-bottom-right-radius:10px ;
}
.card-header>h2{
    text-align: left;
    padding: 0px;
}
#accordion .panel-body{
    padding: 15px 15px 2px 15px !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    margin-bottom: 2px;

}
.collapse>.card-body{
    padding: 15px 15px 2px 15px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 2px;
}
.panel-title>a{
    font-weight: 600;
    color: #84411f;
}
.panel-title>a:hover{
    color: #d5602b;
    text-decoration: none;
}
.btn-link{
    font-weight: 600;
    color: #84411f;
}
.btn-link.focus, .btn-link:focus{
    text-decoration: none;
    box-shadow: none;
}
.btn-link:hover{
    color: #d5602b;
    text-decoration: none;
}
.refundwarn{
    font-weight: 500;
    color: rgb(127, 4, 4);
}
.ulstyl{
    padding-left: 35px;
    font-size: 15px;
}
.listy1{
    color:#F08209;
    font-size: 15px;
}
.abtdg{
    border: 1px solid rgba(0,0,0,.125);
    margin: 0px 15px 2px 15px;
    padding: 5px 5px 5px 10px;
}
.parentnam1{
    font-size: 25px;
    font-weight: 600;
    color: #84411f;
}
.pricetag1{
    font-size: 24px;
    font-weight: 600;
    color: red;
}
.pricetag2{
    font-size: 20px;
    font-weight: 600;
    color: red;
}
.detl70{
    font-size:18px;
    font-weight: 500;
    color:#F08209;
}
.pricename{
    font-size: 12px;
    font-weight: 500;
}
.carddetl{
    font-size: 15px;
    font-weight: 500;
}
.pribtn{
    width: 100%;
    border-radius: 30px;
}
.c08>.card-body{
    padding: 0px 10px 0px 10px;
    border-bottom: 0px solid rgba(0,0,0,.125);
    margin-bottom: 0px;
}
.biladr{
    padding-left: 20px;
    padding-top: 12px;
    font-weight: 500;
}
.f55{
    margin: 40px 0px 9px 0px;
}
.agecondt{
    font-size:14px;
    padding-top: 5px;
    margin-bottom: 12px;
    color: rgb(255 32 0);

}
.f56{
    margin-bottom:9px;
}
.btn-dark{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
.m99{
    margin: 9px 0px 5px 0px;
}
.error{
    color: red;
}
.custmdetail>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.paypal-logo{
    width: 70px;
}
.fa-credit-card{
    padding-right: 8px;
}
.paypaltext{
    text-align: center;
    margin-top: 10px;
}
.paltext1{
    font-size: 12px;
    font-weight: 500;
}
.n89{
    width: 50px;
}
.paynotes{
    border: 1px solid rgba(0,0,0,.125) ;
    padding: 12px;
    font-size: 14px;
}
.t76{
    color: #F08209;
    font-weight: 500;
}


.popup-info_flipped_title {

    color: #044769;

}

.popup-info_stats {

    width: 180px;

    float: left;

    margin: 2px 0 0 8px;

    font-size: 10px;

}

.popup-info_flipped_rating {

    font-size: 10px;

    float: right;

    margin: 33px 57px 0 0;

}

.popup-info_flipped_rating {

    color: #555;

}

.popup-info_flipped_description {

    width: 280px;

    font-size: 11px;

    float: left;

    clear: both;

    margin: 20px 0 0 15px;

}

.related_media img {

    width: 150px;

    height: 89px;

}

.related_description {

    width: 55%;

    height: 95px;

    margin: 0 3px 0 3px;

    float: right;

    text-transform: lowercase;

    color: #000;

}

.related_view_count {

    margin: 3px 0;

    font-weight: bold;

    text-transform: capitalize;

    color: #000;

}

.register input,
.register select {

    display: block;

    box-sizing: border-box;

    margin-bottom: 20px;

    padding: 6px 9px;

    width: 100%;

    height: 50px;

    border: none;

    border-bottom-color: currentcolor;

    border-bottom-style: none;

    border-bottom-width: medium;

    border-bottom: 1px solid #AAA;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    font-size: 15px;

    transition: 0.2s ease;

}


.member_info input {

    border: none;

}

.member_info input:focus,
.member_info textarea:focus {

    outline: none;

}

.member_info textarea {

    border: none;

}

.moreinfo {


    background: #a8741a;


    color: #fff !important;


    padding: 4px 15px;


    border-radius: 4px;

}

button.moreinfo.btnupdate {

    display: table;

    margin: 12px auto;

    clear: both;

    width: 35%;

    box-shadow: none;

    border: none;

    padding: 8px 0px;

}

.searchform input {


    width: 100% !important;

}

.searchform .form-group {


    padding: 0px 15px;

}


/*padgri css start*/


.padding {

    padding: 40px 0px;

}

.addpadigry .form {
    width: 70%;
    margin: 0 auto;
    background: #f3f3f3;
    padding: 20px 30px;
}

.addpadigry li {

    list-style: none;

    margin-top: 20px;

}

.addpadigry ul {}

.addpadigry h3 {}

.addpadigry input {}

.addpadigry label {

    margin-top: 15px;

    font-weight: 600;

    font-size: 15px;

}

.addpadigry [class*='col-lg'] {
    padding: 0px 7px;
}

.yelsubmit {

    color: #fff;

    margin-left: 3px;

    padding: 12px 35px;

    margin-top: -3px;

    border-radius: 5px;

    font-size: 18px;

    transition: all 0.3s ease-in-out;

    background-color: #a8741a;

    border-color: #a8741a;

}

.button-form {

    background: #ddd;

    border: none;

    padding: 6px 15px;

    border-radius: 3px 3px;

}


.heightpdg {

    height: 330px;

}


/* Dropdown Button */

.dropbtn {

    background-color: #4CAF50;

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

}


/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #ffffff;

    min-width: 113px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    /*z-index: -15px;*/

    left: 0;

    right: 33px;

    z-index: 9999;

}


/* Links inside the dropdown */

.dropdown-content a {

    color: black;

    padding: 5px 16px;

    text-decoration: none;

    display: block;

    border-bottom: 1px solid #eee;

    font-size: 11px;

}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #ddd;
}


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.pagination {

    margin-top: 25px;

    width: 100%;

}

.pagination li {}

.pagination li a:hover {

    background-color: #f00;

    color: #fff;

    transition: all 0.3s ease-in-out;

}

.pagination li a {

    display: table;

    width: 100%;

    text-align: center;

    color: #000;

    font-size: 15px;

    padding: 6px 12px;

    border: 1px solid #f00;

    transition: all 0.3s ease-in-out;

    font-weight: 500;

}

.height165 {}

.selui {

    width: auto;

    display: inline;

    border: 2px solid #fe0000;

    height: 46px;

    margin-right: -8px;


}

.videolink {


    background: #f00;


    color: #fff !important;


    padding: 0px 9px;


    border-radius: 3px 3px;

}

/* ===== SECTION START: DEFIMG BACKGROUND DISABLE (PDG PARENTS FIX) ===== */
.defimg {
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    width: 100%;
}
/* ===== SECTION END: DEFIMG BACKGROUND DISABLE (PDG PARENTS FIX) ===== */

/*acordian css start*/

#accordion .panel,
#accordion .panel-heading,
#accordion panel-title,
#accordion .panel-body {

    border: 0;

}

#accordion .panel {

    box-shadow: none;

    background: #eee;

    margin-bottom: 20px;

    border: 1px solid #eee;

}

#accordion .panel .panel-heading {

    border-radius: 0;

    padding: 17px 15px;

}

#accordion .panel .panel-heading .panel-title a {

    text-decoration: none;

    padding: 1em 0;

}

#accordion .panel .panel-heading .panel-title a span {

    float: right;

    width: 50px;

}

#accordion .panel .panel-heading .panel-title a span:after {

    content: "\2014";

    color: #1B5062;

    font-size: 20px;

}

#accordion .panel .panel-heading .panel-title a.collapsed span:after {

    content: "+";

}

#accordion .panel-body {
    background-color: #fff;
    padding: 23px 15px;
}

#accordion .panel-body .accordiantitle {

    display: inline-flex;

    background: #eee;

    padding: 19px 27px;

    border: 1px solid #ddd;

    vertical-align: middle;

    margin-right: 10px;

    margin-bottom: 13px;

}

#accordion .panel-body .accordiantitle>div {
    vertical-align: middle;
    padding-top: 0px;
}

#accordion .panel-body .accordiantitle img {
    width: 55px;
    padding-right: 13px;
    vertical-align: middle;
}


.tableimgheight {

    height: 300px;

}

.borderpx {

    border: 1px solid #ddd;

}

.heightvid {

    height: 371px;

}

.overflow {}

.overhid {

    list-style: none;

    max-height: 400px;

    overflow: auto;

}

.form-check input {

    height: auto !important;

    width: auto !important;

}

.list1 {
    line-height: 33px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}


@media (max-width: 1023px) and (min-width: 768px) {


    .brosermember {

        -webkit-columns: 3 312px;

        -moz-columns: 3 312px;

        columns: 3 312px;

    }

    .tablelist.width980.pdgscroll {


        width: 700px !important;


        overflow-x: scroll;

    }

    .width980 {

        width: 100% !important;

    }

    .blogitem a,
    .blogitemdetail a {

        width: 30% !important;

    }

    .radio input[type="radio"] {

        width: auto !important;

    }

    .navbar-nav {

        background: #fff;

        width: auto;

        padding: 8px 20px;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {


    .blogitem a {

        /*width: 31% !important;  */


        width: 18.5% !important;

        margin: 10px 5px;

    }

    .brosermember {

        -webkit-columns: 3 300px;

        -moz-columns: 3 300px;

        columns: 3 300px;

    }

}


.dogslide img {

    /*background-color: #868686;*/

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

    width: auto;

}


.pdgnav {

    display: table;

    clear: both;

    width: 100%;

}
.card1:hover{
    top: -3px;
    box-shadow: 0 9px 20px rgb(0 0 0 / 25%);
}
.pdgnav li {

    margin: 0px 2px 12px;

    list-style: none;

    display: inline-block;

}

.pdgnav li a {

    background: #a8741a;

    color: #fff;

    padding: 7px 6.6px;

    border-radius: 3px;

    font-size: 13px;

}


.pedigree_table {

    width: 100%;

    padding: 0px;

    margin: 0px;

}

.pedigree_table .form ul {

    margin: 10px 5px;

    list-style: none;

    border: 1px solid #ddd;

    padding: 10px 0px;

}

.browse_media ul li {

    margin: 6px 9px 4px 9px;

    list-style-type: none;

    display: inline-block;

    float: left;

}


.browse_media ul li {

    margin: 10px 10px 10px 0 !important;

}

.pedigree_table .form li {

    width: 100%;

    height: 24px;

    clear: both;

}

.pedigree_table .form li.span5.no-border span {}

.pedigree_table .form li.span5 span {

    width: 128px;

    margin-left: 0px;

}


.pedigree_table .form li span {

    display: block;

    width: 300px;

    height: 24px;

    float: left;

}

.pedigree_table span {

    font-size: 11px;

}

.pedigree_table span {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-indent: 4px;

}

.form li.span5 span b {

    font: bold 14px arial;

}

.pedigree_table span b {

    display: inline-block;

    text-indent: 4px;

}

.pedigree_table .form li.span5 span input {

    width: 78px;

}

.pedigree_table .form input {

    float: left;

    margin-left: 12px;

    background: transparent !important;

    border-top: none;

    border-bottom: none;

    border-color: #000000;

}


.input {

    width: 100%;

    padding: 2px 7px;

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

    color: #fff;

    background-color: #670001;

}

.navbar-scroll .inproduct.card img {

    width: 100%;

}

.pedigree_table .form ul {

    display: table;

    width: 100%;

}

@media (max-width: 320px) {

    .backorscroll {

        width: 285px;

        overflow-x: scroll;

        display: block;

    }

}

@media only screen and (min-width: 321px) and (max-width: 560px) {


    /*.backorscroll{

           width: 360px;

    overflow-x: scroll;

    display: block;

      }*/


}

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


    /*.backorscroll{

           width:420px;

    overflow-x: scroll;

    display: block;

      }*/


}

.backsech {

    background: #a3a3a3;

}

.peoplephp {}

.useradminpeople {


    border: 1px solid #eee;

}

.useradminpeople img {

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

    width: auto;

}

.imageset {

    position: relative;

    /*height: 230px;*/

    height: 175px;

    background: #fff;

}

.imgsetsearch {

    position: relative;

    height: 160px;

}

.inproduct.card img {

    vertical-align: middle;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

    width: auto;

}

.navbar-dark .navbar-brand {

    color: #fe0000;

    font-size: 30px;

}

/* videadimg div section css */
.head1 {
    text-align: inline-block;
}

.adres {
    font-size: 11px;
    font-weight: 400;
}

.subj {
    font-size: 28px;
    font-weight: 400;
    color: #9a4c09;
}

.strcol {
    color: #e95f30;
    padding-top: 14px;
    font-size: 18px;
    margin-bottom: 4px;
}

.itemright {
    float: right;
    font-size: 12px;
    padding-right: 15px;
}

.itemleft {
    padding-left: 14px;
}

.reviw {
    font-size: 9px;
}

.perctg {
    color: red;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 5px 0px 5px;
}

.higbold {
    font-size: 10px;
    font-weight: 700;
}

.hed1 {
    padding-bottom: 0px !important;
    margin-bottom: -10px !important;
}

.dogname {
    float: right;
    position: relative;
    bottom: 309px;
    right: 40px;
    line-height: 0px;
}

.dogtext {
    font-size: 65px;
    color: black;
    font-weight: 800;
}

.dgnme {
    font-weight: 600;
    color: white;
    margin-top: -10px;
    padding-left: 81px;
}

.ownernme {
    text-align: center;
    position: relative;
    bottom: 165px;
    left: 220px;
}

.farext {
    color: black;
    font-weight: 800;
    font-size: 14px;
}

.namectr {
    position: relative;
    left: 125px;
    bottom: 110px;
    color: black;
}

.midheading {
    font-weight: 800;
    padding-left: 25px;
}

.midbtm {
    font-weight: 700;
    margin-top: -10px;
}

.para30 {
    font-size: 12px;
    margin-top: -6px;
}

.dogimg {
    margin-bottom: -65px;
}

.ourmale {
    margin-top: 7px;
    margin-bottom: 27px;
}

.ourfemale {
    margin-top: 7px;
    margin-bottom: 27px;
}
.ourfemale>.row{
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ourmale>.row {
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.m23 {
    padding: 5px;
    padding-bottom: 0px;
}

.card-body1 {
    padding: 10px;
}

.brederad {
    border-top: 4px solid #ebc18f;
    border-bottom: 4px solid #ebc18f;
    border-right: 2px solid #ebc18f;
    border-left: 4px solid #ebc18f;
}

.otherad {

    border-top: 4px solid #ebc18f;
    border-bottom: 4px solid #ebc18f;
    border-right: 4px solid #ebc18f;
    border-left: 2px solid #ebc18f;
}

.ad {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.lp {
    padding-right: 0px !important;
}

.rp {
    padding-left: 0px !important;
}

.about12 {}


/* carousel start */
.carousel-inner img {
    width: 100%;
    height: 100%;
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: -92px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #cc9a5f;
}

#custCarousel .carousel-indicators>li {
    width: 100px;
    height: 0%;
}

#custCarousel .carousel-indicators li img {
    display: block;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}

.carousel-item img {

    width: 100%;
}

.rlspac {
    padding-left: 0px;
    padding-right: 0px;
}

.space7 {
    margin-top: 20px;
}

.space40 {
    border: 2px solid #9f7b4e;
    margin: 0.8px;
    padding: 1.3px;
}

.space41 {
    border: 2px solid #6b573d;
    margin-top: 20px;
}

.picgalry {
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
}

.vidogallry>.row {
    border-bottom: 0px !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.vidogallry {
    margin-bottom: 20px;
    padding: 0px 10px 0px 10px;
}

.m82 {
    margin-top: 20px;
    border: 1px solid #6b573d;
    border-radius: 5px;
}

.m82:hover {
    box-shadow: -2px 3px 6px 0px rgb(82 28 3 / 74%);
}

.contdetl {
    padding: 15px 25px 15px 25px;
    line-height: 30px;

}

.workhr {
    padding: 15px 25px 15px 25px;
}

.m82>.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem;
}

.sp4 {
    padding-left: 10px;
    color: black;
    /* font-weight: 500;
    font-size: 18px; */
}
.contdetl i.fa {
    width: 18px;
    text-align: center;
}
.sp5 {
    margin-left: 50px;
}

.sp6 {
    margin-left: 65px;
}

.sp7 {
    margin-left: 160px;
}

.estd {
    font-size: 10px;
    font-weight: 500;
    padding-bottom: 5px;
}
.detls>.estd{
    margin-left: 5px;
}
.col-sm-3>.card{
    border: 2px solid rgb(235 73 9 / 13%);
}
.col-sm-3>.card:hover{
    top: -3px;
    box-shadow: 0 9px 20px rgb(0 0 0 / 25%);
}

.estdyr {
    font-size: 16px;
    font-weight: 700;
    color: red;
}

.wee3 {
    color: red;
    font-weight: 500;
    font-size: 15px;
    padding-top: 7px;
}

.wcol {
    color: black;
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px solid #ebc18f;
    padding-bottom: 7px;
    padding-top: 7px;
}

.picgalry>.row {
    border-bottom: 0px solid #eff2f7 !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.rdius {
    border-radius: 5px;
}


/* carousel end */

.detls {
    margin-top: 15px;
}

.mapshow {
    margin-top: 10px;
    border-top: 1px solid #b0b5b9;
    margin-bottom: -6px;
}

.abtname {
    border: 1px solid grey;
    background-color: #ebc18f;
    font-weight: 500;
    padding: 4px;
}

.para11 {
    font-size: 13px;
}

.ourmal {
    font-size: 13px;
}

.weclas {
    font-size: 9px;
    font-weight: 800;
    color: red;
    vertical-align: 8px;
    margin-left: 2px;
}

.wepupies {
    font-size: 9px;
    font-weight: 800;
    color: red;
    vertical-align: -3px;
    margin-left: -43px;
}

.vdeospan {
    font-size: 9px;
    font-weight: 800;
    color: red;
    vertical-align: 2px;
}

.reviewspan {
    font-size: 13px;
    font-weight: 600;
    color: red;
    vertical-align: 2px;
    margin-left: 3px;
}

.hourspan {
    font-size: 9px;
    font-weight: 900;
    color: red;
    vertical-align: 2px;
    margin-left: 3px;
}

/* puppies for sale css start */
.pupinam {
    font-size: 15px;
    font-weight: 600;
    padding: 5px;
    background-color: #eaeaea;
    color: #F08209;
    margin: 5px;
}

.container>.pup {
    border: 0px !important;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: -30px;
    margin-right: -30px;
}

.pupiesale {
    border: 1px solid black;
}

.puppieimg {
    margin: 5px;
    margin-bottom: -43px;
}

.card1 {
    border: 1px solid #ffb191;
    /* background: linear-gradient(#e66465, #9198e5);; */
}

.puppydetails {
    font-size: 12px;
    font-weight: 800;
    margin-left: 10px;
    margin-right: 10px;
    text-align: justify;
    line-height: 14px;
}

.nmeofpupy {
    color: white;
    font-weight: 800;
    font-size: 25px;
    position: relative;
    bottom: 96px;
    margin-left: 51px;
}

.opcty {
    position: relative;
    bottom: 56px;
    margin-left: 51px;
    background-color: white;
    height: 33px;
    width: 98px;
    opacity: 0.5;
    border-radius: 7px;
}

.opact1 {
    position: relative;
    bottom: 41px;
    margin-left: 51px;
    background-color: white;
    width: 99px;
    height: 28px;
    opacity: 0.4;
    border-radius: 5px;
}

.nmeofpupy1 {
    color: white;
    font-weight: 800;
    font-size: 25px;
    position: relative;
    bottom: 74px;
    margin-left: 51px;
}

p.card-text {
    margin-bottom: 5px;
}

.space41:hover {
    box-shadow: -2px 3px 6px 0px rgba(82, 28, 3, 0.74);
}

.nmeofpupy1>.guname {
    color: rgb(0, 0, 0);
}

.brdnam {
    color: black;
    font-size: 9px;
    font-weight: 900;
    position: relative;
    bottom: 106px;
    text-align: center;
    right: 9px;
    right: 11px;
}

.brdnam1 {
    color: black;
    font-size: 9px;
    font-weight: 900;
    position: relative;
    bottom: 190px;
    left: 110px;
}

.nmeofpupy>.guname {
    color: rgb(0, 0, 0);
}

.buybtn {
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #f25858;
    padding: 5px;
    border-radius: 3px;
    color: #000000;
    background-color: #e94a2b;
}

.buybtn:hover {
    color: rgb(226, 226, 226);
    background-color: #cd2c0b;
}

.picgalry>.row {
    padding-bottom: 0px;
    margin-top: 15px;
}

/* puppies for sale csss end */








/* videadimg div section css end */
a.logo-footer {

    color: #fff;

    font-size: 20px;

}


.videostabs .card {
    margin-bottom: 15px;
}

.pd_mating_4 {
    border: solid 1px #666666;
    height: 1602px;
}

.pd_mating_1 {
    width: 25% !important;
    float: left !important;
}

.pd_mating_cell {
    background: #BFBFBF !important;
}

.cell_dam {
    background: #747474 !important;
}

.cell_1 {
    height: 400px;
    font-size: 14px;
    padding: 10px;
    border: solid 1px #FFFFFF;
    text-align: center;
    vertical-align: middle !important;
}

.cell_1 img {
    padding-top: 25%;
    padding-bottom: 10px;
}

.cell_2 {
    height: 200px;
    font-size: 14px;
    padding: 10px;
    border: solid 1px #FFFFFF;
    text-align: center;
    vertical-align: middle !important;
}

.cell_2 img {
    padding-bottom: 10px;
}

.cell_3 {
    height: 100px;
    font-size: 12px;
    padding: 10px;
    border: solid 1px #FFFFFF;
}

.cell_4 {
    height: 50px;
    font-size: 11px;
    padding: 10px;
    border: solid 1px #FFFFFF;
}

.row {
    border-bottom: 1px solid #eff2f7 !important;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.impcol {
    color: red;
    font-size: 16px;
}

.col-sm-8 {
    padding-left: 0px;
}

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

    body {
        overflow-x: hidden
    }

    .toban {
        float: left;
    }

    .toban a {
        color: #fff;
        padding: 6px 0px 0px !important;
        font-size: 9px !important;
    }

    .upload a {
        color: #fff;
        font-size: 9px;
    }

    .upload {
        float: right !important;
        padding: 0px 0px 0px;
    }

    .dropdown-content {
        left: -60px !important;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 16px !important;
        margin-right: 0 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .userright.fixed {
        position: relative;
        top: 218px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }

    /* .rightbar{
         z-index: 0;
        position: relative;
        top: 300px;

    } */

    .navbar-toggler {
        padding: 1px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }


    .radio input[type="radio"]+.radio-label::before {
        width: 1em;
        height: 1em;
        top: 4px;
        margin-right: 0.5em;
    }

    .toheadimg {
        height: 300px !important;
    }

    .dtail-main {
        display: block !important;
        margin-bottom: 0 !important
    }

    .tabings {
        width: 100%;
    }


    .tab-class {
        width: 100%;
        overflow-x: scroll
    }

    .button-form {
        background: #ddd;
        border: none;
        padding: 6px 10px;
        border-radius: 3px 3px;
        font-size: 14px;
    }

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


    .videadimg {
        height: auto !important;
    }

    .member_info ul {
        width: 100%;
    }

    button.moreinfo.btnupdate {
        width: 150px;
    }

    .moreinfo {
        margin-bottom: 15px;
        float: right
    }

    .member_info {
        margin-bottom: 15px;
    }

    .member_info ul {
        border-right: none !important;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail .container {
        padding: 0 !important
    }

    .member_info li span {
        float: left;
        margin-bottom: 10px;
        width: 100%
    }

    .namectr {
        position: relative;
        left: -10px;
        bottom: 100px;
    }

    .carousel-inner {
        margin-bottom: -222px;
    }

    .subj {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .adres {
        font-size: 9px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .strcol {
        color: #e95f30;
        padding-top: 0px;
        font-size: 12px;
        margin-bottom: -5px;
    }

    .itemright {
        float: left;
        font-size: 12px;
        padding-left: 0px;
    }

    .itemleft {
        padding-left: 0px;
    }

    .para30 {
        font-size: 11px;
        margin-top: -10px;
    }

    .brederad {
        position: relative;
        right: 8px;
        margin-bottom: 10px;
    }

    .otherad {
        font-size: 13px;
        position: relative;
        left: 7px;
    }

    .para11 {
        font-size: 11px;
    }

    .ourmal {
        font-size: 11px;
    }

    .card1 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .dogname {
        position: relative;
        line-height: 0px;
        bottom: 155px;
        left: 21px;
    }

    .dogtext {
        font-size: 35px;
    }

    .dgnme {
        font-size: 10px;
        position: relative;
        right: 51px;
    }

    #custCarousel .carousel-indicators {
        margin-top: 126px;
    }

    .midheading {
        font-size: 14px;
        display: inline-block;
    }

    .midbtm {
        font-size: 10px;
        position: relative;
        left: 14px;
    }

    .ownernme {
        bottom: 100px;
        left: 172px;
        display: inline-block;
    }

    .farext {
        font-size: 10px;
    }

    .sp4 {
        font-size: 16px;
    }

    .workhr {
        padding: 0px;
        display: inline;
    }

    .wcol {
        font-size: 14px;
        padding-left: 7px;
    }

    .wee3 {
        font-size: 14px;
        padding-left: 7px;
        padding-bottom: 12px;
    }

    .userright {
        position: relative;
        top: 220px;
        height: 600px;
    }

    .showdetail {
        padding: 1px 0px;
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .showdetail {
        padding: 4px 0px;
    }

    .list1 {
        line-height: 28px;
        margin-top: 0px;
        font-size: 13px;
        font-weight: 600;
    }

    .contdetl {
        padding: 10px;
    }
    .showdetail>.container>.row{
        padding-bottom: 0px;
    }
    .titl4{
        left: 48px;
        font-size: 11px;
        bottom: 1px;
    }
    .titl2{
        bottom: 56px;
        left: 68px;
        font-size: 7px;
    }
    .titl3{
        bottom: 35px;
        left: 202px;
        font-size: 8px;
    }
    .loc{
        bottom: 86px;
        left: 80px;
        font-size: 7px;
    }
    .kenlheading{
        bottom: 85px;
        left: 15px;
        font-size: 30px;
    }
    .btn-link{
        font-size: 15px;
    }
    .ulstyl{
        font-size: 12px;
        padding-left: 10px;
    }
    .listy1{
        font-size: 13px;
    }
    .detl70{
        font-size: 15px;
    }
    .parentnam1{
        font-size: 17px;
    }
    .pricename{
        font-size: 8px;
    }
    .pricetag1{
        font-size: 15px;
    }
    .pricetag2{
        font-size: 15px;
    }
    .carddetl{
        font-size: 13px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
    }
    .m99{
        margin: 4px 0px 0px 0px;
    }
    .m100{
        margin-top: -4px;
    }
    .btn-dark{
        margin-top: 0px;
    }
    .paynotes{
        padding: 5px;
        font-size: 11px;
        text-align: justify;
    }
    .delvdate{
        display: inline-block;
    }
    .purch{
        display: block;
    }
    .pupydtls table td{
        font-weight: 500;
    }


}


@media only screen and (min-width: 360px) and (max-width: 479px) {

    .toban {
        float: left;
    }

    .toban a {
        color: #fff;
        padding: 6px 0px 0px !important;
        font-size: 10px !important;
    }

    .upload a {
        color: #fff;
        font-size: 10px;
    }

    .upload {
        float: right !important;
        padding: 0px 2px 0px;
    }

    .dropdown-content {
        left: -60px !important;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 1px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 18px !important;
        margin-right: 0
    }

    .toheadimg {
        height: 300px !important;
    }

    .dtail-main {
        display: block !important;
        margin-bottom: 0 !important
    }

    .tabings {
        width: 100%;
    }

    .tab-class {
        width: 100%;
        overflow-x: scroll
    }

    .button-form {
        background: #ddd;
        border: none;
        padding: 6px 10px;
        border-radius: 3px 3px;
        font-size: 14px;
    }

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


    .videadimg {
        height: auto !important;
    }

    .member_info ul {
        width: 100%;
    }

    button.moreinfo.btnupdate {
        width: 150px;
    }

    .moreinfo {
        margin-bottom: 15px;
        float: right
    }

    .member_info {
        margin-bottom: 15px;
    }

    .member_info ul {
        border-right: none !important;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail .container {
        padding: 0 !important
    }

    .member_info li span {
        float: left;
        margin-bottom: 10px;
        width: 100%
    }

    .showdetail {
        padding: 3px 0px;
    }

    .itemleft {
        padding-left: 0px;
    }

    .subj {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .adres {
        font-size: 8px;
    }

    .strcol {
        font-size: 12px;
        margin-bottom: 0px;
        padding-top: 0px;
    }

    .itemright {
        float: left;
        margin-top: -10px;
    }

    .dogname {
        position: relative;
        bottom: 160px;
        right: -10px;
    }

    .dogtext {
        font-size: 35px;
    }

    .dgnme {
        font-size: 10px;
        position: relative;
        right: 49px;
    }

    .ownernme {
        bottom: 100px;
        left: 168px;
    }

    .farext {
        font-size: 10px;
    }

    .midheading {
        font-size: 16px;
        display: inline-block;
    }

    .namectr {
        left: -8px;
        bottom: 100px;
    }

    .midbtm {
        font-size: 12px;
        position: relative;
        left: 15px;
    }

    #custCarousel .carousel-indicators {
        margin-top: -98px;
    }

    .brederad {
        border-right: 4px solid #ebc18f;
        margin-right: 8px;
        margin-left: -8px;
    }

    .otherad {
        border-left: 4px solid #ebc18f;
        margin-top: 10px;
        margin-left: 8px;
        margin-right: -8px;
    }

    .sp4 {
        font-size: 17px;

    }

    .contdetl {
        font-size: 16px;
    }

    .workhr {
        padding: 2px 13px 13px 13px;
    }

    .wcol {
        font-size: 14px;
    }

    .wee3 {
        font-size: 14px;
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }
    .userright.fixed {
        position: relative;
        top: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }

    .titl4{
        left: 60px;
        font-size: 11px;
        bottom: 1px;
    }
    .titl2{
        bottom: 56px;
        left: 88px;
        font-size: 7px;
    }
    .titl3{
        bottom: 36px;
        left: 240px;
        font-size: 8px;
    }
    .loc{
        bottom: 92px;
        left: 88px;
        font-size: 7px;
    }
    .kenlheading{
        bottom: 93px;
        left: 17px;
        font-size: 32px;
    }
    .ulstyl{
        padding-left: 10px;
        font-size: 14px;
    }
    .parentnam1{
        font-size: 21px;
    }
    .detl70{
        font-size: 17px;
    }
    .pricetag1{
        font-size: 20px;
    }
    .pricename{
        font-size: 9px;
    }
    .m99 {
        margin: 1px 0px 0px 0px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
        margin: 1px 15px 5px 15px;
    }
    .m100{
        margin-top: -4px;
    }
    .btn-dark{
        margin-top: -1px;
        margin-bottom: 6px;
    }
    .paynotes{
        padding: 5px;
        font-size: 12px;
        text-align: justify;
    }

}


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

    .toban {
        float: left;
    }

    .toban a {
        color: #fff;
        padding: 6px 0px 0px !important;
        font-size: 12px !important;
    }

    .upload a {
        color: #fff;
        font-size: 12px;
    }

    .upload {
        float: right !important;
        padding: 0px 2px 0px;
    }

    .dropdown-content {
        left: -50px !important;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 49% !important;
        padding: 5px 5px !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 21px;
    }


    .blogitem a {
        width: 49% !important;
        padding: 5px 5px !important;
        border: none;
        float: left
    }

    .pagination li a {
        width: auto !important;
        margin-right: 10px;
    }


    .peoplephp .useradminpeople {
        width: 50% !important;
    }

    .toheadimg {
        height: 350px !important;
    }

    .dtail-main {
        display: block !important;
        margin-bottom: 0 !important
    }

    .tabings {
        width: 100%;
    }

    .tab-class {
        width: 100%;
        overflow-x: scroll
    }

    .button-form {
        background: #ddd;
        border: none;
        padding: 6px 10px;
        border-radius: 3px 3px;
        font-size: 14px;
    }

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


    .videadimg {
        height: auto !important;
    }

    .member_info ul {
        width: 100%;
    }

    button.moreinfo.btnupdate {
        width: 150px;
    }

    .moreinfo {
        margin-bottom: 15px;
        float: right
    }

    .member_info {
        margin-bottom: 15px;
    }

    .member_info ul {
        border-right: none !important;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail .container {
        padding: 0 !important
    }

    .member_info li span {
        float: left;
        margin-bottom: 10px;
        width: 100%
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .showdetail {
        padding: 3px 0px;
    }

    .subj {
        font-weight: 500;
        margin-bottom: 0px;
    }

    .strcol {
        font-size: 16px;
        margin-bottom: -4px;
    }

    .itemright {
        float: left;
        padding-left: 15px;
    }

    .itemleft {
        margin-bottom: -25px;
    }

    .dogname {
        bottom: 252px;
        right: 6px;
    }

    .dogtext {
        font-size: 55px;
    }

    .dgnme {
        position: relative;
        right: 70px;
        font-weight: 500;
        font-size: 13px;
    }

    .midheading {
        display: inline-block;
        font-size: 22px;
    }

    .namectr {
        left: 0px;
        bottom: 135px;
    }

    .midbtm {
        font-size: 13px;
        margin-left: 27px;
    }

    #custCarousel .carousel-indicators {
        margin-top: -128px;
    }

    .brederad {
        border-right: 4px solid #ebc18f;
        margin-left: -6px;
        margin-right: 12px;
    }

    .otherad {
        border-left: 4px solid #ebc18f;
        margin-left: 9px;
        margin-top: 12px;
        margin-right: -3px;
    }

    .sp4 {
        font-size: 17px;
    }

    .workhr {
        padding: 2px 25px 15px 25px;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }
    .userright.fixed {
        position: relative;
        top: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }


    .titl4{
        left: 86px;
        font-size: 16px;
        bottom: 2px;
    }
    .titl2{
        bottom: 90px;
        left: 135px;
        font-size: 9px;
    }
    .titl3{
        bottom: 45px;
        left: 326px;
        font-size: 10px;
    }
    .loc{
        bottom: 145px;
        left: 115px;
        font-size: 9px;
    }
    .kenlheading{
        bottom: 143px;
        left: 25px;
        font-size: 41px;
    }
    .ulstyl{
        padding-left: 10px;
        font-size: 14px;
    }
    .parentnam1{
        font-size: 22px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
    }
    .paynotes{
        padding: 9px;
        font-size: 12px;
        text-align: justify;
    }


}


@media only screen and (min-width: 551px) and (max-width: 639px) {

    .toban {
        float: left;
    }

    .toban a {
        color: #fff;
        padding: 6px 0px 0px !important;
        font-size: 12px !important;
    }

    .upload a {
        color: #fff;
        font-size: 12px;
    }

    .upload {
        float: right !important;
        padding: 0px 2px 0px;
    }

    .dropdown-content {
        left: -50px !important;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 49% !important;
        padding: 5px 5px !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 24px;
    }


    .blogitem a {
        width: 49% !important;
        padding: 5px 5px !important;
        border: none;
        float: left
    }

    .pagination li a {
        width: auto !important;
        margin-right: 10px;
    }


    .peoplephp .useradminpeople {
        width: 50% !important;
    }

    .newesletter input[type="text"],
    .newesletter input[type="submit"] {
        width: 64% !important;
    }


    .toheadimg {
        height: 350px !important;
    }

    .dtail-main {
        display: block !important;
        margin-bottom: 0 !important
    }

    .tabings {
        width: 100%;
    }

    .tab-class {
        width: 100%;
        overflow-x: scroll
    }

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


    .videadimg {
        height: auto !important;
    }

    .member_info ul {
        width: 100%;
    }

    button.moreinfo.btnupdate {
        width: 150px;
    }

    .moreinfo {
        margin-bottom: 15px;
        float: right
    }

    .member_info {
        margin-bottom: 15px;
    }

    .member_info ul {
        border-right: none !important;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail .container {
        padding: 0 !important
    }

    .member_info li span {
        float: left;
        margin-bottom: 10px;
        width: 100%
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .showdetail {
        padding: 3px 0px;
    }

    .brederad {
        border-right: 4px solid #ebc18f;
        margin-left: -6px;
        margin-right: 12px;
    }

    .otherad {
        border-left: 4px solid #ebc18f;
        margin-left: 9px;
        margin-top: 12px;
        margin-right: -3px;
    }

    .subj {
        font-weight: 500;
        margin-bottom: 0px;
    }

    .strcol {
        font-size: 16px;
        margin-bottom: -4px;
    }

    .itemright {
        float: left;
        padding-left: 15px;
    }

    .itemleft {
        margin-bottom: -25px;
    }

    .dgnme {
        font-size: 14px;
        position: relative;
        right: 70px;
    }

    .dogtext {
        font-weight: 700;
    }

    .dogname {
        bottom: 295px;
        right: 9px;
    }

    .ownernme {
        bottom: 165px;
        left: 245px;
    }

    .midheading {
        font-size: 24px;
        display: inline-block;
    }

    .namectr {
        left: 0px;
        bottom: 144px;
    }

    #custCarousel .carousel-indicators {
        margin-top: -146px;
    }

    .sp4 {
        font-size: 17px;
    }

    .workhr {
        padding: 2px 25px 15px 25px;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }
    .userright.fixed {
        position: relative;
        top: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }



    .titl4{
        left: 86px;
        font-size: 20px;
        bottom: 0px;
    }
    .titl2{
        bottom: 100px;
        left: 165px;
        font-size: 10px;
    }
    .titl3{
        bottom: 54px;
        left: 381px;
        font-size: 11px;
    }
    .loc{
        bottom: 155px;
        left: 145px;
        font-size: 10px;
    }
    .kenlheading{
        bottom: 151px;
        left: 34px;
        font-size: 48px;
    }
    .ulstyl{
        padding-left: 10px;
        font-size: 14px;
    }
    .parentnam1{
        font-size: 23px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
    }
    .paynotes{
        padding: 9px;
        font-size: 13px;
        text-align: justify;
    }



}


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

    .toban {
        float: left;
    }

    .prodsect {
        width: 100%;
    }

    .toban a {
        color: #fff;
        padding: 6px 6px 0px !important;
        font-size: 14px !important;
    }

    .upload a {
        color: #fff;
        font-size: 14px;
    }

    .upload {
        float: right !important;
        padding: 6px 2px 0px;
    }

    .dropdown-content {
        left: -15px !important;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 49% !important;
        padding: 5px 5px !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 28px;
    }

    .wrapperclass .col-md-6 {
        width: 50%;
        float: left
    }


    .blogitem a {
        width: 49% !important;
        padding: 5px 5px !important;
        border: none;
        float: left
    }

    .pagination li a {
        width: auto !important;
        margin-right: 10px;
    }

    .peoplephp .useradminpeople {
        -ms-flex: 0 0 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }


    .newesletter input[type="text"],
    .newesletter input[type="submit"] {
        width: 64% !important;
    }


    .toheadimg {
        height: 350px !important;
    }

    .dtail-main {
        display: block !important;
        margin-bottom: 0 !important
    }

    .tabings {
        width: 100%;
    }

    .tab-class {
        width: 100%;
        overflow-x: scroll
    }

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

    .member_info li span {
        width: 100%;
        float: right;
    }

    .userright {
        margin-top: 10px;
    }


    .related_description {
        width: 66%;
    }

    .showdetail {
        padding: 3px 0px;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }

    .dogname {
        bottom: 290px;
        right: 6px;
    }

    .farext {
        font-size: 13px;
    }

    .ownernme {
        bottom: 173px;
        left: 240px;
    }

    .midheading {
        display: inline-block;

    }

    .midbtm {
        font-size: 14px;
    }

    .namectr {
        left: 0px;
        bottom: 147px;

    }

    #custCarousel .carousel-indicators {
        margin-top: -140px;
    }

    .userright {
        margin-top: 0px;
    }
    .userright.fixed {
        position: relative;
        top: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }


    .titl4{
        left: 86px;
        font-size: 20px;
        bottom: 0px;
    }
    .titl2{
        bottom: 100px;
        left: 165px;
        font-size: 10px;
    }
    .titl3{
        bottom: 54px;
        left: 381px;
        font-size: 11px;
    }
    .loc{
        bottom: 155px;
        left: 145px;
        font-size: 10px;
    }
    .kenlheading{
        bottom: 151px;
        left: 34px;
        font-size: 48px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
    }
    .paynotes{
        padding: 9px;
        font-size: 13px;
        text-align: justify;
    }


}


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


    .upload {
        padding: 6px 2px 0px;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 32.9% !important;
        padding: 5px 5px !important;
    }

    .galmaster a img {
        width: 100% !important;
        height: 100% !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 32px;
    }

    .wrapperclass .col-md-6 {
        width: 50%;
        float: left
    }

    .textmidle::before {
        width: 89%;
    }

    .middleboard:hover .textmidle:before {
        width: 89%;
    }

    .navbar-scroll {
        background: #000
    }

    .dtail-main {
        display: inherit !important;
        margin-bottom: 0 !important
    }


    .tabings {
        width: 100%;
        float: left;
        padding: 0 15px
    }

    .tab-class {
        width: 100%;
        overflow-x: scroll
    }


    .container {
        width: 100%;
        padding: 0px 4%;
    }


    .videadimg {
        height: auto;
    }

    .userright {
        margin-top: 10px;
    }

    .related_description {
        width: 73%;
    }

    .showdetail {
        padding: 3px 0px;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .userright {
        margin-top: 0px;
    }
    .userright.fixed {
        position: relative;
        top: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .rigtshap{
        width: auto;
    }

    .titl4{
        left: 105px;
        font-size: 30px;
        bottom: 0px;
    }
    .titl2{
        bottom: 168px;
        left: 293px;
        font-size: 11px;
    }
    .titl3{
        bottom: 82px;
        left: 549px;
        font-size: 12px;
    }
    .loc{
        bottom: 237px;
        left: 212px;
        font-size: 11px;
    }
    .kenlheading{
        bottom: 228px;
        left: 46px;
        font-size: 64px;
    }
    .abtdg{
        padding: 5px 5px 5px 10px;
    }
    .paynotes{
        padding: 9px;
        font-size: 13px;
        text-align: justify;
    }



}


@media only screen and (min-width: 992px) and (max-width: 1023px) {


    .upload {
        padding: 6px 2px 0px;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 32.9% !important;
        padding: 5px 5px !important;
    }

    .galmaster a img {
        width: 100% !important;
        height: 100% !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 36px;
    }

    .wrapperclass .col-md-6 {
        width: 50%;
        float: left
    }

    .textmidle::before {
        width: 89%;
    }

    .middleboard:hover .textmidle:before {
        width: 89%;
    }

    .navbar-scroll {
        background: #000
    }


    .tabings {
        width: 100%;
        float: left;
        padding: 0 15px
    }

    .tabings {
        width: 100%;
        float: left;
        padding: 0 15px
    }


    .container {
        width: 100%;
        padding: 0 4%;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .userright {
        margin-top: 0px;
    }
    .userright.fixed {
        position: fixed;
        top: 0px;
        width: 100%;
        margin-left: 0px;
        margin-top: 68px;
    }
    .rigtshap{
        width: 292px;
        margin-left: 20px;
    }


    .titl4{
        left: 115px;
        font-size: 41px;
        bottom: 1px;
    }
    .titl2{
        bottom: 192px;
        left: 400px;
        font-size: 12px;
    }
    .titl3{
        bottom: 106px;
        left: 718px;
        font-size: 15px;
    }
    .loc{
        bottom: 285px;
        left: 292px;
        font-size: 14px;
    }
    .kenlheading{
        bottom: 273px;
        left: 66px;
        font-size: 85px;
    }

}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {


    .upload {
        padding: 6px 2px 0;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        /*border: 1px solid #fff;*/
        border: none;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 22px !important;
        margin-right: 0
    }

    .galmaster a {
        display: inline-block !important;
        width: 24.6% !important;
        padding: 5px 5px !important;
    }

    .galmaster a img {
        width: 100% !important;
        height: 100% !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 40px;
    }

    .wrapperclass .col-md-6 {
        width: 50%;
        float: left
    }

    .textmidle::before {
        width: 89%;
    }

    .middleboard:hover .textmidle:before {
        width: 89%;
    }

    /*.navbar-scroll{ background:#000}*/
    .leftdog {
        height: 85%;
    }

    .abt-manag .empty {
        display: none;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 0 6px !important
    }

    .tabings {
        width: 100%;
        float: left;
        padding: 0 15px
    }

    .container {
        width: 100%;
        padding: 0px 4%;
    }

    .related_media_thumb {
        width: 100%;
        float: left;
    }

    .related_description {
        width: 100%;
        height: auto;
    }

    .showdetail>.container>.row {
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
    }

    .col-lg-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .userright.fixed {
        position: fixed;
        top: 0px;
        width: 100%;
        margin-left: 0px;
        margin-top: 60px;
    }
    .rigtshap{
        width: 310px;
        margin-left: 15px;
    }


    .kenlheading{
        bottom: 310px;
    }
    .loc{
        bottom: 325px;
    }
    .titl3{
        left: 740px;
    }
    .titl4{
        bottom: 7px;
        left: 80px;
    }


}


@media only screen and (min-width: 1201px) and (max-width: 1366px) {


    .upload {
        padding: 6px 2px 0px;
    }

    .upload .dropdown-content a {
        color: #000 !important
    }

    .navbar-dark .navbar-toggler {
        border: 1px solid #fff;
        border-radius: 0 !important
    }

    .navbar-toggler {
        padding: 4px;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-dark .navbar-brand {
        color: #fe0000;
        font-size: 25px !important;
    }

    .galmaster a {
        display: inline-block !important;
        width: 24.6% !important;
        padding: 5px 5px !important;
    }

    .galmaster a img {
        width: 100% !important;
        height: 100% !important;
    }

    .imgcenterdor img {
        width: 30%;
    }

    .imgcenterdor {
        top: 40px;
    }

    .wrapperclass .col-md-6 {
        width: 50%;
        float: left
    }

    .textmidle::before {
        width: 89%;
    }

    .middleboard:hover .textmidle:before {
        width: 89%;
    }

    /*.navbar-scroll{ background:#000}*/
    .leftdog {
        height: 85%;
    }

    .abt-manag .empty {
        display: none;
    }

    .tabings {
        width: 100%;
        float: left;
        padding: 0 15px
    }

    .related_description {
        width: 50%;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 0px 14px;
    }
    .showdetail>.container>.row{
        border-bottom: 0px solid #eff2f7 !important;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .userright.fixed {
        position: fixed;
        top: 0px;
        width: 100%;
        margin-left: 0px;
        margin-top: 60px;
    }


}

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


    .peoplephp .useradminpeople {
        -ms-flex: 0 0 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
    .addbaner>.row{
        border-bottom: 0px solid #eff2f7 !important;
    }

}

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

    .pedigree_table {
        padding: 10px 15px;
        width: 100%;
        overflow-x: scroll;
    }

    .browse_media h4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container {
        width: 100%;
        padding: 0px 5%;
    }

    .blogitem p {
        text-align: center;
    }

}

.form-group .file-input-div{
    width: calc(100% - 50px);
    float: left;
}

.form-group .img-div{
    width: 50px;
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
}

.preview-container {
    position: relative;
    display: inline-block;
    margin: 10px;
}
.delete-icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 0, 0, 0.7);
    color: white;
    cursor: pointer;
    border: none;
    padding: 1px 8px;
    border-radius: 50%;
}
.delete-icon:focus {
    outline: 2px solid blue;
}
/* ===== Global Font Override (German Shepherd Kennel Club) ===== */
html, body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600;
}

/* === HERO SLIDER (STAGING) === */
.hero-slider { position: relative; }

.hero-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.45);
  z-index:5;
}

.hero-overlay h3{
  color:#fff;
  font-size:36px;
  text-transform:uppercase;
  text-align:center;
}

/* =========================================
   Footer top separator removal (dark pages)
   ========================================= */
footer,
.site-footer,
.footer {
    border-top: none !important;
    box-shadow: none !important;
}

footer hr,
.site-footer hr,
.footer hr {
    display: none !important;
}

/* =========================================
   Footer top separator removal (dark pages)
   ========================================= */

/* Remove the thin line above the footer */
footer,
.site-footer,
.footer {
    border-top: none !important;
    box-shadow: none !important;
}

/* If a horizontal rule is used before footer */
footer hr,
.site-footer hr,
.footer hr {
    display: none !important;
}

/* =========================================
   LEGACY FOOTER: remove top separator line
   Targets include.master footer:
   <footer class="rightbarhid">
     <div class="footer-top"> ...
     <div class="footer-bottom"> ...
   ========================================= */

footer.rightbarhid,
footer.rightbarhid .footer-top,
footer.rightbarhid .footer-bottom {
  border-top: none !important;
  box-shadow: none !important;
}

footer.rightbarhid hr,
footer.rightbarhid .footer-top hr,
footer.rightbarhid .footer-bottom hr {
  display: none !important;
}

/* =========================================
   footer-separator-line: OFF
   Culprit: .footer-top { border-top: 1px solid #a8741a; }
   Removes the thin line above the legacy footer.
   ========================================= */
.footer-top{
  border-top: none !important;
  box-shadow: none !important;
}
.footer-bottom{
  border-top: none !important;
  box-shadow: none !important;
}

/* =========================================
   pedigree-row-separator: OFF
   Removes thin line caused by legacy .row styling
   ONLY inside pedigree detail container
   ========================================= */
.listdetail.dtail-main .row,
.listdetail.dtail-main .row::before,
.listdetail.dtail-main .row::after {
    border-bottom: none !important;
    border-top: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* ============================================================
   PDGDETAIL SECTION LAYOUT (scoped to pedigree page container)
   ------------------------------------------------------------
   This styles existing markup into "sections" like the screenshot.

   Color tokens (easy to tweak):
   pdg-page-bg:           #090605
   pdg-container-outline: rgba(218,180,157,.25)
   pdg-card-bg:           #1c130f
   pdg-text:              #DAB49D
   pdg-muted:             rgba(218,180,157,.70)
   pdg-divider:           rgba(218,180,157,.12)

   Spacing tokens:
   pdg-gap:               16px
   pdg-section-gap:       18px
   ============================================================ */

/* 0) Page base (only where legacy layout uses container-modern) */
.container-modern{
  background:#090605; /* pdg-page-bg */
}

/* 1) MAIN PEDIGREE CONTAINER (you already set these inline; this reinforces) */
.listdetail.dtail-main{
  background:#090605 !important; /* pdg-page-bg */
  border:1px solid rgba(218,180,157,.25) !important; /* pdg-container-outline */
  border-radius: 10px;
  padding: 16px; /* pdg-gap */
  margin-bottom: 40px; /* outside spacing to footer */
  color:#DAB49D; /* pdg-text */
}

/* 2) HEADER AREA: image + right info panel as two “cards” */
.listdetail.dtail-main .row[style*="margin:0px"]{
  display:flex;
  gap:16px; /* pdg-gap */
  flex-wrap:wrap;
  margin:0 !important;
}

.listdetail.dtail-main .col-lg-7.col-md-6.col-xs-12,
.listdetail.dtail-main .col-lg-5.col-sm-6.col-xs-12{
  background:transparent !important;
}

.listdetail.dtail-main .slider-for,
.listdetail.dtail-main .moredetail{
  background:#1c130f !important; /* pdg-card-bg */
  border:1px solid rgba(218,180,157,.18) !important; /* subtle border */
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
  overflow:hidden;
}

/* Image panel padding */
.listdetail.dtail-main .slider-for{
  padding:12px;
}

/* Right details panel spacing */
.listdetail.dtail-main .moredetail{
  padding:14px 14px 10px 14px;
}

/* Right panel rows look like neat table rows */
.listdetail.dtail-main .moredetail .clearboth{
  border-bottom:1px solid rgba(218,180,157,.12); /* pdg-divider */
  padding:8px 0;
}
.listdetail.dtail-main .moredetail .clearboth:last-child{
  border-bottom:none;
}
.listdetail.dtail-main .moredetail .table-cell{
  color:#DAB49D !important; /* pdg-text */
}



.listdetail.dtail-main .moredetail .table-cell:first-child{
  color:rgba(218,180,157,.70) !important; /* pdg-muted */
}

/* 3) TABS as a “section bar” */
.listdetail.dtail-main .tabings{
  margin-top:14px;
  margin-bottom:10px;
  background:transparent !important;
}

.listdetail.dtail-main .pdgnav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}

.listdetail.dtail-main .pdgnav a,
.listdetail.dtail-main .pdgnav .nav-link{
  display:inline-block;
  padding:8px 12px;
  border-radius: 999px;
  border:1px solid rgba(218,180,157,.18);
  color:#DAB49D !important; /* pdg-text */
  background: rgba(28,19,15,.65); /* slightly transparent card tone */
  text-decoration:none !important;
  font-size:13px;
  line-height:1;
}

.listdetail.dtail-main .pdgnav .nav-link.active,
.listdetail.dtail-main .pdgnav a.active{
  background:#1c130f !important; /* pdg-card-bg */
  border-color: rgba(218,180,157,.35);
}

/* 4) SECTION CARDS (Genetic Health / Anatomy / Line Breeding / etc.) */
.listdetail.dtail-main .card.avilable,
.listdetail.dtail-main .card.avilable.pdgdetail,
.listdetail.dtail-main .cardBlock{
  background:#1c130f !important; /* pdg-card-bg */
  border:1px solid rgba(218,180,157,.18) !important;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
  margin-top:18px; /* pdg-section-gap */
}

.listdetail.dtail-main .card.avilable h3{
  color:#DAB49D;
  font-weight:600;
  letter-spacing:.2px;
}

.listdetail.dtail-main .card.avilable .d-table .clearboth{
  border-bottom:1px solid rgba(218,180,157,.12); /* pdg-divider */
  padding:8px 0;
}
.listdetail.dtail-main .card.avilable .d-table .clearboth:last-child{
  border-bottom:none;
}

/* 5) PEDIGREE TREE SECTION container */
.listdetail.dtail-main .tablelist.pdgscroll{
  background:#1c130f !important;
  border:1px solid rgba(218,180,157,.18) !important;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
  padding:14px;
  margin-top:18px; /* pdg-section-gap */
}

/* 6) Keep your “line removal” fix (already working) */
.listdetail.dtail-main .row,
.listdetail.dtail-main .row::before,
.listdetail.dtail-main .row::after{
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
  background-image: none !important;
}


/* ============================================================
   PDGDETAIL HEADER TIGHTEN
   Make .moredetail sit flush next to .slider-for
   ============================================================ */

/* Remove gap we introduced earlier */
.listdetail.dtail-main .row[style*="margin:0px"]{
  gap: 0 !important;
}

/* Kill bootstrap gutters for the two header columns only */
.listdetail.dtail-main .col-lg-7.col-md-6.col-xs-12{
  padding-right: 0 !important;
}
.listdetail.dtail-main .col-lg-5.col-sm-6.col-xs-12{
  padding-left: 0 !important;
}

/* Ensure the panels touch cleanly */
.listdetail.dtail-main .slider-for{
  margin-right: 0 !important;
}
.listdetail.dtail-main .moredetail{
  margin-left: 0 !important;
}

/*NEW 1-29-2026*/
/* =========================================================
   FORCE CARD SECTION H3 BACKGROUND (e.g. "Genetic Health")
   ========================================================= */

/* Most specific: the pdgdetail cards */
.card.avilable.pdgdetail > h3{
  display:block !important;
  background-color:#251a14 !important;
  background-image:none !important;
  color:#DAB49D !important;
  padding:10px 12px !important;
  margin:0 0 10px 0 !important;
  border-radius:6px !important;
  border:1px solid rgba(218,180,157,.18) !important;
}

/* Fallback: any avilable card heading */
.card.avilable > h3{
  display:block !important;
  background-color:#251605 !important;
  background-image:none !important;
  color:#DAB49D !important;
  padding:10px 12px !important;
  margin:0 0 10px 0 !important;
  border-radius:6px !important;
  border:1px solid rgba(218,180,157,.18) !important;
}
/*NEW 1-29-2026*/

/* GP_GGP_CELL_WRAPPER_FIX */
.pd_mating_cell.cell_gpggp,
.pd_mating_cell.cell_gpggp.cell_dam{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* GP_GGP_HOLDER_FIX_CELL2_CELL3 */
/* Remove the "image holder" box ONLY for GP (cell_2) and GGP (cell_3) cells */
.pdgdetail-page .tab-class .pd_mating_cell.cell_2,
.pdgdetail-page .tab-class .pd_mating_cell.cell_2.cell_dam,
.pdgdetail-page .tab-class .pd_mating_cell.cell_3,
.pdgdetail-page .tab-class .pd_mating_cell.cell_3.cell_dam{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   GSKC FIXES — 02-19-2026
   ========================================================= */

/* ================================
   MOBILE HEADER BLACK BOX FIX
   ================================ */
@media (max-width: 991px){

  .headertop,
  .header-top,
  header.header-top{
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: #090605 !important;
    background-image: none !important;
  }

  .headertop .navbar,
  .header-top .navbar,
  .navbar.navbar-expand-md{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin: 0 !important;
    min-height: 0 !important;
    background: #090605 !important;
  }

  .navbar-collapse{
    background: #090605 !important;
    margin: 0 !important;
    padding: 6px 0 !important;
  }

  .navbar-collapse.collapse:not(.show){
    display: none !important;
  }
}

/* ================================
   REMOVE WHITE BG FROM width980
   ================================ */
.container-width980,
.width980{
  background: transparent !important;
  background-color: transparent !important;
}

.container-width980 > div,
.width980 > div{
  background: transparent !important;
}

/* ================================
   HERO → DETAIL GAP
   ================================ */
.hero-slider{
  margin-bottom: 18px !important;
}

.listdetail,
.detail-main{
  margin-top: 18px !important;
}

/* ===== SECTION START: DEFIMG 02-20-2026 BACKGROUND DISABLE (PDGDETAIL ONLY) ===== */
.pdgdetail-page .defimg{
    background-image:none !important;
}
/* ===== SECTION END: DEFIMG BACKGROUND DISABLE (PDGDETAIL ONLY) ===== */

/* ===== 02-20-2026 SECTION START: MOBILE NAV FIX (BOOTSTRAP COLLAPSE) ===== */
@media (max-width: 767px){

  /* Ensure header/nav stays above page content */
  .headertop{
    position: sticky;
    top: 0;
    z-index: 9999;
  }

  /* Ensure toggler is tappable */
  .headertop .navbar-toggler{
    position: relative;
    z-index: 10000;
  }

  /* Force correct collapse behavior (protect against broken CSS overrides) */
  .headertop .collapse:not(.show){
    display: none;
  }

  /* Collapsed menu panel (match site colors) */
  .headertop #collapsibleNavbar{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #090605 !important;                 /* site dark */
    border-top: 1px solid rgba(218,180,157,.22) !important;
    padding: 10px 12px;
    z-index: 9998;
    box-shadow: 0 14px 30px rgba(0,0,0,.55);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
  }

  /* Improve tap targets */
  .headertop #collapsibleNavbar .navbar-nav{
    margin: 0;
    padding: 6px 0;
  }

  /* Link visibility + premium weight */
  .headertop #collapsibleNavbar .nav-link,
  .headertop #collapsibleNavbar a{
    color: #DAB49D !important;                      /* site tan */
    font-weight: 800;
    letter-spacing: .2px;
    text-decoration: none !important;
    padding: 12px 10px !important;
    display: block;
  }

  /* Separator lines */
  .headertop #collapsibleNavbar .nav-item + .nav-item{
    border-top: 1px solid rgba(218,180,157,.14);
  }

  /* Hover/Focus/Active accent */
  .headertop #collapsibleNavbar .nav-link:hover,
  .headertop #collapsibleNavbar .nav-link:focus,
  .headertop #collapsibleNavbar .nav-item.active .nav-link,
  .headertop #collapsibleNavbar .nav-link.active{
    color: #ffffff !important;
    background: rgba(167,85,2,.22) !important;      /* accent #A75502 */
    border-radius: 10px;
  }

}
/* ===== 02-20-2026 SECTION END: MOBILE NAV FIX (BOOTSTRAP COLLAPSE) ===== */

/* ===== SECTION START: NAV DROPDOWN + SEARCH DARK THEME FIX 02-20-2026 ===== */

/* Upload dropdown (navbar) */
.navbar .dropdown-menu{
    background: #090605 !important;
    border: 1px solid rgba(218,180,157,.22) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.55);
}

.navbar .dropdown-item{
    color: #DAB49D !important;
    font-weight: 700;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
    background: rgba(167,85,2,.22) !important;  /* accent */
    color: #ffffff !important;
}

/* Search panel */
.searchmore{
    background: #090605 !important;
    border-top: 1px solid rgba(218,180,157,.22);
    padding: 14px 0;
}

/* Search input */
.searchmore input{
    background: #1c130f !important;
    color: #DAB49D !important;
    border: 1px solid rgba(218,180,157,.22) !important;
}

.searchmore input::placeholder{
    color: rgba(218,180,157,.55);
}

/* Search select */
.searchmore select{
    background: #1c130f !important;
    color: #DAB49D !important;
    border: 1px solid rgba(218,180,157,.22) !important;
}

/* Search button */
.searchmore button{
    background: #A75502 !important;
    color: #ffffff !important; /*Search Button Color in Mobil*/
    border: none !important;
}

.searchmore button:hover{
    background: #8f4700 !important;
}

.searchmore select{
  margin-right: 10px; /* SIMPLE GAP */
}

/* ===== SECTION END: NAV DROPDOWN + SEARCH DARK THEME FIX 02-20-2026 ===== */

/* ===== NAV SEARCH ICON COLOR ===== */
.navbar .fa-search{
  color: #F75C03 !important;
  font-size: 20px !important;   /* increase to 22px if you want larger */
}

/* ===== TOP NAV OVERRIDES START ===== */

/* Normal (unhovered) */
.headertop .navbar-dark .navbar-nav .nav-link,
.headertop .navbar-dark .navbar-nav .nav-link:visited{
  color: #DAB49D !important;  /* site tan */
}

/* Hover / focus */
.headertop .navbar-dark .navbar-nav .nav-link:hover,
.headertop .navbar-dark .navbar-nav .nav-link:focus,
.headertop .navbar-dark .navbar-nav .nav-link:active,
.headertop .navbar-dark .navbar-nav .nav-item:hover > .nav-link{
  color: #F75C03 !important;
}

/* Fallback if the search icon is inside an <a> being hit by a:hover / a:focus */
.headertop .navbar a:hover,
.headertop .navbar a:focus{
  color: #F75C03 !important;
}

/* ===== TOP NAV OVERRIDES END ===== */

/* ===== NAVBAR BRAND WHITE START ===== */
.headertop .navbar-brand{
  color: #FFFFFF !important;
}
/* ===== NAVBAR BRAND WHITE END ===== */