/*
    MEIN ARZT DIREKT

    2015 (c) Bytecube
    www.bytecube.de | kontakt@bytecube.de
*/



/* MIN 1920px */

@media only screen and (min-width: 1920px){


}




/* MAX 1170px */

@media only screen and (min-width: 1200px){

    .score-text { font-size: 13px; height: 12px; line-height: 16px;  }
    iframe { height: 400px; }
}




@media only screen and (min-width: 992px) and (max-width: 1199px) {


    .navbar-brand img {width: 160px; margin-top:8px;}

    .container .jumbotron.jumbotron_info .plus img { width: 50px;}

    .score-text { font-size: 11px; height: 10px; line-height: 12px;  }


    .container .jumbotron.jumbotron_home .home_caption { position: absolute; left: 5%; top: 15px; color: #000; font-size: 24px; line-height:1.4; }

    iframe { height: 400px; }

}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    iframe { height: 700px; }

    article {
  max-height: 3em; /* (4 * 1.5 = 6) */
}
    
}

@media (min-width: 550px) and (max-width: 767px) {
      article {
  max-height: 3em; /* (4 * 1.5 = 6) */
}
}



/* MAX 1024px */

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



}

/* MIN 992px */

@media only screen and (min-width: 992px){

}

/* MAX 992px */

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

    .container .jumbotron.jumbotron_home .home_caption { 
        position: absolute; 
        left: 5%; 
        top: 20px; 
        color: #000; 
        font-size: 16px; 
        line-height:1.4;
    }

    .spacer-100 { height: auto; }


    body { padding: 75px 0 60px 0; }
    footer li a { font-size: 12px; }
    .nav { height: auto; background:ffffff: float: none !important; margin: 0; padding-right: 0; border-bottom: 1px solid #d9d9d9;}
    .navbar { height: 75px;}
    .navbar-header { margin: 20px 0 0px 0; }
    .navbar-collapse { padding-left: 0; padding-right: 0; }


    .navbar-right {
        float: none !important;
        margin-right: -15px;
    }

    .navbar-nav {
        float: auto; 
        margin: 0;
    }

    .nav li + li:before { content: none; padding: 0; }
    .nav li { 
        padding: 0;
        position: relative; 
        top: auto; 
        transform: none;
        float: none;
    }
    .nav li a {display: block; padding: 10px 15px 10px 15px;}
    .nav li.active { background: #eeeeee; } 
    .nav li:hover { background: #eeeeee; } 

    .navbar-brand img { 
        width: 200px; 
        position: relative; 
        top: auto; 
        transform: none;
    }
    .navbar-brand { height: auto; }

    .container .jumbotron {height: auto;}

    .container .jumbotron.jumbotron_info .plus img { width: 50px;}
    .score-text { font-size: 10px; height: 10px; line-height: 10px;  }

    .jumbotron_registrieren form .row { margin: 0; }
    .jumbotron_registrieren form input, .jumbotron_registrieren form select  { margin: 0 0 10px 0; }
    .jumbotron_registrieren #signupform-email, 
    .jumbotron_registrieren #signupform-street, 
    .jumbotron_registrieren #signupform-subjectarea { margin: 20px 0 10px 0; }

    .jumbotron_login .col-md-4 { margin: 0 0 10px 0; }

    .container_konversationen { padding: 32px 20px; }
    .container_profil { padding: 32px 20px; }
    .container_token { padding: 32px 20px; }
    .container_rechnung { padding: 32px 20px; }
    .container_patienten { padding: 32px 20px; }
    .container_arzt_info { padding: 32px 20px; }
    .container_faq { padding: 32px 20px; }
    .container_about { padding: 32px 20px; }
    .container_text { padding: 32px 20px; }
    .container_download { padding: 32px 20px; }
    .container_download2 { padding: 32px 20px; }
    .container_press { padding: 32px 20px; }

    .container_konversationen img {
        max-width: 100%; 
    }
    .container_konversationen .tag {
        font-size: 10px;
    }
    .jumbotron_meine_aerzte .dotted-border-right { height: auto; margin: 0 0 50px 0; }
}




/* MAX 768px */

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

    .grid-view { font-size: 24px; text-align: center;}
    .container_patienten .grid-view { font-size: 18px; text-align: center;}
    .container_rechnung .grid-view { font-size: 12px; text-align: center;}


    .container .jumbotron.jumbotron_info .circle {
        width: 40%;
        margin-bottom: 20px;
    }

    .box-home  .img_box { text-align: center; height: 150px; padding-top: 10px; }
    .box-home  .img_box img {position: relative;  top: auto;  transform: translateY(-0%); }

    .score-text { font-size: 16px; height: 10px; line-height: 20px;  }

    .container .jumbotron.jumbotron_info .plus img { width: 70px;}
    .container .jumbotron.jumbotron_info .plus {
        position: absolute;
        left: 50%;
        top: 110%;
        margin-left: -35px;
    }

    .table_button {  padding: 3px; margin-right: 3px; font-size: 11px;}

    .jumbotron_registrieren img  { margin: auto; }
    .jumbotron_registrieren .circle { max-width: 150px; }
    .jumbotron_registrieren .dotted-border-right {
        border-bottom: 2px dotted #b1b1b0;
        height: 2px;
        margin: 30px 0;
    }


    .container .jumbotron.jumbotron_meine_aerzte { padding: 32px 40px; }
    .jumbotron_meine_aerzte .dotted-border-right { border: 0; margin: 0 0 50px 0; }


    #myCarousel .item { 
        display:block;
        padding-bottom:10px;
    }

    .container_konversationen  .konversation_item  { text-align: center; margin-bottom: 50px; }
    .container_konversationen  .konversation_item .img-circle { margin: auto; }
    .container_konversationen  .konversation_item .tag {  width: 50%; margin: 0 auto 20px;}
    .container_konversationen  .konversation_item .enter {  width: 50%; margin: 0 auto 20px;}

    .container_dialog { padding: 32px 0px; }

       iframe { height: 700px; }
}

/* MAX 640px */

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

    .container .jumbotron.jumbotron_info {
        padding: 32px 40px;
    }

    .container .jumbotron.jumbotron_arzt {
        padding: 32px 40px;
    }

    .container .jumbotron.jumbotron_registrieren {
        padding: 32px 40px;
    }

    .container .jumbotron.jumbotron_login {
        padding: 32px 40px;
    }

    .container .jumbotron.jumbotron_info .circle {
        width: 60%;
    }


    .score-text { font-size: 16px; height: 10px; line-height: 20px;  }

}

/* MAX 480px */

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

    .container .jumbotron.jumbotron_info .circle {
        width: 80%;
    }

    .score-text { font-size: 14px; height: 10px; line-height: 18px;  }

}

/* MAX 360px */

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

    .container .jumbotron.jumbotron_info .circle {
        width: 80%;
    }

    .score-text { font-size: 12px; height: 10px; line-height: 16px;  }

}