@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .wrapall {
    min-width: 960px;
  }

  .container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
  }

  .container .column,.container .columns {
    float: left;
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
  }

  .row {
    margin-bottom: 20px;
  }

  .column.alpha,.columns.alpha {
    margin-left: 0;
  }

  .column.omega,.columns.omega {
    margin-right: 0;
  }

  .container .one.column,.container .one.columns {
    width: 20px;
  }

  .container .two.columns {
    width: 80px;
  }

  .container .three.columns {
    width: 140px;
  }

  .container .four.columns {
    width: 200px;
  }

  .container .five.columns {
    width: 260px;
  }

  .container .six.columns {
    width: 320px;
  }

  .container .seven.columns {
    width: 380px;
  }

  .container .eight.columns {
    width: 440px;
  }

  .container .nine.columns {
    width: 500px;
  }

  .container .ten.columns {
    width: 560px;
  }

  .container .eleven.columns {
    width: 620px;
  }

  .container .twelve.columns {
    width: 680px;
  }

  .container .thirteen.columns {
    width: 740px;
  }

  .container .fourteen.columns {
    width: 800px;
  }

  .container .fifteen.columns {
    width: 860px;
  }

  .container .sixteen.columns {
    width: 920px;
  }

  .container .one-third.column,.container .one-third.columns {
    width: 280px;
  }

  .container .two-thirds.column,.container .two-thirds.columns {
    width: 620px;
  }

  .container .twelve.alt.sidebar-right {
    padding-right: 39px;
    width: 640px;
  }

  .container .twelve.alt.sidebar-left {
    padding-left: 39px;
    width: 640px;
  }

  #sidebar.sidebar-right #sidebar-widgets {
    margin-left: -21px;
    /*padding-left: 40px;*/
  }

  #sidebar.sidebar-left #sidebar-widgets {
    margin-right: -21px;
    padding-right: 40px;
  }
}

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

  .container {
    width: 768px;
  }

  .container .column,.container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column.alpha,.columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  .column.omega,.columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,.container .one.columns {
    width: 28px;
  }

  .container .two.columns {
    width: 76px;
  }

  .container .three.columns {
    width: 124px;
  }

  .container .four.columns {
    width: 172px;
  }

  .container .five.columns {
    width: 220px;
  }

  .container .six.columns {
    width: 268px;
  }

  .container .seven.columns {
    width: 316px;
  }

  .container .eight.columns {
    width: 364px;
  }

  .container .nine.columns {
    width: 412px;
  }

  .container .ten.columns {
    width: 460px;
  }

  .container .eleven.columns {
    width: 508px;
  }

  .container .twelve.columns {
    width: 556px;
  }

  .container .thirteen.columns {
    width: 604px;
  }

  .container .fourteen.columns {
    width: 652px;
  }

  .container .fifteen.columns {
    width: 700px;
  }

  .container .sixteen.columns {
    width: 748px;
  }

  .container .one-third.column,.container .one-third.columns {
    width: 236px;
  }

  .container .two-thirds.column,.container .two-thirds.columns {
    width: 492px;
  }

  .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets {
    padding-left: 0;
    padding-right: 0;
    border: none;
    margin: 0 10px;
    width: 748px;
  }

  #sidebar-widgets {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wrapall {
    min-width: 300px;
  }

  .container {
    width: 300px;
  }

  .container .column,.container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container .columns,.container .column {
    margin: 0;
  }

  .container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .one-third.columns,.container .two-thirds.column,.container .two-thirds.columns {
    width: 300px;
  }

  .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets {
    padding-left: 0;
    padding-right: 0;
    border: none;
    margin: 0;
    width: 300px;
  }

  .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
    position: relative;
    margin-right: 0;
    margin-bottom: 40px;
    float: none;
    width: 100%;
  }

  #sidebar-widgets {
    padding-top: 0;
  }

  .full-width-section > .span_12 > .col {
    height: auto!important;
  }

  .full-width-section > .span_12 > .col > .wpb_wrapper {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }

  .full-width-section > .span_12 > .col > .wpb_wrapper .col {
    margin-bottom: 40px!important;
  }

  .full-width-section > .span_12 > .col > .wpb_wrapper .col:last-child {
    margin-bottom: 0!important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .wrapall {
    min-width: 420px;
  }

  .container {
    width: 420px;
  }

  .container .columns,.container .column {
    margin: 0;
  }

  .container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .one-third.columns,.container .two-thirds.column,.container .two-thirds.columns {
    width: 420px;
  }

  .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets {
    padding-left: 0;
    padding-right: 0;
    border: none;
    margin: 0;
    width: 420px;
  }

  #sidebar-widgets {
    padding-top: 0;
  }
  .slider-btn{
    display: none !important;
  }

}

