@media (max-width: 1270px) {
    body {
        padding-top: 80px; }

    .container {
        width: 980px; }

    .mobile-menu {
        display: block; }

        .scrolled .mobile-menu {
            top: 15px; }

    header,
    header .container {
        height: 80px; }

        header.scrolled,
        header.scrolled .container {
            height: 50px; }

        header .logo {
            left: 50%;
            float: none;
            width: 120px;
            height: 65px;
            margin: 8px 0 0 -60px;
            position: absolute;
            background-size: 100%; }

            header.scrolled .logo {
                width: 83px;
                height: 45px;
                margin: 2px 0 0 -41px; }

        header nav {
            top: 70px;
            margin: 0;
            opacity: 0;
            width: 100%;
            z-index: 500;
            background: #fff;
            padding-top: 5px;
            position: absolute;
            visibility: hidden; }

            header.scrolled nav {
                top: 40px;
                margin: 0; }

            header nav.active {
                top: 80px;
                opacity: 1;
                display: block;
                visibility: visible; }

                header.scrolled nav.active {
                    top: 50px; }

            header nav.anime {
                -webkit-transition: all .4s ease-in-out;
                        transition: all .4s ease-in-out; }

            header .menu li {
                width: 100%;
                padding: 0 15px; }

                header .menu li a {
                    display: block;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 45px;
                    border-bottom: 1px solid #f7f7f7; }

    .logo-facebook {
        margin: 25px 15px 0 0; }

        .scrolled .logo-facebook {
            margin-top: 7px; }

    .main .top,
    .ledproblemer .top,
    .pleje .top,
    .pleje.p2 .top,
    .om-katte .top,
    .canosan .top,
    .faq .top,
    .test .top {
        background-size: cover; }

        .ledproblemer .top {
            background-position: right; }

    .top {
        min-height: 362px;
        padding: 50px 35px 0; }

        .top::after {
            border-width: 70px 980px 0 0; }

            .main .top .text h1 {
                font-size: 43px;
                line-height: 48px; }

    .two-box > div h2 {
        font-size: 30px;
        line-height: 36px; }

    .two-box > div p,
    .two-box.tablets > div p {
        font-size: 16px;
        line-height: 20px; }

    .two-box.separate > div {
        width: 486px; }

    .pleje .two-box.tablets > div:last-child {
        padding-top: 95px; }

    .articles > div,
    .articles > div .image {
        width: 316px; }

    .articles > div {
        height: 480px; }

        .articles > div .image {
            height: 202px;
            background-size: 100% !important; }

        .articles > div p {
            font-size: 15px;
            line-height: 19px; }

    .link-box .button-arrow {
        margin-top: 280px; }

    .items h2 {
        font-size: 55px;
        line-height: 60px; }

        .items h2::after {
            border-width: 95px 980px 130px 0; }

    .items > div {
        width: 326px; }

        .items > div h3 {
            font-size: 30px;
            line-height: 36px; }

    .canosan-tablets {
        width: 390px;
        height: 241px; }

        .two-box.tablets .canosan-tablets + .front {
            margin-top: 210px; }

    .ledproblemer article p {
        padding: 0 100px 30px; }

    .aritcle-image {
        padding: 45px 0 140px; }

        .aritcle-image > div h2 {
            font-size: 33px;
            line-height: 40px; }

        .aritcle-image > div:first-child {
            padding: 0 20px 0 55px; }

        .aritcle-image > div:last-child {
            padding: 0 20px 0 20px; }

        .aritcle-image::after {
            border-width: 105px 0 0 980px; }

    .ledproblemer .aritcle-image {
        margin-bottom: 0; }

    .symptomer .top {
        padding: 30px 90px 0;}

    .symptomer .aritcle-image {
        height: 710px;
        margin-bottom: 0; }

        .symptomer .aritcle-image .image {
            width: 415px;
            height: 163px;
            display: block;
            background-size: 100%; }

    .pleje article h2 {
        padding-top: 60px; }

    .pleje .two-box > div {
        height: auto;
        padding-bottom: 30px; }

    .pleje article .row > div {
        height: 290px; }

    .pleje .center {
        margin-bottom: 30px;
        padding: 55px 235px;
        background-position: right -20px top 5px; }

        .pleje .center h2 {
            font-size: 33px;
            line-height: 40px; }

    .pleje.p2 .two-box > div:first-child {
        padding-top: 60px; }

    .pleje.p2 .two-box > div:last-child {
        height: 350px; }

    .two-box.tablets > div {
        height: 380px; }

    .cells .row > div,
    .cells .row > div:nth-child(n+2) div {
        height: 455px; }

        .cells .row > div:first-child div h2 {
            font-size: 33px;
            line-height: 40px; }

        .cells .row > div:nth-child(n+2) div h3 {
            bottom: 320px;
            padding: 0 35px; }

    .canosan .aritcle-image > div:last-child {
        padding: 30px 60px 0 55px; }

    .canosan .aritcle-image .image-01 {
        height: 255px;
        margin-top: 38px;
        background-size: 100%; }

    .canosan .aritcle-image .image-02 {
        height: 240px;
        background-size: 100%; }

    .aritcle-image.bg-radial {
        height: 660px; }

    .aritcle-image > div p {
        font-size: 16px; }

    .aritcle-image.bg-radial > div:first-child {
        padding: 50px 50px 0 60px; }

    .aritcle-image.bg-radial figure .image {
        width: 375px;
        height: 295px;
        background-size: 100%; }

    .question .row > div > div {
        padding: 55px 40px 0; }

    .question h2 {
        font-size: 24px;
        line-height: 30px; }

        .question .answer p {
            line-height: 1.5em; }

    #test-form {
        margin-bottom: 50px; }

    .slide.end .image {
        width: 210px;
        height: 210px;
        background-size: 100%; }

    .bg-image {
        background-size: 100%; }

    .dog-small-04 {
        width: 490px;
        height: 371px; }

    .dog-small-06 {
        left: 0;
        width: 384px;
        height: 245px; }

    .dog-small-08 {
        width: 365px;
        height: 308px; }

    .cat-small-01 {
        background-size: cover; }

    .cat-small-02 {
        width: 465px;
        height: 221px; }
}

