@font-face {
	font-family:'VWHead-Regular';
	src: url('../fonts/VWHead_gdi.eot');
	src: url('../fonts/VWHead_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWHead_gdi.woff') format('woff'),
		url('../fonts/VWHead_gdi.ttf') format('truetype'),
		url('../fonts/VWHead_gdi.svg#VWHead-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'VWText-Bold';
	src: url('../fonts/VWText-Bold_gdi.eot');
	src: url('../fonts/VWText-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWText-Bold_gdi.woff') format('woff'),
		url('../fonts/VWText-Bold_gdi.ttf') format('truetype'),
		url('../fonts/VWText-Bold_gdi.svg#VWText-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}

html {width:100%; height:100%;background: #f3f5f6;}

body 
{
    width:100%;
    /*height:100%;*/
    position:absolute;
    background-color:#fff;
    margin:0 auto;
    padding:0;
    /*overflow: hidden;*/
    font-family:'VWHead-Regular';
    overflow-x: hidden;
}

img {width:100%; display:block; height:auto; border:0;}

.fixedtop
{
    width:100%;
    height:72px;
    position:fixed;
    top:0;
    background-color:#ffffff;
    z-index:300;
}
.fixedtop img
{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:51px;
    height:51px;
}
.bottomShadow 
{
    -webkit-box-shadow:0 4px 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 4px 14px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

section
{
    width:100%;
    position:relative;
    float:left;
}
#right_section
{
    width:95%;
    position:relative;
    float:right;
}


#brakes_area{
	padding-bottom:60%; 
	width:100%;
}
#amortiser_area{
	padding-bottom:46%; 
	width:100%;
}
#filtra_area{
	padding-bottom:46%; 
	width:100%;
}
#yalo_area{
	padding-bottom:45.5%; 
	width:100%;
}
#battery_area{
	padding-bottom:64%; 
	width:100%;
}

iframe{
    transform: translateY(-5%);
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow: hidden;
    border: 0;
    /*margin-top: -44%;*/
    z-index: 1000;
    position: absolute;

}

#brakes_bg{
	margin-top: 5%;
}

