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

    /*
    Menu Mobile
    */
    .float-r {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 200px;
        overflow-x: auto;
        z-index: 999;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #32bba3;
    }
    .float-l {
        position: fixed;
        float: left;
        top: 0;
        right: 0;
        bottom: 0;
        width: 200px;
        overflow-x: auto;
        z-index: 999;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #32bba3;
    }


    #nav,#nvi {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 150px;
        background: #32bba3;
        box-shadow: none;
        margin-top: 20px;
    }

    #nav li, #nvi li {
        position: relative;
        width: 190px;
        margin-bottom: 10px;
        background: #32bba3;
        border-bottom: 1px dotted #50dd97;
    }
    #nav .ajuste a, #nvi .ajuste a{
        margin-left: 70px;
    }

    #nav li .especial, #nvi li .especial {
        overflow: hidden;
        height: 0px;
        border-bottom: none;
    }

    #nav li img, #nvi li img {
        margin-left: 15px;
    }

    #nav li .submenu, #nvi li .submenu {
        position: absolute;
        left: 150px;
        top: 0;
        display: none;
        list-style: none;
    }

    #nav li .submenu li, #nvi li .submenu li {
        border: none;
    }

    #nav li a, #nvi li a {
        display: block;
        text-decoration: none;
        color: #32bba3;
        padding: 5px;
    }

    #nav li a:hover, #nvi li a:hover {
        text-decoration: underline;
    }

    .control-nav { /* label icon */
        position: absolute;
        left: 85%;
        top: 20px;
        display: block;
        width: 30px;
        padding: 5px 0;
        border: solid #fff;
        border-width: 3px 0;
        z-index: 2;
        cursor: pointer;
    }
    .ajusta-icon-mobile{
        left: 90%;
    }

    .control-nav:before {
        content: "";
        display: block;
        height: 3px;
        background: #fff;
    }

    .control-nav-close {
        position: fixed; /* label layer */
        right: 0;
        top: 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);
    }

    /* checked nav */
    input#control-nav {
        display: block;
    }

    input#control-nav:focus ~ .control-nav {
        border-color: #000;
        box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
    }

    input#control-nav:focus ~ .control-nav:before {
        background: #000;
    }

    input#control-nav:checked ~ nav,
    input#control-nav:checked ~ .control-nav-close {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }





    /*
    Calendar
    */

}



/*
HEADER
*/
@media screen and (max-width: 845px) {

}

/*
Paginas
*/

@media screen and (max-width: 1250px) {
    .cx{
    }
    .ajusta-icon-mobile{


    }
    #carrossel {
        float: left;
        display: block;
        width: 80%;
        overflow: hidden;
        height: 150px;
        margin-left: 18%;
    }

    #carrossel ul li img{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }


    #menu-carrossel {
        float: left;
        width: 5%;
        text-align: center;
        margin-top: -10%;
        height: 45px;
    }
    #menu-carrossel1 {
        float: right;
        width: 5%;
        text-align: center;
        height: 45px;
        margin-top: -10%;
        margin-left: 10%;
    }
    .sg-caroussel{
        width:90%;
        margin-left: 5%;
        margin-right: 5%;
        display: table;
    }


}

@media screen and (max-width: 1200px) {
    .cx-galeria{
    }


}

@media screen and (max-width: 1150px) {
    .cx-galeria{
    }


}

@media screen and (max-width: 1100px) {
    .cx-galeria{
    }

    #carrossel {
        margin-left: 230px;
    }

    #carrossel ul li {
    }

    #carrossel ul li a img{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }





}

@media screen and (max-width: 1040px) {
    .cx-galeria{
    }

    .sg-paciente{
        min-height: 160px;
    }
    .sg-check {
        width: 32%;
        height: 150px;
        margin-right: 0%;
        margin-left: 0%;
    }

    #carrossel {
        margin-left: 240px;
    }

    #carrossel ul li {
    }

    #carrossel ul li a img{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }
    #menu-carrossel {
        float: left;
        width: 5%;
        text-align: center;
        margin-top: -10%;
        height: 45px;
    }
    #menu-carrossel1 {
        float: right;
        width: 5%;
        text-align: center;
        height: 45px;
        margin-top: -10%;
        margin-left: 10%;
    }
    .sg-caroussel{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: table;
    }

    .mostra-ft{
        width: 40%;
    }
    .mostra-ft img{
        width: 100%;
        height: 400px;
    }
    .observacao{
        width: 50%;
    }
    .check-sg{
        margin-left: 1%;
        margin-right: 1%;
    }

}

@media screen and (max-width: 980px) {
    .cx-galeria{
    }
    #carrossel {
        margin-left: 15%;
    }
    .comp-ft{
        height: 400px;
    }

}

@media screen and (max-width: 940px) {
    .cx-galeria{
    }
    .check-sg {

        margin-right: 4.5%;
        margin-left: 4.5%;
    }
    #carrossel {
        margin-left: 180px;
    }

    #carrossel ul li {
    }
    #carrossel ul li a img{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

}

