/*Responsive fixes*/
/*320 *480*/
@media (min-width:320px) and (max-width:480px) { 
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }

    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
    .navbar-custom-menu .navbar-nav li{
        margin:0;       
    }
    .navbar-custom-menu .navbar-nav li.margin{
        margin-right:20px;       
    }
    .main-header .navbar-custom-menu li h4 {
        font-size: 12px;
    }
    .navbar-nav > .user-menu{
        margin-right: 0px;
    }
    .navbar-nav > .user-menu .dropdown-toggle{
        padding: 5px;
    }
    .content-header > h1 {
        margin-bottom: 15px;
    }
    .dashboard-statistics .widget .info-box-icon{
        margin-left: 10px;
        margin-top: 0px;
    }
    .dashboard-statistics .widget .info-box-text{
        font-size: 38px;
        padding-left: 0;
        padding-top: 20px;
    }
    .info-box-number {
        margin-left: 0;
    }
    .dashboard-statistics .info-box-icon img{
        height:50px;
    }
    .stats-link h3 {
        font-size: 18px;
    }
    .grid-view{
        margin-bottom: 20px;
    }
    .grid-view .summary{
        padding-left: 10px;
    }
    p.formula {
        font-size: 12px !important;
    }
    .stats-subinfo{
        font-size: 16px;
        padding-left: 50px;
    }
    .btn{
        font-size: 10px;
        padding: 6px 8px;
    }

    .asn_draft_header {
        padding-left: 15px;
    }
    .bin-status-icon, .inspection-status-icon{
        height: 16px;
    }
    .rejections-index .nav-tabs,.corrective-action-taken-index .nav-tabs{
        font-size: 12px;
    }
    .rejections-index .nav-tabs > li a,.corrective-action-taken-index .nav-tabs > li a{
        padding: 8px !important;
    }
    .rating-guidelines-header{font-size: 18px;}
}

/* Galaxy S5 Landscape 640*360*/
@media screen 
and (device-width: 640px) 
and (device-height: 360px) 
/*and (-webkit-device-pixel-ratio: 3)*/ 
/*and (orientation: landscape)*/ 
{
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }


}

/* IPhone 5 Landscape 568*320*/
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
}

/* IPhone 6 plus Landscape  736*414*/
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
}

/* IPhone 6 Landscape 667*335 */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
}

/* Nexus  5S Landscape 732*412*/
@media screen 
and (device-width: 732px) 
and (device-height: 412px) 
/*and (-webkit-device-pixel-ratio: 3)*/ 
/*and (orientation: landscape)*/ 
{
    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
}
@media (max-width: 767px) {
    /*    .skin-black-light .main-header > .logo {
            background-color: #222222;
            color: #ffffff;
            border-bottom: 0 solid transparent;
            border-right: none;
        }
        .skin-black-light .main-header > .logo:hover {
            background-color: #1f1f1f;
        }*/

    .main-header {
        max-height: 175px !important;
    }
    .main-header .logo{
        background: #fff !important;
        color:#000 !important;
    }
    .main-header > .logo:hover {
        background-color: #1f1f1f;
    }
    .navbar-static-top {
        background: #ccc none repeat scroll 0 0 !important;
    }
}


/* Mobile landscape mode */
@media all and(min-width: 500px) and (max-width: 767px){
    .info-box-text {
        font-size: 80px;
    }
}

/*768 * 1024*/
@media all and (min-width: 768px) and (max-width: 799px){    
    .dashboard-statistics .statistics-box{
        width: 100%
    }
    .dashboard-statistics .widget .stats-icon {  
        padding-left: 20px;
        /*margin-left: 118px;*/
        /*margin-top: 18px;*/
    }
    .dashboard-statistics .stats-icon img{
        height:75px;
    }
    .dashboard-statistics .widget .info-box-text {
        font-size: 50px;
        padding-top: 8px;
    }
    .user-menu a.dropdown-toggle{
        max-width: 280px;
        word-break: inherit;
        word-wrap: break-word;
    }
    .user-menu a span{
        max-width: 180px !important;
        float: left;
    }
    p.formula {
        font-size: 14px !important;
    }
    .stats-subinfo{
        font-size: 20px;
        padding-left: 50px;
    }
    .bin-status-icon, .inspection-status-icon{
        height: 18px;
    }
}

/*800 * 1280*/
@media all and (min-width: 800px) and (max-width: 979px){
    .dashboard-statistics .widget .info-box-text {
        font-size: 30px;
        padding-left: 0px;
    }
    .dashboard-statistics .stats-icon img{
        height:75px;
    }
    .info-box-icon {
        /*margin-top: 20px;*/
    }
    .info-box-number {
        font-size: 12px !important;
    }
    .stats-link h3 {
        font-size: 18px;
    }
    .user-menu a.dropdown-toggle{
        max-width: 280px;
        word-break: inherit;
        word-wrap: break-word;
    }
    .user-menu a span{
        max-width: 180px !important;
        float: left;
    }
    p.formula {
        font-size: 14px !important;
    }
    .bin-status-icon, .inspection-status-icon{
        height: 18px;
    }
}


/*For desktop*/
@media (min-width:768px) and (max-width:1024px){

    .info-box-number{
        font-size: 18px;
    }
    .stats-heading{
        font-size: 20px;
    }
}
/*For Tablet*/
@media (min-device-width:768px) and (max-device-width:1024px){
    .info-box-number{
        font-size: 18px;
    }
    .stats-heading{
        font-size: 20px;
    }
}
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */
    .info-box-number{
        font-size: 18px;
    }
    .stats-heading{
        font-size: 20px;
    }
}

/*900 * 1280*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
    .dashboard-statistics .statistics-box{
        width: 33%
    }
    .dashboard-statistics .widget .info-box-text {
        /*font-size: 80px;*/
        /*margin-left: 20px;*/
        padding-left: 40px;
    }
    .info-box-icon {
        margin-top: 20px;
    }
    p.formula {
        font-size: 16px !important;
    }
    .stats-subinfo{
        font-size: 16px;
        padding-left: 30px;
    }
}
@media all and (min-width: 1280px) {
    body{
        font-size: 16px;
    }
    .info-box-icon {
        margin-top: 0px;
    }
    /*    .info-box-text {       
            padding-left: 25px;
        }*/
}