@media (min-width: 1920px) {


}


@media (min-width: 1200px) {

#views-bootstrap-submenu-zastosowanie-block-2 .application:nth-child(13) {
    clear: left;
}

}

@media (min-width: 992px) {


}

@media (min-width: 768px) {

.mask-desktop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url("../images/bg_ml.png"), url("../images/bg_mmrb.png");
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 1;
}

}

@media (max-width: 1199px) {


}


@media (max-width: 991px) {

.strefy {
  margin-bottom: 20px;
}    

.hsds-hero__col {
    margin-top: 0;
}

.hsds-hero__background-graphic-wrapper {
    position: relative;
}

.hsds-hero__background-graphic-mask {
    box-sizing: border-box;
    -webkit-clip-path: none;
    clip-path: none;
}

.hsds-hero__background-graphic-wrapper {
     left: 0;
}

.navbar-toggle {
    display: block;
}

.region-we-mega-menu {
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.navbar-toggle {
    margin-right: 0;
}

.navbar-default .navbar-toggle {
    border-color: #73c2e3;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #73c2e3;
}

.btn-close {
    top: 38px;
 } 

.we-mega-menu-submenu {
    width: auto !important;
    position: relative;
}

.navbar-we-mega-menu .type-of-block {
    display: block;
}

.we-mega-menu-submenu {
  border-top: 0px solid #009fe3;
  border-bottom: 0px solid #717e85;
}

.block-views-blocksubmenu-zastosowanie-block-2 .view-submenu-zastosowanie img {
    height: 55px;
    width: 55px;
}

.view-submenu-zastosowanie .views-field-title a, 
.facebook-block .views-field-title a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #3a3637;
}

.application {
    margin: 15px 0;
}

.footer-one.col-md-6 {
    padding-left: 15px;
}


body.toggled {
    right: 0;
}

body.toggled .btn-close {
    z-index: 20000;
}

.navbar-we-mega-menu.navbar {
    background: #fff;
}

.navbar-we-mega-menu.navbar .nav-tabs > li.active > a, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover {
    color: #009fe3 !important;
    background-color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
}

.navbar-we-mega-menu.navbar .we-mega-menu-ul > li > a, .navbar-we-mega-menu.navbar .we-mega-menu-ul > li > .we-megamenu-nolink {
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    text-shadow: none;
    color: #000;
}

.navbar-we-mega-menu.navbar .dropdown-menu > a::after, .navbar-we-mega-menu.navbar .dropdown-menu > .we-megamenu-nolink::after {
    right: 30px;
}

.overlay {
    background-color: rgba(255,255,255,0.2);
}

.navbar-we-mega-menu.navbar .nav .open > a, .navbar-we-mega-menu.navbar .nav .open > a:focus, .navbar-we-mega-menu.navbar .nav .open > a:hover {
    color: white !important;
    background-color: #009fe3;
}

.we-mega-menu-ul {
    position: static;
    float: left;
    width: 100%;
}

.we-mega-menu-col .row {
    margin-right: 0;
    margin-left: 0;
}

.navbar-we-mega-menu.navbar {
    width: 100%;
}

.menu-mega {
    width: 100%;
    float: left;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.btn-close {
    right: 40px;
}

.navbar-we-mega-menu.navbar ul a:hover, .navbar-we-mega-menu.navbar ul a:focus, .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover, .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:focus {
    border-top: 0px solid transparent;
}


}

@media (max-width: 767px) {

.mask-mobile {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 9px;
    background-image: url("../images/bg_mmlt.png"), url("../images/bg_mmrt.png"), url("../images/bg_mmrb.png"), url("../images/bg_mmlb.png");
    background-position: left top, right top, right bottom, left bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 1;
}

.box-title {
    position: relative;
    padding-top: 0;
}

.box {
    background-color: #009fe3;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    color: #fff;
    border: 1px solid #009fe3;
}

.box .ikona img {
    filter: invert(57%) sepia(34%) saturate(6412%) hue-rotate(166deg) brightness(93%) contrast(101%);
}

h4.move {
    font-size: 40px;
}

.block-firma .box {
    height: 100%;
}

.block-app .box .box-title,
.block-firma .box .box-title {
    padding-top: 40px;
    color: #fff;
}

.block-app .box-text,
.block-firma .box-text {
    color: #fff;
}

.block-app .box .ic,
.block-firma .box .ic {
    background-color: transparent;
    filter: invert(46%) sepia(97%) saturate(2666%) hue-rotate(169deg) brightness(96%) contrast(102%);
}

 h2, .h2 {
    font-size: 30px;
}

}

@media (max-width: 600px) {

}

@media (max-width: 550px) {


}

@media (max-width: 415px) {

.logo img {
    width: 205px;
}

}


@media (max-width: 365px) {

.logo img {
    width: 205px;
}

}