/**
 * 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) {
.main-container, .vc_row-fluid.main-container { width: 940px; }
.content-area { width: 660px; }
#sidebar { width: 240px; }
}
/* ===== Media Query 3 ===== */
@media (min-width: 992px) {
/*layout*/
.main-container, .vc_row-fluid.main-container { width: 940px; }
.content-area { width: 660px; }
#sidebar { width: 240px; }
}
/* ===== Media Query 4 ===== */
@media (min-width: 768px) and (max-width: 991px) {
.main-container, .vc_row-fluid.main-container { width: 700px; }
.content-area { width: 510px; }
#sidebar { width: 160px; }
/*menu*/
.sf-sub-indicator { display: none; }
#main-menu { display:none; }
.slicknav_menu { display:block; }
#header, #header-secondary { padding: 20px 0 !important; }
}
/* ===== Media Query 5 ===== */
@media (max-width: 767px) {
.main-container, .vc_row-fluid.main-container { width: 80%; }
.content-area { width: 100%; float: none; }
#sidebar { width: 100%; float: none; }
.topbar-right, .header-right { float: none; width: 100%; text-align: center; }
.topbar-left, .header-left { float: none; width: 100%; text-align: center; }
/*menu*/
.sf-sub-indicator { display: none; }
#main-menu { display:none; }
.slicknav_menu { display:block; }
.logo { text-align: center; margin-bottom: 10px; display: block; float: none !important; }
.logo a { display: inline-block; }
.header-wiget-area { float: none; width: 100%; margin: 0 0 10px 0; }
.social li { float: none; display: inline !important; }
#topbar { padding: 10px; }
.topbar-info { margin: 0 0 10px 0; }
.contact-info li { margin: 0 10px; }
.secondary-menu li { display: inline; margin: 0 5px; }
.secondary-menu, .topbar-info { float: none; }
#search-icon { width: 35px; margin: 0 auto !important; float: none; }
.header-search-wrapper input[type="text"], .header-search-wrapper input[type="search"] { padding: 20px 30px 20px 0; }
.header-search-form input[type="text"] { font-size: 18px; }
.search-close-icon { right: 0; top: 20px !important; }
#header { padding: 20px 0 !important; }
#page-header { text-align: center; }
.page-title { float: none; }
/* breadrcrumb */
.breadcrumbs { float: none; text-align: center; margin-top: 15px !important; }
.portfolio-grid-2col .portfolio-item, .portfolio-grid-3col .portfolio-item, .portfolio-grid-4col .portfolio-item, .portfolio-grid-5col .portfolio-item { width: 100% !important; float: none !important; display: block; }
#sidebar { margin-top: 30px !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 8px; }
.cta-button .mybtn { float: none; margin: 10px 0 0 0; }
.cta-content { float: none; width: 100%; }
.cta-button { float: none; width: 100%; }
.pricing { margin-bottom: 20px !important; }
.featured-table.pricing { margin-top: 0; }
.post-content-left { float: none; width: 100%; padding-right: 0; }
.post-content-right { float: none; width: 100%; }
.feature-icon, .team, .testimonial { margin-bottom: 20px !important; }
.form-wrapper input[type="email"] { width: 100% !important;  }
.form-wrapper input[type="submit"] { width: 100%; margin: 20px 0 0 0; position: relative; }
.testimonial .testimonial-content { padding-left: 0; margin-top: 40px;}
.line-right, .line-bottom { display: none; }
}
/* ===== Media Query 6 ===== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* ===== Media Query 7 ===== */
@media only screen and (max-width: 479px) {
}