/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

.wrapper{
	max-width:942px;
	margin:0 auto;
	width:100%;		
}
#header .headerTop .wrapper{
	max-width:1100px;
	width:100%;
}
#header .headerBtm{	
	min-width:0; /* Non Responsive */ 		 	
}
#contentMain{
	min-width:0; /* Non Responsive */ 		 	
}
#footer{
	min-width:0; /* Non Responsive */ 		
}

@media (min-width: 768px) and (max-width: 979px){	
  .sf-menu li{
	 font-size:14px;	  
  }
  .sf-menu a {
	 padding:52px 10px 35px 7px;	
  }
}
@media (max-width: 767px){
   .sf-menu {
	   padding-bottom:5px;	  
	   width:100%;	
	}
	.sf-menu li {
	   border-bottom:1px solid #ccc;
	   background:none;
	   padding:2px 0;	   
	   font-size:1.15em;
	   float:none;	  
    }
	.sf-menu li:last-child{
	   border-bottom:none;
	}
	.sf-menu a {
	   border-left:none;	
	   padding:.25em 12px;	 
	}
	.sf-menu ul{	  
	  padding-right:12px;
	  padding-left:12px;
	  border:none;
	  background:none !important;
	  position:relative !important;
	  display:block !important;
	  left:0 !important;	   
	  box-shadow:none !important;
   } 
   .sf-menu ul li{
      border-top:1px solid #ccc;
	  border-bottom:none;
	  background:none;
	  font-size:.95em;
   }
   .sf-menu ul li:first-child{
  	  padding-top:0;	
   }
   .sf-menu ul li:last-child{
	  padding-bottom:0;
   }
   .sf-menu ul li a{
	  padding:.25em 20px;
   }
   .sf-menu > li > ul > li:hover > a,
   .sf-menu > li > ul > li.sfHover > a,
   .sf-menu > li > ul > li.selected > a{
		background:none;
		color:#db571f;	
	}
	.sf-menu ul ul {
    	top:0;	
    }
	.sf-menu ul ul li {
  	    background:none;
    }	
	.sf-menu > li > ul > li > ul > li:hover > a,
	.sf-menu > li > ul > li > ul > li.sfHover > a,
	.sf-menu > li > ul > li > ul > li.selected > a{
		background:none;
		color:#bd2122;	
	}
}


  
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}


@media (min-width: 768px) and (max-width: 979px)  {	
  /* Style adjustments for viewports 768px and over go here */
  /* Portrait tablet to landscape and desktop */  
  .bannerForm{
	 min-height:278px;
	 padding-top:28px;	  
  }
  .bannerForm h1{
	 font-size:2.857em;	  
  }
  .sideBar .bannerForm{
	 padding-top: 55px;
  }
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  } 
}

