/* CSS Document */

/*
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/

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

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

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

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
}






/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	
	.topo-flex-topo {
		display: block;
	}
	
	.left-conteudo-topo {
		margin-right: 0;
	}
	
	.img-topo-index img {
		max-width: 100%;
    	height: auto !important;
	}
	
	
	.img-topo-right img {
		height: 100px;
	}
	
	.margin-negative-right {
	margin: -30px 0 0 0;
	}
	
	.svg-topo-mobile-right {
		max-width: 400px !important;
		max-height: auto;
	}
	
	.titulo-pag-right::before,.titulo-pag-left::before {
		display: none;
	}
	
	.right-conteudo-topo {
        padding: 2rem 0;
        width: 350px;
        margin: 0 auto;
        margin-top: -45px;
    }
	
	.text-lado-left {
        border-radius: 30px;
        padding: 2rem;
        width: 350px;
        margin: 0 auto;
        margin-top: -40px;
    }
	
	.btn-lg-mobile {
		width: 100%;
	}
	
	.p-tablet-5 {
		margin: 0 !important;
	}
	
	.w-tablet {
		width: 100% !important;
	}
	
	.back-sobre-rodape-mobile {
	  background-image: url("../../images/img-sobre-rodape-mobile.jpg");
	  background-repeat: no-repeat;
	  background-size: contain !important;
	}
	
	.back-servicos-rodape-mobile {
	  background-image: url("../../images/img-servicos-rodape-mobile.jpg");
	  background-repeat: no-repeat;
	  background-size: contain !important;
	}
	
	.back-contato-rodape-mobile {
	  background-image: url("../../images/img-contato-rodape-mobile.png");
	  background-repeat: no-repeat;
	  background-size: contain !important;
	}
	
	
	
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	
	
	.svg-topo-mobile-right {
		width: 575px;
		height: auto;
	}
	
	.svg-topo-index-right {
		width: 315px !important;
		height: auto;
	}
	
	.img-topo-right img {
		height: 185px !important;
	}
	
	.section-sobre-especialista {
		padding: 25px;
	}
	
	.btn-blocks-mobile .btn {
		display: block;
	}
	
	.block-mobile {
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
    }
	
	.section-contato-mobile {
		/* background: red; */
		text-align: center;
		margin-top: -90px;
		margin-bottom: 25px;
	}
	
	.p-tablet-5 {
		margin: 0 80px;
	}
	
	.w-tablet {
		width: 350px;
	}
	
	
	.back-sobre-rodape-mobile {
	  background-image: url("../../images/img-sobre-rodape-mobile.jpg");
	  background-repeat: no-repeat;
	  background-size: 440px auto;
	}
	
	.back-servicos-rodape-mobile {
	  background-image: url("../../images/img-servicos-rodape-mobile.jpg");
	  background-repeat: no-repeat;
	  background-size: 420px auto;
	  background-position: top right;
	}
	
	.back-contato-rodape-mobile {
	  background-image: url("../../images/img-contato-rodape-mobile.png");
	  background-repeat: no-repeat;
	  background-size: 440px auto;
	}
	
	.footer-mobile {
		position: absolute;
		z-index: 999;
		width: 100%;
	}

	