@media (max-width: 1050px) {
    .container {
        width: 768px; }

    .top {
        min-height: 280px;
        padding: 40px 20px 0; }

        .top::after {
            border-width: 30px 800px 0 0; }

        .main .top .text {
            width: 345px; }

            .main .top .text h1 {
                font-size: 35px;
                line-height: 38px; }

            .main .top .text p {
                padding: 0 25px;
                font-size: 16px;
                line-height: 1.2em; }

    .hvordan {
        padding: 60px 60px; }

        .hvordan .btn-close {
            left: 25px; }

    .two-box.separate > div {
        width: 380px;
        height: 208px; }

    .two-box.separate > div:nth-child(1) .bg-image {
        background-size: 100%; }

    .aritcle-image::after {
        border-width: 105px 0 0 800px; }

    .articles > div h2 {
        font-size: 23px; }

    .articles > div,
    .articles > div .image {
        width: 246px; }

    .articles > div .image {
        height: 155px; }

    .aritcle-image > div:first-child {
        padding: 0 20px 0 20px; }

    .ledproblemer .image-bones,
    .pleje .image-bones {
        width: 345px;
        height: 295px;
        background-size: 100%; }

    .items > div {
        height: 350px; }

    .items > div {
        width: 256px; }

    .items > div .image,
    .items > div .text {
        top: 120px; }

    .items > div:nth-of-type(1) .image {
        background-size: 350px auto; }

    .items > div:nth-of-type(2) .image {
        background-size: 300px auto; }

    .items > div:nth-of-type(3) .image {
        background-size: 350px auto; }

    .items h2::after {
        border-width: 95px 800px 130px 0; }

    .items p {
        padding: 10px 25px 20px; }

    .symptomer .top {
        height: 540px;
        padding: 30px 30px 0; }

        .symptomer .top .text {
            width: 370px; }

    .symptomer .two-box > div {
        height: 900px; }

    .symptomer .aritcle-image {
        height: 760px; }

        .symptomer .aritcle-image .image {
            width: 350px;
            height: 137px; }

    .two-box.tablets > div {
        height: auto; }

    .pleje article .row {
        padding: 0 10px; }

        .pleje article .row > div {
            height: 310px;
            padding: 0 10px; }

    .pleje .center {
        padding: 40px 195px;
        margin-bottom: 10px;
        background-position: right -55px top 5px; }

    .om-katte .two-box > div:last-child .canosan-tablets {
        top: 70px; }

    .om-katte .aritcle-image .image-01 {
        width: 364px;
        height: 195px; }

    .om-katte .aritcle-image .image-02 {
        width: 365px;
        height: 185px; }

    .om-katte .aritcle-image > div:last-child,
    .canosan .aritcle-image > div:last-child {
        padding: 15px 20px 0; }

    .om-katte .aritcle-image.bg-radial {
        height: 320px; }

    .canosan .aritcle-image .image-01 {
        margin-top: 105px; }

    .question {
        height: 1270px; }

        .question .row {
            margin: 0; }

            .question .row > div {
                width: 50%; }

            .question .row > div,
            .question .row > div > div {
                height: 250px; }

            .question .row > div > div {
                min-height: 100%;
                padding: 65px 20px 10px; }

        .question .answer {
            height: 510px;
            padding: 65px 20px 0; }

        .question h2 {
            font-size: 21px; }

    .test .top .text {
        padding-top: 50px; }

    .slide.end .image {
        top: 15px;
        left: 86%;
        width: 180px;
        height: 180px; }

    table {
        margin: 0 auto; }

    .table > div {
        width: 100%; }

    .table figure {
        width: 100%;
        margin-bottom: 15px; }

    .table figure.canosan-01,
    .table figure.canosan-02,
    .table:nth-child(2) figure.canosan-02,
    .table:nth-child(3) figure.canosan-03 {
        background-position: center; }

    .aritcle-image.bg-radial > div:first-child {
        padding: 30px 20px 0 30px; }

    .aritcle-image.bg-radial figure .image {
        width: 345px;
        height: 271px; }

    .cells .row > div:first-child div {
        padding: 0 20px; }

    .cells .row > div:nth-child(n+2) div {
        padding: 120px 20px 0; }

        .cells .row > div:nth-child(n+2) div h3 {
            bottom: 360px;
            font-size: 20px;
            padding: 0 20px; }

    .cells .row + .clear {
        margin-bottom: 0; }

    .main .bg-image {
        background-size: 65%;
        background-position: bottom right; }

        .bg-image.canosan-tablets {
            background-size: 100%; }

    .canosan-tablets {
        left: 0;
        top: 80px;
        width: 380px;
        height: 235px; }

    .cat-small-01,
    .stethoscope {
        height: 208px;
        background-position: left; }

    .dog-small-04 {
        left: 0;
        width: 384px;
        height: 328px;
        background-position: left bottom; }

    .dog-small-08 {
        left: 0; }

    .cat-small-02 {
        width: 400px;
        height: 190px; }
}

