@media (min-width: 220px) {
	.text-box { padding: 15px; }
	
	h1 { font-size: 47px; }
	h3 { font-size: 29px; }
	
	img { max-width: 100%; }
	.navbar-brand { margin: 0 auto; max-width: 200px; }
	.navbar .navbar-nav { padding: 0 15px; }
	.navbar .navbar-nav .nav-link { padding: 10px 12px; }
	
	#home_carousel .carousel-indicators { top: 10%; bottom: auto; left: 0; right: auto; }
	#planos .carousel-indicators { top: 10%; }
	
	.planos { margin-bottom: 50px; }
	.planos .text-box { position: static; width: 100%; max-width: none; }
	
	#home_carousel .carousel-indicators li,
	#planos .carousel-indicators li { margin-bottom: 30px; }
	
	#home .text-box h1 { font-size: 47px; }
	
	#estrutura { padding-top: 75px; }
	#estrutura .nestle { max-width: 500px; }
	
	#diferenciais div[class*=col-] { margin-bottom: 20px; }
	#diferenciais .col-md-5 { text-align: justify; }
	#diferenciais .col-md-5 h1 { text-align: left; }
	#diferenciais .col-md-7 .col-xl-5 .text-box:nth-child(1) { margin-bottom: 20px; }
	#diferenciais .mobile { display: block; }
	
	#diferenciais h4 { display: block; text-align: center; }
	#diferenciais h4 img { margin: 0 auto 20px; display: block; }
	
	.video-diferenciais {
		background-image: url("http://24station.com.br/assets/img/diferenciais-play.png");
	}
	
	#coworking .col-md-3,
	#coworking .col-md-3 div { min-height: 300px; }
	#coworking h2 { position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); min-width: 150px; text-align: center; }
	
	#contato { padding-bottom: 100px; }
	#contato .col-md-7 > div { margin: 0 auto; } 
	#contato div[class*=sm] { padding: 0; }
	#contato div[class*=sm-6]:first-child { margin-bottom: 20px; }
	#contato form label { margin: 15px 0 0 0; width: 100%; }
	
	#modal-comunicado .modal-dialog .modal-body p { font-size: 10px; line-height: 11px; margin-bottom: 10px; }
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) { margin-top: 50px; }
}

@media (min-width: 370px) {
	#modal-comunicado .modal-dialog .modal-body p {font-size: 12px;line-height: 13px;margin-bottom: 10px; }
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) {margin-top: 60px; }
}

@media (min-width: 410px) {
	#modal-comunicado .modal-dialog .modal-body p {font-size: 13px;line-height: 15px;margin-bottom: 10px;}
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) {margin-top: 70px;}
}

@media (min-width: 550px) {
	#modal-comunicado .modal-dialog .modal-body p {font-size: 15px;line-height: 20px;margin-bottom: 10px;}
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) {margin-top: 110px;}
}

@media (min-width: 660px) {
	#contato form input[type="tel"] { width: 95%; }
	#contato .col-sm-5 input { max-width:43%; }
	#contato form label { margin: 0; margin-left: 15px; }

	#modal-comunicado .modal-dialog .modal-body p {font-size: 14px;line-height: 18px;margin-bottom: 10px;}
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) {margin-top: 90px;}
}

@media (min-width: 768px) {
	#home_carousel .carousel-indicators,
	#planos .carousel-indicators { top: 30%; }
	#home .text-box { position: absolute; top: 75%; right: 0%; }
	
	
	#estrutura { padding-top: 215px; }
	#estrutura .nestle { max-width: 660px; }
	#estrutura .nestle h3 { text-align: left; }
	
	#diferenciais h4 { display: table; text-align: left; }
	#diferenciais h4 img { float: left; margin-right: 20px; }
	
	#coworking .col-md-3 div { border-left: solid 5px #000000; }
	#coworking .col-md-3:nth-child(1) div { border-left: 0; }
	#coworking h2 { right: 10%; }
	
	#quem-somos .text-box {max-width: 530px;margin-left: 10%;padding-top: 0;}
	
	#quem-somos span {
		top: 48%;
	}
	
	#contato .col-sm-5 input { max-width:37%; }
	
	#modal-comunicado .modal-dialog { max-width: 700px; }
	#modal-comunicado .modal-dialog .modal-body p { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#modal-comunicado .modal-dialog .modal-body p:nth-child(3) { margin-top: 130px; }
}

