nav{
    overflow: hidden;
}

.wrapper{
    min-width: 320px;
}

html {
    background: #fafafa;
    color: #000;
    font: 18px/22px Myriad;
     overflow: visible !important;
    min-width: 320px;
}

body{
    overflow: visible !important;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.close-nav{
    color: #fff;
    font: 18px/22px Myriad;
    text-transform: uppercase;
    display: none;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}

#works a:hover .overlay {opacity: 1;}

.nav-bar {
    float: left;
    width: 38px;
    margin-top: 25px;
    margin-right: 20px;
    display: none;
}

.nav-bar:hover{
    opacity: 0.75;
}

.bar{
    width: 100%;
    background: #073e6c;
    height: 6px;
}

.bar:not(:last-child){
    margin-bottom: 6px;
}


.slider .item-inner{
    position: relative;
}

.slick-prev.slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -52px;
    outline: 0;
    width: 34px;
    height: 105px;
    text-indent: -9999px;
    z-index: 9999;
    opacity: .4;
    font-size: 0;
}

.slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -52px;
    outline: 0;
    width: 34px;
    height: 105px;
    text-indent: -9999px;
    z-index: 9999;
    opacity: .4;
    font-size: 0;
}

.slick-next.slick-arrow{
    right: -45px;
    background: url(../images/icons.png) no-repeat -82px -632px;
}

.slick-prev.slick-arrow{
    left: -45px;
    background: url(../images/icons.png) no-repeat -48px -632px;
}

.slick-prev.slick-arrow:hover{
    opacity: .6;
    background-position: -48px -632px;
}

.slick-next.slick-arrow:hover{
    opacity: .6;
    background-position: -82px -632px;
}

@media (max-width: 1130px) {
    .wrapper {
        width: 970px;
    }

    nav ul li a {
        padding: 0 16px;
    }

    #top_request img {
        width: 327px;
        left: -140px;
    }

    h1 {
        padding: 30px 0 0 10px;
    }

    #benefits .items [class*="item"] {
        margin: 0 30px 28px;
    }

    #benefits .items .item-3, #benefits .items .item-5{
        right: 0;
    }

    #benefits .items .item-1 {
        left: 0;
    }

    #benefits .items .item-4 {
        left: 0;
    }

    #params .items{
        text-align: left;
    }

    #params .items .item{
        width: 46%;
        margin: 0 2% 20px;
        float: left;
    }

    #egrid{
        height: 374px;
    }

    #egrid img{
        max-width: 100%;
        display: block;
    }

    #process iframe {
        float: none;
        margin: 0 auto;
    }

    #process .items {
        margin: 30px auto 0;
        float: none;
    }

    #our_benefits .items [class*="item"] {
        width: 220px;
    }

    #steps .items {
        font-size: 0;
    }

    #steps .items [class*="item"] {
        width: 160px;
    }

    #steps .items [class*="item"]:after {
        right: -10px;
    }
}