@media (max-width: 800px) {
    .container,
    .two-box > div,
    .two-box.separate > div,
    .articles > div,
    .articles > div .image,
    .aritcle-image > div,
    .items > div,
    .items > div .image,
    .symptomer .top .text {
        width: 100%; }

    .two-box > div {
        padding: 20px 20px; }

    .dog-small-01 {
        top: 0;
        right: 10px; }

    .canosan-tablets {
        top: 40px;
        left: 50%;
        width: 320px;
        margin-left: -160px; }

        .two-box.tablets .canosan-tablets + .front {
            margin-top: 205px; }

    .ledproblemer .aritcle-image {
        height: auto; }

        .ledproblemer .image-bones,
        .pleje .image-bones {
            width: 280px;
            height: 239px;
            margin: 0 auto; }

        .ledproblemer .top .text h1 {
            font-size: 40px;
            line-height: 52px; }

    .ledproblemer article h2,
    .pleje article h2,
    .title h2  {
        font-size: 33px;
        line-height: 40px; }

        .title h2:first-child {
            padding: 30px 20px 50px; }

    .pleje article h2 {
        padding: 50px 20px 25px; }

    .ledproblemer article p {
        padding: 0 50px 30px; }

    .symptomer .top .image,
    .slide.end .image {
        display: none; }

    .symptomer .two-box:not(.tablets) > div {
        height: auto;
        float: none;
        padding-bottom: 90px; }

    .symptomer .two-box:not(.tablets) > div:first-child {
        height: 250px; }

    .symptomer .aritcle-image,
    .pleje .aritcle-image {
        height: auto; }

    .symptomer .aritcle-image figure {
        padding-top: 50px; }

    .pleje article .two-box > div {
        height: auto; }

    .pleje article .two-box > div:first-child {
        height: 200px; }

        .pleje article .row > div {
            width: 50%;
            height: 290px; }

    .pleje .center {
        height: auto;
        padding: 40px 25px;
        background-image: none; }

    .om-katte .aritcle-image,
    .om-katte .aritcle-image.bg-radial,
    .canosan .aritcle-image {
        height: auto;
        padding: 20px 0 0; }

    .om-katte .aritcle-image > div:first-child,
    .om-katte .aritcle-image > div:last-child,
    .canosan .aritcle-image > div:first-child,
    .canosan .aritcle-image > div:last-child {
        padding: 0 20px 20px; }

    .om-katte .two-box > div:last-child .canosan-tablets {
        top: 40px; }

    .canosan .aritcle-image .image-01 {
        margin-top: 0; }

    .pleje .two-box:not(.tablets) > div:first-child,
    .om-katte .two-box > div:last-child,
    .canosan .two-box > div:last-child {
        height: 300px; }

    .om-katte .two-box > div:first-child,
    .canosan .two-box > div:first-child {
        height: auto;
        padding: 30px 20px 30px; }

    .pleje .two-box.tablets > div:last-child {
        padding-top: 60px; }

    /*.two-box.tablets > div,
    .symptomer .two-box.tablets > div:first-child,
    .pleje.p2 .two-box.tablets > div:first-child,
    .om-katte .two-box.tablets > div:first-child,
    .canosan .two-box.tablets > div:first-child {
        height: 350px; }*/

    .two-box.tablets > div:last-child {
        height: auto;
        padding: 30px 20px 90px; }

    .cells .row {
        margin: 0; }

        .cells .row > div {
            width: 50%; }

        .cells .row > div,
        .cells .row > div:nth-child(n+2) div {
            height: 345px; }

        .cells .row > div:nth-child(n+2) div h3 {
            bottom: 250px; }

    .aritcle-image {
        padding: 45px 0 60px; }

        .aritcle-image > div {
            width: 100%;
            float: none; }

        .aritcle-image::after {
            border-width: 45px 0 0 800px; }

    .articles > div {
        height: auto;
        padding-bottom: 80px;
        margin-bottom: 20px; }

        .articles > div .image {
            height: 63vw; }

    .articles > div:nth-child(2) {
        margin: 0 0 20px; }

    .items {
        height: 100%;
        margin-bottom: 20px; }

        .items h2 {
            height: 100%;
            font-size: 34px;
            line-height: 40px; }

        .items > div {
            margin-bottom: 20px; }

    .about p {
        width: 100%;
        padding: 20px 0; }

    .about .container {
        padding: 0 20px; }

    .question {
        height: auto; }

        .question .row > div {
            width: 50%; }

    .two-box.separate > div:nth-child(2) .bg-image {
        background-size: cover; }

    .main .top,
    .pleje .top,
    .pleje.p2 .top,
    .om-katte .top,
    .canosan .top {
        background-position: center; }

    .table > div {
        padding: 0 20px 80px 20px; }

    .dog-small-03,
    .dog-small-04,
    .dog-small-06,
    .dog-small-08,
    .cat-small-02,
    .symptomer .aritcle-image .image,
    .canosan .aritcle-image .image-01,
    .canosan .aritcle-image .image-02,
    .aritcle-image.bg-radial figure .image  {
        width: 100%;
        background-size: contain;
        background-position: center center; }

    .dog-small-04 {
        height: 250px;
        margin-top: -100px; }

    .copyright {
        height: auto; }

        .copyright p {
        padding: 10px 15px; }

        .copyright ul {
            display: block; }

            .copyright ul li {
                width: 100%;
                float: none; }

                .copyright ul li a {
                    padding: 0; }
}

