/* desktop-only rules */

@media all and (min-width: 769px) {

    /* cat-section */

    #av-cat-section {
        margin-left: 8.5vw;
        margin-right: 8vw;
        padding-top: 5.7vw;
        margin-bottom: 9vw;
    }

    #av-cat-section .description {
        float: left;
        width: 32.2vw;
    }

    #av-cat-section .header h2 {
        color: #B0B0B0;
        font-size: 2.2vw;
        margin-top: 0px;
        padding-top: 0px;
    }

    #av-cat-section .header .text {
        padding-top: 2.1vw;
        line-height: 1.3vw;
    }

    #av-cat-section .header .image {
        float: right;
        padding-right: 3vw;
        padding-top: 3.2vw;
    }

    #av-cat-section .header .image img {
        width: 38.28125vw;
        height: 10.8854166666667vw;
    }

    #av-cat-section .items {
        padding-top: 3.5vw;
    }

    #av-cat-section .items .item {
        margin-bottom: 3vw;
    }

    #av-cat-section .items .item .image {
        float: right;
        text-align: center;
        background-color: #F3F3F3;
        width: 41vw;
        height: 23vw;
    }

    #av-cat-section .items .item .image img {
        width: 27.65625vw;
        height: 20.78125vw;
    }

    #av-cat-section .items .item .card {
        width: 40vw;
    }

    #av-cat-section .items .item:nth-child(2n) .image {
        float: left;
        margin-right: 1.3vw;
    }

    #av-cat-section .items .item:nth-child(2n) .card {
        float: right;
    }

    #av-cat-section .items .item a h3 {
        color: black;
        font-size: 2.2vw;
        margin: 0px;
        padding: 0px 2vw 0px 0px;
        line-height: 2.7vw;

    }

    #av-cat-section .items .item a:hover .title,
    #av-cat-section .items .item a:active .title {
        text-decoration: underline;
    }

    #av-cat-section .items .item .details {
        padding-top: 1.6vw;
    }

    #av-cat-section .items .item .details .detail {
        padding-bottom: 1.5vw;
    }

    #av-cat-section .items .item .details .detail .header {
        font-size: 0.95vw;
        font-weight: bold;
        color: #464E7D !important;
        margin: 0px;
    }

    #av-cat-section .items .item .details .text {
        color: black;
    }

    #av-cat-section .items .item .category-text {
        color: black;
        width: 41vw;
        line-height: 1.2vw;
    }

    #av-cat-section .items .item:nth-child(2n) .category-text {
        width: 40vw;
    }

    #av-cat-section .items .item span.view-catalogue {
        display: block;
        text-transform: uppercase;
        color: #D8D9DF;
        font-size: 1.25vw;
        background-image: url('layout/go-inactive.png');
        background-size: 1.8vw 1.8vw;
        padding-top: 0.3vw;
        padding-bottom: 0.3vw;
        background-position: left;
        padding-left: 2.8vw;
        margin-top: 0.7vw;
        width:20vw;
    }

    #av-cat-section .items .item a:hover span.view-catalogue,
    #av-cat-section .items .item a:active span.view-catalogue {
        text-decoration: underline;
    }

    /* categories - common */

    .av-cat-category {
        padding-bottom: 7vw;
    }

    .av-cat-category .container {
        padding-left: 17vw;
        padding-right: 16.5vw;
    }

    .av-cat-category h3 {
        color: #464E7D;
        font-size: 1.25vw;
        font-family: ruberoid_boldbold;
        margin: 0px;
    }

    .av-cat-category h4 {
        color: #464E7D;
        margin: 0px;
        font-family: ruberoid_boldbold;
        font-size: 1vw;
    }

    #av-cat-pump-category .pump-type .items {
        margin-top: 1.8vw;
    }

    .av-cat-category .cat-items .item  {
        float: left;
        margin-right: 0.5vw;
        width: 21vw;
        /*margin-bottom: 1.7vw;*/
        padding-bottom: 0.3vw;
        /*background-color: red;*/
        height: 3.2vw;
    }

    .av-cat-category .cat-items .item:nth-child(3n) {
        margin-right: 0vw;
    }

    .av-cat-category .cat-items .item .image {
        float: left;
    }

    .av-cat-category .cat-items .item .image img {
        width: 4vw;
    }

    .av-cat-category .cat-items .item .card {
        background-image: url('layout/go-inactive.png');
        background-size: 1.9vw 1.9vw;
        background-position: right;
        position: absolute;
        margin-left: 4.5vw;
        padding-right: 3.1vw;
        padding-top: 0.2vw;
        min-height: 2vw;
        margin-top: 0.5vw;
        width: 12vw;
    }

    .av-cat-category .cat-items .item .card .title {
        color: black;
        text-decoration: underline;
    }

    .av-cat-category .cat-items .item .card .subtitle {
        color: black;
        opacity: 0.4;
        text-decoration: underline;
        font-size: 0.75vw;
    }    

    .av-cat-category .container.us {
        padding-right: 15.5vw;
        background-color: white !important;
    }

    .av-cat-category .container.us .usage {
        padding-top: 4vw;
    }
    .av-cat-category.embedded .container.us .usage {
        padding-top: 0px !important;
    }

    .av-cat-category  ul {
        padding-right: 2vw;
    }

    .av-cat-category ul li {
        background-image: url('about/bullet.png');
        background-size: 0.625vw 0.625vw;
        background-position: 0vw 0.25vw;
        padding-left: 1.2vw;
        margin-bottom: 0.3vw;
    }

    .av-cat-category .container.us .usage ul {
        margin-top: 1.3vw;
        float: left;
        width: 30vw;
    }

    .av-cat-category .container.us .usage .left {
        float: left;
        width: 49%;
    }

    .av-cat-category .container.us .usage .right {
        float: right;
        width: 49%;
    }

    .av-cat-category .container.us .usage .links {
        padding-top: 2.7vw;
        padding-right: 0.5vw;
        min-height: 4vw;
    }
    .av-cat-category.embedded .container.us .usage .links {
        padding-top: 0px !important;
    }

    .av-cat-category .container.us .usage .links a {
        color: #464E7D;
        font-size: 1.2vw;
        padding-top: 0.3vw;
        padding-bottom: 0.3vw;
        background-image: url('layout/go-inactive.png');
        background-size: 1.9vw 1.9vw;
        min-height: 2vw;
        background-position: top right;
        padding-right: 3vw;
        display: block;
    }

    .av-cat-category .container.us .usage .thumbs {
        padding-top: 1.5vw;
    }

    .av-cat-category .container.us .usage .right .thumbs {
        float: left;
    }

    .av-cat-category .container.us .usage .thumbs .thumb {
        float: left;
        width: 15.3645833333333vw;
        height: 18.4895833333333vw;
        position: relative;
    }

    .av-cat-category .container.us .usage .thumbs .thumb:first-child {
        margin-right: 1.6vw;
    }

    .av-cat-category .container.us .usage .thumbs .thumb img {
        width: 15.3645833333333vw;
        height: 18.4895833333333vw;
        position: absolute;
        z-index: 150;
    }

    .av-cat-category .container.us .usage .thumbs .thumb a {
        display: block;
        width: 15.3645833333333vw;
        height: 18.4895833333333vw;
        z-index: 170;
        background-color: black;
    }

    .av-cat-category .container.us .usage .thumbs .thumb .shadow {
        position: absolute;
        width: 15.3645833333333vw;
        height: 18.4895833333333vw;
        background-color: #464E7D;
        opacity: 0.5;
        z-index: 190;
        display: none;
    }

    .av-cat-category .container.us .usage .thumbs .thumb .title {
        width: 13.3645833333333vw;
        color: white;
        z-index: 210;
        font-size: 1.15vw;
        position: absolute;
        padding-left: 1vw;
        padding-right: 1vw;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        display: none;
    }

    .av-cat-category .container.us .usage .thumbs .thumb a:hover .shadow,
    .av-cat-category .container.us .usage .thumbs .thumb a:active .shadow,
    .av-cat-category .container.us .usage .thumbs .thumb a:hover .title,
    .av-cat-category .container.us .usage .thumbs .thumb a:active .title {
        display: block;
    }

    .av-cat-category .contact-us {
        padding: 1.7vw;
        box-shadow: 0px 1.25vw 1.82291666666667vw rgba(0, 0, 0, 0.05);
    }

    .av-cat-category .contact-us span {
        float: left;
        padding-top: 1.5vw;
        padding-left: 2.5vw;
    }

    .av-cat-category .contact-us a {
        background-color: blue;
        padding: 1.25vw 3.6vw;
        color: white;
        float: right;
        display: block;
        font-size: 1.2vw;
    }

    /* pump - category */

    #av-cat-pump-category .info .image {
        text-align: center;
        padding-top: 3vw;
    }

    #av-cat-pump-category .info .image img {
        width: 23.6458333333333vw;
        height: 17.2916666666667vw;
    }

    #av-cat-pump-category .info h2 {
        color: #464E7D;
        font-size: 2.2vw;
        margin: 0px;
        margin-top: 5.5vw;
        font-family: ruberoid_boldbold;
    }

    #av-cat-pump-category .info .tech-details {
        line-height: 1.3vw;
        padding-top: 1.1vw;
        margin-bottom: 1.6vw;
    }

    #av-cat-pump-category .info .details .detail {
        float: left;
        margin-right: 1.2vw;
        width: 32vw;
        padding-bottom: 1vw;
    }

    #av-cat-pump-category .info .details .detail:nth-child(2n) {
        margin-right: 0px;
    }

    #av-cat-pump-category .info .details .detail .header {
        color: #464E7D;
        margin: 0px;
        font-family: ruberoid_boldbold;
        font-size: 1vw;
        margin-bottom: 1vw;

    }

    #av-cat-pump-category .info .details .detail p {
        line-height: 1.3vw;
    }

    #av-cat-pump-category .pump-type {
        padding-top: 2vw;
    }

    #av-cat-pump-category .pump-type .cat-items {
        padding-top: 1.5vw;
    }

    #av-cat-pump-category .container.pt {
        padding-bottom: 1vw;
    }

    #av-cat-pump-category .container:nth-child(2n+3) {
        background-color: #F9F9FA;
    }

    #av-cat-pump-category .pump-type h3 {
        margin-bottom: 1vw;
    }

    #av-cat-pump-category .pump-type .header {
        color: #464E7D;
        margin: 0px;
        font-family: ruberoid_boldbold;
        font-size: 1.1vw;
        margin-bottom: 0.9vw;
    }

    #av-cat-pump-category .pump-type .text p {
        margin-bottom: 0vw;
        padding-bottom: 0vw;
        margin-block-start: 0vw;
        margin-block-end: 0.7vw;
    }

    #av-cat-pump-category .pump-type .text h4 {
        color: black;
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
    }

    /* cat-filter */

    #av-cat-filter-category .info {
        padding-bottom: 6vw;
    }

    #av-cat-filter-category .info ul {
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
    }

    #av-cat-filter-category .info ul li {
        background-image: url('about/bullet.png');
        background-size: 0.625vw 0.625vw;
        background-position: left;
        padding-left: 1vw;
        margin-bottom: 0.15vw;
    }

    #av-cat-filter-category .info .image {
        float: left;
        padding-top: 2vw;
    }

    #av-cat-filter-category .info .image2 {
        float: right;
        padding-top: 2vw;
    }

    #av-cat-filter-category .info .image img,
    #av-cat-filter-category .info .image2 img {
        width: 27.65625vw;
        height: 20.78125vw;
    }

    #av-cat-filter-category .info .section-1 {
        margin-top: 3.4vw;
        position: relative;
    }

    #av-cat-filter-category .info .card1 {
        width: 43vw;
    }

    #av-cat-filter-category .info .card1 .item {
        padding-bottom: 1vw;
    }

    #av-cat-filter-category .info .legend1 {
        position: absolute;
        top: 50%;
        margin-left: 45.5vw;
        transform: translateY(-50%);
    }

    #av-cat-filter-category .info .legend1 img {
        width: 16.9270833333333vw;
    }

    #av-cat-filter-category .info .section-2 {
        padding-top: 2vw;
    }

    #av-cat-filter-category .info .section-2 .legend2 {
        width: 26vw;
        padding-top: 3.3vw;
        /*position: absolute;*/
        float: left;
        padding-bottom: 3vw;
    }

    #av-cat-filter-category .info .section-2 .legend2 img {
        width: 24.7395833333333vw;
    }

    #av-cat-filter-category .info .section-2 .legend2 .recommendations {
        padding-top: 3vw;
        text-align: center;
    }

    #av-cat-filter-category .info .section-2 .legend2 .recommendations p {
        font-family: ruberoid_boldbold;
        font-size: 1.1vw;
        padding-left: 15%;
        padding-right: 15%;
        padding-bottom: 0.2vw;
    }

    #av-cat-filter-category .info .section-2 .legend2 .recommendations a {
        display: block;
        font-family: ruberoid_boldbold;
        font-size: 1.2vw;
        background-color: #092EFF;
        color: white;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 1.3vw 4vw;

    }

    #av-cat-filter-category .info .section-2 .card2 {
        margin-left: 26vw;
    }

    #av-cat-filter-category .container.items {
        background-color: #F9F9FA;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    #av-cat-filter-category .container.items h3 {
        margin-bottom: 3vw;
    }

    /* cat filter elements */

    #av-cat-filterel-category {
        padding-bottom: 1.2vw;
    }

    #av-cat-filterel-category .section-1 {
        position: relative;
        padding-top: 3.7vw;
    }

    #av-cat-filterel-category .section-1 .card {
        /*background-color: blue;*/
        width: 52%;
    }

    #av-cat-filterel-category .section-1 .legend {
        /*background-color: green;*/
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        margin-left: 58%;
    }

    #av-cat-filterel-category .section-1 .legend img {
        width: 28vw;
    }


    #av-cat-filterel-category .section-2 {
        padding-top: 3.5vw;
        text-align: center;
        padding-bottom: 3vw;
    }

    #av-cat-filterel-category .section-2 img {
        width: 40.9895833333333vw;
    }

    #av-cat-filterel-category .container.types {
        padding-left: 15.4vw;
        padding-right: 15.4vw;
        background-color: #F9F9FA;
        padding-bottom: 7vw;
    }

    #av-cat-filterel-category .section-3 {
        padding-top: 3.7vw;
    }

    #av-cat-filterel-category .section-3 h4 {
        padding-left: 1.6vw;
    }

    #av-cat-filterel-category .section-3 .cols {
        width: 100%;
        border-spacing: 0px;
        margin-top: 3vw;
    }

    #av-cat-filterel-category .section-3 .cols td {
        width: 33%;
        border:1px solid #C4C4C4;
        padding: 2vw;
        padding-bottom: 2vw;
        vertical-align: top;
    }

    #av-cat-filterel-category .section-3 .cols td .item {
        padding-bottom: 0.6vw;
    }

    #av-cat-filterel-category .section-3 .cols td .label {
        color: #464E7D;
    }

    #av-cat-filterel-category .section-4 {
        padding-top: 2.4vw;
    }

    #av-cat-filterel-category .section-4 .contact-us {
        margin-bottom: 3.7vw;
    }

    #av-cat-filterel-category .section-5 {
        padding-top: 2.5vw;
        padding-bottom: 1.5vw;
    }

    #av-cat-filterel-category .section-4 .left,
    #av-cat-filterel-category .section-5 .left {
        float: left;
    }

    #av-cat-filterel-category .section-4 .right,
    #av-cat-filterel-category .section-5 .right {
        float: right;
    }

    #av-cat-filterel-category .section-4 .left {
        width: 30vw;
    }

    #av-cat-filterel-category .section-4 .right {
        width: 32.8vw;
    }

    #av-cat-filterel-category .section-5 .left {
        /*width: 20vw;*/
    }

    #av-cat-filterel-category .section-5 .right {
        width: 32.4vw;
    }

    #av-cat-filterel-category .section-4 ul {
        margin-top: 1vw;
        margin-bottom: 2vw;
    }

    #av-cat-filterel-category .section-5 p {
        line-height: 1.3vw;
    }

    #av-cat-filterel-category .section-5 .left img {
        width: 27vw;
    }

    #av-cat-filterel-category .container.items {
        background-color: #FAFAFA;
        padding-top: 2.3vw;
        padding-bottom: 5vw;
    }

    #av-cat-filterel-category .container.items h3 {
        margin-bottom: 2vw;
        font-family: ruberoidmedium;
    }

    /* cat - simple section */

    #av-cat-simple-section .info .image {
        float: left;
        padding-top: 2vw;
    }

    #av-cat-simple-section .info .image2 {
        float: right;
        padding-top: 2vw;
    }

    #av-cat-simple-section .info .image img,
    #av-cat-simple-section .info .image2 img {
        width: 27.65625vw;
        height: 20.78125vw;
    }

    #av-cat-simple-section .info .section-1 {
        padding-top: 3.5vw;
    }

    #av-cat-simple-section .info .section-1 h4 {
        margin-top: 2.5vw;
    }

    #av-cat-simple-section .info .section-1 p {
        line-height: 1.3vw;
    }

    #av-cat-simple-section .usage {
        padding-top: 1vw;
    }

    /* cat-view */

    #av-cat-view-header {
        background-color: #000B3B;
        height: 15.5208333333333vw;
    }

    .av-cat-item-view .container {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .av-cat-item-view  .left {
        float: left;
    }

    .av-cat-item-view .right {
        float: right;
    }

    .av-cat-item-view .legend {
        color: #9C9C9C;
        text-align: center;
        padding-top: 1vw;
    }

    .av-cat-item-view .section-2 .data-outer {
        overflow-x: scroll;
        width: 100%;
    }

    .av-cat-item-view a.button {
        display: block;
        color: white;
        background-color: #092EFF;
        width: fit-content;
        font-size: 1.2vw;
    }

    .av-cat-item-view ul {
        margin-top: 0.5vw;
        padding-right: 2vw;
    }

    .av-cat-item-view ul li {
        background-image: url('about/bullet.png');
        background-size: 0.625vw 0.625vw;
        background-position: 0vw 0.25vw;
        padding-left: 1.2vw;
        margin-bottom: 0.3vw;
    }

    .av-cat-item-view .section-1 {
        padding-top: 2.1vw;
    }

    .av-cat-item-view .section-1 .left {
        padding-top: 3.6vw;
        margin-left: 4.1vw;
    }

    .av-cat-item-view .section-1 .left .image {
        margin-bottom: 4.6vw;
    }

    .av-cat-item-view .section-1 .left .image img {
        width: 28.4375vw;
    }

    .av-cat-item-view .section-1 .left a {
        margin-left: 2.3vw;
        padding: 1.85vw 9vw;
    }

    .av-cat-item-view .section-1 .right {
        width: 40.6vw;
        padding-top: 2vw;
    }

    .av-cat-item-view .section-1 h2 {
        font-size: 2.15vw;
        font-family: ruberoid_boldbold;
        margin-bottom: 0.3vw;
    }

    .av-cat-item-view .section-1 .subtitle {
        font-family: ruberoid_boldbold;
        font-size: 1.15vw;
        line-height: 1.7vw;
        margin-bottom: 2.1vw;
        color: #464E7D;
        margin-top: 1.2vw;
    }

    .av-cat-item-view .section-1 .description {
        line-height: 1.3vw;
    }

    .av-cat-item-view .section-1 .description h3 {
        margin-top: 1.5vw;
        margin-bottom: 0.5vw;
    }

    .av-cat-item-view .section-2 {
        padding-top: 1.9vw;
    }

    .av-cat-item-view .section-2 h2 {
        font-size: 2.15vw;
    }

    .av-cat-item-view .section-2 .data {
        width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
    }

    .av-cat-item-view .section-2 .data thead th
    {
        text-align: left;
        padding: 1vw;
        padding-left: 2vw;
    }

    .av-cat-item-view .section-2 .data tbody th,
    .av-cat-item-view .section-2 .data tbody td {
        padding-right: 1vw;
        padding-top: 0.6vw;
        padding-bottom: 0.6vw;
        padding-left: 2vw;
    }

    .av-cat-item-view .section-2 .data thead th,
    .av-cat-item-view .section-2 .data tbody th,
    .av-cat-item-view .section-2 .data tbody td:nth-child(2n+1) {
        background-color: #F9F9FA;
    }

    .av-cat-item-view .section-2 .data thead th:first-child,
    .av-cat-item-view .section-2 .data tbody th {
        padding-left: 0.4vw;
    }

    .av-cat-item-view .section-2 .data thead th {
        color: #464E7D;
        font-size: 1.0vw;
    }

    .av-cat-item-view .section-2 .data thead th:first-child {
        text-align: left;
    }

    .av-cat-item-view .section-2 .data tbody td {
        font-size: 1vw;
    }

    .av-cat-item-view .section-2 .data tbody th {
        font-size: 0.95vw;
        text-align: left;
    }

    .av-cat-item-view .section-2 .data tbody tr:last-child th,
    .av-cat-item-view .section-2 .data tbody tr:last-child td {
        padding-bottom: 2vw;
    }

    .av-cat-item-view .section-3 {
        padding-top: 2vw;
    }


    .av-cat-item-view .section-3 .left img {
        width: 41.5625vw;
        height: 23.6979166666667vw;
    }

    .av-cat-item-view .section-3 .right img {
        width: 40.8333333333333vw;
        height: 23.4375vw;
    }

    .av-cat-item-view .section-4 {
        padding-top: 2vw;
        padding-bottom: 8vw;
    }

    .av-cat-item-view .section-4 h3 {
        color: #464E7D;
    }

    .av-cat-item-view .section-4 ul {
        float: left;
        width: 39vw;
    }

    .av-cat-item-view .section-6 {
        padding-top: 3.8vw;
        padding-bottom: 7vw;
    }

    .av-cat-item-view .section-6 .left {
        width: 38vw;
        margin-left: 7.4vw;
    }

    .av-cat-item-view .section-6 .right {
        text-align: center;
        width: 36vw;
    }

    .av-cat-item-view .section-6 .right img {
        width: 18.0729166666667vw;
    }

    .av-cat-item-view .section-6 .recommendations {
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
    }

    .av-cat-item-view .section-6 .recommendations .label {
        float: left;
        font-family: ruberoid_boldbold;
        font-size: 1.1vw;
        width: 22vw;
    }

    .av-cat-item-view .section-6 h3 {
        color: #464E7D;
        font-family: ruberoid_boldbold;
        font-size: 1.15vw;
    }

    .av-cat-item-view .section-6 .recommendations a.button {
        float: right;
        padding: 1.3vw 3.9vw;
    }

    .av-cat-item-view .data2 {
        width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
    }

    .av-cat-item-view .data2 thead th {
        background-color: #F9F9FA;
        text-align: left;
        padding: 1vw;
        font-size: 0.85vw;
        font-weight: normal;
    }

    .av-cat-item-view .data2 tbody td {
        padding: 0.5vw 1vw;
        white-space: nowrap;
    }

    .av-cat-item-view .data2 tbody tr:first-child td {
        padding-top: 1vw;

    }

    .av-cat-item-view .data2 tbody tr:nth-child(2n) td {
        background-color: #F9F9FA;

    }

}