/*
 * Bootstrap Responsive v2.3.1
 *
 * 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; }

.hidden {
  display: none;
  visibility: hidden; }

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

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

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

@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; } }
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (min-width: 768px) and (max-width: 1004px) {
  .row {
    margin-left: -20px;
    *zoom: 1; }
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    .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;
      content: "";
      line-height: 0; }
    .row-fluid:after {
      clear: both; }
    .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-left: 2.76243%;
      *margin-left: 2.71056%; }
    .row-fluid [class*="span"]:first-child {
      margin-left: 0; }
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
      margin-left: 2.76243%; }
    .row-fluid .span12 {
      width: 100%;
      *width: 99.94813%; }
    .row-fluid .span11 {
      width: 91.43646%;
      *width: 91.3846%; }
    .row-fluid .span10 {
      width: 82.87293%;
      *width: 82.82106%; }
    .row-fluid .span9 {
      width: 74.30939%;
      *width: 74.25753%; }
    .row-fluid .span8 {
      width: 65.74586%;
      *width: 65.69399%; }
    .row-fluid .span7 {
      width: 57.18232%;
      *width: 57.13045%; }
    .row-fluid .span6 {
      width: 48.61878%;
      *width: 48.56692%; }
    .row-fluid .span5 {
      width: 40.05525%;
      *width: 40.00338%; }
    .row-fluid .span4 {
      width: 31.49171%;
      *width: 31.43985%; }
    .row-fluid .span3 {
      width: 22.92818%;
      *width: 22.87631%; }
    .row-fluid .span2 {
      width: 14.36464%;
      *width: 14.31277%; }
    .row-fluid .span1 {
      width: 5.8011%;
      *width: 5.74924%; }
    .row-fluid .offset12 {
      margin-left: 105.52486%;
      *margin-left: 105.42113%; }
    .row-fluid .offset12:first-child {
      margin-left: 102.76243%;
      *margin-left: 102.6587%; }
    .row-fluid .offset11 {
      margin-left: 96.96133%;
      *margin-left: 96.85759%; }
    .row-fluid .offset11:first-child {
      margin-left: 94.1989%;
      *margin-left: 94.09516%; }
    .row-fluid .offset10 {
      margin-left: 88.39779%;
      *margin-left: 88.29406%; }
    .row-fluid .offset10:first-child {
      margin-left: 85.63536%;
      *margin-left: 85.53162%; }
    .row-fluid .offset9 {
      margin-left: 79.83425%;
      *margin-left: 79.73052%; }
    .row-fluid .offset9:first-child {
      margin-left: 77.07182%;
      *margin-left: 76.96809%; }
    .row-fluid .offset8 {
      margin-left: 71.27072%;
      *margin-left: 71.16698%; }
    .row-fluid .offset8:first-child {
      margin-left: 68.50829%;
      *margin-left: 68.40455%; }
    .row-fluid .offset7 {
      margin-left: 62.70718%;
      *margin-left: 62.60345%; }
    .row-fluid .offset7:first-child {
      margin-left: 59.94475%;
      *margin-left: 59.84102%; }
    .row-fluid .offset6 {
      margin-left: 54.14365%;
      *margin-left: 54.03991%; }
    .row-fluid .offset6:first-child {
      margin-left: 51.38122%;
      *margin-left: 51.27748%; }
    .row-fluid .offset5 {
      margin-left: 45.58011%;
      *margin-left: 45.47638%; }
    .row-fluid .offset5:first-child {
      margin-left: 42.81768%;
      *margin-left: 42.71395%; }
    .row-fluid .offset4 {
      margin-left: 37.01657%;
      *margin-left: 36.91284%; }
    .row-fluid .offset4:first-child {
      margin-left: 34.25414%;
      *margin-left: 34.15041%; }
    .row-fluid .offset3 {
      margin-left: 28.45304%;
      *margin-left: 28.3493%; }
    .row-fluid .offset3:first-child {
      margin-left: 25.69061%;
      *margin-left: 25.58687%; }
    .row-fluid .offset2 {
      margin-left: 19.8895%;
      *margin-left: 19.78577%; }
    .row-fluid .offset2:first-child {
      margin-left: 17.12707%;
      *margin-left: 17.02334%; }
    .row-fluid .offset1 {
      margin-left: 11.32597%;
      *margin-left: 11.22223%; }
    .row-fluid .offset1:first-child {
      margin-left: 8.56354%;
      *margin-left: 8.4598%; }

  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) {
/*
  body {
    padding-left: 20px;
    padding-right: 20px; }
*/

  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px; }

  .container-fluid {
    padding: 0; }

  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    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"] {
    float: none;
    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; }

  .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;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0; }
    .modal.fade {
      top: -100px; }
    .modal.fade.in {
      top: 20px; } }