@media (max-width: 710px) {

    .cells .row > div,
        .cells .row > div:nth-child(n+2) div {
            height: 415px; }

        .cells .row > div:nth-child(n+2) div h3 {
            bottom: 320px; }

    .about ul li {
        width: 100%;
        margin-bottom: 10px; }

        .about ul li a {
            padding-right: 0 !important; }
}

@media (max-width: 657px) {
    .page {
        padding: 20px 50px; }

    .question h2 {
        line-height: 25px; }

    .question .answer h2 {
        line-height: 25px;
        padding-bottom: 25px; }

    .question .answer p {
        font-size: 14px;
        line-height: 1.35em;
    }
}

@media (max-width: 550px) {
    .cells .row > div,
    .cells .row > div:nth-child(n+2) div {
        width: 100%;
        height: auto; }

    .cells .row > div:first-child div {
        padding: 0 20px 20px; }

    .cells .row > div:nth-child(n+2) div {
        padding: 30px 20px 20px; }

    .cells .row > div:nth-child(n+2) div h3 {
        bottom: inherit;
        position: relative;
        padding-bottom: 20px; }
}

@media (max-width: 525px) {
    .pleje.p2 .two-box > div {
        height: auto; }

    .pleje.p2 .two-box > div:first-child {
        padding-top: 30px; }

    .pleje.p2 .two-box > div:last-child {
        height: 350px; }

    .pleje.p2 .two-box.tablets > div {
        height: 350px; }

    .slide.end {
        left: 0;
        width: 100%;
        margin-left: 0;
        padding: 0 15px; }

        .slide.end h3 {
            bottom: 325px;
            font-size: 35px;
            line-height: 42px;
            margin-left: -15px; }

        .slide.end .result {
            padding-top: 100px; }

    .title h2 br {
        display: none; }
}

