/* Portfolio Custom */
@media (max-width: 1259px) {
    .theme-boxed #main .tw-portfolio .portfolio-row-full {
        margin-left: -45px;
        width: 1230px;
    }
}
/* Large desktop */
@media (max-width: 1199px) {
    .theme-boxed {
        width:1000px;
    }
    ul.sf-menu > li > a{
        margin: 0 15px;
    }
    .theme-boxed #main .tw-portfolio .portfolio-row-full {
        margin-left: -60px;
        width: 1030px;
    }
}
/* Portfolio Custom */
@media (min-width: 980px) and (max-width: 1199px) {
    #main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio{
        width: 33.35%;
    }
    #main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio:nth-child(3n){
        width: 33.2%;
    }
    #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{
        width: 16.66%;
    }
    #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio:nth-child(6n){
        width: 16.5%;
    }
    .theme-full #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio{
        width: 24.97%;
    }
    .theme-full #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio{
        width: 19.969%;
    }
    .theme-full #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{
        width: 16.63%;
    }
}
/* Medium-Large desktop */
@media only screen and (min-width: 1260px) { 
    .theme-boxed {
        width:1260px;
    }
}
@media (min-width: 980px) {
    #mobile-menu{
        display: none !important;
    }
}
@media (min-width: 979px) and (max-width: 1199px) { 
    ul.sf-menu > li > a{
        margin: 0 10px;
    }
    .header-style-2 ul.sf-menu > li > a{
        margin: 52px 11px 0;
    }
    #main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio {
        height: 220px !important;
    }
    #main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio.style-3 {
        height: 470px !important;
    }
    .span9 .span9 .team-member {
        width: 245px;
    }
    .team-member{
        width: 212px;
    }
    .span12 .span8 .team-member {
        width: 186.5px;
    }
    .span9 .span6 .team-member {
        width: 342px;
    }
    .span9 .span3 .team-member {
        width: 163px;
    }
}

