/**
 * Rento - responsive styelesheet
 * 
 * @package rento
 * @subpackage rento.header
 * @since rento 1.0.0
 */

/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.primary_header #cssmenu ul li > a, .primary_header  ul.nav li > a{
	margin:0 22px;
}
.rent-location .rent{
	width:26%;
}
figcaption.rent-location{
	padding-right:15px;
	padding-left:15px;
}
.rent-location .location{
	width:74%;
}
.rento-properties-layout-one .property-meta span.r-mark {
    height: 60px;
    line-height: 60px;
    margin-right: 9px;
    width: 60px;
}
.rento-properties-layout-one .property-meta span.r-mark i {
	font-size:22px;
}
.rento-properties-layout-one .property-meta span.property-text {
	padding:20px 0;
}
.rento-agents-layout-one .agent-pic {
	margin-right:20px;
}
.rento-agents-layout-one .agent-info {
	width: -webkit-calc(100% - 123px);
    width: -moz-calc(100% - 123px);
    width: calc(100% - 123px);
}
.search-form-layout-one .third-section {
	padding-left: 15px;
    padding-right: 15px;
}
.rento-services-layout-one .back-view p {
	line-height:20px;
}
.rento-contact-layout-one .col-sm-4 {
	padding: 60px 60px 70px;
}
}
@media only screen and (max-width: 1199px) {
.rento-service-layout-three .services {
    padding: 10px 20px;
}	
}
/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (max-width: 991px) {
	.rento-our-blog-layout-one .blog-date{
		padding:32px 0;
	}
	.rento-our-blog-layout-one .rento-blog-content{
		padding:20px 0;
	}
	.rento-our-blog-layout-one .blog-list{
		margin-bottom:0;
	}
	.lsection {
    padding: 60px 0 40px;
}
.rento-mark.tline::before{
	height:61px;
}
.tsection {
    padding: 60px 0 40px;
}
.property-thumb figcaption{
	padding-right:10px;
	padding-left:10px;
}
.rento-contact-layout-two .col-sm-4{
	padding: 40px 30px;
}
.rento-contact-layout-one .col-sm-4{
	padding-left:0;
	padding-right:0;
}
.rento-contact-layout-one .col-sm-4 {
    padding: 40px 25px 50px;
}
.rento-services-layout-one .back-view{
	padding:50px 40px;
}
.sidebar input[type="submit"]{
	padding-right:10px;
	padding-left:10px;
}
.sidebar input[type="text"]{
	max-width:125px;
}
.sidebar .sidebar-category{
	margin-bottom:15px;
}
.blog-side-main{
	margin-bottom:0;
}
.primary-footer{
	padding-top:125px;
}
.archive-list > li{
	overflow:hidden;
}
.primary_header #cssmenu ul li > a, .primary_header  ul.nav li > a{
	margin: 0 8px;
}
.in-touch-popup-wrap .wpcf7-form input, .in-touch-popup-wrap .wpcf7-form textarea{
	width:100%;
}
.in-touch-popup-wrap .wpcf7-form select{
	width:100%;
	margin-bottom:15px;
}
.in-touch-popup-wrap .wpcf7-form textarea{
	height:150px;
}
.in-touch-popup-wrap .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, .rento-contact-form-one .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	bottom:-11px;
}
.rento-services-layout-one .rento-service-view:hover .back-view{
	transform:none;
}
.in-touch-popup-wrap{
	overflow:scroll;
}
.search-form-layout-one .first-section, .search-form-layout-one .second-section {
	width:50%;
}
.search-form-layout-one .third-section {
	width:100%;
}
.rento-service-layout-two .row .col-md-4:nth-of-type(2n+1), 
.rento-service-layout-three .row .services:nth-of-type(2n+1) {
	clear: none;
}
.rento-properties-layout-one .property-meta span.r-mark {
    height: 60px;
    line-height: 60px;
    margin-right: 15px;
    width: 60px;
}
.rento-properties-layout-one .property-meta span.r-mark i {
	font-size: 18px;
}
.rento-properties-layout-one .property-meta span.property-text {
	width: 70%;
    width: -webkit-calc(100% - 75px);
	width: -moz-calc(100% - 75px);
	width: calc(100% - 75px);
	padding: 0;
	text-align: center;
}
}

 /*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width: 767px) {
.container{
	padding-right:15px;
	padding-left:15px;
}
.lsection {
    padding: 30px 0 25px;
}
.rento-our-blog-layout-one .blog-date {
    padding: 15px 0;
    text-align: center;
}
.blog-list figure{
	text-align:center;
}
.tsection {
    padding: 30px 0 25px;
}
.rento-mark.tline::before {
    height: 31px;
}
.rento-properties-layout-one .property-meta{
	margin-top:15px;
	padding-right: 10px;
	padding-left:10px;
	margin-bottom:15px;
}
.section-header{
	margin-bottom:20px;
}
.rento-contact-layout-one .col-sm-4 {
    padding: 20px 0px 10px;
}
.rento-newsletter-layout-one{
	position:static;
}
.primary-footer{
	padding-top:0;
}
.rento-newsletter-layout-one input[type="text"], .rento-newsletter-layout-one input[type="email"]{
	width:80%;
	margin-bottom:10px;
}
.rento-contact-form-layout-one .rento-contact-form-one .input-fields span{
	width:100%;
}
.sidebar input[type="text"]{
	max-width:100%;
	width:70%;
}
.sidebar input[type="submit"]{
	padding-right:20px;
	padding-left: 20px;
}
.sidebar .sidebar-category{
	margin-bottom:0;
}
.sidebar h5{
	margin-bottom:5px;
}
.blog-upper-section{
	margin-bottom:25px;
}
.property-thumb img{
	width:100%;
}
.primary_header nav#cssmenu,.primary_header nav#cssmenu ul{
float:none;
}
.primary_header .navbar-nav{
	margin-right:0;
	margin-left:0;

}
.primary_header .navbar-header{
	position:absolute !important;
	right:0;
}
.primary_header #cssmenu .navbar-nav li > ul.sub-menu{
	position:static;
	display:none;
}
.primary_header #cssmenu .navbar-nav li:hover > ul.sub-menu, .primary_header .sub-menu li:hover > .sub-menu{
	display:none;
}
.rento-header-layout-two .secondary-header .contact-detail span{
	border:none;
	border-bottom:1px solid #dbdbdb;
	display:block;
	width:100%;
	text-align:center;
}
.rento-header-layout-two .secondary-header .contact-detail span:last-child{
	border-right:none;
}
.rento-header-layout-two .secondary-header .social-icon a{
	float:none;
	display:inline-block;
}
.rento-properties-layout-one .property-meta span.property-text {
	text-align:left;
}
.rento-header-layout-two .secondary-header .social-icon .icons{
	float:none;
	text-align:center;
}
.rento-header-layout-one .primary_header nav#cssmenu > ul{
	background-color: rgba(0,0,0,0.7);
}
.rento-header-layout-three .navbar.navbar-default{
	padding:0;
}
.navbar-header > button.navbar-toggle:focus{
	background-color:white;
}
.primary_header .navbar-nav li > i{
	z-index:10;
}
.rento-header-layout-three .map-layout{
	display:none;
}
.rento-header-layout-four .navbar.navbar-default{
	padding:0;
}
.rento-mark.lline{
	margin-bottom:20px;
}
.rento-services-layout-one .rento-service-view:hover .back-view{
	transform:none;
}
 .rento-our-blog-layout-one .blog-date a::after {
    height: 1px;
    left: 50%;
    right: auto;
    top: 100%;
    width: 100px;
     -moz-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
}
.primary-footer {
    padding-top: 40px;
}
.rento-message-layout-one {
	margin-bottom:15px;
}
.breadcrumb{
	margin-bottom:0;
}
.content-area{
	margin-top:0;
}
.in-touch-popup-wrap .wpcf7-form input, .in-touch-popup-wrap .wpcf7-form textarea{
	width:100%;
}
.in-touch-popup-wrap .wpcf7-form select{
	width:100%;
	margin-bottom:15px;
}
.in-touch-popup-wrap .wpcf7-form textarea{
	height:120px;
}
.in-touch-popup-wrap .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, .rento-contact-form-one .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	bottom:-11px;
}
.in-touch-popup-wrap .in-touch-popup-box{
	width:94%;
margin:4% 3%;
}
.rento-properties-layout-one .property-meta span.r-mark{
	margin-right:5px;
	height:58px;
	width:58px;
	line-height:58px !important;
}
.rento-properties-layout-one .property-meta span.property-text{
	font-size:15px;
	padding:18px 0;
}
.rento-properties-layout-one .property-meta span.r-mark i{
	font-size:20px;
}
.rento-properties-layout-one .property-meta{
	margin-right:-15px;
	margin-left:-15px;
	padding-right:0;
	padding-left:0;
}
.rento-properties-layout-one .property-meta > .col-xs-12{
	margin-bottom:10px;
}
.rento-map-layout-one .map-holder{
	height:280px;
}
.rento-service-layout-three .services{
	padding-right:15px;
	padding-left:15px;
}
.in-touch-popup-wrap{
	overflow:scroll;
}
.secondary-header{
	display:none;
}
.breadcrumb .row .col-sm-12 > span {
    padding: 10px 20px;
    margin-right: 15px;
    font-size: 16px;
}
.breadcrumb ul {
	margin: 0;
	line-height: 45px;
}
.breadcrumb ul a,
.breadcrumb ul li.active {
	font-size:11px;
}
.rento-facility {
	    padding: 30px 40px;
	    margin-bottom: 35px;
}
.rento-facility > ul > li {
	float: none;
	width:100%;
}
.rento-header-layout-two .logo-one {
	float:left;
}
.comment-right-box {
	width:82%;
}
.single .hleft,
.single .hright {
	float: none;
	width:100%;
}
.single .property-agents-available {
    margin-top: 30px;
}
.blog-upper-section:after {
	height:95%;
}
.single .property-meta span {
    width: 100px;
}
.wpp_google_maps_attribute_row_directions_link a.btn {
	font-size:9px;
	padding:5px;
	line-height:20px;
}
.csection-header {
	width:100%;
}
.rento-properties-layout-one .property-subheading {
	font-size: 20px;
    line-height: 25px;
    width: 100%;
}
.rento-mark {
	margin: 0 auto 15px;
	float:none;
}
.property-meta,
.property-blog .property-desc {
	padding:25px 12px;
}
.search-form-layout-one .first-section, .search-form-layout-one .second-section, .search-form-layout-one .third-section {
     float: none; 
    width: 100%;
    padding: 25px 20px;
}
.section-header {
	text-align:center;
}
.rento-our-blog-layout-one .rento-blog-content {
	padding-left: 15px;
	padding-right: 15px;
}
.rento-message-layout-one p {
	font-size: 16px;
}
.rento-properties-layout-one .phd {
	margin:0;
}
.nav .rento-mega-menu-item-layout {
	position:relative;
}
.primary_header #cssmenu ul.sub-menu, .primary_header .navbar ul.sub-menu {
	opacity:1;
	visibility: visible;
}
.primary_header #cssmenu .rento-mega-menu-warp .widget_nav_menu ul.sub-menu, 
.primary_header .navbar .rento-mega-menu-warp .widget_nav_menu ul.sub-menu
.rento-mega-menu-warp .widget_nav_menu li ul.submenu {
	display:none;
}
}

@media only screen and (min-width:768px) {
	.primary_header #cssmenu .rento-mega-menu-warp ul.sub-menu, .primary_header .navbar .rento-mega-menu-warp ul.sub-menu {
		display: block !important;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.rento-header-layout-two .secondary-header .social-icon {
    display:none;
}
.rento-header-layout-two .secondary-header .contact-detail {
	border-bottom: 1px solid #dcdcdc;
}
.rento-header-layout-two .secondary-header .social-icon .icons {
	float:none;
}
.rento-header-layout-two .secondary-header .social-icon .icons a {
	float:none;
	display: inline-block;
}
.rento-property-latest-post-layout-one .property-blog .property-block:nth-of-type(2n+1),
.rento-property-latest-post-layout-two .property-blog .property-block:nth-of-type(2n+1) {
	clear:both;
}
.rento-gallery-list .property-blog > div:nth-of-type(2n+1) {
	clear:both;
}
.search-form-layout-one .third-section .facilitylist {
	width:33.3%;
}
.search-form-layout-one .third-section .facilitylist:nth-of-type(2n+1) {
	clear: none;
}
.search-form-layout-one .third-section .facilitylist:nth-of-type(3n+1) {
	clear: both;
}
.rento-mega-menu-warp h2 {
	font-size:18px;
}
.primary_header #cssmenu .rento-mega-menu-warp ul.sub-menu, .primary_header .navbar .rento-mega-menu-warp ul.sub-menu {
	min-width:0 !important;
}
}
@media only screen and (max-width:479px) {
	.search-form-layout-one .third-section .facilitylist {
		margin-bottom: 10px;
   		 width: 100%;
	}
}

@media only screen and (min-width:992px) {
	.rento-service-layout-two .row .col-md-4:nth-of-type(3n+1),
.rento-service-layout-three .row .services:nth-of-type(3n+1) {
	clear:both;
}
.rento-property-latest-post-layout-one .property-blog .property-block:nth-of-type(3n+1),
.rento-property-latest-post-layout-two .property-blog .property-block:nth-of-type(3n+1) {
	clear:both;
}
.rento-gallery-list .property-blog > div:nth-of-type(3n+1) {
	clear:both;
}
.rento-property-listing-layout-one .two-col > div:nth-of-type(2n+1) {
	clear: both;
}
}