@media (max-width: 1199px) {
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-clip-horizontal,
  .recent-works-list .jcarousel-skin-default .jcarousel-clip-horizontal {
    margin-left: -15px;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    margin-left: 15px;
    height: auto;
  }
  .not-front #main-content h1#page-title {
    clear: both;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .fixed-menu .grid-inner {
    width: auto;
    padding: 0 20px;
  }
  .galleryformatter .gallery-slides {
    border: none;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 224px;
  }
  /* our client */
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    width: 155px;
  }
  /* panel-second-wrapper */
  #panel-second-wrapper .views-col .col-inner, .services-content .views-col .col-inner {
    min-height: 290px;
  }
  /* slideshow-wrapper */
  #slideshow-wrapper .views-slideshow-controls-text span:before,
  .slideshow .views-slideshow-controls-text span:before,
  #slideshow-wrapper .views-field-title {
    bottom: 1px;
  }
}

@media (max-width: 991px) {
  .fixed-menu {
    left: auto;
  }
  #page {
    padding-left: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    position: relative;
    margin-right: 0;
  }
  #page.toggled {
    right: 250px;
  }
  #page.toggled #main-menu-wrapper {
    right: 0;
    display: block;
  }
  .btn-close {
    display: block;
  }
  .navbar-toggle {
    display: inline-block;
  }
  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
  }
  /* main-menu */
  #main-menu-wrapper {
    position: fixed;
    top: 0 !important;
    right: -250px;
    width: 250px;
    height: 100%;
    z-index: 1000;
    overflow-y: auto;
    background-color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    display: block !important;
    float: none;
    padding-top: 30px;
    text-transform: none;
  }
  #main-menu-wrapper .grid-inner {
    width: auto;
    position: relative;
  }
  #main-menu-wrapper ul.menu {
    width: 250px;
    padding-left: 0;
  }
  #main-menu-wrapper ul.menu a {
    color: #ccc;
    display: block;
    font-size: 14px !important;
    line-height: 14px;
    text-decoration: none;
    text-transform: inherit;
  }
  #main-menu-wrapper ul.menu a:hover, #main-menu-wrapper ul.menu a:focus {
    color: #fff;
    background-color: #404040;
  }
  #main-menu-wrapper ul.menu li a {
    color: #ccc !important;
  }
  #main-menu-wrapper ul.menu li a:hover,
  #main-menu-wrapper ul.menu li a:focus {
    color: #fff !important;
  }
  #main-menu-wrapper ul.menu > li {
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    list-style: none;
    float: none;
    display: block;
  }
  #main-menu-wrapper ul.menu > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    padding: 15px;
    background: none;
  }
  #main-menu-wrapper ul.menu > li > a.active, #main-menu-wrapper ul.menu > li > a.active-trail {
    background-color: #1a1a1a !important;
    color: #fff !important;
  }
  #main-menu-wrapper ul.menu > li > a.active-trail {
    color: #fff !important;
  }
  #main-menu-wrapper ul.menu > li > a:hover:before, #main-menu-wrapper ul.menu > li > a:focus:before {
    border-top-color: #fff;
  }
  #main-menu-wrapper ul.menu > li ul {
    padding: 5px 0 15px 30px;
  }
  #main-menu-wrapper ul.menu > li ul li a {
    padding: 7px 0 !important;
    border: 0 none;
    box-shadow: none;
  }
  #main-menu-wrapper ul.menu > li ul li a.active-trail {
    color: #fff;
    background-color: transparent !important;
  }
  #main-menu-wrapper ul.menu > li ul li a:hover, #main-menu-wrapper ul.menu > li ul li a:focus {
    background-color: transparent;
  }
  #main-menu-wrapper ul.menu > li ul li ul {
    padding-left: 20px;
  }
  #main-menu-wrapper ul.menu > li ul li ul a {
    border-bottom: none;
  }
  #main-menu-wrapper ul.menu ul,
  #main-menu-wrapper ul.menu ul ul {
    position: static;
    display: block;
    opacity: 1;
    box-shadow: none;
    background: none !important;
  }
  #main-menu-wrapper ul.menu > li:hover {
    background: none !important;
  }
  #main-menu-wrapper ul.menu ul li {
    border: none;
  }
  #main-menu-wrapper ul.menu > li ul.menu > li > a {
    background: none;
  }
  #main-menu-wrapper ul.menu .expanded > a {
    position: relative;
  }
  #main-menu-wrapper ul.menu .expanded > a:before {
    content: "" !important;
    position: absolute;
    right: 10px !important;
    top: 50% !important;
    margin-top: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aeaeae;
  }
  #main-menu-wrapper ul.menu .expanded.active-trail ul li .active, #main-menu-wrapper ul.menu .expanded.active-trail ul li a.active-trail {
    background-color: transparent;
  }
  .nav .open > a {
    background: none;
  }
  .nav .open > a:hover, .nav .open > a:focus {
    background: none;
  }
  .tb-megamenu-button{
    display: none !important;
  }
  /* tb-megamenu */
  #main-menu-wrapper .tb-megamenu {
    background: none;
    width: 250px;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse,
  #main-menu-wrapper .tb-megamenu .nav-collapse.collapse {
    height: auto;
    overflow: visibility;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse {
    margin: 0;
    background: none;
    position: static;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li {
    display: inline-block;
    float: none;
    width: 100%;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li.active > a {
    color: white !important;
    background-color: #1a1a1a;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li.active > a:hover, #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li.active > a:focus {
    background-color: #1a1a1a;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li > a {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    text-decoration: none;
    border-right: none;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    padding: 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    color: #ccc;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li > a:hover, #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li > a:focus {
    color: #fff;
    background-color: #404040;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li > a:hover:before, #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li > a:focus:before {
    border-top-color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li.active > a:before {
    border-top-color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav .dropdown-menu a {
    border-bottom: 0;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav > li.dropdown.open.active > a:hover {
    border-top-color: rgba(0, 0, 0, 0.3);
    background-color: #1a1a1a;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown > .dropdown-toggle {
    position: relative;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown > .dropdown-toggle .caret {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -2px 0 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aeaeae;
    display: inline-block !important;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown > .dropdown-toggle:hover .caret {
    border-top-color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.open > .dropdown-toggle {
    color: white;
    background-color: #404040;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.active > .dropdown-toggle, #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.open.active > .dropdown-toggle {
    color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.active > .dropdown-toggle .caret, #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: white;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.open.active > .dropdown-toggle, #main-menu-wrapper .tb-megamenu .nav-collapse .nav li.dropdown.active > .dropdown-toggle {
    border-top-color: rgba(0, 0, 0, 0.3);
    background-color: #1a1a1a;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  }
  #main-menu-wrapper .tb-megamenu .nav-collapse .nav .open > a {
    color: white !important;
  }
  #main-menu-wrapper .tb-megamenu .hidden-collapse,
  #main-menu-wrapper .tb-megamenu .always-show .caret,
  #main-menu-wrapper .tb-megamenu .sub-hidden-collapse > .nav-child,
  #main-menu-wrapper .tb-megamenu .sub-hidden-collapse .caret,
  #main-menu-wrapper .tb-megamenu .sub-hidden-collapse > a::after,
  #main-menu-wrapper .tb-megamenu .always-show .dropdown-submenu > a::after {
    display: none !important;
  }
  #main-menu-wrapper .tb-megamenu .row-fluid + .row-fluid {
    border: none;
  }
  #main-menu-wrapper .tb-megamenu .mega > .mega-dropdown-menu {
    display: block;
    position: static;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  #main-menu-wrapper .tb-megamenu .row-fluid [class*="span"] {
    float: none;
  }
  #main-menu-wrapper .tb-megamenu .row-fluid,
  #main-menu-wrapper .tb-megamenu .mega-dropdown-menu,
  #main-menu-wrapper .tb-megamenu .row-fluid [class*="span"] {
    left: 0 !important;
    margin-left: 0 !important;
    min-width: 100% !important;
    transform: none !important;
    width: 100% !important;
  }
  #main-menu-wrapper .tb-megamenu .mega-inner {
    padding: 10px 0 10px 30px !important;
  }
  #main-menu-wrapper .tb-megamenu #main-menu-wrapper .tb-megamenu-block {
    display: none;
  }
  #main-menu-wrapper .tb-megamenu .mega-nav .mega-group > .mega-group-title, #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, #main-menu-wrapper .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
    padding: 7px 0;
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
  }
  #main-menu-wrapper .tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, #main-menu-wrapper .tb-megamenu .mega-nav .mega-group > .mega-group-title:focus, #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus, #main-menu-wrapper .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover, #main-menu-wrapper .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
    color: white;
  }
  #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav .active.mega-group > .mega-group-title {
    color: white;
  }
  #main-menu-wrapper .tb-megamenu .dropdown-menu .active > a {
    color: white !important;
    background: none;
  }
  #main-menu-wrapper .tb-megamenu .dropdown-menu .active > a:hover {
    color: white;
    background: none;
  }
  #main-menu-wrapper .tb-megamenu .dropdown-menu li > a {
    color: #ccc;
  }
  #main-menu-wrapper .tb-megamenu .mega-nav > li a,
  #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav > li a {
    border: 0;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 7px 0;
  }
  #main-menu-wrapper .tb-megamenu .mega-nav > li a:hover, #main-menu-wrapper .tb-megamenu .mega-nav > li a:focus,
  #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav > li a:hover,
  #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav > li a:focus {
    color: white;
  }
  #main-menu-wrapper .tb-megamenu .mega-nav .mega-group > .mega-group-title,
  #main-menu-wrapper .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
  #main-menu-wrapper .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title{
    font-weight: 500;
    text-transform: none;
  }
  /* Slideshow */
  #slideshow-wrapper {
    margin: 0;
  }
  #slideshow-wrapper .views-slideshow-cycle-main-frame,
  #slideshow-wrapper .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
  }
  /* View & Panel */
  .panel [class*="span"] {
    width: auto;
  }
  .panel .panel-column {
    float: none;
    width: 100%;
  }
  .panel .panel-column > .grid-inner {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
    float: none;
    margin-bottom: 20px;
  }
  .panel .panel-column:first-child .grid-inner {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .views-view-grid.cols-4 .views-col {
    margin-bottom: 0;
    width: 50%;
  }
  .portfolio-content .views-view-grid.cols-4 .views-col {
    margin-bottom: 30px;
  }
  .content .field-items iframe {
    max-width: 100%;
  }
  #panel-second-wrapper .views-col.col-3 .col-inner {
    border-left: none;
  }
  #panel-second-wrapper .container {
    padding-bottom: 0;
  }
  #panel-fifth-wrapper .panel-column.col-sm-3 {
    width: 100%;
  }
  #panel-fifth-wrapper .latest-comments .views-row {
    width: 100%;
  }
  .team-content .views-col .views-field-field-image img {
    width: 100%;
  }
  .our-clients .views-view-grid .col-3 .col-inner {
    border-left: none;
  }
  .our-clients .views-view-grid .views-row .views-col {
    margin-top: 0;
  }
  /* Main content */
  #main-content {
    width: auto;
    float: none;
  }
  .front #main-content .grid-inner {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }
  #main-content .node,
  #main-content .views-view-grid .views-row {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  /* Pager */
  .item-list .pager {
    padding: 30px 0;
  }
  /* Sidebar */
  .sidebar {
    width: auto;
    float: none;
  }
  #sidebar-first-wrapper .grid-inner {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .sidebar {
    margin-top: 20px;
  }
  #main-content .views-field-field-image .field-items, #main-content .field-type-image .field-items {
    float: none;
    margin-right: 0;
  }
  #main-content .views-view-grid.cols-2 .views-row .views-col {
    margin-bottom: 20px;
  }
  .galleryformatter .gallery-thumbs {
    width: auto !important;
  }
  .galleryformatter .gallery-slides {
    padding: 0;
    border: none;
  }
  .galleryformatter .prev-slide {
    left: -1px;
  }
  .galleryformatter .next-slide {
    right: -1px;
  }
  .page-node.node-type-blog #main-content .field-name-field-image,
  .page-node.node-type-portfolio #main-content .field-type-image {
    float: none;
    margin-right: 0;
  }
  #main-content {
    margin-bottom: 30px;
  }
  #panel-second-wrapper .views-col,
  .services-content .views-col {
    margin-bottom: 30px;
  }
  /* sitename */
  #name-and-slogan {
    padding: 70px 0 10px;
    text-align: center;
  }
  .front #main-content .views-row-last {
    margin-bottom: 30px;
  }
  /* page about */
  /* team-content */
  .team-content .views-view-grid .grid {
    margin-bottom: 30px;
  }
  /* photos-stream */
  .photos-stream .views-view-grid:after {
    content: "";
    display: table;
    clear: both;
  }
  #sidebar-first-wrapper > .grid-inner {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  /* contact */
  .contact-content {
    width: auto;
    float: none;
    margin-bottom: 30px;
  }
  #contact-site-form {
    width: auto;
    float: none;
  }
  /* view-video-player */
  .view-video-player .views-view-grid .views-row {
    padding-bottom: 0 !important;
  }
  .view-video-player .views-view-grid .views-row.row-last {
    margin-bottom: 0 !important;
  }
  .view-video-player .grid-inner .views-field-view-node {
    margin-bottom: 15px;
  }
  /* Footer */
  #footer-wrapper .block {
    float: none;
    text-align: center;
    width: 100%;
  }
  #footer-wrapper .sf-menu,
  #footer-wrapper ul.menu {
    float: none;
    padding-top: 10px;
    text-align: center;
    padding-left: 0;
  }
  #footer-wrapper .sf-menu li,
  #footer-wrapper ul.menu li {
    display: inline-block;
    float: none;
    padding: 0 10px;
  }
  #main-title .container h1 {
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #page {
    background: url(../../images/bg-body.gif) repeat-x 0 0;
  }
  .page-404 {
    background: none !important;
  }
  .skin-special #logo {
    padding: 0;
  }
  #header [class*="span"] {
    width: 100% !important;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 231px;
  }
  /* our clients */
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    width: 140px;
  }
  .not-front #main-content h1#page-title {
    clear: both;
  }
  .photos-stream .views-row {
    width: 50%;
    float: left;
  }
  /*.field.field-name-field-video iframe { width: 100%; height: auto}*/
}