@media only screen and (min-width: 320px) {
  .slider-btn{
    display: none !important;
  }

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #header #navigation > ul > li.megamenu > ul.sub-menu {
    width: 920px;
  }

  #search-top {
    width: 920px;
  }

  .blog-masonry .blog-wrap {
    width: 960px;
    margin: 0;
  }

  .blog-masonry .post {
    width: 280px;
  }
}

@media only screen and (max-width: 959px) {
  .blog-masonry .blog-wrap {
    width: 790px!important;
    margin-left: -10px;
    margin-right: -10px;
  }

  .blog-masonry .post {
    width: 355px;
  }

  .blog-center .blog-wrap {
    width: 750px;
    margin: 0 auto!important;
  }

  #sidebar .widget_nav_menu {
    margin: 0 0 40px;
  }

  #sidebar .widget_nav_menu h3 {
    margin: 0 0 20px;
  }

  #sidebar .widget_nav_menu ul li a {
    padding: 10px 0;
  }

  #sidebar .widget_nav_menu ul li.current_page_item a {
    padding: 10px 0;
    background: transparent;
    border: none;
  }

  #sidebar.sidebar-left .widget_nav_menu {
    margin: 0 0 40px;
  }

  #sidebar.sidebar-left .widget_nav_menu h3 {
    margin: 0 0 20px;
  }

  #sidebar.sidebar-left .widget_nav_menu ul li a {
    text-align: left;
    padding: 7px 0;
  }

  #sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a {
    margin: 0;
    border: none;
  }

  #header,.sticky-wrapper {
    display: none;
  }

  #mobile-header {
    display: inherit;
  }

  .logo img {
    max-width: 650px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .single #content.sidebar-right,.single #content.sidebar-left {
    padding-bottom: 50px!important;
  }

  #respond-inputs p {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}




