@media (max-width: 1920px) {
  .qty-input {
    width: 15%;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1349px) {
  #navbar .navbar-nav li {
    font-size: 15.5px !important;
  }
}

@media (min-width: 1349px) and (max-width: 1541px) {
  .top-navigation .navbar-brand h4 {
    font-size: 19px;
    padding-left: 1.8rem !important;
  }
  .top-navigation .extra-navigation {
    margin-right: 6.8%;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }
  .header .top-nav {
    margin-right: 0;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }
}

@media screen and (min-width: 1542px) and (max-width: 1830px) {
  .top-navigation .extra-navigation {
    margin-right: 2.8%;
  }
  .top-navigation .middle-nav {
    margin-left: 2.6%;
  }
  .header .top-nav {
    margin-right: 0;
  }
  .qty-input {
    width: 15%;
  }
}

/* Ipad Pro 12.5 inches Verticle */
@media (max-width: 1366px) and (orientation: landscape) {
  .header .top-nav {
    margin-right: 0;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }
  .top-navigation .navbar-brand h4 {
    font-size: 24px;
    top: 12px;
    letter-spacing: 0;
  }
}

/* ================== */

/* Ipad PRO 12.5 inches Portrait */

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .header .top-nav {
    margin-right: 0;
  }
  .navbar-brand {
    margin-left: 0;
  }
  .middle-nav h4 {
    font-size: 19px;
    letter-spacing: 0;
  }

  .mb-md-6 {
    margin-bottom: 5rem;
  }
  .navbar-nav a {
    font-size: 14px !important;
  }
  .top-navigation .navbar-brand h4 {
    top: 9px;
  }
  .middle-nav .navbar-brand img {
    width: 18% !important;
  }
  .top-navigation .extra-navigation {
    margin-right: 15px;
    font-size: 14px;
    top: 25px;
  }
  .top-navigation .middle-nav {
    margin-left: 2.6%;
  }
  #navbar .navbar-nav li {
    font-size: 13px;
  }
  .marketing-image::after {
    height: 311px;
    width: 277px;
    bottom: 23px;
  }
  .marketing-text .card p {
    font-size: 16px;
  }
  .category-background .category-title h2,
  figcaption h3 {
    font-size: 32px;
  }
  .focus-images .col-md-6 img {
    height: 230px !important;
  }
  .focus-images .overlay::after {
    width: 292px;
  }
  .focus-images .col-lg-8 .overlay::after {
    width: 612px;
  }
  .parallax {
    background-position: center;
    background-attachment: unset;
  }
  .text h2 {
    font-size: 28px;
  }
  .parallax .text-container {
    padding: 52px 40px;
    padding-top: 60px;
    left: 44%;
  }
  .parallax .text-container h1,
  .parallax .text-container h2 {
    font-size: 34px;
  }
  .footer-form input {
    padding-right: 30px;
  }
  .checkout-form input {
    width: 100%;
  }
  .footer-form input {
    padding-right: 0;
    width: 50%;
  }
  #wrap {
    margin-bottom: 10%;
  }
}
/* ======================== */

@media screen and (min-width: 1200px) and (max-width: 1328px) {
  .top-navigation .middle-nav a {
    font-size: 14px;
    padding: 0 10px;
  }
  .top-navigation .extra-navigation {
    margin-right: 4.3%;
    top: 18px;
  }

  #navbar .navbar-nav li {
    font-size: 14px;
  }
}

@media screen and (min-width: 1113px) and (max-width: 1199px) {
  #navbar .navbar-nav li a {
    font-size: 12.5px;
  }
  .top-navigation .extra-navigation {
    margin-right: 0;
    font-size: 13px;
    top: 21px;
    padding: 0 5px;
  }
  .header .top-nav {
    margin-right: 6%;
  }
}

/* Ipad Pro 10 inches Landscape */
@media (max-width: 1112px) and (orientation: landscape) {
  #navbar .navbar-nav li {
    font-size: 15px;
  }
  .top-navigation .middle-nav a {
    padding: 0 5px;
    font-size: 13px;
  }
  .focus-images .col-md-6 img {
    height: 230px !important;
  }
  .focus-images .overlay::after {
    width: 292px;
  }
  .focus-images .col-lg-8 .overlay::after {
    width: 612px;
  }
  .text h2 {
    font-size: 28px;
  }
  .parallax .text-container {
    padding: 52px 40px;
    padding-top: 60px;
    left: 44%;
  }
  .parallax .text-container h1,
  .parallax .text-container h2 {
    font-size: 34px;
  }
  .footer-form input {
    padding-right: 30px;
  }
  .top-navigation .navbar-brand h4 {
    font-size: 20px;
    padding-left: 5px !important;
  }
  .navbar-nav a {
    font-size: 12px;
  }
  .header .top-nav {
    margin-right: 38px;
  }
  #couponCode {
    width: 69%;
  }
}

