@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/
/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  .bs-docs-container {
    max-width: 970px;
  }
  .bs-docs-sidenav {
    width: 258px;
  }
  .bs-docs-sidenav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
}
/* Desktop
------------------------- */
@media (max-width: 980px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
.dropdown-bg > div > div.column + div.column ul.level2 {
	padding-left: 3px;
}
body {
    padding: 0;
}
.flex-direction-nav,
#ascrail2000-hr {display: none;}

.sortable-portfolio-items,
.sortable-blog-items,
.sortable-team-items,
.sortable-partners-items,
.sortable-clients-items {
	margin: 0 -10px;
}
.sortable-portfolio-items.grid-layout,
.sortable-blog-items.grid-layout,
.sortable-team-items.grid-layout,
.sortable-partners-items.grid-layout,
.sortable-clients-items.grid-layout {
	margin: 0 -10px;
}
.widget-portfolio .sortable-portfolio-items li.thumbnail,
.sortable-portfolio-items li.thumbnail,
.sortable-blog-items li.thumbnail,
.sortable-team-items li.thumbnail,
.sortable-partners-items li.thumbnail,
.sortable-clients-items li.thumbnail {
    padding: 0 10px;
	margin: 0 0 20px;
}
.sortable-portfolio-items.grid-layout  li.thumbnail,
.sortable-blog-items.grid-layout  li.thumbnail,
.sortable-team-items.grid-layout  li.thumbnail,
.sortable-partners-items.grid-layout  li.thumbnail,
.sortable-clients-items.grid-layout  li.thumbnail{
	padding: 0 10px;
	margin: 0 0 15px;
}
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 1200px) {

  /* Widen masthead and social buttons to fill body padding */
.jumbotron {
	margin-top: -20px; /* Offset bottom margin on .navbar */
}
.menu-dropdown li.level1 {
	margin-right: 6px;
}
nav#menu .menu-dropdown > li > a, nav#menu .menu-dropdown > li > span {	
	padding: 6px 4px 10px 4px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    padding: 0 7px;
}
#search { display: none; }

}
/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    padding: 0 4px;
}
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	font-size: 13px;
}
#headerbar {
    margin: 0 0 5px;
    min-height: 50px;
    position: relative;
}
#headerbar .logo img {
    height: 50px;
}
/* Layout */
#top-a, 
#page-top, 
#top-b, 
#bottom-a,
#page-bottom,  
#bottom-b { padding: 20px 10px; }
#innertop, 
#page-innertop { padding: 0 0 20px; }
#page-innerbottom, 
#innerbottom { padding: 20px 0 0; }
#breadcrumbs { padding: 10px; }
#main { padding: 20px 10px; }

#header  { padding: 0px; }
#menubar { padding: 0px 10px; }
#headerbar{ padding: 10px 10px; }
#footer { padding: 10px; }
#footer .module { margin: 0 }
#top-b .mod-box,
#bottom-b .mod-box {
    margin-top: 10px;
}
#search { display: none; }

#main + #bottom-a { padding: 0 10px 10px 10px; }
#top-b + #main  { padding: 5px 10px 20px 10px; }

.module {
    margin: 0px;
}
#menu .module { margin: 0 }
#content { padding: 0; }
#system .item > header { margin: 0 0 15px; }
#system #comments { padding: 10px 0; margin: 0; }
#system .item > header .title { margin: 0 0 10px; }

.width16, .width20, .width25, 
.col_one_sixth, .col_one_fifth, .col_one_fourth {
    width: 50%;
	margin: 0
}
.width33, .width40, .width50, .width60, .width66, .width75, .width80, .width83,
.col_one_third, .col_two_fifth, .col_one_half,  .col_three_fifth, .col_two_third, .col_three_fourth, .col_four_fifth, .col_five_sixth {
    width: 100%;
	margin: 0
}
.dropdown .width25 {width: 25%;}
.dropdown .width33 {width: 33.3%;}
.dropdown .width50 {width: 50%;}

