@media only screen and (min-width: 280px) and (max-width: 989px) {

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 300px;
    margin: 0 auto;}
  .body_wrap {
    width:320px;
    margin:0 auto;
    left:0;}

  .row {
  margin-left: 0;
  *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: 0;}
  /* span */

  .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
  .content.span8 .span2,
  .content.span8 .span3,
  .content.span8 .span4,
  .content.span8 .span5,
  .content.span8 .span6,
  .content.span8 .span7, 
  .content.span8 .span8,
  .content.span8 .span9,
  .content.span8 .span10,
  .content.span8 .span11,
  .content.span8 .span12 { 
    width: 300px;}
  
  .span3-m {width: 150px !important;}

  h1 {
    font-size: 19px;
    line-height: 31px;}

  h2 {
    font-size: 19px;
    line-height: 27px;}

  h3 {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 15px;}

  h4 {
    font-size: 16px;
    margin-bottom: 15px;}

  h5 {
    font-size: 13px;
    margin-bottom: 15px;}

  h6 {
    font-size: 12px;
    margin-bottom: 10px;}

  h6.title_page {
    margin-bottom:20px;
    font-size:12px;
    padding:0 0 15px;}

  h2.shortcode_title {
    font-size:19px;
    margin-bottom:15px;}

  .logo {
    float: none;
    margin-left:60px;}

  .search_top {
    float:none;
    margin-left:57px;}

  select.select_styled {
    border-radius:0;
    position:relative;
    left: 57px;
    width: 165px;}

  .member_team .member_img {
    width:100%;
    height:auto;
  }

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

  .services_carousel .service_item, 
  .portfolio_carousel .portfolio_item {
    margin-left:0;}
  
  .item_post {
    margin-bottom:30px;}

  .item_post .item_meta {
    float:none;}

  .item_post .item_meta.alignleft {
    margin-right: 0px;}

  .item_post .item_entry {
    float:none;
    width:300px;
    margin-right:0;}

  .item_post .item_meta img,
  .member_team .member_info .member_img img {
    width:100%;
    max-width:auto;}

  .item_post .item_entry h3.item_title { margin-bottom:10px;}
  .testimonials_carousel .testimonials_item h3{font-size:21px;}
  .testimonials_carousel .testimonials_item p {padding:0 5px;}
  .team_members .member_team {width:300px;float:left;margin-bottom:30px;}
  .team_members .member_team .member_info {float:none;margin:0;}
  .team_members .team_carousel_nav {top: 269px;left: 218px;bottom: auto;}
  .team_members .member_team .member_desc {float:none;}
  .member_team .member_desc .member_post {margin-bottom: 10px;}
  .member_team .member_desc .member_name {margin-top:10px;}
  .member_team .member_desc {width:100%}
  .technologies ul > li {
    width:20.5%;
    line-height: 100px;
    padding:0 2%; }

  .footer_bottom .social a {
    padding:6px;}

  .info_item  {
    text-align:center;
    margin-bottom:40px;}

  .testimonials_list .testimonials_item .testimonials_entry {
    width:300px;
    text-align:center;}

  .testimonials_list .testimonials_item  {
    text-align:center;}

  .middle_slider {display:none;}

  .page_title h1 {
    margin-bottom:15px;}

  .reply{margin-bottom:40px;}
  
  ul.service-list {
    margin-bottom:0;}

  /*posts*/

  #middle.sidebar_right .content .post_details,
  #middle.sidebar_left .content .post_details {
    padding:0;
    border:0;}

  .post_item.post_gallery .post_img img {
    width:300px;}

  .tf_pagination {
    text-align:center;}

  .content.span8 {
    border-bottom:2px dashed #bfdcbf;
    margin-bottom:40px;}

  .add-comment .field_textarea .textarea ,
  .add-comment .field_text .inputtext {
    width:278px}

  #header_map {
    height: 270px !important;}

  /* Comments */
  .children li {padding-left:0px}
  .comment_text ,
  .children .comment_text,
  .children .children .comment_text {width:258px;}
  .comment_avatar {width:32px;margin-right:10px;}

  /* Contanct */
  input.inputField, 
  input.inputField:focus, 
  textarea.textareaField, 
  textarea.textareaField:focus  {
    width:270px;}

  .cusel {
    width: 270px !important;}

  textarea.textareaField, textarea.textareaField:focus {
    min-width:281px;
    max-width:281px;}

  .content .widget_container {
    margin-bottom:15px;}

  .portfolio_item .meta_info a.link_more{
    width:100%;}

  .link_back {
    display:none;}

  /* Princing list */
  
  .pricing_box ul li.price_col {
    display:block;
    float: none;
    width:298px;
    margin:0;
    margin-bottom:10px !important;}

  /* video */

  .post_video iframe {
    height:178px;}

  .post_video .post_video_title h2 {
    font-size:53px;
    line-height:49px;}

  .button.large span, a.button.large span {
    min-width:60px;}

  .styled_table table tr th {
    font-size:10px;
  }

}