@media (max-width: 1024px) {
    .span12 .span4 .tw-our-team, .span12 .span3 .tw-our-team, .span9 .span6 .tw-our-team, .span9 .span4 .tw-our-team, .span9 .span3 .tw-our-team{
        margin-right: 0;
        margin-left: 0;
    }
    .span12 .span4 .team-member, .span12 .span3 .team-member, .span9 .span6 .team-member, .span9 .span4 .team-member, .span9 .span3 .team-member {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 568px) {
    .tw-our-team{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .team-member{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 979px) {
    .theme-boxed {
        width:auto;
        margin: 0 !important;
        padding: 0 !important;
        border: none;
    }    
    .loop-meta.tag{
        padding: 0;
        text-align: left;
    }
    .tw_post_sharebox{
        position: static;
        margin-top: 20px;
    }
    blockquote{
        margin-left: 50px;
    }
    .comment-form-comment{
        width: 100%;
    }
    #main .related_portfolios .tw-portfolio article.tw_portfolio{
        margin-bottom: 30px;
    }
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .theme-boxed #main .tw-portfolio .portfolio-row-full {
        margin-left: 0px;
        width: 100%;
    }
    #main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{
        width: 33.3%;
    }
    #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio{
        width: 24.9%;
    }
    #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio{
        width: 19.96%;
    }
    .theme-full #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio{
        width: 24.967%;
    }
    .theme-full #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio{
        width: 19.959%;
    }
    #main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio {
        height: 166px !important;
    }
    #main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio.style-3 {
        height: 362px !important;
    }
    .row.header .span3{
        width: 100%;
        text-align: center;
    }
    #header.stuck .show-mobile-menu{
        top: 10px
    }
    #header.stuck .show-mobile-menu .mobile-menu-icon span{
        background: #2f2f2f;
        height: 6px;
    }
    article.loop ul.loop-meta li.category,#header .tw-social-icon,.tw-top-widget.left{
        display:none;
    }
    #page-title .span7,
    #page-title .span5{
        width: 100%; 
    }
    #page-title .tw-breadcrumb{
        position: static; 
        margin: 0;
        padding: 0;
        float: none;
    }
    .tw-top-widget.right{
        margin: 0;
    }
    .team-member, .span12 .span8 .team-member{
        width: 220.9px;
    }
    .span12 .span9 .team-member, .span9 .span12 .team-member{
        width: 254px;
    }
    .span12 .span6 .team-member{
        width: 350px;
    }
    .span9 .span9 .team-member{
        width: 184px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .jp-jplayer-bgvideo video{
        width: auto !important;
    }
    .theme-boxed #main .tw-portfolio .portfolio-row-full {
        margin-left: 0px;
        width: 100%;
    }
    #main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{
        width: 49.96%;
    }
    .single-portfolio-half .span3.pos-bottom,.single-portfolio-half .span3.pos-top{
        position: relative !important;
        top:    auto !important;
        bottom: auto !important;
    }
    body{
        padding: 0;
        margin:0 !important;
    }
    .list_carousel li,.member-image img{
        width: 100%;
    }
    #main .comment-block .comment-block{
        margin-left: 0;
        padding: 0;
    }
    .tw-pricing-col{
        float:none;display:block;width:100% !important;margin-bottom: 40px;
    }
    .tw-pricing-col:last-child{
        margin: 0;
    }
    .callout-text { padding-right: 0px !important; }
    .span9 .tw-callout.with-button .callout-text{
        padding-right: 0;
    }
    .callout-text>a.btn{
        position: static;
        margin: 0;
        margin-top: 20px;
    }
    #main .container{
        padding: 0 10px;
    }
    .tw-breadcrumb,.tw-top-widget.left,#header .tw-social-icon{
        display: none;
    }
    #header .tw-logo{
        text-align: center;
    }
    .loop-media .link-text{
        font-size: 18px;        
    }
    .loop-media .link-content{
        padding: 20px 20px;
    }
    p.form-submit, .comment-form-author, .comment-form-comment{
        float: none;
        width: 100%;
    }
    .loop-meta.tag{
        padding-right: 0;
    }
    .tw_post_sharebox{
        position: static;
        margin-top: 20px;
    }
    .list_carousel {
        margin: 0 -10px !important;
    }
    .tw-404-error{
        width: 310px;
    }
    .tw-404-search-container, .tw-coming-soon-content{
        width: auto;
        padding: 30px 0;
    }
    .error4button, .tw-cs-container input[type="submit"]{
        margin-top: 10px;
    }
    #header .tw-logo{
        width: 100%;
        padding: 0;
    }
    #header.stuck .show-mobile-menu .mobile-menu-icon span{
        background: #2f2f2f;
        height: 6px;
    }
    #header.stuck .show-mobile-menu{
        top: 10px
    }
    .hidden-top-bar #header.stuck .show-mobile-menu{
        top: 24px;
    }
    #bottom{
        text-align: center;
    }
    #bottom ul{
        float: none;
    }
    #bottom .copyright {
        margin-bottom: 20px;
    }
    .tw-top-widget[id*="woocommerce_widget_cart"]:after{
        padding-right: 10px;
    }
    .tw-carousel-twitter.style2 ul.jtwt li{
        margin: 0;
    }
    .tw-carousel-twitter.style2 .fa-twitter{
        position: relative;
        margin-bottom: 10px;
        text-align: left;
    }
    .tw-carousel-twitter.style2 .carousel-arrow{
        top: 12px;
        width: 35px;
        right: 10px;
    }
    .team-member, .span12 .span8 .team-member, .span9 .span9 .team-member{
        width:274.9px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .theme-boxed {
        width:auto;
    }
    #main .tw-portfolio .port-column-2>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio,
    #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio,
    .theme-full #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{
        width: 99%;
    }
    .tw-coming-soon>.sep {
        display: none;
    }
    article.loop ul.loop-meta {
        border-color: transparent;
    }
    .tw-carousel-twitter .carousel-arrow .carousel-prev{
        left:5px;
    }
    .tw-carousel-twitter .carousel-arrow .carousel-next{
        right:5px;
    }
    .page-template-template-coming_soon-php #main {
        padding: 50px 0;
    }
    .tw-coming-soon .days, .tw-coming-soon .hours, .tw-coming-soon .minutes, .tw-coming-soon .seconds {
        margin: 0 5px 5px 0;
    }
    blockquote{
        margin-left: 30px;
    }
    .tw-our-team,.team-member{
        margin: 0;
    }
    .team-member{
        width: 100%;
        margin-bottom: 30px;
    }
}