@media (max-width: 992px) {
    .wrapper {
        width: 750px;
    }

    nav ul li a {
        padding: 0 7px;
        height: 45px;
        font: 600 13px/48px Myriad;
    }

    nav ul {
        height: 45px;
    }

    nav ul li {
        height: 45px;
    }

    #top_request img {
        width: 276px;
        left: -167px;
    }

    #top_request .wrapper {
        padding: 190px 0 0;
    }

    h1 {
        width: 100%;
        height: auto;
        font: 600 38px/41px Myriad;
        margin: 0 0 49px 0;
        padding: 30px 45px;
        position: relative;
    }

    h1 br{
        display: none;
    }

    #town{
        display: block;
        text-align: center;
    }

    #top_request h1 + p {
        width: 100%;
        height: auto;
        background: rgba(254, 197, 46, 0.9);
        padding: 15px 15px;
        font: 600 19px/25px Myriad;
        color: #000;
        text-align: center;
        margin: 0 auto 85px;
    }

    nav {
        height: 45px;
    }

    #top_request {
        height: auto;
        background-size: cover;
    }

    #top_request .wrapper{
        padding-bottom: 40px;
    }

    .form-row{
        margin: 0 -2%;
    }

    form.horizontal {
        width: 100%;
    }

    .form-row > *{
        margin: 0 2% !important;
        width: 29.33333333% !important;
        float: left !important;
    }

    h2 {
        font: 700 32px/34px Myriad;
        margin-bottom: 50px;
    }

    #usage .items .item {
        width: 233px;
        height: auto;
        margin-bottom: 22px;
    }

    #usage .items .item .title {
        height: 40px;
        font: 18px/40px Myriad;
        bottom: 15px;
    }

    #usage .wrapper {
        padding: 50px 0 25px;
    }

    #statistics .wrapper {
        padding: 65px 0 70px;
    }

    section.request .wrapper {
        padding: 60px 0;
    }

    section.request form {
        width: 270px;
    }

    .request form .form_header {
        font: 15px/20px Myriad;
        margin-bottom: 17px;
    }

    section.request .offer {
        width: 447px;
        padding: 22px 20px 40px;
    }

    section.request {
        margin-top: 0;
    }

    section.request .offer {
        margin-top: 39px;
    }

    #benefits .items [class*="item"] {
        width: 235px;
        margin: 0 0px 28px;
    }

    #params .wrapper {
        padding: 60px 0 50px;
    }

    #params h2 {
        margin-bottom: 45px;
    }

    #params .items {
        margin-bottom: 15px;
    }

    #params {
        margin-bottom: 0;
    }

    #request-2 h2 {
        font: 600 34px/38px Myriad;
    }

    #request-2 {
        height: auto;
        background-size: cover;
    }

    #request-2 .wrapper{
        padding-bottom: 40px;
    }

    #egrid {
        height: 289px;
    }

    #works .wrapper {
        padding: 50px 47px 60px;
    }

    #variants .wrapper {
        padding: 60px 0;
    }

    #variants .items {
        padding: 125px 0 0;
        font-size: 0;
    }

    #variants .items .item {
        width: 31.3333333%;
        margin: 0 1%;
        padding: 30px 7px 0;
        height: 175px;
    }

    #variants .items .item br{
        display: none;
    }

    #errors h2 {
        margin-bottom: 55px;
    }

    #types .items:after{
        clear: both;
        display: table;
        content: " ";
    }

    #types .items{
        font-size: 0;
        text-align: center;
        padding: 0 70px;
    }

    #types .items [class*="item"] {
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
    }

    #types .items img{
        margin: 0 auto 15px;
    }

    #our_benefits .items [class*="item"] {
        width: 184px;
    }

    #our_benefits .items {
        margin-bottom: 15px;
    }

    #contacts .info {
        right: 0;
        margin-right: 0;
    }

    #contacts .wrapper {
        padding: 55px 0 35px;
    }

    #steps .items [class*="item"] {
        width: 33.33333%;
        margin-bottom: 25px;
    }

    #steps .items [class*="item"]:nth-child(3):after{
        display: none;
    }
}