/* ------------------------------------------------------------------------ */
/* 00 - Max With 767 Tablet Version
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
  .single #content.sidebar-right,.single #content.sidebar-left {
    padding-bottom: 50px;
  }

  #topbar .topbar-col1,#topbar .topbar-col2 {
    float: none;
    display: block;
    width: 420px;
    overflow: hidden;
    text-align: center;
  }

  #topbar .topbar-col1 {
    background: #f5f5f5;
  }

  #topbar .topbar-col1 span {
    display: block;
  }

  #topbar .quote-btn{
    display: none;
  }

  #topbar .social-icons {
    height: 50px;
    padding: 0;
  }

  #topbar .social-icons ul li {
    width: 50px;
    height: 50px;
    display: inline-block;
    float: none;
  }

  #topbar .social-icons ul li a {
    display: inline-block;
  }

  #topbar .social-icons ul li {
    border-left: none;
  }

  #topbar .social-icons ul li:last-child {
    border-right: none !important;
  }

  .logo img {
    max-width: 340px;
  }

  #navigation {
    display: none;
  }

  #breadcrumbs {
    display: none;
  }

  #post-navigation {
    display: none;
  }

  #respond-inputs p {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .entry-meta ul {
    margin-bottom: 20px;
  }

  .entry-meta ul li {
    padding: 10px 0;
    margin-right: 10px;
  }

  .entry-meta ul li:after,.entry-meta .meta-author,.entry-meta .meta-edit,.entry-meta .meta-category:after {
    display: none;
  }

  .entry-image {
    float: none;
    width: 100%;
    margin: 0 0 28px;
  }

  .blog-center .blog-wrap {
    width: 420px;
    margin: 0 auto!important;
  }

  #footer .widget {
    margin-bottom: 40px;
  }

  #footer {
    padding: 60px 0 20px;
  }

  #copyright .copyright-text{
    float: none;
    text-align: center!important;
  }

  .search-page #searchform input#searchsubmit {
    display: none;
  }

  #back-to-top,#back-to-top a {
    display: none;
    opacity: 0;
  }
  .blog-page .read-more-link {
    width: 20%;
  }
}


/* ------------------------------------------------------------------------ */
/* 00 - Max Width 479 Mobile Version 
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 479px) {
  #topbar .topbar-col1,#topbar .topbar-col2 {
    float: none;
    display: block;
    width: 300px;
    overflow: hidden;
    text-align: center;
  }

  .logo img {
    max-width: 220px;
  }

  .post-time {
    display: none;
  }

  .blog-center .blog-wrap {
    width: 300px;
    margin: 0 auto!important;
  }
  .blog-page .read-more-link {
    width: 30%;
  }
}

@media only screen and (max-width: 959px) {
  .fontsize-l {
    font-size: 18px;
  }

  .fontsize-xl {
    font-size: 20px;
  }

  .fontsize-xxl {
    font-size: 24px;
  }

  .fontsize-xxxl {
    font-size: 28px;
  }

  .fontsize-xxxxl {
    font-size: 34px;
  }

  .fontsize-xxxxxl {
    font-size: 42px;
  }

  .superlarge {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .latest-blog {
    margin: 0 -10px;
  }

  .callout .callout-text {
    margin: 0 30px;
  }

  .callout .callout-button {
    margin: 20px 0;
  }

  .latest-blog-list.horizontal {
    width: 50%;
  }

  .projects-grid {
    margin-bottom: 20px;
  }

  .projects-grid .project-item {
    margin-bottom: 21px;
  }

  .projects-nomargin .project-item {
    width: 50%;
  }

  .projects-masonry .project-item.regular {
    width: 50%;
  }

  .projects-masonry .project-item.wide {
    width: 100%;
  }

  .projects-masonry .project-item.tall {
    width: 50%;
  }

  .projects-masonry .project-item.widetall {
    width: 100%;
  }

  .wpb_row {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .callout .callout-text {
    margin: 0 30px;
  }

  .callout .callout-button {
    margin: 20px 0;
    display: block;
    text-align: center;
    float: none;
  }

  .tabset .tab {
    float: none;
    display: block;
    margin: 0 0 -1px;
  }

  .tabset .tab a {
    color: #999;
    border: 1px solid #e1e1e1;
    display: block;
    padding: 12px 20px;
    background-color: #fcfcfc;
    margin: 0;
  }

  .tabset .tab a.selected {
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
  }

  .tabset .panel {
    border: 1px solid #e1e1e1;
    clear: both;
    margin: 0;
    padding: 20px 20px 0;
  }

  .tabstyle-vertical .tabs,.tabstyle-vertical .panels {
    float: none;
    width: 100%;
  }

  .tabstyle-vertical .tab a.selected {
    border-color: #e1e1e1;
  }

  .tabstyle-vertical.tablook-2 .panel {
    margin: 20px 0 0;
  }

  .tabstyle-vertical.tablook-2 .tab a.selected {
    border: none;
  }

  .title.align-center:before,.title.align-center:after {
    display: none;
    height: 0;
  }

  .projects-default .project-item {
    margin-bottom: 40px;
  }

  .projects-grid .project-item {
    margin-bottom: 40px;
  }

  .projects-nomargin .project-item {
    width: 50%;
  }

  .projects-masonry .project-item.regular {
    width: 50%;
  }

  .projects-masonry .project-item.wide {
    width: 100%;
  }

  .projects-masonry .project-item.tall {
    width: 50%;
  }

  .projects-masonry .project-item.widetall {
    width: 100%;
  }

  .fontsize-l {
    font-size: 16px;
  }

  .fontsize-xl {
    font-size: 18px;
  }

  .fontsize-xxl {
    font-size: 20px;
  }

  .fontsize-xxxl {
    font-size: 24px;
  }

  .fontsize-xxxxl {
    font-size: 28px;
  }

  .fontsize-xxxxxl {
    font-size: 34px;
  }

  .superlarge {
    font-size: 80px;
  }

  .vertical-center {
    height: auto!important;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wpb_column {
    height: auto!important;
  }

  .vertical-center .wpb_wrapper {
    margin-top: 0!important;
  }

  .wpb_content_element .wpb_tabs_nav {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 0;
  }

  .wpb_content_element .wpb_tabs_nav li {
    display: block!important;
    float: none!important;
    padding: 0 10px;
    margin: 0;
    border: none!important;
  }

  .wpb_content_element .wpb_tabs_nav li a,.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    display: block;
    float: none;
    margin: 0;
    padding: 5px 10px!important;
  }

  .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    border: none;
  }
}