@media screen and (min-width:240px) and (max-width:1140px) {
    .wrapper    {
        width: 98%;
        margin: 0 1%;
    }

}
@media screen and (max-width:1100px) {
    #topNav:before {
        width:86%;
    }
	#wiberg {
		left: 130px !important;
		top:20px !important;
	}
	#wiberg  p {
		font-size:0.500em !important;
		margin-bottom:16px !important;
		font-weight:700 !important;
	}
	#wiberg  img {
		max-width:50% !important;
	}
}
@media screen and (min-width:240px) and (max-width:980px) {
    .langList {
        width:190px;
        margin:0 auto;
    }
    header #top .lang {
        border:none;
        overflow:visible;
        width:120px;
		position:absolute;
		top:30px;
		left:50%;
		margin-left:-60px!important;
    }
    header #lang-opener {
        display:none;
    }
    header #top .lang .langList {
        border:none;
        background:none;
        position:static;
     
    }
    header #top .lang .langList li {
        width:35px;
        float: left;
    }
    .langList a {
        display:block;
        width:30px;
        height:20px;
        border:1px solid #afafaf;
    }
    .langList li.item-1 a {
        background:url(../img/icon-lang-pl-mobile.png) no-repeat;
		background-size:100%;
    }
    .langList li.item-2 a {
        background:url(../img/icon-lang-en-mobile.png) no-repeat;
		background-size:100%;
    }
    .langList li.item-3 a {
        background:url(../img/icon-lang-ru-mobile.png) no-repeat;
		background-size:100%;
    }
    .langList a img {
        display:none;
    }
    header #top .lang {
        float:left;
        margin-left:0;
    }
    #mobileMenu {
        display: block;
    }
    #mobileSearch {
        display:block;
    }
    .desktop {
        display:none;
    }
    header nav {
        width: 40%;
        position: fixed;
        top: 0;
        right: -100%;
        background-color: #35b6e9;
        margin: 0;
        height: 100%;
        z-index: 1040;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    header nav ul   {
        transition: all 0.3s ease;
        margin-top: 50px;
    }
    header nav ul li {
        display: block;
        width: 100%;
        transition: all 0.2s ease;
    }
    header nav ul li a  {
        font-size: 18px;
        padding: 10px 20px;
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    header nav > ul > li > ul   {
        position: relative;
        top: inherit;
        left: inherit;
        margin-top: 0;
    }
    header nav > ul > li > ul > li > a   {
        margin: 0;
        padding-left: 30px;
    }
    header nav ul > li.subMenu > a  {
        padding: 10px 20px;
    }
    header nav ul > li.subMenu > a {
        color: #fff;
        background: url('../img/menuArrow2.png') 97% 50% no-repeat!important;
    }
    header #top {
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    header #top form input  {
        width: 100%;
        padding: 10px 20px;
        font-size: 16px;
        margin-top: 20px;
    }
    section#awards #more h2 a   {
        font-size: 13px;
        line-height: 21px;
    }
    section#contact article {
        float:none;
        width:100%;
    }
    section#contact article p {
        text-align:center;
    }
    section#suppage.contact {
        margin-top:20px;
    }
    header #top form {
        float:none;
    }
    section#suppage h2 {
        text-align:center;
    }
    section#contactForm input[type='submit'] {
        width:100%;
    }
    section#suppage article.small {
        float:none;
        width:100%;
    }
    footer .wrapper > div {
        float:none;
        width:96% !important;
        text-align:center;
        margin: 0 2% 20px 2%;
        border:1px solid #e5e5e5;
        padding: 2% 2% 20px 2%;
    }
    footer .wrapper div h2 {
        text-align:center;
        width: 60%;
        margin: 0 20% 10px 20%;
        
    }
    footer .wrapper > div ul li {
        list-style: none;
    }
    footer .wrapper > div ul li a   {
        font-size: 16px;
    }
    footer .wrapper div p {
        text-align:center;
    }
    footer .wrapper div form#newsletter input[type='text'] {
        float:none;
        padding: 15px 20px 15px 10px;
        font-size:14px;
    }
    footer .wrapper div form#newsletter input[type='submit'] {
        float:none;
        padding:15px 5px;
        font-size:14px;
    }
    section#subInfo article {
        min-height:180px;
        width:48%;
        text-align: center;
    }
    section#subInfo article p, section#subInfo article p a {
        text-align: center;
    }
    section#suppage h3  {
        border: none;
    }
    footer .wrapper div form#newsletter input[type="text"]  {
        /*margin-bottom: 10px;*/
    }
}
@media screen and (min-width:480px) and (max-width:768px)   {
	#wiberg {
		left: 85px !important;
		top: 19px !important;
	}
	#articles > .video-box {
		margin:0 auto;
		float:none;
		width:50%;
	}
    section#articles article.small {
        clear:both;
        float:none;
    }
    #video-box {
        width:470px;
        height:240px;
        margin:18px auto 0 auto;
        display:block;
        clear:both;
        float:none;
    }
    a#logo  {
        float: none;
        position: relative;
        width: 80px;
        height: auto;
    }
    a#logo img  {
        width: 100%;
    }
    header  {
        height: auto;
    }
    header #top {
        width: 80%;
        margin: 0 10%;
    }
    header #top form input  {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 10%;
    }
    header nav  {
        width: 40%;
    }
    header nav ul li a  {
        font-size: 12px;
    }
    #slider {
        display: none;
    }
    section#articles article.big    {
        width: 50%;
        margin: 15px 0;
        padding-top:57.63888885%;
    }
    section#articles article.small    {
        width: 100%;
        margin: 15px 0;
    }
    section#specials h2   {
        text-align: center;
    }
    section#awards h2   {
        text-align: center;
    }
    section#awards .owl-carousel2   {
        width: 100%;
        margin-bottom: 0;
    }
    section#awards #more    {
        width: 100%;
        text-align: center;
        /*height: 30px;*/
        line-height: 30px;
        margin: 0 0 20px 0;
    }
    section#awards #more h2 {
        text-align: center;
    }
    section#awards #more h2 a   {
        padding-left: 0;
    }
    footer .wrapper div {
        width: 33.3333%;
    }
    footer .wrapper div:last-of-type    {
        width: 100%;
        clear: both;
        text-align: center;
    }
    
}
@media screen and (min-width:640px) and (max-width:940px)   {
    section#suppage #left   {
        width: 96%;
        margin: 0 2%;
    }
    section#suppage #content    {
        width: 96%;
        margin: 0 2%;
    }
    section#suppage #left section   {
        width: 50%;
        float: left;
    }
    section#suppage #left section#offerts, section#suppage #left section#contact    {
        display: none;
    }
	section#awards #more {
		width:65%;
		float:none;
		margin:0 auto;
		height:220px;
	}
	#more > .video-box {
		height: 215px;
		margin: 0 auto;
	}
}
@media screen and (min-width:240px) and (max-width:640px)   {
	#articles > .video-box  {
		width:100%;
		margin:0 auto;
	}
    section#suppage #left   {
        width: 96%;
        margin: 0 2%;
    }
    section#suppage #content    {
        width: 96%;
        margin: 0 2%;
    }
    section#suppage #left section   {
        width: 100%;
        float: left;
    }
    section#suppage #left section#offerts, section#suppage #left section#contact    {
        display: none;
    }
	#more > .video-box {
		width:95%;
	}
}
@media screen and (min-width:240px) and (max-width:480px) {
	#wiberg {
		display:none;
	}
	#more > .video-box {
		left:0px;
		height:215px;
		width:100%;
	}
	section#awards #more {
		margin-bottom:30px;
	}
    #video-box {
        width:100%;
        height:0;
        padding-top:60%;
    }
    #video-box #play-btn {
        top:25%;
    }
    #content > #awards > article > div > a { width:100%; text-align:center; display:block; }
    #content > #awards > article > div > a > img { float:none; }
    section#subInfo article {
        width:100%;
        min-height:0;
    }
    section#contactForm div.input {
        width:100%;
    }
    section#contactForm input {
        width:100%;
        margin-left:0 !important;
    }
    section#suppage article.small {
        padding:10px;
        text-align:center;
    }
    section#suppage article.small img {
        float:none;
        max-width:100%;
    }
    footer .wrapper div form#newsletter input[type='text'] {
        width:100%;
        -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    a#logo  {
        float: none;
        position: relative;
        width: 80px;
        height: auto;
    }
    a#logo img  {
        width: 100%;
    }
    header  {
        height: auto;
    }
    header #top {
        width: 80%;
        margin: 0 10%;
    }
    header #top form input  {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 10%;
    }
    header nav  {
        width: 70%;
    }
    header nav ul li a  {
        font-size: 12px;
    }
    #slider {
        display: none;
    }
    section#articles article.big    {
        width: 100%;
        padding-top: 115.27777777777778%;
        margin: 15px 0;
    }
    section#articles article.small    {
        width: 100%;
        margin: 15px 0;
    }
    
    section#specials h2   {
        text-align: center;
    }
    section#awards h2   {
        text-align: center;
    }
    section#awards .owl-carousel2   {
        width: 100%;
        margin-bottom: 0;
    }
    section#awards #more    {
        width: 100%;
        text-align: center;
        /*height: 30px;*/
        line-height: 30px;
        margin: 0 0 85px 0;
    }
    section#awards #more h2 {
        text-align: center;
    }
    section#awards #more h2 a   {
        padding-left: 0;
    }
    footer .wrapper > div {
        float:none;
        width:96% !important;
        text-align:center;
        margin: 0 2% 20px 2%;
        border:1px solid #e5e5e5;
        padding: 2% 2% 20px 2%;
    }
    footer .wrapper div h2  {
        text-align: center;
    }
    footer .wrapper div ul {
        list-style: none;
    }
    footer .wrapper div ul li a {
        font-size: 14px;
    }
    footer .wrapper div form#newsletter input   {
        float: none;
        padding: 10px 10%;
    }
    footer .wrapper div form#newsletter input[type="submit"]    {
        float: none;
        width: 100%;
        padding: 10px;
    }
    footer aside p  {
        width: 100%!important;
        text-align: center!important;
        float:none!important;
    }
}