@media (min-width:961px) and (max-width:1600px){
	/* RWD dla szerokosci (1280px - 960px) */

	.container{
		width:auto;
        margin:0 50px;
	}
    
    #banner .content{
        left:50px;
        margin-left:0;
    }
    
    h1{
        font-size:40px;
        line-height: 45px;
    }
}

@media (min-width:1201px) and (max-width:1480px){
            
    #banner .content .desc{
        display: none;
    }
    
}

@media (max-width:1200px){
            
    #banner .content{
        position: static;
        left:inherit;
        top:inherit;
        transform: none;
        padding:40px 20px;
        width:auto;
        text-align: center;
        margin-left: 0;
        border-bottom: 1px solid #eee;
    }
    
    #banner .content h1{
        margin-top: 0;
    }
    
    .desktop{
        display: none;
    }
    
    .mobile{
        display: block;
    }
    
    #banner .content p{
        display: block;
        max-width: 100%;
    }
    
    #offer-section .box{
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 10px 30px;
    }
    
    #offer-section .box h3{
        font-size: 20px;
        line-height: 25px;
        background-size: 45px !important;
        padding-top: 65px !important;
    }
    
    .career .post{
        float: none;
        width: 100%;
    }
    
    .career .post:last-child,#content.archive{
        margin-bottom: 0;
    }
        
    #content.single-career .col-30,
    #content.single-career .col-70,
    #content.offer .col-70,
    #content.offer .col-30{
        float: none;
        width: 100%;
    }
    
    #content.single-career .col-70,
    #content.offer .col-70{
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    #content.archive .col-70{
        float:none;
        width: 100%;
        padding-right:0;
    }
    
    #content.archive .col-30{
        float:none;
        width: 100%;
        padding:0 5px;
        margin-top:40px;
    }
    
    #content.archive .col-30 .contactform{
        max-width: 100%;
    }
    
    .career{
        padding:5px;
    }
	 
	 ul.points.three li{
		width:50%;
	 }
}

@media (max-width:960px){
    
    #header{
        background: #fff;
    }
    
    #content{
        margin-top: 78px;
    }
    
    #page-title{
        padding: 60px 0;
    }

    .container{
		width:auto;
		margin:0 20px;
    }
    
    #header #menu{
        background:#fff;
        padding:20px 0 5px 0;
        margin-bottom: 10px;
        text-align: center;
        float: none;
    }
    
    #header #menu ul li{
        float:none;
        margin-right: 0;
    }
    
    #header #menu ul li a{
        padding:10px 0;
    }
    
    #header #menu ul{
        margin-bottom: 15px;
    }
    
    #header .row-1 .left{
        margin-top: 0px;
    }
        
    #header .right{
        float:none;
        clear: both;
        display: none;
    }
    
    #header #menu .sub-menu{
        position: relative;
        margin-top:10px;
        border: none;
    }
    
    #header #menu .sub-menu li{
        border: none;
    }
    
    #header #menu .sub-menu li a, #header.bg #menu .sub-menu li a{
        padding: 10px 20px;
        border-radius: 5px;
    }
    
    #menu-rwd{
        display: block;
    }
 
    h1{
        font-size:35px;
        line-height: 40px;
    }
    
    h2{
        font-size: 30px;
        line-height: 35px;
    }
    
    h3{
        font-size: 25px;
        line-height: 30px;
    }

    h4{
        font-size: 17px;
        line-height: 23px;
    }
    
    #footer .col-20,
    #footer .col-25,
    #footer .col-35{
        float:none;
        width:auto;
        margin:auto;
        text-align: center;
        padding-right: 0;
        margin-top: 50px;
    }
    
    #footer .col-20:first-child{
        margin-top:0;
    }
    
    #footer .row-1 .phone{
        float: none;
        display: inline-block;
        margin-top: 10px;
    }
    
    #footer .social .linkedin{
        display: table;
        margin: auto;
    }
    
    #footer .row-1 .mail{
        display: table;
        margin: auto;
        margin-top: 10px;
    }
    
    #footer .row-1 .map{
        display:table;
        margin:10px auto 0 auto;
    }
    
    #footer .row-2 .left,
    #footer .row-2 .right{
        float: none;
        text-align: center;
    }
    
    .searchform .search-field, .searchform button{
        width: 100%;
        float: none;
    }
    
    #header #menu .headerseacrh a{
        display: table;
        margin: auto;
    }
        
    #about-section{
        background:#b82b3e;
        padding: 0px 0;
		  padding-top:80px;
    }
    
    #cta-section {
        background: url(../img/cta-section-rwd.jpg) no-repeat center;
        background-size: cover;
        padding: 30px 0;
    }
    
    .posts .post{
        float: none;
        width: auto;
        margin: 0 auto 20px auto;
    }
}

@media (max-width:768px){
    
    #menu-rwd{
        background-size: 30px 30px;
    }
    
    table{
        border:0;
    }
    
    table tr{
        margin-bottom: 30px;
        height: auto !important;;
    }
    
    table tr td{
        display: block;
        height: auto !important;;
        width:100% !important;
    }

    #banner .content .buttons .btn{
        width: 250px;
    }
    
    #banner .content .buttons .red{
        margin-top: 20px;
    }
    
    #content.single-career #page-title .type,
    #content.single-career #page-title .city,
    #content.single-career #page-title .document{
        float: none;
        width: auto;
        text-align: center;
        padding-right: 0;
        display:table;
        margin:auto;
        margin-top:10px;
    }
    
    .career .post .content .city,
    .career .post .content .type,
    .career .post .content .document{
        float: none;
        width: auto;
        padding-right: 0;
        margin:auto;
        margin-top:10px;
    }
    
    #content.single-career #page-title .document, .career .post .content .document{
        margin-bottom: 15px;
    }
	 
	 ul.points.three li{
	 	float:none;
		width:auto;
	 }

}