/*MENU*/
#menu
{
    box-shadow:5px 0 23px rgba(0,0,0,0.07);
     width:5%;
    max-width:107px;
    min-width:102px;
    height: 100%;
    background: #f3f5f6;
    position:absolute;
    z-index:200;
}
#menu a {text-decoration:none;}
.shadowDiv
{

}
.logo
{
     width:5%;
    max-width:107px;
     min-width:102px;
    position:fixed;
    /*margin:0 auto;*/
    /*padding-top:50%;*/
    top:1%;
    /*margin-bottom: 55%;*/
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.logo img
{
    max-width:90px;
    margin:0 auto;
}
.logo.scrolled {top:-10%;}

.sticky_menu
{
    width:5%;
    max-width:107px;
     min-width:102px;
    position:fixed;
    margin:0 auto;
    top:10%;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
.sticky_menu-fixed
{
    top:7%;
}
.m_item
{
    width:100%;
    max-width:107px;
     min-width:102px;
    margin: 0% auto;
    margin-bottom: 20%;
    position:relative;
    cursor:pointer;
}

.m_img 
{
    padding-top: 20%;
    width: 50%;
    margin: 0 auto;
}
.m_txt
{
    color:#96a7b3; /*5a6b78;*/
    font-size:0.8vw; /*10px;*/
    text-align:center;
    padding-top:7%;
    position: relative;
}
.m_txt p {width:61%; margin:0 auto; position:relative;}
.m_txt p a {color:#96a7b3; text-decoration: none;}

hr
{
    width:100%;
    height:2px;
    background-color:#d9ddde;
    border:none;
}

/*HEADER*/
.h_title
{
    color: #383838;
    width: 100%;
    text-align: center;
    padding: 5% 0;
    position: relative;
    font-size: 3.6vw;
    font-family: 'VWText-Bold';
    margin-top: 3%;
}
.welcome
{
    width:100%;
    position:relative;
    float:left;
    padding:2% 0;
    background-color:#fafafa;
}
.topShadow 
{
    -webkit-box-shadow: inset 0 44px 20px -33px rgba(230,230,230,0.7);
    -moz-box-shadow: inset 0 44px 20px -33px rgba(230,230,230,0.7);
    box-shadow: inset 0 44px 20px -33px rgba(230,230,230,0.7);
}
.welcome h1
{
    color: #383838;
    font-size: 2.4vw;
    text-align: center;
    width: 70%;
    position: relative;
    margin: 4% auto;
    font-family: 'VWText-Bold';
    margin-bottom: 4%;
}
.welcome p
{
    color:#1e1f20;
    font-size:1vw; /*13px;*/
    text-align:center;
    width:45%;
    position:relative;
    margin:0 auto;
     margin-bottom: 6%;
}

.bg
{
    width:100%;
    height:100%;
    position:absolute;
    float:left;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 95%;
}

/*FRENA*/
#frena, .game
{
    width:100%;
    /*height:100%;*/
    position:relative;
   float:left;
   z-index:11;
   /*overflow-x: hidden;*/
}

#frena .bg
{
    background-image:url('../img/frena_bg.png');
}
.title_area
{
    width:100%;
    margin-top:4%;
    display: table;
}

.title
{
    width:79%;
    position:relative;
    display: table-cell;
    vertical-align: middle;
}
h2 {
    font-size:3.2vw;
    font-family:'VWText-Bold';
    text-align: left; 
    color:#ffffff;
    display: table;
    white-space: nowrap;  
    width:98%;
    overflow: hidden;
}
h2:before
{
    border-top: 1px solid #00adee;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.8em;
    width:7%;
    left: -2%;
}
h2:after
{
    border-top: 1px solid #00adee;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.9em;
    width:57%;
    right: 0%;
}

.title_icon
{
    width:100%;
    position:relative;
    display: table-cell;
    vertical-align: middle;
}

.title_area.knowhow h2{position:relative; margin:0 auto; width:48%;}
.title_area.knowhow h2:before, .title_area.knowhow h2:after {width:25%;}
.title_area.knowhow {margin-bottom: 4%;}

.title_icon h2:before
{
    border-top: none;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.8em;
    width:0%;
    right: 0%;
}
.title_icon h2:after
{
    border-top: 1px solid #00adee;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.9em;
    width:74%;
    left: 6%;
}

.title_txt
{
    width:100%;
    position:relative;
    float:left;
    margin-top: -3%;
}
.title_txt p
{
    width:67%;
    position:relative;
    text-align:left;
    color:#ffffff;
    opacity:0.5;
    font-size:1.1vw;
    margin-left: 6%;
    float:left;
}

.speedometer
{
    width:100%;
    position:relative;
    float:left;
}
.speed_img
{
    width:85%;
    max-width: 1099px;
    position:relative;
    margin:0 auto;
}
.speed_txt
{
    width: 16%;
    position: absolute;
   top: 38%;
    max-width: 195px;
    left: 49%;
    transform: translateY(-50%);
}
.speed_txt p
{
    color:#ffffff;
    text-align:center;
    font-family:'VWText-Bold';
    font-size:1.3vw;
    width: 100%;
}
.speed_bnt
{
    width: 13%;
    max-width: 153px;
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    top: 60%;
}

.video_area
{
    width:100%;
    position:relative;
    float:left;
}

.top_txt
{
    width:100%;
    position:relative;
    float:left;
    margin-top:4%;
    margin-bottom:4%;
}
.top_txt p
{
    text-align:center;
    color:#ffffff;
    opacity:0.5;
    font-size:1.1vw;
}
#frena .top_txt p
{
    width: 45%;
    position: relative;
    margin: 0 auto;
}
#tips
{
     width:100%;
    position:relative;
    float:left;
    z-index: 11;
}
#tips .title_area {margin-bottom:4%;}
#tips h2 {margin:0 auto;}
#tips h2:after, #tips h2:before {width: 28%;top: 0.8em;}
#tips h2:after {right:-5px;width: 28%;}
#tips h2::before {left: -23px;}

.circles_area
{
     width:80%;
     max-width:1001px;
    position:relative;
    margin:0 auto;
    /*overflow:hidden;*/
}
.circle
{
    width:25%;
    max-width:251px;
    position:relative;
    float:left;
}
.circlebg
{
    width:100%;
    max-width:250px;
    position:absolute;
    margin:0 auto;
}
.circle_icon
{
    width:40%;
    position:relative;
    margin:0 auto;
    margin-top: 10%;
}
.circle_txt
{
    width:70%;
    position:relative;
    margin:0 auto;
}
.circle_txt p
{
    color:#999999;
    font-size:1vw;
    text-align:center;
    width: 93%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 19%;
}
.tip1 .circle_icon {margin-top: 15%;width: 45%; max-width:113px;}
.tip2 .circle_icon {width: 35%; max-width:88px;margin-top: 15%;}
.tip3 .circle_icon {margin-top: 18%;width: 55%;max-width:138px;}
.tip4 .circle_icon {width: 35%;max-width:176px;}

.btn_offer
{
    width:30%;
    max-width:330px;
    height:50px;
    position:fixed;
    right:-26%;
    /*bottom:2%;*/
    top:-5%;
     -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    z-index: 200;
}
.btn_offer img {max-width:330px;
    height:50px;}
.btn_offer.opened
{
    right:0 !important;
}
.btn_offer.loaded
{
    top: 93%;
}
.bg_bottom
{
     width:100%;
     position:relative;
    float:left;
}
/*.bg_bottom
{
     width:100%;
     position:absolute;
    height:100%;
}
.bgimg_bottom
{
    width:100%;
    height:10%;
    position:absolute;
    float:left;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;
    bottom: 0;
}
#frena .bgimg_bottom {background-image:url('../img/frena_bg_bottom.png');}*/
/*AMORTISER*/
#amortiser
{
    width:100%;
    position:relative;
   float:left;
   margin-top: -6%;
    z-index:10;
}

#amortiser .bg
{
    background-image:url('../img/amortiser_bg.png');
}

#amortiser .title_area {margin-top: 7%;}
#amortiser .title_area h2:after {width: 53%;}
#amortiser .title_area.knowhow h2:after {width: 28%;}
/*#amortiser .title_icon img {width: 50%;}*/
#amortiser .title_icon h2:after {width: 70%;top: 1em;}

.game_instr
{
    width:100%;
    position:relative;
    float:left;
    margin-top: 5%;
    margin-bottom: 4%;
}
/*#amortiser .game_instr {margin-bottom: 0%;}*/
.game_instr p
{
    text-align:center;
    color:#ffffff;
    font-family:'VWText-Bold';
    font-size:1.3vw;
}
.buttons_area
{
    width:100%;
    position:relative;
    float:left;
    /*margin-bottom: 1%;*/
}
#amortiser .buttonsbg
{
    width:80%;
    max-width:1001px;
   /*  height:100%;
   max-height: 101px;*/
    position: relative;
  /*  left: 50%;
    transform: translateX(-50%);
  margin-left: -40%;*/
  margin:0 auto;
    top: 30%;
}
.btn_to_click
{
    width:46%;
    max-width:535px;
    position:absolute;
   /* margin:0 auto;
    margin-left: 23%;*/
    left: 50%;
top: 0%;
transform: translateX(-50%);
}
#amortiser .btn_to_click {margin-left:4%;}
.am_btn
{
    width:25%;
    position:relative;
    float:left;
}
.am_btn .btn, .btn_yalo, .btn_amo
{
    width: 34%;
    z-index: 11;
    position: relative;
    margin-left: 1.8%;
    margin-top: 1.8%;
}
#amortiser .am_btn.am_btn2 .btn {margin-left: 1.6%;}
.am_txt.amo {margin-left: -3%;}

#yalo .am_btn3 .btn_yalo {margin-left: 1.66%;}
/*.am_btn.am_btn4 {width: 11%;}
.am_btn.am_btn4 .btn {margin-left: 3%; width: 95%;margin-top: 3.5%;}*/
.bg_button
{
    width:100%;
    position:absolute;
    float:left;
}
.am_txt
{
    color:#193d4c;
    font-family:'VWText-Bold';
    font-size:1.5vw;
    text-align:center;
    position:relative;
    line-height: 13px;
    margin-top: 7%;
    width: 37%;
}
.am_txt span {font-size:0.8vw;font-weight:normal;}
/*.am_btn.am_btn4 .am_txt {margin-top:14%;}*/

#amortiser #tips .top_txt p { width:60%; margin:0 auto;}

#amortiser #tips .tip3 .circle_icon {width: 30%;}
#amortiser #tips .tip4 .circle_icon {width: 12%;margin-top: 18%;}
#amortiser #tips .circle_txt {margin-bottom: 39%;}
#amortiser #tips .circle_txt p {width: 87%;}
#amortiser #tips .tip3 .circle_txt p {margin-top: 12%;}
#amortiser .bgimg_bottom {background-image:url('../img/amortiser_bg_bottom.png');}

/*BATTERY*/
#battery
{
    width:100%;
    position:relative;
   float:left;
   margin-top: -6%;
    z-index:9;
}

#battery .bg
{
    background-image:url('../img/battery_bg.png');
}

#battery .title_area h2::after {
    width: 71%;
}
/*#battery .title_area.knowhow h2::after, #battery .title_area.knowhow h2::before {
    width: 30%;
    top: 0.7em;
}*/
#battery .title_icon h2:after {top: 0.7em;}

#battery #tips h2::after {
  /*  right: 0;*/
    width: 28%;
}

#battery .title_area {margin-top: 7%;}
/*#battery .title_icon img {margin-left: 34%;}*/

#battery #tips .top_txt p {
    width: 35%;
    margin: 0 auto;
}

