/*Responsive styles */


/*#region Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}

/*#endregion Large devices (large desktops, 1200px and up) */


/*#region Large devices (large desktops, max 1200px ) */

@media (max-width: 1200px) {
    /*Icon boxes */
    /*	.services-box.style1 span { font-size: 20px; padding: 20px; }
	.services-box.style1 h3 { margin-top: 9px; margin-bottom: 20px; }
	.services-box.style1 p { margin-top: 20px; }*/
}

/*#endregion Large devices (large desktops, max 1200px ) */


/*#region Medium devices (desktops, 992px and up) */

@media (min-width: 992px) and ( max-width: 1200px) {
    /* Sliding Panel */
    #panel div {
        // text-align: center;
    }
    #panel ul.info-left {
        // display: inline-block;
        // margin-bottom: 10px;
    }
    #panel ul.info-right {
        // display: inline-block;
        // margin-bottom: 10px;
    }
}

/*#endregion Medium devices (desktops, 992px and up) */

@media (max-width:992px) {
    /*Icon boxes*/
    .services-box.style1,
    .services-box.style4 {
        text-align: center;
    }
    .services-box.style1 > span,
    .services-box.style4 > span {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
    }
    .services-box.style1 > h3,
    .services-box.style4 > h3 {
        display: block;
        float: none;
        margin: 0 0 20px;
        padding-left: 0;
        font-size: 16px;
    }
    /* PORTFOLIO */
    .zn-portfolio-filters > ul {
        text-align: center;
    }
    /* TIMELINE BLOG */
    .blog-post.blog-post.archive_timeline .zn_timeline_date {
        left: 0;
        top: -45px;
    }
    .blog-post.archive_timeline {
        margin-bottom: 75px;
    }
}

/*#region Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 992px) {
    /*Portfolio */
    .zn_portfolio_all .portfolio_item_container {
        width: 50%;
    }
    /*Testimonials list*/
    .zn_testimonials_list .item {
        width: 50%;
    }
}

/*#endregion end Small devices (tablets, 768px and up) */


/*#region Extra small devices (Phones) */


/* Max Width 768px */

@media (max-width: 768px) {
    .admin-bar header#header {
        margin-top: 46px;
    }
    /* Slidin Panel */
    .slide span {
        right: 50%;
        margin-right: -10px;
    }
    #panel {
        padding: 15px 0;
    }
    #panel ul.info-left li {
        float: none;
        border-right: none;
        margin-right: 0;
    }
    #panel ul {
        display: inline-block;
    }
    #panel .row > div {
        text-align: center;
        width: 100%;
    }
    /*Portfolio*/
    .zn_portfolio_all .zn_forced_container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .zn_portfolio_all .section-title,
    .zn_portfolio_all .section-subtitle {
        text-align: center;
    }
    /* NEWS BAR */
    .news-header {
        min-height: 70px;
    }
    #sub-header {
        text-align: center;
    }
    #sub-header .breakingnews-date,
    #sub-header .breakingnews-date {
        display: inline-block;
        float: none;
    }
    /*Testimonial box*/
    .zn-testimonial-box .feedback-box img {
        float: none;
        margin: 0 auto 20px;
    }
    .zn-testimonial-box .feedback-box > span {
        left: 35px;
    }
    .zn-testimonial-box .feedback-box blockquote {
        margin-left: 0;
    }
    /* CALL TO ACTION */
    .zn_callToAction {
        text-align: center;
    }
    .zn_callToAction.left .cta-image {
        float: none;
        display: inline-block;
    }
    /*Latest posts slider 2*/
    .news-small .imgCol,
    .news-small .postCol,
    .news-small.style2 .imgCol,
    .news-small.style2 .postCol {
        float: none;
        width: initial;
    }
    .news-small.style2 .imgCol {
        padding-right: 0;
        padding-left: 15px;
    }
    .news-small .news-small-post,
    .news-small.style2 .news-small-post {
        padding: 20px 5px 10px 5px;
    }
    .news-small .item {
        text-align: center;
    }
    .news-small .item img {
        margin: auto;
    }
    /* WOOCOMMERCE */
    .woocommerce .zn_shop_columns4 .products li,
    .woocommerce.columns-4 .products li,
    .woocommerce .cross-sells ul.products li {
        width: 50%;
    }
    .woocommerce .shop_table .product-thumbnail {
        display: none;
    }
    .woocommerce .shop_table .actions > input.button {
        clear: both;
        float: left;
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
    }
    .woocommerce .shop_table td {
        padding: 10px;
    }
    .woocommerce .checkout .col2-set .col-1,
    .woocommerce .checkout .col2-set .col-2,
    .woocommerce .col2-set.addresses > div {
        width: 100%;
    }
    .sidebar_left {
        float: none;
    }
    /*Testimonials list*/
    .zn_testimonials_list .item {
        width: 100%;
    }
    .zn_testimonials_list .item img {
        margin-bottom: 15px;
    }
    /*Pricing table box*/
    .pricing-table.scale-hover:hover,
    .pricing-table.highlight {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        width: 100%;
        margin-left: 0;
        margin-top: 6px;
        position: relative;
        z-index: 1;
        margin-bottom: 24px
    }
}

