@media only screen and (max-width: 1090px) {
    #menu-wrap {
	display: none;
    }
    
    .top-bar, .top-bar-stick {
	position: relative;
    }
    
    #front-slider-baner {
	margin-top: 0;
    }
    
    #top-title-wrap {
	margin-top: 0;
    }
    
    #header-section-wrap {
	border-bottom: 1px solid #a8a8a8;
    }
    
    .content-csrl {
	margin-top: 0;
    }


}

@media only screen and (max-width: 1010px) {
    #logo-link-wrap {
        position: absolute;
        bottom: 40px;
        position: absolute;
        bottom: 30px;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    #top-left, #top-right {
        width: 44%;
    }
    
    #header-section {
        height: 240px;
    }
    

    #searchformbox {
	margin-left: auto;
	margin-right: auto;
	width: 151px;
	overflow: hidden;
    }
    
    #footer-left {
	width: 86%;
	margin: 2% 2%;
	padding: 0 5%;
	float: none;
    }
    
    #footer-center {
	width: 30%;
	margin: 2% 2% 2% 4%;
	background: none;
    }
    
    #footer-right {
	background: transparent url(img/line.png) left top repeat-y;
	width: 40%;
	padding: 2% 2% 2% 6%;
    }

}


@media only screen and (max-width: 768px) {
    #header-section {
        height: 300px;
    }
    
    #top-left {
    width: 90%;
    margin: 0;
    padding: 12px 5% 8px 5%;
    text-align: center;
    border-bottom: 1px solid #7c76a6;
    }
    
    #top-email {
        float: left;
        margin-top: 8px;
    }
    
    #header-section .clear {
        display: none;
    }
    
    #top-right {
    width: 90%;
    margin: 0 5%;
    text-align: center;
    }
    
    .top-link {
    float: none;
    }

    #logo-link-wrap {
    bottom: auto;
    top: 178px;
    }
    
    .front-offer-box {
	width: 42%;
	margin: 0 4% 8% 4%;
	float: left;
    }
    
    #front-onas-left {
	display: none;
    }
    
    #front-onas-right {
    width: 88%;
    float: none;
    padding: 0 3%;
    margin: 6% 3%;
    }
    
    #front-oferta-cnt {
	margin-bottom: 10px;
    }
    
    #front-news {
	width: 96%;
	float: none;
	margin: 0 2%;
    }
    
    #front-newsletter {
	width: 89%;
	float: none;
	padding: 4% 3.5%;
	margin: 20px 2%;
    }
    
    
    #front-logos {
	margin-top: 20px;
    }
    
    #left-content {
	width: 96%;
	float: none;
	margin: 0 2
    }
    
    #sidebar, #sidebar-oferta {
	width: 96%;
	float: none;
	margin: 0 2%;
    }
    
    #sidebar-oferta {
	margin-top: 50px;
    }
    
    .oferta-box {
	width: 44%;
	margin: 3%;
    }
    
    .oferta-box:nth-child(3n+2) {
	margin: 3%;
    }

        .kontakt-cnt{
	float: none;
	width: 96%;
	padding: 0 2%;
    }
    
    .kontakt-map{
	float: none;
	width: 96%;
	padding: 0 2%;
    }
 
}



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

    .selected-box {
        width: 96%;
        overflow: hidden;
        float: none;
        margin-bottom: 4%;
        background: #d4003b;
    }
    
    #front-slider-baner .cs-slides li h3 {
	margin-top: -20px;
	font-size: 61px;
    }
    
    #front-slider-baner .cs-slides li h4 {
	font-size: 34px;
    }
    
    .crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-next{
	display: none !important;
    }
    
    .front-section-desc {
	margin-bottom: 20px;
    }
    
    .front-offer-box {
	width: 96%;
	margin: 0 2% 25px 2%;
	float: none;
    }
    
    #footer-left {
	width: 90%;
	margin: 2% 5%;
	padding: 0;
	float: none;
	text-align: center;
    }
    
    #footer-left ul  {
	text-align: center;
    }
    
    #footer-left ul li {
	float: none;
	display: inline
    }
    
    #footer-center {
	width: 90%;
	margin: 2% 5%;
	padding: 3% 0 0 0;
	background: none;
	background: transparent url(img/line.png) left top repeat-x;
	text-align: center;
    }
    
    #footer-right {
	width: 90%;
	margin: 2% 5%;
	padding: 3% 0 0 0;
	background: none;
	background: transparent url(img/line.png) left top repeat-x;
	text-align: center;
    }
    
    #footer-social-title {
	display: inline;
	float: none;
    }
    
    #footer-tel, #footer-email {
	display: inline-block;
	margin: 2% 5%;
    }
    
    .oferta-box {
	width: 90%;
	float: none;
	margin: 2% 5% 6% 5%;
    }
    
    .oferta-box:nth-child(3n+2) {
	margin: 2% 5% 6% 5%;
    }
    
    .oferta-box-link {
	margin: 3% 5% 4% 5%;
    }
    
    .maszyna-cnt {
	width: 65%;
	float: left;
    }
	
    #left-content .maszyna-cnt ul{
	margin-left: 10%;
    }
    
    .referencje-box {
	width: 28%;
	float: left;
	margin: 1% 0;
	padding: 2% 0;
	text-align: center;
    }

     .referencje-box {
	width: 40%;
	margin: 1% 5%;
     }
     
    .referencje-box:nth-child(3n+2) {
	margin: 1% 5%;
    }
    


    
}