/*-----------------------------------------------------------------------------------*/
/*  RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1200px) { 
  .container {
      padding-right: 0px;
      padding-left: 0px;
  }
  .navbar-nav > li > a {
      padding: 15px 25px
  }
  .tabs-side.tab-container .panel-container {
      width: 910px
  }
  .parallax .inner {
      width: 50%
  }
  .items.col4 {
      margin-left: -10px;
      margin-bottom: -10px;
  }
  .items.col4 li {
      width: 285px;
      margin-left: 10px;
      margin-bottom: 10px;
  }
  .items.col3 {
      margin-left: -9px;
      margin-bottom: -9px;
  }
  .items.col3 li {
      width: 384px;
      margin-left: 9px;
      margin-bottom: 9px;
  }
  .items.col3.border {
      margin-left: -21px;
      margin-bottom: -21px;
  }
  .items.col3.border li {
      width: 376px;
      margin-left: 21px;
      margin-bottom: 21px;
  }
  .items.col4.border {
      margin-left: -18px;
      margin-bottom: -18px;
  }
  .items.col4.border li {
      width: 279px;
      margin-left: 18px;
      margin-bottom: 18px;
  }
  .grid-blog.col3 {
      margin-left: -24px;
      margin-bottom: -24px;
  }
  .grid-blog.col3 .post {
      width: 374px;
      margin-left: 24px;
      margin-bottom: 24px;
  }
  .grid-blog.col2 {
      margin-left: -30px;
      margin-bottom: -30px;
  }
  .grid-blog.col2 .post {
      width: 570px;
      margin-left: 30px;
      margin-bottom: 30px;
  }
  .row .grid-blog.col2 {
      margin-left: -30px;
      margin-bottom: -30px;
  }
  .row .grid-blog.col2 .post {
      width: 370px;
      margin-left: 30px;
      margin-bottom: 30px;
  }
  .sidebar {
      padding-left: 35px !important
  }
  #testimonials {
      width: 100%
  }
}
@media (min-width: 993px) { 
  #search-header input{
    width: 135px;
    margin: 5px 10px;
    border: none;
    border: solid 1px #777;
    background: #fff;
  }
  #search-header button .icon-search{
    top: 14px;
    right: 40px;

  }
  ::-webkit-input-placeholder { color: rgb(235, 126, 107); }
::-moz-placeholder { color: rgb(235, 126, 107); }
:-ms-input-placeholder { color: rgb(235, 126, 107); }
input:-moz-placeholder { color: rgb(235, 126, 107); }
  .navbar .dropdown-submenu > a:after {
      display: none
  }
  .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
      margin-top: 0
  }
  .dropdown-submenu {
      position: relative
  }
  .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
      top: 0;
      left: 100%;
      margin-top: -6px;
      border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
      display: block
  }
  .dropdown-submenu>a:after {
      display: block;
      content: " ";
      float: right;
      width: 0;
      height: 0;
      margin-top: 5px;
      margin-right: -10px;
  }
  .dropdown-submenu:hover>a:after {

  }
  .dropdown-submenu.pull-left {
      float: none
  }
  .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
      left: -100%;
      margin-left: 10px;
  }
  .open > .dropdown-menu,
  .open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu {
      animation-name: slidenavAnimation;
      animation-duration: .3s;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-animation-name: slidenavAnimation;
      -webkit-animation-duration: .3s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-name: slidenavAnimation;
      -moz-animation-duration: .3s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: forwards;
  }
  @keyframes slidenavAnimation {
      from {
          opacity: 0
      }
      to {
          opacity: 1
      }
  }
  @-webkit-keyframes slidenavAnimation {
      from {
          opacity: 0
      }
      to {
          opacity: 1
      }
  }
}

@media (min-width:991px){
  .hide-991{
    display: none;
  }
}

@media (max-width: 991px) { 
  li.max-hide-991{
    display: none;
  }
  .fullwidthbanner-container{
    margin-top: 0px;
  }
  .head-image.option-3{
    margin-top: 0px;
  }
  a.hide-991{
    position: absolute;
    color: #fff;
    left: 25px;
    top: 13px;
  }
  .navbar-form{
    /*position: absolute;*/
    width: 200px;
    float: right;
    margin-right: 20px;
  }
  #search-header input{
    width: 100%;
    margin: 10px 0px;
    background: none;
    color: #fff;
    height: 30px;
  }
  #search-header button{
    color: #cacaca;
  }
   #search-header button .icon-search{
    top: 15px;
    right: 30px;
  }
  .navbar .container{
    padding: 10px 20px;
  }
  .navbar .info {
      display: none
  }
  .navbar .social{
  position: absolute;
  
  }
  .sticky-wrapper {
      /*height: 0 !important;*/
      max-height: inherit;
      position: relative;
    top: 110px;
    height: 110px !important;
  }
  .navbar-header {
      -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
      -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
      box-shadow: 0 1px 0 rgba(0,0,0,0.11);
      padding: 20px 0;
  }
  .btn.responsive-menu {
      display: block
  }
  .navbar-brand {
      margin-top: 4px
  }
  .navbar-collapse {
      max-height: inherit;
      position: inherit !important;
      background: #2d3134 !important;
      float: left;
      width: 100%;
      /*overflow-y: scroll !important;*/
  }
  .navbar-collapse:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .yamm .nav,
  .yamm .dropup,
  .yamm .dropdown,
  .yamm .collapse {
     /* position: relative;
      top: 60px;*/
          /*top: 120px;*/
    /*overflow: -webkit-paged-y;*/
  }
  .yamm .dropdown-menu {
      position: relative;
      left: inherit;
      top: inherit;
      float: none;
      width: auto;
      /*display: block !important;*/
      background: none;
  }
  .navbar-nav > li > a,
  .navbar-nav > li:first-child > a,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
      border: none
  }
  .navbar-nav > li > a,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important
  }
  .navbar .nav .open > a,
  .navbar .nav .open > a:hover,
  .navbar .nav .open > a:focus {
      background: none;
      border: none;
  }
  .navbar-nav > li > a,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
      padding: 12px 0 !important
  }
  .navbar-nav > li > a,
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
      color: #cacaca
  }
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) {
      padding-left: 20px;
      top:-5px;
      z-index: 0;
  }
  .navbar .dropdown-menu:not(.yamm-dropdown-menu) a {
      text-transform: none !important;
      /*font-family: 'Roboto', sans-serif !important;*/
      font-weight: normal !important;
      font-size: 13px !important;
  }
  .yamm .yamm-content {
      padding: 12px 0;
      font-size: 13px;
  }
  .navbar.basic .btn.responsive-menu {
      margin: 21px 0
  }
  .navbar-header {
      float: left;
      width: 100%;
      position: fixed;
      padding: 0px;
      z-index: 5;
  }
  .navbar-header:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .navbar.basic.default,
  .navbar.basic.fixed {
      position: relative
  }
  .offset {
      display: none
  }
  .navbar.basic .container {
      width: 100%;
      padding: 0;
  }
  .navbar.basic .navbar-collapse {
      width: 100%;
      float: none !important;
      margin: 0;
  }
  .navbar.basic .navbar-nav {
      width: 720px;
      margin: 0 auto;
      padding: 0;
  }
  .navbar.basic .basic-wrapper {
      width: 720px;
      margin: 0 auto;
      display: block;
  }
  .navbar.basic.fixed .navbar-brand img {
      height: auto;
      margin-top: 26px;
  }
  .navbar.basic .navbar-brand {
      margin: 0
  }
  footer{
    text-align: center;

  }
  .widget .bottom-line:after{
    margin: 0 auto;
    margin-top: 10px;
  }
  .footer-menu{
    float: left !important;
  }
  .filter.text-center li{
    margin: 0 5px;
  }
  .format-filter{
    text-align: center;
  }
}
@media (max-width: 969px) { 
  .yamm .dropdown.yamm-fullwidth .dropdown-menu {
      width: 100%
  }
}
@media (min-width: 768px) and (max-width: 979px) { 
  .navbar .container,
  .container {
      padding-right: 15px;
      padding-left: 15px;
  }
  .navbar-nav > li > a {
      padding: 15px 18px
  }
  .navbar.basic .navbar-nav > li {
      margin-left: 10px
  }
  .navbar.basic .navbar-nav > li > a {
      padding: 30px 5px
  }
  .process li.process-item {
      width: 100%;
      padding: 50px 0;
      border: none !important;
      border-top: 1px solid #e3e3e3 !important;
  }
  .process li.process-item:first-child {
      border: none !important;
      padding-top: 0;
  }
  .process li.process-item:last-child {
      padding-bottom: 0
  }
  .tabs-side .etabs {
      width: 240px
  }
  .tabs-side.tab-container .panel-container {
      width: 480px
  }
  .thin {
      width: 80%
  }
  .color-wrapper [class*="col-"] {
      width: 100%;
      text-align: center !important;
  }
  .color-wrapper [class*="col-"] p {
      margin-bottom: 20px !important;
      text-align: center !important;
  }
  .tabs-top.left .tab {
      margin-right: 2px
  }
  .tabs-top.left .tab a {
      padding: 5px 10px
  }
  #testimonials {
      width: 100%
  }
  .items.col4 {
      margin-left: -9px;
      margin-bottom: -9px;
  }
  .items.col4 li {
      width: 234px;
      margin-left: 9px;
      margin-bottom: 9px;
  }
  .items.col3 {
      margin-left: -9px;
      margin-bottom: -9px;
  }
  .items.col3 li {
      width: 234px;
      margin-left: 9px;
      margin-bottom: 9px;
  }
  .items.col3.border {
      margin-left: -18px;
      margin-bottom: -18px;
  }
  .items.col3.border li {
      width: 351px;
      margin-left: 18px;
      margin-bottom: 18px;
  }
  .items.col4.border {
      margin-left: -18px;
      margin-bottom: -18px;
  }
  .items.col4.border li {
      width: 351px;
      margin-left: 18px;
      margin-bottom: 18px;
  }
  .blog.no-sidebar .post,
  .blog.no-sidebar #comments,
  .blog.no-sidebar .pagination,
  .blog.no-sidebar .comment-form-wrapper {
      width: 100%
  }
  .grid-blog.col3 {
      margin-left: -20px;
      margin-bottom: -20px;
  }
  .grid-blog.col3 .post {
      width: 350px;
      margin-left: 20px;
      margin-bottom: 20px;
  }
  .grid-blog.col2 {
      margin-left: -20px;
      margin-bottom: -20px;
  }
  .grid-blog.col2 .post {
      width: 350px;
      margin-left: 20px;
      margin-bottom: 20px;
  }
  .row .grid-blog.col2 {
      margin-left: 0;
      margin-bottom: -30px;
  }
  .row .grid-blog.col2 .post {
      width: 100%;
      margin-left: 0;
      margin-bottom: 30px;
  }
}
@media (max-width: 767px) { 
  .navbar .container,
  .container {
      padding-right: 20px;
      padding-left: 20px;
  }
  .process li.process-item {
      width: 100%;
      padding: 50px 0 20px;
      border: none !important;
      border-top: 1px solid #e3e3e3 !important;
  }
  .process li.process-item:first-child {
      border: none !important;
      padding-top: 0;
  }
  .process li.process-item:last-child {
      padding-bottom: 0
  }
  [class*="col-"] {
      margin-bottom: 30px
  }
  .parallax .history{
    left: initial;
    margin: 40px 20%;
  }
  #scrollUp {
      display: none !important
  }
  footer .inner {
      padding-bottom: 40px
  }
  footer .tagcloud {
    margin-bottom: 0px;
  }
  footer .tagcloud li{
    line-height: 15px;
  }
  .sub-footer p.pull-left,
  .sub-footer ul.pull-right {
      float: none !important;
      text-align: center;
  }
  .sub-footer p {
      margin-bottom: 20px
  }
  .footer-menu li {
      padding: 0 5px
  }
  .tab {
      display: block !important;
      margin: 0 !important;
  }
  .tab:last-child {
      border: 1px solid #e3e3e3
  }
  .services .etabs,
  .services.tabs .panel-container {
      width: 100%
  }
  .services,
  .services .etabs {
      text-align: center
  }
  .services .tab a {
      display: inline
  }
  .services .tab .icon {
      display: inline;
      margin: 0;
  }
  .services .tab .icon i.icn {
      text-align: left;
      display: inline;
      vertical-align: baseline;
      width: auto;
      height: auto;
      -webkit-border-radius: 0;
      border-radius: 0;
      background: transparent;
      color: #616161;
      line-height: 1;
      border: none;
      font-size: 16px;
  }
  .services .tab:hover .icon i.icn,
  .services .tab.active .icon i.icn {
      background: none !important;
      color: #fa6c65 !important;
      border: none;
  }
  .services  .tab {
      margin: 0;
      padding: 0;
      display: block;
      zoom: 1;
      border: 1px solid #e3e3e3;
      border-bottom: none;
      top: 1px;
      position: relative;
      z-index: 1;
      margin-right: 3px;
  }
  .services  .tab:last-child {
      border: 1px solid #e3e3e3
  }
  .services  .tab a {
      padding: 13px 25px;
      display: block;
      background: #f5f5f5;
      color: #616161;
      font-size: 14px;
      font-weight: 700;
  }
  .services .tab h4 {
      color: #616161;
      -webkit-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
  }
  .services .tab.active a {
      background-color: #fff
  }
  .services .tab:hover h4,
  .services .tab.active h4 {
      color: #fa6c65
  }
  .services .tab h4 {
      margin: 0;
      display: inline;
      font-size: 14px;
  }
  .services .tab .icon:before {
      display: none
  }
  .services.tab-container .panel-container p {
      margin: 0;
      padding-bottom: 10px;
  }
  .tabs-side .etabs {
      margin: 0;
      padding: 0;
      padding-top: 10px;
      overflow: inherit;
      width: 100%;
      float: none;
  }
  .tabs-side .tab {
      margin: 0;
      padding: 0;
      display: block;
      zoom: 1;
      border: 1px solid #e3e3e3 !important;
      border-top: none !important;
      left: 0;
      position: relative;
      z-index: 1;
      border-top: none;
  }
  .tabs-side .tab:first-child {
      border-top: 1px solid #e3e3e3 !important
  }
  .tabs-side .tab a {
      padding: 13px 25px;
      display: block;
      background: #f5f5f5;
      color: #616161;
      font-size: 14px;
      font-weight: 700;
  }
  .tabs-side .tab i {
      margin-right: 5px
  }
  .tabs-side .tab.active {
      position: relative;
      z-index: 3;
  }
  .tabs-side .tab.active a {
      background: #fff
  }
  .tabs-side .tab a:hover,
  .tabs-side .tab.active a {
      color: #fa6c65
  }
  .tabs-side.tab-container .panel-container {
      border-left: none;
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      float: none;
  }
  .tabs-side.tab-container .panel-container p {

  }
  .tabs-side.tab-container .panel-container .tab-block {
      padding-left: 0;
      padding-top: 20px;
  }
  .tabs-side img.pull-left,
  .tabs-side img.pull-right {
      float: none !important;
      margin-bottom: 10px;
  }
  .tabs-top.tab-container .panel-container .tab-block {
      padding-top: 15px
  }
  img {
      width: 100%;
      height: auto;
  }
  .tp-bullets {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
      -moz-opacity: 0 !important;
      -khtml-opacity: 0 !important;
      opacity: 0 !important;
  }
  .tp-caption .btn-large {
      padding: 5px 14px 8px 14px !important;
      font-size: 11px;
  }
  .thin {
      width: 100%
  }
  .color-wrapper [class*="col-"] {
      width: 100%;
      text-align: center !important;
      margin-bottom: 0 !important;
  }
  .color-wrapper [class*="col-"] p {
      margin-bottom: 20px !important;
      text-align: center !important;
  }
  #testimonials {
      width: 100%
  }
  #testimonials .tab {
      display: inline-block !important
  }
  .services [class*="divide"] {
      height: 0
  }
  .parallax .inner {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
  }
  .filter li a:before {
      display: none
  }
  .items {
      margin-left: 0 !important;
      margin-bottom: -20px !important;
  }
  .items li {
      width: 100% !important;
      margin-left: 0 !important;
      margin-bottom: 20px !important;
  }
  .items.fullscreen li {
      margin: 0 !important
  }
  .sidebar {
      margin-top: 70px;
      padding-left: 15px !important;
  }
  .blog.no-sidebar .post,
  .blog.no-sidebar #comments,
  .blog.no-sidebar .pagination,
  .blog.no-sidebar .comment-form-wrapper {
      width: 100%
  }
  .blog.no-sidebar .pagination ul {
      margin: 0
  }
  .grid-blog {
      margin-left: 0 !important;
      margin-bottom: 20px !important;
  }
  .grid-blog .post {
      width: 100% !important;
      margin-left: 0 !important;
      margin-bottom: 20px !important;
  }
  #comments .user {
      display: none
  }
  #comments ul.children {
      padding: 0 0 0 20px
  }
  #comments .arrow-box {
      margin-left: 0
  }
  .panel-title {
      line-height: 18px
  }
  .navbar.basic .navbar-nav {
      width: 100%;
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
  }
  .navbar.basic .basic-wrapper {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      margin: 0 auto;
      display: block;
  }
  .navbar.basic .navbar-nav > li {
      margin-left: 0
  }
  .yamm .yamm-content.row {
      margin-bottom: -30px
  }
  .about-author .author-image {
      display: none
  }
}
@media (max-width: 480px) { 
  .filter.text-center li {
      display: block;
  }
  .navbar-brand img{
    width: 200px;
  }
}

@media (max-width:375px){
  .navbar span.hide-375{
    display: none;
  }
}