@media (max-width: 488px) {

    .question .row > div {
        width: 100%;
        height: 200px;
        display: table; }

    .question .row > div > div {
        height: auto;
        padding: 0 20px; }

    .show {
        display: table-cell;
        vertical-align: middle; }

    .question .answer {
        height: auto;
        padding: 35px 20px 30px; }
}

@media (max-width: 425px) {
    .main .top .text p {
        padding: 0; }

    .symptomer .top .text li {
        font-size: 16px;
        margin-bottom: 0;
        padding-left: 30px; }

    .pleje article .row > div {
        width: 100%;
        height: auto;
        padding-bottom: 30px; }

    #cookies p {
        padding: 0 95px 0 25px; }
}

@media (max-width: 400px) {
    .items {
        padding-top: 120px; }

    h2 br,
    h3 br {
        display: none; }
}

@media (max-width: 375px) {
    .main .top .text {
        width: 100%; }

        .main .top .text h1 {
            font-size: 35px;
            line-height: 40px; }

    .two-box > div h2 {
        font-size: 25px;
        line-height: 31px; }

        .two-box > div p br {
            display: none; }

    .ledproblemer article p {
        padding: 0 30px 30px; }

    .symptomer .top {
        height: auto;
        padding-bottom: 30px; }

        .symptomer .top .text {
            float: none;
            padding-top: 20px; }

            .symptomer .top .text h1 {
                font-size: 35px;
                line-height: 40px; }

            .symptomer .top .text li {
                padding-left: 25px; }

    .slide .number {
        left: 15px; }

    .slide h3 {
        padding: 0 15px;
        font-size: 21px;
        line-height: 28px; }

    .dog-small-03 {
        height: 200px; }

    .page {
        padding: 20px 25px; }
}