/*Width Media Queries */
@media(max-width:290px){
    h5{
        font-size:1rem;
    }
}
@media(max-width:315px){
    .rate-arrangement{
        font-size:.8rem;
    }
}

@media(max-width:325px){
    .btn-secondary{
        font-size:.8rem;
    }
}

@media(max-width:350px){
    .btn-primary{
        width:100px;
        font-size:.9rem;
    }
    #hidden-create-claim-button{
        font-size:.8rem;
    }
    .warranty-container table{
        width:350px;
    }
}

@media(max-width:360px){
    .row{
        margin:0px;
    }
}

@media(max-width:370px){
    .table-search{
        font-size:.75rem;
    }
    .table-drop{
        font-size:.75rem;
    }
}

@media(max-width:395px){
    .woc{
        display:none;
    }
    .woc-hidden{
        display:inline;
    }
}

@media(max-width:420px){
    #cart-table-body{
        font-size:.8rem;
    }
    #cart-table{
        width:370px!important;
        overflow-x: scroll!important;
    }
    .modal-body{
        overflow-x:scroll;
    }
}

@media(max-width:425px){
    #hidden-title{
        float: left;
        display: block;
        width: 100%!important;
        margin-top:0px;
    }
    #nav-header-hidden{
        margin-left:0px;
    }
    
    .col{
        margin:2px;
    }
}

@media(max-width:500px){
    .btn-third{
        font-size:.6rem;
    }
}

@media(max-width:550px){
    .pag{
        display:none;
    }
    .pag-small{
        display:inline-block;
    }
}

@media(max-width:440px){
    .warranty-buttons{
        padding-left:0px!important;
    }
}

@media(max-width:446px){
    .orderview-input{
        width:100px;
    }
}

@media(max-width:460px)
{
    /* main{
        padding-top:140px;
    } */
    #ResourceDocumentRow{
        display:block;
    }
    .notes-container table{
        width:470px;
    }

    
}

@media(max-width:505px){
    .product-container table{
        width:450px;
        font-size:.75rem;
    }
}

@media(max-width:576px){
    .iframe-container{
        margin-left:0px;
    }
    .small-price{
        display:flex;
    }
    .price{
        display:none;
    }
    .condensed-fix-month{
        margin-right:0px;
    }
}

@media(max-width:595px){
    #hidden-nav-search{
        display:block;
        width:100%;
        float:left;
        margin-top:-5px;
    }
    .nav-searchbar{
        width:175px!important;
        margin-left:0px;
    }
}

@media(max-width:600px){
    .warranty-container table{
        font-size:.7rem;
    }
}

@media(max-width: 767px){
    .bs4-order-right{
        display:none;
    }
    .item-row{
        padding-bottom:18px;
    }
    .order-right{
        max-width: 66.666667%!important;
        flex: 0 0 66.666667%!important;
    }
    .collapse-right{
        text-align:right!important;
    }
    .hidden-region-thead{
        display:block;
    }
    .region-thead{
        display:none;
    }
    .table-container table{
        width:930px;
    }
    #search{
        text-align:center;
        display:inline-block;
        width:100%;
    }
    #listing-filter{
        text-align:center;
        display:inline-block;
        width:100%;
    }
    .oc-table-container table{
        width:668px;
    }
    .btn-prod .tooltiptext {
        display:none;
    }
    .auto-md{
        display:inline;
    }
    .auto-md-hide{
        display:none;
    }
    .bs4-thead{
        display:none;
    }
    
    .bs4-hidden-header{
        display:inline;
    }
    .blue-border{
        display:none;
    }
    .blue-border-condensed{
        display:block;
    }
    .navbar-extended{
        display:none!important;
    }
    .navbar-collapsed{
        display:inline-block;
    }
}
@media(max-width:810px){
    .oc-table-container table{
        font-size:.6rem;
    }
}

@media(max-width:900px){
    #orderview-table-container table{
        width:900px;
    }
}

@media(max-width:910px) and(min-width:811px){
    .oc-table-container table{
        font-size:.65rem;
    }

}

@media(max-width:915px){
    .oc-table-container{
        display:none;
    }
    #oc-mobile-container{
        display:inline
    }
}

@media(max-width:991px){
    .row{
        margin:0px;
    }
    .auto-lg{
        display:inline;
    }
    .auto-lg-hide{
        display:none;
    }
    #account-question{
        justify-content: left!important;
    }
    #payment-mobile{
        display:inline-block;
        width:95vw;
    }
    #payment-fullscreen{
        display:none;
    }
}

