@media (max-width: 1300px) {
    .portfolio-box.fullwidth .portfolio-container .project-post {
        width: 25%;
    }
}

@media (max-width: 1199px) {


    .portfolio-container {
        width: 970px;
    }

    .with-4-col .portfolio-container .project-post {
        width: 212px;
    }

    .with-3-col .portfolio-container .project-post {
        width: 293px;
    }

    .with-2-col .portfolio-container .project-post {
        width: 455px;
    }

    .tempcore-line:after {
        display: none;
    }

    .horizontal-tabs .nav.nav-tabs li a {
        padding: 30px 15px;
    }

    .horizontal-tabs .nav.nav-tabs li a i {
        margin-right: 7px;
    }

    .shop-navbar li a {
        font-size: 11px;
    }

    .shop-navbar li span {
        width: 30px;
        height: 30px;
        margin-right: 4px;
    }

    .shop-navbar li span i {
        line-height: 30px;
    }

    .shop-navbar {
        position: relative;
        margin-left: 24px;
        margin-top: 7px;
        margin-bottom: -33px;
        z-index: 3;
    }

    ul.product-list li a {
        padding: 10px 6px;
    }

    ul.product-list li.price {
        padding: 10px 8px;
    }

    .portfolio-box.fullwidth .portfolio-container .project-post {
        width: 33.3%;
    }
}

@media (max-width: 991px) {
    .shop-sidebar{
        display:none;
    }
    ul.top-menu {
        float: none;
        text-align: center;
        margin-bottom: 12px;
    }

    ul.top-menu li {
        margin-bottom: 3px;
    }

    ul.social-icons {
        float: none;
        text-align: center;
        margin-bottom: 8px;
    }

    #container {
        padding-top: 197px;
    }

    .tp-caption.modern_medium_light {
        padding: 10px 20px;
        text-align: center;
        width: 200px;   
    }

    .services-box1 .services-post {
        margin-bottom: 10px;
    }

    .image-sect {
        text-align: center;
    }

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

    ul.flickr-list li {
        margin-right: 7px !important;
    }

    .footer-line p {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    ul.footer-social-icons {
        float: none;
        text-align: center;
    }

    .vertical-tabs .nav-tabs {
        float: none;
        width: 100%;
    }

    .vertical-tabs .tab-content {
        margin-left: 0;
    }

    .nav.nav-tabs li a {
        padding: 15px;
    }

    .tab-content .tab-pane img,
    .tab-content .tab-pane iframe {
        float: none;
        max-width: 100%;
        margin: 0 0 15px;
    }

    .horizontal-tabs .nav.nav-tabs li a i {
        margin-right: 0px;
    }

    .horizontal-tabs .nav.nav-tabs li a span {
        display: none;
    }

    .portfolio-container {
        width: 750px;
    }

    .with-4-col .portfolio-container .project-post {
        width: 220px;
    }

    .with-3-col .portfolio-container .project-post {
        width: 220px;
    }

    .with-2-col .portfolio-container .project-post {
        width: 345px;
    }

    ul.currency {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    ul.shop-account-list {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .portfolio-box.fullwidth .portfolio-container .project-post {
        width: 50%;
    }

    .statistic-post {
        margin-bottom: 10px;
    }

    .contact-info-list {
        margin-bottom: 40px;
    }

    header.header6 .navbar-default .navbar-nav > li a i {
        display: none;
    }
    .news-list .row{
        margin:0;
    }
    .blog-post .col-md-3{
        width:50%;
        float:left;
    }
    .staff-post{
        position:relative;
    }
    .staff-post-gal {
        padding-bottom: 200px;
    }
    .staff-post img {
        max-width: 200px;
        max-height: 200px;
    }
    .staff-post-content .courriel a {
        bottom: 150px;
        left: calc(50% + 80px);
        transform: translateX(-50%);
    }

}

@media (max-width: 767px) {
    

    header.active .navbar-brand,
    .navbar-brand {
        padding: 15px 15px 10px;
    }

    #container {
        padding-top: 152px;
    }


    .tp-caption.modern_small_text_dark {
        display: none;
    }

    .tp-caption.modern_medium_light {
        display: none;  
    }

    .tp-rightarrow.default,
    .tp-leftarrow.default {
        display: none !important;
    }

    .tempcore-line p {
        margin-right: 0;
    }

    .tempcore-line a {
        float: none;
        margin-bottom: 10px;
    }

    ul.clients-logo li a {
        display: block;
        height: 120px;
        padding: 45px 10px 0;
        text-align: center;
        background: rgba(0,0,0,0.2);
    }

    .portfolio-container {
        width: 100%;
        margin-left: 0;
    }

    .with-4-col .portfolio-container .project-post,
    .with-3-col .portfolio-container .project-post,
    .with-2-col .portfolio-container .project-post {
        width: 100%;
        margin: 15px 0;
    }

    .shop-navbar {
        position: relative;
        margin-left: 0px;
        margin-top: 7px;
        margin-bottom: 0px;
        z-index: 3;
    }

    .portfolio-box.fullwidth .portfolio-container .project-post {
        width: 100%;
    }

    ul.depth {
        margin-left: 0px;
    }

    ul.depth li:before {
        display: none;
    }

    .flex-direction-nav {
        display: none;
    }

    header.header2 .navbar-default .navbar-nav > li:hover > a,
    header.header2 .navbar-default .navbar-nav > li > a.active {
        color: #54babb;
    }

    header.header4 .navbar-default .navbar-nav > li:hover > a,
    header.header4 .navbar-default .navbar-nav > li > a.active {
        color: #54babb;
    }
    .news-list .row{
        width:50%;
    }
    .news-list .news-right p:last-child a{
        top:225px;
    }
    .page-banner{
        margin-top:120px;
    }
    footer .container{
        max-width: 100%;;
    }
    .blog-post .col-md-3{
        width:50%;
        float:left;
    }
    .staff-post-content .courriel a {
        right: 40px;
    }
    .title-section h1{
        font-size:15vw; 
        line-height:0.8;
    }

}

@media (max-width: 581px) {
    .tp-caption.big_white {
        display: none;
    }

    .top-bar {
        height: auto;
        text-align: center;
    }

    .top-bar .left-block {
        float: none;
        margin-bottom: 15px;
    }

    .top-bar .right-block {
        float: none;
    }
    .news-list .row{
        width:100%;
        padding: 0;
        margin: 0;
    }
    .news-list .news-right p:last-child a {
        top: 190px;
    }
    .flex-caption a{
        font-size:35px;
    }
    .flex-caption{
        width:80%;
        left:30px;
    }
    .blog-post .col-md-3 {
        width: 100%;
        float: left;
    }
    .statistic-box .col-md-3{
        width:100% !important;
    }
    .statistic-box .col-md-3:not(:first-child) .statistic-post:before {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 7px;
        width: 50px;
    }
    .news-left > div:nth-child(1) img{
        max-width: 200px;
        max-height: 200px;
    }
    .news-list .news-right p:last-child a{
        left: calc(50% + 80px);
        transform: translateX(-50%);
    }
    .news-left > div:nth-child(1) a{
        padding-bottom:200px;
    }
    .news-left > div:nth-child(1) img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
        transform:translate(-50%,-50%);
    }
    .text-fields .float-input, .submit-area * {
        grid-column: span 12 / span 12;
    }
    .submit-area input, #searchbutton_conc {
        grid-column: span 6 / span 6;
    }
}
@media (max-width: 345px) {
    h1.page-title span{
        width:100%;
    }
}