@media all and (max-width: 768px) {

body {
    -webkit-text-size-adjust: 100%;
}

    p, li, div {
        font-size: 3.85vw;
    }

    #std_header {
        height: 22vw;
    }

    /* logo */

    .av-logo {
        width: 45.0520833333333vw;
        height: 16.9270833333333vw;
        background-size: 45.0520833333333vw 16.9270833333333vw;
    }

    header .av-logo {
        position: absolute;
        top: 2.4vw;
        left: 0vw;
    }

    header .search-icon {
        position: absolute;
        background-image: url('layout/search-mobile.png');
        background-size: 6.51041666666667vw 6.51041666666667vw;
        width: 6.51041666666667vw;
        height: 6.51041666666667vw;
        margin-top: 7.7vw;
        margin-left: 69.4vw;
    }

    #searchbar {
        position: absolute;
        margin-top: 4.8vw;
        margin-left: 7.87vw;
        width: 72.6vw;
        height: 12.15vw;
    }

    #searchbar .search-query {
        font-size: 3.5vw;
        padding-top: 0.2vw;
        padding-left: 4vw;
        width: 68.6vw;
        height: 11.95vw;
    }

    #searchbar .search-submit {
        background-image: url('layout/search-mobile.png');
        background-size: 6.51041666666667vw 6.51041666666667vw;
        width: 6.51041666666667vw;
        height: 6.51041666666667vw;
        position: absolute;
        right: 4.5vw;
        top: 2.8vw;
    }

    /* header */

    #default-header {
        padding-bottom: 7vw;
    }

    #default-header h1 {
        font-size: 5.3vw;
        margin: 0px;
        padding-left: 8.5vw;
        padding-top: 12.2vw;
    }

    #default-header .breadcrumbs {
        margin-left: 9vw;
        margin-top: 2.5vw;
    }

    /* main menu */

    #mainmenu_dropdown {
        display: block;
        position: absolute;
        margin-left: 82.8vw;
        margin-top: 7.7vw;
        width: 8.333vw;
        height: 5.86vw;
        background-image: url('layout/menu-dropdown.png');
        background-size: 8.333vw 5.86vw;
        z-index: 225;
    }

    #mainmenu_dropdown a,
    #mainmenu_close a{
        display: block;
        width: 100%;
        height: 100%;
    }

    #mainmenu_contents {
        display: none;
        position: absolute;
        z-index: 230;
        background-color: white;
        left: 0px;
        top: 0px;
        width: 100%;
        padding-bottom: 15vw;
        box-shadow: 0px 0vw 10vw black;
    }

    #mainmenu_close {
        background-image: url('layout/menu-close.png');
        width: 8.33333333333333vw;
        height: 8.33333333333333vw;
        background-size: 8.33333333333333vw 8.33333333333333vw;
        position: absolute;
        margin-left: 82.8vw;
        margin-top: 7.7vw;
        display: block;
        z-index: 235;
    }

    header .mainmenu ul {
        margin: 0px;
        padding: 0px;
    }

    header .mainmenu ul li {
        float: none;
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-bottom: 5.3vw;
    }

    header .mainmenu ul li a:link,
    header .mainmenu ul li a:visited {
        color: #000B3B;
    }

    header .mainmenu ul li a:hover,
    header .mainmenu ul li a:active {
        color: #092EFF;
    }

    /* main menu 1 */

    header #mainmenu1 {
        position: relative;
        top: initial;
        left: initial;
        height: initial;
        width: initial;
        border-bottom: none;

    }

    header #mainmenu1 ul {
        margin-top: 9.8vw;
        margin-left: 5.5vw;
        float: none;
    }

    header #mainmenu1 ul li {
        font-size: 6.5vw;
        margin-right: initial;
    }

    header #mainmenu1 ul li a:link,
    header #mainmenu1 ul li a:visited,
    header #mainmenu2 ul li a:link,
    header #mainmenu2 ul li a:visited {
        color: #000B3B;
    }

    header #mainmenu1 ul li a:hover,
    header #mainmenu1 ul li a:active,
    header #mainmenu2 ul li a:hover,
    header #mainmenu2 ul li a:active {
        color: #000B3B;
    }

    header #mainmenu1 ul li .drop,
    header #mainmenu2 ul li .drop {
        display: inline-block;
        background-image: url('layout/mainmenu-drop-mobile.png');
        background-size: 4.16666666666667vw 2.34375vw;
        width: 4.16666666666667vw;
        height: 2.34375vw;
        margin-left: 3.3vw;
    }

    /* info menu */

    #infomenu {
        display: none;
        position: relative;
        left: initial;
        top: initial;
        width: initial;
        margin-top: 4vw;
    }

    #infomenu ul {
        margin: 0px;
        padding: 0px;
    }

    header #mainmenu1 ul #infomenu ul {
        margin-top: 0vw;
        margin-left: 5vw !important;
    }

    #infomenu ul li {
        list-style: none;
        font-size: 5.9vw !important;
        margin-bottom: 4.2vw;
    }

    #infomenu ul li a {
        display: block;
        padding-left: 0.7vw;
        padding-top: 0.55vw;
        padding-bottom: 0.55vw;
        text-decoration: none;
    }

    #infomenu ul li a:link,
    #infomenu ul li a:visited {
        color: #000B3B;
        background: none;
    }

    #infomenu ul li a:active,
    #infomenu ul li a:hover {
        color: #000B3B;
        background: none;
    }

    /* main menu 2 */

    header #mainmenu2 {
        position: relative;
        top: initial;
        left: initial;
        height: initial;
        width: initial;
    }

    header #mainmenu2 ul {
        margin-top: 6.2vw;
        margin-left: 5.5vw;
        float: none;
    }

    header #mainmenu2 ul li {
        font-size: 6.5vw;
        margin-right: initial;
    }

    /* products menu */

    #menuproducts {
        display: none;
        background: none;
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        height: initial;
        margin-bottom: 7vw;
        margin-left: 0vw;
    }

    #menuproducts .sections {
        margin-left: 3vw;
        margin-right: initial;
        margin-top: 2.3vw;
        width: 100%;
        float: none;
    }

    #menuproducts .sections li {
        font-weight: normal;
        border-bottom: none ;
        list-style: none;
        text-transform: none;
        font-size: 6vw;
        width: 100%;
        background: none;
    }

    #menuproducts .sections li a {
        display: block;
        padding-top: 1.55vw;
        padding-bottom: 1.55vw;
        padding-left: 2.5vw;
        width: 100%;
    }

    header #mainmenu2 ul li a.mainmenu_catalogue {
        color: #092EFF !important;
    }

    #menuproducts .sections_data {
        display: none;
    }

    /* phone */

    header .phone {
        background-image: url('layout/menu-phone-mobile.png');
        background-position: 0px 3.7vw;
        background-size: 5.59895833333333vw 5.59895833333333vw;

        position: relative;
        padding-left: 8vw;
        padding-top: 3vw;
        margin-left: 23vw;
        margin-top: 11vw;
        font-size: 5.2vw;
    }

    header .phone a {
        color: #000B3B;
    }

    /* callback */

    .callback a {
        font-size: 5.2vw;
        padding-top: 4.5vw;
        padding-bottom: 4.6vw;
        width: 68vw;
    }

    .callback a:link,
    .callback a:visited {
        color: white;
        background-color: #000B3B;
    }

    .callback a:hover,
    .callback a:active {
        color: white;
        background-color: #000B3B;
    }

    header .callback {
        position: relative;
        margin-top: 7.8vw;
        margin-left: 16.0vw;
        margin-right: 0vw;
    }

    /* go link */

    .go-link {
        font-size: 2.1vw;
    }

    .go-link a {
        padding-right: 9.5vw;
        background-size: calc(1.97916666666667vw * 2.5) calc(1.97916666666667vw * 2.5);
        padding-top: 2vw;
        padding-bottom: 2vw;
    }

    .go-link a:link,
    .go-link a:visited {
        background-image: url('layout/go-active.png');
        color: #092EFF;
        text-shadow: 0px 1.2vw 2.5vw rgba(9, 46, 255, 0.6);
    }

    .go-link a:hover,
    .go-link a:active {
        text-decoration: none;
        background-image: url('layout/go-active.png');
        color: #092EFF;
        text-shadow: 0px 1.2vw 2.5vw rgba(9, 46, 255, 0.6);
    }

    /* form */

    div.form {
        border: #536DFF solid 2.4vw;
        padding-left: 8.5vw;
        padding-top: 2vw;
        padding-bottom: 2.9vw;
    }

    div.form .header {
        text-align: center;
        font-size: 5.5vw;
        padding-right: 8.5vw;
        margin-bottom: 1vw;
    }

    div.form .text {
        color: #C6C8D1;
        font-size: 2.7vw;
    }

    div.form div.inputs {
        padding-left: 2.45vw;
        padding-right: 12.5vw;
        padding-top: 2vw;
    }

    div.form div.inputs input {
        border-bottom: 0.2vw solid #464E7D;
        font-size: 3.4vw;
        padding-top: 3vw;
        padding-bottom: 3vw;
        margin-bottom: 3.5vw;
        padding-left: 10.7vw;
        background-size: 5vw 5vw;
        background-position: 2.3vw 2.5vw;
    }

    div.form div.inputs input:focus {
        border-bottom-color: #092EFF;
    }

    div.form div.inputs input.name {
        background-image: url('layout/input-name-inactive.png');
    }

    div.form div.inputs input.name:focus {
        background-image: url('layout/input-name-active.png');
    }

    div.form div.inputs input.phone {
        background-image: url('layout/input-phone-inactive.png');
    }

    div.form div.inputs input.phone:focus {
        background-image: url('layout/input-phone-active.png');
    }

    div.form div.inputs a.submit {
        font-size: 5vw;
        padding-top: 3vw;
        padding-bottom: 3vw;
        margin-top: 6.7vw;
    }

    div.form div.inputs div.legend {
        padding-top: 4vw;
        font-size: 2.7vw;
    }

    /* gotcha */

    #gotcha .message {
        border: #536DFF solid 2.5vw;
        left: 3vw;
        right: 3vw;
        height: auto;
        margin-top: calc(50vh - 30vw);
        padding-bottom: 7vw;
    }

    #gotcha .message .icon {
        background-size: 12vw 12vw;
        width: 12vw;
        height: 12vw;
    }

    #gotcha .message .title {
        font-size: 8vw;
    }

    #gotcha .message .text {
        font-size: 3vw;
    }

    /* footer */

    footer {
        height: 162.8vw;
        padding-top: 1.25vw;
    }

    footer ul li {
        font-size: 3vw;
    }

    footer .av-logo {
        position: relative;
        margin-left: 35.4vw;
    }

    footer .motto {
        position: relative;
        width: auto;
        font-size: 2.7vw;
        margin-left: 8.3vw;
        margin-top: 7.5vw;
        line-height: 1.2vw;
    }

    footer .menu1,
    footer .menu2 {
        position: absolute;
        margin-top: 6.3vw;
        line-height: 5.9vw;
    }

    footer .menu1 {
        margin-left: 10.9vw;
    }

    footer .menu2 {
        margin-left: 51.9vw;
    }

    footer .menu1 li,
    footer .menu2 li {
        padding-bottom: 2.5vw;
    }

    footer .callback {
        margin-left: 15vw;
        margin-top: 47.2vw;
    }

    footer .callback a {
        background-color: white !important;
        color: #000B3B !important;
    }

    footer hr {
        margin-left: 11.3vw;
        margin-top: 73.9vw;
        width: 74.67vw;
        height: 1px;
    }

    footer .disclaimer {
        font-size: 3vw;
        width: 80vw;
        margin-left: 11.3vw;
        margin-top: 79vw;
    }

    footer .address {
        font-size: 3vw;
        width: 80vw;
        margin-left: 11.3vw;
        margin-top: 95vw;
    }

    footer .copyright {
        font-size: 3vw;
        width: auto;
        margin-left: 28vw;
        margin-top: 106vw;
    }

    footer .phone {
        font-size: 5.2vw;
        margin-left: 22vw;
        margin-top: 117vw;
        background-image: url('layout/mainmenu-phone.png');
        background-size: 5.7vw 5.7vw;
        padding-left: 9.2vw;
    }

    /* callback popup */

    #callback_popup .form {
        left: 0vw;
        right: 0vw;
        height: 85vw;
        margin-top: calc(50vh - 50.3vw);
    }

        #callback_popup .form .submit {
        margin-top: 0px;
    }


    /* breadcrumbs */

    ul.breadcrumbs li {
        background-image: url('layout/breadcrumbs-bullet.png');
        background-size: calc(0.416666666666667vw * 3) calc(0.625vw * 3);
        font-size: 3vw;
        margin-right: 3vw;
        padding-right: 3.8vw;
    }

    ul.breadcrumbs.inverted li {
        background-image: url('layout/breadcrumbs-bullet-inverted.png');
        color: #7B7B7B;
    }

    ul.breadcrumbs.inverted li a {
        color: #9C9C9C;
        opacity: 0.5;
    }

    /* load more */

    .loadmore {
        font-size: 3.85vw;
        display:block;
        padding-top: 2.2vw;
        padding-bottom: 2.2vw;
        padding-left:10vw;
        padding-right: 6.1vw;
        background-position: 5vw 3.5vw;
        width: fit-content;
    }

    a.loadmore {
        color: #092EFF;
        border: 2px solid #092EFF;
        background-image: url('layout/loadmore-inactive.png');
    }

    a.loadmore:hover,
    a.loadmore:active {
        background-color: #092EFF;
        color: white;
        background-image: url('layout/loadmore-active.png');
    }

    span.loadmore {
        color: #C4C4C4;
        border: 2px solid #C4C4C4;
        background-image: url('layout/loadmore-disabled.png');
    }

}