/*------------------------------------------------------------------
Project:	Tofito
Version:	1.0
Last change:	09/09/14 []
Assigned to:	Alex zaymund (vf), Mike Prestazilla (sl)
Primary use:	RESPONSIVE STYLES
-------------------------------------------------------------------*/
@media (max-width: 1199px) {
    .main-menu > li > a {
        padding: 10px 5px;
    }

    .tparrows.preview1:hover .tp-arr-imgholder {
        display: none !important;
    }
}

@media only screen and (min-width: 530px) and (max-width: 700px) {
    .how-work ul {
        text-align: center
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    .main-menu > li > a {
        padding: 11px 0 !important
    }

    .widget-search [type="text"] {
        width: 216px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1130px) {
    .wrap-circle-item {
        max-width: 156px
    }

    .page-header {
        height: auto
    }

    .page-header .logo {
        margin: 0 auto !important
    }

    .sticky-header .page-header {
        top: 0
    }

    .page-header .logo {
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        transition: all .2s ease-out;
        float: none;
        display: table;
        margin: 30px auto 40px;
        max-width: 300px;
        max-height: 150px
    }

    .page-header.sticky .logo {
        display: none
    }

    .page-header .main-menu {
        display: table !important;
        float: none;
        margin: 0 auto
    }

    table {
        display: block;
        margin: 10px 0
    }

    table th, thead {
        display: none
    }

    table tbody, table tr {
        display: inline-block;
        width: 100%
    }

    table td {
        display: inline-block;
        width: 100%
    }

    .pb-right-column .btn-lg {
        font-size: 12px
    }
}

@media only screen and (max-width: 991px) {

    table {
        display: block;
        margin: 10px 0
    }

    .home section img {
        max-width: 100%;
        height: auto
    }

    #wp-calendar td, #wp-calendar th, #wp-calendar tr, #wp-calendar tfoot {
        display: inline-block;
        width: 100%
    }

    table th, thead {
        display: none
    }

    table tbody, table tr {
        display: inline-block;
        width: 100%
    }

    table td {
        display: inline-block;
        width: 100%
    }

    #our-clients td {
        padding: 20px 35px;
        text-align: center
    }

    .pb-center-column .product-name {
        margin: 20px 0 0 0
    }

    .page-img {
        margin-top: 0 !important
    }

    .post .entry-format {
        display: none !important
    }

    .post .entry-meta {
        margin: 0 0 35px !important;
        padding: 2%;
        width: 96% !important
    }

    .post .entry-meta ul {
        float: left !important
    }

    .post .entry-meta {
        width: 100% !important
    }

    .post .entry-meta > ul {
        padding-left: 0 !important
    }

    .page-footer .copyright, .page-footer .social {
        float: none;
        display: table;
        margin: 5px auto 0;
        text-align: center
    }

    .blog-post, .portfolio-item {
        width: 330px
    }
    .header-phone {
        max-width: 160px;
        font-size: 9px;
    }
    .header-phone a {
        font-size: 18px;
    }

    .main-menu > li > a {
        padding: 11px 1px;
        font-size: 13px;
    }

    #sequence .slide-text {
        top: 50% !important
    }

    .slide-logo, .slide-title {
        display: none !important
    }

    #sequence ul li .slide-text p {
        font-size: 19px !important
    }

    .auto5, .auto6, .auto7, .auto8, .auto9, .auto10, .auto11 {
        display: none
    }

    #Services2 .nav-tabs a {
        padding: 20px 0 !important
    }

    #Services2 {
        height: auto !important
    }

    .map {
        margin-top: 30px
    }

    .go-top {
        display: none !important
    }

    html .atabs li .ftitle-content {
        box-sizing: content-box;
        float: none;
        text-align: center;
        width: 100%
    }

    .atabs-img img {
        margin-left: -25px
    }

    .featured-item {
        margin: 30px 0
    }

    html .span-title {
        left: 0
    }

    html .contact_info {
        text-align: center
    }

    html .flex-direction-nav a {
        margin: -45px 0 0
    }
}