/*	HOME*/
	.ponto1 {
	  left: calc((188 / 351) * 100%);
	  top: calc((540 / 1087) * 100%);
	}

	.ponto2 {
	  left: calc((188 / 351) * 100%);
	  top: calc((750 / 1087) * 100%);
	}

	.ponto3 {
	  left: calc((188 / 351) * 100%);
	  top: calc((970 / 1087) * 100%);
	}

	.ponto4 {
	  left: calc((150 / 351) * 100%);
	  top: calc((325 / 1087) * 100%);
	}

	.ponto5 {
	  left: calc((220 / 351) * 100%);
	  top: calc((570 / 1087) * 100%);
	}

	.ponto6 {
	  left: calc((180 / 351) * 100%);
	  top: calc((830 / 1087) * 100%);
	}

	.ponto7 {
	  left: calc((240 / 351) * 100%);
	  top: calc((1030 / 1087) * 100%);
	}

	.ponto8 {
	  left: calc((450 / 500) * 100%);
	  top: calc((970 / 943) * 100%);
	}
	
	/*	SOBRE*/
	.ponto9 {
	  left: calc((200 / 364) * 100%);
	  top: calc((995 / 2393) * 100%);
	}

	.ponto10 {
	  left: calc((200 / 364) * 100%);
	  top: calc((1450 / 2393) * 100%);
	}

	.ponto11 {
	  left: calc((200 / 364) * 100%);
	  top: calc((1900 / 2393) * 100%);
	}

	.ponto12 {
	  left: calc((200 / 364) * 100%);
	  top: calc((2350 / 2393) * 100%);
	}
	
	.ponto13 {
	  left: calc((182 / 362) * 100%);
	  top: calc((500 / 1910) * 100%);
	}

	.ponto14 {
	  left: calc((182 / 362) * 100%);
	  top: calc((990 / 1910) * 100%);
	}
	
	/*	SERVICOS*/
	.ponto15 {
	  left: calc((193 / 365) * 100%);
	  top: calc((590 / 2627) * 100%);
	}

	.ponto16 {
	  left: calc((193 / 365) * 100%);
	  top: calc((1122 / 2627) * 100%);
	}

	.ponto17 {
	  left: calc((193 / 365) * 100%);
	  top: calc((1666 / 2627) * 100%);
	}
	
	/*LP FARMACEUTICAS*/
	.ponto18 {
	  left: calc((193 / 393) * 100%);
	  top: calc((0 / 594) * 100%);
	}

	.ponto19 {
	  left: calc((193 / 393) * 100%);
	  top: calc((270 / 594) * 100%);
	}

	.ponto20 {
	  left: calc((193 / 393) * 100%);
	  top: calc((550 / 594) * 100%);
	}
	
	.ponto21 {
	  left: calc((193 / 376) * 100%);
	  top: calc((10 / 900) * 100%);
	}

	.ponto22 {
	  left: calc((163 / 376) * 100%);
	  top: calc((200 / 900) * 100%);
	}

	.ponto23 {
	  left: calc((245 / 376) * 100%);
	  top: calc((405 / 900) * 100%);
	}

	.ponto24 {
	  left: calc((188 / 376) * 100%);
	  top: calc((619 / 900) * 100%);
	}
	
	
	/*LP LABORATORIO*/
	.ponto25 {
	  left: calc((188 / 377) * 100%);
	  top: calc((10 / 873) * 100%);
	}

	.ponto26 {
	  left: calc((162 / 377) * 100%);
      top: calc((242 / 873) * 100%);
	}

	.ponto27 {
	  left: calc((225 / 377) * 100%);
	  top: calc((465 / 873) * 100%);
    }

	.ponto28 {
	  left: calc((188 / 377) * 100%);
	  top: calc((687 / 873) * 100%);
	}
	
	
	/*LP HOSPITAL*/
	.ponto29 {
	  left: calc((165 / 376) * 100%);
	  top: calc((10 / 895) * 100%);
	}

	.ponto30 {
	  left: calc((161 / 376) * 100%);
	  top: calc((218 / 895) * 100%);
	}

	.ponto31 {
	  left: calc((218 / 376) * 100%);
	  top: calc((431 / 895) * 100%);
	}

	
	
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
	.img-topo-index img {
		height: 300px;
	}
	
	.svg-topo-index {
		width: 395px;
		height: 300px;
	}
	
	
	.svg-topo-index-right {
		width: 315px !important;
		height: auto;
	}
	
	.img-topo-right img {
		height: 185px !important;
	}
	
	.mt5-tablet {
		margin-top: 15rem;
		padding: 10px;
	}
	
	.back-sobre-rodape {
		background-size: 435px auto;
		background-position: right bottom;
	}
	
	.back-servicos-rodape {
		background-size: 435px auto;
		background-position: right bottom;
	}
	
	.back-contato-rodape {
		background-size: 425px auto;
		background-position: left bottom;
	}

	
	.ponto1-tablet {
	  left: calc((188 / 351) * 100%);
	  top: calc((540 / 1087) * 100%);
	}

	.ponto2-tablet {
	  left: calc((188 / 351) * 100%);
	  top: calc((750 / 1087) * 100%);
	}

	.ponto3-tablet {
	  left: calc((188 / 351) * 100%);
	  top: calc((970 / 1087) * 100%);
	}
	
	.ponto4-tablet {
	  left: calc((114 / 351) * 100%);
	  top: calc((325 / 1087) * 100%);
	}

	.ponto5-tablet {
      left: calc((192 / 351) * 100%);
      top: calc((581 / 1087) * 100%);
    }

	.ponto6-tablet {
	  left: calc((100 / 351) * 100%);
	  top: calc((830 / 1087) * 100%);
	}

	.ponto7-tablet {
	  left: calc((240 / 351) * 100%);
	  top: calc((1030 / 1087) * 100%);
	}

	.ponto8-tablet {
      left: calc((524 / 500) * 100%);
      top: calc((977 / 943) * 100%);
    }
	
	
	/*	SOBRE*/
	.ponto9-tablet {
	  left: calc((195 / 364) * 100%);
	  top: calc((650 / 2393) * 100%);
	}

	.ponto10-tablet {
	  left: calc((195 / 364) * 100%);
	  top: calc((1220 / 2393) * 100%);
	}

	.ponto11-tablet {
	  left: calc((195 / 364) * 100%);
	  top: calc((1780 / 2393) * 100%);
	}

	.ponto12-tablet {
	  left: calc((195 / 364) * 100%);
	  top: calc((2350 / 2393) * 100%);
	}
	
	.ponto13-tablet {
	  left: calc((182 / 362) * 100%);
	  top: calc((630 / 1910) * 100%);
	}

	.ponto14-tablet {
	  left: calc((182 / 362) * 100%);
	  top: calc((1235 / 1910) * 100%);
	}
	
	/*	SERVICOS*/
	.ponto1-tablet-servicos {
      left: calc((176 / 351) * 100%);
      top: calc((400 / 1087) * 100%);
    }

	.ponto2-tablet-servicos {
	  left: calc((176 / 351) * 100%);
	  top: calc((650 / 1087) * 100%);
	}

	.ponto3-tablet-servicos {
	  left: calc((176 / 351) * 100%);
	  top: calc((900 / 1087) * 100%);
	}
	
	.ponto15-tablet {
	  left: calc((193 / 365) * 100%);
	  top: calc((658 / 2627) * 100%);
	}

	.ponto16-tablet {
	  left: calc((193 / 365) * 100%);
	  top: calc((1250 / 2627) * 100%);
	}

	.ponto17-tablet {
	  left: calc((193 / 365) * 100%);
	  top: calc((1870 / 2627) * 100%);
	}
	
	
	/*LP FARMACEUTICAS HOSPITAL E LABORATORIO*/
	.ponto18-tablet {
	  left: calc((197 / 393) * 100%);
	  top: calc((0 / 594) * 100%);
	}

	.ponto19-tablet {
	  left: calc((197 / 393) * 100%);
	  top: calc((270 / 594) * 100%);
	}

	.ponto20-tablet {
	  left: calc((197 / 393) * 100%);
	  top: calc((550 / 594) * 100%);
	}
	
	.ponto21-tablet {
	  left: calc((245 / 376) * 100%);
	  top: calc((10 / 900) * 100%);
	}

	.ponto22-tablet {
	  left: calc((90 / 376) * 100%);
	  top: calc((200 / 900) * 100%);
	}

	.ponto23-tablet {
	  left: calc((245 / 376) * 100%);
	  top: calc((465 / 900) * 100%);
	}

	.ponto24-tablet {
      left: calc((115 / 376) * 100%);
      top: calc((718 / 900) * 100%);
    }
	
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	
	
	.img-topo-right img {
		height: 300px;
	}
	
	.svg-topo-index-right {
		width: 510px;
		height: auto;
	}
	
}

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
	
}

/*`xxxl` applies to x-large devices (large desktops, less than 1440px)*/
@media (max-width: 1441px) { 
	.info-right-topo {
		max-width: 650px;
	}
	
	.info-left-topo {
		max-width: 510px;
	}
}