@media (min-width: 992px) and (max-width: 1199px) {
	#theMenu { display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#theMenu { display: none;
	}
}

@media (max-width: 991px) {
    #theMenu { display:none;
	}
	.box.home, .box.home .outline {
        height: auto;
    }
    .homeMiddleRow .box {
        margin-bottom: 20px;
    }
    img.img-responsive {
        width: 100%;
        height: auto;
    }
    .bannerBlock {
        height: auto;
    }
    .homeMiddleRow .box,
    .homeMiddleRow .box .outline {
        height: auto;
    }
	ul.countdown li {
        display: inline-block;
        text-align: center;
        padding-right: 60px;
        margin-bottom: 20px;
    }

    ul.countdown li:last-child {
        padding-right: 0;
    }

    ul.countdown li span {
        font-size: 60px;
        font-family: 'MANEurope Condensed Bold', sans-serif;
        font-weight: 600;
        color: #303946;
    }
}

@media (min-width: 768px) {
    #theMenu { display: none;
	}
	#mobile {
        display: none;
    }
    [role="main"] {
        float: none;
    }
}

@media (max-width: 767px) { 
	.fiftypix { width:100%; height: 50px;
	}
    #header { position: fixed; z-index:1500;
        height: 50px;			/*	póki co - powinien być jeszcze stan -tablet - 90px	*/
        width: 100%;
        margin-bottom: 0;
        background: url("../images/header-tablet.png") repeat-x;
    }
	#headerHomeTeaser {
		position:absolute;
		bottom: 20px;
		right: 20px;		
		margin:20px 0 0 20px;
	}
	.headerHomeText .btn { width:100%;
		margin-bottom:10px;
	}
    #logo {
        width: 54px;			/*	póki co - w stanie tablet - inne wymiary logo!	*/
        height: 30px;
        display: block;
        margin: 7px 0 13px 0;
    }
    #logo img {
        width: 54px;
        height: 30px;
    }
	#logo-dealer { position:absolute; top:19px; right: 48px;
        width: 54px;			
        height: 18px;
        display: block;        
    }
	#logo-dealer-57 { position:absolute; top:9px; right: 48px;	/*	klasa dla dużych logotypów	*/
        width: auto;			
        height: 30px;
        display: block;        
    }
    #logo-dealer img {
        width: 54px;
        height: 18px;
    }
	#logo-dealer-57 img {
        width: auto;
        height: 30px;
    }
	#header .txt-nazwa {
    bottom: 12px;    
    font-size: 12px;
    left: 80px;
    line-height: 14px;    
	}
    .clear { clear: right;}
	#theMenu {display: block;}
	#mobileDealer {padding-right:0;}
    #mobileToggles i { position:relative; float:right;
        margin-top: 7px;
        color: #fff;
        display: inline-block;
        line-height: 33px;
        font-size: 2.4rem;
        cursor: pointer;
    }
    #mobileToggles a {
        margin-right: 15px;
    }
    #mobileToggles a:hover { text-decoration: none;}
    #mobile { margin-top: 25px;}
    #mobile ul {
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mobile ul li { position: relative;}
    #mobile ul li a {
        display: block;
        color: #303946;
        padding-left: 20px;
        line-height: 40px;
        font-size: 15px;
        border-bottom: 1px solid #e2e2e2;
        text-decoration: none;
    }
    #mobile ul li a:hover,
    #mobile ul li.active a {
        color: #e60041;
        text-decoration: none;
    }
    #mobile ul li ul        { display: none;}
    #mobile ul li ul.active { display: block;}
    #mobile ul li i {
        position: absolute;
        right: 20px;
        top: 13px;
        color: #e60041;
    }
    #mobile ul li ul li a {
        color: #303946 !important;
        padding-left: 40px;
        line-height: 30px;
        font-size: 14px;
    }
    #mobile ul li ul li a:hover,
    #mobile ul li ul li.active a {
        color: #e60041 !important;
    }
    .headerHomeText {
        padding: 10px;
        font-size: 16px;
        line-height: 18px;
    }
    .headerHomeText .btn { width:100%;
		margin-bottom:10px;
	}
	
    .nawigacja             { height: auto; pa-dding-bottom: 7px; overflow: hidden;}
    .nawigacja-smart ul    { height:auto;}
    .nawigacja-smart ul li { width:100%;height:auto;}
	.nawigacja-smart ul li.active  { background:none;}
    .nawigacja .btn        { display: block; text-align: left; margin-bottom: 3px;}
    .nawigacja .back       { list-style: none;}
    .nawigacja .back i     { color: #e60041; line-height: 30px}    

	.nawigacjaBox             { padding-bottom: 7px;}
    .nawigacja-smart ul    { height:auto;}
    .nawigacja-smart ul li { width:100%;height:auto;}
	.nawigacja-smart ul li.active  { background:none;}
    .nawigacjaBox .btn        { display: block; text-align: left; margin-bottom: 3px;}
    .nawigacjaBox .back       { list-style: none;}
    .nawigacjaBox .back i     { color: #e60041; line-height: 30px;}
	
    .form { padding-bottom: 20px;}

    .news .newsItem.last {margin-bottom: 20px;}

    .homeMiddleRow .box {
        margin-bottom: 20px;	
    }

    #datepickerMobile {
        margin-bottom: 10px;
    }

    .default img {
        float: none !important;
        height: auto;
        margin: 0 0 20px 0;
        width: 100%;
    }

}
@media(max-width:560px) {
    ul.countdown li {
        display: inline-block;
        text-align: center;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    ul.countdown li:last-child {
        padding-right: 0;
    }

    ul.countdown li span {
        font-size: 50px;
        font-family: 'MANEurope Condensed Bold', sans-serif;
        font-weight: 600;
        color: #303946;
    }
	.owl-prev, .owl-next {width:15px; height:24px;}
}
@media (max-width: 480px) {
	#he-aderHome {
    position: relative;
    width: auto;
    height: 100%;
	}
	#headerHomeTeaser { right:0; height:auto;
		position:relative;		
		margin:20px 0 0px 0px;
		padding:0 0 0 0;
		z-index:inherit;
	}
	.headerHomeText {
		padding:20px 0 0px 0;
		width: 100%; height: auto;
	}
	.headerHomeText .btn { width: 100%; margin-bottom:0px;}
	.flex-control-nav { display:none;}
	.flex-control-paging { display:none;}
	.homeMiddleRow { margin-top: 20px;}
	.nawigacjaBox             { padding-bottom: 7px;}
	.nawigacjaBox .back i     { color: #e60041; line-height: 30px;}
}
	
@media screen and (min-device-pixel-ratio: 2) {
    #header {
        background-image: url("../images/header-smart.png");
        background-repeat: repeat-x;
        background-size: 1px 129px;
    }
	
}

@media screen and (min-device-pixel-ratio: 2) and (max-width: 767px) {
    #header {
        background-image: url("../images/header-smart.png");
        background-repeat: repeat-x;
        background-size: 1px 50px;
    }
}