@media only screen and (max-width: 1080px) {
  .shoes-dropdown {
    width: 500px;
  }
  .navbar-brand {
    display: inline !important;
  }
  .tab-container {
    height: 500px;
  }
}

/* ======================== */

/* Ipad Pro 10 inches Portrait */
@media only screen and (max-device-width: 834px) and (orientation: portrait) {
  .navbar-brand img {
    width: 37% !important;
  }
  #navbar .navbar-nav li {
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
  }
  #couponCode {
    width: 69%;
  }

  .navbar-brand {
    /* margin-left:110px; */
    margin-right: 30%;
  }
  .top-navigation .navbar-brand h4 {
    top: 10px;
    letter-spacing: 0;
    font-size: 18px;
  }
  .top-navigation .extra-navigation {
    margin-right: 0;
    font-size: 13px;
    top: 0;
    float: none;
    position: relative;
    left: 110px;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }
  .header .top-nav {
    margin-right: 0;
  }
  .marketing-text .card p {
    font-size: 16px;
  }
  .marketing-image::after {
    bottom: 115px;
  }
  .category-background .col-12 {
    text-align: center;
  }
  .category-title h2 {
    font-size: 26px;
  }
  .category-background h3 {
    font-size: 18px;
  }
  .focus-images .col-md-4 img {
    height: 169px !important;
  }
  .focus-images .overlay::after {
    width: 211px;
  }
  .focus-images .col-lg-8 .overlay::after {
    width: 450px;
  }
  #caption h2 {
    font-size: 24px;
  }
  .parallax .text-container {
    padding: 52px 40px;
    padding-top: 60px;
    left: 44%;
  }
  .parallax .text-container h1,
  .parallax .text-container h2 {
    font-size: 34px;
  }
  .parallax {
    background-position: center;
    background-attachment: unset;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navbar-nav a {
    font-size: 10px;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .card-columns {
    column-count: 2;
  }
  .header .top-nav {
    margin-right: 25px;
  }
  .navbar-brand img {
    width: 55% !important;
  }
  .category-background figure h4 {
    font-size: 19px;
  }
  .look-book-text {
    position: relative;
    width: 100%;
  }
  .parallax {
    height: 322px;
  }
  .main-container {
    /* display:inline; */
    min-height: auto;
  }
  .main-container > footer {
    position: unset;
  }
  .main-container {
    padding-bottom: 0;
  }
  .top-navigation .middle-nav a:nth-child(2) {
    margin-right: 0;
  }
  .look-book-text {
    left: 0;
  }
  #couponCode {
    width: 69%;
  }
  .iframe-container iframe {
    width: 100%;
    height: 300px;
  }

  .work-boots-image {
    background-position: -450px;
  }

  .workboots {
    width: 100% !important;
    height: auto !important;
  }
  .work-text h2,
  .work-text h3 {
    font-size: 26px;
  }
}

@media (max-width: 834px) {
  .navbar-brand img {
    width: 40% !important;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }
  /* .shoes-dropdown {
    width: 300px;
  } */
}

@media (min-width: 1071px) and (max-width: 1200px) and (orientation: landscape) {
  .navbar-nav a {
    font-size: 13px;
  }
  .header .top-nav {
    margin-right: 15px;
  }
  .top-navigation .navbar-brand h4 {
    font-size: 20px;
    padding-left: 15px !important;
  }
  .top-navigation .extra-navigation {
    margin-right: 1.8%;
    top: 16px;
  }
  .four-photos h2 {
    font-size: 28px;
  }
  .look-book-text {
    left: 5%;
  }

  .workboots {
    width: 100% !important;
    height: auto !important;
  }
  .work-text h2,
  .work-text h3 {
    font-size: 38px;
  }
}

