/**
 * Stylesheet for media queries
 *
 */
/* ===== 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: 768px) and (max-width: 991px) {
.main-container, .vc_row-fluid.main-container { width: 700px; }
.content-area { width: 510px; }
#sidebar { width: 160px; }
.logo { text-align: center; margin-bottom: 20px; margin-top: 0 !important; display: inline-block; float: none !important; }
.header-right, .header-left { display: block; float: none; width: 100%; text-align: center; }
#header { padding: 20px 0 0 0; }
.header-right { margin-top: 10px; }
.header-text { float: left; }
.header-search { float: right; }
.page-title-wrapper { width: 70%; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 8px; }
.cta-left, .cta-right { float: none; width: 100%; }
.cta-right .mybtn, .cta-left .mybtn { float: none; margin: 10px 0 0 0; }
.field-col2, .field-col2-last, .field-col3, .field-col3-last, .field-col4, .field-col4-last { width: 100%; margin-right: 0; margin-bottom: 5px; float: none; }
.feature-icon.icwrap-box { border: 0 !important; }
#footer .col-md-6 .col-md-6, #footer .col-md-4 .col-md-6, #footer .col-md-3 .col-md-6 { width: 100%; }
.sf-sub-indicator { display: none; }
.main-navigation { display:none; }
.slicknav_menu { display:block; }
}
/* ===== Media Query 4 ===== */
@media (max-width: 767px) {
.main-container, .vc_row-fluid.main-container { width: 85%; }
.content-area { width: 100%; float: none; }
#sidebar { width: 100%; float: none; margin-top: 30px !important; }
#content-wrapper.left-sidebar #sidebar { margin-bottom: 30px; }
.logo { text-align: center; margin-bottom: 20px; margin-top: 0 !important; display: inline-block; float: none !important; }
#topbar { padding-bottom: 10px; }
#header { padding: 20px 0; }
#header-v2 #header, #header-v3 #header { padding-bottom: 0; }
.topbar-2col li, .topbar-3col li, .topbar-4col li { width: 100%; padding-right: 0; padding-bottom: 15px; text-align: center; }
.topbar-icon-list li { text-align: center; float: none; padding: 0 0 15px 0; }
.topbar-icon-list i { display: none; }
.header-search { display: block; float: none; width: 240px; margin: 0 auto; padding: 0; }
.topbar-right, .header-right, .topbar-left, .header-left, .topbar-text, .header-text { display: block; float: none; width: 100%; text-align: center; padding: 0; margin: 0; }
.topbar-text, .header-text, .header-wiget-area { margin-bottom: 20px; }
#header-v1 .topbar-text, #header-v2 .header-wiget-area { margin-bottom: 0; }
.list-separator, .list-separator.list-left, .list-separator.list-right, .list-inline, .list-inline.list-left, .list-inline.list-right { text-align:center; }
.list-inline.list-left li, .list-inline.list-right li { margin: 0 10px; padding: 0; }
.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; padding: 0 0 30px 0; }
.filter_nav li a { margin-bottom: 10px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 8px; }
.cta-left, .cta-right { float: none; width: 100%; }
.cta-right .mybtn, .cta-left .mybtn { float: none; margin: 10px 0 0 0; }
.pricing { margin-bottom: 20px !important; }
.featured-table.pricing { margin-top: 0; }
.field-col2, .field-col2-last, .field-col3, .field-col3-last, .field-col4, .field-col4-last { width: 100%; margin-right: 0; margin-bottom: 5px; float: none; }
.feature-icon.icwrap-box { border: 0 !important; }
.wpb_custom_element { margin: 10px 0; }
#page-header { text-align: center; }
.page-title { font-size: 20px; float: none; margin: 0; }
.breadcrumbs { float: none; text-align: center; margin-top: 15px !important; }
#copyright, #copyright .col-md-6:nth-child(2) { text-align: center; margin-top: 10px; }
#copyright .col-md-6:nth-child(2) .social { float: none; }
.recentpost-carousel { margin-top: 55px; }
.tcsn-theme .owl-prev, .tcsn-theme .owl-next { left: 50%; top: -52px; margin-left: -51px; margin-top: 0; }
.tcsn-theme .owl-next { right: 50%; margin-right: -51px; left: auto; }
.sf-sub-indicator { display: none; }
.main-navigation { display:none; }
.slicknav_menu { display:block; }
}
/* ===== Media Query 5 ===== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.main-container, .vc_row-fluid.main-container { width: 85%; }
.content-area { width: 100%; float: none; }
#sidebar { width: 100%; float: none; margin-top: 30px !important; }
#content-wrapper.left-sidebar #sidebar { margin-bottom: 30px; }
.logo { text-align: center; margin-bottom: 20px; margin-top: 0 !important; display: inline-block; float: none !important; }
#topbar { padding-bottom: 10px; }
#header { padding: 20px 0; }
#header-v2 #header, #header-v3 #header { padding-bottom: 0; }
.topbar-2col li, .topbar-3col li, .topbar-4col li { width: 100%; padding-right: 0; padding-bottom: 15px; text-align: center; }
.topbar-icon-list li { text-align: center; float: none; padding: 0 0 15px 0; }
.topbar-icon-list i { display: none; }
.header-search { display: block; float: none; width: 240px; margin: 0 auto; padding: 0; }
.topbar-right, .header-right, .topbar-left, .header-left, .topbar-text, .header-text { display: block; float: none; width: 100%; text-align: center; padding: 0; margin: 0; }
.topbar-text, .header-text, .header-wiget-area { margin-bottom: 20px; }
#header-v1 .topbar-text, #header-v2 .header-wiget-area { margin-bottom: 0; }
.list-separator, .list-separator.list-left, .list-separator.list-right, .list-inline, .list-inline.list-left, .list-inline.list-right { text-align:center; }
.list-inline.list-left li, .list-inline.list-right li { margin: 0 10px; padding: 0; }
.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; padding: 0 0 30px 0; }
.filter_nav li a { margin-bottom: 10px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 8px; }
.cta-left, .cta-right { float: none; width: 100%; }
.cta-right .mybtn, .cta-left .mybtn { float: none; margin: 10px 0 0 0; }
.pricing { margin-bottom: 20px !important; }
.featured-table.pricing { margin-top: 0; }
.field-col2, .field-col2-last, .field-col3, .field-col3-last, .field-col4, .field-col4-last { width: 100%; margin-right: 0; margin-bottom: 5px; float: none; }
.feature-icon.icwrap-box { border: 0 !important; }
.wpb_custom_element { margin: 10px 0; }
#page-header { text-align: center; }
.page-title-wrapper { float: none; width: 100%; }
.social-share { float: none; margin-top: 20px; margin-left: auto; margin-right: auto; }
.page-title { font-size: 20px; float: none; margin: 0; }
.breadcrumbs { float: none; text-align: center; margin-top: 15px !important; }
#copyright, #copyright .col-md-6:nth-child(2) { text-align: center; margin-top: 10px; }
#copyright .col-md-6:nth-child(2) .social { float: none; }
.recentpost-carousel { margin-top: 55px; }
.tcsn-theme .owl-prev, .tcsn-theme .owl-next { left: 50%; top: -52px; margin-left: -51px; margin-top: 0; }
.tcsn-theme .owl-next { right: 50%; margin-right: -51px; left: auto; }
.sf-sub-indicator { display: none; }
.main-navigation { display:none; }
.slicknav_menu { display:block; }
}
/* ===== Media Query 6 ===== */
@media only screen and (max-width: 479px) {
.list-separator, .list-separator.list-left, .list-separator.list-right, .list-inline, .list-inline.list-left, .list-inline.list-right { text-align:center; }
.list-inline.list-left li, .list-inline.list-right li, .list-separator.list-left li, .list-separator.list-right li { text-align:center; display: block !important; margin: 0 0 10px 0; border: 0 !important; padding: 0; }
.page-title-wrapper { float: none; width: 100%; }
.social-share { float: none; margin-top: 20px; margin-left: auto; margin-right: auto; }
.sf-sub-indicator { display: none; }
.main-navigation { display:none; }
.slicknav_menu { display:block; }
}