@media (min-width:1275px) and (max-width:1700px){
	
	#header #menu{
		margin-top:0;
	}
	
	#header .left .logo img{
		width:100px;
	}
	
	#header #menu ul li{
		margin-right: 15px;
	}
	
	#header #menu ul li a{
		padding-top:0;
	}
	
	#header #menu ul .menuhome a{
		height: 20px;
		margin-top:0;
	}
	
	#header #menu ul li a{
		font-size:14px;
	}
	
	#map{
		margin-top:80px;
	}
}

@media (min-width:1275px) and (max-width:1380px){
	/* RWD dla szerokosci (1280px - 960px) */
	#header #menu ul li a{
		font-size:14px;
	}

	.containerfull{
		margin:0 20px;
	}
	
	.container{
		width:auto;
        margin:0 50px;
	}
    
    #banner .content{
        left:50px;
        margin-left:0;
    }
    
    #offer-section .col-33 h2{
        min-height: 120px;
    }
}

@media (min-width:961px) and (max-width:1276px){
    .container{
		width:auto;
        margin:0 50px;
	}
    
    #banner .content{
        left:50px;
        margin-left:0;
    }
    
    #banner .content p{
        display: none;
    }
    
    #offer-section .col-33 h2{
        min-height: 141px;
    }
    
    .cookie-notice-container #cn-notice-buttons{
        margin-top:20px;
    }
}

@media (max-width:1275px){
	/* RWD dla szerokosci (960px - 768px) */

	.container, .containerfull{
		width:auto;
		margin:0 20px;
    }
    
    #header{
        background: #fff;
		padding-bottom:0;
    }
	
	#menu-rwd{
		margin-top:25px;
	}
    
    h1{
        font-size:30px;
        line-height: 35px;
    }
    
    h2, .section-title{
        font-size:25px;
        line-height: 30px;
    }
    
	#header #menu ul .menuhome a{
		display:table;
		margin:auto;
	}
	
    #header .logo img{
        width:100px;
    }
    
    #header #menu ul li{
        float:none;
        margin-right: 0;
    }
    
    #header #menu ul li a{
        padding:15px 0;
    }
    
    #header #menu ul{
        margin-bottom: 15px;
    }
    
    #header .right{
        float:none;
        clear: both;
    }
    
    #header #menu{
        text-align: center;
        display: none;
        float: none;
    }
    
    #page-title{
        height:200px;
    }
    
    #page-title h1{
        margin:0;
    }
    
    #banner, #map, #page-title{
        margin-top:80px;
    }
    
    #banner .content{
        width:auto;
        padding:0 20px;
        left:0;
        margin-left:0;
        margin-top:0;
        width:80%;
    }
    
    #menu-rwd{
        display: block;
    }

    #offer-section .col-33{
        width:49.7%;
    }
    
    #offer-section .col-33 h2{
        min-height: 120px;
    }
    
    #footer .cta{
        text-align: center;
    }
    
    #footer .cta .left, #footer .cta .right{
        float:none;
        display: table;
        margin:0 auto;
    }
    
    #footer .copyright .left,  #footer .copyright .right{
        float:none;
        text-align: center;
    }
    
    .posts-listing .col-33{
        width:50%;
    }
    
    #header #menu .sub-menu{
        position: relative;
        margin-top:10px;
        border: none;
    }
    
    #header #menu .sub-menu li {
        border-bottom: none;
    }
    
    #header #menu .sub-menu li a:hover{
        background:none;;
        color:#FF7856;
        border-bottom:0;
    }
    
        
    #content.page.portfolio .col-70, #content.page.portfolio .col-30{
        float: none;
        width: auto;
        margin-right: 0;
    }
    
    #content.page.portfolio .col-30{
        margin-top:30px;
    }
    
    #header #menu .sub-menu li a{
        padding: 10px 0;
    }
    
    .cookie-notice-container #cn-notice-buttons{
        margin-top:20px;
    }
    
    .offer-form{
        margin-top: 30px;
    }
    
}

@media (max-width:768px){
    #header .logo img{
        width:80px;
    }
    
    #menu-rwd{
        margin-top:20px;
    }
    
    #banner, #page-title, #map{
        margin-top:70px;
    }
    
    #banner{
        border-bottom:1px solid #e1e1e1;
    }
    
    #banner .content{
        position: static;
        left:inherit;
        top:inherit;
        transform: none;
        padding:40px 20px 30px 20px;
        text-align: center;
        width:auto;
    }
    
    #banner .content .buttons a{
        margin-bottom: 15px;
        float: left;
    }
    
    #offer-section .col-33{
        width:auto;
        float:none;
        display: table;
        margin:0 auto !important;
    }
    
    #offer-section .col-33 h2{
        min-height:inherit;
    }
    
    #page-title{
        height: auto;
        min-height: 130px;
        padding:35px 0;
    }
    
    #footer .left, #footer .right{
        float:none;
        text-align: center;
    }
    
    .posts-listing .col-33{
        float:none;
        width:auto;
        margin:0 auto 30px auto;
        display: table;
    }
    
    .col-33, .col-25, .col-50{
        float:none;
        width:auto;
    }
    
    .desktop{
        display: none;
    }
    
    .mobile{
        display: block;
    }
    
    .posts-listing a.img{
        display: block;
        height: auto;
    }

    .fg-default.fg-gutter-10 .fg-item{
        width: 48%;
        margin-right: 2%
    }
    
    .fg-default.fg-gutter-10 .fg-item:nth-child(2n){
        margin-right: 0;
    }
	.realizations-categories .btn{
	width: 100%;
    margin-bottom: 5px;
	}
}
