/*

[Responsive Stylesheet]

Project: FolioCase - Evanto Market Item Showcase and Affiliate HTML Template
Version: 1.5
Author : http://themeforest.net/user/themelooks

[Table of contents]

1. MEDIA QUERIES
    - 1-1 LARGE DEVICES, WIDE SCREENS
    - 1-2 MEDIUM DEVICES, DESKTOPS
    - 1-3 SMALL DEVICES, TABLETS
    - 1-4 SMALL DEVICES, SMARTPHONES
    - 1-5 CUSTOM, IPHONE RETINA

*/

/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1-1 LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1200px) {
    /* PRODUCT PAGE SIDEBAR */
    .pp-sidebar {
        width: 970px;
    }
    
    /* PRODUCT LIST AREA */
    .pl-item-title {
        width: 180px;
    }
    
    /* TOPIC SIDEBAR */
    .topic-list-content--title {
        width: 240px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    /* LATEST PRODUCT AREA */
    .latest-products-metadata-content .sales {
        float: none;
        display: block;
        margin-top: 10px;
    }
    .latest-products-metadata-content .action-btns a.btn {
        float: none;
        margin-top: 20px;
    }
    .lp-price-tag {
        float: left;
        width: 120px;
        margin-top: 5px;
    }
    
    /* MORE PRODUCT AREA */
    span.mp-item-meta-tag {
        max-width: 50px;
    }
}

/* 1-2 MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HEADER NAV AREA */
    .header-navbar .navbar-header {
        float: none;
        margin-right: -15px;
        margin-left: 0;
    }
    .header-navbar .navbar-toggle {
        display: block;
    }
    .header-navbar .nav-logo {
        margin-top: 4px;
        display: inline-block;
    }
    #navbar {
        display: none !important;
        float: none !important;
    }
    #navbar.collapse.in {
        display: block!important;
        position: absolute;
        left: 0;
        right: 0;
        height: 350px !important;
        overflow: auto !important;
        background-color: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,.28);
        z-index: -1;
    }
    #navbar > .nav {
        float: none;
        margin: 0;
        padding: 0;
    }
    #navbar > .nav {
        float: none;
    }
    #navbar > .nav > li {
        float: none;
    }
    #navbar > .nav > li > a {
        padding: 15px 30px 11px;
    }
    #navbar > .nav > li.dropdown > .dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0 0 30px;
        box-shadow: none;
    }
    #navbar > .nav > li.dropdown:hover > .dropdown-menu {
        display: none;
    }
    #navbar > .nav > li.dropdown.open:hover > .dropdown-menu {
        display: block;
    }
    #navbar > .nav > li.dropdown > .dropdown-menu > li > a {
        padding: 15px 30px 11px;
    }
    #navbar .dropdown-menu.megamenu {
        top: 0;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    #header.sticky #navbar .dropdown-menu.megamenu {
        top: 0;
    }
    #navbar .megamenu .container {
        padding: 0;
        width: auto;
    }
    #navbar .megamenu-content {
        box-shadow: none;
    }
    #navbar .megamenu-content > .row > div {
        padding: 0;
    }

    #navbar .megamenu-content > .row {
        margin: 0;
    }
    #navbar .megamenu a {
        padding-left: 30px;
    }
    
    /* SERVICE AREA */
    .about-content-holder {
        margin-bottom: 40px;
    }
    .service-item:nth-last-child(2),
    .service-item:nth-last-child(3) {
        margin-bottom: 40px;
    }
    
    /* SKILLS AREA */
    .skill-video {
        position: relative;
        width: 100%;
        height: 645px;
    }

    .skills-description {
        padding-left: 0;
        padding-right: 0;
        width: 720px;
        margin: 0 auto;
        float: none !important;
    }
    
    .skills-progress-bars {
        margin-top: 40px;
    }
    
    /* LATEST PRODUCTS AREA */
    .latest-product-item img {
        width: 100%;
    }
    .latest-products-metadata {
        margin-top: 15px;
    }
    .lpp-items {
        display: none !important;
    }
    .twitter-feed-content {
        height: auto;
        margin-top: 30px;
    }
    
    /* SUBSCRIBE FROM */
    #subscribeForm {
        margin-bottom: 20px;
    }
    #subscribeFormInput {
        margin-bottom: 20px;
    }
    #subscribeForm button.btn {
        display: block;
        margin: 0 auto;
    }
    #subscribe h2 {
        margin-bottom: 20px;
    }
    #subscribe h2, #subscribeForm {
        text-align: center;
    }
    
    /* MORE PRODUCTS AREA */
    .mp-item-img {
        max-height: none;
    }
    .mp-item-img img {
        width: 100%;
    }
    
    /* FEEDBACK ITEMS */
    .feedback-slider {
        margin-bottom: 140px;
    }
    
    /* BLOG AREA */
    .blog-item {
        margin-bottom: 50px;
    }
    .blog-item-content h2 {
        margin-top: 20px;
    }
    
    /* BLOG SIDEBAR AREA */
    .blog-page--content + .blog-page--sidebar {
        margin-top: 30px;
        padding-top: 30px;
    }
    .blog-page--content + .blog-page--sidebar:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: #e9e9e9;
    }
    
    .blog-page--sidebar + .blog-page--content {
        margin-top: 30px;
        padding-top: 30px;
    }
    .blog-page--sidebar + .blog-page--content:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: #e9e9e9;
    }
    
    /* BLOG DETAILS */
    .blog-item-post-meta--social {
        float: none;
        margin-top: 15px;
    }
    .blog-item-post-meta--social ul li {
        margin-left: 0;
        margin-right: 20px;
    }
    
    /* FOOTER AREA */
    .footer-about {
        margin-bottom: 40px;
    }
    
    /* MARGINS */
    .mb-sm-30 {
        margin-bottom: 30px;
    }
    .mb-sm-100 {
        margin-bottom: 100px;
    }
    
    /* PRICING TABLE AREA */
    .pricing-table--item:nth-last-child(1),
    .pricing-table--item:nth-last-child(2) {
        margin-bottom: 0;
    }

    .pricing-table--item {
        margin-bottom: 30px;
    }
    
    /* ABOUT DETAILS */
    .about-details--content {
        margin: 0 0 50px;
    }
    #aboutDetails > .container > .row {
        display: block;
        height: auto;
    }
    #aboutDetails > .container > .row > div {
        float: none;
        display: block;
    }

    /* Process Area */
    .process--item {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .process--item:before {
        top: 100%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
            -ms-transform: translate(-50%, -50%) rotate(90deg);
                transform: translate(-50%, -50%) rotate(90deg);
    }
    
    .process--item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    /* TOPIC SIDEBAR */
    .topic--sidebar {
        margin-top: 30px;
    }
    
    /* COLOR SWITCHER */
    #open-switcher,
    #close-switcher,
    #switcher-color {
        display: none;
    }
    
    /* FANCYBOX */
    .fancybox-youtube-video {
        width: 90% !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .fancybox-youtube-video .fancybox-inner {
        width: 100% !important;
    }
}

