/*  CSS - Configuração da estrutura paginas internas
    data 26/08/2023
    autor: Nerildo Viana
    versão: 1.0.1
*/
@import url(reset.css);
/*DECLARAÇÃO FONTES*/
@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: "Montserrat-Medium";
    src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: "Montserrat-Light";
    src: url(../fonts/Montserrat-Light.ttf);
}
/* definição de estudo de cores*/
.page-black{display: none;}
.white{color:#fff}
.pink{color: #ed495b}
.green{color: #128e91}
.green-light{color: #cce8e9;}
.yellow{color: #e3811d}
.yellow-light{color: #fbaf4e}
.blue{color:#1d2441}
.grey{background: #f6f6f6}
.grey-quite{color:#e2e1e7}
.grey-dark{color:#575756}
.black{color:#000}
.bg-white{background:#fff}
.bg-pink{background:#ed495b}
.bg-green{background:#128e91}
.bg-green-light{background: #cce8e9;}
.bg-yellow{background:#e3811d}
.bg-yellow-light{background: #fbaf4e}
.bg-blue{background:#1d2441}
.bg-grey{background: #f6f6f6}
.bg-grey-quite{background:#e2e1e7}
.bg-grey-dark{background:#575756}
.bg-menu{background: #cc9d6e}
.bg-pink-alpha:hover{background: rgba(237,73,91,0.2)}
.bg-green-alpha:hover{background: rgba(18,142,145,0.2)}
.bg-yellow-alpha:hover{background: rgba(251,175,78,0.2)}
.line-yellow{border-bottom: 1px solid #e3811d}
.line-pink{border-bottom: 1px solid #ed495b}
.line-green{border-bottom: 1px solid #128e91}
.bnt-yellow{
    background: url('../images/1367/btr_saibamais_amarelo.svg') no-repeat center center;
    background-size: 100%;
}
.bnt-pink{
    background: url('../images/1367/btr_saibamais_vermelho.svg') no-repeat center center;
    background-size: 100%;
}
.bnt-green{
    background: url('../images/1367/btr_saibamais_azul.svg') no-repeat center center;
    background-size: 100%;
}
.bnt-know-more:hover{
    background: url('../images/1367/btr_saibamais_hover.svg') no-repeat center center;
    background-size: 100%;
}
/* Inicio Global */
.right{float: right}
.left{float: left}
.pad10{padding:10px 0}
.pad20{padding:20px 0}
.pad30{padding:30px 0}
.pad40{padding:40px 0}
.pad40-menor{margin:-60px 0px 0px 0px!important}
.pad50{padding:50px 0}
.pad60{padding:60px 0}
.pad70{padding:70px 0}
.pad80{padding:80px 0}
.mar20{margin-bottom:20px}
.mar50{margin-bottom:50px}
.text-center{text-align: center}
.text-rigth{text-align: right}
.text-left{text-align: left}
.text-justify{text-align: justify}
.back-to-top {
    cursor: pointer;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    line-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    transform: translateY(100%);
}
.back-to-top.show {
    content: "↑";
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    z-index: 10000;
}
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
.btn::after {
    content: "↑";
    font-size: 32px;
    font-weight: bold;
    transition: margin-top 250ms;
}
.btn:hover{color:#ed495b}
.btn:hover::after {margin-top:-8px}
.drop-arrow::after {
    content: "↓";
    transition: margin-top 250ms;
}
.center{
    position: relative;
    float: left;
    left: 50%;
}
.row{width: 100%}
.cols-1{
    width: 100%;
    float: left;
}
.img-detail .cols-1{
    display: flex;
    justify-content: center;
}
.cols-2{
    width: 48%;
    padding: 0% 1%;
    float: left;
}
.cols-3{
    width: 29.3%;
    float: left;
    padding: 1.5%;
}
.cols-2-fit{
    width: 24%;
    padding: 0% 0.5%;
    float: left;
}
.cols-2-fat{
    width: 74%;
    padding: 0% 0.5%;
    float: left;
}
    /*animação*/
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
}
/* Stilos*/
.slider {
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
    box-shadow: none;
    height: 100px;
    margin: auto;
    overflow:hidden;
    position: relative;
    
    &::before,
    &::after {
        background: linear-gradient(to right,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%);
        content: "";
        height: 100px;
        position: absolute;
        width: 120px;
        z-index: 2;
    }
    
    &::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }
    
    &::before {
        left: 0;
        top: 0;
    }
    
    .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(200px * 14);
    }
    .slide {
        height: 100px;
        width: 200px;
    }
}
.logos-agreements2 img{
    width: 150px;
    height: 100px;
}
    /** 292 */
.cols-2-fat{
    float: right;
    position: relative;
    right: 0px;
}
#sintomas .cols-2-fit ul{padding: 7% 8%}
#sintomas .cols-11 .info{
    width: 99%;
    float: left;
}
#sintomas .cols-11 .info li{
    width: 40%;
    float: left;
}
.cols-11{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.list-percentage{
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.list-percentage .ajust1{
    float: left;
    width: 25%;
    margin: 2.5%;
}
.ajust1{
    width: 150px;
    height: 180px;
    border-radius: 50%;
    color:#fff;
    text-align: center;
}
.ajust1 h4{
    width: 70%;
    margin-left: 15%;
    margin-top: 50px;
    font-size: 55px;
    font-family: "Montserrat-Bold";
}
.ajust1 p{
    width: 70%;
    margin-left: 15%;
    text-align: center;
    margin-top: 3px;
    font-size: 13px;
}
.link{
    text-decoration: none;
    color: #ffffff;
}
#time-line .chronology-list{width: 100%}
#time-line .chronology-list .item-chronology{
    float: left;
    width: 100%;
    margin: auto;                        
}
.item-chronology .cols-2-fit{
    width: 15%;
    height: 150px;
    background:url("../images/1367/line-vertical.png") center top repeat-y;
}
.item-chronology .cols-2-fit.none-line{background: none}
.item-chronology .cols-2-fat{
    vertical-align: middle;
    margin-top: 2.5%;
    position: relative;
    float: left;
}
.img-chronology{
    width: 80%;
    float: left;
    margin-left: 10%;
}
#dr-ortega .cv-data li{
    list-style:disc;
    font-size: 36px;
    margin-left: 35px;
    margin-top: 30px;
}
#dr-ortega .cv-data li p{font-size: 28px}
#dr-ortega .cv-data li strong{font-family: "Montserrat-SemiBold"}
#dr-ortega .cols-2{
    padding: 20px;
    float: right;
}
#dr-ortega{margin-bottom: 60px}
#dr-ortega-home{
    float: left;
    height: 590px;
}
#dr-ortega-home span{display: none}
#home-dr-ortega .cols-2{
    width: 45%;
    margin-left: 2.5%;
}
#home-dr-ortega .cols-2 li{width: 100%}
#home-dr-ortega .cols-2 li img{width: 100%}
#home-dr-ortega .cols-2 li h2{margin-bottom: 25px}
#home-dr-ortega .cols-2 li a{
    text-decoration: none;
    color: #1d2441;
}
#home-dr-ortega .cols-2 li a:hover{color:#128e91}
/* Ancora Oculta - Classe do elemento que vai ser  */
#fale_conosco, #convenios_atendidos, #o_que_e,
#saiba_os_sintomas, #sobre_o_tratamento, #como_previnir,
#conheca_os_diagnosticos, #o_que_e_dtui,  #como_classificar,
#quais_as_complicacoes,#quais_as_preocupacoes,#quando_investigar,
#principais_fatores_preditores,#cirurgia-pediatrica,#videocirurgia
{
    position: absolute;
    width: 1px;
    height: 1px;
    left: 0;
    margin-top: -110px; 
    background-color: transparent;
    z-index: -10;
}
@media (min-width: 292px) and (max-width: 599.99px) {
    .list-percentage{
        width: 100%;
        display: flex;
        gap: 2px;
        margin-bottom: 20px;
    }
    .list-percentage .ajust1{
        float: left;
        width: 100%;
        margin: 2.5%;
    }
    .list-percentage .ajust1 img{
        width: 100%;
        float: left;
        margin-left: 0%;
    }
} 
.line-v1{border-right: 5px solid #e3811d}
.line-v2{border-left: 5px solid #e3811d}
.title, .title-banner, .sub-title{font-family: "Montserrat-Bold"}
.sub-title-span{
    font-family: "Montserrat-Medium";
    font-size: 26px;
}
#todo{
    width:100%;
    float: left;
    font-family: "Montserrat-Medium";
}
#todo #header-upper{
    font-family: "Montserrat-Bold";
    position: fixed;
    height: 90px;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
}
#todo #header-upper #logo{
    width: 180px;
    height: 90px;
    float: left;
}
#todo #header-upper #logo h1{
    display: block;
    width: 180px;
    height: 90px;
    margin: 0px;
    padding: 0px;
    background:url("../images/1367/logotipo_superior_dr_marcos_ortega.svg") no-repeat center center;
}
#todo #header-upper #logo h1 span{display: none}
/*txt indicacoes*/
#todo #page #txt-indicacoes{
    width: 100%;
    height: 70px;
    float: left;
}
#todo #page #txt-indicacoes h3{
    background:url("../images/1367/txt-indicacoes.png") no-repeat center center;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 70px;
    margin: 0px;
    padding: 0px;
}
#todo main #txt-indicacoes h3 span{display: none}
/*txt relativas e absolutas*/
#todo #page #txt-absolutas, #todo #page #txt-relativas{ 
    display: block;
    width: 46%;
    height: 455px;
    float: left;
    margin: 1%;
}
#todo #page #txt-absolutas{
    background: url("../images/1367/txt-absolutas.svg") no-repeat center center;
    background-size: 100%;
}
#todo #page #txt-relativas{
    background: url("../images/1367/txt-relativas.svg") no-repeat center center;
    background-size: 100%;
}
#todo #page #txt-absolutas span h3, #todo #page #txt-relativas span h3{display: none}
#todo #page #txt-absolutas span ul, #todo #page #txt-relativas span ul{display: none}
#tratamento .cols-3{
    width: 30.5%;
    padding: 0%;
}
#tratamento .cols-3 span{display: none}
#todo #page #txt-tempo1, #todo #page #txt-tempo2, #todo #page #txt-tempo3{ 
    display: block;
    height: 255px;
    float: left;
    margin: 1%;
}
#todo #page #txt-tempo1{
    background: url("../images/1367/1tempo.svg") no-repeat center center;
    background-size: 100%;
}
#todo #page #txt-tempo2{
    background: url("../images/1367/2tempo.svg") no-repeat center center;
    background-size: 100%;
}
#todo #page #txt-tempo3{
    background: url("../images/1367/3tempo.svg") no-repeat center center;
    background-size: 100%;
}

#todo #page{margin-top:90px}
/* ---------------------- Ocultar checbox nav-menu --*/
#todo #header-upper input#controle-nav{
    visibility: hidden;
    position: absolute;
    left: -99999px;
    opacity: 0;
}
#todo footer{min-height: 200px}
/* Menu Responsivo */
@media (min-width: 120px) and (max-width: 1023.99px){
    .drop-arrow::after {content: "←"}
    /* Reset list-auto */
    .list-auto, .list-auto li{
        width: 100%;
        float: left;
        display: block;
        position: relative;
    }
    .list-auto, .list-auto li{width: auto;}
    /* -------- Configurando a navegação NAV ---*/
    #todo header nav{background: rgba(34,125,235,1);}
    #todo header li{border-left: 1px solid #fff;}
    #todo header li:first-child{border:none;}
    #todo header .controle-nav{
        position: fixed;
        right: 30px;
        top: 30px;
        display: block;
        width: 30px;
        padding: 5px 0;
        border: 3px solid rgba(255,255,255,1);
        border-width: 3px 0;
        z-index: 200;
        cursor: pointer;
    }
    #todo header nav{
        width: 392px;
        position: fixed;
        top:0;
        right: 0;
        bottom: 0;
        z-index: 200;
        overflow: auto;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: none;
    }
    #todo header li a{
        display: block; 
        padding: 0 10px;
        color: #fff;
        font-size: 16px;
        line-height: 28px;
        text-align: none;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    #todo #header-upper .menu li:hover{background:#cc9d6e}
    #todo #header-upper .menu .dropdown{
        position: fixed;
        display: none;
        background: #1d2441;
        top:10px;
        left: 0px;
        z-index: 300;
    }
    #todo #header-upper .menu .dropdown a{color:#fff}
    #todo #header-upper .menu .dropdown li{
        border:none;
        float: none;
    }
    #todo #header-upper .menu li:hover ul{display: block;}
    #todo #header-upper .menu .dropdown li ul{
        position: absolute;
        display: none;
    }
    #todo #header-upper .menu li ul li:hover ul{display: block;}
    #todo header li a:hover{color:#fff;}
    #todo header nav .menu{
        width: 200px;
        position: fixed;
        top:0;
        right: 0;
        bottom: 0;
        background:#1d2441
    }
    #todo header .controle-nav:before{
        content:"";
        display: block;
        height: 3px;
        background: rgba(255,255,255,1);
    }
    #todo header .controle-nav-fecha{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
        background: rgba(0,0,0,0.4);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform:  translate(100%,0);
        -ms-transform: translate(100%,0);
        transform: translate(100%,0);
    }
    #todo header #controle-nav:checked ~ nav{
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    #todo header #controle-nav:checked ~ .controle-nav-fecha{
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    #todo header nav li a{
        display: block;
        padding: 10px 10px;
    }
    #todo header nav li li a{
        display: block;
        padding: 0px 10px;
        margin:0px;
        font-size: 10px;
    }
    /* -- Ajuste do menu um elemento abaixo do outro --*/
    #todo header ul.list-auto{padding:0}
    #todo header ul.list-auto li{
        width: 100%;
        border:1px solid #eee;
        border-width: 0 0 1px;
    }
    #todo header li a{text-decoration: none}
    #todo header li a:hover{color:#fff}
    #todo #header-upper .schedule-appointment{position: fixed}
}
/*Inicio Responsive 290.99*/
@media (min-width: 1.1px) and (max-width: 291.99px) {
    .page-black{display: block;
        position:fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10000000;
        background-color: #000;
    }
    p{
        float: left;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        color: #fff;
        text-align: center;
        vertical-align: middle;
    }
}
/*Inicio Responsive 292*/
@media (min-width: 292px) and (max-width: 479.99px) {
    #todo #page #txt-indicacoes h3{
        background:url("../images/320/320_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    #todo #page #txt-indicacoes{margin-top: 30px;}
    #todo #page #txt-absolutas, #todo #page #txt-relativas{
        width: 90%;
        margin:-110px 5%;
    }
    /* menu responsivo */
    #todo header nav{width: 300px}
    #todo header nav .menu{width: 110px}
    #todo header li a{font-size: 13.5px}
    #todo header nav li li a{font-size: 9.9px}
    #todo #header-upper{height: 70px}
    #todo #header-upper #logo{
        width: 100px;
        height: 70px;
    }
    #todo #header-upper #logo h1{
        width: 100px;
        height: 70px;
    }
    #todo header .controle-nav{top: 25px}
    .screen-fit{
        width: 270px;
        margin-left:-145px;
        padding: 0px 10px;
    }
    #todo #header-upper .schedule-appointment{
        float: right; 
        height: 30px;
        right: 80px;
        top:20px;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 309px}
    #todo #banner .img-banner{width: 275px;margin-top: 80px;}
    #todo #banner .title-banner{
        z-index: 2; 
        width: 275px;
        font-size: 34px;
        color: #fff;
        position: absolute;
        top: 7px;
        right: 9.6px;
    }
    #dr-ortega-home{height: 160px}
    #dr-ortega{margin-bottom: 0px}
    #dr-ortega .cols-2{width: 90%}
    #dr-ortega .cv-data li p{font-size: 22px}
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 13.3px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 7px;
        float: left;
        border-left: 1.5px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 16px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 16px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 14px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li ,.img-detail .cols-2 li{
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 14px;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 20px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 14px;
        padding: 10px 0;
    }
    #home-dr-ortega .cols-2{
        width: 98%;
        margin-left: 0%;
    }
    .cols-3{width: 99%;}
    .cols-3{
        height: 220px;
        border-radius: 9%;
    }
    .ajust-cols-3{margin: 10px 0px}
    .cols-3 .info{text-align: left}
    .chronology-list{width: 100%}
    .item-chronology .cols-2-fit{
        width: 100%;
        height: 135px;
        margin-bottom: 10px;
    }
    .img-chronology{
        width: 50%;
        margin-left: 25%;
    }
    .item-chronology .cols-2-fat{margin-bottom: 10px}
    section .cols-2-fit{width: 100%}
    section .cols-2-fat{width: 100%; margin-top: 20px;}
    
    section .cols-2-fat .logos-agreements{margin-top: 20px}
    section .cols-2-fat .logos-agreements li{
        float: left;
        width: 40%;
        padding: 5%;
    }
    section .logos-agreements li img{width: 100%}
    #info-anime ul, #info-anime-home ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3, #info-anime-home .cols-3{
        width: 98%;
        min-height: 500px;
        float: left;
        margin-bottom: 35px;
        padding: 0%;
        border-radius: 0%;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #info-anime .cols-3 p,#info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #tratamento .cols-3{
        width: 98%;
        padding: 0%;
    }
    #todo #page #txt-tempo1, #todo #page #txt-tempo2, #todo #page #txt-tempo3{ 
        display: block;
        height: 200px;
        float: left;
        margin: 10px 1%;
    }
    .list-percentage{
        gap: 0px;
    }
    .list-percentage .ajust1{
        margin: 1%;
    }
    .ajust1{
        height: 62px;
    }
    .ajust1 h4{
        font-family: "Montserrat-Medium";
        margin-top: 18px;
        font-size: 18px;
    }
    .ajust1 p{
        width: 78%;
        margin-top: 1px;
        margin-left: 11%;
        font-size: 5px;
    }
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-2{
        width: 100%;
        padding: 0% 0%;
        float: left;
    }
    .line-v2{border:none}
    .line-v1{border:none}
    #todo footer aside .menu-footer{
        width: 100%;
        float: left;
    }
    #todo footer aside .menu-footer li{
        width: 100%;
        float: left;
        font-size: 16px;
        text-align: left;
        line-height: 1.4;
        list-style:circle;
        font-weight: bolder;
        margin-left: 10px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{
        font-size: 18px;
        margin-top: -40px;
    }
    #todo footer aside .cols-1 h3{font-size: 18px}
    #todo footer aside .cols-1 nav{
        width: 80%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 li{
        width: 40%;
        float: left;
        margin: 5% 5% 5% 5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 16px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 80%;
        margin: auto;
        text-align: center;
        margin-top: -20px;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 100%;
        float: left;
        margin: 0%;
        text-align: center;
        margin-top: -40px;
    }
}
/*Inicio Responsive 480*/
@media (min-width: 480px) and (max-width: 599.99px) {
    #todo #page #txt-indicacoes h3{
        background:url("../images/480/480_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    #todo #page #txt-indicacoes{margin-top: 30px;}
    #todo #page #txt-absolutas, #todo #page #txt-relativas{
        width: 90%;
        margin:-40px 5%;
    }
    #todo #header-upper #logo{width: 120px}
    #todo #header-upper #logo h1{width: 120px}
    .screen-fit{
        width: 430px;
        margin-left:-230px;
        padding: 0px 15px;
    }
    #todo #header-upper .schedule-appointment{
        float: right;
        height: 40px;
        right: 100px;
        top:25px;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 460px}
    #todo #banner .img-banner{width: 440px;margin-top: 100px;}
    #todo #banner .title-banner{
        z-index: 1; 
        width: 320px;
        font-size: 34px;
        color: #fff;
        position: absolute;
        top: 20px;
        right: 126px;
    }
    #dr-ortega-home{height: 280px}
    #dr-ortega{margin-bottom: 0px}
    #dr-ortega .cols-2{width: 90%}
    #dr-ortega .cv-data li p{font-size: 22px}
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 22px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 9px;
        float: left;
        border-left: 1.5px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 30px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 18px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li ,.img-detail .cols-2 li{
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 24px;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 26px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 18px;
        padding: 10px 0;
    }
    #home-dr-ortega .cols-2{
        width: 98%;
        margin-left: 0%;
    }
    .cols-3{width: 99%;}
    .cols-3{
        height: 220px;
        border-radius: 9%;
    }
    .ajust-cols-3{margin: 20px 0px}
    .cols-3 .info{text-align: left}
    .item-chronology .cols-2-fit{
        width: 25%;
        height: 194px;
    }
    .item-chronology .cols-2-fat{
        width: 65%;
        margin-left: 5%;
    }
    .img-chronology{
        width: 100%;
        margin-left: 0%;
    }
    #logos-agreements .cols-2-fat{width: 50%}
    #logos-agreements .title{
        margin-top: 20px;
    }
    #logos-agreements  .slider {
        .slide-track {
            animation: scroll 40s linear infinite;
            display: flex;
            width: calc(150px * 14);
        }
        .slide {
            height: 67px;
            width: 150px;
        }
        .logos-agreements2 img{
            width: 100px;
            height: 67px;
            }
    }
    #info-anime ul, #info-anime-home ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3, #info-anime-home .cols-3{
        width: 100%;
        min-height: 500px;
        float: left;
        margin-bottom: 35px;
        padding: 0%;
        border-radius: 0%;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #info-anime .cols-3 p, #info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #tratamento .cols-3{
        width: 98%;
        padding: 0%;
    }
    #todo #page #txt-tempo1, #todo #page #txt-tempo2, #todo #page #txt-tempo3{ 
        display: block;
        height: 320px;
        float: left;
        margin: 15px 1%;
    }
    .ajust1{
        height: 85px;
    }
    .ajust1 h4{
        font-family: "Montserrat-Medium";
        margin-top: 25px;
        font-size: 25px;
    }
    .ajust1 p{
        width: 80%;
        margin-top: 1px;
        margin-left: 10%;
        font-size: 7px;
    }
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-2{
        width: 100%;
        padding: 0% 0%;
        float: left;
    }
    .line-v2{border:none}
    .line-v1{border:none}
    #todo footer aside .menu-footer{
        width: 100%;
        float: left;
    }
    #todo footer aside .menu-footer li{
        width: 44%;
        float: left;
        font-size: 20px;
        text-align: left;
        line-height: 1.4;
        list-style:circle;
        font-weight: bolder;
        margin-left: 15px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{font-size: 30px}
    #todo footer aside .cols-1 h3{font-size: 28px}
    #todo footer aside .cols-1 nav{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .list-icones{background: #ed495b;}
    #todo footer aside .cols-1 li{
        width: 35%;
        float: left;
        margin: 0% 7.5% 7.5% 7.5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 20px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 40%;
        float: left;
        margin: 0% 5%;
        text-align: center;
    }
}
/*Inicio Responsive 600*/
@media (min-width: 600px) and (max-width: 799.99px) {
    #todo #page #txt-indicacoes h3{
        background:url("../images/600/600_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    #todo #page #txt-indicacoes{margin-top: 30px;}
    #todo #page #txt-absolutas, #todo #page #txt-relativas{
        width: 90%;
        margin:10px 5%;
    }
    #todo #header-upper #logo{width: 160px}
    #todo #header-upper #logo h1{width: 160px}
    .screen-fit{
        width: 550px;
        margin-left:-290px;
        padding: 0px 15px;
    }
    #todo #header-upper .schedule-appointment{
        float: right;
        height: 50px;
        right: 100px;
        top:20px;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 560px}
    #todo #banner .img-banner{width: 558px;margin-top: 100px;}
    #todo #banner .title-banner{
        z-index: 1; 
        width: 320px;
        font-size: 38px;
        color: #fff;
        position: absolute;
        top: 20px;
        right: 245px;
    }
    #dr-ortega-home{height: 350px}
    #dr-ortega{margin-bottom: 5px}
    #dr-ortega .cols-2{width: 50%}
    #dr-ortega .cv-data li{font-size: 30px}
    #dr-ortega .cv-data li p{font-size: 15px}
    #dr-ortega .title{font-size: 25px}
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 25px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 20px;
        float: left;
        border-left: 1.5px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 30px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 18px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li,.img-detail .cols-2 li{
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 30px;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 26px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 18px;
        padding: 10px 0;
    }
    #home-dr-ortega .cols-2{
        width: 98%;
        margin-left: 0%;
    }
    .cols-3{width: 99%;}
    .cols-3{
        height: 220px;
        border-radius: 9%;
    }
    .ajust-cols-3{margin: 20px 0px}
    .cols-3 .info{text-align: left}
    #todo #logos-agreements .title{
        margin-top: 40px;
        float: left;
    }
    .item-chronology .cols-2-fit{
        width: 25%;
        height: 140px;
    }
    .item-chronology .cols-2-fat{
        width: 65%;
        margin-left: 5%;
    }
    #logos-agreements .cols-2-fat{width: 60%}
    section .cols-2-fat .logos-agreements{margin-left: 45px}
    section .cols-2-fat .logos-agreements li{
        float: left;
        width: 40%;
        padding: 2.5%;
    }
    section .logos-agreements li img{width: 100%}
    #info-anime .ul, #info-anime-home .ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3, #info-anime-home .cols-3{
        min-height: 500px;
        width: 45%;
        margin-bottom: 35px;
        padding: 0%;
        border-radius: 0%;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #info-anime .cols-3 p, #info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
   #info-anime .cols-3.center-spacing2, #info-anime-home .cols-3.center-spacing2{
        margin-left:5%;
    }
    #tratamento .cols-3{
        width: 98%;
        padding: 0%;
    }
    #todo #page #txt-tempo1, #todo #page #txt-tempo2, #todo #page #txt-tempo3{ 
        display: block;
        height: 470px;
        float: left;
        margin: 1%;
    }
    .ajust1{
        height: 95px;
    }
    .ajust1 h4{
        font-family: "Montserrat-Medium";
        margin-top: 27px;
        font-size:28px;
    }
    .ajust1 p{
        width: 82%;
        margin-top: 3px;
        margin-left: 9%;
        font-size: 8px;
    }
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-2{
        width: 100%;
        padding: 0% 0%;
        float: left;
    }
    .line-v2{border:none}
    .line-v1{border:none}
    #todo footer aside .menu-footer{
        width: 100%;
        float: left;
    }
    #todo footer aside .menu-footer li{
        width: 45%;
        float: left;
        font-size: 20px;
        text-align: left;
        line-height: 1.4;
        list-style:circle;
        font-weight: bolder;
        margin-left: 20px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{font-size: 30px}
    #todo footer aside .cols-1 h3{font-size: 28px}
    #todo footer aside .cols-1 nav{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 li{
        width: 20%;
        float: left;
        margin: 0% 2.5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 20px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 40%;
        float: left;
        margin: 0% 5%;
        text-align: center;
    }

}
/*Inicio Responsive 800*/
@media (min-width: 800px) and (max-width: 1023.99px) {
    #todo #page #txt-indicacoes h3{
        background:url("../images/800/800_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    #todo #page #txt-indicacoes{margin-top: 30px;}
    #todo #page #txt-absolutas, #todo #page #txt-relativas{margin-top: -50px}
    #todo #header-upper #logo{width: 160px}
    #todo #header-upper #logo h1{width: 160px}
    .screen-fit{
        width: 750px;
        margin-left:-390px;
        padding: 0px 15px;
    }
    #todo #header-upper .schedule-appointment{
        float: right; 
        height: 50px;
        right: 100px;
        top:20px;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 660px}
    #todo #banner .img-banner{width: 688px;margin-top: 100px;}
    #todo #banner .title-banner{
        z-index: 1; 
        width: 320px;
        font-size: 38px;
        color: #fff;
        position: absolute;
        top: 20px;
        right: 445px;
    }
    #dr-ortega-home{height: 450px}
    #dr-ortega{margin-bottom: 5px}
    #dr-ortega .cols-2{width: 50%}
    #dr-ortega .cv-data li{font-size: 30px}
    #dr-ortega .cv-data li p{font-size: 18px}
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 30px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 30px;
        float: left;
        border-left: 2px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 30px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li {
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 45px;
    }
    .img-detail .cols-2 li{
        width: 49%;
        float: left;
        margin: 7px 0.5%;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 26px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 18px;
        padding: 10px 0;
    }
    .cols-3{
        height: 270px;
        border-radius: 8%;
    }
    .ajust-cols-3{margin: 0% 1.5%}
    .cols-3 .info{text-align: left}
    #todo #logos-agreements .title{
        margin-top: 40px;
        float: left;
    }
    .item-chronology .cols-2-fit{
        width: 20%;
        height: 150px;
    }
    section .cols-2-fat .logos-agreements li{
        float: left;
        width: 20%;
        padding: 2.5%;
    }
    #logos-agreements .cols-2-fat{width: 70%}
    section .logos-agreements li img{width: 100%}
    #info-anime .ul,#info-anime-home .ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3,#info-anime-home .cols-3{
        min-height: 500px;
        width: 45%;
        margin-bottom: 35px;
        padding: 0%;
        border-radius: 0%;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #info-anime .cols-3 p, #info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
   #info-anime .cols-3.center-spacing2, #info-anime-home .cols-3.center-spacing2{margin-left:5%}
   #todo #page #txt-tempo1, #todo #page #txt-tempo2, #todo #page #txt-tempo3{ 
        height: 155px;
    }
    .ajust1{
        height: 135px;
    }
    .ajust1 h4{
        margin-top: 38px;
        font-size:36px;
    }
    .ajust1 p{
        width: 79%;
        margin-left: 10.5%;
        margin-top: 3px;
        font-size: 11px;
    }
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-1{margin-left: 3px}
    #todo footer .cols-2{
        width: 47%;
        padding: 0% 1.1%;
        float: left;
    }
    .line-v2{border:none}
    #todo footer aside .menu-footer{width: 100%}
    #todo footer aside .menu-footer li{
        width: 100%;
        font-size: 16px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:circle;
        font-weight: bolder;
        float: none;
        margin-left: 45px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{font-size: 30px}
    #todo footer aside .cols-1 h3{font-size: 28px}
    #todo footer aside .cols-1 nav{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 li{
        width: 20%;
        float: left;
        margin: 0% 2.5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 20px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 40%;
        float: left;
        margin: 0% 5%;
        text-align: center;
    }
}
/*Inicio Responsive 1024*/
@media (min-width: 1024px) and (max-width: 1366.99px) {
    #todo #page #txt-indicacoes h3{
        background:url("../images/1024/1024_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    #todo #header-upper #logo{width: 170px}
    #todo #header-upper #logo h1{width: 170px}
    /*txt indicacoes*/
    #todo #page #txt-indicacoes{margin-top: 30px;}
    .screen-fit{
        width: 974px;
        margin-left:-503px;
        padding: 0px 15px;
    }
    /* HEADER */
    #todo #header-upper nav{
        margin: 10px 0px 10px 25px;
        padding: 15px 0;
        height: 40px;
        float: left;
        font-size: 12px; 
    }
    #todo #header-upper .menu li{
        margin: 5px;
        float: left; 
        display: block;
        cursor: pointer;
    }
    #todo #header-upper .menu li:hover{background:#cc9d6e}
    #todo #header-upper .menu li a{
        display: block;
        padding:10px 22px;
        color: #fff;
        text-decoration: none;
    }
    #todo #header-upper .menu .dropdown{
        position: absolute;
        display: none;
        background: #1d2441;
        top:60px;
        left: 439px;
    }
    #todo #header-upper .menu .dropdown a{color:#fff}
    #todo #header-upper .menu .dropdown li{
        border:none;
        float: none;
    }
    #todo #header-upper .menu li:hover ul{display: block;}
    #todo #header-upper .menu .dropdown li ul{
        position: absolute;
        display: none;
    }
    #todo #header-upper .menu li ul li:hover ul{display: block;}
    #todo #header-upper .schedule-appointment{
        float: right;   
        height: 50px;
        margin: 20px 0 0 0;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 640px}
    #todo #banner .img-banner{width: 788px}
    #todo #banner .title-banner{
        z-index: 1; 
        width: 320px;
        font-size: 44px;
        color: #fff;
        position: absolute;
        bottom: 120px;
        right: 30px;
    }
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 35px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 30px;
        float: left;
        border-left: 3px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 35px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li{
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 45px;
    }
    .img-detail .cols-2 li{
        width: 49%;
        float: left;
        margin: 7px 0.5%;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 30px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 20px;
        padding: 10px 0;
    }
    .cols-3{
        height: 220px;
        border-radius: 15%;
    }
    .ajust-cols-3{margin: 0% 1.5%}
    .cols-3 .info{text-align: left}
    #todo #logos-agreements .title{
        margin-top: 40px;
        float: left;
    }
    section .cols-2-fat .logos-agreements li{
        float: left;
        width: 20%;
        padding: 2.5%;
    }
    section .logos-agreements li img{width: 100%}
    #info-anime .ul, #info-anime-home .ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3, #info-anime-home .cols-3{
        min-height: 500px;
        width: 30.5%;
        margin-bottom: 25px;
        padding: 0%;
        border-radius: 0%;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #info-anime .cols-3 p, #info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
   #info-anime .cols-3.center-spacing1, #info-anime-home .cols-3.center-spacing1{margin:0% 4%}
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-1{margin-left: 3px}
    #todo footer .cols-2{
        width: 47%;
        padding: 0% 1.1%;
        float: left;
    }
    .line-v2{border:none}
    #todo footer aside .menu-footer{width: 100%}
    #todo footer aside .menu-footer li{
        width: 100%;
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:circle;
        font-weight: bolder;
        float: none;
        margin-left: 45px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{font-size: 30px}
    #todo footer aside .cols-1 h3{font-size: 28px}
    #todo footer aside .cols-1 nav{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 li{
        width: 20%;
        float: left;
        margin: 0% 2.5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 20px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 40%;
        float: left;
        margin: 0% 5%;
        text-align: center;
    }
}
/*Inicio Responsive 1367*/
@media (min-width: 1366.99px) {
    #todo #page #txt-indicacoes{margin-top: 20px}
    #todo #page #txt-indicacoes h3{
        background:url("../images/1367/1367_indicacoes.svg") no-repeat center center;
        background-size: 100%;
    }
    .screen-fit{
        width: 1034px;
        margin-left:-517px;
        padding: 0px 30px;
    }
    /* HEADER */
    #todo #header-upper nav{
        margin: 10px 0px 10px 35px;
        padding: 15px 0;
        height: 40px;
        float: left;
        font-size: 12px; 
    }
    #todo #header-upper .menu li{
        margin: 5px;
        float: left; 
        display: block;
        cursor: pointer;
    }
    #todo #header-upper .menu li:hover{background:#cc9d6e}
    #todo #header-upper .menu li a{
        display: block;
        padding:10px 30px;
        color: #fff;
        text-decoration: none;
    }
    #todo #header-upper .menu .dropdown{
        position: absolute;
        display: none;
        background: #1d2441;
        top:60px;
        left: 504px;
    }
    #todo #header-upper .menu .dropdown a{color:#fff}
    #todo #header-upper .menu .dropdown li{
        border:none;
        float: none;
    }
    #todo #header-upper .menu li:hover ul{display: block;}
    #todo #header-upper .menu .dropdown li ul{
        position: absolute;
        display: none;
    }
    #todo #header-upper .menu li ul li:hover ul{display: block;}
    #todo #header-upper .schedule-appointment{
        float: right;   
        height: 50px;
        margin: 20px 0 0 0;
        cursor: pointer;
        display: block;
    }
    /* BANNER */
    #todo #banner{height: 700px}
    #todo #banner .img-banner{width: 788px}
    #todo #banner .title-banner{
        z-index: 1; 
        width: 320px;
        font-size: 44px;
        color: #fff;
        position: absolute;
        bottom: 120px;
        right: 30px;
    }
    #dr-ortega-home{height: 640px}
    /* Menu Ancora */
    #todo #anchor-menu{
        z-index: 100!important;
        font-size: 35px;
    }
    #todo #anchor-menu nav{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    #todo #anchor-menu ul{
        padding: 7px 0;
        float: left;
        text-align: center;
    }
    #todo #anchor-menu li{
        padding: 0px 30px;
        float: left;
        border-left: 3px solid #fff;
        margin: auto;
        text-align: center;
    }
    #todo #anchor-menu li a{
        color: #fff;
        text-decoration: none;
    }
    #todo #anchor-menu li a:hover{color: #1d2441}
    #todo #anchor-menu li:first-child{border:none}
    /* CONTEUDO */
    .title{
        font-size: 35px;
        letter-spacing: 1.0;
    }
    .sub-title{
        font-size: 20px;
        letter-spacing: 1.0;
    }
    p{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .info{padding-left: 20px}
    .info li{
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:disc;
        font-weight: bolder;
    }
    .img-detail .cols-1 li{
        width: 99%;
        float: left;
        margin: 7px 0.5%;
        margin-left: 45px;
    }
    .img-detail .cols-2 li{
        width: 49%;
        float: left;
        margin: 7px 0.5%;
    }
    .img-detail .cols-1 li img,.img-detail .cols-2 li img{width: 90%}
    .img-detail .cols-1 .title,.img-detail .cols-2 .title{font-size: 30px}
    .img-detail .cols-1 p, .img-detail .cols-2 p{
        font-size: 20px;
        padding: 10px 0;
    }
    .cols-3{
        min-height: 220px;
        border-radius: 0%;
    }
    .ajust-cols-3{margin: 0% 1.5%}
    .cols-3 .info{text-align: left}
    #todo #logos-agreements .title{
        margin-top: 40px;
        float: left;
    }
    section .cols-2-fat .logos-agreements li{
        float: left;
        width: 20%;
        padding: 2.5%;
    }
    section .logos-agreements li img{width: 100%}
    #info-anime .ul, #info-anime-home .ul{
        width: 100%;
        float:left;
        min-height: 800px;
    }
    #info-anime .cols-3, #info-anime-home .cols-3{
        min-height: 500px;
        width: 30.5%;
        margin-bottom: 25px;
        padding: 0%;
        border-radius: 0%;
        float: left;
    }
    #info-anime .cols-3:hover, #info-anime-home .cols-3:hover{
        box-shadow: 3px 6px 10px rgba(87,87,86,0.2);
        transform: scale(1.1);
    }
    #info-anime .cols-3 .sub-title, #info-anime-home .cols-3 .sub-title{
        height: 45px;
        font-size: 20px;
        font-family: "Montserrat-Bold";
        margin: 10px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        line-height:24px;
    }
    #info-anime .cols-3 .ico-img, #info-anime-home .cols-3 .ico-img{
        width: 90px;
        height: 90px;
        margin: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
    #info-anime .cols-3 .ico-img img, #info-anime-home .cols-3 .ico-img img{
        width: 90px;
        height: 90px;
    }
    #info-anime .cols-3 p, #info-anime-home .cols-3 p{
        font-size: 16px;
        font-family: "Montserrat-Medium";
        padding: 10px;
    }
   .cols-3.center-spacing1, .cols-3.center-spacing1{margin:0% 4%}
   .ajust1{height: 190px}
    /* Footer */
    #todo footer .cols-1{
        display: flex;
        justify-content: center;
    }
    #todo footer .cols-1{margin-left: 3px}
    #todo footer .cols-2{
        width: 47%;
        padding: 0% 1.1%;
        float: left;
    }
    .line-v2{border:none}
    #todo footer aside .menu-footer{width: 100%}
    #todo footer aside .menu-footer li{
        width: 100%;
        font-size: 20px;
        text-align: justify;
        line-height: 1.4;
        margin-bottom: 15px;
        list-style:circle;
        font-weight: bolder;
        float: none;
        margin-left: 45px;
    }
    #todo footer aside .menu-footer li a{
        color: #fff;
        text-decoration: none;
        display: block;
    }
    #todo footer aside .menu-footer li:hover,
    #todo footer aside .menu-footer li a:hover{
        color: #1d2441;
        list-style:disc;
    }
    #todo footer aside .cols-1 .img-schedule{
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .img-schedule .icon-schedule-query{
        width: 160px;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 h2{font-size: 34px}
    #todo footer aside .cols-1 h3{font-size: 30px}
    #todo footer aside .cols-1 nav{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 li{
        width: 20%;
        float: left;
        margin: 0% 2.5%;
        text-align: center;
    }
    #todo footer aside .cols-1 li img{width: 100%}
    #todo footer aside .cols-1 li a{text-decoration: none}
    #todo footer aside address p{
        font-size: 20px;
        text-align: center !important;
    }
    #todo footer aside .cols-1 .list-agreements-clinic{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    #todo footer aside .cols-1 .list-agreements-clinic li{
        width: 40%;
        float: left;
        margin: 0% 5%;
        text-align: center;
    }
}
/*Global*/
#info-anime-home .cols-3 .sub-title{
    height: 45px;
    font-size: 20px;
    font-family: "Montserrat-Bold";
    margin:60px 10px 20px 10px;
}
#info-anime-home .cols-3 p{
    font-size: 18px;
}
#info-anime-home ul{
    min-height: none;
    margin-top: 30px;
    float: left;
}
#info-anime-home .cols-3{
    min-height: 430px;
}
.bnt-know-more span{display: none}
.bnt-know-more{
    height: 40px;
    width: 80%;
    margin-left: 10%;
    cursor: pointer;
    float: left;
    position: relative;
    top:380px;
}