@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-left: 10px;
    padding-right: 10px; }

  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px; }

  .media-object {
    margin-right: 0;
    margin-left: 0; }

  .modal {
    top: 10px;
    left: 10px;
    right: 10px; }

  .modal-header .close {
    padding: 10px;
    margin: -10px; }

  .carousel-caption {
    position: static; } }
@media (max-width: 1004px) {
  body {
    padding-top: 0; }

  .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-left: 10px;
    padding-right: 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: #9d9d9d; }

  .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: rgba(0, 0, 0, 0.8); }

  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0; }

  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    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: rgba(0, 0, 0, 0.8);
    border-bottom-color: rgba(0, 0, 0, 0.8); }

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0; }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0; }

  .navbar .btn-navbar {
    display: block; }

  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 1005px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important; } }

/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {
  .mainMenu li a {
    padding: 0 15px;
  }
  .mainMenu .grid-column2,
  .mainMenu .grid-container2 {
    width: 117px;
  }
  .mainMenu .grid-column3,
  .mainMenu .grid-container3 {
    width: 176px;
  }
  .mainMenu .grid-column4,
  .mainMenu .grid-container4 {
    width: 235px;
  }
  .mainMenu .grid-column5,
  .mainMenu .grid-container5 {
    width: 294px;
  }
  .mainMenu .grid-column6,
  .mainMenu .grid-container6 {
    width: 353px;
  }
  .mainMenu .grid-column7,
  .mainMenu .grid-container7 {
    width: 412px;
  }
  .mainMenu .grid-column8,
  .mainMenu .grid-container8 {
    width: 471px;
  }
  .mainMenu .grid-column9,
  .mainMenu .grid-container9 {
    width: 530px;
  }
  .mainMenu .grid-column10,
  .mainMenu .grid-container10 {
    width: 589px;
  }
  .mainMenu .grid-column11,
  .mainMenu .grid-container11 {
    width: 648px;
  }
  .mainMenu .grid-column12,
  .mainMenu .grid-container12 {
    width: 707px;
  }
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none;
  }
  .mainMenu .grid-column {
    float: none;
    width: auto;
    margin: 0;
    border: 0;
    border-top: 1px solid #d9d9d9;
  }
  .mainMenu .grid-column:first-child {
    border-top: 0;
  }
  .mainMenu form fieldset {
    display: block;
    padding: 15px 20px;
  }
  .mainMenu form section {
    margin-bottom: 10px;
  }
  .mainMenu form .row {
    margin: 0 -10px;
  }
  .mainMenu form .col {
    padding-right: 10px;
    padding-left: 10px;
  }
  
  
  .mainMenu-response-to-stack > li {
    display: block;
    float: none;
    border: 0;
    border-top: 1px solid #d9d9d9;
  }
  .mainMenu-response-to-stack > li:first-child {
    border-top: 0;
  }
  .mainMenu-response-to-switcher > li {
    display: none;
    float: none;
    border: 0;
  }
  .mainMenu-response-to-switcher > .switcher {
    display: block;
  }
  .mainMenu-response-to-switcher:hover > li {
    display: block;
    border-top: 1px solid #d9d9d9;    
  }
  .mainMenu-response-to-switcher:hover > .switcher {
    display: none;  
  }
  .mainMenu-response-to-stack li > div,
  .mainMenu-response-to-stack li > [class^="grid-container"],
  .mainMenu-response-to-switcher li > div,
  .mainMenu-response-to-switcher li > [class^="grid-container"] {
    top: 100%;
    bottom: auto;
    width: auto;
    margin: 8px 0 0 0;    
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .mainMenu-response-to-stack li > div:after,
  .mainMenu-response-to-switcher li > div:after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 8px;
  }
  .mainMenu-response-to-stack li > div:before,
  .mainMenu-response-to-switcher li > div:before {
    display: none;
  }
  .mainMenu-response-to-stack li a > [class^="icon-"],
  .mainMenu-response-to-switcher li a > [class^="icon-"] {
    margin: 0 15px 0 0;
  }
  .mainMenu-response-to-stack li:hover > div,
  .mainMenu-response-to-stack li:hover > [class^="grid-container"],
  .mainMenu-response-to-switcher li:hover > div,
  .mainMenu-response-to-switcher li:hover > [class^="grid-container"] {
    right: 0;
    left: 51px;
  }
  .mainMenu-response-to-stack li li > div,
  .mainMenu-response-to-switcher li li > div {
    top: 100%;
    width: auto;
    margin: 8px 0 0 0;
  }
  .mainMenu-response-to-stack li li > div:after,
  .mainMenu-response-to-switcher li li > div:after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 8px;
  }
  .mainMenu-response-to-stack li li:hover > div,
  .mainMenu-response-to-switcher li li:hover > div {
    right: 0;
    left: 51px;
  }
  .mainMenu-response-to-stack .search .input input,
  .mainMenu-response-to-switcher .search .input input {
    width: 100%;
  } 
  
  .mainMenu-response-to-icons li {
    position: static;
    font-size: 0;
  }
  .mainMenu-response-to-icons li a {
    padding: 0 10px;
  }
  .mainMenu-response-to-icons li > div,
  .mainMenu-response-to-icons li > [class^="grid-container"] {
    width: 100%;
  }
  .mainMenu-response-to-icons li > div:before {
    display: none;
  }
  .mainMenu-response-to-icons li a > [class^="icon-"] {
    margin: 0;
  }
  .mainMenu-response-to-icons li li {
    position: relative;
    font-size: 13px;
  }
  .mainMenu-response-to-icons li li > div {
    top: 100%;
    margin: 8px 0 0 0;
  }
  .mainMenu-response-to-icons li li > div:after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 8px;
  }
  .mainMenu-response-to-icons li li:hover > div {
    right: 0;
    left: 41px;
    width: auto;
  }
  .mainMenu-response-to-icons li li a > [class^="icon-"] {
    margin-right: 10px;
  }
  .mainMenu-response-to-icons.mainMenu-anim-flip li li > div {
    top: 100%;
    margin: 8px 0 0 0;
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
  }
  .mainMenu-pos-bottom.mainMenu-response-to-icons li li > div {
    top: auto;
    bottom: 100%;
    margin: 0 0 8px 0;
  } 
  .mainMenu-pos-bottom.mainMenu-response-to-icons li li > div:after {
    top: 100%;
    bottom: auto;
  }
}