#battery .tip3 .circle_icon {width: 63%;}
#battery .tip4 .circle_icon {width: 28%;margin-top: 17%;}
#battery .bgimg_bottom {background-image:url('../img/battery_bg_bottom.png');}

/*YALOKATHARISTIRES*/
#yalo
{
    width:100%;
    position:relative;
   float:left;
   margin-top: -6%;
    z-index:8;
}
#yalo .buttonsbg {
    width: 80%;
    max-width: 1001px;
    position: relative;
    top: 36%;
    margin: 0 auto;
}

 #yalo h2:after {width: 54%;}
 #yalo #tips h2::after {

    width: 28%;
}
 #yalo .title_icon h2:after {top: 1.3em;}
#yalo .bg
{
    background-image:url('../img/yalo_bg.png');
}

/*#yalo .btn_to_click {width:40%;}*/
#yalo .btn_to_click {
    width: 42%;
    margin-left: 4%;
    /*position: absolute;
    top: -6%;*/
}
#yalo .am_btn {width: 32%;}
/*#yalo .am_btn.am_btn3 {width: 20%;}
#yalo .am_btn.am_btn3 .bg_button {width: 78%;}
#yalo .am_btn.am_btn3 .btn {margin-left: 2%; width:74%;margin-top: 2.5%;}*/
#yalo .am_txt {width:100%;text-align:left;margin-left: -5%;}