@media (max-width: 767px) {
  /* Landscape phone to portrait tablet */   
  h1{
	font-size:2.2em;	  
  }
  .wrapper-inner{
	padding-bottom:10px;	  
  }
  #header .headerTop .headerPaddng{
	padding-left:0;	
  }
  #header .headerTop .headerMenu{
	width:100%;
	float:none;	
  }
  #header .headerTop .searchArea{
	padding-top:6px;
	width:100%;
	float:none;	
  }
  #header .headerTop .mpMembers{
	width:100%;
	float:none;	
  }
  #header .headerTop .mpMembers img{
	margin-bottom:-14px;
	position:static;
  }  
  .searchArea form{
	padding:5px 10px 8px 15px;	  
  }
  #header .headerBtm .logo{
	text-align:center;
	padding-bottom:0;
	padding-top:14px;	
  }
  .bannerCtr .wrapper{
    padding-top:10px;	  
  }
  .bannerLeft{
	width:100%; 
	float:none;	
  }
  .banner{		
	border-top:4px solid #004988;
	border-left:none;
  }
  .banner .cycle-slide aside{
	padding:8px 0 5px 4%;	  
  }
  .banner .cycle-slide aside h2,
  .banner .cycle-slide aside h6{
	font-size:2em;
  }
  .bannerSidebar{
	padding-bottom:10px;
	margin-left:0;
	width:100%;
	float:none;	
  }
  .bannerForm{
	background-size:cover;
    border-bottom:4px solid #004988;
	border-left:none;
	padding:101px 4% 0;
	min-height:245px;
	max-width:240px;
	margin:0 auto;
	width:92%;
  }
  .bannerForm h1{
	font-size:2.2em;	  
  }  
  .sideBar .bannerForm{
	max-width:184px;	  
  }
  .widget-trainer{
	max-width:232px;
	margin:0 auto;
	width:100%;	
  }
  #contentMain .wrapper {
    padding-bottom: 12px;
    padding-top: 15px;
  }  
  #footer .wrapper{
	padding-top:10px;	  
  }
  #footer .wrapper h6, #footer .wrapper p{
	font-size:1em;	  
  }
  #footer .wrapper h4{
	font-size:1.143em;	  
  }
  .widget-home{
	padding-bottom:2px;	  
  }
  .coupon {
     padding-top: 4px;
  }
  .contentLeft{
	width:100%;
	float:none;	
  }
  .form-contact{
	padding-bottom:10px;
	padding-left:5px;	
  }
  .contentInner{
	padding:14px 20px 10px;	  
  }
  .contentLeft-padding{
	padding:8px 8px 4px;
  }
  .sideBar.paddingTop{
	padding-top:20px;
  }
  .sideBar{
	padding-top:10px;
	margin-left:0;
	float:none;
	width:100%;
   }
  .sideBar > ul{
	margin:0 0 0 0;	
  }
  .sideBar > ul > li{
	padding:0 0 12px;
  }
  .trainer-spacing{
	 max-width:none;	  
  }
  .listing-serv li:nth-child(2n+1){
	 margin-left:0;
	 clear:both;	  
  }
  .sideBar > ul{
	 padding:20px 0 0 15px;
	 *zoom: 1;	  
  }  
  .sideBar > ul:before,
  .sideBar > ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  .sideBar > ul:after {
    clear: both;
  } 
  .sideBar > ul > li{
	margin:0 2.136%;
    padding: 0 0 25px;
    width:44.296%;
	float:left;
   }
  .list-shop{
	padding-top:0;	  
  }
  .list-shop li{
	padding-bottom:0;
	float:none;
	width:100%;	  
  } 
  .list-shop li p{
	padding-bottom:0;	  
  }
  .contentInner-top{
	padding-bottom:10px;	  
  }
  .testimonials-desc figure{
	width:100%;
	float:none;	
  }
  .testimonials-desc aside{
	padding-top:10px;
	width:100%;
	float:none;	
  }
  .testimonials-desc aside .txtThin{
	padding:0 10px;
  }
  .testimonials-desc aside .name{
	font:normal 20px 'RobotoBoldCondensed';
	padding:10px 10px 10px;	
  }
  .bannerInner figcaption{
	font:normal 20px 'RobotoCondensed';
	padding:12px 7%;
  }
  .pagination{
	margin-bottom:6px;	  
  }
  .post{
	padding-bottom:5px;	
  }
  .blog-page .blog-content{
	width:100%;
	float:none;	
  }
  .blog-page .blog-sidebar{
	padding-top:4px;
	width:100%;
	float:none;	
  }
  .blog-sidebar > ul > li{
	margin-bottom:10px;
    padding:0 0 4px;  
  }
  .btn{
	 padding:2px 8px;
	 font-size:11px;	  
  }
  .btn-danger, .btn-gray{
     padding:5px 12px 5px;
	 font-size:12px;
  }
  .prod-name hgroup h2{
	padding-bottom:10px;
	font-size:22px;	
  }
  .prod-name input[type="text"]{
	 height:15px;	
  }
  .cart-row .productitemcell{
	 padding-top:4px;
	 min-height:41px;	  
  }
  .cart-row p{
	 margin-bottom:6px;
 	 padding-top:0;	
  }
  .cart-row .itm-img, .cart-row .itm-name{
	 text-align:center;
 	 width:100%;
	 float:none;	
  }
  .cart-row .itm-price, .cart-row .itm-cost{
 	margin-left:0;
	text-align:left;
	width:70%;	
   }
   .cart-row .itm-qty, .cart-row .itm-remove{
 	margin-left:0;
	text-align:left;
	width:30%;	
   }
   .cart-btm .discount{
	width:50%;
	float:left;	
   }
   .cart-btm .shipping{
	margin-left:5%;
	width:45%;
	float:left;	
   }
   .cart-btm .total-price{
	padding-top:10px;
	margin-left:0;
	width:100%;
	float:left;	
   }
  .imgRight{
	  float:none;	  
  }
  .phne-center{ text-align:center;}
  .box-gray .box-gray-content .colLeft{	width:100%;	float:none;}  
  .box-gray .box-gray-content .colRight{ width:100%; float:none;}
  .box-gray .box-gray-content p select{	width:96.5%; }
  
  /* ================================== */   
  .table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
  }
  .table-responsive > .table {
	margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
  }
  .table-responsive > .table-bordered {
	border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
  }	
   
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
  form{
	margin-bottom:5px;	  
  }
}

@media (max-width: 480px){
  /* Landscape phones and down */
  /* Style adjustments for viewports 480px and over go here */
  /* iPhone, Android, Blackberry rules here */     
  .banner .cycle-slide aside h2,
  .banner .cycle-slide aside h6{
	font-size:1.4em;
  }  
  .listing-serv li{
	padding:0 0 20px 0;
	margin:0;
	width:96%;	
	float:none;		
  }
  .listing-serv li figure{
	max-width:260px;
	margin:0 auto;	
	width:100%;	  
  }
  .sideBar > ul {
    padding: 20px 0 0;
  }
  .sideBar > ul > li{
	padding:0 0 20px;	
	margin:0;
	width:100%;	
	float:none;		
  }
   .cart-btm .discount{
	width:100%;
	float:none;	
  }
  .cart-btm .shipping, .cart-btm .total-price{
	padding-top:10px;
	margin-left:0;
	width:100%;
	float:none;	
  } 
  
  
  /* ================================== */   
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}

@media (max-width: 767px)  { 
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 767px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}