/*
  Author:Sujata Ingale
  Author Url: www.graymatrix.com
  Desiganation:front end developer

  /* Smartphones (portrait and landscape) ----------- */
  @media screen
  and (min-width : 320px)
  and (max-width : 767px) {
  	.loginWrapper .login_cont
  	{
  		width: 300px;
  	}
  	.filterBox div .input-group {
      padding-bottom: 10px;
      }
      th {
       font-size: 14px;
  	 border-bottom-width: 1px !important;
       border-top: medium none !important;
      }
      .pageWrapper .table-bordered tr td
        {
  	font-size: 13px;
     }
     .orderBtn
      {
  		padding: 8px 8px;
  		text-align: center;
     }
     .actionWrapper .btn.btn-brown {
      font-size: 15px;
     }
     .bar.bar-header.bar-tabs.bar-subheader {
      height: 34px;
     }
     .item-tab-list .item a
      {
  	   font-size: 13px;
  	   padding: 6px;
     }
     .logoWrapper {
      margin: 20px auto 30px;
  	width: 144px;
     }
     .featherlight .featherlight-content{
  	    padding: 18px 10px 0 0 !important;
     }
     .featherlight .featherlight-close-icon
       {
  	 height: 34px;
       line-height: 33px !important;
       margin: 2px 3px 3px 14px;
       right: -1px !important;
       width: 34px !important;
       background: rgba(211, 211, 211, 0.9) none repeat scroll 0 0 !important;
       border-radius: 34px;
       padding-left: 2px;
       font-size: 20px;   
     }
     .flex-direction-nav a:before
       {
  	   font-size: 32px !important;
     }
     .flex-direction-nav a
       {
  	   height: 37px !important;
     }
     .actionWrapper
      {
  	 position: fixed;
       width: 100%;
  	 left: 0;
  	 bottom: 0;
     }
     .txtBoxNS
       {
  	   width: 94%;
     }
     .productAlign .table-bordered {
      border: medium none !important;
     }
     .productClick .modal-dialog {
      margin-top: 120px;
     }
     .modal-body iframe {
      width: 100%;
  	height: 250px;
     }
     .modal-open
     {
  	   padding-right:0 !important;
     }
     
    .item-tab-list li.item:last-child .badge {
      margin-right: -2px;
      right: 3px;
      font-size: 8px;
     }
     .item .badge
        {
  	   top: 2px;
  	   font-size: 10px;
  	   
     }
     .pageWrapper .table-bordered .total > td {
      
        padding: 5px;
      }
      .totalcount
      {
        display: block;
      }
      .total .red
      {
        margin-top: 2px;
      }
      .total span {
    display: block;
      }
      .total span#totalRate {
    display: inline;
      }
  }