@media(max-width:996px) and (min-width:768px){
    .card-header h5 .btn-prod b{
        font-size:.85rem!important;
    }
}


@media(max-width:1199px) and (min-width:768px){
    #search{
        text-align:center;
        display:inline-block;
        width:45%;
    }
    #listing-filter{
        text-align:center;
        display:inline-block;
        width:45%;
    }
}


@media(max-width: 1199px){

    .order-right{
        max-width:35%;
        flex: 0 0 35%;
    }

    .region-thead{
        font-size:1rem;
    }

    .bs4-big-thead{
        display:none;
    }

    .bs4-big-hidden-header{
        display:inline!important;
    }

    #oc-detail{
        max-width:100%!important;
    }
    #search-button{
        display:none;
    }
    #create-claim-button{
        display:none;
    }
    #hidden-search-button{
        display:inline-block;
    }
    #hidden-create-claim-button{
        display:inline-block;
    }
    .oc-table-container{
        height:100%;
    }
    .table-search{
        display:inline-block;
        width:45%;
    }

    .table-drop{
        display:inline-block;
        width:45%;
    }

    .collapse.show{  
        margin-top:10px;
        margin-left:4px;
    }
    .collapsing{
        margin-top:10px;
        margin-left:4px;
    }
    #nav-header{
        margin-left:0px;
        margin-bottom: 0px;
        margin-top:20px;
        padding-bottom:5px;
    }
    .collapse.show{
        margin-top:10px;
        margin-left:4px;
    }
    .collapsing{
        margin-top:10px;
        margin-left:4px;
    }
    .oc-table-placement{
        width:100%;
        display:block;
    }
    .navdrop{
        display:inline;
    }
    #main-title{
        display:none;
    }
    #navlogo{
        display:none;
    }
    #pflogo{
        display:none;
    }
    #nav-right{
        display:none;
    }
    #dropdown-right{
        float:right;
        text-align:justify;
        width:auto;
    }
    #hidden-logout{
        display:inline-block;
    }
    #logout{
        display:none;
    }
    .product-background{
        background: rgb(0,0,0,0);
    }
    .product-image{
        background: rgb(86,90,95);
        background: linear-gradient(0deg, rgba(86,90,95,1) 0%, rgba(131,136,141,1) 25%, rgba(170,175,181,1) 72%, rgba(192,197,204,1) 100%);
    }
}

@media(max-width:1275px) and (min-width:911px){
    .oc-table-container table{
        font-size:.75rem;
    }
}

@media(max-width:1318px) and (min-width:1200px){
    #jht-nav a{
        font-size:.8rem;
    }
    #pf-nav a{
        font-size:.8rem;
    }
}

@media(max-width:1400px) and (min-width:1275px){
    .oc-table-container table{
        font-size:.8rem;
    }
}

/* Height Media Queries */
@media(max-height:240px){
    #navbarNavDropdown{
        height:100px;
    }
}

@media(max-height:285px) and (min-height:241px){
    #navbarNavDropdown{
        height:150px;
    }
}

@media(max-height:330px) and (min-height:286px){
    #navbarNavDropdown{
        height:200px;
    }
}

@media(max-height:370px) and (min-height:331px){
    #navbarNavDropdown{
        height:250px;
    }
}

@media(max-height:370px){
    #navbarNavDropdown{
        overflow-y:scroll!important;
    }
}

@media(max-height:1200px) and (min-height:1000px){
    #auto-return-container{
        height: 65vh;
    }
}
@media(max-height:999px) and (min-height:736px){
    #auto-return-container{
        height: 48vh;
    }
}
@media(max-height:735px) and (min-height:600px){
    #auto-return-container{
        height:40vh;
    }
}
@media(max-height:599px){
    #auto-return-container{
        height:30vh;
    }
}
@media(max-height:700px){
    #nav-products-hidden{
        display:inline;
    }
    #nav-hidden-tools{
        display:inline;
    }
    #nav-products{
        display:none;
    }
    #nav-tools{
        display:none;
    }
}

@media(max-width:400px){
    .phone-extend{
        padding:0px!important;
    }
}

/* Height and Width Media Queries */
@media(max-height:700px) and (max-width:1199px){
    /*.nav-link{
        padding:0px;
    }*/
    .dropdown-item{
        padding:0px 0px 0px 24px;
    }
}

@media(max-width:1400px) and (min-width:992px){
    .orderview-quantity{
        display:block;
    }
    .orderview-quantity .col{
        margin-bottom:5px;
        display:flex;
        justify-content:center;
        align-items: center;
    }
}