@media only screen and (min-width: 480px) and (max-width: 989px){
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 460px;
    margin: 0 auto;}

  .body_wrap {
    width:480px;
    margin:0 auto;
    left:0;}

  .row {
    margin-left: -10px;
    *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: 10px;}
  /* span */

  .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
  .content.span8 .span2,
  .content.span8 .span3,
  .content.span8 .span4,
  .content.span8 .span5,
  .content.span8 .span6,
  .content.span8 .span7,
  .content.span8 .span8,
  .content.span8 .span9,
  .content.span8 .span10,
  .content.span8 .span11,
  .content.span8 .span12 { 
    width: 460px;}
  
  .span6.mobile {
    width:225px; }

  .logo {
    float: left;
    margin-left:0px;}

  select.select_styled {
    border-radius:0;
    position:relative;
    left: 135px;
    width: 200px;}

  
  .search_top {
    float:right;
    margin-left:0;}

  .services_carousel .service_item, .portfolio_carousel .portfolio_item {
    width:225px;
    margin:0 5px;}

  .item_post .item_entry {
    width:225px;}
 
  /*Team Carousel*/
  .team_members .member_team .member_info,
  .team_members .member_team .member_desc {
    float:left;}
  .team_members .member_team {
    width:460px;
    margin-bottom:0;}
  .team_members .member_team .member_info {
    margin-right:10px;}
  .member_team .member_desc {width:210px;}
  .team_members .team_carousel_nav {
    top: auto;
    left: 145px;
    bottom: 0;}
    
  .tab-content {margin-bottom:30px;}
  #team_list .span4 {width:220px;}
  .portfolio_item_small.span6 {width:225px !important;}
  .page_title {float:none;}
  .portfolio_item .meta_info a.link_more {width:41px;}

  input.inputField, 
  input.inputField:focus, 
  textarea.textareaField, 
  textarea.textareaField:focus {
    width:190px;}

  .cusel {width: 190px !important;}

  textarea.textareaField, textarea.textareaField:focus {
    min-width:440px;
    max-width:440px;}

  footer .row {
    margin-left: -15px;}
  footer [class*="span"] {
    margin-left: 15px;}

  footer .span4 {
    width:220px;}

  footer .span4:last-child {
    width:460px;}

  footer .widget_container {
    margin-bottom:30px;}

  .post_item.post_gallery .post_img img {
    width:460px;}

  .footer_bottom {
    text-align:center;}

  .copyright ,
  .social {float:none;}
  .copyright {
    margin-bottom:15px;}

  footer .newsletterBox .inputField,
   footer .newsletterBox .inputField:focus {
    width:384px}

  /*comments*/
  .add-comment .field_textarea .textarea {
    width:438px; }
  
  .add-comment .field_text .inputtext {
    width:198px;}

  .comment_avatar {
    width:50px;}
  .comment_text {
    width:400px;}
  .children .comment_text {
    width:380px}
  .children .children .comment_text {
    width:360px;}

  .children li {
    padding-left: 20px;}

  
  .service_item.span4 {
    width:225px }
  
  .portfolio_item_small.span4 {
    width:225px !important;
  }

  .error_box .box_inner img {
    margin-right:40px;}

  .error_box .box_inner {
    padding:55px 40px;}

  .error_box .box_inner .error_text {
    width:225px;}

  .pricing_box ul li.price_col {
    width:228px;
    float:left;}

  .post_video .post_video_title h2 {
    font-size:49px;
    line-height:49px;}

  .post_video iframe {
    height:268px;}

  .span3-m {
    width: 225px !important;}

  .styled_table table tr th {
    font-size:13px;}
}