@media (max-width: 767px) {
  #page {
    background: url(../../images/bg-body.gif) repeat-x 0 0;
  }
  .page-404 {
    background: none !important;
  }
  .headline-block p {
    display: none;
  }
  .navbar-toggle {
    position: absolute;
    right: 15px;
    top: 48px;
  }
  #header .col-sm-3 {
    float: left;
    width: 30%;
  }
  #header .col-sm-9 {
    float: left;
    width: 70%;
  }
  .skin-special #logo {
    padding: 0;
  }
  #header [class*="span"] {
    width: 100% !important;
  }
  #main-title .container h1 {
    clear: both;
  }
  #breadcrumb-wrapper {
    float: none;
    margin-bottom: 25px;
    overflow: hidden;
  }
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    margin-right: 0;
  }
  .not-front #main-content h1#page-title {
    clear: both;
  }
  /* Skin */
  .change-skin-menu-wrapper {
    display: none;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 236px;
  }
}

@media (max-width: 640px) {
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 193px;
  }
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    margin-right: 19px;
  }
  .contact_map {
    max-height: 200px;
  }
}

@media (max-width: 480px) {
  #logo {
    display: inline-block;
    margin-top: 40px;
  }
  #header-wrapper {
    margin-bottom: 15px;
  }
  #header-wrapper .container {
    position: relative;
  }
  #header .col-sm-3 {
    float: none;
    width: auto;
  }
  #header .col-sm-9 {
    float: none;
    width: 100%;
    position: absolute;
    top: 15px;
    right: 0;
  }
  .navbar-toggle {
    top: 57px;
  }
  .region-header {
    margin-bottom: 0;
  }
  .views-view-grid.cols-4 .views-col, .views-view-grid.cols-2 .views-col {
    width: 100%;
  }
  .welcome-block h1 {
    font-size: 1.500em;
    line-height: 1.2;
  }
  .contact-content .address {
    float: none;
    width: 100%;
  }
  #change_skin_menu_wrapper {
    display: none;
  }
  .galleryformatter .gallery-thumbs {
    width: auto !important;
  }
  .galleryformatter .gallery-slides {
    padding: 0;
  }
  .galleryformatter .prev-slide {
    left: -1px;
  }
  .galleryformatter .next-slide {
    right: -1px;
  }
  #main-content {
    margin-bottom: 30px;
  }
  #header-wrapper #search-block-form .form-text:focus {
    width: 94px;
  }
  .galleryformatter-greenarrows .gallery-thumbs li {
    width: 95px !important;
  }
  .galleryformatter-greenarrows .gallery-thumbs li img {
    padding: 1px;
  }
  .galleryformatter .gallery-slides {
    border: none;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 217px;
  }
  .our-clients .col-inner {
    border-left: 0;
  }
  #main-content .views-field-field-image, #main-content .field-type-image {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #forum td.created,
  #forum td.posts,
  #forum td.topics,
  #forum td.last-reply,
  #forum td.replies,
  #forum td.pager {
    #fff-space: normal;
  }
  .date-nav-wrapper .item-list .pager {
    margin-top: 20px;
    padding: 0 0 35px 0;
    position: relative;
  }
  .view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
    top: 10px;
  }
  #contact-site-form label {
    float: none;
    width: auto;
  }
  #contact-site-form .form-actions {
    margin-left: 0;
  }
  #contact-site-form .form-textarea-wrapper {
    float: none;
    width: auto;
  }
  input.form-text, .uneditable-input {
    max-width: 100%;
  }
  #panel-second-wrapper .views-col .col-inner, .services-content .views-col .col-inner {
    border-left: 0;
  }
}

@media (max-width: 360px) {
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    width: 330px;
  }
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    margin-left: 40px;
    margin-right: 40px;
  }
  ul.primary {
    border-bottom: 0;
    text-align: center;
  }
  ul.primary li {
    float: none;
    margin-bottom: 15px;
  }
  ul.primary li a {
    display: block;
    margin-right: 0;
    border-bottom: 1px solid #ddd !important;
  }
}

@media (max-width: 320px) {
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-clip-horizontal,
  .recent-works-list .jcarousel-skin-default .jcarousel-clip-horizontal {
    margin-left: 0;
  }
  #panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item,
  .recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item {
    margin-left: 0;
    width: 290px;
  }
  #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-item,
  .our-clients .jcarousel-skin-default .jcarousel-item {
    margin-left: 15px;
    margin-right: 15px;
  }
}