#headerbar .col_two_fifth  {width: 40%;}
#headerbar .col_three_fifth {width: 60%;}

.sortable-portfolio-items .width16,
.sortable-portfolio-items .width20,
.sortable-portfolio-items .col_one_sixth,
.sortable-portfolio-items .col_one_fifth { width: 25%; margin: 0 }
.sortable-portfolio-items .width25,
.sortable-portfolio-items .width40,
.sortable-portfolio-items .width60,
.sortable-portfolio-items .width75,
.sortable-portfolio-items .width80,
.sortable-portfolio-items .col_one_fourth,
.sortable-portfolio-items .col_two_fifth,
.sortable-portfolio-items .col_three_fifth,
.sortable-portfolio-items .col_three_fourth,
.sortable-portfolio-items .col_four_fifth { width: 50%; margin: 0 }
}

/* Only Phones */
@media (max-width: 767px) {

/* Layout */
#top-a, 
#page-top, 
#top-b, 
#bottom-a,
#page-bottom,  
#bottom-b { padding: 20px 10px; }
#innertop, 
#page-innertop { padding: 0 0 20px; }
#page-innerbottom, 
#innerbottom { padding: 20px 0 0; }
#toolbar,
#menubar { padding: 0px; }
#headerbar{ padding: 10px 10px; }
#breadcrumbs { padding: 10px; }
#main { padding: 20px 10px; }

#header  { padding: 10px; }
#footer { padding: 10px; }
#footer .module { margin: 0 }
#top-b .mod-box,
#bottom-b .mod-box {
    margin-top: 10px;
}
#menubar { padding: 0; margin-top: 10px; }
#search { display: none; }

#main + #bottom-a { padding: 0 10px 10px 10px; }
#top-b + #main  { padding: 5px 10px 20px 10px; }

#menu .module { margin: 10px 5px }
#footer .module { margin: 0 }
#top-b .mod-box,
#bottom-b .mod-box {
    margin-top: 10px;
}
div#system > article.item,
div#system > section#comments {
	padding:10px;
}
#header-responsive form.searchbox {
    float: right;
	width: auto;
}
#toolbar .toolbar-l>div,
#toolbar .toolbar-r>div,
#headerbar,
#menubar,
#tagline,
#breadcrumbs,
#totop-scroller, #resp-totop-scroller { display: none; }
#toolbar .toolbar-r>div.widget_firm_social_icons_widget { display: block; }
#toolbar .toolbar-r .module, #toolbar .toolbar-l .module, #toolbar .toolbar-l time {
    margin: 0 15px;
}
.tp-leftarrow.default, .tp-rightarrow.default {
    font-size: 30px;
    height: 30px;
    width: 20px;
}
.tp-leftarrow.default:before, .tp-rightarrow.default:before {
    line-height: 15px;
}

/* Widen masthead and social buttons to fill body padding */
.jumbotron {
padding: 40px 20px;
margin-top:   -20px; /* Offset bottom margin on .navbar */
margin-right: -20px;
margin-left:  -20px;
}

.bs-docs-social {
margin: 0 -20px;
}

/* Space out the show-grid examples */
.show-grid [class*="span"] {
margin-bottom: 5px;
}

/* Sidenav */
.menu-sidebar.affix {
position: static;
width: auto;
top: 0;
}
/* Timeline */
.news-timeline:before {
		display: none;
}

.news-timeline > li .tmtime {
	width: 100%;
	position: relative;
	padding: 0 0 10px 0;
}

.news-timeline > li .tmtime span {
	text-align: left;
}
.news-timeline > li .tmtime span:first-child {
	text-align: left;
	padding: 0;
}
.news-timeline > li .tmlabel {
	margin: 0 0 15px 0;
	padding: 10;
}

