@media screen and (max-width:1700px) {
    .fourth-home .divider {
        left: 20%;
    }
    .owl-carousel {
        margin-left: 20% !important;
    }
    
}


@media screen and (max-width:1440px) {
    .container-fluid {
        max-width: 1300px !important;
    }

    .team-page .fourth {
        padding-bottom: 9rem;
        padding-top: 3rem;
    }
}

@media screen and (max-width:1440px and max-height:700px){
    .home-banner h1 {
        font-size: 3.6rem;
    }
}

@media screen and (max-width:1366px) {
    .home-banner .bottom {
        right: 0;
    }
    .second-home h2 {
        font-size: 3.5rem;
    }

    .second-home p {
        font-size: 2rem;
    }
    
    .container-fluid {
        max-width: 1200px !important;
    }
    .second-home .steps div span {
        font-size: 3rem;
    }

    .third-home h2 {
        text-align: center;
    }

    .second-home {
        padding-bottom: 10rem;
    }

    .panel.panel-primary#step-1 {
        background-image: none;
    }
    .home-banner h1 {
        font-size: 3.5rem;
    }

    .fourth-home .divider {
        left: 13%;
    }

    .owl-carousel {
        margin-left: 12% !important;
    }
}

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

    .nav-item {
        font-size: 20px;
    }

    .home-banner h1 {
        font-size: 3rem;
    }

    .container-fluid {
        max-width: 1024px !important;
    }

    .team-page {
        background-size: 95% 105%;
    }

    .fourth-home .divider {
        width: 50% !important;
        left: 15% !important;
    }

    .third-home {
        margin-bottom: 7rem !important;
    }

    .second-home {
        padding: 4rem 0rem !important;
        padding-bottom: 7rem !important;
    }

    .topnow {
        background-size: 100% 250px;
        height: 250px;
    }
}

@media screen and (max-width:1110px) {
    .second-home .row .col {
        background: none !important;
    }

    .second-home .steps div:nth-child(1) {
        margin: 0 !important;
    }

    .second-home .steps div:nth-child(2) {
        margin: 0 !important;
    }

    .second-home .steps div:nth-child(3) {
        margin: 0 !important;
    }

    .second-home .steps div:nth-child(4) {
        margin: 0 !important;
    }

    .third-home .divider {
        display: none;
    }

    .third-home .trust {
        max-width: 260px;
        left: 35%;
        top: 50%;
    }

    .third-home {
        padding-top: 5rem !important;
        padding-bottom: 15rem !important;
    }

    .third-home .trust {
        max-width: 200px;
        left: 40%;
        top: 58%;
    }

    .third-home .dog {
        max-width: 150px;
    }

}

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

    .floating .wrapper {
        max-width: 100%;
    }

    .owl-carousel {
        max-width: 100% !important;
        margin-left: inherit !important;
    }

    .second-home .steps div {
        align-items: center;
    }

    .second-home p {
        font-size: 1.5rem;
        margin-left: 1rem;
    }

    .second-home .steps div span {
        line-height: initial;
    }

    footer img {
        display: none;
    }

    .pricing-content .box2 {
        padding: 1rem;
    }

    .pricing-content .box2 h2 {
        font-size: 3rem;
    }

    .pricing-content .box2 p span {
        font-size: 2rem;
    }

    .page .content {
        margin-top: 170px;
    }

    .fourth-home {
        padding: 1rem;
    }

    .third-home {
        margin-bottom: 5rem !important;
    }

    .bottom-global,
    .circle {
        /* display: none; */
    }

    header.size {
        height: 70px !important;
    }

    .navbar-brand {
        width: 50%;
    }

    .bottom-global {
        padding: 0.5rem 1rem;
    }

    .bottom-global a {
        margin-right: initial;
        font-size: 1.5rem;
    }

    .bottom-global img {
        max-height: 150px;
        display: none;
    }

    .navbar-brand img {
        /* height: initial; */
    }

    .login a {
        border-left: 1px solid transparent;
    }

    .pricing-content .column:first-child {
        border-right: 1px solid #000;
        border-bottom: none;
    }

    .second-home img {
        /* max-height: 450px; */
        align-self: flex-start;
    }

    .topnow {
        background-size: 100% 150px;
        height: 150px;
    }

    .third-home p {
        max-width: 100%;
    }

    header {
        height: 140px !important;
    }

    .offcanvas-header {
        display: block !important;
    }

    .mobile-offcanvas {

        background-color: #2a3d45;
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block !important;
        position: fixed !important;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1200;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
        padding: 1rem 2rem;

    }

    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }

    .fourth-home .divider {
        display: none;
    }

    .fourth-home {
        background-image: none;
    }

    .fourth-home .main {
        position: relative;
        max-width: 100%;
        margin: auto;
    }

    .fourth-home .content1 {

        max-width: 100%;
        text-align: center;
        margin: auto;
    }

    .home-banner-mobile .content {
        text-align: center;
        margin-top: 10rem !important;
        margin-bottom: 30rem !important;
    }

    h1,
    h2 {
        font-size: 4rem;
    }

    .second-home h2,
    .third-home h2,
    .fourth-home h2 {
        font-size: 3.7rem;
    }

    .pricing-items .max {
        max-width: 950px;
        margin: auto;
        padding: 5rem 0rem;
    }

    .home-banner-mobile a {
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        display: none;
    }

    .admin-bar .content {
        margin-top: 10rem;
    }

    .admin-bar .mobile-offcanvas {
        margin-top: 46px;
    }

    .slick-dots li button:before {
        text-align: center !important;
    }

    .slick-dots {
        text-align: center !important;
    }

    #step-1 .heading h3 {
        max-width: 100%;
    }

    #step-1 .heading {
        padding-bottom: 1rem;
    }
    .pet-information h2 {
        max-width: 100%;
        display: none;
    }
    .pet-information__form-wrap {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .pet-information .form-group {
        max-width: 100%;
        margin-bottom: 4rem;
    }
    .pet-image-display {
        display: none;
    }
    .pet-information {
        margin-bottom: 1rem;
    }
    .description {
        padding-bottom: 1rem;
    }
    .pet-plans__plan-option {
        margin-bottom: 0rem;
        min-height: initial;
        font-size: 1.8rem;
        color: #5588ad;
        margin-top: 1rem;
        font-weight: 700;
        background: #fff;
    }
    .more-pet a.nextBtn {
        padding-top: 1rem;
        margin: auto;
        text-align: center !important;
    }

    .condition-or-allergies textarea {
        width: 100%;
    }

    .page-template-page-subscription .overlay {
        display: none;
    }

    #btn-step-2.nextBtn {
        position: static;
        /* top: 35px; */
        /* right: 65px; */
    }

    .panel.panel-primary#step-3 {
        display: none;
    }

    #btn-step-3.nextBtn {
        position: static;
    }

    .time-to-checkout img.rec-checkout {
        display: none;
    }
}