@media (min-width: 768px) and (max-width: 820px) {
	.navbar-brand { max-width: 300px; }
	
	#contato .col-sm-7 { padding-top: 25px !important; }
	#contato .col-sm-5 input { max-width:91%; }
}

@media (min-width: 1024px) {
	#anime-img-2 { left: auto; right: -350px; top: 75px; }
	#anime-img-3 { left: -300px; }
	
	.content {
		padding-top: 120px;
		background-image: url(../img/bg-home.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 60%; 
		background-position-y: -100px; 
		background-position-x: 525px;
	}
	
	.text-box {padding: 30px;}
	.planos .text-box { max-width: 550px; }
	
	.planos { margin-bottom: 160px; }
	
	h1 { font-size: 58px; }
	h2 { font-size: 37px; }
	h3 { font-size: 31px; }
	
	.navbar { padding-top: 0; padding-bottom: 0; }
	.navbar-brand { max-width: none; }
	.navbar .navbar-nav .nav-link { line-height: 120px; padding: 0px 5px; }
	
	.carousel { max-width: 900px; }

	#galeria .modal-dialog {
		max-width: 400px;
	}
	
	#home_carousel .carousel-indicators,
	#escritorio-privativo .carousel-indicators,
	#mesa-dedicada .carousel-indicators,
	#hot-desk .carousel-indicators,
	#espaco-evento .carousel-indicators { top: 45%; }
	
	#home_carousel .carousel-indicators li,
	#escritorio-privativo .carousel-indicators li,
	#mesa-dedicada .carousel-indicators li,
	#hot-desk .carousel-indicators li,
	#espaco-evento .carousel-indicators li { margin-bottom: 20px; }
	
	#home .text-box { position: absolute; top: 65%; right: 0%; }
	.planos .text-box { position: absolute; top: 50%; right: 0%; }
	
	.plano-2 .text-box,
	.plano-4 .text-box	{ right: auto; left: 0; }
	
	#estrutura { padding-top: 185px; }
	
	.wrap-diferenciais-coworking {
		background-image: url(../img/bg-coworking.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: auto; background-position-y: 780px; background-position-x: -250px;
	}
	
	.video-diferenciais {
		background-image: url("http://24station.com.br/assets/img/diferenciais.jpg");
	}
	
	#diferenciais video { width: 85%; height: auto; }		
	
	.video-diferenciais img {
		display: block;
		transform: translate(-49%, -50%);
        left: 46%;
        top: 50%;
	}
	
	.video-diferenciais span img {
		opacity: 1 !important;
		max-width: 30px;
		transform: translate(-46%, -50%);
		left: 54%;
		top: 57%;
	}
	
	#coworking h2 { right: 50%; }
	
	#quem-somos {
		background-image: url(../img/bg-quem-somos.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100%; background-position-y: 50px; background-position-x: 440px;
	}

	#quem-somos .text-box {padding: 0 30px;}
	
	#quem-somos span {
		top: 49%;
	}
	
	#contato {
		background-image: url(../img/bg-contato.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 0%; background-position-y: 50px; background-position-x: 440px;
	}
	
	/* width */
	::-webkit-scrollbar {
	  width: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background: #000000; 
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(237, 255, 0, .50); 
	  border-radius: 10px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(237, 255, 0, 1); 
	}
}

@media (min-width: 1100px) {
	.navbar .navbar-nav .nav-link { line-height: 120px; padding: 0px 12px; }
	
}