@media(max-width: 830px){
    .lptrack_banner{
        max-width: 100% !important;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .lptrack_banner-body{
        max-width: 100% !important;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
    }

    .lptrack_banner-form:after{
        display: table;
        content: " ";
        clear: both;
    }

    .lptrack_timer{
        width: 100%;
        margin: 20px 0 20px -20px;
    }

    .lptrack_banner-form-row-2{
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .wrapper {
        width: 100%;
        box-sizing: border-box;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .close-nav{
        display: block;
        border-bottom: 1px solid #fff;
        letter-spacing: 1px;
    }

    .close-nav:hover{
        border-bottom: 1px solid transparent;
    }

    .nav-bar{
        display: block;
        cursor: pointer;
    }

    .lptrack_banner-line-wrapper .lptrack_banner-pr-line-left{
        display: none !important;
        opacity: 0;
    }

    .lptrack_banner-line-wrapper{
        display: none !important;
    }

    #statistics .items .item{
        display: block;
        text-align: center;
        width: 100%;
    }

    #statistics .items .item:not(:last-child){
        margin-bottom: 35px;
    }

    nav {
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        background: #073e6c;
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        font-size: 0;

        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
    }



    nav.open{
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    nav:before{
       content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    nav .wrapper{
        display: inline-block;
        height: auto;
        vertical-align: middle;
        padding: 0 !important;
    }

    nav ul {
        height: auto;
        display: block;
    }

    nav ul li {
        height: auto;
        display: block;
        text-align: center;
    }

    nav ul li a{
        text-align: center;
        display: block;
        height: 60px;
        font: 600 22px/60px Myriad;
    }

    nav ul li a:hover {
        text-shadow: none !important;
        background: rgba(255, 255, 255, 0.2);
    }

    .logo-desc{
        display: none;
    }

    header .callback .phone {
        margin-bottom: 0px;
        font: 400 23px/36px Myriad;
        letter-spacing: 0.9px;
        margin-top: 5px;
    }

    #top_request img {
        left: -143px;
    }

    #top_request .wrapper {
        padding: 130px 0 40px;
    }

    #statistics h2 {
        margin-bottom: 40px;
    }

    #usage .items .item {
        width: 46%;
        margin: 0 2% 20px;
    }

    #usage .items {
        font-size: 0;
    }

    section.request .offer{
        float: none;
        margin: 0px auto 30px;
    }

    section.request{
        height: auto;
        background-size: cover !important;
    }

    section.request .wrapper{
        padding-top: 35px;
        padding-bottom: 35px;
    }

    form .form_header {
        font: 18px/22px Myriad;
    }

    section.request form {
        float: none;
        width: 320px;
        margin: 0 auto;
    }

    #egrid {
        height: 213px;
        width: 550px;
        margin: 0 auto;
    }

    h2 {
        margin-bottom: 30px;
    }

    #works .wrapper {
        padding: 50px 47px 60px !important;
    }

    #our_benefits .items {
        font-size: 0;
        padding: 0 70px;
    }

    #our_benefits .items [class*="item"] {
        width: 50%;
        margin-bottom: 20px;
    }

    #map {
        width: 100%;
        height: 350px;
    }

    #contacts .info {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        top: 0;
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:    inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
        box-shadow:         inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    }

    .lptrack_banner{
        width: 100% !important;
    }

    #types h2 br{
        display: none;
    }

    footer .callback .phone {
        margin-bottom: 7px;
        margin-top: 11px;
        font: 400 23px/23px Myriad;
        letter-spacing: 0.9px;
    }

    .logo {
        width: 180px;
        height: 61px;
        margin-top: 6px;
    }

    header .wrapper {
        padding: 4px 0 0;
    }

    header {
        height: 90px;
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 10;
    }

    nav ul li a:after{
        display: none !important;
    }
}

@media(max-width: 700px){
    h1 {
        font: 600 32px/36px Myriad;
    }

    form .form_header{
        text-align: center !important;
    }

    #request-2 h2 {
        font: 600 30px/34px Myriad;
        margin-bottom: 30px;
    }

    .slider .item {
        padding: 5px 10px;
    }

    #variants .items .item{
        width: 100%;
        max-width: 350px;
        display: block;
        height: auto;
        padding-bottom: 25px;
        margin: 0 auto;
    }

    #variants .items .item:not(:last-child){
        margin-bottom: 155px;
    }

    #types .items {
        padding: 0 20px;
    }

    .form-row > * {
        margin: 0 1% !important;
        width: 31.33333333% !important;
        float: left !important;
    }

    .form-row {
        margin: 0 -1%;
    }
}