/*#endregion Extra small devices (Phones) Max Width 768px */

@media (max-width: 767px) {
    /*Shop banner*/
    .zn_shop_banner .banners {
        display: none;
    }
    .zn_shop_banner .zn_shop_banner_inner h2.shop-title {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px !important;
    }
    .zn_shop_banner .zn_shop_banner_inner h3.shop-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px !important;
    }
}
@media (max-width: 480px) {
    /* LOGO */
    #logo img {
        max-width: 175px;
        height: auto;
    }
    /* Text box style 4 */
    .zn_textbox.style4 {
        padding: 70px 15px;
    }
}

/*#region Max Width 320px */

@media (max-width: 320px) {
    /* InfoCard */
    .logo-container #infocard {
        max-width: 290px;
    }
    /*Portfolio*/
    .zn-portfolio-filters ul li {
        display: block;
        border: 0;
    }
    .zn-portfolio-filters ul li a.filter-item {
        width: 100%;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .zn-team-members .section-title {
        margin-bottom: 55px;
        padding-right: 0;
    }
    /* FOOTER */
    #footer .footer_widgets .zn_footer_widget_container {
        width: 100%;
        float: none;
    }
    .header-breadcrumb {
        text-align: center;
    }
    .header-breadcrumb .zn-td {
        display: block;
    }
    /* TEXT BOX */
    .zn_textbox.style4 {
        padding: 70px 15px;
    }
    /* WOOCOMMERCE */
    .woocommerce .commentlist .comment_container {
        text-align: center;
    }
    .woocommerce .commentlist .comment_container .comment-text {
        text-align: left;
    }
    .woocommerce .commentlist .comment_container img {
        float: none;
    }
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce .cart-collaterals .shipping_calculator {
        width: 100%;
    }
    .woocommerce select.country_to_state {
        width: 100%;
    }
    .product-quantity,
    .product-price {
        display: none;
    }
    .coupon input.button {
        width: 100%;
        margin-top: 10px;
    }
    .woocommerce .zn_shop_columns3 .products li,
    .woocommerce.columns-3 .products li {
        width: 100%;
    }
    /*Shop banner*/
    .zn_shop_banner .zn_sb_inner_content {
        top: 0;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        text-align: center;
    }
    .zn_shop_banner .zn_shop_banner_inner {
        position: relative;
    }
    /*Comming soon page*/
    .zn_coming_soon_page #countdown span {
        font-size: 20px;
        padding: 15px;
    }
    .zn_coming_soon_page #countdown ul li {
        margin-right: 15px;
    }
    .zn_coming_soon_page #countdown {
        margin-top: 40px;
    }
    .zn_coming_soon_page .count-widget ul {
        margin-bottom: 30px;
    }
}

/*#endregion Max Width 320px */
