@media (min-width : 576px){

	
}

/* Small Devices, Tablets */
@media (min-width : 768px) {



	footer#footer #footerNav a..footerA:before{
		content:"";
		width:1px;
		position:absolute;
		cursor:auto;
		height:14px;
		top:50%;	
		transform:translateY(-50%);
		background-color:rgba(242, 242, 242, .2);
		right:-30px;
	}
	
	
	
	footer#footer #footerNav a.footerA.lastChildFooterA:before{
		background-color:transparent;
	}
	
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {

	#resultCars .eachResultCarFullWidth .descriptionBox .title{
		padding-left:0;
		padding-right:0;
	}

	#resultCars .eachResultCar .descriptionBox .price{
		border-left:1px solid #eee;
		border-bottom:1px solid #eee;
	}
	
	#resultCars .eachResultCar .descriptionBox .rocznikPrzebieg .border{
		height:100%;
		position:absolute;
		top:0;
		width:1px;
		background-color:#eee;
	}
	
	#resultCars .eachResultCar .descriptionBox .rocznikPrzebieg{
		border-left:1px solid #eee;
	}
	
	.customPaddingLittleMdUp{
		padding-right:5px!important;
	}
	
	.customPaddingSmallMdUp{
		padding-left:15px!important;
	}

	#resultCars .eachResultCar .descriptionBox .details{
		padding-right:0;
	}
	
	.noPaddingRightMdUp{
		padding-right:0;
	}
	
	section#slider .eachFormBoxInside:first-child{
		border-right:1px solid #ddd;
	}
	
}

@media (min-width : 768px) and (max-width : 992px) {

}

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

	.noPaddingLeftXL{
		padding-left:0;
	}
	
	section#szczegolySamochoduReal #leftSideDetails #subHeader .eachSubHeaderDetail{
		margin-right:45px;
		width:auto;
		padding-left:0;
		padding-right:0;
	}
	
}


@media (min-width: 1800px){
    #resultCars .eachResultCarFullWidth .descriptionBox .eachDetailsInside{
        margin-top:50px;
    }
}



/*==========  Non-Mobile First Method  ==========*/

@media (max-width:1500px){
    #resultCars .eachResultCarFullWidth .descriptionBox .eachDetailsInside{
        margin-right:0;
        margin-top:20px;
    }
}

@media (max-width:1300px){
    section#kontakt2 h2{
        font-size:36px;
    }
}

