/***MediaScreen 0-620***/

@media screen and (max-width:620px) {

html, 
input, 
textarea, 
p {
position:relative;
font:400 14px/1.8 'rogan', Tahoma, Calibri;
}

body {
width:100%;
min-width:320px;
overflow-x:hidden !important;
}

h1 {font-size:36px;margin:40px 0 20px;}
h2 {font-size:32px;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}

p {margin:12px 0;}

p.important {
font:400 18px/1.5 'rogan', Tahoma, Calibri;
margin:24px 0 16px;
}

h1 + p.important:not(.no-before),
h1 + p.important:not(.no-before) + p {
padding:0 0 0 72px;
}

h1 + p.important:not(.no-before):before {
top:14px;
width:48px;
}

.shadow-effect h1 + p.important:before {
background:var(--basic-white);
}

p.uppercase {
font:600 14px/1.5 'rogan', Tahoma, Calibri;
}

.count li:before {
top:11px;
}

.container,
ul.breadcrumb {
width:90%;
}

/*** ------------ none ------------ ***/

.mob-hide,
header > .wrap:nth-child(1),
header > .wrap:nth-child(3),
.header-contact .item:nth-child(1),
.header-contact .item-contact-text,
header .search-button,
.wrap-title .wrap-title-link {
display:none;
}

/*** ------------ links ------------ ***/

.link-button {
padding:10px 16px;
}

header .link-button {
margin-left:24px;
}

header .link-button .mob-hide + span {
display: inline-block;
text-transform:uppercase;
font-size: 12px;
line-height: 28px;
}

.link-big-button {
padding:24px 0;
font:400 20px/1.8 'rogan';
}

.link-big-button span {
padding:0 64px 0 0;
}

.link-big-button span:after,
.link-arrow {
width:40px;
height:40px;
}

/*** ------------ header ------------ ***/

header {
position: fixed;
box-shadow: 0px 2px 12px rgba(0,0,0,.2);
}

header + ul.breadcrumb {
padding-top: 100px;
}

.home-page header + .content .fullscreen > .container {
padding-top: 80px;
}

/*** ------------ logo ------------ ***/

.logo {
width:48px;
margin:0 24px 0 0;
background: url(../images/logo/logo.png) no-repeat left center transparent;
background-size: contain;
}

/*** ------------ contact ------------ ***/

.header-contact .item {
width:32px;
height:48px;
padding:0;
}

.header-contact .item + .item {
margin-left:0;
}

.header-contact .item + .item.item-wa {
margin-left:8px;
padding-left:0;
}

.header-contact .item .item-contact-img {
width:32px;
height:32px;
}

.header-contact .item:last-child .item-contact-text p:nth-child(2) a {
pointer-events: auto;
}

/*** ------------ content ------------ ***/

.content {
padding:64px 0;
}

ul.breadcrumb + .content {
padding-top:20px;
}

.fullscreen {
height:calc(100% - 80px);
min-height:344px;
}

.wrap-title h1, 
.wrap-title h2, 
.wrap-title h3, 
.wrap-title h4, 
.wrap-title h5 {
padding-right:0;
}

/*** ------------ item-grid ------------ ***/

.item-grid {
margin:-40px auto 0;
width:100%;
}

.item-grid .item {
width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}

.item-grid .item.item-block {
height:auto;
}

.item-grid .item.item-block > .wrap {
height:auto;
padding:24px;
}

.item-grid .item.item-block > .wrap p:last-child {
position:relative;
width:100%;
bottom:0;
margin-top:48px;
}

.item-grid.item-links .item {
height:128px;
}

.item-grid .item.item-icon.item-icon-big .img, 
.item-grid .item.item-icon.item-icon-big .img img {
width:144px;
height:144px;
}

.item-grid .item.item-icon.item-icon-big .img + .wrap {
padding:168px 0 0 0;
}

/* ------ carousel ------ */

.carousel-block {
width:90vw;
}

.carousel-button {
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
width:40px;
height:40px;
z-index:34;
}

.carousel-button-left {
right:calc(100% - 32px);
}

.carousel-button-right {
right:-8px;
}

/*** ------------ product-list ------------ ***/

#product-list .item,
#product-list .item-product-list-title {
height:auto;
}

#product-list .item-product-list-title {
padding:16px;
font-size:16px;
line-height:20px;
}

#product-list .item-product-list-title p:last-child {
position:relative;
margin:10px 0 0;
bottom:0;
}

/*** ------------ popup ------------ ***/

.popup {
width:100%;
padding:24px;
}

.popup input[type="text"] {
width:100%;
float:none;
margin:0 0 4px;
}

.popup.video_popup {
width:280px;
height:176px;
padding:0;
}

.popup.video_popup a.close {
top:100%;
right:50%;
transform:translateX(50%);
-webkit-transform:translateX(50%);
}

/*** ------------ footer ------------ ***/

footer .logo,
footer .nav {
float:none;
}

footer .nav.nav-grey {
margin-top:24px;
}

footer .nav.nav-grey li {
margin:12px 24px 0 0;
}

footer .nav.nav-grey > li > a {
line-height:20px;
}

footer .social {
margin:4px 0 4px 32px;
}

footer .social a.icon-soc {
width:40px;
height:40px;
}

footer .w-80 {
width:100%;
}

footer > .wrap:nth-child(2) .item-grid-4 .item:nth-child(1) ul.little > li:first-child a {
pointer-events:auto;
}

/*** ------------ mobile-menu ------------ ***/

.menubutton,
.menu-wrap {
display:block;
}

.menu-wrap > .wrap {
padding:80px 5% 40px;
}

    /*** nav-blue ***/

.menu-wrap .nav.nav-blue {
padding-right:15%;
}

.menu-wrap .nav.nav-blue > li a {
font-size:28px;
line-height:32px;
color:var(--basic-white);
}
 
.menu-wrap .nav.nav-blue > li a:hover,
.menu-wrap .nav.nav-blue > li.active a {
color:var(--basic-yellow);
}
 
.menu-wrap .nav.nav-blue > li + li {
margin-top:24px;
} 
 
.menu-wrap .nav.nav-blue > li ul {
display:none !important;
}

    /*** nav-grey ***/

.menu-wrap .nav.nav-grey {
padding-top:64px;
}

.menu-wrap .nav.nav-grey > li a {
font-size:14px;
line-height:20px;
color:var(--basic-white);
opacity:.6;
}

.menu-wrap .nav.nav-grey > li {
margin:12px 40px 0 0;
}
 
.menu-wrap .nav.nav-grey > li a:hover,
.menu-wrap .nav.nav-grey > li.active a {
opacity:1;
}
 
}