@media(max-width: 640px){
    .lptrack_banner-arrow{
        display: none !important;
    }

    #top_request img {
        width: 247px;
        left: -144px;
    }

    h1 {
        padding: 23px 65px;
        font: 600 28px/33px Myriad;
    }

    #top_request h1 + p {
        margin: 0 auto 45px;
    }

    .form-row > * {
        margin: 0 !important;
        width: 100% !important;
        float: left !important;
    }

    .form-row{
        margin: 0 auto;
    }

    form.horizontal {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

    .form-row > *:not(:last-child){
        margin-bottom: 20px !important;
    }

    #params p {
        font: 20px/22px Myriad;
    }

    h2 {
        font: 700 28px/31px Myriad;
    }

}

@media(max-width: 600px){
    #egrid {
        height: 386px;
        width: 400px;
    }

    .overlay{
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }

    #types .items {
        padding: 0;
    }

    #process iframe {
        width: 100%;
        height: 360px;
    }

    #process .items {
        font-size: 0;
    }

    #process .items:after{
        display: table;
        content: " ";
        clear: both;
    }

    #process .items [class*="item"] {
        display: block;
        width: 48%;
        margin: 0 1% 20px;
        float: left;
    }

    #process .wrapper {
        padding: 60px 0 45px;
    }

    #our_benefits .items {
        padding: 0;
    }

    #our_benefits .wrapper {
        padding: 60px 0 35px;
    }

    footer .creator {
        top: 105px;
    }

    footer {
        height: 225px;
    }

    footer .offer-disclaimer {
        margin-top: 80px;
    }

    #params .items .item {
        width: 100%;
        margin: 0 auto 20px;
        float: none;
        max-width: 350px;
        display: block;
    }

    #process .items {
        width: 100%;
    }
}

@media(max-width: 550px){
    #statistics .items .item {
        font: 19px/28px Myriad;
    }

    #statistics .items .item span {
        font: 600 50px/50px Myriad;
    }

    a.more-link {
        font-size: 20px;
    }

    #steps .items [class*="item"] {
        width: 50%;
    }

    #steps .items [class*="item"]:nth-child(3):after {
        display: block;
    }

    #steps .items [class*="item"]:nth-child(2):after, #steps .items [class*="item"]:nth-child(4):after {
        display: none;
    }

    #steps .items {
        margin-bottom: 20px;
    }

    #top_request img {
        top: 105px;
    }

    h1 {
        padding: 23px 30px;
        font: 600 26px/30px Myriad;
    }

    h2 {
        font: 700 26px/30px Myriad;
    }

    #statistics .wrapper {
        padding: 50px 0 50px;
    }

    #request-2 h2 {
        font: 600 26px/30px Myriad;
        margin-bottom: 25px;
    }

    #examples .wrapper {
        padding: 50px 0;
    }

    #variants .wrapper {
        padding: 50px 0;
    }

    #errors .items [class*="item"]:last-child{
        margin-bottom: 0;
    }

    #errors .wrapper {
        padding: 50px 0;
    }

    #types {
        margin-top: 0;
    }

    #types h2 {
        margin-bottom: 35px;
    }
}

@media(max-width: 530px){
    #types .items [class*="item"] img {
        height: auto;
        max-width: 100%;
    }

    #types .items [class*="item"]{
        padding: 0 10px;
    }

    #types .items{
        margin: 0 -10px;
    }
}

@media(max-width: 520px){
    #usage .items .item {
        width: 100%;
        margin: 0 0 20px;
    }

    .title {
        height: 42px;
        font: 20px/42px Myriad;
    }

    #benefits .items [class*="item"] {
        width: 200px;
    }
}

