/* ==========================================================================
   Large desktop
   ========================================================================== */

@media (min-width: 1200px) {
	
	.container { width: 1170px;}
	.row { margin-left: -30px;}
	
	/* portal-head-offer */
	.portal-head-offer { width: 770px;}
	.portal-head-offer-img { width: 460px;}
	.portal-head-offer-content { width: 240px; padding: 20px 30px;}
	.portal-head-offer-content h4 {	font-size: 28px;}
	.portal-head-offer-content p { font-size: 20px; line-height: normal;}
	.portal-head-offer-content a.btn {
		height: 39px;
		font-size: 17px;
		line-height: 39px;
	}
			
	/* question-box */
	.questions-box {
		width: 310px;
		margin-left: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.questions-box h5 { font-size: 21px;}
	.questions-box form { margin: 15px 0;}
	.questions-box form input[type=text] { width: 196px; padding: 5px 6px;}
	.questions-box form input[type=submit] { height: 40px; padding: 0 25px;}
	.questions-box a.btn {
		height: 39px;
		font-size: 17px;
		line-height: 39px;
	}
	
	/* portal-content */
	.portal-content { width: 570px; margin-right: 30px;}
	
	/* portal-offers */
	.portal-offers { width: 570px;}
	.portal-offers .object { width: 270px;}

	/* content */
	.content { width: 730px;}

	/* object */
	.object {
		width: 270px;
		margin-left: 30px;
		margin-bottom: 30px;
	}
	.object-gallery { width: 470px; margin-right: 30px;}
	.object-detail { width: 670px;}
	.object-detail-table-inner { width: 448px;}
	.object-gallery-thumbs-thumb { width: 110px;}
	
	/* ft-column */
	.ft-column { width: 370px; margin-right: 30px;}
	.ft-column-content .links { width: 170px; margin-right: 30px;}
	.ft-column-content .address { width: 170px; margin-right: 30px;}
	.ft-column-content .address-icons { width: 170px;}

    /* tel */
    a[href^="tel:"] { pointer-events: none;}

}


/* ==========================================================================
   Portrait tablet to landscape and desktop
   ========================================================================== */


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

	.container { width: 724px;}
	
	/* header */
	header { height: 90px;}
	
	/* logo */
	.logo {
		width: 182px;
		height: 69px;
		margin-top: 11px;
		background-size: 182px 69px;
	}
	
	/* menu */
	.menu { float: none; overflow: hidden;}
	.menu li { font-size: 13px; margin-right: 12px;}
		
	/* language */
	.language {
		position: absolute;
		top: 60px;
		right: 0;
	}
	
	/* main-portal */
	.main-portal {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.main-portal .questions-box { display: none;}
	
	/* portal-head-offer */
	.portal-head-offer { float: none; width: auto;}
	.portal-head-offer-img { width: 290px; border: none;}
	.portal-head-offer-content { width: 394px;}

	/* wrapper */
	.wrapper { margin-top: 20px;}
			
	/* question-box-wide */
	.questions-box-wide {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
		padding: 20px;
		border-radius: 3px;
		overflow: hidden;
	}
	.questions-box-wide .column-left {
		float: left;
		width: 310px;
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid #3c141d;
	}
	.questions-box-wide .column-right { float: right; width: 332px;}

	.questions-box-wide h5 { font-size: 21px;}
	.questions-box-wide form {
		margin: 15px 0 0 0;
		padding: 0;
		border-top: none;
		border-bottom: none;
	}
	.questions-box-wide form input[type=text] { width: 196px; padding: 5px 6px;}

	/* portal-content */
	.portal-content {
		float: none;
		width: auto;
		margin-right: 0;
		margin-top: 20px;
	}
	
	/* portal-offers */
	.portal-offers {
		float: none;
		width: auto;
		margin-top: 20px;
	}
	.portal-offers .object { width: 352px;}
	
	/* content */
	.content { float: none; width: auto;}

	/* main > questions-box */
	.main .questions-box { display: none;}

	/* object */
	.object {
		width: 228px;
		margin-bottom: 20px;
	}
	.object-gallery {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.object-gallery-thumbs-thumb { width: 112px;}
	
	.object-detail {
		float: none;
		width: auto;
	}
	.object-detail-table-tabs { width: 179px;}
	.object-detail-table-inner { width: 502px;}
	
	/* footer */
	footer { margin-top: 20px;}
	
	/* ft-wrapper-top */
	.ft-wrapper-top { padding: 20px 0;}
	
	/* ft-column */
	.ft-column { width: 228px; margin-right: 20px;}
	.ft-column-content .links { width: 228px; margin-right: 0;}
	.ft-column-content .address { width: 228px; margin-right: 0;}
	.ft-column-content .address-icons { width: 228px;}
	.ft-column-content .social { float: left;}

}


/* ==========================================================================
   Landscape phone to portrait tablet
   ========================================================================== */

@media (max-width: 767px) {
	
	.container { width: auto;}
	
	/* header */
	header {
		height: 90px;
		padding: 0 15px;
	}
	
	/* navbar */
	#nav-toggle { margin-right: 20px !important;}
	
	/* logo */
	.logo {
		width: 152px;
		height: 57px;
		background-size: 152px 57px;
	}
	
	/* rdw-partner */
	.rdw-partner { display: none;}
		
	/* language */
	.language {
		top: 60px;
	}
	
	/* logo-3w */
	.logo-3w { display: none;}	
	
	/* main-portal */
	.main-portal {
		height: auto;
		padding: 20px;
	}
	.main-portal .questions-box { display: none;}
	
	/* portal-head-offer */
	.portal-head-offer { float: none; width: auto;}
	.portal-head-offer-img { width: 50%; border: none;}
	.portal-head-offer-content { width: auto; padding-bottom: 10px;}
	.portal-head-offer-content h2 { padding-bottom: 10px;}
	.portal-head-offer-content h4 { font-size: 20px; margin: 10px 0;}
	.portal-head-offer-content p { margin: 10px 0;}

	/* spacer */
	.spacer { padding: 30px 20px; } 

	/* wrapper */
	.wrapper { margin: 20px 20px 0 20px;}
			
	/* question-box-wide */
	.questions-box-wide {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
		padding: 20px;
		border-radius: 3px;
		overflow: hidden;
	}
	.questions-box-wide .column-left {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #3c141d;
	}

	.questions-box-wide h5 { font-size: 21px;}
	.questions-box-wide form {
		width: 310px;
		margin: 15px 0 0 0;
		padding: 0;
		border-top: none;
		border-bottom: none;
	}
	.questions-box-wide form input[type=text] { width: 196px; padding: 5px 6px;}

	/* portal-content */
	.portal-content {
		float: none;
		width: auto;
		margin-right: 0;
		margin-top: 20px;
	}
	
	/* portal-offers */
	.portal-offers {
		float: none;
		width: auto;
		margin-top: 20px;
	}
	.portal-offers .object { width: auto;}
	
	/* content */
	.content { float: none; width: auto;}

	/* main > questions-box */
	.main .questions-box { display: none;}

	/* wrapper > object */
	.wrapper .object {
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.wrapper .object:first-child { padding-top: 0;}
	.wrapper .object a {
		position: relative;
		float: left;
		display: block;
		width: 50%;
	}
	.wrapper .object .object-info {
		float: left;
		display: block;
		width: 45%;
		margin: 0 0 0 5%;
	}
	
	/* object */
	.object {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.object-gallery {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.object-detail {
		float: none;
		width: auto;
	}
	.object-detail-table-tabs {
		float: none;
		width: auto;
		border-radius: 2px;
		border-right: 1px solid #c5c1c2;
	}
	.object-detail-table-tabs li.active a { margin: 0;}
	.object-detail-table-inner { float: none; width: auto;}

	.object-detail-table-inner { border: none; border-bottom: 1px solid #c5c1c2;}
	.object-detail-table-tabs li.active { border-bottom: none;}
	.object-detail-table-inner ul li {
		border-bottom: none;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		line-height: 20px;
		text-transform: none;
	}
	
	/* object-detail-action */
	.object-detail-action a.btn.pull-left { float: none; display: block;}
	.object-detail-action a.btn-print { display: none;}
	
	/* object-detail-seller */
	.object-detail-seller a.btn { display: none;}
	
	/* contact-form */
	.contact-form table { width: 100%;}
	.contact-form input[type=text] { width: 90%;}
	.contact-form select { width: 90%;}
	.contact-form textarea { width: 90%;}
	.contact-form input[type=submit] { width: 90%;}
	
	/* footer */
	footer { margin-top: 20px;}
	
	/* ft-wrapper-top */
	.ft-wrapper-top  { 
		padding-left: 15px;
		padding-right: 15px;
	}
	.ft-wrapper-top .ft-column { display: none;}
	.ft-wrapper-top .ft-column.last {
		display: block;
		float: none;
		width: auto;
	}
	.ft-wrapper-top .ft-column-content .address-icons { width: auto;}

	/* ft-wrapper-bottom */
	.ft-wrapper-bottom { padding: 0 20px;}

	/* newsletter */
	.newsletter { display: none; }

	/* main */
	.main { margin-top: 0;}
		
}


/* ==========================================================================
   Landscape phones and down
   ========================================================================== */

@media (max-width: 480px) {
	
	/* portal-head-offer */
	.portal-head-offer-img { float: none; width: auto;}
	.portal-head-offer-content { float: none; width: auto;}
			
	/* question-box-wide */
	.questions-box-wide { margin-bottom: 20px;}

	/* portal-content */
	.portal-content { margin-top: 0;}

	/* questions-box */
	.questions-box form { width: auto;}
	.questions-box form label { float: none;}

	/* ft-wrapper-bottom */
	.ft-wrapper-bottom { padding: 0 20px;}
	.ft-wrapper-bottom .copyright { float: none; text-align: center;}
	.ft-wrapper-bottom .sitelinks { display: none;}
	
}


/* ==========================================================================
   Responive nav
   ========================================================================== */
   
@media screen and (min-width: 980px) {
	.js #nav { position: relative; max-height: none;}
	#nav-toggle { display: none;}
}

@media screen and (max-width: 979px) {
	
	.js #nav {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}
	#nav.opened { max-height: 9999px;}
	#nav-toggle {
		float: right;
		height: 18px;
		margin: 11px 0 11px 0;
		padding: 0 35px 0 0;
		background: url(../images/menu-toggle.png) no-repeat center right;
		background-size: 25px 18px;
		color: #fff;
		font-size: 18px;
		line-height: 18px;
		font-weight: 600;
		text-transform: uppercase;
	}
	
	/* navbar */
	.navbar { height: auto; min-height: 40px;}
	
	/* menu */
	.menu { float: none;}
	.menu li {
		float: none;
		margin: 0;
		font-size: 16px;
		line-height: 40px;
	}
	.menu li a {
		height: 40px;
		padding: 0 15px;
		border-radius: 0; 
	}
	.menu > li > ul,
	.menu > li:hover > ul { display: none;}

}