/* |<------------------>|        */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 1199px) {

    .procedures_nav section {
        margin-bottom: 30px;
    }

    .procedures_nav section a h3 {
        font-size: 1.2em;
    }
}

/* |<----------->|               */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 991px) {

    .procedures_nav {
        margin-bottom: 0px;
    }
}

/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {

    .procedure_image {
        display: none;
    }

    .procedures_search_content h2 {
        margin-top: 15px;
    }

    .procedures_nav section > div {
        min-height: 0px !important;
    }

    .results_panel {
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .results_list img {
        float: left;
        max-width: 40%;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .result {
        clear: both;
    }

    .article_page #header {
        margin-bottom: 0px;
    }

    .article_page h1 {
        font-size: 2em;
    }

    .article_page h2 {
        font-size: 1.5em;
    }

    .article_page h3 {
        font-size: 1.3em;
    }

    .article_page .back_to_top {
        float: none;
        display: block;
        margin-bottom: 4px;
    }

    .article_page ul li > a:first-child:last-child {
        word-wrap: break-word;
    }

    .procedures_nav,
    .procedures_select {
        margin-bottom: 20px;
    }

    .procedure_search_image_gallery {
        margin-bottom: 20px;
    }

    a.link_information_leaflet {
        display: block;
        float: none;
        margin-top: -6px;
        margin-bottom: 16px;
        padding-left: 0px;
        padding-right: 25px;
        background-position: right center;
    }
}