#yalo .tip1 .circle_icon {width:40%; margin-top: 19%;}
#yalo .tip2 .circle_icon {width: 15%;}
#yalo .tip3 .circle_icon {margin-top: 11%;width: 22%;}
#yalo .tip4 .circle_icon {width:29%;margin-top: 17%;}
#yalo .circle_txt p {width: 95%;}

#yalo .btn_offer {margin-top: 4%;}
#yalo .bgimg_bottom {background-image:url('../img/yalo_bg_bottom.png');}

/*FILTRA*/
#filters
{
    width:100%;
    position:relative;
   float:left;
   margin-top: -6%;
    z-index:7;
}

#filters .bg
{
    background-image:url('../img/filtra_bg.png');
}
/*#filters .title_area h2:before {width: 19%;}*/
#filters .title_area h2:after {width:77%;}
 #filters #tips h2::after {

    width: 28%;
}
#filters .title_icon h2:before {width:0%;}
#filters .title_icon h2:after {width:72%;top: 0.8em;}
#filters .btn_to_click {width: 55%; position:absolute; top: 0%;max-width: 790px;}
#filters .am_btn {width: 25%;}
#filters .am_btn .btn {width: 80%; margin-left: 1%; margin-top: 1.2%;}
#filters .am_btn.am_btn4 {width: 20%;}
#filters .am_btn.am_btn4 .btn {width: 98%;margin-left: 1.3%;margin-top: 1.8%;}
#filters .am_btn.am_btn4 .am_txt {margin:4% auto;}
#filters .am_txt {margin-top: 4%;color:#74aabf;font-size:1vw; font-family:'VWHead-Regular';text-align: center; width: 80%;}

