@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
}
.fontChange {
    font-family: 'Times New Roman', Times, serif;
}
/* recaptcha */
.grecaptcha-badge, .rc-anchor-invisible {
    opacity: .4;
}
@media only screen and (max-width: 1199px) {
    .g-recaptcha {
        margin-bottom: 1rem;
    }
}
  
.bottomRightBtn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 7%;
}
.bottomRightBtn:hover {
    width: 8%;
    transition: 0.5s;
}

.error, .success {
    padding: 16px 0;
/*    max-width: 500px;*/
/*    margin: 0 auto;*/
    .text {
        padding: 8px 16px 8px 70px;
        position: relative;
        color: white;
        border-radius: 32px;
        &::before {
            position: absolute;
            font-family:'Font Awesome 5 Free';
            font-weight: 700;
/*            font-size: 42px;*/
            font-size: 28px;
            left: 20px;
            top: 0;
        }
    }
}
.error {
    .text {
        background-color: #eb2f2f;
        &::before {
            content: '\f057';
        }
    }
}
.success {
    .text {
        background-color: #3c872e;
        &::before {
            content: '\f058';
        }
    }
}
/* validations */
.validation-error {
  color:red;
  font-size:16px;
  line-height:1;
}


/* slider */
@arrow-size: 1.6rem;
.slick-arrow {
    width: @arrow-size;
    height: @arrow-size;
    &::before {
        opacity: 0.9;
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        font-size: @arrow-size;
    }
}
.slick-prev {
    z-index: 1;
    left: @arrow-size;
    &::before {
        content: '\f359';
    }
}
.slick-next {
    right: @arrow-size;
    &::before {
        content: '\f35a';
    }
}
.slick-dots {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    text-align: left;
    padding: 7px;
    li {
        position: relative;
        width: 39px;
        height: 39px;
        cursor: pointer;
        margin-left: 5px;
        margin-bottom: 0;
        button {
            font-size: 0;
            line-height: 0;
            display: block;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
            width: 39px;
            height: 39px;
            &:hover, &:focus {
                outline: none;
            }
            &::before {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;

                width: 39px;
                height: 39px;
                content: '\f111';
                font-family: "Font Awesome 5 Free";
                font-weight: 400;
                font-size: 30px;
                display: inline-block;
                text-align: center;
                color: white;
                opacity: 1;

                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
        &.slick-active button:before {
            content: '\f192';
            color: white;
            opacity: 1;
/*            color: @green;*/
        }
    }
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
@media only screen and (max-width:767px) {
    .slick-arrow {
        width: 20px;
        height: 34px;
        &::before {
            width: 20px;
            height: 34px;
        }
    }
    .slick-dots li {
/*        width: 16px;*/
/*        height: 16px;*/
        /*button {
            &::before {
                font-size: 16px;
                line-height: 16px;
            }
        }*/
    }
}
/* banner */
/*.banner {
    .container {
        padding: 16px 32px;
        &.banner-bg {
            background-color: @banner-bg;
        }
    }
    .title {
        font-size: 2.5em;
        color: white;
        line-height: 0.9;
    }
    .content {
        font-size: 1.5em;
        color: white;
    }
    .btn {
        width: max-content;
        padding: 32px;
    }
}*/

.adoptText {
    font-size: 15px;
    margin: 0 90px 20px 80px;
}

#cboxTitle {
    bottom: 0;
    left: 0;
    right: 0;
    top: unset !important;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: white !important;
    background-color: rgba(0,0,0,0.5);
    
}

/* fixed-top */
/*@header-height: 110px;*/
html, body {
    scroll-behavior: smooth;
}
body { 
/*    padding-top: @header-height; */
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.7;
}

@media only screen and (max-width: 1199px) {
    body {
/*        font-size: 18px;*/
    }
}
@media only screen and (max-width: 991px) {
    body {
/*        font-size: 18px;*/
    }
}
@media only screen and (max-width: 767px) {
    body {
/*        line-height: 1.4;*/
    }
}
img {
    max-width: 100%;
}
.circleContainer {
    margin-left: 6%;
}
@media screen and (max-width: 1550px) {
    .uk-navbar-nav>li>a {
        font-size: .7rem !important;
    }
}

.homeBtn {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 70px;
    width: 305px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 5%;
    margin-left: 30%;
    margin-bottom: 2%;
    border: none;
}
.spayBtn button {
    font-size: 12px !important;
 }
 .calBtn button, .treeBtn button, .uk-navbar-right .btn {
    font-size: 12px !important;
 }
 .spayBtn {
    margin-left: 2%;
    margin-right: 1%;
/*    margin-top: 1.3%;*/
 }
 .calBtn, .treeBtn {
/*    margin-top: 1.3%;*/
 }

 .treeBtn {
    margin-left: 1%;
 }
 
 .spayBtn, .calBtn, .treeBtn {
     button {
         margin-bottom: 0;
     }
 }
.purchaseSection {
    background: url('/images/image_slider/sectionBg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 550px;
}

.purchaseSection h2 {
    font-family: Playfair Display;
    color: #0092b3;
    margin-left: 30%;
    margin-top: 12%;
    width: 400px;
    text-align: center;
    font-size: 40px;
}

.purchaseSection img {
    width: 70%;
    margin-left: 20%;
    margin-top: 10%;
}

/*HOME CARD LINKS STYLE*/
.involveText {
    font-family: Montserrat;
    text-transform: uppercase;
    color: @blue;
    font-size: 16px;
    margin-top: 1%;
}

.volunteerText {
    font-family: Playfair Display;
    margin-top: -1%;
}

.cardLinks {
    margin: 3%;
}

.homeCardTitle {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 200;
    width: 170px;
    color: white;
    position: absolute;
    bottom: 10%;
    left: 7%;
}
.homeCardDesc {
    font-family: Montserrat;
    font-size: 14px;
    color: white;
    position: absolute;
    bottom: 2%;
    left: 7%;
}
.homeDonateBtn {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 70px;
    width: 250px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
/*    margin-bottom: 2%;*/
    border: none;
/*    position:absolute;*/
/*    right: 4%;*/
/*    bottom: -95%;*/
}
/*HOME CARD LINKS END*/

.banner {
    background-size: cover;
    background-position: center;
/*    display: flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 100vh;*/
    .container {
/*        margin-top: 10rem;*/
/*        text-align: right;*/
    }
    @keyframes come-up {
        0% {
            transform: translateY(100px);
            opacity: 0;
        }
        100% {
            trnasform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes come-down {
        0% {
            transform: translateY(-200px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    /*&.slick-active {
        .title, .content, .btn {
            animation: come-up 1s linear 0.5s forwards;
        }
    }*/
}
@media only screen and (max-width:991px) {
    .slick-arrow::before {
        width: 20px;
    }
    .slick-dots {
        bottom: -4px;
    }
}
@media only screen and (max-width:767px) {
    @dot-size: 16px;
    .slick-dots {
        bottom: 0;
        padding-top: 0;
        li {
            width: @dot-size;
            height: @dot-size;
            button {
                width: @dot-size;
                height: @dot-size;
                &::before {
                    width: @dot-size;
                    height: @dot-size;
                    font-size: @dot-size;
                }
            }
        }
    }
}
#scroll {
    position: relative;
    height: 0;
    #btn-scroll {
        position: absolute;
        top: -4rem;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        text-transform: uppercase;
        font-size: 0.8em;
        font-weight: 700;
        cursor: pointer;
        padding-bottom: 2rem;
        &::after {
            content: '\f078';
            font-family: 'Font Awesome 5 Free';
            font-weight: 700;
            font-size: 2rem;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            transition: .4s all ease-in;
        }
        &:hover::after {
            bottom: -1rem;
        }
    }
}
@media only screen and (max-width: 767px) {
    #scroll #btn-scroll {
        top: -2rem;
        padding-bottom: 0;
        &::after {
            bottom: -1rem;
            font-size: 1rem;
        }
        &:hover::after {
            bottom: -1.2rem;
        }
    }
}

.responsive_map {
    border-radius: 15px;
    border: 6px solid white;
    outline: 3px solid black;
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:100%;
    width: 100%;
    margin-bottom: 3rem;
    iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
}
@media only screen and (max-width: 767px) {
    .responsive_map {
        padding-bottom: 70%;
        margin-bottom: 2rem;
    }
}

@red: #EF3F2A;
@blue: #0092B3;
@grey: #ADAFB2;

/*
font
font-family: 'Montserrat', sans-serif;
font-family: 'Playfair Display', serif;
*/

.blogHeaderTitle {
    font-family: Playfair Display;
    font-size: 56px;
    text-align: center;
    margin-top: 2%;
}

/********* FAQ PAGE ***********/
.faqAcc {
    margin-left: 13%;
}
.faqAcc a {
    font-size: 24px;
}
.faqAcc p, .insideList li {
    font-size: 16px;
    font-family: Playfair Display;
}
.faqHeader {
    text-align: center;
}
.faqHeader p {
    font-family: Playfair Display;
    margin-bottom: 5%;
}
.adoptHeader {
    color: black;
        font-size: 22px;
        position: relative;
        padding-left: 1rem;
        margin-left: 23.5%;
        margin-bottom: 2%;
        letter-spacing: 1px;
        &::before {
            content: '';
            position: absolute;
            top: 9px;
            left: 0;
            bottom: 9px;
            width: 6px;
            background-color: @red;
            border-radius: 15px;
        }
}
#linkOurWish {
    font-size: 16px;
}

@media screen and (min-width: 1900px) {
    .faqHeader h2 {
        font-size: 42px;
    }
    .faqHeader p {
        font-size: 22px;
    }
    .faqAcc p, .insideList li {
        font-size: 18px;
    }
}

/****************** Donate a Car *********************/
.carSection {
    p, li {
        font-family: Montserrat;
        font-size: 16px;
    }
}
.carSection {
    h2, p {
        text-align: center;
    }
}
.carImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}
@media screen and (min-width: 1900px) {
    .carSection p {
        font-size: 18px;
    }
}
// End of Donate a Car

/************** Contact Us ********************/
.teamSection {
    border: 2px solid black;
    padding: 3%;
}

.teamSection h2 {
    font-family: Playfair Display;
    font-size: 36px;
}

.teamSection p {
    font-family: Montserrat;
    font-size: 16px;
}

.rightInfo h2 {
    font-family: Montserrat;
    color: @blue;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
}
.rightInfo p {
    margin-bottom: -3%;
    font-size: 16px; 
    word-break: break-word;
}
.rightInfo a {
    font-size: 16px;
}
#phoneNum {
    margin-bottom: 0%;
}
.headerLabel, .headerLabel label {
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: 16px;
    span {
        font-size: 0.8em;
    }
}
.lightLabel { 
    font-size: 14px; 
    opacity: 0.8;
    margin-top: -3%;
    font-family: 'Times New Roman', Times, serif;
}
.contactForm {
    margin-top: 5%;
}
.contactForm input {
    width: 330px;
}
.subjectTxt {
    margin-top: 5%;
}
.contactTextarea {
    margin-top: 2%;
}
.contactTextarea textarea {
    width: 690px;
    height: 200px;
}
.contactTextarea label {
    font-weight: bold;
    font-size: 16px;
}
.teamCares {
    margin-left: -4%;
    border-right: 3px solid @grey;
    padding-right: 5%;
}
.infoSide {
    margin-left: 3%;
}
.submitBtn input {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 70px;
    width: 305px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
@media screen and (min-width: 1900px) {
    .teamCares {
        margin-left: -5%;
    }
    .contactForm input {
        width: 410px;
    }
    .contactTextarea textarea {
        width: 850px;
    }
    .infoSide {
        padding-right: -10%;
    }
    .rightInfo h2 {
        font-size: 22px;
    }
}
@media screen and (max-width: 1399px) {
    .headerLabel, .headerLabel label {
        span {
            font-size: 0.5em;
        }
    }
}
@media screen and (max-width: 767px) {
    .infoSide {
        margin-left: 0;
    }
    .teamCares {
        border-right: none;
        margin-left: 0;
        padding-right: 15px;;
    }
}
// End of Contact Us

/************Privacy Policy************/
.allPrivacyContent p, .allPrivacyContent ul {
    font-size: 14px;
    font-family: Montserrat;
}
.allPrivacyContent h4 {
    font-weight: bold;
    font-family: Montserrat;
    font-size: 20px;
}
.allPrivacyContent h2 {
    font-family: Montserrat;
    font-size: 28px;
    font-weight: lighter;
}
.privacyFirst h3 {
    text-transform: uppercase;
    font-family: Montserrat;
    color: @grey;
    opacity: 0.6;
    letter-spacing: 2px;
    font-size: 18px;
    margin-bottom: -3%;
}
.privacyFirst h1 {
    font-family: Playfair Display;
    font-size: 68px;
    margin-bottom: 3%;
}
.privacyDefinition h1 {
    font-family: Playfair Display;
    font-size: 44px;
    margin-top: 5%;
}
/**********End Privacy Policy**********/

/***********Leave a Legacy************/
.sidebarContent ul {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
}
.sidebarContent h3 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
}
.sidebar.nav-link {
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.sidebar.active {
    color: black;
}
.legacyInformation, .legacyTabs {
    padding-top: 1.5%;
}
.legacyRight {
    border-left: 2px solid @grey;
}

@media screen and (min-width: 1900px) {
    .legacyInformation {
        padding-left: 1%;
        padding-top: 3%;
        padding-right: 9%;
    }
    .legacyTabs {
        padding-left: 5%;
        padding-top: 3%;
    }
    .legacyRight {
        margin-left: -5%;
        padding-top: 1%;
        padding-left: 2%;
    }
}
/********End of Leave a Legacy*********/

/**********Tribute Page****************/
.tributeInfo h3 {
    font-family: Montserrat;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: -0.5%;
}
.tributeInfo p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}
.tributeForm input {
/*    width: 200px;*/
    width: 100%;
}
.rightSideInput input, .rightSideInput label {
/*    margin-left: -10%;*/
}
.tributeTextarea {
    margin-top: 2%;
}
.tributeTextarea textarea {
/*    width: 431px;*/
    width: 100%;
    height: 200px;
}
.tributeTextarea label {
    font-weight: bold;
    margin-left: 1%;
    font-size: 16px;
}
.donateBtn {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 70px;
    width: 305px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
.donateBtn a {
    text-decoration: none;
    color: white;
}
.tributeTitle {
    margin-top: 2%;
}

@media screen and (min-width: 1900px) {
    .tributeForm input {
/*        width: 280px;*/
    }
    .tributeTextarea {
/*        margin-top: 5%;*/
    }
    .tributeTextarea textarea {
/*        width: 570px;*/
    }
    .tributeTextarea label {
/*        margin-left: 0%;*/
    }
    .tributeTitle {
        margin-top: 5%;
    }
    .tributeInfo p {
        font-size: 20px;
    }
    .tributeInfo h3 {
        font-size: 22px;
    }
}
/*******End of Tribute*****************/

/******License Your Pet***************/
.licenseForm h2 {
    font-family: Montserrat;
    margin-left: 3.5%;
    font-size: 16px;
    width: 400px;
    opacity: 0.6;
}
.licenseLast input {
/*    margin-left: -30%;*/
}
.licenseForm {
    margin-top: 5%;
}
.licenseForm input {
    width: 180px;
    margin-bottom: 10%;
    font-size: 18px;
    font-family: 'Times New Roman', Times, serif;
}
.licenseBtn input {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 40px;
    width: 180px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
.licenseContent p, .licenseContent li {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}
.licenseContent {
    padding-left: 10%;
    padding-top: 2.5%;
    padding-right: 10%;
}

@media screen and (min-width: 1900px) {
    .licenseForm input {
        width: 220px;
    }
    .licenseForm h2 {
        font-size: 18px;
        width: 450px;
        margin-left: 2.7%;
    }
    .licenseBtn input {
        width: 220px;
    }
}
/*********End of License Pet**********/

/**********Satellite Page*************/
.satLeft {
    margin-left: 8%;
}
.satLeft p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}

/******End of Satellite Page**********/

/**********Foster Page*************/
.radioSection select {
    font-size: 14px;
    font-family: Montserrat;
    width: 100%;
    margin-bottom: 10%;
}

.topThree, .bottomThree {
    margin-bottom: 5%;
}


/**********End Foster Page*************/


/******Lost and Found Page**********/
.accLostContent {
    padding-left: 5%;
}
.rightLostContent {
    padding-right: 5%;
}
.lostLeftContent h2 {
    font-family: Playfair Display;
    font-size: 44px;
}
.lostLeftContent p, .lostRightContent p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}
.lostRightContent h2 {
    font-size: 38px;
}
.lostRightContent h3 {
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 20px;
    color: @blue;
}
.lostRightContent ol {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}
.poundInfo {
    border: 2px solid black;
    padding: 4%;
}
.poundInfo h2 {
    font-size: 38px;
}
.accLostContent ul {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}
.accLostContent h4 {
    font-family: 'Times New Roman', Times, serif;
}
.lostFoundFirst input, .lostFoundSec input, .lostFoundAddress input, .lostFoundThird input {
    font-family: 'Times New Roman', Times, serif;
    width: 100%;
}
.lostFoundFirst, .lostFoundSec, .lostFoundAddress, .lostFoundThird {
    margin-bottom: 1%;
}
.missingPetRadio label {
    font-size: 18px;
    font-family: 'Times New Roman', Times, serif;
    margin-right: 5%;
}
.chipPetRadio label {
    font-size: 18px;
    font-family: 'Times New Roman', Times, serif;
    margin-right: 9.2%;
}
.wholeSection {
    margin-top: 3%;
    margin-bottom: 3%;
}
.strayPet label {
    margin-right: 9.65%;
}
.lostFoundPicture input {
    font-size: 16px;
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}
.lostFoundPicture {
    background-color: #edf1f7; 
    border: 2px dashed @grey;
    padding: 5%;
}
.pictureLabel {
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
    margin-bottom: 3%;
    margin-top: 2%;
}
.submitLostBtn input {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 40px;
    width: 302px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
@media screen and (min-width: 1900px) {
    .accLostContent {
        padding-left: 10%;
    }
    .rightLostContent {
        padding-right: 10%;
    }
}
/****End of Lost and Found*********/

/************ NEUTER PAGES ***************/
.neuterTitle {
    color: @blue;
    font-family: Playfair Display;
    font-size: 44px;
    margin-top: 3%;
}
/************ NEUTER PAGES ***************/

/************ BIG PAWS *******************/
.mainImage {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
}
.pawsText h2 {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: .5px;
}
.pawsText p {
    font-size: 20px;
}
.pawsText ul {
    font-family: 'Times New Roman', sans-serif;
    font-size: 20px;
    text-align: center;
    list-style-type: none;
    font-weight: bold;
}
.pawsBtn {
    background-color: @blue;
    font-family: Montserrat;
    padding: 12px 40px;
    width: 100%;
    color: white;
    border-radius: 0;
    font-size: 16px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
.pawsBtnLeft {
    background-color: @red;
    font-family: Montserrat;
    padding: 12px 40px;
    width: 100%;
    color: white;
    border-radius: 0;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    border: none;
}
.pawsImages {
    margin-top: 3%;
    margin-bottom: 3%;
}
.thankSection img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3%;
}
.allBigPaws {
    margin: 2% 10%;
}
.bigPawsLayout .container-fluid {
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
}
.diamondSponsor h2, .platSponsor h2, .goldSponsor h2, .bronzeSponsor h2, .mediaSponsor h2 {
    color: @blue;
    margin-top: 2%;
    margin-bottom: 2%;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: lighter;
}
.diamondSponsor, .mediaSponsor, .bronzeSponsor {
    background-image: url('/images/bigpaws/greyRec.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 4%;
}
.platSponsor, .goldSponsor {
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 4%;
}
.diamondSponsor .card, .platSponsor .card, .goldSponsor .card, .bronzeSponsor .card, .mediaSponsor .card {
    height: 340px;
    width: 360px;
    border: none;
}
.platSponsor .card, .goldSponsor .card {
    background: #f4f5f7;
}
.goldSponsor img, .platSponsor img, .diamondSponsor img, .bronzeSponsor img, .mediaSponsor img{
    width: 80%;
    margin: auto;
}
.bronzeSponsor {
    margin-bottom: 2%;
}
/*********** END BIG PAWS *****************/

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.title, .banner .content {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.2;
}

.banner .content {
    font-size: 24px;
}
.btn {
    // border-radius: 15px;
    text-transform: uppercase;
}
.btn-white {
    border: 1px solid @red;
    color: @red;
    &:hover {
        color: white;
        background-color: @red;
    }
}
.btn-red {
    border: 1px solid @red;
    color: white;
    background-color: @red;
    &:hover {
        color: @red;
        background-color: white;
    }
}
.btn-blue {
    border: 1px solid @blue;
    color: white;
    background-color: @blue;
    &:hover {
        color: @blue;
        background-color: white;
    }
}
@header-height: 147px;
.banner {
    height: ~'calc(100vh - @{header-height})';
    color: white;
    display: flex !important;
    align-items: center;
    .wrapper {
        text-align: center;
        line-height: 1.3;
    }
    .image {
        margin: 0 auto;
        width: 60%;
    }
    .title {
        font-size: 28px;
    }
    .sub-title {
        font-size: 26px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .title, .sub-title {
        text-shadow: 3px 3px 3px black;
    }
    .content {
        padding-bottom: 1rem;
        line-height: 1;
    }
    .btn {
        color: white;
        background-color: @blue;
        border-radius: 32px;
/*        font-size: 0.6em;*/
        border: 2px solid white;
        padding: 1rem 3rem;
    }
    .btn:hover {
        color: @blue;
        background-color: white;
        border: 2px solid @blue;
    }
}
.slick-dots {
    display: none;
}
.modal-dialog {
    margin-top:13%;
    .modal-content {
        background-color: @red;
        color: white;
        border: 2px solid white;
        border-radius: 15px;
    }
}
.modal-header {
    align-items: center;
    padding: 2rem 1rem 1rem;
    border-bottom: 0;
    .close {
        background-color: white;
        color: @red;
        margin-right: 0;
        opacity: 1;
        border-radius:50%;
        padding: 5px 10px;
    }
}
.modal-body {
    text-align: center;
    padding: 3rem;
    padding-top: 0;
    .title {
        font-size: 1.7em;
    }
    p {
        line-height: 1.2;
    }
}


@media screen and (min-width: 1700px) {
    .banner {
        .image {
            width: 100%;
        }
        .title {
            font-size: 36px;
        }
        .sub-title {
            font-size: 30px;
        }
        .btn {
/*            margin-left: -50%;*/
        }
        .image, .title, .sub-title {
/*            margin-left: -25%;*/
        }
    }
    .banner .content {
/*        margin-left: -47%;*/
        margin-top: -1%;
        margin-bottom: 3%;
    }
}

@media only screen and (min-width: 1360px) {
    .banner .container {
        max-width: 1300px;
    }
}
@media only screen and (min-width: 1600px) {
    .banner .container {
        max-width: 1400px;
    }
}
@media only screen and (min-width: 1700px) {
    .banner .container {
        max-width: 1600px;
    }
}
@media only screen and (min-width: 991px) {
    .modal-dialog {
        margin-top: 15%;
        max-width: 800px;
    }
}
@media only screen and (max-width: 768px) {
    .banner {
        .wrapper {
            width: 500px;
        }
        .image {
            width: 456px;
        }
        .content {
/*            margin-left: 38%;*/
        }
    }  
}
@media only screen and (max-width: 425px) {
    .banner {
        .content {
            margin-left: 17%;
            width: 50%;
        }
    }
}
@media only screen and (max-width: 1399px) {
    body {
        font-size: 20px;
    }
    .banner {
        height: calc(100vh - 124px);
        .wrapper {
            width: 600px;
        }
        .image {
            width: 300px;
        }
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner .title {
        font-size: 1.9em;
    }
}
@media only screen and (max-width: 767px) {
    body {
        font-size: 16px;
    }
    .banner .content {
        font-size: 1.4em;
    }
    .banner {
        min-height: 200px;
        height: auto !important;
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-position: right !important;
    }
    .modal-body {
        padding: 1rem;
        .title {
            font-size: 1.2em;
        }
    }
}
.title {
    font-size: 2em;
}
@media only screen and (max-width: 991px) {
    .title {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 767px) {
    .title {
        font-size: 1.3em;
    }
    a {
        word-break: break-all;
    }
}

.banner {
    height: calc(100vh - 137px);
    .wrapper {
        width: 500px;
    }
        .title {
            width: inherit;
        }
        .sub-title {
            text-transform: uppercase;
            width: inherit;
            margin-bottom: 0.5rem;
        }
}

/* MEDIA FOR HOME SCREEN */
@media screen and (min-width: 1700px) {
    .purchaseSection h2 {
        margin-top: 7%;
        margin-left: 25%;
        width: 600px;
        font-size: 52px;
    }
    .purchaseSection img {
        width: 60%;
        margin-left: 25%;
        margin-top: 6%;
    }
    .homeBtn {
        margin-left: 34%;
    }
    .homeDonateBtn {
        bottom: -74%;
    }
    .main50Img {
        margin-top: -15%;
    }
}
    
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .purchaseSection {
        height: 400px;
    }
    .circleContainer {
        margin-left: 19%;
    }
    .homeBtn {
        margin-left: 19%;
        margin-top: 7%;
    }
    .homeDonateBtn {
        bottom: -60%;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .purchaseSection {
        height: 320px;
    }
    .purchaseSection h2 {
        margin-left: 9%;
        margin-top: 10%;
        font-size: 32px;
    }
    .circleContainer {
        margin-left: 13%;
    }
    .purchaseSection img {
        width: 95%;
        margin-left: 9%;
        margin-top: 7%;
    }
    .homeBtn {
        margin-left: 6%;
    }
    .homeCardTitle {
        font-size: 11px;
        bottom: 5%;
        font-weight: 500;
    }
    .homeCardDesc {
        bottom: -7%;
    }
    .homeDonateBtn {
        bottom: -42.5%;
    }
    .main50Img {
        margin-left: 35%;
        margin-top: -10%;
        width: 85%;
    }
    .banner {
        height: 400px !important;
    }
    .banner .title, .banner .sub-title {
/*        margin-left: 18%;*/
    }
    .banner .btn {
/*        margin-left: 36%;*/
        padding: 0.5rem 1rem;
    }
}

@media screen and (min-width: 377px) and (max-width: 500px) {
    .banner {
        height: calc(100vh - 235px);
    }
    .banner .title {
        font-size: 20px;
/*        margin-left: -9%;*/
    }
    .banner .sub-title {
        font-size: 17px;
        width: 405px;
    }
    .main50Img {
        margin-left: 5%;
        margin-top: -10%;
        width: 60%;
    }
    .banner .btn {
/*        margin-left: -17%;*/
    }
    .purchaseSection {
        height: 205px;
    }
    .purchaseSection h2 {
        font-size: 28px;
        margin-left: 11%;
    }
    .img50 {
        visibility: hidden;
    }
    .circleContainer img {
        width: 100%;
    }
    .circleContainer {
        margin-left: 60%;
        margin-top: 10%;
    }
    .homeBtn {
        margin-left: -42%;
        margin-top: 13%;
    }
    .homeDonateBtn {
        visibility: hidden;
    }
    .cardLinks .col-md-3 {
        padding-right: 0px;
        padding-left: 15px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 375px) and (max-width: 376px) {
    .main50Img {
        margin-left: -14%;
        margin-top: -25%;
        width: 80%;
    }
    .banner .title {
        font-size: 20px;
/*        margin-left: -15%;*/
    }
    .banner .sub-title {
        font-size: 19px;
        width: 350px;
    }
    .banner .btn {
/*        margin-left: -29%;*/
    }
    .purchaseSection {
        height: 125px;
    }
    .purchaseSection h2 {
        font-size: 27px;
        margin-left: -6%;
    }
    .img50 {
        visibility: hidden;
    }
    .circleContainer img {
        visibility: hidden;
    }
    .circleContainer {
        margin-left: 60%;
        margin-top: 10%;
    }
    .homeBtn {
        margin-left: -57%;
        margin-top: -40%;
    }
    .homeDonateBtn {
        visibility: hidden;
    }
    .involveText {
        margin-top: 10%;
    }
    .volunteerText {
        font-size: 26px;
    }
    .cardLinks .col-md-3 {
        padding-right: 0;
        padding-left: 15px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .banner {
        height: auto;
    }
    .banner .title {
        font-size: 16px;
/*        margin-left: -20%;*/
    }
    .banner .sub-title {
        font-size: 16px;
        width: 295px;
    }
    .main50Img {
        margin-left: -15%;
        margin-top: -10%;
        width: 60%;
    }
    .banner .btn {
/*        margin-left: -41%;*/
    }
    .purchaseSection {
        height: 125px;
    }
    .purchaseSection h2 {
        font-size: 23px;
        margin-left: -28%;
    }
    .img50 {
        visibility: hidden;
    }
    .circleContainer img {
        visibility: hidden;
    }
    .circleContainer {
        margin-left: 60%;
        margin-top: 10%;
    }
    .homeBtn {
        margin-left: -83%;
        margin-top: -40%;
    }
    .homeDonateBtn {
        visibility: hidden;
    }
    .cardLinks .col-md-3 {
        padding-right: 0;
        padding-left: 17px;
        padding-bottom: 20px;
    }
}
/*END MEDIA FOR HOME SCREEN */
@media only screen and (max-width: 767px) {
    .banner {
        .wrapper {
            width: 100%;
        }
        .content {
            margin-left: unset;
            width: 100%;
        }
        .btn {
            padding: 0.5rem 1rem;
        }
    }
    h2 {
        font-size: 1.3rem;
    }
    .homeCardTitle {
        width: ~'calc(100% - 2.5rem)';
        font-size: 20px;
        margin-bottom: 16px;
    }
    .adoptText {
        margin: unset;
    }
}
/* adopt */
@media only screen and (max-width: 1199px) {
    #adopt-email {
        .adoptText {
            margin-left: 0;
        }
    }
}
/* wish list */
input, textarea {
    max-width: 100%;
}
@media only screen and (max-width: 1199px) {
    .title {
        font-size: 1.7rem;
    }
}
.blog-button {
    .btn {
        background-color: #0092B3;
        font-family: Montserrat;
        padding: 6px;
        color: white;
        border-radius: 0;
        font-size: 14px;
        margin-top: 2%;
        margin-bottom: 2%;
        border: 4px solid white;
        outline: 2px solid #0092B3;
        border-radius: 4px;
        width: 67%;
        &:hover {
            background-color: white;
            color: #0092B3;
        }
    }
}
@media screen and (min-width: 1900px) {
    .blog-button .btn {
        width: 55%;
    }
}

/* new styles for main slider */
.slider-mobile-wrapper {
    display: none;
}
@media only screen and (max-width: 991px) {
    .banner {
        .wrapper {
            width: 300px;
        }
        .image {
            width: 200px;
        }
        .title {
            font-size: 1.2em;
        }
        .sub-title {
            font-size: 1em;
            padding-block: 0.5rem;
        }
        .btn {
            font-size: 0.6em;
        }
    }
    .main50Img {
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .slider-desktop-wrapper {
        display: none;
    }
    .slider-mobile-wrapper {
        display: block;
        .banner {
            padding-top: 0;
            padding-bottom: 0;
            .wrapper, .sub-title {
                width: 100%;
            }
        }
        .homeBannerContent {
            width: 100%;
        }
    }
    
    .banner {
        .btn {
            font-size: 0.88em;
        }
    }
    .slider-mobile-top {
        background-color: #0092B3;
        text-align: center;
        padding-top: 28px;
    }
    .main50Img {
        width: 145px;
    }
    .slider-background-image {
        height: 400px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 1.5rem;
        background-position-x: right !important;
    }
}
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 20px;
}