/*!
 * Bootstrap Responsive v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

@-ms-viewport  {
  width: device-width;
}

.clearfix  {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after  {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after  {
  clear: both;
}

.hidden  {
  display: none;
  visibility: hidden;
}
@media (min-width: 768px) and (max-width: 979px)  {
  .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
  {
    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;
  }
  .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%;
  }
  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;
  }

  .three-cols .portfolio-item { margin-left:50px !important}
  .four-cols .portfolio-item { margin-left:100px !important}
  .two-cols .portfolio-item { margin-left:140px !important;}
  .page_parents {display:none}
  
  .recent_portfolio .four-cols .portfolio-item {margin-left:23px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:150px !important}
}

@media (max-width: 767px)  {
  body  {  }
  .container-fluid  {
    padding: 0;
  }
  .dl-horizontal dt  {
    clear: none;
    text-align: left;
  }

  .dl-horizontal dd  {
    margin-left: 60px;
  }
  .container  {
    max-width:420px;
  }
  .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;
    
    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;
  }

  .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;
  }
  .price_container {width:100% !important;}
  .price_1_col {width:100% !important;} 
  .price_1_col ul li {width:369px !important;}
  .header_page .subtitle {display:none}
  .row-dynamic-el [class*="span"] {margin-top:50px}
  .row-dynamic-el [class*="span"]:first-child {margin-top:0}
  .recent_portfolio [class*="span"] {margin-top:20px;} 
  .clients-container .span9 .item {width:212px;}
  .row-dynamic-el input, .row-dynamic-el select, .row-dynamic-el textarea   {margin-top:10px !important;}
  .menu {display:none}
  #navigation.pull-right {float:none; margin-top:20px; padding:0 !important}
  .select-menu {display:block; width:100% !important; float:left; margin-top:10px; height:50px !important}
  .top_footer .tweet_list li {width:300px}
  .top_footer .tweet_list li h6 {width:240px; float:left; height:34px; overflow-y:hidden; margin-top:0}
  footer .widget {margin-bottom:40px; float:left}
  #logo {width:100%; text-align:center; float:none}
  #copyright .pull-right {float:left; margin-top:10px}
  #copyright .pull-right span {float:left; width:100%;margin-left:0 }
  .layout-sidebar_left .three-cols .portfolio-item {margin-left:0 !important}
  .layout-sidebar_left aside {margin-bottom:100px}
  aside.sidebar {margin-top:60px}
  .three-cols .portfolio-item { margin-left:60px !important}
  .four-cols .portfolio-item { margin-left:90px !important}
  .two-cols .portfolio-item { margin-left:0px !important; width:418px !important}
  .header_page { display:none}
  .page_parents {width:280px; text-align:center; display:none}
  .page_parents li {width:100%; padding-left:0; background:none; margin-bottom:5px}
  .page_parents li:last-child {margin-bottom:0}
  
  
  #portfolio-filter ul li  {padding-left:2.5%; width:95%;}
  #portfolio-filter ul {height:auto}
  .recent_portfolio .four-cols .portfolio-item {margin-left:100px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:0px !important}
  
  .customSelect {display:inline-block !important;}
  .customSelectInner {background:#f9f9f9 url('../img/select.png') right center no-repeat; padding-top:17px; padding-bottom:17px; padding-left:3%; width:97% !important;}
  .header-bar {border:none}
  .customSelect {width:100%}
  .select-menu {margin-top:0}
  .header_border_top {top:-35px}

  #contacts-form {margin-top:20px !important;}
  #contacts-form input, #contacts-form textarea { width:95%}
  #regform .button { margin-left:0}
  #regform .span6.human { margin-top:10px;}
  
  .top_nav { display:none}
  nav { display:none}
  
  #logo .span1 {float:left; width:20%;}
  #logo .span11 {float:left; width:80%;}
}

@media (max-width: 480px)  {
  .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;
  }
  aside .widget_search form input {width:252px !important;}

  .price_container {width:100% !important;}
  .price_1_col {width:100% !important;} 
  .price_1_col ul li {width:200px !important;}

  .container  { width:300px;}
  #content .container { width:280px; padding: 10px;}

  #navigation.pull-right {margin-top:0px; margin-bottom:10px}
  .top_footer .tweet_list li {width:260px}
  .top_footer .tweet_list li h6 {width:200px; float:left; height:34px; overflow-y:hidden; margin-top:0}
  
  .three-cols .portfolio-item, .four-cols .portfolio-item,  .two-cols .portfolio-item,  .one-cols .portfolio-item  { margin-left:40px !important}
  .clients .item {margin-left:50px}
  .clients .item:first-child {margin-left:50px}
  
  #logo h1 { font-size:24px !important; line-height:100%}
  #logo h1 span { font-size:16px !important; line-height:18px}
  .social_icons {margin-top:50px; margin-left:47px}

  .recent_portfolio .four-cols .portfolio-item {margin-left:40px !important}
  .recent_portfolio .two-cols .portfolio-item {margin-left:0px !important}
  
  footer .widget {margin-bottom:0px;}
  footer .widget_contact_info { display:none !important;}
  footer .widget_contact_info li { width:275px;}
  footer .footer_social_icons { width:100%;}
  footer .footer_social_icons li { display:inline-block; float:left; width:auto; margin-right:10px; margin-bottom:5px;}
  .slider_overlay p { margin-bottom:9px !important;}
  .slider_overlay a.readmore { padding:0px 6px; margin-top:0px; font-size:9px; line-height:12px; position:absolute; right:3px; bottom:3px}

input,
textarea, select, 
.uneditable-input  {
  width: 92%;
}
img.cart {
    max-width: 40px;
}
}

@media (max-width: 979px)  {
  body  {
    padding-top: 0;
  }
  .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 .dropdown-menu a:hover  {
    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 .dropdown-menu a:hover  {
    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;
  }
  .top_nav .social_widget ul li {margin-right:2px}
}

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