/* Large Devices, Wide Screens */
@media (max-width : 1199px) {

	section.szczegolySamochoduReal #wyposazenie #wyposazenieInside, section.szczegolySamochoduReal #opis #opisInside{
		padding-left:15px;
		padding-right:15px;
	}

	#resultCars .eachResultCarFullWidth .imageBox img{
		width:100%;
	}

	#rightSideDetailsInside, #detailsSzczegolySamochoduParent, section.szczegolySamochoduReal #slideBoxInfo{
		margin-left:0;
		margin-right:0;
	}

	.navbar #rightMenuContainer, .navbar #rightMenuContainer1{
		position:relative;
		height:67px;
		top:10px;
	}

	.navbar {
		width:auto;
	}

	.navbar-toggleable-lg .navbar-nav{
		margin:20px 0 0 0;
	}

	section#szczegolySamochoduReal #leftSideDetails #header h1{
		font-size:34px;
	}

	section#szczegolySamochoduReal #leftSideDetails #slideBox #slideBoxInside .changeSlide{
		width:50px;
		height:50px;
	}
	
	section#szczegolySamochoduReal #leftSideDetails #slideBox #slideBoxInside .changeSlide i{
		line-height:50px;
		font-size:35px;
	}

	section#szczegolySamochoduReal #leftSideDetails #header .title{
		margin-bottom:20px;
	}

	section#szczegolySamochoduReal #leftSideDetails #subHeader{
		padding-left:0;
		padding-right:0;
	}
	
	section#szczegolySamochoduReal #leftSideDetails #header{
		padding-left:15px;
		padding-right:15px;
	}

	section#szczegolySamochoduReal #wyposazenie, section#szczegolySamochoduReal #opis{
		margin:0;
	}
	
	section#szczegolySamochoduReal #opis #opisInside, section#szczegolySamochoduReal #wyposazenie #wyposazenieInside{
		padding-left:30px;
		padding-right:30px;
	}
	
	section#szczegolySamochoduReal{
		padding:0 15px;
	}
	
	section#szczegolySamochoduReal #slideBoxInfo{
		padding:0 15px;
	}

	section#kontakt5 #mapa{
		position:relative;
		clear:both;
		height:400px;
		width:100%;
	}

	.navbar{
		height:auto;
		padding:0;
	}
	
	button#sendRequestButton{
		margin-top:30px;
	}
	
	label#regulaminLabel{
		height:36px;
		display:block;
		margin:auto;
	}
	
	form#sendRequest .eachInputBox:before, .checkBoxFormularz:before{
		left:0;
		top:-20px;
	}
	
	 form#sendRequest .eachTextAreaBox:before{
		left:0;
		top:-20px;
	 }
	
	.navbar #menuContainer .eachMenu, .navbar #menuContainer1 .eachMenu{
		display:block;
		width:100%;
		margin-bottom:15px;
	}
	
	.navbar #menuContainer, .navbar #menuContainer1{
		padding-right:0;
		width:100%;
		padding-left:0;
	}
	
	#logoContainer, #logoContainer1{
		display:inline-block;
	}

	#logoContainer img, #logoContainer1 img{
		width:240px;
		display:block;
		margin:0;
	}
	
	.clearBothXlDown{
		clear:both;
	}
	
	.navbar-toggler{
		margin-top:0;
		margin-right:0;
	}
	
	#navbar-toggler-box{
		padding-left:0;
		text-align:right;
		float:right;
	}

	#resultCars .eachResultCarFullWidth .descriptionBox .eachDetailsInside{
		margin-top:0px;
		width:25%;
		margin-right:0;
		margin-bottom:0px;
	}
	
	#resultCars .eachResultCarFullWidth .descriptionBox .title .titleInside{
		-webkit-line-clamp: 3;
		line-height: 30px;
		font-size:24px;
		max-height: 108px;	
	}
	
	#resultCars .eachResultCarFullWidth .descriptionBox .details .price{
		font-size:18px;
	}
	
	#resultCars .eachResultCarFullWidth .descriptionBox .details{
		text-align:left;
	}
	
	section.szczegolySamochoduReal #szczegolySamochoduRealInside, section.szczegolySamochoduReal #slideBoxInfo{
		padding-left:15px;
		padding-right:15px;
	}
	
	form#sendRequest #sendRequestButton, form#sendRequest1 #sendRequestButton1{
		margin-top:25px;
	}
	
}


@media (max-width:1060px){
    	
    section#kontakt2 h2 span.firstTypeOfHeading, section#kontakt2 h2 span.secondTypeOfHeading{
        width:100%;
        margin-bottom:20px;
        display:block;
        text-align:center;
    }
    
    #wyslijZapytanieKontaktParent{
        width:100%;
    }
    
    button#wyslijZapytanieKontakt{
        clear:both;
        width:100%;
        top:0;
    }
}

