/*STYLES OF NAV BAR STARTING*/

@media only screen and (min-width: 992px) {
   #search{
      width: 140px !important;
   }
   .search-bar{
      margin-right: 10px;
   }
   .navbar-nav{
      font-size: 14px;
   }
   .logout-button{
      margin-right: 5px !important;
      font-size: 12px !important;
   }
   .search-button{
      font-size: 12px !important;
   }
}


@media only screen and (min-width: 1200px) {
   #search{
      width: 200px !important;
   }
   .search-bar{
      margin-right: 40px;
   }
   .navbar-nav{
      font-size: 17px;
   }
   .logout-button{
      margin-right: 10px !important;
      font-size: 15px !important;
   }  
   .search-button{
      font-size: 15px !important;
   }
}   


@media only screen and (max-width: 600px) {
    #search{
      width: 140px !important;
      margin-right: 30px;
   }
   .search-bar{
      margin-right: 10px;
   }
   .search-button{
      font-size: 12px !important;
   }
   .logout-button{
      font-size: 12px !important;
   }
   #brand-img{
      margin-left: 0px !important;
   }
   .navbar-nav{
      font-size: 12px;
   }
}
/*STYLES OF NAVBAR ENDING*/







/*STYLES FOR THE SIDE BAR STARTING*/
   @media (min-width: 992px) {
    #side-bar {
        display: block!important;
    }
}
@media (min-width: 992px) {
    #toggle-sidebar, #close-sidebar {
        display: none!important;
    }
}

@media only screen and (min-width: 1200px) {
   #right-content {
      padding-top: 50px;
   }
}
/*STYLES FOR THE SIDE BAR ENDING*/







/*STYLES FOR THE RIGHT SIDE CARDS STARTING*/
@media screen and (min-width: 992px) {
  .card{
   margin: 10px 25px 10px 25px;
  }
}



/*STYLES FOR GO TO CART*/
@media only screen and (max-width: 600px) {
   .cart #headline_content {
      font-size: 14px !important;
   }
}
@media only screen and (max-width: 768px) {
   .cart #headline_content {
      font-size: 14px ;
   }
   .cart_btn{
   }
}





/*STYLES FOR TABLE IN CART_PHP*/
@media only screen and (max-width: 768px) {
   table{
/*      width: 350px !important;*/
      margin-top: 20px;
   }
}

@media only screen and (max-width: 1200px) {
   table {
      margin-top: 20px;
   }
}

@media only screen and (max-width: 600px) {
   #update{
      font-size: 13px !important;
   }
   #shopping{
      font-size: 13px !important;
   }
   #checkout{
      font-size: 13px !important;
   }
}




/*STYLES FOR LOGIN_STYLE*/
@media only screen and (max-width: 768px) {
   table {
      width: 400px !important;
   }

   .field-icon1 {
      float: right;
      margin-top: -185px !important;
      margin-right: -30px !important;
}
}





/*STYLES FOR REGISTRATION FORM*/
@media only screen and (max-width: 600px) {
  td b{
   font-size: 14px!important;
  }
}

@media only screen and (max-width: 768px) {
   td b{
   font-size: 14px!important;
  }

  .field-icon {
   top: 207px !important;
    right: 65px !important;
}