@media (min-width: 1350px) {
	.navbar .navbar-nav li { padding: 0 8px; }
	
	#vertical_bar { width: 25px; }
	
	.content { background-size: 50%; background-position-y: 0px; background-position-x: 850px; }
	
	.carousel { max-width: 1100px; }

	#galeria .modal-dialog {
		max-width: 450px;
	}
	
	#home .text-box,
	.planos .text-box { top: 50%; right: 25%; transform: translate(50%,-50%); }
	.plano-2 .text-box,
	.plano-4 .text-box	{ right: 60%; transform: translate(10%,-50%); }

	.wrap-diferenciais-coworking { background-size: auto; background-position-y: 110px; background-position-x: -720px; }

	#diferenciais div[class*=col-] { padding-left: 10px; padding-right: 10px; }
	#diferenciais .col-md-5 { text-align: right; }
	#diferenciais .col-md-5 h1 { text-align: right; }
	#diferenciais .col-md-5:nth-child(1) { padding: 20px 50px 0; }
	#diferenciais .col-md-7 .col-xl-7 .text-box { padding: 20px 30px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(3) { }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(4) { left: 135px; top: 30px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(5) { top: 145px; }
	
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(3) img { top: -20px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(4) img { left: -25px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(5) img { }
	
	#diferenciais .mobile { display: none; }
	#diferenciais .desktop { display: block; }
	
	.video-diferenciais img {
		transform: translate(-50%, -50%);
        left: 40%;
        top: 50%;
	}
	
	.video-diferenciais span img {
		opacity: 1 !important;
		max-width: 30px;
		transform: translate(-50%, -50%);
		left: 64%;
        top: 57%;
	}
	
	#coworking a { display: block; width: 100%; height: 100%; }
	#coworking .mobile { display: none; }
	
	#coworking h2 { transform: none; top: auto; bottom: 15%; font-size: 40px; line-height: 40px; width: 100%; margin: 0; text-align: left; }
	#coworking .col-md-3,
	#coworking .col-md-3 div { min-height: 450px; margin-bottom: 0; }
	
	#coworking .col-md-3:nth-child(1) h2 { left: auto; right: 0; max-width: 250px; padding-top: 18px; padding-left: 15px; padding-bottom: 50px; }
	#coworking .col-md-3:nth-child(1) h2 span { width: 0%; background-image: url('../img/coworking-line-01.png'); }
	
	#coworking .col-md-3:nth-child(2) h2 { left: 0; right: auto; padding-top: 40px; padding-left: 50px; padding-bottom: 50px; }
	#coworking .col-md-3:nth-child(2) h2 span { width: 0%; background-image: url('../img/coworking-line-02.png'); }
	
	#coworking .col-md-3:nth-child(3) h2 { left: 0; right: auto; padding-top: 30px; padding-left: 70px; padding-bottom: 50px; }
	#coworking .col-md-3:nth-child(3) h2 span { width: 0%; background-image: url('../img/coworking-line-03.png'); }
	
	#coworking .col-md-3:nth-child(4) h2 { left: 0; right: auto; max-width: 250px; padding-top: 10px; padding-left: 75px; padding-bottom: 50px; }
	#coworking .col-md-3:nth-child(4) h2 span { width: 0%; background-image: url('../img/coworking-line-04.png'); }
	
	#quem-somos { padding-bottom: 50px; background-size: 85%; background-position-y: 0px; background-position-x: 580px; }
	
    #quem-somos .text-box { padding: 0px; }
	
	#quem-somos span {
		top: 46%;
	}
	
	#contato div { padding: 0; }
	#contato .col-sm-5 input { max-width:44%; }
	
	#contato { background-size: 100%; background-position-y: 50px; background-position-x: -820px; padding-bottom:200px; }
}

@media (min-width: 1440px) {
	#anime-img-1,
	#anime-img-2,
	#anime-img-3 { display: block; }
	
	#anime-img-2 { right: -420px; }
	
	#vertical_bar { width: 45px; }
	
	.content { background-size: 60%; background-position-y: -30px; background-position-x: 690px; }
	
	.carousel { max-width: 1200px; }

	#galeria .modal-dialog {
		max-width: 500px;
	}
	
	#home .text-box,
	.planos .text-box { top: 50%; right: 25%; transform: translate(50%,-50%); }
	.plano-2 .text-box,
	.plano-4 .text-box	{ right: 60%; transform: translate(10%,-50%); }

	.wrap-diferenciais-coworking { background-size: auto; background-position-y: 180px; background-position-x: -610px; }
	
	#diferenciais .col-md-7 .col-xl-5 .text-box { padding: 18px 20px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box { padding: 20px 30px; }
	
	#coworking .col-md-3,
	#coworking .col-md-3 div { min-height: 490px; margin-bottom: 0; }
	
	#diferenciais .col-md-7 .col-xl-7 .text-box { padding: 20px 30px; }
	#diferenciais .col-md-7 .col-xl-5 .text-box:nth-child(1) { padding: 52px 20px; }
	
	#diferenciais video { width: 100%; height: auto; }		
	
	#quem-somos { padding-bottom: 50px; background-size: 80%; background-position-y: 0px; background-position-x: 630px; }
	
	#contato { background-size: 100%; background-position-y: 40px; background-position-x: -820px; }
}