/* 1-3 SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* HEADER AREA */
    .header-logo {
        text-align: center;
    }

    /* SKILLS AREA */
    .skills-description {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* COUNTER AREA */
    .counter-holder {
        margin-bottom: 50px;
    }
    .counter-holder:nth-child(3),
    .counter-holder:nth-child(4) {
        margin-bottom: 0;
    }
    
    /* BACK TO TOP BUTTON */
    .back-to-top {
        right: 15px;
        bottom: 15px;
    }
    
    /* FOOTER AREA */
    #footerSubscribeForm {
        margin-bottom: 40px;
    }
    
    /* PRICING TABLE AREA */
    .pricing-table--item:nth-last-child(2) {
        margin-bottom: 30px;
    }
    
    /* PRODUCT LIST AREA */
    .pl-item-details {
        display: none;
    }
    .pl-item-sold {
        padding-left: 50px;
    }
    
    /* TOPIC LIST */
    .topic-list-content--title {
        width: 80%;
    }
    .topic-list-content--stats {
        float: right;
        margin-top: 15px;
        margin-right: 30px;
    }
    .topic-list-content--stats p:first-child {
        margin-left: 0;
    }
    
    .topic-list-content--meta {
        float: none;
        width: auto;
        margin: 70px 18px 0;
    }
    .topic-list-content--meta a.avater {
        width: 32px;
    }
    
    /* CONTACT AREA */
    .contact-address {
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 481px) {
    /* COUNTER AREA */
    .clients-slider .owl-wrapper {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
}

/* 1-4 SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* BANNER AREA */
    .banner-content .heading {
        font-size: 50px;
    }
    
    /* SUBSCRIBE FROM */
    #subscribeFormInput {
        min-width: auto;
        width: 100%;
    }
    #subscribeForm button.btn {
        width: 100%;
    }
    
    /* COUNTER AREA */
    #counter > .container > .row > div {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    #counter > .container > .row > div:last-child {
        margin-bottom: 0;
    }

    /* MORE PRODUCTS AREA */
    .mp-item-meta > span:nth-child(3) {
        border-right: 1px solid #e9e9e9;
    }
    span.mp-item-meta-favorite {
        display: none;
    }
    
    /* PRODUCT LIST */
    .pl-tab-nav li {
        display: block;
        width: auto;
    }
    .pl-tab-nav li a:before {
        display: none;
    }
    
    .pl-item-thumb {
        padding-right: 22%;
    }
    .pl-item-details {
        display: none;
    }

    /* FEEDBACK ITEMS */
    .clients-holder:before,
    .clients-holder:after {
        display: none;
    }
    .clients-slider .owl-wrapper-outer {
        overflow: hidden;
    }
    .clients-slider .owl-item {
        margin-right: 0;
    }
    
    /* TEAM AREA */
    .team-item .overlay blockquote {
        font-size: 14px;
    }
    .team-item .overlay blockquote p:before {
        top: -20px;
        left: -40px;
    }
    .team-item .overlay blockquote p:after {
        bottom: -20px;
    }
    
    /* CALL TO ACTION AREA */
    .call-to-action--content {
        float: none;
        margin: 0 0 30px;
        text-align: center;
    }
    
    .call-to-action--btn {
        float: none;
        text-align: center;
    }
    
    /* PRODUCT LIST AREA */
    .pl-item-sold {
        display: none;
    }
    
    /* TOPIC LIST */
    .topic-list-content--title {
        width: 70%;
    }
}

/* 1-5 CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    /* BANNER AREA */
    .banner-content .heading {
        font-size: 45px;
    }
}