/* 
    Document   : responsiivo
    Created on : 04/12/2020, 14:51:59
    Author     : PC
    Description:
        Purpose of the stylesheet follows.
*/

@media (max-width: 991px) {
    #banner{

        display:none !important;
    } 


}


/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
#banner{

        display:none !important;
    } 
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
   
    #banner{

        display:none !important;
    } 
    #banner .img-banner {
        height: 100px !important;
        /*    display: none; */
    }

    .owl-nav{
        display:none !important;
    }
    #banner{
        width: 100%;
        height:99px !important;
    } 

    #banner .text-banner .frase {
        font-size: 16px !important;
    }
    #banner .text-banner .tit {
        font-size: 24px;
    }


    #banner .text-banner {
        position: absolute;
        padding-top: 10px; 
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    #banner .item {
        height:100px !important;
    }

    #inicio-sobre.py-5{
        padding-top: 0rem!important; 
        padding-bottom: 0rem!important; 
    }

    #img-sobre{
        min-height: 400px !important;
    }
    #img-sobre.mb-5{
        margin-bottom: 0rem!important;

    }

    #inicio-exames .border-start {
        margin-bottom: 3rem !important;
    }
    #convenio .py-5{
        padding-top: 0px !important;
        padding-bottom: 0px !important;

    }
    #inicio-exames .display-6 {
        font-size: 1.5rem !important;
    }
    #convenio  .display-6 {
        font-size: 1.5rem !important;
    }
    #convenio .conteudo{
        padding-top: 55px !important;
        padding-bottom:55px !important;
     


        color: #fff !important;
    }
    #convenio p {
        text-align: justify;
    }

    #convenio .text-dark {
        color: #f7f7f7!important;
    }
    #convenio .botao{
        text-align: center;
    }
    #convenio .border-dark {
        border-color: #81d300!important;
    }
    #conteudo-sobre.py-5{
        padding-top: 0px !important;
        padding-bottom: 0px !important;

    }
    #conteudo-sobre{
        padding-left: 10px !important;
        padding-right:10px !important;
    }
    #banner.sobre {
        background: linear-gradient(90deg, rgb(6 90 13) 0%, rgb(8 91 15 / 89%) 70%, rgb(4 88 11 / 85%) 100%);
    }
    #sobre p{
        text-align: justify !important;


    }
    #sobre-imagem {
        min-height: 350px!important;  
    }

    #mvv {
        min-height: 240px;
        margin-bottom: 40px;
    }

    .display-6{
        font-size: 1.5rem !important;    
    }
    #logistica-imagem {
        min-height: 350px!important;
        margin-top:30px;

    }

    #texto-coleta
    {
        text-align: justify;
    }


}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
    #banner{

        display:none !important;
    } 
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
    #banner{

        display:none !important;
    } 
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
    #banner{

        display:none !important;
    } 
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
    #banner{

        display:none !important;
    } 
}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */
    div#banner {  
        height: 500px !important;
        padding: 0px !important;
        margin: 0 auto;
    }
    .navbar-light .navbar-nav .nav-link {

        font-size: 16px!important;
        min-width: 100px;
    }
    .owl-nav{
        display:none !important;
    }
  
#banner-convenio {
    background-size: cover !important;
     min-height: 345px !important;

    background-position-x: center!important;
}
    div#banner .item {
        height: 345px !important;

    }


    #banner .img-banner {
        height: 100px !important;
        /*    display: none; */
    }

    .owl-nav{
        display:none !important;
    }
    #banner{
        width: 100%;
        height:99px !important;

    } 
    #banner .text-banner .frase {
        font-size: 16px !important;
    }
    #banner .text-banner .tit {
        font-size: 24px;
    }


    #banner .text-banner {
        position: absolute;
        padding-top: 10px; 
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    #banner .item {
        height:100px !important;
    }

    #inicio-sobre.py-5{
        padding-top: 2rem!important; 
        padding-bottom: 0rem!important; 
    }

    #img-sobre{
        min-height: 400px !important;
    }
    #img-sobre.mb-5{
        margin-bottom: 0rem!important;

    }

    #inicio-exames .border-start {
        margin-bottom: 3rem !important;
    }
    #convenio .py-5{
        padding-top: 0px !important;
        padding-bottom: 0px !important;

    }
    #inicio-exames .display-6 {
        font-size: 1.1rem !important;
    }
    #convenio  .display-6 {
        font-size: 1.0rem !important;
    }
    #convenio .conteudo{
        padding-top: 55px !important;
        padding-bottom:55px !important;
        background: rgba(0,0,0,0.01);


        color: #fff !important;
    }
    #convenio p {
        text-align: justify;
    }
#galeria .owl-carousel .owl-item img {
    display: inline-flex;
    width: 200px;
    height: 150px;
}
    #convenio .text-dark {
        color: #f7f7f7!important;
    }
    #convenio .botao{
        text-align: center;
    }
    #convenio .border-dark {
        border-color: #81d300!important;
    }
    #conteudo-sobre.py-5{
        padding-top: 50px !important;
        padding-bottom: 0px !important;

    }
    #conteudo-sobre{
        padding-left: 10px !important;
        padding-right:10px !important;
    }
    #banner.sobre {
        background: linear-gradient(90deg, rgb(6 90 13) 0%, rgb(8 91 15 / 89%) 70%, rgb(4 88 11 / 85%) 100%);
    }
    #sobre p{
        text-align: justify !important;


    }
    #sobre-imagem {
        min-height: 350px!important;  
    }

    #mvv {
        min-height: 240px;
        margin-bottom: 40px;
    }

    .display-6{
        font-size: 1.5rem !important;    
    }
    #logistica-imagem {
        min-height: 350px!important;
        margin-top:30px;

    }

    #texto-coleta
    {
        text-align: justify;
    }


}

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */
}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}
 
/* (1920x1080) Full HD Display */ 
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}




 /* FIX: evitar sobreposição do #banner sobre #sobre em 1366px */
@media screen and (max-width:1366px){
  #banner{
    height:auto !important;      /* não colapsa */
    padding:0 !important;
    margin:0 auto !important;
  }
  #banner .item{
    height:auto !important;       /* deixa fluir */
    min-height:345px !important;  /* mantém a altura visual desejada */
  }
  #banner .img-banner{ height:auto !important; }
}

/* garante que a seção seguinte não “suba” */
#inicio-sobre{ clear:both; }
@media screen and (max-width:1366px){
  #banner{ height:345px !important; }
  #banner .item{ height:345px !important; }
}