@media screen and (max-width: 1024px){
	.s1column input{ width: 29%; }
	.s1row .option-item{
		width: 49%;
		margin: 0;
		display:inline-block;
	}

	#totalsticky{
		width: 100%;
		padding: 15px 5px;
		left: 0;
		text-align: center;
	}
	#totalsticky .total{
		padding: 0 20px;
	}
}

@media screen and (max-width: 800px){
	#headercontacts{
		display:none;
	}
	
	.header__logo{
		margin: 0;
	}

	.langswitchmobile, .myaccountmobile{
		display: block;
	}
	.myaccountmobile img{
		width: 24px;
		height: 24px;
		margin: 5px 0 0 0;
	}
	
	.searchform.desktop{
		display: none;
	}
	
	.searchform.mobile{
		margin-left: 35px;
		display: block;
	}
	
	.s1colwrapper{
		width: 320px;
		margin: 0 auto;
		padding: 0;
		/*border: 1px solid #000;*/
	}
	.s1column{
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
	
	.s1column select{
		width: 100%;
		display: inline-block;
	}
	.select2-container{
		width: 100% !important;
	}
	.s1column input{
		width: 81%;
		margin: 0 0 10px -5px;
		display: inline-block;
	}
	
	.s1column select.preluare-locatie-ora, .s1column select.preluare-locatie-minut, .s1column select.returnare-locatie-ora, .s1column select.returnare-locatie-minut{
		width: 100%;
		margin: 0;
		padding: 12px 20px 12px 10px;
	}
	
	.s1column select.preluare-locatie-ora, .s1column select.returnare-locatie-ora{
		margin: 0 0 0 -5px;
	}
	
	.returnare-locatie select{
		display: none;
	}
	.s1row{
		width: 100%;
		margin: 0 0 0 -5px;
	}
	.s1row .option-item{
		width: 280px;
	}
	.s1row .floatleft{
		margin-left: 0;
		float: none !important;
	}
	.s1row .right{
		margin-left: 0;
		float: none !important;
	}
	
	#preluare-locatie, #returnare-locatie{
		background-position: 0% 50%, right center;
	}
	#preluare-data, #returnare-data{
		background-position: 1% 50%;
	}
	#preluare-ora, #returnare-ora{
		background-position: 2% 50%, right center;
	}

	#ui-datepicker-div{
		width: 319px !important;
	}
	
	.checkfordifferent{
		width: 280px;
	}
	
	.introcars{
		width: calc(100% - 2px);
	}
	
	.icleft{
		margin: 0 0 20px 20px;
		float: left;
	}
	.icright{
		margin: 0 20px 20px 0;
		float: right;
	}
	
	h2.revtitle{
		margin: 20px 0;
	}
	.revleft{
		margin: 0;
	}
	.revright{
		margin: 0;
	}
	#reviews{
		margin: 0 65px 50px 60px;
	}
	.review{
		width: 100%;
	}
	
	.introcarswrapper{
		display: none;
	}
	
	#promo{
		width: 96%;
		margin: 2%;
	}
	#promo .car{
		width: 94%;
		margin: 2%;
	}
	.catgroup{
		width: 94%;
		margin: 2%;
	}
	.catgroup:hover{
		margin: calc(2% - 1px);
	}
	
	#your-booking{
		padding-top: 0 !important;
	}
	
	.your-booking__details, .your-booking__personal{
		display:none;
	}
	
	.your-booking__extras, .your-booking__car, .your-booking__prices, .content article{
		width: 96%;
		margin: 2%;
	}
	
	.your-booking__prices .prices{
		margin-top: 0px;
	}
	
	.prices span.val{ width: 60px; text-align: right; }
	.prices span.def{ width: auto; }
	
	.wpcf7-form-elements p.one-half, .wpcf7-form-elements p.one-third, .wpcf7-form-elements p.two-third, .wpcf7-form-elements p.one-fourth {
		width: 100% !important;
	}
	
	.ui-datepicker{ width: 327px !important; }
	
	
	.hpwidget{
		width: 96%;
		padding: 2%;
		float: none;
		margin: 0 !important;
		text-align: center;
	}
	.hpwidget ul{
		list-style-position: inside;
	}
	
	h4.inline{
		display: block !important;
	}


	
	.infocolimage{
		width: 100%;
		margin: 0 0 0 0;
		float: left;
	}
	.infocolimage img{ width: 100%; }

	.infocol{
		width: 100%;
		margin: 0 0 15px 0;
		font-size: 13px;
		float: left;
	}
	.infocol.col3{
		width: 100%;
		margin: 0;
	}
	
	
	
	.carimages .carimage{
		width: 100%;
	}
	.carimages .carimage img{
		width: 100%;
	}
	.sinfocol{
		width: 100%;
		/*border: 1px solid;*/
		float: none;
		clear: both;
	}
	.sinfocol .title{
		text-align: center;
		float: none !important;
	}
	.sinfocol.carprice .title{
		margin: 0;
	}
	.sinfocol .colpret{
		text-align: center;
		float: none;
	}
	.sinfocol .colpret .column{
		margin: 2px 0;
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.sinfocol.middle{
		margin: 0;
	}
	.sinfocol .line{
		margin-top: -1px;
		border: 1px solid #ddd;
		overflow: auto;
		clear: both;
	}
	.spcarimages{
		width: 50%;
		margin-top: -60px;
	}
	.page p{
		text-align: justify;
	}
	a.relcar{
		display: block;
		height: auto;
	}
	.relatedcar{
		width: 100%;
		float: none;
	}
	.relatedcarimages img{
		width: 49%;
		display: inline-block;
	}
	.relatedcarimages img.firstimage{
		margin-right: 2%;
	}
	.relatedcar1{
		margin-right: 0;
	}
	.relatedcar2{
		margin-top: 20px;
	}

	
	
	.mapselect span{
		padding: 0;
	}
	.mapselect select{
		margin: 10px 0 0 0;
	}
	
	.fcformwrap{
		text-align: center;
	}
	.fcform{
		width: 250px;
		margin: 20px auto;
	}
	.fcform .line{
		width: 250px;
	}
	.fcform .line input{
		width: 210px;
		margin: 0 auto;
		display: block;
	}
	.fcform input#fnume, .fcform input#femail{
		margin: 0 auto 10px auto;
	}
	.fcform textarea{
		width: 210px;
		height: 80px;
	}
	.fcform .wpcf7-submit{
		width: 210px;
	}
	
	.footer-widget{
		width: 100%;
		text-align: center;
	}
	.footer-widget ul{
		list-style-position: inside;
	}
	
	header{
		padding-top: 33px;
	}
	#mobilecontacts, #mobiletotals{
		width: 100%;
		display: block;
		position: fixed;
		bottom: top;
		left: 0;
		z-index: 99999;
		background-color: #FEC601;
		text-align: center;
	}
	#mobilecontacts .item{
		padding: 5px 10px 5px 20px;
		display: inline-block;
	}
	#mobilecontacts .item a{
		color: #000;
		font-weight: bold;
		
	}
	#mobilecontacts .item.phone{ background: url('img/icon_phone.png') no-repeat left center; background-size: 14px 14px; }
	#mobilecontacts .item.email{ background: url('img/icon_email.png') no-repeat left center; background-size: 14px 14px; }
	#mobilecontacts .item.whatsapp{ background: url('img/icon_whatsapp.png') no-repeat left center; background-size: 14px 14px; }

	#mobiletotals{
		display: none;
		bottom: 0;
	}
	#mobiletotals .item{
		padding: 5px 10px;
		display: inline-block;
	}

	.page-contact{
		display: block;
	}
	.contactcol{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.contactcol .line, .contactcol .line div{
		margin: 0;
	}
	.contactcol .line input[type=text]{
		margin: 10px 30px 10px 0;
		width: calc(100% - 30px);
	}
	.contactcol .line textarea{
		margin: 10px 30px 10px 0;
		width: calc(100% - 30px);
	}
	.contactcol .submit{
		text-align: center;
	}

	.extlocmessage{
		width: calc(100% - 20px);
	}
}