/*==========  Desktop First Method  ==========*/

.visible-lg, .visible-md, .visible-sm, .visible-xs {
	display: none!important;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.visible-sm {
		display: block!important;
	}
	#head, #side, #cont, #peka, #ads, #foot{
		min-width: auto;
	}
	#header, #sidebar, #cont, #pekacontent, #adver, #footer{
		width: 100%;
	}

	#header header{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.link_css{
		margin-left: 10px;
	}

	#headinfo{
		float: none;
		width: auto;
		padding: 32px 10px 0 25px;
		text-align: right;
	}
	.tel{
		display: inline-block;
		float: none;
		width: auto;
		margin-bottom: 10px;
		font-size: 28px;
	}
	.tel span{
		background: none;
		background-color: #4c4c4c;
		padding: 6px 8px;
		border-radius: 4px;
		width: auto;
		height: auto;
	}
	#mail{
		float: none;
		width: auto;
		display: inline-block;
	}

	#headinfo noindex{
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
	}


	.inners #sidebar{
		box-sizing: border-box;
	}
	#side.inners{
		height: auto;
		background-image: url(../images/a_bgsideinner.jpg);
		background-repeat: inherit;
		-webkit-box-shadow: inset 0px 1px 6px 0px rgba(50, 50, 50, 0.34);
		-moz-box-shadow:    inset 0px 1px 6px 0px rgba(50, 50, 50, 0.34);
		box-shadow:         inset 0px 1px 6px 0px rgba(50, 50, 50, 0.34);
	}
	#sidebar{
		padding-left: 15px;
		padding-right: 15px;
	}

	#side.inners ul{
		width: 100%;
	}
	#side.inners ul li a{
		width: auto;
		margin-right: 25px;
	}

	.a_search{
		float: none;
		width: auto;
		display: inline-block;
	}

	.inners #feedback{
		float: none;
		clear: none;
		width: auto;
		height: auto;
		display: inline-block;
		padding-bottom: 30px;
	}

	#houses{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#houses .house{
		flex: 0 0 30.0%;
		width: auto;
		height: auto;
		margin-bottom: 15px;
		margin-right: 0;
		float: none;

	}

	aside.leftmenus{
		margin: 0 !important;
		margin-top: 15px !important;
		display: inline-block;
	}
	#content{
		width: 72%;
		display: inline-block;
		float: none;
	}

	.item-page{
		display: block;
		float: none;
		width: auto;
		margin-top: 0;
		margin-left: 0;
	}

	.table-responsive{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.ivnz-menu{
		padding-left: 15px;
		padding-right: 15px;
	}

	.ivnz-menu ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.ivnz-menu ul li{
		width: auto;
		flex: 0 0 20.0%;
	}

	div.footermenu{
		margin: 0 15px 15px 15px
	}

	div.footermenu a{
		display: inline-block;
	}

	#copy{
		padding-right: 30px;
	}
	#contacts{
		padding-right: 30px;
		border:0;
	}


	.at_bottom.grey_bg{
		width: auto !important;
	}

	.at_bottom .left_side{
		display: none;
	}

	.at_bottom  .right_side{
		width: 100%;
	}


.element_action img{
	width: 100%;
	height: auto;
}


}

@media (max-width: 767px){
	.hidden-xs {
		display: none!important;
	}
	.visible-xs {
		display: block!important;
	}
	.warp_header_phone{
		margin-top: 25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.forma01{
		padding-top: 0;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.forma01 label{
		width: 100%;
		display: block;

	}
	.forma01 input, .forma01 textarea{
		width: 100%;
	}

	.forma01 .ccms_form_element{
		width: 100%;
	}

	.at_bottom .right_side .forma01 .ccms_form_element label{
		position: inherit;
	}


	.at_bottom .right_side .forma01 .ccms_form_element .inputtext, .at_bottom .right_side .forma01 .ccms_form_element .inputtextarea{
		width: 100%;
		margin-left: 0;
		display: block;
	}

.detail.text.with-photo table.parameters{
	width: 100% !important;
}
.detail.text.with-photo img{
	width: 100%;
	height: auto;
}

.main.photo{
	width: auto !important;
}

.main.photo img{
	max-width: 100% !important;
}

.detail.text.with-photo table{
	width: 100% !important;
}

.table1, #content table{
	width: 100% !important;
}




	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	#header header{
		display: block;
	}

	.link_css{
		float: none;
		display: block;
		text-align: center;
	}


	#headinfo{
		text-align: center;
	}

	#houses .house{
		flex: 0 0 48.0%;
		-webkit-background-size: contain 1	;
		background-size: contain !important;
	}

	#content{
		width: 100%;
	}

	#cont{
		padding: 0 15px;
		box-sizing: border-box;
	}


	.leftmenus nav{
		display: none;
	}

	aside.leftmenus{
		width: 100% !important;
	}

	aside.leftmenus{
		background: none;
	}

	.banner-area{
		text-align: center;
	}

	#copy{
		padding-left: 15px;
		padding-right: 0;
		border-right: 0;
	}

	#liveinet{
		width: auto;
		float: none;
		border-right: 0;
		display: inline-block;
		height: auto;
		margin-top: 20px;
	}

	#contacts{
		display: inline-block;
		float: none;
		width: 100%;
		text-align: center;
		padding-right: 0;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}
	#contacts p{
		display: inline-block;
		margin: 0 15px;
	}

	.warp_index > .row > div{
		text-align: center;
	}
	.warp_index > .row > div a{
		display: block;
	}
	.warp_index > .row > div img{
		width: 100%;
		height: auto;
	}

	.detail.text.with-photo table{
		font-style:normal !important;
	}

	.gallereya_items{
		text-align: center;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.warp_inform a{
		margin-left: 4px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

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

}

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

}

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

}


@media (max-width: 1199px) and (min-width: 992px) {
    .popular-detail-name {
        font-size: 17px
    }
    .popular-detail-prop-title {
        font-size: 13px;
    }
    .popular-detail-prop-val {
        font-size: 14px;
    }
    .popular-price {
        font-size: 17px;
    }
    .popular-more a {
        font-size: 13px;
        padding: 7px 16px;
    }
}


@media(max-width: 991px) {
    
    .ce-popular {
        margin-top: 50px;
    }
    .ce-popular-inner {
        flex-direction: column;
    }
    
    .popular-detail-other-item:first-child,
    .popular-detail-other-item {
        margin: 0 10px 40px;
    }
    
    .popular-photo-item {
        text-align: center;
        height: 200px;
    }

    .popular-detail-name {
        text-align: center;
        font-size: 18px;
    }

    .popular-detail-props {
        font-size: 14px;
    }

    .popular-detail-prop {
        justify-content: center;
    }

    .popular-detail-prop-title {
        font-size: 14px;
    }

    .popular-detail-prop-val {
        font-size: 15px;
    }

    .popular-price {
        text-align: center;
        font-size: 18px;
    }

    .popular-more {
        text-align: center;
    }

    .popular-detail-props {
        font-size: 14px;
    }
/*
    .popular-more a {
        padding: 7px 16px;
        font-size: 13px;
    }
*/
}