/* Medium Devices, Desktops */
@media (max-width : 992px) {

	section#slider .eachFormBox1, section#slider .eachFormBox3{
		padding-left:0!important;
	}
	
	section#slider .eachFormBox2, section#slider .eachFormBox4{
		padding-right:0!important;
	}
	
	#resultCars{
		margin-left:-15px!important;
		margin-right:-15px!important;
	}

	section#slider-zestawienie .buttonBox button#searchCar, section#slider-zestawienie .buttonBox{
		width:100%;
		padding-right:0;
	}

	#resultCars .eachResultCarFullWidth .descriptionBox .details .price{
		padding-left:5px;
	}

	.imageBox, section.szczegolySamochoduReal #szczegolySamochoduRealInside{
		padding-left:0;
		padding-right:0;
	}
	
	section#szczegolySamochoduReal #leftSideDetails #header, .title, .price, .eachSubHeaderDetail, #subHeaderInside, section#szczegolySamochoduReal #slideBoxInfo{
		padding-left:0;
		padding-bottom:8px;
		padding-right:0;
	}
	
	section.szczegolySamochoduReal #leftSideDetails #subHeader .eachSubHeaderDetail .title{
		padding-bottom:0;
	}
	
	.eachSubHeaderDetail {
		padding-bottom:15px;
	}
	
	section#slider .eachFormBox, section#slider-zestawienie .eachFormBox{
		padding-left:15px;
		padding-right:15px;
	}

	section#slider .eachFormBoxInside.first,
	section#slider .eachFormBoxInside.second, 
	section#slider-zestawienie .eachFormBoxInside.first,
	section#slider-zestawienie .eachFormBoxInside.second{
		padding-right:0;
		padding-left:0;
	}
	
	.row{
		margin-left:0;
		margin-right:0;
	}
	
	#sliderInside .row{
		margin-left:0;
		margin-right:0;
	}
	
	form#sendRequest1 #sendRequestButton1{
		margin-top:30px;
	}
	
	.noPaddingLeftLgDown{
		padding-left:0;
	}
	
	.noPaddingLgDown{
		padding-left:0;
		padding-right:0;
	}
	
	.noPaddingRightLgDown{
		padding-right:0;
	}
	
	section#kontakt4 #dzialTechnicznyInsde .eachDzial{
		padding:0;
	}

	#resultCars{
		margin-top:80px;
	}
	
	#resultCars .eachResultCar .descriptionBox .rocznikPrzebieg .rocznik{
		padding-right:5px;
	}

	#resultCars .eachResultCar .descriptionBox .rocznikPrzebieg .przebieg{
		padding-left:5px;
	}
	
	#resultCars .eachResultCar .descriptionBox .price,
	#resultCars .eachResultCar .descriptionBox .rocznikPrzebieg{
		text-align:center;
	}
	
	section#slider{
		padding:30px 0;
	}
	
	.eachFormBox{
		margin-bottom:30px;
	}

	section#slider button#searchCar{
		margin-top:0px;
	}
	
    
	section#kontakt2 .h2 span{
		padding:0;
		margin-bottom:15px;
		font-size:32px;
		text-align:center;
		width:100%;
		float:left;
	}
	
	.marginLgDown{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	#leftSideDetails, #rightSideDetails{
		padding-left:0;
		padding-right:0;
	}
	
	.eachInputBox, .eachTextAreaBox, .infoFormularzBox{
		padding-left:0;
		padding-right:0;
	}}

#dlaczegoMyList, #resultCarList, #phoneFixedToBottom{
	display:none;
}

.eachResultCar{
	margin-bottom:50px;
}

