/*---------------------------

Responsive.css

Dantas e Pereira
Author: Natan Miranda (natanmiranda@yahoo.com.br)
HTML, CSS, Bootstrap4, jQuery, Popper


1. Smartphones screen;
2. Default desktop screen;
3. Tablet screen;

------------------------------*/


/* 1. only smartphone */
@media (max-width: 414px) {
	.main-menu .navbar-toggler {
		position: fixed;
		top: 40px;
		right: 10px;
		color: #ec9f4a;
	}
	.main-menu.fixed-top .navbar-toggler {
		top: 32px;
	}
	.main-menu .navbar-brand {
		margin-left: -20px;
	}
	.navbar .nav-link {
		text-align: left;
	}
	.navbar .nav-link i {
		display: none;
	}
	.site-slider {		
		height: auto !important;
	}
	.site-slider .slider-layer,
	.site-slider .slider-body h1,
	.section-about .section-layer {
		display: none !important;
	}
	.section-profile .slick-slider, .section-profile .slick-list, .section-profile .slick-track {
		height: 220px;
	}
	.section-services .icon img {
		width: 100%;
	}
	.section-rent-a-room .box {
		width: 80%;
	}
	.section-rent-a-room .box .icon {
		width: 100%;
	}
	.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
		font-size: 2.5rem;
	}
	.slick-slider .slick-next {
		right: 40px;
		top: 50%;
	}
	.slick-slider .slick-prev {
		left: 20px;
		top: 50%;
	}

	/*sections */
	.section-about {
		background-image: none !important;
	}
	.section-values,
	.section-areas {
		padding: 3rem 0;
	}
	.section-contact .box-phone {
		float: none !important;
		text-align: left !important;
		padding-top: 1rem !important;
	}

	.section-contact .box-phone {
		display: none;
	}

}


/* 2. only desktop */
@media (min-width: 992px) {
	.navbar-collapse {
		flex-grow: 0;
		height: 100%;
	}
	.navbar-expand-lg {
	    -ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	    -ms-flex-pack: start;
	    justify-content: flex-end;
	}
}


/* 3. only tablet */
@media (min-width: 414px) and (max-width: 1024px) {
	.section-about {
		background-image: none !important;
	}
}