@charset "utf-8";

/* CSS Document */

@media only screen and (min-width:1281px) and (max-width:1440px) {
    .dtportfolio-container .dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-one-fourth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth.dtportfolio-grid-sizer-2 {
        width: 50%;
    }
}

@media only screen and (min-width:1281px) {
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content h2 {
        font-size: 40px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 {
        margin: 0;
        padding: 20px 10px 0px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer .wpb_text_column.wpb_content_element p {
        font-size: 12px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container .post-next-link a,
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container .post-prev-link a {
        font-size: 12px;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 {
        margin: 0 0 40px;
    }
}


/* Note: Design for a width of 960px */

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-half.with-sidebar,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-third.with-sidebar,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-fourth.with-sidebar,
    .page-with-sidebar .dtportfolio-container .dtportfolio-hover-icons-only.dtportfolio-one-third,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-hover-icons-only.dtportfolio-one-third {
        width: 100%;
    }
    .dtportfolio-container .dtportfolio-one-tenth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth {
        width: 20%;
    }
    .content-full-width .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-modern-title .dtportfolio-image-overlay h2 {
        font-size: 15px;
    }
    .content-full-width .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-modern-title .dtportfolio-image-overlay .links a {
        margin: 10px 0 0 10px;
    }
    .dtportfolio-sorting.type2 {
        width: 100%;
        left: 0;
        position: static;
        top: 0;
    }
    .left-header.fixed-left-header .portfolio-fullwidth-container .content-full-width .dtportfolio-container,
    .fixed-left-header .dtportfolio-sorting.type2 {
        width: 100%;
    }
    .fixed-left-header .dtportfolio-sorting.type2 {
        text-align: center;
    }
    .page-with-sidebar .dtportfolio-sorting.type2 a {
        padding-left: 12px;
        padding-right: 12px;
    }
    .with-both-sidebar .dtportfolio-sorting.type2:before {
        content: none;
    }
    .with-both-sidebar .dtportfolio-sorting.type2 {
        width: 100%;
        box-sizing: border-box;
    }
    .dtportfolio-sorting.type2 {
        padding: 0px 20px 0 10px;
    }
    .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-icons-only .dtportfolio-image-overlay .links {
        bottom: 40px;
    }
    .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2,
    .dtportfolio-item.dtportfolio-one-third.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2,
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2 {
        font-size: 16px;
    }
    .page-with-sidebar .dtportfolio-sorting.type2:before {
        content: none;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a {
        font-size: 14px;
    }
    .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a {
        font-size: 12px;
    }
    .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay-details {
        right: 15px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-third .dtportfolio-image-overlay h2 {
        font-size: 17px;
    }
    .type7.no-space.dtportfolio-item.dtportfolio-one-fourth .dtportfolio-image-overlay-details {
        display: none;
    }
    .portfolio_content_middle .wpb_wrapper>p {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-presentation:hover .dtportfolio-image-overlay .links {
        bottom: -2px;
    }
    .dtportfolio-one-third.dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay h2,
    .dtportfolio-one-third.dtportfolio-item.dtportfolio-hover-presentation.no-space .dtportfolio-image-overlay h2 {
        font-size: 12px;
    }
    .portfolio_content_middle .dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay-details {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links a span {
        line-height: 25px;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links {
        height: 25px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay-details .categories {
        display: block;
    }
    .dtportfolio-item.dtportfolio-hover-girly .dtportfolio-image-overlay h2 {
        font-size: 17px;
    }
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay-details {
        display: block;
    }
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-fourth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth {
        width: 50%;
    }
    .page-with-sidebar .dtportfolio-categories-list .dtportfolio-one-fourth {
        width: 50%;
        margin: 0;
        padding: 0 10px 20px;
    }
    .page-with-sidebar.with-both-sidebar .dtportfolio-container .dtportfolio-one-fourth,
    .page-with-sidebar.with-both-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth {
        width: 100%;
    }
    .post-nav-container.type4 .post-prev-link,
    .post-nav-container.type4 .post-next-link {
        position: inherit;
        transform: inherit;
        display: inline-block;
    }
    .post-nav-container.type4 {
        margin: 20px 0;
        line-height: 24px;
    }
    .dtportfolio-fullpage-carousel-content {
        bottom: 100px;
    }
    .fullpage-portfolio .dtportfolio-single-details {
        max-height: 300px;
        overflow-y: scroll;
    }
    .fullpage-portfolio .dtportfolio-single-details::-webkit-scrollbar {
        display: none;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer {
        position: static;
        width: 100%;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 24px;
    }
    .dtportfolio-item.dtportfolio-one-third.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 15px;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>p {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 19px;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(4),
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(5),
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(6) {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-grayscale:hover .dtportfolio-image-overlay-details,
    .dtportfolio-item.dtportfolio-one-third.dtportfolio-hover-grayscale:hover .dtportfolio-image-overlay-details {
        right: 0;
    }
    .dtportfolio-swiper-fraction-pagination {
        right: 10px;
        height: 70px;
        top: 10px;
        bottom: auto;
        width: 25px;
    }
    .dtportfolio-container .dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-one-fourth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth.dtportfolio-grid-sizer-2 {
        width: 50%;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 {
        margin: 0 0 40px;
    }
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-container .dtportfolio-one-half,
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-half {
        width: 100%;
    }
}


/* Note: Design for a width of 768px */

@media only screen and (min-width:768px) and (max-width:1024px) {
    .page-template-tpl-portfolio .with-both-sidebar .dtportfolio-container .dtportfolio-item.no-space.dtportfolio-one-fourth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-half,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-half,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.dtportfolio-one-third,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.dtportfolio-one-half,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-sixth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-sixth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-seventh,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-eight,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-nineth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-tenth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth {
        width: 100%;
    }
    .page-with-sidebar .dtportfolio-item.type1 .dtportfolio-image-overlay h2,
    .dtportfolio-item.type1.dtportfolio-one-third .dtportfolio-image-overlay h2 {
        font-size: 18px;
    }
    .dtportfolio-container .dtportfolio-one-third,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third,
    .dtportfolio-container .dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .left-header.fixed-left-header .portfolio-fullwidth-container .dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-one-third.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third.dtportfolio-grid-sizer-1 {
        width: 50%;
    }
    .related-portfolios .dtportfolio-item.dtportfolio-one-third {
        width: 49%;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-half.with-sidebar,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-third.with-sidebar,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-fourth.with-sidebar,
    .page-with-sidebar .dtportfolio-item.dtportfolio-one-third,
    .page-with-sidebar .dtportfolio-item.dtportfolio-one-fourth,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-half.no-space,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-third.no-space,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-fourth.no-space {
        width: 100%;
    }
    .page-with-sidebar .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay h2,
    .with-both-sidebar .dtportfolio-item.type1 .dtportfolio-image-overlay h2,
    .page-with-sidebar .dtportfolio-item.type1.dtportfolio-one-third .dtportfolio-image-overlay h2,
    .page-template-tpl-portfolio .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .page-with-sidebar .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay-details .categories {
        display: block;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay-details {
        display: none;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay .links {
        height: 50px;
    }
    .page-with-sidebar .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay .links a span {
        font-size: 20px;
        line-height: 45px;
    }
    .page-with-sidebar .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        height: 45px;
        width: 45px;
    }
    .fixed-gallery .dtportfolio-item.dtportfolio-hover-title-overlay.hover-state .dtportfolio-image-overlay-details,
    .fixed-gallery .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay-details {
        right: 10px;
        bottom: 0;
    }
    .dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay h2 {
        font-weight: 400;
        text-transform: capitalize;
        font-size: 15px;
    }
    /** Type 2 **/
    .page-with-sidebar .dtportfolio-sorting.type2 {
        width: 100%;
        box-sizing: border-box;
    }
    .page-with-sidebar .dtportfolio-sorting.type2::before {
        content: none;
    }
    .dtportfolio-sorting.type2 {
        position: relative;
        text-align: center;
        width: 100%;
        top: 0;
    }
    .fixed-left-header .dtportfolio-sorting.type2 {
        width: 100%;
    }
    .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay h2 {
        font-size: 16px;
        text-transform: capitalize;
    }
    .left-header.fixed-left-header .portfolio-fullwidth-container .content-full-width .dtportfolio-container {
        width: 100%;
        margin: 0;
    }
    .dtportfolio-sorting.type2 {
        width: 100%;
        left: 0;
        position: static;
        top: 0;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links,
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-third .dtportfolio-image-overlay .links,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        bottom: 0;
    }
    .page-template-tpl-portfolio .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        bottom: 57px;
    }
    .page-template-tpl-portfolio .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        bottom: 0;
    }
    .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-third .dtportfolio-image-overlay h2 {
        font-size: 18px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay-details {
        right: 15px;
    }
    .dtportfolio-container .dtportfolio-one-seventh,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh {
        width: 20%;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links a span {
        line-height: 25px;
    }
    .dtportfolio-item.dtportfolio-one-seventh.dtportfolio-hover-overlay .dtportfolio-image-overlay .links {
        height: 25px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        font-size: 16px;
    }
    .type3.dtportfolio-item.with-sidebar {
        width: 100%;
    }
    .dtportfolio-single-grid .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a {
        font-size: 14px;
        text-transform: capitalize;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-classic .dtportfolio-image-overlay h2 {
        font-size: 16px;
    }
    .dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay .links a:before {
        bottom: -34px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-presentation.dtportfolio-one-fourth .dtportfolio-image-overlay h2 {
        font-size: 14px;
    }
    .with-both-sidebar.page-with-sidebar .dtportfolio-item.dtportfolio-hover-presentation.dtportfolio-one-fourth .dtportfolio-image-overlay h2 {
        font-size: 12px;
    }
    .portfolio_content_middle .dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay-details {
        display: none;
    }
    .portfolio_content_middle .wpb_wrapper>p {
        display: none;
    }
    .related-portfolios .dtportfolio-one-third.type7:nth-child(4) {
        margin-left: 0;
    }
    .dtportfolio-item.dtportfolio-hover-presentation.dtportfolio-one-third.with-sidebar:hover .dtportfolio-image-overlay-details {
        bottom: 40px;
    }
    .post-nav-container.type4 .post-prev-link,
    .post-nav-container.type4 .post-next-link {
        position: inherit;
        transform: inherit;
        display: inline-block;
    }
    .post-nav-container.type4 {
        margin: 20px 0;
        line-height: 24px;
    }
    .page-with-sidebar .dtportfolio-single>.dtportfolio-column {
        width: 100%;
    }
    .related-portfolios .dtportfolio-item.dtportfolio-one-third:nth-child(2n+4) {
        margin-left: 0;
    }
    .dtportfolio-fullpage-carousel-content {
        bottom: 100px;
    }
    .dtportfolio-item.dtportfolio-hover-classic .dtportfolio-image-overlay h2 {
        font-size: 17px;
    }
    .dtportfolio-item.dtportfolio-hover-classic .dtportfolio-image-overlay-details .categories {
        font-size: 14px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .dtportfolio-project-details li {
        border: 0;
        padding: 0 0 20px 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .dtportfolio-project-details li:last-child {
        padding-bottom: 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 .post-next-link,
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 .post-prev-link {
        width: 50%;
        padding: 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 {
        margin: 0;
        padding: 0px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 .post-archive-link-wrapper,
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content .post-nav-container.type3 i {
        display: none;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer .wpb_text_column.wpb_content_element p {
        font-size: 9px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer .dtportfolio-sociable li a {
        font-size: 12px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer {
        position: static;
        width: 100%;
    }
    .dtportfolio-container .dtportfolio-one-tenth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth,
    .dtportfolio-container .dtportfolio-one-nineth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth,
    .dtportfolio-container .dtportfolio-one-eight,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight {
        width: 20%;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 24px;
    }
    .left-header .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 16px;
    }
    .left-header .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container {
        width: 80%;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>p,
    .left-header .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 17px;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(4),
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(5),
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(6) {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul {
        margin: 25px 0 0;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2 {
        font-size: 16px;
    }
    .dtportfolio-item.dtportfolio-hover-grayscale:hover .dtportfolio-image-overlay-details {
        right: 0;
    }
    .dtportfolio-categories-list .dtportfolio-one-fourth .details-holder h2 {
        font-size: 15px;
    }
    .dtportfolio-categories-list .dtportfolio-one-fourth {
        width: 50%;
        margin: 0;
        padding: 0 10px 20px;
    }
    .page-with-sidebar .dtportfolio-categories-list .dtportfolio-one-fourth {
        width: 100%;
    }
    .page-with-sidebar .dtportfolio-categories-list .dtportfolio-one-fourth {
        margin: 0 0 20px;
    }
    .left-header .post-nav-container.type3 .post-archive-link-wrapper {
        width: 100%;
        margin: 30px 2%;
    }
    .left-header .post-nav-container.type3 .post-next-link,
    .left-header .post-nav-container.type3 .post-prev-link {
        width: 100%;
    }
    .dtportfolio-single-slider-wrapper .dtportfolio-single-slider .slick-prev {
        left: -55px;
    }
    .dtportfolio-single-slider-wrapper .dtportfolio-single-slider .slick-next {
        right: -55px;
    }
    /*.fixed-gallery .dtportfolio-one-half, .fixed-gallery .dtportfolio-column.no-space.dtportfolio-one-half { width: 100%; }*/
    .dtportfolio-swiper-fraction-pagination {
        right: 10px;
        height: 70px;
        top: 10px;
        bottom: auto;
        width: 25px;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 .dt-sc-image-title h3 {
        font-size: 22px;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 {
        margin: 0 0 50px;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 .dt-sc-image-wrapper {
        width: 100%;
        margin: 0 0 40px;
    }
    .dtportfolio-single-layout-container.fixed-feature-image .dt-sc-image-caption.type7 .dt-sc-image-content {
        position: static;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        width: 100%;
    }
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-container .dtportfolio-one-half,
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-half {
        width: 100%;
    }
}


/*----*****---- << Mobile (Landscape) >> ----*****----*/


/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-one-fifth,
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fifth,
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-one-fourth,
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-one-third,
    .dtportfolio-container-striped.dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third {
        width: 50%;
    }
}


/* Common Styles for the devices below 767px width */

@media only screen and (max-width: 767px) {
    .dtportfolio-container .dtportfolio-one-sixth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-sixth,
    .dtportfolio-container .dtportfolio-one-seventh,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh,
    .dtportfolio-container .dtportfolio-one-eight,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight,
    .dtportfolio-container .dtportfolio-one-nineth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth,
    .dtportfolio-container .dtportfolio-one-tenth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth,
    .dtportfolio-column.no-space.dtportfolio-one-half,
    .dtportfolio-column.dtportfolio-one-half,
    .dtportfolio-column.no-space.dtportfolio-one-third,
    .dtportfolio-column.dtportfolio-one-third,
    .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .dtportfolio-column.dtportfolio-one-fourth,
    .dtportfolio-column.no-space.dtportfolio-one-fifth,
    .dtportfolio-column.dtportfolio-one-fifth,
    .dtportfolio-column.no-space.dtportfolio-two-third {
        width: 100%;
    }
    .page-template-tpl-fullwidth .dtportfolio-container .dtportfolio-item.no-space.dtportfolio-one-fourth,
    .page-template-tpl-portfolio .dtportfolio-container .dtportfolio-item.no-space.dtportfolio-one-fourth,
    .page-with-sidebar .dtportfolio-item.dtportfolio-one-half,
    .page-with-sidebar .dtportfolio-item.dtportfolio-one-third,
    .page-with-sidebar .dtportfolio-item.dtportfolio-one-fourth,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-half,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-third,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-fourth,
    .with-both-sidebar .dtportfolio-item.dtportfolio-one-half.no-space,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-third.no-space,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-one-fourth.no-space,
    .dtportfolio-container .dtportfolio-one-half,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-half,
    .dtportfolio-container .dtportfolio-one-third,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third,
    .dtportfolio-container .dtportfolio-one-fourth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-sixth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-sixth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-seventh,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-eight,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-nineth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-one-tenth,
    .page-with-sidebar .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth,
    .dtportfolio-container .dtportfolio-one-fifth,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fifth,
    .dtportfolio-container .dtportfolio-one-fourth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-third.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-third.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-fourth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-fourth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fourth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-fifth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fifth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-fifth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-fifth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-sixth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-sixth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-sixth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-sixth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-seventh.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-seventh.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-seventh.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-seventh.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-one-eight.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-eight.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-eight.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-eight.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-one-nineth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-nineth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-nineth.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-nineth.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-one-tenth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth.dtportfolio-grid-sizer-1,
    .dtportfolio-container .dtportfolio-one-tenth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth.dtportfolio-grid-sizer-2,
    .dtportfolio-container .dtportfolio-one-tenth.dtportfolio-grid-sizer-3,
    .dtportfolio-container .dtportfolio-column.no-space.dtportfolio-one-tenth.dtportfolio-grid-sizer-3,
    .dtportfolio-container-parallax .dtportfolio-one-half,
    .dtportfolio-container-parallax .dtportfolio-column.no-space.dtportfolio-one-half,
    .dtportfolio-container-parallax .dtportfolio-one-third,
    .dtportfolio-container-parallax .dtportfolio-column.no-space.dtportfolio-one-third,
    .left-header.fixed-left-header .portfolio-fullwidth-container .dtportfolio-one-fourth,
    .swiper-wrapper .dtportfolio-item.dtportfolio-hover-with-details .dtportfolio-image-overlay-details {
        width: 100%;
    }
    .dtportfolio-sorting.type2::before {
        content: none;
    }
    .dtportfolio-sorting.type2,
    .with-both-sidebar .dtportfolio-sorting.type2 {
        width: 100%;
        margin-left: 0;
        position: relative;
        text-align: center;
        top: 0;
    }
    .fixed-left-header .dtportfolio-sorting.type2 {
        width: 100%;
    }
    .dtportfolio-sorting.type2 {
        width: 100%;
        left: 0;
        position: static;
        top: 0;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        bottom: 50px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay-details {
        right: 15px;
    }
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-extended .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons.dtportfolio-column.no-space {
        margin-bottom: 20px;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        font-size: 16px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay h2 {
        font-size: 16px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay-details {
        right: 15px;
    }
    .portfolio_content_middle .dtportfolio-item.dtportfolio-hover-presentation {
        margin-bottom: 20px;
    }
    .portfolio_content_middle.section-wrapper {
        background-repeat: repeat !important;
    }
    .dtportfolio-item.dtportfolio-hover-girly .dtportfolio-image-overlay h2,
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-girly .dtportfolio-image-overlay h2,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-third .dtportfolio-image-overlay h2,
    .page-template-tpl-portfolio .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay h2 {
        font-size: 18px;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-girly .dtportfolio-image-overlay-details .categories,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-third .dtportfolio-image-overlay-details .categories,
    .page-template-tpl-portfolio .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay-details .categories {
        font-size: 14px;
        bottom: 60px;
    }
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay-details .categories {
        display: none;
    }
    .with-both-sidebar.page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay-details::before,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay-details::before {
        bottom: 70px;
    }
    .dtportfolio-item.dtportfolio-hover-presentation:hover .dtportfolio-image-overlay .links {
        bottom: -2px;
    }
    .dtportfolio-fullpage-carousel-content {
        bottom: 60px;
        padding-left: 10px;
    }
    .fullpage-portfolio .dtportfolio-single-details {
        position: relative;
        width: 100%;
    }
    .fixed-gallery .dtportfolio-fixed-content {
        width: 100%;
        position: static;
        height: 500px;
    }
    .dtportfolio-single-container.portfolio-container-carousel .dtportfolio-item {
        margin-bottom: 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content {
        width: 100%;
        top: 0;
        position: relative;
    }
    .post-nav-container.type3 .post-archive-link-wrapper {
        margin: 0 5px;
    }
    .dtportfolio-fixed-content {
        position: relative;
        width: 100%;
    }
    .fixed-feature-image .dtportfolio-fixed-content {
        height: 500px;
    }
    .dtportfolio-fullpage-splitted-section figure>.dtportfolio-column.no-space.dtportfolio-one-half {
        width: 50%;
        margin-bottom: 0;
    }
    .dtportfolio-fullpage-splitted-section.dtportfolio-column.no-space.dtportfolio-one-column {
        margin-bottom: 0;
    }
    .post-nav-container.type4 .post-prev-link,
    .post-nav-container.type4 .post-next-link {
        position: inherit;
        transform: inherit;
        display: inline-block;
    }
    .post-nav-container.type4 {
        margin: 20px 0;
        line-height: 24px;
    }
    .dtportfolio-container-striped .dtportfolio-striped figure>img {
        margin: auto;
    }
    .dtportfolio-item.dtportfolio-hover-extended .dtportfolio-image-overlay h2 {
        font-size: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-extended.dtportfolio-one-column .dtportfolio-image-overlay {
        padding-left: 30px;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>p {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 17px;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(4),
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(5),
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul li:nth-child(6) {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul {
        margin: 25px 0 0;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container {
        width: 70%;
    }
    .dtportfolio-container-fullpage.fullpage-splitted-section .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay h2 {
        font-size: 22px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-column {
        margin-bottom: 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content p {
        font-size: 14px;
        line-height: 28px;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer {
        position: static;
        width: 100%;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer .wpb_column {
        margin-bottom: 0px;
    }
    .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2,
    .dtportfolio-item.dtportfolio-one-third.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2,
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2 {
        font-size: 16px;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details {
        bottom: 10px;
    }
    .dtportfolio-item.dtportfolio-hover-grayscale .dtportfolio-image-overlay-details {
        bottom: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-grayscale:hover .dtportfolio-image-overlay-details {
        right: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-with-details .dtportfolio-image-overlay-details {
        width: 100%;
        right: 0;
    }
    .dtportfolio-item.dtportfolio-hover-presentation .dtportfolio-image-overlay h2 {
        font-weight: 400;
        text-transform: capitalize;
        font-size: 15px;
    }
    .dtportfolio-fullpage-carousel-content h2 {
        font-size: 24px;
    }
    .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2 {
        font-size: 16px;
    }
    .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container {
        width: 80%;
    }
    .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul,
    .dtportfolio-fullpage-splitted-section.dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-details .categories {
        display: none;
    }
    .dtportfolio-categories-list .with-gallery-view .image-holder>.dtportfolio-column.no-space.dtportfolio-one-third {
        width: 33.33%;
        margin: 0;
    }
    .dtportfolio-multiscroll.dtportfolio-hover-grayscale .dtportfolio-image-holder {
        min-height: 300px;
    }
    .multiscroll-button-holder .multiscroll-button {
        display: none;
    }
    .dtportfolio-content-over-slider {
        width: 100%;
    }
    .swiper-pagination-holder.type3 .swiper-pagination-wrapper {
        bottom: 20px;
    }
    .swiper-container-vertical .dtportfolio-column {
        margin-bottom: 0;
    }
    /** New **/
    .dtportfolio-image-gallery-thumb-container,
    .dtportfolio-swiper-thumbnail-container {
        height: 35%;
    }
    .dtportfolio-swiper-fraction-pagination {
        right: 10px;
        height: 70px;
        top: 10px;
        bottom: auto;
        width: 25px;
    }
    .dtportfolio-swiper-container.swiper-container-vertical .dtportfolio-container .dtportfolio-item figure {
        height: auto;
    }
    .dtportfolio-swiper-pagination-holder>div:only-child,
    .dtportfolio-swiper-pagination-holder>div.dtportfolio-swiper-bullet-pagination.swiper-pagination-bullets {
        bottom: 20px;
    }
    .dtportfolio-swiper-pagination-holder>div.dtportfolio-swiper-scrollbar:only-child {
        bottom: 0;
    }
    .dtportfolio-container.with-space .dtportfolio-item {
        padding: 0 0 10px;
    }
}


/* Common Styles for the devices below 479px width */

@media only screen and (max-width: 479px) {
    .page-template-tpl-fullwidth .dtportfolio-container .dtportfolio-item.no-space.dtportfolio-one-fourth,
    .page-template-tpl-portfolio .dtportfolio-container .dtportfolio-item.no-space.dtportfolio-one-fourth,
    .portfolio-fullwidth-container .dtportfolio-one-third,
    .portfolio-fullwidth-container .dtportfolio-item.dtportfolio-one-fourth {
        width: 100%;
    }
    .dtportfolio-item.dtportfolio-hover-modern-title .dtportfolio-image-overlay-details {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links,
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-third .dtportfolio-image-overlay .links,
    .page-template-tpl-portfolio .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links,
    .page-with-sidebar.with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-icons-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        bottom: 0;
    }
    .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links a {
        width: 50px;
        height: 50px;
    }
    .dtportfolio-item.dtportfolio-hover-title-icons-overlay .dtportfolio-image-overlay .links a span {
        line-height: 50px;
        font-size: 20px;
    }
    .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay-details {
        right: 15px;
    }
    .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay .links {
        bottom: 0;
    }
    .dtportfolio-item.type1 .dtportfolio-image-overlay .links {
        text-align: center;
    }
    .dtportfolio-item.type1 .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.type1 .dtportfolio-image-overlay .links a,
    .page-template-tpl-portfolio .dtportfolio-item.type1.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .page-template-tpl-portfolio .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        margin-top: 88px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .page-template-tpl-portfolio .portfolio-fullwidth-container .dtportfolio-item.type1.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .page-template-tpl-portfolio .portfolio-fullwidth-container .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        margin-top: 150px;
    }
    .dtportfolio-item.dtportfolio-hover-classic:hover .dtportfolio-image-overlay .links a:first-child,
    .dtportfolio-item.dtportfolio-hover-classic:hover .dtportfolio-image-overlay .links a:last-child {
        bottom: 0;
    }
    .dtportfolio-item.dtportfolio-hover-girly .dtportfolio-image-overlay .links,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-girly.dtportfolio-one-fourth .dtportfolio-image-overlay .links {
        top: 0;
    }
    .post-nav-container.type3 .post-prev-link,
    .post-nav-container.type3 .post-next-link,
    .post-nav-container.type3 .post-archive-link-wrapper {
        width: 100%;
    }
    .post-nav-container.type3 .post-archive-link-wrapper {
        margin: 20px 0;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content #footer .wpb_text_column.wpb_content_element p {
        font-size: 9px;
    }
    .dtportfolio-single-layout-container.gallery-list .post-nav-container.type3 .post-prev-link i {
        position: static;
        top: 0;
    }
    .dtportfolio-single-layout-container.gallery-list .post-nav-container.type3 .post-next-link i {
        position: absolute;
        bottom: -42px;
        top: auto;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .dtportfolio-single-layout-container.gallery-list .post-nav-container.type3 .post-prev-link,
    .dtportfolio-single-layout-container.gallery-list .post-nav-container.type3 .post-next-link {
        padding: 0;
        text-align: center;
    }
    .dtportfolio-single-fullscreen-slider.fullpage-wrapper .slick-dotted.slick-slider {
        width: 95%;
    }
    .dtportfolio-single-slider-wrapper .bx-controls-direction a {
        font-size: 22px;
        width: 40px;
        height: 30px;
        line-height: 35px;
    }
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-fixed-content .dtportfolio-single-slider-wrapper .bx-controls-direction a.bx-prev i,
    .dtportfolio-single-layout-container.fixed-gallery .dtportfolio-fixed-content .dtportfolio-single-slider-wrapper .bx-controls-direction a.bx-next i {
        line-height: 30px;
    }
    .dtportfolio-project-details.type2 li {
        width: 100%;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul,
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay ul {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details {
        width: 100%;
    }
    .dtportfolio-item.dtportfolio-hover-grayscale:hover .dtportfolio-image-overlay-details {
        right: 0;
    }
    .dtportfolio-item.dtportfolio-hover-with-details .dtportfolio-image-overlay-details {
        bottom: 0;
    }
    .dtportfolio-item.dtportfolio-hover-with-details .dtportfolio-gallery-link {
        display: none;
    }
    .dtportfolio-single-layout-container.gallery-list .dtportfolio-fixed-content h2 {
        font-size: 28px;
    }
    .post-password-required .post-password-form label {
        width: 100%;
    }
    #sb_instagram .sb_instagram_header {
        left: 0;
        top: 0;
    }
    /** New **/
    .dtportfolio-item.dtportfolio-hover-with-intro .dtportfolio-image-overlay-details {
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
        width: 100%;
        overflow: hidden;
    }
    .dtportfolio-project-details.type2 li {
        display: block;
    }
    .post-nav-container.type3 .post-archive-link-wrapper a:before {
        margin-top: 5px;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .page-template-tpl-portfolio .portfolio-fullwidth-container .dtportfolio-item.type1.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .page-template-tpl-portfolio .portfolio-fullwidth-container .dtportfolio-item.type1.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        margin-top: 125px;
    }
    .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay-details {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay .links {
        height: 50px;
        margin: 0;
    }
    .dtportfolio-bordered-site {
        border-width: 8px;
    }
    .post-nav-container .post-prev-link,
    .post-nav-container .post-next-link {
        display: block;
    }
    .post-nav-container .post-archive-link-wrapper {
        margin: 20px 0;
    }
    .post-nav-container.type2 .post-prev-link,
    .post-nav-container.type2 .post-next-link {
        display: inline-block;
    }
    .dtportfolio-project-details.type2 li {
        padding: 0 0 20px 0;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 319px) {
    .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay-details {
        display: none;
    }
    .dtportfolio-item.dtportfolio-hover-icons-only .dtportfolio-image-overlay .links {
        height: 50px;
    }
    .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a,
    .with-both-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-third .dtportfolio-image-overlay .links a,
    .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a,
    .page-with-sidebar .dtportfolio-item.dtportfolio-hover-title-overlay.dtportfolio-one-fourth .dtportfolio-image-overlay .links a {
        font-size: 13px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay .links a:last-child {
        margin-left: 40px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay .links a span,
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay .links a {
        line-height: 40px;
    }
    .dtportfolio-item.dtportfolio-hover-minimal-icons .dtportfolio-image-overlay .links a {
        width: 40px;
        height: 40px;
        font-size: 19px;
    }
    .dtportfolio-single-slider-wrapper #bx-pager a {
        margin: 0px 2px 15px;
    }
    .post-nav-container .post-prev-link,
    .post-nav-container .post-next-link {
        display: block;
    }
    .post-nav-container .post-archive-link-wrapper {
        margin: 20px 0;
    }
    .post-nav-container.type3 .post-prev-link {
        padding: 0 0 0 40px;
    }
    .post-nav-container.type3 .post-next-link {
        padding: 0 40px 0 0;
    }
    .fullpage-portfolio .post-nav-container {
        width: 100%;
    }
    .fullpage-portfolio .post-nav-container .post-prev-link,
    .fullpage-portfolio .post-nav-container .post-next-link {
        display: inline-block;
    }
    .fullpage-portfolio .post-nav-container .post-prev-link a,
    .fullpage-portfolio .post-nav-container .post-next-link a {
        margin: 0;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-thumb .dtportfolio-image-overlay-details h2,
    .dtportfolio-categories-list .details-holder h2 {
        font-size: 15px;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-details {
        margin-bottom: 5px;
    }
    .dtportfolio-item.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2,
    .dtportfolio-item.dtportfolio-one-third.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2,
    .dtportfolio-item.dtportfolio-one-fourth.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2,
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay h2,
    .dtportfolio-item.dtportfolio-hover-grayscale .dtportfolio-image-overlay-details h2 {
        font-size: 15px;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container>ul {
        display: none;
    }
    .dtportfolio-item.dtportfolio-one-half.dtportfolio-hover-with-gallery-list .dtportfolio-image-overlay-container {
        width: 80%;
    }
}