@media screen and (max-width: 870px) {
    .cx-galeria{
    }
    .sg-paciente{
        width: 35%;
        margin-left: 3%;
        margin-right: 3%;
    }
    .check-sg{
        width: 30%;
        margin-left: 10%;
        margin-right: 10%;
    }
    #carrossel {
        margin-left: 190px;
        clear: both;
        height: 100px;
        margin-bottom: 50px;
    }
    .sg-caroussel{
    }

    #carrossel ul li a img{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

    .comp-ft{
        height: 350px;
    }

    .metade img{
        width: 60%;
    }
    #menu-carrossel {
        float: none;
        width: 5%;
        text-align: center;
        margin-top: -10%;
        margin-left: 45%;
        height: 45px;
    }
    #menu-carrossel1 {
        float: none;
        width: 5%;
        text-align: center;
        height: 45px;
        margin-top: -10%;
        margin-left: 55%;
    }


}

@media screen and (max-width: 768px) {
    .cx-galeria{
    }

    .sg-paciente{
        width: 50%;
        margin-left: 25%;
        margin-right: 25% ;
    }
    #carrossel {
        margin-left: 170px;
        clear: both;
        height: 100px;
        margin-bottom: 50px;
    }
    .separaBusca{
       margin: 0;
        width: 100%;
    }
    .centralizaBusca{

        width: 100%;
        margin:0;
    }
    .centralizaForm{
        display: table;
    }
    .separaCampo{
        width:100% ;
        margin-left:0;
        margin-right: 0;
    }
    .inputFoto{
        margin-left: 0;
        width: 100%;
    }
    .mrg-left{
        margin-left: 0;
    }
    .sg-check {
        width: 48%;
        height: 150px;
        margin-right: 0%;
        margin-left: 0%;
    }
    #wPaint{
        float: left;
    }

    .mostra-ft{
        width: 70%;
        display:table;
        height: auto;
        margin-left: 15%;
        margin-right: 15%;
    }
    .mostra-ft img{
        width: 100%;
        height: 400px;
    }
    .observacao{
        width: 70%;
        margin-top: 0;
        margin-left: 15%;
        margin-right: 15%;
    }
    .comp-ft{
        height: 300px;
    }

}

@media screen and (max-width: 720px) {
    .cx-galeria{
    }
    .logo{
        margin-top: 50px;
    }
    .check-sg .img-obs{
        margin-left: 0px
    }


    .login{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .inicial{
        float: left;
        margin-left: 30px;
        width: 30%;
    }


    .comp-ft{
        width: 50%;
        margin-left: 0;
        margin-right: 0;

    }
    #carrossel {
        width: 900px;
        margin-left: 20px;
        clear: both;
        height: 100px;
        margin-bottom: 50px;
    }

    #carrossel ul li a img{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

    .emp-sec{
        padding-top: 50px;
    }

}

@media screen and (max-width: 520px) {
    .cx-galeria{
    }
    .logo{
        float: none;
        width:200px;
        height: 100px;
        display: block;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        border-right: none;
    }
    .logo img{
        width: 200px;
        height: 160px;
        margin:0 ;
    }
    .inicial{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .sg-paciente{
        margin-left: 0;
        margin-right: 0;
        width: 88%;
    }
    .mostra-ft{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .mostra-ft img{
        width: 100%;
        height: 400px;
    }
    .observacao{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .comp-ft{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;

    }

    .metade img{
        width: 80%;
    }
    .check-sg{
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
    }
}
@media screen and (max-width: 490px) {
    .cx-galeria{
    }
    .ajusta-icon-mobile{
        left: 140%;
    }
    .pesquisa{
        width: 85%;
        border-radius: 5px;
    }
    .botaoBusca{
        float: right;
        margin-right: 30px;
        border-radius: 5px;
    }
    .sg-check {
        width: 80%;
        height: 150px;
        margin-right: 10%;
        margin-left: 10%;
    }
    .check-sg{
        width: 45%;
        margin-left: 27.5%;
        margin-right: 27.5%;
    }

}

@media screen and (max-width: 400px) {
    .cx-galeria{
    }
    .ajusta-icon-mobile{
        left: 150%;
    }
    .send{
        width: 180px;
    }
    .check-sg{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .sg-check {
        width: 80%;
        height: 150px;
        margin-right: 10%;
        margin-left: 5%;
    }


}

@media screen and (max-width: 350px) {
    .cx-galeria{
    }
    .ajusta-icon-mobile{
        left: 170%;
    }
    .sg-paciente{
        width: 80%;
    }
    .check-sg{
        width: 80%;
        margin-left: 2%;;
    }
    .sg-check {
        width: 95%;
        height: 150px;
        margin-right: 0%;
        margin-left: 0%;
    }
    .comp-ft{
        width: 80%;
        margin-left: 0;
        margin-right: 0;

    }

}

@media screen and (max-width: 300px) {
    .cx-galeria{
    }

}