/* Small Devices, Tablets */
@media (max-width : 768px) {

	footer#footer #footerNav a{
		margin:0;
	}

	section#kontakt4 h2, section#kontakt5 #daneFirmy h2{
		font-size:42px;
	}
	
	.eachResultCar{
		margin-bottom:0;
	}
	
	#phoneFixedToBottom{
		position:fixed;
		bottom:0;
		display:block;
		left:0;
		width:100%;
		z-index:19999;
		text-align:center;
		font-weight:300;
		height:50px;
		font-size:18px;
		background-color:rgba(0, 0, 0, .95);
		color:#ddd;
		line-height:50px;
	}
	
	#dlaczegoMyList, #resultCarList{
		display:block;
		width:100%;
		float:left;
		margin-top:30px;
		text-align:center;
	}
	
	#resultCarList{
		position:relative;
		z-index:103;
		margin-top:-20px;
		margin-bottom:30px;
	}
	
	#dlaczegoMyList .eachDlaczegoMyCircle, #resultCarList .eachCarCircle{
		width:14px;
		height:14px;
		display:inline-block;
		background-color:#fff;
		border:1px solid #000;
		margin:0 3px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		cursor:pointer;
		transition:0.3s ease;
		-webkit-transition:0.3s ease;
		-moz-transition:0.3s ease;
		-o-transition:0.3s ease;
	}
	
	#dlaczegoMyList .eachDlaczegoMyCircle:hover,  #resultCarList .eachCarCircle:hover{
		background-color:#000;
	}
	
	#dlaczegoMyList .eachDlaczegoMyCircleActive,  #resultCarList .eachCarCircleActive{
		background-color:#000;
	}
	
	.eachDlaczegoMyBox, .eachResultCarParent{
		display:inline-block;
		width:100%;
		float:none;
	}
	
	#dlaczegoMyBox, #resultCars{
		overflow:hidden;
		white-space:nowrap;
	}
	
    section#kontakt2 h2{
        font-size:28px;
    }

	form#sendRequest #sendRequestButton, form#sendRequest1 #sendRequestButton1{
		max-width:100%;
	}

	#resultCars .eachResultCarFullWidth .descriptionBox .eachDetailsInside{
		margin-top:0px;
		width:50%;
		margin-right:0;
		margin-bottom:0px;
	}

	.noPaddingMdDown{
		padding-left:0;
		padding-right:0;
	}
	
	section#slider h2{
		font-size:36px;
		text-align:center;
	}
	
	section#slider h3{
		text-align:center;
		font-size:26px;
	}
		
	section#slider button#searchCar{
		width:100%;
		margin-top:22px;

	}

	.eachResultCar{
		padding:0;
	}
	
	#resultCars{
		width:auto;
	}
	
	.eachDlaczegoMyBox img{
		max-width:100%;
		display:block;
	}
	
	footer#footer #footerNav a{
		margin-right:0;
		display:block;
		margin-bottom:10px;
	}
	
	section#section1 h1, section#section2 h1{
		font-size:32px;
	}
	
	section#section1 .eachDlaczegoMyBox h3, section#section2 h3{
		font-size:26px;
	}
	
	#resultCars .eachResultCar .descriptionBox .title{
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		white-space:normal;
	}
	
	section#slider .eachFormBox{
		padding-left:15px;
		padding-right:15px;
	}
	
	section#slider .eachFormBoxInside{
		padding-left:15px;
	}
    
    .eachResultCar .imageBox img{
        width:100%;
    }
	
	#contactModalInside .modal-content h1{
		padding-right:45px;
	}
	
	.checkBoxFormularz .validation-error{
		top: 6px!important;
		padding-left: 0px !important;
	}
    
}