#filters .buttonsbg {
    width: 80%;
    max-width: 1001px;
    position: relative;
    top: 0% !important;
    margin: 0 auto;
}
#filters .buttons_area {margin-bottom:0%;}

/*#filters #tips h2::after, #tips h2::before {
    width: 28%;
    top: 0.8em;
}*/

#filters .tip1 .circle_icon {width: 55%;}
#filters .tip2 .circle_icon {margin-top: 19%;}
#filters .tip3 .circle_icon {width: 42%;}
#filters .tip4 .circle_icon {width: 28%;margin-top: 15%;}

#filters .btn_offer {margin-top: 3%;}

#filters .bgimg_bottom {background-image:url('../img/filtra_bg_bottom.png');}



/*PAKETA*/
#paketa
{
    width:100%;
    position:relative;
   float:left;
   margin-top: -6%;
    z-index:6;
    background-color:#0081b8;
}
.paketa_top
{
    width:100%;
    display:table;
    margin-top: 6%;
}
.left_area, .right_area
{
    display:table-cell;
    width:30%;
    vertical-align:middle;
}

.left_area img, .right_area img
{
    width:8%;
    position:relative;
    margin:0 auto;
}
.middle_area
{
    display:table-cell;
    width:40%;
    vertical-align:middle;
}
.middle_area p
{
    color:#ffffff;
    font-family:'VWText-Bold';
    font-size:2vw;
    text-align:center;
    width:100%;
}
.paketa_middle
{
    width:100%;
    position:relative;
    float:left;
    background-color:#1a7094;
}
#paketa .box_shadow_top {
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   background-image:url('../img/top_shadow.svg');
   background-repeat:no-repeat;
   background-size:100% auto;
}
.paketa_table, .middle_table
{
    width:80%;
    display:table-cell;
     vertical-align: middle;
    margin: 0 auto;
    margin-top: 4%;
}
.middle_table {margin-top:10%;}
.paketo
{
    display:table-cell;
    vertical-align: top;
    width: 33.33%;
}
.pak_title
{
    color:#ffffff;
   font-family:'VWText-Bold';
    text-align:center;
    line-height: 2vw;
}
.pak_title p {font-size:1.2vw;margin-bottom: 0%;}
.pak_title h2 
{
    font-size: 3.2vw;
    text-align: center;
    position: relative;
    margin: 0 auto;
    line-height: 3.2vw;
}
.pak_title h2.smaller {font-size: 3vw; line-height: 3vw;}
.pak_title h2.smaller span {font-family:'VWHead-Regular'; font-size: 1.7vw;}
.pak_title h2:before, .pak_title h2:after {width:0;}
.pak_title span {font-size:1.9vw;}
#pak3 .pak_title span {line-height:1.9vw;}