@media only screen and (min-width: 768px) and (max-width: 989px){
  .body_wrap {
    width:768px;}

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
      width: 748px;
      margin: 0 auto;}

  .row {
      margin-left: -15px;
      *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: 15px;}

  /* span */

  .span1 { 
      width: 48px;}  /* column 1/12 */
  .span2 { 
      width: 112px;}  /* column 1/6 */
  .span3 { 
      width: 175px;}  /* column 1/4 */
  .span4,
  .service_item.span4 { 
      width: 239px;}  /* column 1/3 */
  .span5 { 
      width: 302px;}
  .span6,
  .span6.mobile { 
      width: 366px;}  /* column 1/2 */
  .span7 { 
      width: 430px;}
  .span8 { 
      width: 740px;}  /* column 2/3 */
  .span9 { 
      width: 557px;}  /* column 3/4 */
  .span10 { 
      width: 620px;}  /* column 5/6 */
  .span11 { 
      width: 684px;}
  .span12 { 
      width: 748px;}  /* full width column */
    
.content.span8 .span3 { 
    width: 111px;}  /* column 1/4 */
.content.span8 .span4 { 
    width: 152px;}  /* column 1/3 */
.content.span8 .span5 { 
    width: 192px;}
.content.span8 .span6 { 
    width: 233px;}  /* column 1/2 */
.content.span8 .span7 { 
    width: 274px;}
.content.span8 .span8 { 
    width: 314px;}  /* column 2/3 */
.content.span8 .span9 { 
    width: 355px;}  /* column 3/4 */
.content.span8 .span10 { 
    width: 395px;}  /* column 5/6 */
.content.span8 .span11 { 
    width: 436px;}
.content.span8 .span12 { 
    width: 477px;}  /* full width column */
  
.content.span8 .row {
      margin-left: -10px;
      *zoom: 1;}

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

.content.span8 .row:after {
      clear: both;}

.content.span8 [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 10px;}

  .content.span8 {border-bottom:none;}

  #middle.sidebar_right .content .post_details {
    padding-right: 15px;
    border-right: 1px solid #eaeaea;
    padding-bottom: 15px;}

  #middle.sidebar_left .content .post_details { 
    padding-left: 15px;
    border-left: 1px solid #eaeaea;
    padding-bottom: 15px;}

  /* Typography
  ===================================*/
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', serif;
    font-style:normal;
    font-weight:normal;
    color:#333;}

  h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight:600;}

  h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight:bold;}

  h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 15px;}

  h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 15px;}

  h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 15px;}

  h6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;}

  .add-comment .field_text .inputtext {
    width:206px;}
  .add-comment .field_textarea .textarea {
    width:454px}
  .sidebar .widget_search input.input_text {
    width:184px;}

  .text_box {
    margin-bottom:23px;}

  .team_members .member_team {width:366px;}
  .member_desc p {font-size:13px;line-height:18px;}
  .member_team .member_desc {width:156px;}
  .member_team .member_info {width:200px}
  .member_team .member_desc .member_name {margin-top:0;}
  .member_team .member_meta .tweet_ico{margin-left:5px;}
  .team_members .team_carousel_nav {top:180px;bottom:auto;left:124px;}
  .member_team .member_desc .member_post {margin-bottom:7px;}

  input.inputField, 
  input.inputField:focus, 
  textarea.textareaField,
  textarea.textareaField:focus {width:143px;}

  .cusel {width: 143px !important;}
  
  textarea.textareaField, textarea.textareaField:focus {max-width:346px;min-width:346px;}

  .post_item.post_gallery .post_img img {
    width:477px;}

  .advertising_list a {width:110px;margin-right:5px}

  .pricing_box ul li.price_col {
    width: 227px;
    float: left;
    margin: 0 10px;}

  .pricing_box ul li.price_col:first-child {
    margin:0 10px;
  }
  
  .item_post .item_meta {
    float:left;
    width: 185px;
  }
  
  .item_post .item_meta.alignleft {
    margin-right:10px;
    margin-bottom:0;}

  .item_post .item_entry {width:366px;}

  footer .row {
    margin-left: -5px;}
  footer .span4 , footer .span4:last-child{
    width: 229px;}

  footer [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;}

  footer .newsletterBox .inputField, footer .newsletterBox .inputField:focus {width:146px;}

  /* Megamenu */
  
  .mega-menu .mega-menu-body {
    width:768px;
    left:-10px;}
}

@media only screen and (min-width: 989px) and (max-width: 1024px){
  .body_wrap {
    width:1024px;
    margin-left:-512px;
  }

  .mega-menu .mega-menu-body {
    width:1024px;
    left:-32px;}
}