@media (min-width: 1600px) {
	#vertical_bar { width: 65px; }
	
	.content { background-size: 60%; background-position-y: -20px; background-position-x: 930px; }
	
	.carousel { max-width: 1370px; }

	#galeria .modal-dialog {
		max-width: 550px;
	}
	
	#home .text-box,
	.planos .text-box { top: 50%; right: 20%; transform: translate(50%,-50%); }
	.plano-2 .text-box,
	.plano-4 .text-box	{ right: 70%; transform: translate(10%,-50%); }
	
	.wrap-diferenciais-coworking { background-size: auto; background-position-y: 180px; background-position-x: -610px; }
	#diferenciais .col-md-5:nth-child(1) { padding: 20px 50px 0 0; }
	#diferenciais .col-md-7 .col-xl-5 .text-box { padding: 18px 20px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box { padding: 20px 30px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(3) { }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(4) { left: 135px; top: 30px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(5) { top: 145px; }
	
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(3) img { top: -20px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(4) img { left: -25px; }
	#diferenciais .col-md-7 .col-xl-7 .text-box h4:nth-child(5) img { }
	
	.video-diferenciais img {
		transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
	}
	
	#coworking .col-md-3,
	#coworking .col-md-3 div { min-height: 550px; margin-bottom: 0; }
	
	#quem-somos { padding-bottom: 50px; background-size: 75%; background-position-y: -20px; background-position-x: 700px; }
	
	#contato { background-size: 100%; background-position-y: -10px; background-position-x: -900px; }
}

@media (min-width: 1920px) {
	#anime-img-2 { left: auto; right: -180px; }
	
	.navbar { padding: 0; }
	
	.content { background-size: 63%; background-position-y: -50px; background-position-x: 850px; }

	#galeria .modal-dialog {
		max-width: 600px;
	}
	
	#home_carousel .carousel-indicators, 
	#escritorio-privativo .carousel-indicators, 
	#mesa-dedicada .carousel-indicators, 
	#hot-desk .carousel-indicators, 
	#espaco-evento .carousel-indicators { top: 50%; }
	
	#home_carousel .carousel-indicators li,
	#escritorio-privativo .carousel-indicators li,
	#mesa-dedicada .carousel-indicators li,
	#hot-desk .carousel-indicators li,
	#espaco-evento .carousel-indicators li { margin-bottom: 10px; }
	
	#home .text-box { top: 60%; right: 25%; transform: translate(35%,-50%); }
	#home .text-box h1 { font-size: 53px; }
	
	.planos .text-box {top: 65%;right: 25%;transform: translate(35%,-50%);}
	.plano-2 .text-box,
	.plano-4 .text-box	{ right: 65%; transform: translate(35%,-50%); }
	
	#estrutura { padding-top: 75px; }
	
	.wrap-diferenciais-coworking { background-size: auto; background-position-y: 100px; background-position-x: -450px; }
	
	#coworking .col-md-3,
	#coworking .col-md-3 div { min-height: 650px; margin-bottom: 0; }
	
	#quem-somos { padding-bottom: 50px; background-size: auto; background-position-y: 0; background-position-x: 850px; }
	#quem-somos .text-box { padding-top: 0px; }
	
	#contato { background-size: auto; background-position-y: 0px; background-position-x: -940px; }
	#contato .col-md-7 > div { margin-right: 105px; margin-left: auto; }
	#contato .col-md-7  { padding-top: 100px; }
	#contato .col-md-5 { padding-left: 33px; }
	#contato .barrinha { display: block; }
	
}