.top_info, .middle_info, .bottom_info
{
    width:100%;
    position:relative;
    float:left;
}
.middle_info {display:table;}

.bottom_info {margin-bottom:20%;width:100%;}
.middle_table p
{
    color:#ffffff;
    text-align:center;
    margin:0 auto;
    font-size:1.1vw;
    width:80%;
}
.separetor
{
    width:1%;
    height:100%;
    /*float:right;*/
    display:table-cell;
    vertical-align:middle;
}
.separetor.notvisible {opacity:0;}

.seemore
{
    width:50%;
    position:relative;
    margin:0 auto;
}

#pak3 .seemore {width:49%;}

/*KLEISE RANTEVOU*/
#close_date
{
     width:100%;
    position:relative;
   float:left;
    z-index:6;
    background-color:#193d4c;
    text-decoration:none;
}

#close_date p
{
    width:48%;
    color:#ffffff;
    margin:0 auto;
    font-family:'VWText-Bold';
    font-size:1.3vw;
    font-size: 1.8vw;
    line-height:1.8vw;
    padding: 5% 0;
    cursor:pointer;
}
#close_date a {text-decoration:none; color:#ffffff;}
#close_date a:hover {text-decoration:none; color:#ffffff;}

#close_date p:after{
    content:url('../img/date_arrow.svg');
    width: 10px;
    height: 20px;
    position: relative;
    margin-top: 0.5%;
    float: right;
    margin-right:0;
     -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#close_date p:hover:after{
    margin-right:2%;
}
/*FOOTER*/
.footer
{
     width:100%;
    position:relative;
   float:left;
    z-index:6;
    background-color:#ffffff;
}
.flogo
{
    width:30%;
    max-width:379px;
    padding: 4% 0 4% 4%;
    position:relative;
    float:left;
}

#toTop
{
    position: absolute;
    bottom: 0.7%;
    width: 3%;
    right: 5%;
    z-index: 200;
    cursor:pointer;
    display: none;
}

/*MEDIA SCREENS*/
@media screen and (min-width:3200px) {
   #amortiser .btn_to_click {margin-left: 1%;}
   #yalo .btn_to_click {margin-left: 2%;}
}
@media screen and (max-width:2880px) {
   #amortiser .btn_to_click {margin-left: 2%;}
}
@media screen and (min-width:1281px)
{
    /*.m_txt {font-size:10px;}
    .h_title {font-size:50px;}
    .welcome h1 {font-size:36px;}
    .welcome p, .circle_txt p, #filters .am_txt {font-size:13px;}
    h2 {font-size:41px;}
    .title_txt p, .middle_table p, .top_txt p {font-size:14px;}
    
    .speed_txt p, .game_instr p {font-size:17px;}
    .am_txt, #close_date p {font-size:22px;}
    .am_txt span {font-size:11px;}
    .middle_area p { font-size:25px;}
    .pak_title p {font-size:16px;}
    .pak_title h2 {font-size:51px;}
    .pak_title span {font-size:24px;}*/
    
    .m_txt {font-size:11px;}
    .speed_txt p {font-size:17px;}
    .circle_txt p, #filters .am_txt {font-size:13px;}
   .am_txt {font-size:22px;}
    .am_txt span {font-size:11px;}
}

@media screen and (max-height:970px)
{
    .m_item {margin-bottom: 8%;}
    .m_img {padding-top: 8%; width: 40%;}
    .logo.scrolled {top: -14%;}
    .sticky_menu.sticky_menu-fixed {top: 10%;}
    .sticky_menu {top: 15%;}
    .logo {top:3%;}
    .logo img {max-width: 80px;}
}
@media screen and (max-height:800px)
{
    .m_item {margin-bottom: 5%;}
    .m_img {padding-top: 5%; width: 33%;}
    .logo.scrolled {top: -14%;}
    .sticky_menu.sticky_menu-fixed {top: 10%;}
    .sticky_menu {top: 10%;}
    .logo {top:0;}
    .logo img {max-width: 70px;}
}