/* ======================== */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .page-title h1 {
    font-size: 24px;
  }


  table.cart-table.bottom .cart-btns {
    margin-top: 13px;
  }

  .work-boots-image {
    background-position: -450px;
  }

  .workboots {
    width: 100% !important;
    height: auto !important;
  }

  .grey-card {
    padding: 35px 20px;
  }

  .btn-primary {
    font-size: 16px;
  }

  #accordianId a .fa-arrow-circle-down,
  #accordianId a .fa-arrow-circle-up {
    margin-left: 10px !important;
  }

  .iframe-container iframe {
    width: 100%;
    height: 150px;
  }

  .iframe-container {
    margin-top: 20px;
  }

  .bgOne {
    background-position: 64% 0;
  }
  .bgThree {
    background-position: 56%;
  }

  .bgTwo {
    background-position: 55%;
  }

  .table-responsive {
    overflow-x: scroll;
  }

  .qty-input {
    width: 100%;
  }

  .checkout-form h3 {
    font-size: 24px;
  }
  .checkout-form input {
    width: auto;
  }

  #navbar {
    padding: 15px;
  }

  .navbar-nav .dropdown-menu {
    position: relative !important;
  }
  .shoes-dropdown {
    width: auto;
  }

  .look-book-text {
    left: 0;
  }
  .four-photos .col-xl-8 img,
  .four-photos .col-xl-4 img {
    height: auto;
    width: 100%;
  }

  .top-navigation .extra-navigation a:nth-child(3) {
    margin-left: 48px;
  }

  .owl-carousel .owl-item img {
    height: 58px;
  }

  .footer-form {
    float: none;
  }
  .footer-form .form-group {
    display: block;
    text-align: center;
  }

  .main-container {
    display: inline;
  }
  .main-container > footer {
    position: unset;
  }

  .navbar-brand {
    margin-right: auto;
    margin-left: auto;
  }
  .top-navigation .middle-nav {
    margin-left: 0;
  }

  #wrap {
    padding-bottom: 50px;
  }

  .signup-card .form-row .col {
    width: 100% !important;
    display: contents;
  }

  .four-photos .col-xl-8 img,
  .four-photos .col-xl-4 img {
    height: auto;
    width: 100%;
  }
  .four-photos .col-lx-8,
  .four-photos .col-xl-4 {
    height: 180px;
  }
  .four-photos .col-xl-8 img.mobile-img {
    display: block;
    width: 100%;
  }
  .top-navigation .extra-navigation a {
    font-size: 16px;
  }

  .four-photos .col-xl-8 img.desktop-image {
    display: none;
  }

  .top-navigation .nav-icons {
    margin-left: 0;
    margin-right: 22px;
  }
  .top-navigation input {
    width: 68%;
  }
  .navbar-brand img {
    width: 97% !important;
  }
  .top-navigation .navbar-brand h4,
  .marketing-image::after,
  .carousel-indicators,
  .brand-carousel {
    display: none !important;
  }
  .top-navigation .middle-nav a:nth-child(2) {
    border-right: 0;
  }
  #navbar .navbar-nav li {
    font-size: 17px;
  }
  .marketing-image {
    padding-left: 0 !important;
    border: 3px solid #ba2d0b;
  }
  .marketing-text .card h2 {
    font-size: 36px;
  }
  .category-title h2 {
    font-size: 21px;
  }
  .category-title span {
    display: block;
  }
  .focus-images .col-12 {
    background-color: #ba2d0b;
    padding: 20px 0;
    height: 250px;
  }
  .focus-images .col-12 img,
  .focus-images .overlay:after {
    opacity: 0;
  }
  .focus-images .col-12:nth-child(even) {
    background-color: #962307;
  }
  .parallax .text-container {
    left: 0;
    width: 100%;
  }
  footer ul {
    text-align: center;
  }
  .footer-form {
    width: 100%;
  }
  .form-group {
    display: inherit;
  }
  .top-navigation .extra-navigation {
    font-size: 16px;
    position: initial;
    float: none;
    margin-left: 31px;
  }

  .btn-primary {
    font-size: 14px;
  }
}

@media (max-width: 375px) {
  .top-navigation .extra-navigation {
    font-size: 16px;
    position: initial;
    float: none;
    margin-left: 40px;
  }

  #navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    position: unset;
  }

  .owl-carousel .owl-item img {
    height: 50px;
  }

  .top-navigation .middle-nav a:nth-child(3) {
    margin-left: 43px;
  }

  .welcome-panel .d-flex {
    margin-left: 30px;
  }
  .four-photos .focus-text h2 {
    font-size: 24px;
  }
  .top-navigation .middle-nav a {
    padding: 0 5px;
  }
  .footer-form input {
    padding-right: 0;
  }
  .footer-form {
    float: none;
  }
  .footer-form .form-group {
    display: block;
    text-align: center;
  }
  .category-background {
    padding: 30px 15px;
  }
  .look-book-text {
    left: 0;
  }
  .image-container img {
    width: 100%;
  }
  .recaptcha-container div:nth-child(2) {
    width: auto;
  }
  .g-recaptcha {
    transform: scale(0.77);
    transform-origin: 0 0;
  }
  .pedorthics-btns .btn {
    font-size: 12px;
  }
  .navbar-brand img {
    width: 100%;
  }
  .navbar-brand {
    margin-left: 0;
    margin-right: 0;
  }
  .main-container > footer {
    position: relative;
  }
  .welcome-panel .d-flex {
    margin-bottom: 25px;
  }
}