@media only screen and (max-width: 991px) {
    html .home-slider .flex-caption img {
        visibility: hidden
    }

    html .home-slider .flex-caption h3 {
        font-size: 22px;
        line-height: 34px;
        margin: -307px auto 0;
        max-width: 84%;
        min-width: 422px !important;
        position: relative;
        text-align: center;
        z-index: 5
    }

    .section {
        padding: 75px 0
    }

    .section-header .heading {
        font-size: 1.875em
    }

    .sticky-header .page-header {
        top: 0
    }

    .go-top {
        display: none !important
    }

    .featured-item {
        margin-top: 20px;
        text-align: center
    }

    .list-service .tab-content {
        text-align: center
    }

    .list-service .tab-content-icon {
        margin-top: 0;
        text-align: center
    }

    .list-service .tab-content-icon + h3 {
        text-align: center
    }

    .list-service * {
        text-align: center
    }

    html .list-service .nav-tabs li {
        text-align: center
    }

    html .list-service {
        list-style: none outside none;
        margin-top: 0
    }

    .home section img {
        max-width: 100%;
        height: auto
    }

    html .list-service .nav-tabs li i {
        float: none;
        margin-right: 0;
        position: relative;
        top: 12px
    }

    html .check-list {
        margin: 20px 0 0;
        padding: 0;
        text-align: center
    }

    html .span-circle {
        font-size: 31px;
        height: 124px;
        line-height: 83px;
        width: 81px
    }

    html .check-list li {
        margin-right: 20px
    }

    html #Services2 .nav-tabs a {
        display: inline-block;
        float: none;
        text-align: center;
        width: 100%
    }

    .post img {
        height: auto;
        max-width: 100%
    }

    #wp-calendar td, #wp-calendar th, #wp-calendar tr, #wp-calendar tfoot {
        display: inline-block;
        width: 100%
    }

    .sidebar {
        margin-top: 20px
    }

    .item-total {
        display: none
    }

    .brand-logo {
        display: inline-block;
        padding: 15px;
    }

    .home-slider .flexslider {
        margin-top: 0 !important;
        height: auto !important
    }

    .entry-media .flex-direction-nav a {
        top: 83% !important
    }

    html .page-img h3 {
        font-size: 22px;
        margin-top: 22px
    }

    html .catalog-product-list .media > .pull-left {
        margin-left: -22px;
        margin-bottom: 30px
    }

    .pb-left-column, pb-right-column {
        padding: 0 10px
    }

    .top-bar .pull-right, .top-bar .text-right, .top-bar .pull-left {
        display: inline-block;
        float: none !important;
        padding: 5px;
        text-align: center;
        width: 100% !important
    }

    #sequence .slide-text {
        top: 30% !important
    }

    .slide-logo, .slide-title {
        display: none !important
    }

    #portfolio, #office-location {
        min-height: inherit !important
    }

    .portfolio-item {
        max-width: 330px
    }

    #portfolio .sly_scrollbar {
        margin: -18px auto 30px !important
    }

    #facts {
        background-size: cover !important
    }

    .wrap-circle {
        height: 80px;
        margin: 0 auto;
        width: 80px
    }

    article.numbers li .span-title {
        display: block;
        font-size: 14px;
        padding-top: 8px
    }

    article.numbers li .span-circle {
        font-size: 26px;
        line-height: 74px;
        text-align: center
    }

    article.numbers li .span-circle {
        font-size: 26px;
        height: 84px;
        width: 83px
    }

    #contact .section-header img {
        width: 100%;
        height: auto
    }

    #contact .section-header h2 {
        display: inline-block;
        margin: 15px
    }

    .post .entry-format > a {
        height: 70px !important;
        width: 70px !important
    }

    html .post .entry-format > a .glyph-item {
        font-size: 33px;
        left: 19px;
        top: 4px
    }

    html .post .entry-meta > ul > li {
        display: inline-block;
        float: none;
        font-size: 14px;
        margin: 5px;
        position: relative;
        top: 0;
        width: 100%
    }

    html .post .entry-title {
        font-size: 20px
    }

    html .post .entry-content {
        line-height: 1.333
    }

    html .dl-menuwrapper li a {
        padding: 5px 10px
    }

    html .featured-item .fa {
        font-size: 44px
    }

    .home section .content_block {
        text-align: center
    }

    .brand-logo {
        border: none !important
    }
}

@media (max-width: 767px) {


    .portfolio-filter a {
        padding: 15px 10px;
    }

    html .list-service .nav-tabs li {
        max-width: 200px;
        display: block;
        margin: auto;
    }
    .logo {
        text-align: center;
    }
    .home .container .logo img {
        max-width: 200px !important;
    }
    .header-phone {
        float: none;
        width: 100%;
        display: inline-block;
    }
    #mobile-menu {
        float: none;
        display: inline-block !important;
    }

}

@media only screen and (max-width: 651px) {
    #Services .tab-content {
        display: none !important
    }

    html .btn-slider {
        margin-left: -20px !important;
        font-size: 12px !important;
        padding: 10px !important
    }

    .atabs-img .tab-pane {
        max-width: 69%
    }

    #our-clients td, #our-clients th, #our-clients tr, #our-clients table, #our-clients tbody {
        display: inline-block !important;
        width: 100%;
        border: none !important
    }

    .page-header .logo {
        position: relative;
        z-index: 555
    }

    .numbers ul {
        margin: 0;
        padding: 0
    }

    html .section-header .heading.heading-type2 {
        font-size: 30px
    }



    .details-review {
        float: left;
        height: auto;
        padding: 5%;
        position: relative;
        text-align: left;
        width: auto
    }

    #our-reviews {
        display: none
    }
    .portfolio-filter-wrap {
        height: auto;
    }
    .facts-numbers {
        text-align: center;
    }
    .our-offices .section-header{
        padding-bottom: 50px;
    }

}

@media only screen and (max-width: 320px) {
    .portfolio-filter {
        display: none !important
    }

    #our-clients td, #our-clients tr {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        border: none !important
    }

    #our-clients td img {
        margin-bottom: 20px
    }

    .go-top {
        display: none !important
    }
}