/* ==================================================
   RESPONSIVE
================================================== */
@media screen and (max-width: 900px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 360px;}
	.mobile_menu {top: 30%; width: 360px; }
	.menu_button { display: block; margin-right:20px;top:35px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.twitter-icon, .slidecontrols{display:none;}
	.topContact .addresTop{display: none;}
	.top_social li { display: inline-block;}
	.top_social { float: right; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:380px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.carousel-navi{z-index:99;}
	.intro {padding: 60px 0 0;}
	.tab-content{margin-bottom:60px;}
	.margBot .titleHead{margin-bottom:5px;}
	.ourClient, .features, .faq, .pricing, .alerts, .elements,.blog, .blogPost{padding: 30px 20px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.single_portfolio, .latestWork{padding: 30px 20px 60px;}
	.intButton{padding:30px 0;}
	.footer_bottom {padding: 30px 20px;}
	.latestBlog {padding: 30px 20px 0;}
	.blogDetail{margin-bottom:30px;}
	.blogPic .blog-hover .icon{margin:25% auto 0;}
	.tweet_slider {padding: 30px 20px 50px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;display: inline-block;}
	.footer .span3 .tagsinput{margin-bottom:0;}
	.client_list {display: inline-block;margin: 0 20px 30px;}
	.client_list li{margin-left:0;}
	.ourClient{padding:30px 20px;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:25%;}
	.bx-viewport {display: inline-block;margin-bottom: 30px;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 15px 20px 0;width: 70px;height:70px;}
	.demo-illustrations img {max-height: 70px;max-width: 70px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);color:#fff;}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 100%%;}
	#filter{padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 40%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;display: inline;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.content_contact {display: inline-block;padding: 0 0 30px;}
	.contact3 {padding: 20px 0;}
	#contact-form, .contact_info {margin-bottom: 40px;margin-top: 20px;}
	#contact-form p {margin-bottom: 0;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.accrodation {margin-bottom: 30px;padding-bottom: 30px;}
	.pagination {display: inline-block;}
	.jcarousel ul{width: 100%;}
	.separator {padding-bottom: 20px;}
	.sepTitle button{margin-left:0;}
	.rwd-table {margin-bottom: 30px;}
	.feature-box .feature-text {padding-left: 62px;}
	.feature-box .feature-icon {margin-left: 5px;}
	.footer_social li{margin-bottom:5px;}
	.pagination-dropdown.dropup {display: none;}
	#search-query-1 {width: 75%;}
	.wSearch {margin-top: 10px;}
	.widgetTab .tab-content{margin-bottom:0;}
	.row-fluid textarea {width: 99% !important;}
}

@media screen and (max-width: 800px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 360px;}
	.mobile_menu {position: relative; top: 25%; width: 360px; }
	.menu_button { display: block; margin-right:20px;top:35px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.twitter-icon, .slidecontrols{display:none;}
	.topContact{display: block;}
	.topContact .addresTop{display: none;}
	.top_social li { display: inline-block;}
	.top_social { float: right; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:380px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.carousel-navi{z-index:99;}
	.intro {padding: 60px 0 0;}
	.tab-content{margin-bottom:60px;}
	.margBot .titleHead{margin-bottom:5px;}
	.ourClient, .features, .faq, .pricing, .alerts, .elements,.blog, .blogPost{padding: 30px 20px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.single_portfolio, .latestWork{padding: 30px 20px 60px;}
	.intButton{padding:30px 0;}
	.footer_bottom {padding: 30px 20px;}
	.latestBlog {padding: 30px 20px 0;}
	.blogDetail{margin-bottom:30px;}
	.blogPic .blog-hover .icon{margin:25% auto 0;}
	.tweet_slider {padding: 30px 20px 50px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;display: inline-block;}
	.footer .span3 .tagsinput{margin-bottom:0;}
	.client_list {display: inline-block;margin: 0 20px 30px;}
	.client_list li{margin-left:0;}
	.ourClient{padding:30px 20px;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:25%;}
	.bx-viewport {display: inline-block;margin-bottom: 30px;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 15px 20px 0;width: 70px;height:70px;}
	.demo-illustrations img {max-height: 70px;max-width: 70px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);color:#fff;}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 100%%;}
	#filter{padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 40%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;display: inline;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.content_contact {display: inline-block;padding: 0 0 30px;}
	.contact3 {padding: 20px 0;}
	#contact-form, .contact_info {margin-bottom: 40px;margin-top: 20px;}
	#contact-form p {margin-bottom: 0;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.accrodation {margin-bottom: 30px;padding-bottom: 30px;}
	.pagination {display: inline-block;}
	.jcarousel ul{width: 100%;}
	.separator {padding-bottom: 20px;}
	.sepTitle button{margin-left:0;}
	.rwd-table {margin-bottom: 30px;}
	.feature-box .feature-text {padding-left: 62px;}
	.feature-box .feature-icon {margin-left: 5px;}
	.footer_social li{margin-bottom:5px;}
	.pagination-dropdown.dropup {display: none;}
	#search-query-1 {width: 75%;}
	.wSearch {margin-top: 10px;}
	.widgetTab .tab-content{margin-bottom:0;}
	.row-fluid textarea {width: 99% !important;}
}


@media screen and (max-width: 768px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 360px;}
	.mobile_menu {position: relative; top: 25%; width: 360px; }
	.menu_button { display: block; margin-right:20px;top:35px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.twitter-icon, .slidecontrols{display:none;}
	.topContact{display: block;}
	.topContact .addresTop{display: none;}
	.top_social li { display: inline-block;}
	.top_social { float: right; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:340px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.carousel-navi{z-index:99;}
	.intro {padding: 60px 0 0;}
	.tab-content{margin-bottom:60px;}
	.margBot .titleHead{margin-bottom:5px;}
	.ourClient, .features, .faq, .pricing, .alerts, .elements,.blog, .blogPost{padding: 30px 20px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.single_portfolio, .latestWork{padding: 30px 20px 60px;}
	.intButton{padding:30px 0;}
	.footer_bottom {padding: 30px 20px;}
	.latestBlog {padding: 30px 20px 0;}
	.blogDetail{margin-bottom:30px;}
	.blogPic .blog-hover .icon{margin:25% auto 0;}
	.tweet_slider {padding: 30px 20px 50px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;display: inline-block;}
	.footer .span3 .tagsinput{margin-bottom:0;}
	.client_list {display: inline-block;margin: 0 20px 30px;}
	.client_list li{margin-left:0;}
	.ourClient{padding:30px 20px;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:25%;}
	.bx-viewport {display: inline-block;margin-bottom: 30px;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 15px 20px 0;width: 70px;height:70px;}
	.demo-illustrations img {max-height: 70px;max-width: 70px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);color:#fff;}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 100%%;}
	#filter{padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 40%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;display: inline;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.content_contact {display: inline-block;padding: 0 0 30px;}
	.contact3 {padding: 20px 0;}
	#contact-form, .contact_info {margin-bottom: 40px;margin-top: 20px;}
	#contact-form p {margin-bottom: 0;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.accrodation {margin-bottom: 30px;padding-bottom: 30px;}
	.pagination {display: inline-block;}
	.jcarousel ul{width: 100%;}
	.separator {padding-bottom: 20px;}
	.sepTitle button{margin-left:0;}
	.rwd-table {margin-bottom: 30px;}
	.feature-box .feature-text {padding-left: 62px;}
	.feature-box .feature-icon {margin-left: 5px;}
	.footer_social li{margin-bottom:5px;}
	.pagination-dropdown.dropup {display: none;}
	#search-query-1 {width: 75%;}
	.wSearch {margin-top: 10px;}
	.widgetTab .tab-content{margin-bottom:0;}
	.row-fluid textarea {width: 99% !important;}
}


@media screen and (max-width: 640px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 360px;}
	.mobile_menu {position: relative; top: 25%; width: 360px; }
	.menu_button { display: block; margin-right:20px;top:35px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.topContact, .twitter-icon, .slidecontrols{display:none;}
	.top_social li { display: inline-block; float: none;}
	.top_social { float: none; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:300px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.intro {padding: 60px 15px 0px;}
	.tab-content{margin-bottom:60px;}
	.margBot .titleHead{margin-bottom:5px;}
	.ourClient, .features, .faq, .pricing, .alerts, .elements,.blog, .blogPost{padding: 30px 20px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.single_portfolio, .latestWork{padding: 30px 20px 60px;}
	.intButton, .footer_bottom {padding: 30px 20px;}
	.latestBlog {padding: 30px 20px 0;}
	.blogDetail{margin-bottom:30px;}
	.blogPic .blog-hover .icon{margin:30% auto 0;}
	.tweet_slider {padding: 30px 20px 50px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;display: inline-block;}
	.footer .span3 .tagsinput{margin-bottom:0;}
	.copyright {float: none;text-align: center;}
	.bottom-icons {float: none;margin: 15px auto 0;text-align: center;}
	.bottom-links li, .bottom-icons li {display: inline-block;float: none;margin: 0 15px 0 0;}
	.client_list li{margin-left:0;}
	.ourClient{padding:30px 20px 0;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:20%;}
	.bx-viewport {display: inline-block;margin-bottom: 30px;}
	.pageTitle{padding: 15px 20px;width: auto;}
	ul.breadcrumbs {display: block;float: left;margin: 0;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 13px 15px 0;width: 60px;height:60px;}
	.demo-illustrations img {max-height: 60px;max-width: 60px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);color:#fff;}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 98.5%;}
	#filter{margin:0;padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 40%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.comment-container {display: inline-block;margin-left: 0;margin-top: 5px;margin-bottom:20px;}
	#comment-list ul.children {margin-left: 20px;}
	.content_contact{padding:0 20px 20px;}
	.contact3 {padding: 20px 0;}
	#contact-form, .contact_info {margin-bottom: 40px;margin-top: 0;}
	#contact-form p {margin-bottom: 0;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.accrodation {margin-bottom: 30px;padding-bottom: 30px;}
	.pagination {display: inline-block;}
	.jcarousel ul{width: 100%;}
	.separator {padding-bottom: 20px;}
	.sepTitle button{margin-left:0;}
	.rwd-table {margin-bottom: 30px;}
}


@media screen and (max-width: 480px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 460px;}
	.mobile_menu {position: relative; top: 25%; width: 480px; }
	.menu_button { display: block; margin-right:20px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.topContact, .twitter-icon, .slidecontrols{display:none;}
	.top_social li { display: inline-block; float: none;}
	.top_social { float: none; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:250px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.intro {padding: 60px 15px 0px;}
	.tab-content{margin-bottom:60px;}
	.margBot .titleHead{margin-bottom:5px;}
	.ourClient, .features, .faq, .pricing, .alerts, .elements,.blog, .blogPost{padding: 30px 20px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.single_portfolio, .latestWork{padding: 30px 20px 60px;}
	.intButton, .footer_bottom {padding: 30px 20px;}
	.latestBlog {padding: 30px 20px 0;}
	.blogDetail{margin-bottom:30px;}
	.tweet_slider {padding: 30px 20px 80px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;}
	.copyright {float: none;text-align: center;}
	.bottom-icons {float: none;margin: 15px auto 0;text-align: center;}
	.bottom-links li, .bottom-icons li {display: inline-block;float: none;margin: 0 15px 0 0;}
	.client_list li{margin-left:0;}
	.ourClient{padding:30px 20px 0;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:20%;}
	.bx-viewport {display: inline-block;margin-bottom: 30px;}
	.pageTitle{padding: 15px 20px;width: auto;}
	ul.breadcrumbs {display: block;float: left;margin: 0;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 13px 15px 0;width: 60px;height:60px;}
	.demo-illustrations img {max-height: 60px;max-width: 60px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 100%;}
	#filter{margin:0;padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 35%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.comment-container {display: inline-block;margin-left: 0;margin-top: 5px;margin-bottom:20px;}
	#comment-list ul.children {margin-left: 20px;}
	.content_contact{padding:0 20px 20px;}
	.contact3 {padding: 20px 0;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.accrodation {margin-bottom: 30px;padding-bottom: 30px;}
	.pagination {display: inline-block;}
}


@media screen and (max-width: 360px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 300px;}
	.mobile_menu {position: relative; top: 25%; width: 360px; }
	.menu_button { display: block; margin-right:20px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	.topContact, .twitter-icon, .slidecontrols{display:none;}
	.top_social li { display: inline-block; float: none;}
	.top_social { float: none; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:180px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.single_portfolio {padding: 30px 20px 60px;}
	.latestWork, .ourClient, .features, .faq, .pricing, .alerts, .elements, .blogPost, .blog{padding: 30px 20px;}
	.full_width{padding: 30px 20px 60px;}
	.aboutPage, .our_team {padding: 30px 20px;}
	.intButton, .latestBlog, .footer_bottom {padding: 30px 20px;}
	.blogDetail{margin-bottom:30px;}
	.tweet_slider {padding: 30px 20px 80px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;}
	.copyright {float: none;text-align: center;}
	.copyright p{margin:0;}
	.bottom-icons {float: none;margin: 15px auto 0;text-align: center;}
	.bottom-links li, .bottom-icons li {display: inline-block;float: none;margin: 0 15px 0 0;}
	.client_list li{margin-left:10%;}
	.ourClient{padding:30px 20px 0;}
	.btntoTop.active{display: none}
	.tab-content{margin-bottom:60px;}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:30%;}
	.blogPic .blog-hover .icon {margin: 28% auto 0;}
	.pageTitle{padding: 15px 20px;width: auto;}
	ul.breadcrumbs {display: block;float: left;margin: 0;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 20px 15px 0;}
	.demo-illustrations img {max-height: 60px;max-width: 60px;}
	.accrodation{margin-bottom:60px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.pricingBlock{width: 100%;}
	#filter{margin:0;padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 30%;}
	.blog{padding:30px 20px 0;	}
	.content_contact{padding:0 20px;}
	.contact3 {padding: 20px 0;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.comment-container {display: inline-block;margin-left: 0;margin-top: 5px;margin-bottom:20px;}
	#comment-list ul.children {margin-left: 20px;}
}


@media screen and (max-width: 320px) {
	.brand img {margin: 15px auto 15px 20px;}
	.main_menus { width: 260px;}
	.mobile_menu div { width: 300px;}
	.mobile_menu {position: relative; top: 25%; width: 320px; }
	.menu_button { display: block; margin-right:20px;}
	.menu{display: none;}
	.sticky-wrapper.is-sticky .subHead{position: relative !important;height:90px}
	.sticky-wrapper.is-sticky .subHead .brand{margin-top:5px;}
	
	.topContact, .twitter-icon, .slidecontrols{display:none;}
	.top_social li { display: inline-block; float: none;}
	.top_social { float: none; margin: 0 auto; text-align: center;}
	.fullwidthbanner-container{height:150px;}
	.introText h4 { font-size: 24px; line-height: 1.4; }
	.carousel-intro {display: inline;}
	.intro {padding: 60px 15px 30px;}
	.single_portfolio {padding: 30px 20px 60px;}
	.latestWork, .ourClient, .features, .faq, .pricing, .alerts, .elements, .blogPost, .blog{padding: 30px 20px;}
	.full_width{padding: 30px 20px;}
	.aboutPage, .our_team {padding: 30px 20px;}
	
	.intButton, .latestBlog, .footer_bottom {padding: 30px 20px;}
	.blogDetail{margin-bottom:30px;}
	.tweet_slider {padding: 30px 20px 80px;}
	.tweet_text {line-height: 1.5;}
	.footer {padding: 30px 20px 0;}
	.footer .span3 {margin-bottom: 30px;}
	.copyright {float: none;text-align: center;}
	.copyright p{margin:0;}
	.bottom-icons {float: none;margin: 15px auto 0;text-align: center;}
	.bottom-links li, .bottom-icons li {display: inline-block;float: none;margin: 0 15px 0 0;}
	.client_list li{margin-left:10%;}
	.ourClient{padding:30px 20px;}
	.btntoTop.active{display: none}
	.testimonials-wrapper {display: inline-block;margin-bottom:30px;}
	.testimonials .author{padding-left:30%;}
	.pageTitle{padding: 15px 20px;width: auto;}
	ul.breadcrumbs {display: block;float: left;margin: 0;}
	.btn.btn-small{margin-bottom:5px;}
	.demo-illustrations .demo-content-wide > div {margin: 0 10px 15px 0;width: 60px;}
	.demo-illustrations img {max-height: 60px;max-width: 60px;}
	.rightContent {overflow: visible;}
	.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover {background: #1ABC9C;border-color: rgba(0, 0, 0, 0);}
	.pic.alignleft, .pic.alignright{float: none;margin-left:0;}
	.nav-tabs > li .dropdown-toggle {z-index: 998;}
	.aboutCarousel, .porDetCarousel, .porDet2Carousel{margin-bottom:30px;}
	.widgetTab ul li a {padding: 10px 15px;}
	.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {margin-bottom: 30px;}
	.pricingBlock{width: 100%;}
	#filter{margin:0;padding:0;overflow:visible}
	#filter li {margin: 0 0 18px;}
	.touching.two:hover a.hover-zoom, 
	.touching.two:hover a.hover-link {top: 30%;}
	.pageTitle h1 small {line-height:22px}
	.layout_blog article .f_pic {margin-bottom: 20px;}
	article .metaPost div.metaInfo > span {margin-bottom: 10px;}
	article .metaPost div.metaInfo {padding: 15px 0 5px;}
	.layout_blog article h4{margin-top:0;}
	.layout_blog {margin-bottom: 60px;}
	.metaInfo > span {margin-bottom: 10px;}
	.shareslabel {display: block !important;float: none !important;}
	.comment-container {display: inline-block;margin-left: 0;margin-top: 5px;margin-bottom:20px;}
	#comment-list ul.children {margin-left: 20px;}
	.content_contact{padding:0 20px;}
	.contact3 {padding: 20px 0;}
}