@media (max-width: 320px) {
  .top-navigation .extra-navigation a:nth-child(3) {
    margin-left: 15px3;
  }
  .top-navigation .extra-navigation a {
    font-size: 14px;
  }
  .top-navigation .extra-navigation {
    margin-left: 25px;
  }
  .qty-input {
    width: 100%;
  }
  .checkout-form input {
    width: 100%;
  }
  .signup-card {
    display: block;
  }
  .recaptcha-container div {
    width: auto;
  }
  .main-container > footer {
    position: initial;
  }
  #couponCode {
    width: 46% !important;
  }
  table.cart-table.bottom .cart-btns a {
    margin-bottom: 15px;
  }
}

@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .top-navigation .nav-icons {
    margin-left: 0;
    margin-right: 22px;
  }
  .top-navigation input {
    width: 68%;
  }
  .navbar-brand img {
    width: 91% !important;
  }
  .top-navigation .navbar-brand h4,
  .marketing-image::after,
  .carousel-indicators,
  .brand-carousel {
    display: none !important;
  }
  #navbar .navbar-nav li {
    font-size: 17px;
  }
  .top-navigation .middle-nav a {
    font-size: 15px;
  }
  .marketing-image {
    padding-left: 0 !important;
  }
  .marketing-text .card h2 {
    font-size: 36px;
  }
  .category-title h2 {
    font-size: 21px;
  }
  .category-title span {
    display: block;
  }
  .focus-images .col-12 {
    background-color: #ba2d0b;
    padding: 20px 0;
    height: 250px;
  }
  .focus-images .col-12 img,
  .focus-images .overlay:after {
    opacity: 0;
  }
  .focus-images .col-12:nth-child(even) {
    background-color: #962307;
  }
  .parallax .text-container {
    left: 0;
    width: 100%;
  }
  .effect-oscar {
    text-align: center;
  }
}

@media (min-width: 1329px) and (max-width: 1423px) {
  .top-navigation .extra-navigation {
    margin-right: 4.3%;
    top: 25px;
  }
}

@media screen and (min-width: 1424px) and (max-width: 1734px) {
  .header {
    margin-right: auto;
  }
  .top-navigation .extra-navigation {
    margin-right: 4%;
    top: 30px;
  }
}
@media (max-width: 1200px) {
  #mountain-main-menu {
    position: fixed !important;
  }
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  table.cart-table th {
    display: none;
  }

  table.bottom th {
    display: inline-block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #couponCode {
    width: 55%;
  }
  tr {
    border: 1px solid #ccc;
  }

  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }

  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .billing-card h5 {
    font-size: 14px;
  }
  .checkout-form input.btn {
    width: 100%;
  }

  table.cart-table td {
    padding: 30px;
  }
  /*
    Label the data
    */
  .cart-table td:nth-of-type(1):before {
    content: "Item";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .cart-table td:nth-of-type(2):before {
    content: "Description";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .cart-table td:nth-of-type(3):before {
    content: "Price";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .cart-table td:nth-of-type(4):before {
    content: "Quantity";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .cart-table td:nth-of-type(5):before {
    content: "Sub Total";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .cart-table td:nth-of-type(6):before {
    content: "Remove";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }

  .wishlist-table td:nth-of-type(1):before {
    content: "Product Image";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .wishlist-table td:nth-of-type(2):before {
    content: "Product Details";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .wishlist-table td:nth-of-type(3):before {
    content: "Price";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .wishlist-table td:nth-of-type(4):before {
    content: " ";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .wishlist-table td:nth-of-type(5):before {
    content: " ";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }

  .product-table td:nth-of-type(1):before {
    content: "Order #";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .product-table td:nth-of-type(2):before {
    content: "Purchase Date";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .product-table td:nth-of-type(3):before {
    content: "Delivery Type";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .product-table td:nth-of-type(4):before {
    content: "Current Status";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
  .product-table td:nth-of-type(5):before {
    content: " ";
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    margin-bottom: 30px;
  }
}