/* Marseille - Real Estate HTML Template */
@media only screen and (max-width: 1340px){
.page-wrapper{
overflow:hidden;
}
.featured-properties .fluid-slide-item .content-column .inner{
padding:50px 30px;
}
.featured-properties .fluid-slide-item .content-column .property-specs ul{
display:block;
}
.featured-properties .fluid-slide-item .content-column .property-specs ul li{
float:left;
width:50%;
}
}
@media only screen and (max-width: 1140px){
.main-header{
position:relative;
margin:0px !important;
}
.main-header.light-version{
position:relative;
background:#1b2936;
}
.header-style-one .nav-outer,
.light-version .nav-outer{
width:100%;
}
.header-style-one .main-box .logo-box{
width:100%;
text-align:center;
padding-bottom:0px;
}
.main-menu .navigation > li{
padding:0px;
margin-left:0px;
margin-right:30px;
}
.page-title{
padding:80px 0px;
}
.sidebar-page-container .sidebar,
.sidebar.blog-sidebar{
margin-left:0px;
padding-left:0px;
}
.main-slider .slide-content .image-column{
display:none;
}
.main-slider .slide-content .content-column{
width:100%;
}
.main-slider .slide-content .property-tag{
position:relative;
left:0px;
right:0px;
display:inline-block;
top:0px;
margin:0px 0px 20px;
}
.property-categories .columns-outer .small-column,
.property-categories .columns-outer .big-column{
width:100%;
}
.property-carousel .slide-item .image-column,
.property-carousel .slide-item .content-column{
width:100%;
}
.property-carousel .slide-item .content-column .prop-label{
position:relative;
top:0px;
right:0px;
display:inline-block;
margin-bottom:10px;
margin-right:0px;
}
.property-carousel .slide-content{
margin:1px;
}
.testimonial-style-two .slide-item .content-box{
width:100%;
}
.testimonial-style-two .slide-item .content-box .inner{
margin:0px 0px 50px 0px;
padding:40px 20px 20px;
box-shadow:none;
border:1px solid #f0f0f0;
}
.testimonial-style-two .slide-item .image{
width:50%;
}
.masonry-items-container{
margin:0px -10px;
}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{
display:block !important;
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 1023px){
.header-style-one .nav-outer{
padding-right:0px;
}
.header-style-two .main-box .logo-box{
width:100%;
text-align:center;
padding-bottom:0px;
}
.header-style-two .nav-outer{
width:100%;
}
.header-style-one .nav-outer .quote-btn-outer{
display:none;
}
.main-menu .navigation > li{
padding:0px;
margin-right:20px;
}
.header-style-two .header-lower .main-menu .navigation > li{
margin:0px 10px;
}
.sticky-header{
display:none;
}
.featured-properties .fluid-slide-item .content-column,
.featured-properties .fluid-slide-item .image-column,
.featured-properties-two .slide-item .content-column,
.featured-properties-two .slide-item .image-column{
position:relative;
width:100%;
height:auto;
}
.featured-properties .fluid-slide-item .image-column .image,
.featured-properties-two .slide-item .image-column .image{
display:block;
}
.featured-properties .featured-properties-carousel .owl-nav{
position:relative;
text-align:center;
margin-top:30px;
}
.featured-properties .featured-properties-carousel .owl-nav .owl-prev,
.featured-properties .featured-properties-carousel .owl-nav .owl-next{
position:relative;
display:inline-block;
margin:0px 10px;
left:0px;
top:0px;
right:0px;
bottom:0px;
width:40px;
height:40px;
line-height:40px;
font-size:16px;
}
.featured-properties-two .slide-item .content-column .property-specs ul li{
float:left;
width:50%;
}
}
@media only screen and (max-width: 767px){
.header-style-one .nav-outer,
.header-style-two .nav-outer{
padding-right:0px;
width:100%;
}
.header-style-one .main-box .logo-box{
padding-bottom:20px;
}
.header-style-two .main-box .logo-box,
.light-version .main-box .logo-box{
padding-bottom:20px;
text-align:left;
width:auto;
}
.header-style-one .search-btn{
left:0px;
right:auto;
top:30px;
z-index:20;
text-align:left;
border-left:none;
border-right:1px solid rgba(0,0,0,0.30);
}
.main-header .main-box .logo-box {
position:relative;
padding:20px 0px;
}
.main-header .header-top-one .top-right,
.main-header .header-top-one .top-left{
width:100%;
padding:0px;
}
.main-header .header-top-one .top-right ul,
.main-header .header-top-one .top-left ul{
text-align:center;
width:100%;
margin:0px 0px;
padding:0px;
}
.main-header .header-top-one .top-right ul li,
.main-header .header-top-one .top-left ul li{
margin:5px 7px;
padding:0px;
border:none;
display:inline-block;
float:none;
}
.main-header .header-top-one .top-right ul li:before,
.main-header .header-top-one .top-left ul li:before{
display:none;
}
.main-header .main-menu{
padding-top:0px;
width:auto;
margin:0px;
}
.main-header.header-style-two .main-menu,
.main-header.light-version .main-menu{
margin-top:-85px;
}
.main-menu .collapse {
max-height:360px;
overflow:auto;
float:none;
width:100%;
padding:0px 0px 0px;
border:none;
margin:0px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.main-menu .collapse.in,
.main-menu .collapsing{
padding:10px 0px 0px;
border:none;
overflow:auto;
margin:0px 0px 15px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.main-header.light-version .main-menu .collapse.in,
.main-header.light-version .main-menu .collapsing{
margin-top:15px;
}
.main-menu .navbar-header{
position:relative;
float:none;
display:block;
text-align:right;
width:100%;
padding:15px 0px;
right:0px;
z-index:12;
}
.main-menu .navbar-header .navbar-toggle{
display:inline-block;
z-index:7;
border:1px solid #01aeef;
float:none;
margin:0px 0px 0px 0px;
border-radius:0px;
background:#01aeef;
}
.main-menu .navbar-header .navbar-toggle .icon-bar{
background:#ffffff;
}
.main-menu .navbar-collapse > .navigation{
float:none !important;
margin:0px !important;
width:100% !important;
background:#01aeef;
border:1px solid #ffffff;
border-top:none;
}
.main-menu .navbar-collapse > .navigation > li{
margin:0px !important;
float:none !important;
padding:0px !important;
width:100%;
}
.main-menu .navigation > li > a,
.main-menu .navigation > li > ul:before{
border:none;
}
.main-menu .navbar-collapse > .navigation > li > a{
padding:10px 10px !important;
border:none !important;
}
.main-menu .navigation li.dropdown > a:after,
.main-menu .navigation > li.dropdown > a:before,
.main-menu .navigation > li > ul > li > a::before,
.main-menu .navigation > li > ul > li > ul > li > a::before{
color:#ffffff !important;
right:15px;
font-size:16px;
display:none !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
position:relative;
border:none;
float:none;
visibility:visible;
opacity:1;
display:none;
margin:0px;
left:auto !important;
right:auto !important;
top:auto !important;
width:100%;
background:#01aeef;
-webkit-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
transition:none !important;
-webkit-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
-moz-transition:none !important;
-webkit-box-shadow:none !important;
-ms-box-shadow:none !important;
box-shadow:none !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
border-top:1px solid rgba(255,255,255,1) !important;
}
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li,
.main-menu .navigation > li > ul > li:last-child{
border-top:1px solid rgba(255,255,255,1) !important;
opacity:1 !important;
top:0px !important;
left:0px !important;
visibility:visible !important;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:1px solid rgba(255,255,255,1) !important;
}
.main-menu .navbar-collapse > .navigation > li:first-child{
border:none;
}
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
padding:10px 10px !important;
line-height:22px;
color:#ffffff;
background:#01aeef;
text-align:left;
font-weight:600;
text-transform:uppercase;
}
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus{
background:#01aeef;
}
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
background:#01aeef;
color:#ffffff !important;
}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
display:block;
}
.main-menu .navbar-collapse > .navigation li.dropdown:after,
.main-menu .navigation > li > ul:before{
display:none !important;
}
.main-slider,
.page-title{
margin-top:0px !important;
}
.main-slider .tp-caption,
.main-slider .slide-content .specs-list,
.main-slider .slide-content .price-header{
display:none !important;
}
.main-slider .tp-caption.content-caption{
display:block !important;
}
.sec-title h2,
.sec-title.medium h2{
font-size:24px;
}
.page-title h1{
font-size:24px;
}
.main-header .search-form-panel,
.default-search-section .search-form-panel{
background:#ffffff;
}
.testimonials-section-one .slide-item .slide-content .image{
width:100%;
padding:30px 30px 0px;
}
.testimonials-section-one .slide-item .slide-content .content-box{
width:100%;
}
.testimonials-section-two .pagers-outer .owl-stage-outer{
overflow:hidden;
}
.default-property-box .lower-content .property-specs li{
display:block;
float:left;
width:50%;
}
.agent-details .basic-details .content-column .inner{
padding-right:0px;
}
}
@media only screen and (max-width: 599px){
.comments-area .comment .comment-inner{
padding-left:0px;
margin-left:0px;
}
.comments-area .comment .comment-inner .author-thumb{
position:relative;
left:0px;
top:0px;
margin:0 0 30px;
}
.comments-area .comment .comment-content{
padding-left:20px;
}
.featured-properties .fluid-slide-item .content-column .property-specs ul li,
.featured-properties-two .slide-item .content-column .property-specs ul li{
width:100%;
}
.property-carousel .slide-item .property-specs ul{
display:block;
}
.property-carousel .slide-item .property-specs li{
float:left;
width:50%;
}
.property-carousel .owl-nav,
.featured-properties-two .featured-properties-carousel .owl-nav{
position:relative;
top:0px;
margin-top:20px;
margin-left:-5px;
}
.agent-details .basic-details .form-column .form-group button{
width:100%;
}
}
@media only screen and (max-width: 479px) {
.sidebar-page-container .comments-area .reply-comment,
.sidebar-page-container .comments-area .comment .comment-inner{
padding-left:0px;
margin-left:0px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:relative;
left:0px;
top:0px;
margin-bottom:20px;
}
.testimonials-section-one .slide-item .slide-content .image{
width:100%;
padding:30px 30px 0px;
}
.testimonials-section-one .slide-item{
padding:0px;
}
.testimonials-section-one .owl-nav{
position:relative;
margin:30px 0px 0px;
text-align:center;
}
.testimonials-section-one .owl-nav .owl-prev,
.testimonials-section-one .owl-nav .owl-next{
position:relative;
display:inline-block;
padding:0px;
top:0px;
margin:0px 5px;
}
.default-property-box .lower-content .property-specs li{
width:100%;
}
.layout-controls .inner .layout-options{
float:left;
width:100%;
padding:20px 0px;
}
}