/*--------------------------------------------------------------
  Template Name: Tmart-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Tmart is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

/* Search Bar Header */
.input-group.md-form.form-sm.form-1 input{
  border: 1px solid #bdbdbd;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input {
  border: 1px solid #bdbdbd;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input.red-border {
  border: 1px solid #ef9a9a;
}
.input-group.md-form.form-sm.form-2 input.lime-border {
  border: 1px solid #cddc39;
}
.input-group.md-form.form-sm.form-2 input.amber-border {
  border: 1px solid #ffca28;
}

@media only screen and (min-width:1025px){
    #search_menu{
        width:500px !important;
    }
}

/*input[id=search_menu] {*/
/*  box-sizing: border-box !important;*/
/*  border: 2px solid #ccc !important;*/
/*  border-radius: 4px !important;*/
/*  font-size: 16px !important;*/
/*  background-color: white !important;*/

/*  padding: 12px 20px 12px 12px !important;*/
/*  -webkit-transition: width 4s ease-in-out !important;*/
/*  transition: width 4s ease-in-out !important;*/
/*}*/

/*input[id=search_menu]:focus {*/
/*  width: 510px !important;*/
/*}*/

/* Search Bar Header */

/* Mobile Header bg-color */
.mobile-content{
    background: #fc4a1a none repeat scroll 0 0 !important;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f7b733, #fc4a1a) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* Mobile Header bg-color */

/* Home page Accordion */
/*********** home page menu dropdown *************/
.accordion {

  color: #fff !important;
  cursor: pointer;
  padding: 20px !important;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 18px !important;
  transition: 0.4s;
  background-color:#000 !important;
}

.menu-active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: #fbc955 !important;
  overflow: hidden;
  color:#000;
}
/*********** home page menu dropdown *************/
/* Home page Accordion Ends */