.news-timeline > li .timeline-icon {
	position: relative;
	float: right;
	left: auto;
	margin: -74px 0 0 0;
}
}
/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
/* Change up some type stuff */
h2 small {
display: block;
}

/* Downsize the jumbotrons */
.jumbotron h1 {
font-size: 45px;
}
.jumbotron p,
.jumbotron .btn {
font-size: 18px;
}
.jumbotron .btn {
display: block;
margin: 0 auto;
}

/* center align subhead text like the masthead */
.subhead h1,
.subhead p {
text-align: center;
}

/* center example sites */
.example-sites {
margin-left: 0;
}
.example-sites > li {
float: none;
display: block;
max-width: 280px;
margin: 0 auto 18px;
text-align: center;
}
.example-sites .thumbnail > img {
max-width: 270px;
}

/* Do our best to make tables work in narrow viewports */
table code {
white-space: normal;
word-wrap: break-word;
word-break: break-all;
}

/* Examples: dropdowns */
.bs-docs-example-submenus > .pull-left {
float: none;
clear: both;
}
.bs-docs-example-submenus > .pull-left,
.bs-docs-example-submenus > .pull-left + .pull-left {
margin-left: 0;
}
.bs-docs-example-submenus p {
margin-bottom: 0;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
margin-bottom: 10px;
float: none;
max-width: 180px;
}

/* Examples: modal */
.modal-example .modal {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

/* System */
#system .items .item,
#system .items .item:first-child {
	margin-top: 12px;
	padding-top: 18px;
	border-top-width: 1px;
}

#system .items :first-child .item:first-child {
	margin-top: 0;
	padding-top: 0;
	border-width: 0;
}

#system .items .leading .item {
	margin-bottom: 0;
	padding-bottom: 0;
	border-width: 0;
}
nav#menu div#search .search-query,
input[type="text"].search-query {
    width: 110px;
}
nav#menu div#search .search-query:hover, nav#menu div#search .search-query:focus,
input[type="text"].search-query:hover, input[type="text"].search-query:focus {
    width: 110px;
}
.btn-cta {
    font-size: 17px;
    padding: 8px 10px;
}
.width16, .width20, .width25, .width33, .width40, .width50, .width60, .width66, .width75, .width80, .width83,
.col_one_sixth, .col_one_fifth, .col_one_fourth, .col_one_third, .col_two_fifth, .col_one_half,  .col_three_fifth, .col_two_third, .col_three_fourth, .col_four_fifth, .col_five_sixth {
    width: 100%;
	margin: 0
}
.sortable-portfolio-items .width16,
.sortable-portfolio-items .width20,
.sortable-portfolio-items .col_one_sixth,
.sortable-portfolio-items .col_one_fifth { width: 50%; margin: 0 }
.sortable-portfolio-items .width25,
.sortable-portfolio-items .width33,
.sortable-portfolio-items .width40,
.sortable-portfolio-items .width50,
.sortable-portfolio-items .width60,
.sortable-portfolio-items .width66,
.sortable-portfolio-items .width75,
.sortable-portfolio-items .width80,
.sortable-portfolio-items .width83,
.sortable-portfolio-items .col_one_fourth,
.sortable-portfolio-items .col_one_third,
.sortable-portfolio-items .col_two_fifth,
.sortable-portfolio-items .col_one_half,
.sortable-portfolio-items .col_three_fifth,
.sortable-portfolio-items .col_two_third,
.sortable-portfolio-items .col_three_fourth,
.sortable-portfolio-items .col_four_fifth,
.sortable-portfolio-items .col_five_sixth { width: 100%; margin: 0 }
.page-slider.width100 {
    padding: 5px 0;
}
}
@media (max-width: 320px) {
nav#menu div#search .search-query,
input[type="text"].search-query {
    width: 85px;
}
nav#menu div#search .search-query:hover, nav#menu div#search .search-query:focus,
input[type="text"].search-query:hover, input[type="text"].search-query:focus {
    width: 85px;
}
}