/**
 * Stylesheet for media queries
 *
 */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* ===== Media Query 1 ===== */
@media (min-width: 1200px) {
}

/* ===== Media Query 2 ===== */
@media (min-width: 980px) and (max-width: 1199px) {
/*layout*/
.main-container, .vc_row-fluid.main-container { width: 940px; }
.content-area { width: 660px; float: left; }
#sidebar { width: 240px; float: right; }
.boxed-layout #wrapper, .boxed-layout #header { width: 980px; }
#content-wrapper.left-sidebar .content-area { float: right; }
#content-wrapper.left-sidebar #sidebar { float: left; }
.boxed-layout.main-container { width: auto !important; padding-left: 20px; padding-right: 20px; }
}

/* ===== Media Query 3 ===== */
@media (min-width: 992px) {
/*layout*/
.main-container, .vc_row-fluid.main-container { width: 940px; }
.content-area { width: 660px; float: left; }
#sidebar { width: 240px; float: right; }
.boxed-layout #wrapper, .boxed-layout #header { width: 980px; }
#content-wrapper.left-sidebar .content-area { float: right; }
#content-wrapper.left-sidebar #sidebar { float: left; }
.boxed-layout.main-container { width: auto !important; padding-left: 20px; padding-right: 20px; }
}

/* ===== Media Query 4 ===== */
@media (min-width: 768px) and (max-width: 991px) {
/*layout*/
.main-container, .vc_row-fluid.main-container { width: 700px; }
.content-area { width: 510px; float: left; }
#sidebar { width: 160px; float: right; }
.boxed-layout #wrapper, .boxed-layout #header { width: 720px; }
#content-wrapper.left-sidebar .content-area { float: right; }
#content-wrapper.left-sidebar #sidebar { float: left; }
.boxed-layout.main-container { width: auto !important; padding-left: 10px; padding-right: 10px; }
}




/* ===== Media Query 5 ===== */
@media (max-width: 767px) {
.list-pricing.th-list { padding-top: 0 !important; }
.logo a { display: inline-block; }
.social-share-box { margin-top: 10px; }
/*menu*/
.sf-sub-indicator { display: none; }
#menu { display:none; }
.slicknav_menu { display:block; }
/*layout*/
.main-container, .vc_row-fluid.main-container { width: 90%; }
.content-area { width: 100%; float: none; }
#sidebar { width: 100%; float: none; }
.boxed-layout #wrapper, .boxed-layout #header { width: 90%; min-width: 240px; }
#content-wrapper.left-sidebar .content-area { float: none; }
#content-wrapper.left-sidebar #sidebar { float: none; }
.boxed-layout.main-container { width: auto !important; padding-left: 5%; padding-right: 5%; }
/*topbar*/
.topbar-right, .topbar-left { float: none; width: 100%; }
.topbar-divider, .topbar-info .topbar-info-icon { display: none; }
.secondary-menu { width: 100%; float: none; text-align: center; }
.secondary-menu li { margin: 0 5px; }
.topbar-info { float: none; text-align: center; }
#topbar .social { float: none; width: 100%; text-align: center; }
.social li { float: none; }
.header-wiget-area, #header-v2 .header-wiget-area { float: none !important; width: 100%; display: block; margin-right: 0; text-align: center; }
.header-search, #header-v2 .header-search { float: none; margin: 0 auto; }
.header-search-form { position: absolute; top: 100%; left: -90px; margin-top: 0; }
#header-v2 .header-search-form { position: absolute; top: 100%; left: -90px; margin-top: 9px; }
.page-header-v2 h1 { float: none;}
.page-header-v2 .breadcrumbs { float: none; width: 100% !important; text-align: center; display: block;}
/*Disable if need cart icon in header*/
.header-right, .header-left { float: none; width: 100%; text-align: center; }
.shop-cart-contents-icon { display: none; }
/*portfolio*/
.portfolio-grid-2col .portfolio-item, .portfolio-grid-3col .portfolio-item, .portfolio-grid-4col .portfolio-item { width: 100% !important; float: none !important; display: block; }
.post-nav-previous, .post-nav-next { width: 100%; }
.post-nav-previous { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e4e4e4; }
#sidebar { margin-top: 30px !important; }
#content-main { padding-bottom: 30px !important; }
.feature-boxed { margin-top: 40px !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 8px; }
#header-v2 .header-search { margin-bottom: 10px; }
}
/* ===== Media Query 6 ===== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* ===== Media Query 7 ===== */
@media only screen and (max-width: 479px) {
}