@media(max-width: 500px){
    .callback .order-btn span{
        display: none;
    }

    .logo {
        margin-top: 10px;
    }

    header .callback .phone {
        font: 400 17px/36px Myriad;
        letter-spacing: normal;
    }

    .order-btn{
        width: 130px;
    }


    section.request .offer .counter {
        height: 48px;
        background-size: contain;
    }

    section.request .offer {
        width: 315px;
        padding: 22px 10px 40px;
    }

    section.request .offer .counter {
        width: 295px;
    }

    section.request .offer .counter-item {
        width: 25%;
        margin: 0;
    }

    .counter {
        font-size: 0;
    }

    section.request .offer .counter-item {
        height: 55px;
        font: 700 12px/16px Arial;
        margin: 0;

    }

    section.request .offer .counter-item b {
        font: 700 34px/46px Arial;
        letter-spacing: 12px;
        margin-bottom: 3px;
    }

    .counter-item.days b {
        padding-left: 9px !important;
    }

    section.request .offer .counter-item.hours b {
        padding-left: 12px;
    }

    section.request .offer .counter-item.minutes b {
        padding-left: 13px;
    }

    section.request .offer .counter-item.seconds b {
        padding-left: 14px;
    }

    #steps .button {
        max-width: 100%;
    }

    .button {
        font: 600 19px/64px Myriad;
    }

}

@media(max-width: 480px){
    #top_request img {
        left: -165px;
    }

    #contacts .wrapper {
        padding: 45px 0 35px;
    }

    h1 {
        padding: 18px 7px;
        font: 700 26px/28px Myriad;
    }

    #our_benefits .items [class*="item"] {
        font: 16px/20px Myriad;
    }

    #benefits .items [class*="item"] {
        font: 16px/20px Myriad;
    }

    h2 {
        font: 700 24px/28px Myriad;
    }

    .callback .order-btn span{
        display: none;
    }

    .order-btn {
        width: 145px;
    }

    header .callback .phone {
        font: 400 17px/35px Myriad;
        letter-spacing: 0.7px;
    }

    footer .callback .phone {
        font: 400 17px/23px Myriad;
        letter-spacing: 0.8px;
    }

    #request-2 form {
        max-width: 100%;
    }

    .button{
        max-width: 100%;
    }
}

@media(max-width: 450px){
    header .callback .order-btn{
        width: auto;
        height: auto;
        border: none !important;
        border-radius: 0;
        font-size: 16px;
        border-bottom: 1px solid #000 !important;
        font-weight: 500;
        color: #000;
        line-height: normal;
        text-shadow: none !important;
        background: none !important;
    }

    header .callback .order-btn:hover{
        border-bottom: 1px solid transparent !important;
    }

    #top_request img {
        top: 84px;
    }

    #top_request .wrapper {
        padding: 100px 0 40px;
    }

    .nav-bar {
        margin-top: 9px;
    }

    header {
        height: 56px;
    }

    header .callback .phone {
        font: 400 17px/20px Myriad;
        margin-top: 6px;
    }

    header .callback .order-btn:before, header .callback .order-btn:after{
        display: none;
    }

    header .logo {
        width: 130px;
        height: 45px;
        margin-top: 0;
    }

    nav .wrapper{
        min-width: 0;
    }
}

@media(max-width: 440px){
    .lptrack_banner-button{
        max-width: 120px;
    }

    .lptrack_banner-textbox{
        max-width: 125px;
    }

    #egrid {
        height: 280px;
        width: 290px;
    }

    #errors .items [class*="item"] {
        margin: 0 auto 60px;
        max-width: 100%;
    }

    #types .items [class*="item"] {
        width: 100%;
    }

    #errors .items [class*="item"] .separator {
        max-width: 100%;
        background: url(../images/backgrounds/errors_item_separator.png) no-repeat center;
    }

    #modal_callback_form, #modal_price2 {
        width: 100%;
        max-width: 330px;
        padding: 0 15px;
    }

    .modal_close {
        top: -30px;
        right: 15px;
    }

    .modals form .form_header {
        font: 17px/22px Myriad;
    }
}

