// Import variables into admin.less
@import "style.less";

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

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 

}

/*=====  End of Mobile First  ======*/


/*==================================
=            Responsive            =
==================================*/

@media only screen and (max-width:1199px) {

	.navbar-nav > li a {
		padding: 12px 2px;
	}

	.btn-access {
		padding: 12px 14px;
	}
}

@media only screen and (max-width:991px) {

   /*----------  Navbar Mobile  ----------*/
	.rs-header {
		.rs-search-box {
			.rs-search-input {
				height: 96px;
				font-size: 18px;
			}

			.container {
				.rs-search-btn {
					margin-top: 20px;
					margin-right: 30px;
				}

				&:after {
					bottom: 10px;
					width: 95%;
					margin: 0 2.5%;
				}
			}
		}

		.navbar-header {
			width: auto;
			height: 96px;
		}

		.navbar {
			padding: 0 15px;
			.flex;
			.flex-align-center;
			.flex-justify-end;
		}

		.navbar-brand {
			padding: 10px 15px;

			img {
				height: auto;
				max-height: 100%;
				width: auto;
				max-width: 100%;
			}

			&.right {
				width: 60%;
			}
		}

		.rs-menu-mobile {
			border: 2px solid #fff;
			color: #fff;
			padding: 10px 12px;
			background-color: transparent;
			.transition (all 400ms ease);
			cursor: pointer;

			&:hover, &:active, &:focus {
				text-decoration: none;
				background: rgba(0,0,0,.1);
			}
		}

		.rs-toggle-search {
			margin-right: 15px;
		}
	}
	.rs-steps-modal {
		.modal-content button.close {
			color: #fff;
		}
		.wizard {
			.content {
			    min-height: 58em;
			}
		}
	}

}

@media only screen and (max-width:767px){

	.padding-section {
		padding: 30px 0;
	}

	.rs-cta {
		height: auto;
		background-size: cover;
		padding: 40px 0;

		&:after {
		    margin-top: 39px;
		}
	}

	.rs-comingsoon {
		h2 {
			font-size: 32px;
		}

		p {
			font-size: 18px;
			width: 85%;
		}
	}

	.rs-steps {
		padding: 100px 0 30px;

		.rs-comingsoon {
			background: transparent;
			position: relative;
		}
	}

	.rs-steps-modal {
		.modal-body {
		    padding: 60px 0 0;
	        background-position-x: right;
		}
		.wizard {
			.content {
			    width: 75%;
			    min-height: 37em;

				img {
					max-height: 115px;
				}

				.body {
					p {
					    font-size: 15px;
					}
				}
			}

			.steps {
				width: 20%;
			    margin-top: 30%;
			}

			.rs-steps-title {
				display: none;
			}
			.actions {
				padding: 60px 15px 0;
			}	
		}
	}

	// Home - Notícias
	.rs-noticias {
		.rs-noticias-items {
		 	margin-top: 15px;
		 }
		
		.btn {
			margin-top: 15px;
		}
	}

	// Home - Parceiros
	.rs-parceiros {
		h2 {
			margin-top: 0;
		}

		.slick-prev {
			left: -10px;
		}

		.slick-next {
			right: -10px;

		}

		#rs-parceiros.slick-slider {
			max-width: 85%;
    		margin: auto;
		}
	}

	// Página de Contato
	.rs-contato {
		.rs-map {
			margin-top: 30px;
		}
	}
   
}

@media only screen and (max-width:575px){

	// Header Mobile
	.rs-header {
		.rs-search-box {
			.rs-search-input {
				height: 85px;
				font-size: 18px;
			}
		}
		.navbar-header {
			width: auto;
			height: 85px;
		}
	}

	.rs-steps-modal {
		.wizard {
			.content {
			    min-height: 47em;
			    overflow: scroll;
			}
		}
	}

	// Home - Parceiros
	.rs-parceiros {

		.slick-prev {
			left: -10px;
		}

		.slick-next {
			right: -10px;

		}
	}
}

/*=====  End of Responsive  ======*/