﻿@media screen and (max-width:420px){
    .filter-box .toggle-switch{
        display:none;
    }

    .filter-box .fa-th-large,
    .filter-box .fa-th-list{
        display:none;
    }

   .filter-box{
       display:block;
       width:100%;
       margin-top:3px;
       margin-bottom:3px;
   }

   .filter-box:last-child{
       display:none;
   }

   .payment-form{
       width:90%;
       margin:auto;
   }

   .complete-box{
       width:100%;
       padding:5px;
   }

    .customer-table tr td strong,
    .customer-table tr td:nth-child(even) {
        font-size: 12px;
        font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    }

    .customer-table{
        max-width:90%;
        overflow:hidden;
        margin:auto;
    }

   .page-header{
       font-size:3em;
   }

   .popup-img{
       width:100%;
   }

    .popup-img .closeImg {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 25px;
        color: #555;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    .popup-img .closeImg:hover{
        cursor:pointer;
        color:#ff0000;
    }
    .cart-header {
        width: 100%;
        text-align: center;
    }

    .qty {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .cart-header img {
        max-width: 100%;
    }

    .cart-container {
        width: 100%;
        padding: 0;
    }

  

    .cart-item-info{
        float:none;
        width:100%;
    }

    #top-nav{
        width:100%;
    }

    #mbl-nav-btn {
        margin-right: 25px;
        border-color: #777;
        color: #777;
        padding: 9px 15px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;

    }
    #mbl-nav-btn:hover,
    #mbl-nav-btn:focus{
        outline:none;
        border-color:#fff;
        color:#fff;
        background:transparent;
    }
    #shopCart {
        display:inline-block;
        color: #777;
        float: right;
        padding: 9px 15px;
        border: 1px solid #777;
        margin: 8px;
        border-radius: 3px;
        position: relative;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    #shopCart:focus{
        border-color:#fff;
        color:#fff;
    }

    #shopCart:focus #cart-status{
        color:#fff;
    }

    #cart-status{
        position:absolute;
        top:4px;
        right:-5px;
    }

    .site-search-bar{
        padding:5px;
    }

    #loginForm{
        width:100%;
    }

    .sliderz .slidez h2{
        font-size:35px;
    }

  
  #loginForm{
      left:0;
      margin-left:0;
      width:100%;
  }
}