/**handles:media-queries**/
/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/

@media screen and (max-width: 1170px) {
    .inner-wrap { width: 92% }
    .slider-wrap .inner-wrap { width: 100% }
    .portfolio-meta { width: 27% }
    .single-portfolio_item .entry-content { width: 70% }
    .single .share { padding-left: 0 }
    .single .share a { margin: 0 15px 0 0 }
    .post_author { padding-left: 0 }
    .footer-widgets .column { width: 22%; margin-right: 3%; }
    .footer-widgets .widget_wpzoom-instagram li img { width: 64px }
}

@media screen and (max-width: 1040px) {
    .recent-posts { width: 100% }
}

@media screen and (max-width: 1024px) {
    #slider .slides { height: 450px }
    #slider .slides > li { height: 450px }
    .slide-content h3 { font-size: 26px }
    .single .share a { font-size: 14px; padding: 5px 10px; }
    .widget .feature-posts-list li h3 { font-size: 18px }
    .footer-widgets.widget-columns-4 .column { width: 48%; margin-right: 4%; }
    .footer-widgets .widget_wpzoom-instagram li { margin-right: 12px }
    .footer-widgets .widget_wpzoom-instagram li img { width: 80px }
    .footer-widgets .column { width: 48%; margin-right: 4%; }
    .footer-widgets .column:nth-child(2n+2) { margin-right: 0 }
}

@media (min-width: 980px) {
    #menu-top-slide { display: none !important }
    #menu-main-slide { display: none !important }
}

@media screen and (max-width: 979px) {
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }
    #navbar-top, #navbar-main, #header #menu-main-slide { display: none }
    .navbar-toggle { display: block }
}

@media screen and (max-width: 860px) {
    #slider .slides { height: 350px }
    #slider .slides > li { height: 350px }
    .slide-content h3 { font-size: 20px }
    .single .share a { clear: both; margin: 0 0 15px; }
    .single .share a:after { content: " "; display: table; }
    h3.entry-title, h1.entry-title { font-size: 26px }
    .post-wrap, .entry-body { max-width: 100% }
    #heading span.description { max-width: 100% }
    .home_widgets .home_column.last { margin: 0; padding: 0; border: none; }
    .portfolio-meta { width: 100%; margin-bottom: 30px; }
    .portfolio-meta > span { width: 30%; float: left; margin-left: 5%; }
    .portfolio-meta > span:first-child { margin-left: 0 }
    .single-portfolio_item .entry-content { width: 100% }
}

@media screen and (max-width: 768px) {
    .featured_page_content .post-content { font-size: 14px }
    .home_widgets.three-cols .widget h3.title { font-size: 16px }
    .portfolio_item h3 { font-size: 16px }
    .portfolio_item .post-thumb:hover .item_overlay { display: none }
    .portfolio_item { width: 48%; margin: 0 3% 40px 0; }
    .portfolio-posts .portfolio_item:nth-child(3n+3) { margin-right: 3% }
    .portfolio-posts .portfolio_item:nth-child(2n+2) { margin-right: 0 }
    .portfolio-main .portfolio_item { width: 48%; margin: 0 1% 40px 1%; }
    .portfolio-sidebar { text-align: left }
    .portfolio-sidebar .portfolio-taxonomies .cat-item { margin-right: 10px }
    #respond input { width: 100% }
    .form-allowed-tags { display: none }
    .site-info .copyright, .site-info .designed-by { width: 100%; float: none; text-align: left; }
    .site-info .designed-by { float: none; text-align: left; }
}

@media screen and (max-width: 640px) {
    #slider .slides { height: 250px }
    #slider .slides > li { height: 250px }
    .slide-content h3 { font-size: 14px }
    #slider .flex-direction-nav .flex-prev:after, #slider .flex-direction-nav .flex-next:after { font-size: 16px; padding: 10px 8px; }
    .slide-content .slide_button a { font-size: 10px }
    .page-header.has-post-cover h1.archive-title, .page-header.has-post-cover h2.archive-title { font-size: 24px }
    .page-header p { font-size: 14px }
    .page-header.has-post-cover p { font-size: 14px }
    .page-header { padding: 25px 0 }
    .page-header h1.archive-title, .page-header h2.archive-title { font-size: 24px }
    .page-header.has-post-cover { padding: 40px 0 }
    div.navigation { font-size: 12px }
    div.navigation a { padding: 0 6px }
    div.navigation span.current { border: none; padding: 0 6px; color: #ff671b; }
    div.navigation .prev, div.navigation .next { padding: 0; border: none; font-weight: normal; letter-spacing: 0; }
    div.navigation .prev:hover, div.navigation .next:hover { background-color: #fff; color: #ff671b; }
    .entry-meta { font-size: 12px }
    .single .entry-meta span { display: block }
    .single-post .entry-meta { margin-bottom: 20px }
    .portfolio-sidebar a { font-size: 12px }
    .portfolio-sidebar { padding: 20px 0 }
    .single-portfolio_item .page-header.has-post-cover { padding: 80px 0 }
    .portfolio_item { width: 100%; margin: 0 0 40px 0; }
    .portfolio-posts .portfolio_item:nth-child(3n+3) { margin-right: 0 }
    .portfolio-posts .portfolio_item:nth-child(2n+2) { margin-right: 0 }
    .portfolio-main .portfolio_item { width: 100%; margin: 0 0 40px; }
    .home_widgets .widget .feature-posts-list small { display: block; width: 100%; float: none; margin: 0 0 10px; }
    #heading .action { font-size: 14px }
    .navbar-brand .tagline { display: none }
    .flex-control-nav { display: none }
    .navbar-brand img { max-width: 100%; height: auto; }
    .portfolio_item-nav .inner-wrap { height: 40px }
    .portfolio_item-nav .all_items { height: 40px }
    .portfolio_item-nav .all_items a { width: 21px; height: 20px; margin: 11px 16px; }
    .portfolio_item-next { height: 40px }
    .portfolio_item-next li { height: 40px; padding: 10px; }
    .footer-widgets.widget-columns-2 .column, .footer-widgets.widget-columns-3 .column, .footer-widgets.widget-columns-4 .column { width: 100% }
    .home_widgets .home_column { width: 100% !important; margin-right: 0; }
    .home_widgets .widget .feature-posts-list small { font-size: 12px; min-width: 124px; width: auto; padding-right: 10px; }
    .footer-widgets .column { width: 100%; float: none; margin-right: 0; }
    .portfolio-meta > span { width: 100%; float: none; margin-left: 0; }
    .site-info { font-size: 12px }
}