@media (max-width : 575px){

	#contactModalInside .modal-content h1{
		padding-right:30px;
	}

	#resultCars, #rightSideDetailsInside{
		margin-left:0!important;
		margin-right:0!important;
	}

	section.szczegolySamochoduReal, #sendRequestButtonParent, #rightSideDetails{
		padding-left:0;
		padding-right:0;
	}
	
	section#blogEach3 .list{
		padding-left:0;
	}
	
	
	form#sendRequest #sendRequestButton, form#sendRequest1 #sendRequestButton1{
		width:100%!important;
	}
	
	section.szczegolySamochoduReal #leftSideDetails #slideBox{
		margin-right:0;
	}
	
	#leftSideDetails, #rightSideDetails{
		padding-bottom:0;
	}
	
	section.szczegolySamochoduReal #slideBoxInfo .eachInfoBox{
		margin-left:-15px;
		margin-right:-15px;
	}

	#searchButtonParent, #leftSideDetails, #rightSideDetails{
		padding-left:0;
		padding-right:0;
	}

	#list{
		position:relative;
		overflow:hidden;
		max-height:250px;
	}

	#list::before{
		content: "Pokąż więcej";
		position: absolute;
		z-index: 9999;
		bottom: 0px;
		color:#fff;
		cursor: pointer;
		width: 100%;
		height: 35px;
		line-height: 35px;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 16px;
		text-align: center;
		left: 0px;
		background-color: rgb(34, 34, 34);
	}

	.eachDlaczegoMyBox{
		padding-left:0;
		padding-right:0;
	}

	#backToTop{
		display:none;
	}

	section#slider .eachFormBox1, section#slider-zestawienie .eachFormBox1{
		padding-left:0;
	}

	section#slider .eachFormBox4, section#slider-zestawienie .eachFormBox4{
		padding-right:0;
	}
	
	section.szczegolySamochoduReal #leftSideDetails #subHeader, section.szczegolySamochoduReal #leftSideDetails #header{
		padding-left:15px;
		padding-right:15px;
	}

	#slideBoxInfo{
		max-height:250px;
		overflow:hidden;
		position:relative;
	}

	#slideBoxInfo:before{
		content:"Pokąż więcej";
		position:absolute;
		z-index:9999;
		bottom:0px;
		cursor:pointer;
		width:calc(100% - 30px);
		height:35px;
		line-height:35px;
		font-weight:400;
		text-transform:uppercase;
		font-size:16px;
		text-align:center;
		left:15px;
		background-color:#eee;
	}
	
	.slideBoxInfoActive, .listActive{
		max-height:inherit!important;
		padding-bottom:40px!important;
	}
	
	.slideBoxInfoActive:before, .listActive:before{
		content:"Pokaż mniej"!important;
	}
	
	section.szczegolySamochoduReal #leftSideDetails #slideBox #slideBoxInside .changeSlide{
		width:40px;
		height:40px;
	}
	
	section.szczegolySamochoduReal #leftSideDetails #slideBox #slideBoxInside .changeSlide i{
		font-size:26px;
		line-height:40px;
	}

	section.szczegolySamochoduReal #leftSideDetails #header h2{
		font-size:30px;
	}

	section.szczegolySamochoduReal #leftSideDetails #subHeader .eachSubHeaderDetail .result{
		font-size:22px;
	}

    section#slider-zestawienie .buttonBox{
        float:left;
        width:100%;
    }
    
    section#slider-zestawienie .buttonBox button#searchCar{
        max-width:100%;
        width:100%;
    }
    
    section#slider-zestawienie .eachFormBox{
        padding-left:0;
        padding-right:0;
    }
    
    section#slider-zestawienie .eachFormBox4{
        padding-right:0;
    }
    
    section#slider .eachFormBox1, section#slider-zestawienie .eachFormBox1{
        padding-left:0;
    }
    
    section#slider h2{
        font-size:30px;
    }
    
    section#kontakt4 #dzialTechnicznyInsde img{
        width:100%;
    }

	#contactModalInside .modal-content #exitModal{
		right:0;
		position:relative;
		top:0;
		margin:0 auto;
	}
	
	section#slider .eachFormBox{
		padding:0;
	}
	
	section.section h2, section.section h2{
		font-size:34px;
	}

	
	section#slider h3{
		font-size:24px;
	}
	
	section h2{
		font-size:32px;
	}
	
    section#kontakt2 h2{
        font-size:28px;   
    } 
    
}

@media (min-width:576px) and (max-width:992px){
	section#slider-zestawienie .eachFormBox1, section#slider-zestawienie .eachFormBox3, section#slider-zestawienie .eachFormBox5{
		padding-left:0!important;
	}
	
	section#slider-zestawienie .eachFormBox2, section#slider-zestawienie .eachFormBox4, section#slider-zestawienie .eachFormBox6{
		padding-right:0!important;
	}
	
}

@media (min-width:992px){
	form#sendRequest .eachInputBox:before, .checkBoxFormularz:before, form#sendRequest .eachTextAreaBox:before{
		left:15px;
		top:-20px;
	}
}

.footerAbsolute{
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
}

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.fixed{
	position:fixed;
}

.img-circle{
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.noBorderRadius{
	border-radius:0!important;
	-webkit-border-radius:0!important;
	-moz-border-radius:0!important;
}

.navbar-light .navbar-toggler{
	float:right;
	display:block;
	cursor:pointer;
}

.noMargin{
	margin-left:0;
	margin-right:0;
}

.select2-container .select2-selection--single, .eachFormBoxInside input{
  border: 1px solid #f5f5f5;
  background-color: rgb(255, 255, 255);
  height: 46px;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:46px;
	color:#777;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}

.noPadding{
	padding-left:0;
	padding-right:0;
}