@media(max-width: 400px){
    #params h2 {
        margin-bottom: 35px;
    }

    #request-2 h2 {
        font: 600 22px/25px Myriad;
    }

    #works .wrapper {
        padding: 50px 30px 40px !important;
    }

    .slick-prev.slick-arrow {
        left: -22px;
        width: 20px;
    }

    .slick-next.slick-arrow {
        right: -22px;
        width: 20px;
    }

    .slick-next.slick-arrow {
        background: url(../images/icons.png) no-repeat -95px -632px;
    }

    .slick-next.slick-arrow:hover {
        opacity: .6;
        background-position: -95px -632px;
    }

    #process .items [class*="item"] {
        width: 100%;
        margin: 0 0 20px;
        height: auto;
    }

    #process .items [class*="item"] img{
        height: auto;
    }

    #steps .button {
        max-width: 100%;
        padding: 10px 20px 0;
        line-height: 21px;
    }

    #contacts .info {
        font: 18px/23px Myriad;
    }

    section.request .offer {
        font: 17px/22px Myriad;
    }

    #types .wrapper {
        padding: 50px 0 30px;
    }

    footer .wrapper {
        padding: 10px 0 0;
    }

    #top_request img {
        top: 49px;
    }

    header .callback {
        margin-top: 12px;
    }

    header .callback .phone{
        display: none;
    }

    footer .logo {
        width: 122px;
        margin-top: 20px;
    }

}

@media (max-width: 380px) {
    nav ul li a {
        height: 50px;
        font: 600 19px/52px Myriad;
    }

    header .callback .order-btn{
        font-size: 0 !important;
        background: url("../images/call.png") no-repeat !important;
        width: 30px;
        height: 30px;
        border: none !important;
    }

    header .logo {
        position: absolute;
        left: 50%;
        margin-left: -65px;
    }

    header .callback {
        margin-top: 8px;
    }

    header .callback .order-btn:hover{
        opacity: 0.75;
    }

    #town {
        display: inline;
    }

    h1 {
        font: 700 23px/29px Myriad;
    }

    #top_request h1 + p {
        font: 600 15px/22px Myriad;
    }

    #benefits .wrapper {
        padding: 50px 0 30px;
    }

    #params .wrapper {
        padding: 50px 0 50px;
    }

    #errors .items [class*="item"]{
        height: auto;
        padding: 20px 12px 12px;
    }

    #errors .items [class*="item"]:before {
        top: -45px;
        left: 50%;
        margin-left: -26px;
    }

    #errors .items {
        padding-left: 0;
    }

    #errors .items [class*="item"] br{
        display: none;
    }

    section.request form{
        max-width: 100%;
    }

    nav ul li a:after{
        display: none !important;
    }
}

@media(max-width: 350px){
    h1 {
        padding: 18px 10px;
    }

    #town {
        display: inline;
    }

    section.request .offer .counter {
        width: 270px;
    }

    section.request .offer {
        width: 290px;
    }

    section.request .offer .counter-item b {
        font: 700 32px/42px Arial;
        letter-spacing: 11px;
    }

    section.request .offer .counter-item.seconds b {
        padding-left: 13px;
    }

    section.request .offer .counter-item.minutes b {
        padding-left: 12px;
    }

    #steps .items [class*="item"] {
        width: 100%;
        padding-bottom: 20px;
    }

    #steps .items [class*="item"]:after {
        top: 100%;
        display: block !important;
        right: inherit;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        left: 50%;
        margin-left: -7px;
        margin-top: -19px;
    }

    #steps .items [class*="item"]:last-child:after{
        display: none !important;
    }

    #contacts .info {
        font: 16px/22px Myriad;
    }

    #contacts .info {
        padding: 20px 15px;
    }
}

@media(max-height: 460px){
    nav ul li a {
        height: 45px;
        font: 600 17px/47px Myriad;
    }
}

@media(max-height: 380px){
    nav ul li {
        float: left;
        width: 50%;
    }

    nav ul:after{
        display: table;
        content: " ";
        clear: both;
    }
}