@media screen and (max-height:782px){
    .admin-bar header {
        margin-top: 50px;
    }
    .admin-bar .content {
        margin-top: 9rem;
    }
    
}

@media screen and (max-height:650px){

    .third-home {
        padding-top: 6rem;
        padding-bottom: 20rem;
    }

    .second-home {
        padding: 5rem 0rem;
        padding-bottom: 10rem;
    }
    .second-home h2 {
        font-size: 3.5rem;
    }

    .second-home p {
        font-size: 2rem;
    }

    .third-home h2 {
        font-size: 3.5rem;
        font-weight: 700;
    }

    .second-home .steps div span {
        font-size: 3rem;
    }

    .third-home .subtitle {
        font-size: 1.5rem;
    }

    .admin-bar .content {
        margin-top: 7rem;
    }
    .page .content {
        margin-top: 150px;
    }
    header {
        height: 174px;
    }
    .home-banner h1 {
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .bottom-global img {
        max-height: 95px;
    }
    .bottom-global a {
        font-size: 1rem;
    }
    .nav-item {
        font-size: 18px;
    }
}


@media screen and (max-width:768px) {
    
    .woocommerce-MyAccount-navigation ul li{
        margin-bottom: 1rem !important;
    }
    .woocommerce-MyAccount-navigation ul li a {
        padding: 0.25rem !important;
    }

}



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

    h1,
    h2 {
        font-size: 3rem;
    }

    .second-home p {
        font-size: 1.5rem;
        margin-left: 1rem;
    }

    .second-home h2,
    .third-home h2,
    .fourth-home h2 {
        font-size: 2.7rem;
    }

    .second-home .steps div span {
        font-size: 1.5rem;
    }

    .third-home .subtitle {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .fourth-home h2 {
        margin-bottom: 2rem;
    }

    .team-page .second h2,
    .team-page .fourth h2,
    .team-page .sixth h2 {
        font-size: 3rem;
    }

    .team-page .third h2,
    .team-page .fifth h2 {
        font-size: 3rem;
    }

    .team-page .third h3,
    .team-page .fifth h3,
    .team-page .second h3,
    .team-page .fourth h3,
    .team-page .sixth h3 {
        font-size: 1.3rem;
    }

    .fifth-home {
        margin-top: 1rem;
    }
}

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

    .navbar-brand img {
        height: initial;
    }

    .topnow {
        background-size: 100% 100%;
        height: 150px;
    }

    .home-banner-mobile .content {
        margin-bottom: 25rem !important;
    }

    .owl-carousel {
        max-width: 100% !important;
        margin: 0 !important;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        text-align: center !important;
    }

    h1,
    h2 {
        font-size: 2.5rem;
    }
    
}