/* Start Media of Index Page */
@media (max-width: 375px)
{

    header .intro .login-top-content p
    {
        font-size: 16px;
    }
    header .intro .form-wrapper
    {
        padding: 10px;
        margin-top: 20px;
    }
    header .intro .form-wrapper a
    {
        font-size: 14px;
    }
    header .intro .input-lg
    {
        font-size: 14px;
    }
}
/* End Media of Index Page */


/* custom attributes for mobile screen */
@media(max-width:767px){  /*  UPDATED  7/4/2018 */
    .account{
     background: 0;
     border-bottom: inset #ff6666 thin;
    }
    .slider-overlay{padding: 10px; height: auto;}
    .slider-overlay h1{font-size: 22px !important;} /*  UPDATED  7/4/2018 */
    .slider{height: auto;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
    .slider-overlay h1{font-size: 36px;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
        border-bottom: none;
    }
    .nav>li>a{padding: 8px;}
    .navbar-nav .open .dropdown-menu{background: #ffffff;}
    .content{padding: 0;}
    footer{/* padding: 10px; */}
    .card-head h3{font-size: 20px;}
    .card-head i{font-size: 20px;}
    .slider-overlay .btn-lg{margin-bottom: 20px;}
    .navbar-collapse{max-height: none; transition: 0.3s all ease-in-out;}
    .logout{float: left;}
    .panel-heading h3{font-weight: normal; line-height: 1.6em;}
    label{font-weight: 500; color: #000;}
}

/*change grid system*/


/*  BEGIN  -  UPDATED 4/4/2018   */
@media(min-width: 768px)
{   .assessment .col-md-3 {
     width: 20%;
     padding-left: 5px;
     padding-right: 5px;
    }
    .lead{font-size: 18px;}
    .presc-xs, .quote-xs, .content-card-xs{ display: none; }
}
@media only screen and (max-width: 767px) {
    .sp-heading{
        margin-bottom: 15px;
    }
    .content{
        padding: 15px;
    }
    .content-right, .presc{ display: none;}
    .content{
        padding: 10px;
    }
    .quote-body-green, .quote-body-peach, .quote-body-aqua, .quote-body-blue, {
        font-size: 20px;
        box-shadow: none;
        padding: 10px;
        overflow: hidden;
        margin-top: 5;
    }
    .quote-body-green .fa-quote-left, .quote-body-peach .fa-quote-left, .quote-body-aqua .fa-quote-left, .quote-body-blue .fa-quote-left{
        font-size: 24px;
    }

    .content-card-xs{
        box-shadow: 0 1px 2px #cccccc; 
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 4px;
    }
    .quote-xs{
        min-height: 80px;
        margin-top: 0px;
        position: relative;
    }
    .quote-xs-img{
        height: 70px;
        width: 70px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .quote-xs-content{
        position: absolute;
        /* left: 80px; */
        top: 10px;
    }
    .quote-xs-content .lead{
        margin-left: 5px; 
        margin-right: 15px; 
    }
}
/*  END  -  UPDATED 4/4/2018   */



/*  BEGIN  -  UPDATED 4/4/2018   
@media(min-width: 768px)
{   .assessment .col-md-3 {
     width: 20%;
     padding-left: 5px;
     padding-right: 5px;
    }
}
  END  -  UPDATED 4/4/2018   */

@media(min-width: 449px) and (max-width: 767px){
    .assessment .col-sm-6 {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(min-width: 450px) and (max-width: 767px){
    .assessment .col-sm-6 {
        width: 90%;
        padding-left: 15%;
        padding-right: 10%;
    }
    .assessment .card-image-overlay, .assessment .card .card-img-top{
        height: 150px;
    }
    
}
@media (min-width: 768px){
	.nav-admin {
		border-radius: 0px;
	}
}