/*
Theme Name: Musical Vibe
Theme URI: https://wenthemes.com/item/wordpress-themes/musical-vibe/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Musical Vibe is a clean, simple and responsive WordPress theme. It is very suitable for musicians and other music related groups and musical bands. It is easy to use, user friendly and allows you to fully customize your website without having to work with code. The theme is attractive and pretty stylish which makes it a excellent choice for music related websites. It provides several useful features and theme options to customize your site as your requirement. Theme is translation ready and optimized for best performance. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=musical-vibe
Version: 2.0.3
Requires at least: 5.6
Tested up to:6.4
Requires PHP: 5.6
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: musical-vibe
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1. Normalize
2. Typography
3. Elements
4. Forms
5. Navigation
   5.1. Links
   5.2. Comment and Post Navigation
6. Accessibility
7. Alignments
8. Clearings
9. Content
    9.1. Posts and Pages
    9.2. Asides
    9.3. Comments
10. Infinite Scroll
11. Media
    11.1. Captions
    11.2. Galleries
12. Page
13. Header
    13.1. Top Head
    13.2. Main Header
    13.3. Main Menu
14. Main Slider
15. Main Content
16. Sidebar
   16.1. Layout Sidebar
17. Footer
    17.1. Colophon
    17.2. Footer Navigation
    17.3. Footer Widgets
    17.4. Scrollup
18. Inner Pages
    18.1. Custom Header
    18.2. Breadcrumb
    18.3. Error Page
    18.4. Contact Form 7
19. Widgets
    19.1. Social Links
    19.2. Service Widget
    19.3. Call To Action Widget
    19.4. Quick Contact Widget
    19.5. Testimonials Widget
    19.6. Recent Posts Widget
    19.7. Latest News Widget
    19.8. Features Widget
    19.9. Features Pages Grid Widget
    19.10. Team Widget
    19.11. Featured Page Widget
    19.12. Portfolio Widget
    19.13. News Block Widget
20. Custom WooCommerce
    20.1. WooCommercce Product Grid Widget
21. Media Queries

================================================================
========================= Style Ends =============================
=================================================================

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}



b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}


mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #818181;
    font-size: 14px;
    line-height: 1.5;
}

body {
	-webkit-font-smoothing: antialiased;
    font-family: "Rubik",sans-serif;
    color: #1b1b1b;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    word-wrap: break-word;
    overflow-x: hidden;

}

p {
    margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #323232;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}

h3{
    font-size: 25px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 5px solid #ffc300;
    margin: 0 0 15px;
    padding: 20px 15px 5px;
}
q {
    font-weight: bold;
    font-style: italic;
}
address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff; /* Fallback for when there is no custom background color defined. */
    word-wrap: break-word;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    table-layout: fixed;
}


td, th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/
button, a.button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    font-size: 13px;
    margin: 10px;
    padding: 17px 45px;
    color: #222;
    text-transform: uppercase;
    background: #ffc300;
    border: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #232323 ;
    border-color:transparent;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #888888;
    border: 1px solid #ddd;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px;
    width: 100%;
}
.form-submit input#submit {
    margin: 0;
}
/*--------------------------------------------------------------
5. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1. Links
--------------------------------------------------------------*/

a {
    color: #232323;
    text-decoration: inherit;
}

a:visited {
    color: #232323;
}

a:hover,
a:focus,
a:active {
    color: #ffc300;
}

a:focus {
    outline:inherit;
}

a:hover,
a:active {
    outline: 0;
}

.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button):not(.wp-block-button__link),
.ew-about a:not(.more-link):not(.button),
.widget_text a:not(.more-link):not(.button),
.comment-content a {
    text-decoration: underline;
}

.entry-content a:not(.more-link):not(.button):hover,
.entry-content a:not(.more-link):not(.button):focus,
.entry-summary a:not(.more-link):not(.button):hover,
.entry-summary a:not(.more-link):not(.button):focus,
.ew-about a:not(.more-link):not(.button):hover,
.ew-about a:not(.more-link):not(.button):focus,
.widget_text a:not(.more-link):not(.button):hover,
.widget_text a:not(.more-link):not(.button):focus,
.comment-content a:hover,
.comment-content a:focus {
    text-decoration: none;
}

/*--------------------------------------------------------------
5.2. Comment and Post Navigation
--------------------------------------------------------------*/


/*comment and post navigation*/

a.comment-reply-link {
    /* text-transform: uppercase; */
    font-weight: bold;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 30px 0;
    overflow: hidden;
    clear: both;
}

#infinite-handle{
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border:1px solid #179bd7;
    background: #179bd7;
    color: #fff;
}

#infinite-handle span {
    border:1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}

.post-title {
    font-size: 17px;
    margin-top: 15px;
}

.meta-nav {
    display: none;
}

.navigation .nav-links .nav-next{
    float: right;
    margin-bottom: 15px;

}

.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 15px;
}

.post-navigation a, .posts-navigation a {
    border: 2px solid #fbfbfb;
    padding: 6px 20px;
    background: #fff;
    display: block;
}

.navigation,
.pagination {
    margin-top: 15px;
}

.post-navigation .nav-links .nav-next a::after,
.posts-navigation  .nav-next a:after{
    content: "\f178";
    font-family: FontAwesome;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 100;
}

.post-navigation .nav-links .nav-previous a::before,
.posts-navigation  .nav-previous a:before {
    content: "\f177";
    font-family: FontAwesome;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 100;
}

.navigation.pagination {
    text-align: center;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 15px 25px;
    text-align: center;
    background-color: #191515;
    display: inline-block;
    margin: 0 3px;
    color: #fff;
}
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
    background: #ffc300  none repeat scroll 0 0;
    color: #222;
}

/*--------------------------------------------------------------
6. Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;/* It should be ablolute */
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important; /* It should be clip auto */
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7. Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 30px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 30px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 15px;

}

/*--------------------------------------------------------------
8. Clearings
--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}

/*--------------------------------------------------------------
9. Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 Posts and Pages
--------------------------------------------------------------*/

.entry-content-outer img, .entry-content-outer img {
    vertical-align: middle;
    margin-bottom: 35px;
}


.entry-content-outer a:hover img {
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.alignment-left img {
    margin-right: 30px;
}

.alignment-right img {
    margin-left: 30px;
}

.alignment-right .entry-content-wrapper,
.alignment-left .entry-content-wrapper {
    display: table;
}

.alignment-left  h2.entry-title,
.alignment-right h2.entry-title {
    margin-bottom: 5px;
}

.blog #primary article, .archive #primary article {
    padding: 20px 0 50px;
    margin: 0;
    clear: both;
}
.blog #primary article .entry-content-outer.alignment-center > a,
 .archive #primary article .entry-content-outer.alignment-center > a {
    max-width: 45%;
    float: left;
    margin-right: 34px;
}
.sticky {
    display: block;
}

.hentry {
    margin: 40px 0 0;
}

.hentry:first-child {
    margin:0;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}


.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

.entry-meta > span {
    margin-right: 20px;
    font-size: 14px;
}
.entry-footer > span::before,
.entry-meta > span::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "";
}
.entry-meta > span a {
    color:#49616b;
}

.entry-meta a:hover {
    color: #ffc300;
}

.entry-meta span.comments-link::before {
    content: "\f075";
}

.entry-meta > .cat-links::before {
    content: "\f07c";
}

.entry-meta > .byline::before {
    content: "\f007";
}


.entry-meta .tags-links::before{
    content: "\f02c";
}


.entry-footer .edit-link::before{
    content: "\f044";
}

.entry-meta {
    margin-bottom: 20px;
}
span.posted-on {
    border: 2px solid;
    padding: 3px 10px;
}
span.posted-on::before {
	display: none;
}
.blog .entry-content-wrapper, .archive .entry-content-wrapper {
    display: table;
    padding-top: 20px;
}
/*--------------------------------------------------------------
9.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
9.3 Comments
--------------------------------------------------------------*/

#respond {
    clear: both;
    display: block;
}

#comments {
    margin-top: 30px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 100%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 20px;
    padding: 30px 40px;
    position: relative;
    text-align: left;
    width: 100%;
    box-shadow: 0 0 55px #f3f3f3;
}

.comment .reply {
    position: absolute;
    top: 20px;
    right: 30px;
}

.comment-author.vcard {
    font-size: 18px;
    margin-bottom: 5px;
    color: #ffc300;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 13px;
    margin-bottom: 10px;
}

.comment-metadata > a{
     color: #49616b;
     margin-right: 30px;
}

.comment-metadata::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 25px;
    font-size: 21px;
    font-weight: bold;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox  .author-info,
.authorbox  .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

.author-avatar {
    float: left;
    margin: 0 15px 15px 0;
}

.authorbox {
    margin: 65px 0 50px;
    overflow: hidden;
    padding: 25px 30px 10px;
    background: #f9f9f9;
}
#commentform label {
    display: inline;
    position:relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
	margin-right: 10px;
}

#commentform  p.form-submit {
    margin-top: 30px;
}

#commentform  span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
10. Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
11. Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
11.1. Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
11.2. Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-left: -5px;
    margin-right: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin:0;
    padding: 5px;

}

.gallery-item img {
    vertical-align: middle;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
12. Page
--------------------------------------------------------------*/

#page {
    position: relative;
    margin: 0 auto;

}

.container {
    width: 1300px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

.inner-wrapper {
    margin-left: -25px;
    margin-right: -25px;
}
a.learn-more-link {
    font-weight: 500;
    letter-spacing: 1px;
}

.custom-button, .custom-button:visited, .button,
a.more-link {
    display: inline-block;
    font-size: 12px;
    margin: 10px;
    padding: 20px 65px;
    color: #222;
    text-transform: uppercase;
    background: #ffc300;
    text-align: center;
    font-weight: 500;
    position: relative;
    z-index: 1;
    letter-spacing: 1.5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-button:hover,
.custom-button:focus,
.custom-button:active,
a.more-link:hover,
a.more-link:focus,
a.more-link:active {
    background:#232323;
    color: #fff;
}

.custom-button.button-secondary,
.custom-button.button-secondary:visited {
    background: #232323;
}

a.button-secondary:after {
    background: #ffc300;
}

a.more-link {
    margin-left: 0;
    display: table;
    margin-top: 20px;
    padding: 15px 30px;
}






/*--------------------------------------------------------------
13. Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1. Top Header
--------------------------------------------------------------*/
#tophead {
    background: #3d3b40;
    padding: 10px 0;
    float: left;
    width: 100%;
}
/*quick contact*/

#quick-contact {
    float: left;
    margin-top: 0;
    width: 40%;
}

#quick-contact > ul {
    margin: 0;
    padding: 0;
}
#quick-contact a {
    display: inline-block;
    color: #b1b1b1;
}
#quick-contact a:hover {
    color: #fff;
}
#quick-contact li.quick-email::before {
    content: "\f040";
}

#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-address::before {
    content: "\f0ac";
}
#quick-contact li::before {
    color: #ffc300;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 10px;
    text-align: center;
}
#quick-contact li {
    clear: inherit;
    float: left;
    font-size: 13px;
    line-height: 1.75;
    list-style: outside none none;
    text-align: left;
    padding: 5px 10px;
    color: #b1b1b1;
}

#tophead .header-social-wrapper {
    float: right;
}

#tophead .musical_vibe_widget_social li a {
    border: none;
    height: 30px;
    padding: 3px 10px;
    width: 30px;
    border-radius: 0;
    margin: 0 5px;
    font-size: 12px;
    margin-top: 2px;
}#tophead .musical_vibe_widget_social li a:before {
    line-height: 2;
    font-size: 13px;
    color: #b1b1b1;
}
#tophead .musical_vibe_widget_social li a:hover:before {
    color: #fff;
}
#tophead .musical_vibe_widget_social li {
    margin: 0;
    display: inline-block;
    float: none;
}
#tophead .header-social-wrapper {
    float: left;
    width: 22%;
    text-align: center;
}
#top-head-right {
    float: right;
    width: 38%;
    position: relative;
}
.header-search-box {
    float: right;
}
a.cart-button {
    float: right;
    margin-right: 30px;
    position: relative;
    color: #b1b1b1;
}
a.custom-button.header-link-button {
    float: right;
    padding: 17px 47px;
    margin-top: 9px;
    letter-spacing: 1.5px;
    margin: 10px 0;
}
a.cart-button span {
    padding-left: 13px;
    color: #fff;
}
.header-search-box > a {
    line-height: 1.5;
    display: block;
    background: #ffc300;
    padding: 4px 10px;
    color: #222;
}
.header-search-box > a i {
    font-size: 13px;
}

.header-search-box .search-box-wrap {
    background: #ffffff none repeat scroll 0 0;
    bottom: -138px;
    box-shadow: 0 2px 2px;
    display: none;
    padding: 33px 33px 33px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    right: 0;
}
/*--------------------------------------------------------------
13.2. Main Header
--------------------------------------------------------------*/

.site-header {
    padding: 15px 0;
    background-color: #fff;
    transition: padding 0.2s ease-in-out 0s;
    clear: both;
    z-index: 999;
    position: relative;
}
a.custom-button.doante-now {
    float: right;
    margin: 24px 0 0 20px;
    padding: 8px 17px;
    text-align: center;
    min-width: inherit;
    text-transform: capitalize;
}

a.custom-button.doante-now i {
    margin-right: 10px;
}

.enabled-sticky-primary-menu .site-header.fixed {
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    padding: 5px 0;
}

.enabled-sticky-primary-menu .site-header.fixed .site-description {
    display: none;
}

.custom-logo-link,
#site-identity {
    float: left;
    margin-right: 15px;
}

.custom-logo-link img{
    vertical-align: middle;
}

.site-title {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.site-description {
    color: #aba0a0;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 1;
}

.site-title a {
    font-weight: bold;
}

.right-head {
    float: right;
    padding-top: 20px;
}



.search-form input.search-field,
.woocommerce-product-search  .search-field {
    padding:10px 80px 10px 20px;
    width: 100%;
    height: 50px;
    box-sizing: inherit;
}

.search-form,
.woocommerce-product-search {
    position: relative;
}

.search-form .search-submit,
.woocommerce-product-search  button {
    border-radius: 0 ;
    padding: 7.3px 20px;
    position: absolute;
    right: 0;
    top: 0;
    border: medium none;
    font: 14px/1.3 FontAwesome;
    height: 50px;
    padding: 0 20px;
    margin: 0;
    color: #fff;
}

.woocommerce-product-search  button {
	font-family: inherit;
}

.custom-button ,
.musical_vibe_widget_services .service-block-inner > a:hover i {
    transition: all 0.4s ease-in-out 0s;
}



/*--------------------------------------------------------------
13.3. Main Menu
--------------------------------------------------------------*/

#main-nav {
    float: right;
    margin-right: 15px;
}
.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}
.main-navigation ul ul {
    background-color: #fff;
    left: -9999px;
    margin: 0;
    min-width: 220px;
    position: absolute;
    top: 75px;
    opacity: 0;
    z-index: -9999;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #a5a2a212;
    border-top: 3px solid #ffc300;
}
.main-navigation ul ul::before {
    content: "";
    display: block;
    background: transparent;
    width: 100%;
    height: 30px;
    position: absolute;
    top: -30px;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
    box-shadow: 2px 1px 2px #232323;
    padding: 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left:0;
    z-index: 9999;
}

.main-navigation ul ul ul ul  {
    display: none;
}

.main-navigation ul ul ul li:hover > ul {
    display: block;
}

.main-navigation ul ul li:hover > ul {
    opacity: 1;
    left:100%;
}

.main-navigation li li {
	float: none;
	display: block;
	padding: 0 25px;
}

.main-navigation ul li li:first-child > a {
	border-left: none;
}

.main-navigation ul li a {
    color: #7b7979;
    display: block;
    font-size: 14px;
    padding: 26px 5px;
    position: relative;
    z-index: 99;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 12px;
}


.main-navigation ul ul li a:before {
	display: none;
}
.main-navigation ul li a:hover:before, .main-navigation li.current-menu-item > a:before,
.main-navigation li.current_page_item > a:before, .main-navigation li:hover > a:before {
    top: -15px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: width 0.2s ease 0s;
    transition: width 0.2s ease 0s;
    width: 100%;
    background: #ffc300;
    left: 20px;
    margin-left: -20px;
}
.main-navigation ul ul li a {
    padding: 10px 0;
    border-bottom: 1px solid #a5a2a212;
    letter-spacing: 0.5px;
    margin: 0;
    font-size: 14px;
}

.main-navigation ul ul li:last-child > a {
	border:none;
}

.main-navigation ul li.menu-item-has-children > a,
.main-navigation ul li.page_item_has_children > a{
	padding-right: 25px;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
	content: "\f107";
	font-family: FontAwesome;
	margin-left: 7px;
	margin-right: 0;
	float: right;
	position: absolute;
	right: 7px;
	color: #c5bfbf;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
	content: "\f105";
	top: 10px;
}

.main-navigation ul li.menu-item-has-childrenv > a,
.main-navigation ul li.page_item_has_children > a {
	padding-right: 30px;
}

.main-navigation li > a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a {
	color: #ffc300;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}

#mobile-trigger {
  display: none;
}

#mob-menu {
  display: none;
}

/*--------------------------------------------------------------
14. Main Slider
--------------------------------------------------------------*/

#featured-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
}

#main-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;
    z-index: -1;
}

#featured-slider .overlay-enabled article::after {
    background: #000;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 3;
    opacity: 0.55;
}

#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider .cycle-slide {
    width: 100%;
}

#main-slider article.first {
    display: block;
}

#main-slider article {
    display: none;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}
#main-slider .cycle-caption {
    bottom: 20%;
    height: auto;
    left: 15%;
    max-width: 85%;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 999;
	bottom:30%;
}

#main-slider .cycle-caption.caption-alignment-center {
    text-align: center;
    left: 5%;
    max-width: 90%;
}
#main-slider .cycle-caption.caption-alignment-right {
    text-align: right;
    right: 15%;
    left: auto;
    max-width: 85%;

}
#main-slider h3 {
    font-size: 75px;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
}
#main-slider h3:after {
    content: "";
    display: block;
    height: 2px;
    background: #ffc300;
    width: 15%;
    margin: 10px 0;
}
#main-slider h3 a {
    display: block;
}
#main-slider p {
    font-size: 24px;
    margin-bottom: 65px;
    color: #f1f1f1;
    font-weight: 100;
    width: 730px;
    max-width: 100%;
    display: inline-block;
    clear: both;
}

#main-slider .cycle-slide-active h3 {
    padding-right: 0;
}

#main-slider .cycle-slide-active p {
    padding-left: 0;
}

.slider-buttons a.custom-button {
    margin: 0 25px 0 0;
}

#main-slider h3 a {
    color: #fff;
}

#main-slider h3 a:hover {
    opacity: 0.7;
}

#main-slider .caption-alignment-right .slider-buttons a.custom-button{
    margin-right: 0;
}
/*slider pager box*/

#main-slider .pager-box {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 14px;
    margin: 3px 10px;
    width: 14px;
    z-index: 99;
    border-radius: 100%;
}

#main-slider .cycle-pager {
    bottom: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#main-slider .pager-box.cycle-pager-active {
    background-color: #ffc300;
    border-color:#fff;
}

/*Slider cycle next / previous*/

#main-slider .cycle-prev,
#main-slider .cycle-next {
    bottom: 45%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index: 999;
    height: 60px;
    padding: 0 0;
    transition: all 0.2s ease-in-out 0s;
    line-height: 2.7;
    background: #000;
    opacity: 0;
    border-radius: 100%;
}

#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover {
    background-color: #ffc300;
    color: #fff;
}


#main-slider .cycle-prev {
    left:-100px;
}

#main-slider .cycle-next {
    right:-100px;
}
#main-slider:hover .cycle-prev,
#main-slider:hover .cycle-next {
    opacity: 1;
}
#main-slider:hover .cycle-next {
	right:50px;
}
#main-slider:hover .cycle-prev {
	left: 50px;
}
/*--------------------------------------------------------------
15. Main Content
--------------------------------------------------------------*/

#primary {
    float: left;
    padding-left: 25px;
    padding-right:25px;
    width: 70%;
}

#content {
    padding: 60px 0;
    clear: both;
}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
16. Sidebar
--------------------------------------------------------------*/

.sidebar {
    width:30%;
    padding-left:25px;
    padding-right: 25px;
}
.sidebar .widget {
    padding: 25px;
    box-shadow: 0 0 55px #f3f3f3;
}
.sidebar .widget-title {
    padding: 0 0 10px 0;
    font-size: 26px;
    border-bottom: 3px double #f7f6f6;
    margin-bottom: 15px;
}
.sidebar .widget-title a {
    color: #fff;
}

.sidebar .widget-subtitle {
    text-align: center;
}

#sidebar-primary {
    float: right;
}

#sidebar-secondary {
    float: left;
}

.sidebar a {
    color: #001837;
}

.sidebar  a:hover {
    color:#ffc300;
}

.widget-area ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.widget-area ul ul {
    border-bottom:none;
    padding-bottom: 0;
}


.sidebar ul li::after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 10px;
    display: inline-block;
    float: right;
    position: absolute;
    left: 0;
    top: 7px;
}
.sidebar .widget > ul > li:first-child::before {
    display: none;
}

.sidebar ul .sub-menu {
    margin-bottom:-7px;
}

.sidebar > ul > li:first-child::after {
    display: none;
}

.sidebar ul ul li:first-child {
    margin-top: 7px;
}

.sidebar ul ul li:last-child {
    margin-bottom: 0px;
}

.sidebar ul li {
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
    padding-left: 15px;
    font-size: 15px;
}

.sidebar ul ul li {
    padding-left:15px;
}

.sidebar ul ul ul {
    margin-left: -15px;
}

.sidebar ul ul ul li {
    padding-left: 30px;
}

.sidebar ul ul ul ul {
    margin-left: -30px;
}

.sidebar ul ul ul ul li {
    padding-left: 45px;
}

.sidebar ul ul ul ul ul{
    margin-left:0
}

.sidebar ul ul ul ul ul > li {
    padding-left: 0;
}
.sidebar ul ul ul ul ul > li a {
    padding-left: 13px;
}


/*calendar widget*/

.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: #ffc300 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: #ffc300 none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #000000;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid #ffc300;
    color: #ffc300;
}

.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 79%;
}

/*--------------------------------------------------------------
16.1  Layout Sidebar
--------------------------------------------------------------*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.global-layout-three-columns .sidebar{
    float: right;
}

.three-columns-enabled .sidebar{
     width: 25%;
}

.global-layout-no-sidebar #primary{
    width: 100%;
}

/* Extra css for Pro By WEN
*/

.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/

.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}


/*--------------------------------------------------------------
17. Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
17.1. Colophon
--------------------------------------------------------------*/

#colophon {
    background-color: #171717;
    clear: both;
    color: #fff;
    padding: 20px 0;
    border-top: 1px solid #232323;
}

.colophon-column-left {
    float: left;
    width: 50%;
    text-align: left;
}

.colophon-column-right {
    float: right;
    width: 50%;
    text-align: right;
}

.colophon-column-left .colophon-column,
.colophon-column-right .colophon-column {
    width: 100%;
    font-size: 14px;
}
#colophon a {
    color: #ffc300;
}


#colophon a:hover {
    color: #fff;
}


/*social links*/

#colophon .musical_vibe_widget_social li {
    display: inline-block;
    float: none;
    margin-right: 0;
}

#colophon .musical_vibe_widget_social li a {
    border: 2px solid #8c8c8c;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
#colophon .musical_vibe_widget_social ul li a::before {
    font-size: 13px;
    margin-right: 0;
}

#colophon .musical_vibe_widget_social ul li a:hover {
    background: none;
}

/*--------------------------------------------------------------
17.2. Footer Navigation
--------------------------------------------------------------*/

#footer-navigation {
    margin-top: 5px;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#colophon .copyright {
    clear: both;
}

#footer-navigation li:first-child a {
    border: none;
    margin: 0;
    padding: 0;
}

#footer-navigation li a {
    border-left: 1px solid #fff;
    display: block;
    line-height: 0.8;
    margin-left: 10px;
    padding: 0 0 0 10px;
    color: #ddd;
}

#footer-navigation ul {
    margin: 0;
}

/*--------------------------------------------------------------
17.3. Footer Widgets
--------------------------------------------------------------*/

#footer-widgets {
    background-color: #303030;
    color: #bbbbbb;
    overflow: hidden;
    padding: 60px 0;
}
#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4 {
    font-weight: 400;
}

#footer-widgets .widget-title {
    color: #ffc300;
    margin-bottom: 30px;
    font-size: 26px;
}

#footer-widgets .widget-title span::before,
#footer-widgets .widget-title span::after,
#footer-widgets .widget-title::after {
    color:#fff;
    background: #fff;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    padding: 3px 0 3px;
    position: relative;
}

#footer-widgets ,
#footer-widgets a {
    color: #dddddd;
}

#footer-widgets a:hover {
    color: #ffc300;
}

#footer-widgets .widget-title::after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    margin-top: 15px;
    background: #ffffff;
}
#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

.footer-widget-area .widget:first-child {
    margin-top: 0;
}

.footer-widget-area .widget {
    margin-top: 15px;
}

/*--------------------------------------------------------------
17.4. Scrollup
--------------------------------------------------------------*/
.scrollup {
    bottom: 60px;
    color: #323232;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 14px 0 10px;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;
    font-size: 16px;
    background: #ffc300;
    height: 50px;
    width: 50px;
}
.scrollup:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 119%;
    left: 0;
    height: 10px;
    width: 100%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scrollup:hover {
    color:#fff;
    background-color: #ffc300;
}



/*--------------------------------------------------------------
18. Inner Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
18.1. Custom Header
--------------------------------------------------------------*/

#custom-header {
    padding: 80px 0;
    text-align: center;
    position: relative;
    z-index: 99;
    background-color: #000000;
}

.page-title {
    line-height: 1.2;
    margin: 0;
}

#primary .page-title {
    margin-bottom: 15px;
}

#custom-header::after {
    background: #000000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
#custom-header .page-title {
    color: #fff;
    font-size: 44px;
}
#custom-header .separator {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
}

.header-content {
    z-index: 999;
    position: relative;
    padding: 0;
    width: 100%;
    text-align: center;
}
/*--------------------------------------------------------------
18.2. Breadcrumb
--------------------------------------------------------------*/

#breadcrumb {
    z-index: 99;
    position: relative;
}
ul#crumbs {
    margin: 0;
}
#breadcrumb a {
    color: #ffffff;
}

#breadcrumb a:hover {
    color: #ffc300;
}

#breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding-right: 7px;
    color: #ffc300;
    font-size: 20px;
}

#breadcrumb li a::after {
    content: "/";
    margin-left: 7px;
    font-family: 'FontAwesome';
    line-height: 1;
    display: inline-block;
}

#breadcrumb .breadcrumb-trail  .trail-items {
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------------------
18.3. Error Page
--------------------------------------------------------------*/

section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}


/*--------------------------------------------------------------
18.4. Contact Form 7
--------------------------------------------------------------*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}



/*--------------------------------------------------------------
19. Widgets
--------------------------------------------------------------*/

.widget h4 a,
.widget h3 a {
     display: block;
     color: #232323;
}

.widget h4 a:hover,
.widget h3 a:hover {
    color:#ffc300;
}
.widget {
    margin:30px 0 0;
}

.widget:first-child {
    margin: 0;
}

.widget select {
    max-width: 100%;
}

#sidebar-front-page-widget-area .widget {
    padding: 90px 0;
    margin: 0;
}


/* Make sure select elements fit in widgets. */

#sidebar-front-page-widget-area {
    clear: both;
    background: #fff;
}

#sidebar-front-page-widget-area .widget-title {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    font-size: 42px;
    font-weight: 900;
}
#sidebar-front-page-widget-area .featured-page-widget.image-alignleft.entry-content .title-divider {
    display: block;
    margin: inherit;
    margin-bottom: 30px;
}
#sidebar-front-page-widget-area .title-divider {
    margin: 0 auto 30px;
    display: block;
    max-width: 85px;
    height: 3px;
    position: relative;
    background: #ffc300;
}

.call-to-action-content-wrap {
    max-width: 950px;
    margin: 0 auto;
}

#sidebar-front-page-widget-area .widget-subtitle {
    margin: 0 auto 30px;
    font-size: 17px;
    text-align: center;
    max-width: 50%;
    color: #898989;
}
 /*style for dark background*/

#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-title{
    color: #fff;

}

#sidebar-front-page-widget-area .widget_newsletterwidgetminimal  .widget-title,
#sidebar-front-page-widget-area .widget_newsletterwidget  .widget-title {
	color: #fff;
}


#sidebar-front-page-widget-area  .widget_newsletterwidgetminimal,
#sidebar-front-page-widget-area .widget_newsletterwidget {
    background: #222;
}

#sidebar-front-page-widget-area  .widget .tnp-widget-minimal input.tnp-email{
    float: left;
    width: 65%;
    padding: 25px;
    height: 70px;
}
#sidebar-front-page-widget-area .widget_newsletterwidget input.tnp-email {
    width: 100%;
    float: none;
}
#sidebar-front-page-widget-area .widget_newsletterwidget  .tnp-field label {
    color: #fff;
    text-align: center;
    font-size: 20px;
}
#sidebar-front-page-widget-area .widget_newsletterwidget input.tnp-submit {
    width: 100%;
}
#sidebar-front-page-widget-area  .widget .tnp-widget-minimal input.tnp-submit{
    float: left;
    width: 35%;
    float: left;
    clear: inherit;
    margin: 0;
    background: #ffc300;
    color: #222;
    padding: 26px;
    height: 70px;
}

#sidebar-front-page-widget-area  .widget .tnp-widget-minimal form,
#sidebar-front-page-widget-area .widget_newsletterwidget form {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 700px;
    margin: 0 auto;
}
.widget .tnp-widget input[type=text],
.widget .tnp-widget input[type=email],
.widget .tnp-widget input[type=submit],
.widget .tnp-widget select {
    margin: 15px 0;
    border: none;
}

.tnp-widget-minimal input.tnp-submit {
    margin: 15px 0;
}
/*--------------------------------------------------------------
19.1. Social Links
--------------------------------------------------------------*/

#sidebar-front-page-widget-area  .musical_vibe_widget_social {
    text-align: center;
}

#sidebar-front-page-widget-area  .musical_vibe_widget_social li {
    float: none;
    display: inline-block;
}

.musical_vibe_widget_social {
    clear: both;
    overflow: hidden;
}

.musical_vibe_widget_social ul {
    margin: 0;
}

.musical_vibe_widget_social li a {
    display: inline-block;
    height: 45px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 45px;
    background: #444444;
}

.musical_vibe_widget_social li {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget-area .musical_vibe_widget_social li,
#footer-widgets .musical_vibe_widget_social li {
    padding: 0;
}

.sidebar .musical_vibe_widget_social ul li::before,
#footer-widgets .musical_vibe_widget_social li::before,
.sidebar .musical_vibe_widget_social ul li::after,
#footer-widgets .musical_vibe_widget_social li::after {
    display: none;
}

.musical_vibe_widget_social ul li a::before {
    font-size: 15px;
}

.musical_vibe_widget_social li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
}

.musical_vibe_widget_social ul li a::before {
    color: #ababab;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.8;
}



.musical_vibe_widget_social ul li a:hover {
    background-color: #001837;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.musical_vibe_widget_social ul li a:hover::before {
    color: #fff;
}

.musical_vibe_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.musical_vibe_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.musical_vibe_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.musical_vibe_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.musical_vibe_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.musical_vibe_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.musical_vibe_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.musical_vibe_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.musical_vibe_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.musical_vibe_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.musical_vibe_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.musical_vibe_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.musical_vibe_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.musical_vibe_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.musical_vibe_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.musical_vibe_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.musical_vibe_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.musical_vibe_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.musical_vibe_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.musical_vibe_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.musical_vibe_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.musical_vibe_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.musical_vibe_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.musical_vibe_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.musical_vibe_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.musical_vibe_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.musical_vibe_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.musical_vibe_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.musical_vibe_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.musical_vibe_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.musical_vibe_widget_social ul li a[href*="spotify.com"]::before {
    content: "\f1bc";
}

/*social links hover effect */

.musical_vibe_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.musical_vibe_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.musical_vibe_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.musical_vibe_widget_social ul li a[href*="/feed/"]:hover  {
    background-color: #dc622c;
}

.musical_vibe_widget_social ul li a[href*="wordpress.org"]:hover,
.musical_vibe_widget_social ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}

.musical_vibe_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.musical_vibe_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.musical_vibe_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.musical_vibe_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.musical_vibe_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.musical_vibe_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.musical_vibe_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.musical_vibe_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.musical_vibe_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.musical_vibe_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.musical_vibe_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #000;
}

.musical_vibe_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.musical_vibe_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.musical_vibe_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #ffc300;
}

.musical_vibe_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.musical_vibe_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.musical_vibe_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.musical_vibe_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #ffc300;
}

.musical_vibe_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.musical_vibe_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.musical_vibe_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.musical_vibe_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.musical_vibe_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color:#45bbe6;
}

.musical_vibe_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}

.musical_vibe_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color:#86c171;
}

.musical_vibe_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color:#2d5be3;
}

.musical_vibe_widget_social ul li a[href*="angel.co"]:hover {
    background-color:#000;
}

.musical_vibe_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

.musical_vibe_widget_social ul li a[href*="spotify.com"]:hover {
    background-color:#1DB954;
}

/*--------------------------------------------------------------
19.2. Service Widget
--------------------------------------------------------------*/

.musical_vibe_widget_services .service-block-item {
    float: left;
    padding: 30px 25px;
    text-align: left;
    position: relative;
}

.musical_vibe_widget_services .inner-wrapper {
    margin-left: -25px;
    margin-right: -25px;
}

.service-block-inner-content {
    display: block;
}
.service-block-inner {
    padding: 20px;
    text-align: center;
    position: relative;
}
.service-block-inner:after {
    content: "";
    display: block;
    height: 85px;
    width: 85px;
    border-bottom: 1px solid #e4e4e2;
    border-right: 1px solid #e4e4e2;
    position: absolute;
    bottom: 0;
    right: 0;
}
.service-block-inner:before {
    content: "";
    display: block;
    height: 85px;
    width: 85px;
    border-top: 1px solid #e4e4e2;
    border-left: 1px solid #e4e4e2;
    position: absolute;
    top: 0;
    left: 0;
}
.musical_vibe_widget_services .service-block-item a.service-icon {
    width: 85px;
    display: block;
    margin-right: 30px;
    margin-bottom: 15px;
    color: #ffc300;
    height: 85px;
    text-align: center;
    margin-top: 10px;
    background: #ffffff;
    transition: background 0.2s ease-in-out 0s;
    font-size: 34px;
    margin: 0 auto 30px;
    line-height: 2.5;
    box-shadow: 0px 17px 37px #eaeaea82;
    border-radius: 100%;
}

.musical_vibe_widget_services .service-block-item a.service-icon:hover {
    background-color: #ffc300;
    color: #fff;
}

.musical_vibe_widget_services .service-block-item {
    width: 33.33%;
}

.musical_vibe_widget_services .service-block-item:nth-child(3n+1) {
    clear: both;
}
/*widget on sidebar*/

.sidebar .musical_vibe_widget_services .service-block-item,
#footer-widgets  .service-block-item{
    width: 100%;
}

.sidebar .musical_vibe_widget_services a.custom-button:hover {
    color: #fff;
}


/*--------------------------------------------------------------
19.3. Call To Action Widget
--------------------------------------------------------------*/

.musical_vibe_widget_call_to_action {
    position: relative;
    text-align: center;
}

#sidebar-front-page-widget-area .musical_vibe_widget_call_to_action,
.musical_vibe_widget_call_to_action {
    background: #3d3b40;
    padding: 85px 0;
    background-size: cover;
    position: relative;
    z-index: 9;
}

#sidebar-front-page-widget-area .overlay-enabled.musical_vibe_widget_call_to_action::before,
.overlay-enabled.musical_vibe_widget_call_to_action::before {
    background: rgba(0, 0, 0, 0.61);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    left: 0;
}

#sidebar-front-page-widget-area .musical_vibe_widget_call_to_action .widget-title {
    color:#fff;
}

#sidebar-front-page-widget-area .musical_vibe_widget_call_to_action .call-to-action-description p {
    color: #e0e0e0;
    font-size: 21px;
    margin-bottom: 35px;
}

.musical_vibe_widget_call_to_action .call-to-action-description {
    margin: 0 auto;
    max-width: 955px;
}
.musical_vibe_widget_call_to_action .separator {
    display: none;
}

.musical_vibe_widget_call_to_action  a.button {
    color: #ffffff;
    display: inline-block;
}

.sidebar .musical_vibe_widget_call_to_action,
#footer-widgets .musical_vibe_widget_call_to_action {
    padding: 20px;
    background-size: 100%;
    color: #fff;
}

/*cta-1*/

#sidebar-front-page-widget-area .cta-layout-1.musical_vibe_widget_call_to_action, .cta-layout-1 .musical_vibe_widget_call_to_action {
    padding: 45px 0;
}

#sidebar-front-page-widget-area .cta-layout-1.musical_vibe_widget_call_to_action .call-to-action-content-wrap {
    text-align: left;
    display: inline-block;
    max-width: 60%;
}

#sidebar-front-page-widget-area .cta-layout-1 .widget-title {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

#sidebar-front-page-widget-area .cta-layout-1 .widget-title::after,
#sidebar-front-page-widget-area .cta-layout-1 .title-divider {
    display: none;
}



#sidebar-front-page-widget-area .cta-layout-1 .call-to-action-buttons {
    display: inline-block;
    margin-left: 30px;
}
.custom-button.button-secondary, .custom-button.button-secondary:visited {
    background: #661e70;
    color: #fff;
}
a.custom-button.btn-call-to-action.button-primary:hover {
    color:#fff;
}
a.custom-button.btn-call-to-action.button-secondary:after {
    background:#ffc300;
}
a.custom-button.btn-call-to-action.button-secondary:hover {
    color:#fff;
}
#sidebar-front-page-widget-area .cta-layout-2 .widget-title::before {
    display: none;
}

#sidebar-front-page-widget-area .cta-layout-2  .widget-title::after {
    display: none;
}

/*--------------------------------------------------------------
19.4. Quick Contact Widget
--------------------------------------------------------------*/
.musical_vibe_widget_quick_contact .contact-info-wrapper::before {
    background: #444444;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    padding: 1px 5px;
    color: #aaa;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
}
.musical_vibe_widget_quick_contact .contact-info-wrapper.info-phone::before {
    content: "\f095";
}
.musical_vibe_widget_quick_contact .contact-info-wrapper.info-fax::before {
    content: "\f1ac";
}
.musical_vibe_widget_quick_contact .contact-info-wrapper.info-address::before {
    content: "\f0ac";
}
.musical_vibe_widget_quick_contact .contact-info-wrapper.info-contact::before {
    content: "\f0e0";
}
.musical_vibe_widget_quick_contact .contact-info-wrapper {
    margin-bottom: 20px;
    position: relative;
    padding-left: 55px;
    line-height: 2.2;
}

.musical_vibe_widget_quick_contact .musical_vibe_widget_quick_contact strong.contact-type {
    border-bottom: 1px solid rgba(238, 179, 19, 0.56);
}
.musical_vibe_widget_quick_contact strong.contact-type {
    border-bottom: 1px solid #ffc300;
    color: #fff;
    font-weight: 400;
}

/*--------------------------------------------------------------
19.5. Testimonials Widget
--------------------------------------------------------------*/
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider {
     position: relative;
    z-index: 99;
    background-color: #3d3b40;
    background-size: cover;
    background-attachment: fixed;
}

#sidebar-front-page-widget-area .overlay-enabled.musical_vibe_widget_testimonial_slider::before {
    background: #000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.8;
}
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-title::after,
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-title::before{
    display: none;
}
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-title {
    margin-bottom: 15px;
}
.musical_vibe_widget_testimonial_slider .cycle-slideshow {
    max-width: 800px;
    margin: 0 auto 30px;
}
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-subtitle,
.musical_vibe_widget_testimonial_slider .widget-subtitle {
    color:#ddd;
}
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .title-divider-before,
#sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .title-divider-after {
    background-color: #ffffff;
    }
.musical_vibe_widget_testimonial_slider {
    clear: both;
}
.musical_vibe_widget_testimonial_slider img {
    vertical-align: middle;
    border-radius: 100%;
    border: 3px solid #fff;
}
.musical_vibe_widget_testimonial_slider article {
    width: 100%;
    padding: 0 40px 0;
    display: none;
    color: #fff;
}
.musical_vibe_widget_testimonial_slider article.first {
    display: block;
}

.musical_vibe_widget_testimonial_slider .testimonial-thumb {
    width: 95px;
    position: relative;
    margin: 25px auto 0;
}

.musical_vibe_widget_testimonial_slider  p.widget-subtitle {
    color: #fff;
}

.musical_vibe_widget_testimonial_slider .cycle-pager > span.cycle-pager-active,
.musical_vibe_widget_testimonial_slider .cycle-pager > span:hover{
    background:#ffc300;
}

.musical_vibe_widget_testimonial_slider .cycle-pager {
    bottom: -60px;
    clear: both;
    position: absolute;
    text-align: center;
    width: 100%;
}
.musical_vibe_widget_testimonial_slider .cycle-pager span {
    display: inline-block;
    padding: 6px;
    cursor: pointer;
    background: transparent;
    margin: 6px;
    background:#fff;
    border-radius: 100%;
}

.musical_vibe_widget_testimonial_slider .testimonial-content-area > h4 {
    font-style: italic;
    font-size: 19px;
    margin: 0;
    color: #fff;
}
.musical_vibe_widget_testimonial_slider .testimonial-content-area {
    position: relative;
    text-align: center;
    display: table;
}

.musical_vibe_widget_testimonial_slider .testimonial-content-area p::before {
    color: #ffc300;
    content: "\f10d";
    display: inline-block;
    font-family: Fontawesome;
    font-size: 50px;
    margin-right: 15px;
    line-height: 0;
}

.musical_vibe_widget_testimonial_slider .testimonial-excerpt > p {
    font-size: 15px;
    font-style: italic;
    position: relative;
    letter-spacing: 1px;
}
.sidebar .musical_vibe_widget_testimonial_slider .cycle-pager span,
#footer-widget .musical_vibe_widget_testimonial_slider .cycle-pager span {
    border: 1px solid #ffc300;
}

.sidebar .musical_vibe_widget_testimonial_slider,
#footer-widget .musical_vibe_widget_testimonial_slider   {
    margin-bottom: 50px;
}

/*--------------------------------------------------------------
19.6. Recent Posts Widget
--------------------------------------------------------------*/

.musical_vibe_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 6px;
}

.musical_vibe_widget_recent_posts .recent-posts-meta {
    font-size: 14px;
}

.musical_vibe_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 20px;
}
.musical_vibe_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.musical_vibe_widget_recent_posts .recent-posts-date::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "\f017";
}


/*--------------------------------------------------------------
19.7. Latest News Widget
--------------------------------------------------------------*/

.musical_vibe_widget_latest_news {
    background: #f5f5f5;
}

.latest-news-inner {
    box-shadow: 0 0 45px #dedcdc;
    background: #fff;
}
.musical_vibe_widget_latest_news .latest-news-thumb a {
    position: relative;
    display: block;
    overflow: hidden;
}

.musical_vibe_widget_latest_news .latest-news-thumb a:before {
    content: "\f045";
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    top: 0;
    color: #fff;
    vertical-align: middle;
    top: 45%;
    text-align: center;
    z-index: 9;
    width: 100%;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.musical_vibe_widget_latest_news .latest-news-item {
    float: left;
    padding: 25px;
}

.musical_vibe_widget_latest_news .latest-news-text-wrap {
    background: #ffffff none repeat scroll 0 0;
    text-align: left;
    padding: 30px;
    position: relative;
    margin: -30px 25px 0;
}

.latest-news-text-wrap .custom-button {
    margin-left: 0;
}

.musical_vibe_widget_latest_news .latest-news-wrapper {
    position: relative;
    transition: all 0.5s ease 0s;
}

.musical_vibe_widget_latest_news .latest-news-title {
    line-height: 1.5;
    margin-bottom: 10px;
}
.musical_vibe_widget_latest_news .latest-news-title  a {
    display: block;
}

.musical_vibe_widget_latest_news .latest-news-thumb {
    position: relative;
}

.musical_vibe_widget_latest_news .latest-news-thumb a {
     overflow: hidden;
     display: block;

}

.musical_vibe_widget_latest_news .latest-news-item img {
    vertical-align: middle;
    margin-bottom: 0;
    width: 100%;
}

.musical_vibe_widget_latest_news .latest-news-col-3 .latest-news-item {
    width: 33.33%;
}

.musical_vibe_widget_latest_news .latest-news-col-4 .latest-news-item {
    width: 25%;
}

.musical_vibe_widget_latest_news .latest-news-col-2 .latest-news-item {
    width: 50%;
}

.musical_vibe_widget_latest_news .latest-news-col-1 .latest-news-item {
    width: 100%;
}

.musical_vibe_widget_latest_news .latest-news-meta .latest-news-comments {
    float: right;
}

.musical_vibe_widget_latest_news .latest-news-summary > p {
    margin: 0;
}

.musical_vibe_widget_latest_news .latest-news-text-content {
    margin-bottom: 15px;
}

.latest-news-meta > span {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 5px;
    display: inline-block;
    color: #ffc300;
}
.latest-news-meta span.posted-on {
    border: 2px solid #222;
    padding: 0 10px;
}
.latest-news-meta span.cat-links {
    margin:0;
}
.latest-news-meta {
    margin-bottom: 10px;
}

.latest-news-meta a:hover {
    color: #ffc300;
}



.musical_vibe_widget_latest_news .latest-news-col-3 .latest-news-item:nth-child(3n+1) {
    clear: both;
}

.musical_vibe_widget_latest_news .latest-news-col-4 .latest-news-item:nth-child(4n+1) {
    clear: both;
}
/*sidebar and footer widget area style*/

#footer-widgets .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item,
.sidebar .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item{
    width: 100%;
}

.sidebar .musical_vibe_widget_latest_news .latest-news-widget,
#footer-widgets .musical_vibe_widget_latest_news .latest-news-widget {
    padding: 0 30px;
}



/*--------------------------------------------------------------
19.9. Features Pages Grid Widget
--------------------------------------------------------------*/
.musical_vibe_widget_featured_pages_grid {
    background: #f5f5f5;
}


.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb > a {
    position: relative;
    display: block;
    overflow: hidden;
}



.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-text-content {
    background-color: #fff;
    padding: 30px;
    margin: -30px 20px 0;
    z-index: 9;
    position: relative;
}
.musical_vibe_widget_featured_pages_grid .grid-item a.learn-more-link,
.musical_vibe_widget_latest_news .latest-news-text-wrap a.learn-more-link{
    letter-spacing: 1px;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .item-title  a {
    display: block;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb {
    position: relative;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb > a{
    overflow: hidden;
    display: block;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-item img {
    vertical-align: middle;
    margin-bottom: 0;
    width: 100%;
}

.musical_vibe_widget_featured_pages_grid .grid-item-inner {
    box-shadow: 0 0 45px #dedcdc;
    background: #fff;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-column-3 .grid-item:nth-child(3n+1) {
    clear: both;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-1 .grid-column-4 .grid-item:nth-child(4n+1) {
    clear: both;
}
.musical_vibe_widget_featured_pages_grid  .grid-item {
    float: left;
    padding: 25px;
}

.musical_vibe_widget_featured_pages_grid  .grid-column-3 .grid-item {
    width: 33.33%;
}

.musical_vibe_widget_featured_pages_grid  .grid-column-4 .grid-item {
    width: 25%;
}

.musical_vibe_widget_featured_pages_grid  .grid-column-2 .grid-item {
    width: 50%;
}

.musical_vibe_widget_featured_pages_grid  .grid-column-1 .grid-item {
    width: 100%;
}

.musical_vibe_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(3n+1) {
    clear: both;
}
.musical_vibe_widget_featured_pages_grid .grid-column-4 .grid-item:nth-child(4n+1) {
    clear: both;
}

/*sidebar and footer widget area style*/

#footer-widgets .musical_vibe_widget_featured_pages_grid .grid-item,
.sidebar .musical_vibe_widget_featured_pages_grid .grid-item{
    width: 100%;
}
#footer-widgets .musical_vibe_widget_featured_pages_grid,
.sidebar .musical_vibe_widget_featured_pages_grid{
   padding: 15px;
}
#footer-widgets .musical_vibe_widget_featured_pages_grid .grid-item img,
.sidebar .musical_vibe_widget_featured_pages_grid .grid-item img  {
    margin: 0 auto;
    width: 100%;
}

/*layout 2*/

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-inner {
    position: relative;
    background: #fff;
    padding: 20px;
    overflow: hidden;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-thumb img {
    margin: 0;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2  .grid-text-content {
    display: table;
}

.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-thumb {
    float: left;
    margin-right: 25px;
    max-width: 50%;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item:nth-child(2n+1){
    clear: both;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item {
    width: 50%;
}
.musical_vibe_widget_featured_pages_grid a.custom-button,
.latest-news-text-wrap .custom-button,
.musical_vibe_widget_services .custom-button {
    margin: 0;
    padding: 10px 25px;
    min-width: auto;
    text-transform: capitalize;
    margin-top: 15px;
}
.musical_vibe_widget_featured_pages_grid .featured-pages-layout-2.grid-column-3 .grid-item:nth-child(3n+1) {
    clear: inherit;
}
/*--------------------------------------------------------------
19.10. Team Widget
--------------------------------------------------------------*/
.team-view-members .team-member-content {
    padding: 25px 0;
    border-top: none;
    background: #fff;
    box-shadow: 0 0 45px #f3f3f3;
}
.team-member-picture {
    box-shadow: 0 0 45px #f3f3f3;
}
.team-member-social-links ul li a::before {
    font-size: 14px;
}
.team-view-members {
    overflow: visible;
}
.team-member-social-links ul li a,
.widget .team-member-social-links ul li a {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 3.4;
    margin: 5px 4px;
    border-radius: 0;
    background: #f7f7f7;
    border: none;
    color: #424242;
}

.team-view-members .team-member-social-links {
    clear: both;
    overflow: visible;
}
.team-member-social-links ul, .widget .team-member-social-links ul {
    overflow: visible;
}
.team-view-members .member-name {
    color: #000000;
    font-weight: 500;
    font-size: 26px;
}
.team-view-members .member-position {
    font-size: 16px;
    margin-bottom: 15px;
}
.team-view-members .tv_member, .team-view-members .tv_member {
    padding: 25px;
}

.sidebar .team-view-members .tv_member,
#footer-widgets .team-view-members .tv_member{
    max-width: 100%;
    width: 300px;
    margin:0 auto;
}

.team-view-members-inner {
    margin: 0 -25px;
}
.team-view-members .team-member-picture  img {
    width: 100%;
}

/*--------------------------------------------------------------
19.11. Featured Page
--------------------------------------------------------------*/

#sidebar-front-page-widget-area .musical_vibe_widget_featured_page .widget-title::before {
    display: none;
}
#sidebar-front-page-widget-area .featured-page-widget.image-alignleft  img{
    margin-right: 40px;
    vertical-align: middle;
    margin-bottom: 0;
    float: left;
    max-width: 50%;
}

#sidebar-front-page-widget-area .featured-page-widget .featured-page-content {
    display: table-cell;
    padding: 20px 0;
}
.featured-page-widget .featured-page-content .custom-button {
    margin: 25px 0;
}
#sidebar-front-page-widget-area .featured-page-widget.image-alignright img {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    float: right;
    max-width: 50%;
}

.featured-page-widget.image-aligncenter.entry-content img {
    text-align: center;
    display: block;
    margin: 0 auto 30px;
}
#sidebar-front-page-widget-area .featured-page-widget .widget-title{
    text-align: left;
}

#sidebar-front-page-widget-area .featured-page-widget .widget-title::after {
    margin:5px 0;
}

#sidebar-front-page-widget-area .featured-page-widget .widget-subtitle {
    font-size: 19px;
    color: #000;
    margin: 15px 0;
    text-align: left;
    max-width: inherit;
}
/*--------------------------------------------------------------
19.12. Portfolio
--------------------------------------------------------------*/

.musical_vibe_widget_portfolio .portfolio-filter {
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
}
.musical_vibe_widget_portfolio .portfolio-filter a {
    padding: 5px 20px;
    font-size: 15px;
    display: inline-block;
}
.musical_vibe_widget_portfolio .portfolio-container {
    margin-left: -5px;
    margin-right: -5px;
}
.musical_vibe_widget_portfolio .container {
    width: 100%;
    max-width: 1400px;
    padding: 0;
}
.musical_vibe_widget_portfolio .portfolio-filter a:hover, .musical_vibe_widget_portfolio .portfolio-filter a.current {
    background: #ffc300;
    color: #000;
}

.musical_vibe_widget_portfolio .item-wrapper {
    position: relative;
    overflow: hidden;
}
.musical_vibe_widget_portfolio h3.portfolio-item-title {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgb(0, 0, 0);
    margin: 0;
    left: 15px;
    right: 15px;
    padding: 13px 20px;
    font-size: 22px;
    text-align: center;
}
.musical_vibe_widget_portfolio h3.portfolio-item-title a {
	color: #fff;

}
.musical_vibe_widget_portfolio h3.portfolio-item-title a:hover {
	color: rgb(255, 195, 0);

}
.musical_vibe_widget_portfolio a.portfolio-thumb {
    position: relative;
    display: block;
}
#sidebar-front-page-widget-area .widget.musical_vibe_widget_portfolio {
    padding-bottom: 0;
}

.musical_vibe_widget_portfolio a.portfolio-thumb {
    position: relative;

}
.musical_vibe_widget_portfolio .portfolio-item:hover a.portfolio-thumb:after {
    content: "\f067";
    display: block;
    height: 100%;
    width: 100%;
    background: #3c313169;
    position: absolute;
    top: 0;
    text-align: center;
    padding: 35% 0;
    font-family: FontAwesome;
    color: #ffc300;
    font-size: 39px;
    color: #fff;
}

.musical_vibe_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item {
    width: 33.33%;
}

.musical_vibe_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
    width: 25%;
}

.musical_vibe_widget_portfolio .item-wrapper img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
    width: 100%;
}

.musical_vibe_widget_portfolio .item-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}



.single-project .gallery ,
.single-project.has-gallery .gallery{
    width: auto;
    float: none;
    margin: 0 -5px;
    width: 100%;
}
.single-project .gallery a {
    display: block;
    max-width: 33.33%;
    float: left;
    padding: 5px;
}
.single-project .summary {
    margin: 0;
    padding: 40px;
    background: #fbfbfb;
    margin-bottom: 30px;
    width: 100%;
}
nav.projects-single-pagination {
    margin-top: 30px;
}
.project-meta .categories,
.project-meta .client,
.project-meta .url {
    float: left;
    width: 33%;
    text-align: left;
}
ul.single-project-categories {
    margin:0;
}
.single-project-categories li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}
.single-project.no-gallery .summary .project-meta ,
.single-project.has-gallery .gallery{
    width: 100%;
    float: right;
}
.single-project.no-gallery .summary .project_title,
.single-project.no-gallery .summary .single-project-description ,
.single-project.has-gallery .summary{
    width: 100%;
    float: left;
}
.projects ul.projects li.project img, .projects-page ul.projects li.project img {
    width: 100%;
}

/*--------------------------------------------------------------
19.13. News Block
--------------------------------------------------------------*/

.musical_vibe_widget_news_blocks .block-meta span {
    margin-bottom: 10px;
    display: inline-block;
}

.musical_vibe_widget_news_blocks .news-and-blocks h2 {
    margin-bottom: 15px;
    float: none;
}
.musical_vibe_widget_news_blocks h2 i {
    margin-right: 5px;
    color: #bbbbbb;
}
.musical_vibe_widget_news_blocks h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
.musical_vibe_widget_news_blocks .recent-blocks h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}
.musical_vibe_widget_news_blocks .recent-news {
    float: right;
    padding: 0 25px;
    width: 50%;
}

.musical_vibe_widget_news_blocks .recent-blocks {
    float: left;
    padding: 0 25px;
    width: 50%;
}

.musical_vibe_widget_news_blocks .news-post {
    float: left;
    padding: 0 25px 30px;
    width: 100%;
}
a.news-post-thumb {
    float: left;
    width: 35%;
    margin-right: 30px;
}
.musical_vibe_widget_news_blocks .news-post:last-child {
    border: medium none;
}

.musical_vibe_widget_news_blocks .news-post:nth-child(2n+1) {
    clear: both;
}
.musical_vibe_widget_news_blocks .recent-blocks img {
    max-width: 95px;
}

.musical_vibe_widget_news_blocks .block-post .entry-meta {
    background: #ffab1f none repeat scroll 0 0;
    border-top: 3px solid #002147;
    color: #ffffff;
    float: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 20px 10px 0;
    padding: 0 10px 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 1px #5d5d5d;
    width: 71px;
}

.musical_vibe_widget_news_blocks .block-post .entry-meta::before {
    border: 1px solid #ffab1f;
    border-radius: 100%;
    content: "";
    display: block;
    height: 25px;
    left: 24px;
    position: absolute;
    top: -15px;
    width: 25px;
}

.musical_vibe_widget_news_blocks .block-post .entry-meta::after {
    border: 1px solid #ffffff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 44px;
    width: 100%;
}

.musical_vibe_widget_news_blocks p {
    margin: 0;
}
.musical_vibe_widget_news_blocks .block-post .entry-meta a{
    color: #fff;
}
.musical_vibe_widget_news_blocks .block-meta {
    margin-bottom: 8px;
}
.musical_vibe_widget_news_blocks .block-post {
    clear: both;
    margin-bottom: 25px;
    padding: 0;
    float: left;
    width: 100%;
}
.musical_vibe_widget_news_blocks .block-post:last-child {
    margin-bottom:0;
}
.musical_vibe_widget_news_blocks .news-content {
    padding: 15px 0 0;
}

.musical_vibe_widget_news_blocks .news-post img{
    margin-bottom:0;
}
.musical_vibe_widget_news_blocks .custom-entry-date {
    float: left;
    margin-right: 25px;
    padding: 5px 17px;
    text-align: center;
    box-shadow: 0 0px 15px #908e8e21;
    background: #ffc300;
}
.musical_vibe_widget_news_blocks .custom-entry-date span.entry-month {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.musical_vibe_widget_news_blocks .custom-entry-date span.entry-day {
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
.musical_vibe_widget_news_blocks .custom-entry-date span {
    display: block;
    line-height: 1.5;
}
a.view-more-post {
    float: right;
    color: #bfbfbf;
}
a.view-more-post:hover {
    color:#ffc300;
}

.block-meta span {
    margin-right: 10px;
    font-size: 13px;
}

.musical_vibe_widget_news_blocks .block-meta span.posted-on {
    border: 2px solid;
    padding: 0 10px;
}

#sidebar-front-page-widget-area .musical_vibe_widget_news_blocks .recent-blocks .title-divider,
 #sidebar-front-page-widget-area .musical_vibe_widget_news_blocks .recent-news .title-divider {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 50px;
    width: 100%;
}
/*--------------------------------------------------------------
20. Custom WooCommerce
--------------------------------------------------------------*/
.entry-content p.cart-empty {
    margin-bottom: 15px;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce span.onsale {
    background-color: orange;
}

.woocommerce .star-rating span:before {
    color: #ffc300;
}

/*WooCommerce*/

.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}
.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0 0 45px #f3f3f3;
}
.woocommerce.woocommerce-product-grid-3 ul.products li.product {
    width: 30.23%;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffc300;
    color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 1px solid #ffc300;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid #ffc300;
}

.woocommerce.woocommerce-product-grid-3  ul.products li.product .button {
    left:32%;
}

.woocommerce  ul.products {
    margin: 0;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.woocommerce span.onsale {
    background-color: #ff7d3c;
    color: #ffffff;
    position: absolute;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.woocommerce ul.products li.product .onsale::after{
    content : '';
    width : 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.woocommerce ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 45px #f3f3f3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 20px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 0px;
    z-index: 99;
    border-radius: 100%;
}

.woocommerce ul.products li.product h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products li.product:hover .button {
    visibility:visible;
    opacity: 1;
    top: 35%;
}

.woocommerce ul.products li.product .button {
    margin: 5px 0 25px;
    padding: 10px 25px;
}

.woocommerce ul.products li.product:hover img {
    opacity: 0.7;
}

body.woocommerce .products .star-rating {
    font-family: star;
    font-size: 16px;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    margin: 15px auto 15px;
}

.woocommerce .star-rating::before {
    color: #fff;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.woocommerce ul.products li.product .price {
   color: #77a464;
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
}

.woocommerce #comments {
     margin-top:0;
}

.woocommerce #primary .button, .woocommerce #review_form #respond .form-submit input {
    background: #ffc300;
    color: #000;
    display: inline-block;
    min-width: auto;
    padding: 9px 17px;
    font-size: 12px;
    border-radius: 0;
    text-transform: capitalize;
    letter-spacing: 0;
}
.woocommerce #primary .button:hover, .woocommerce #review_form #respond .form-submit input:hover {
    background-color: #232323;
    color: #fff;
}

.woocommerce .quantity .qty {
    height: 34px;
}

/*--------------------------------------------------------------
20.1. WooCommercce Product Grid widget
--------------------------------------------------------------*/

.musical-vibe-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.musical-vibe-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.musical-vibe-woocommerce ul.products li.product {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    margin:25px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 29.4%;
    clear: none;
    box-shadow: 0 0 45px #f3f3f3;
    border-radius: 0;
}
.musical-vibe-woocommerce.musical-vibe-woocommerce-product-grid-4 ul.products li.product:nth-child(4n+1) {
    clear: both;
}

.musical-vibe-woocommerce.musical-vibe-woocommerce-product-grid-3 ul.products li.product:nth-child(3n+1) {
    clear: both;
}

.musical-vibe-woocommerce.musical-vibe-woocommerce-product-grid-4 ul.products li.product {
    width: 21%;
}
h2.woocommerce-loop-product__title {
    font-size: 18px;
    padding: 0 15px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    margin: 0;
}
.musical-vibe-woocommerce  ul.products {
    margin: 0;
}

.musical-vibe-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.musical-vibe-woocommerce span.onsale {
    background-color: #ff7d3c;
    color: #ffffff;
    position: absolute;
}

.musical-vibe-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.musical-vibe-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.musical-vibe-woocommerce ul.products li.product .onsale::after{
    content : '';
    width : 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.musical-vibe-woocommerce ul.products li.product .onsale {
    border-radius: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 20px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 10px;
    z-index: 99;
    right: 10px;
}
.musical-vibe-woocommerce ul.products li.product h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
}


.musical-vibe-woocommerce ul.products li.product:hover .button {
    visibility:visible;
    opacity: 1;
    top: 35%;
}
.musical-vibe-woocommerce ul.products li.product .button {
    margin: 5px 0 25px;
    padding: 7px 20px;
    background: #ffc300;
    color: #000;
    text-transform: capitalize;
}
.musical-vibe-woocommerce ul.products li.product .button:hover {
    background-color: #222;
    color: #fff;
}
.musical-vibe-woocommerce ul.products li.product:hover img {
    opacity: 0.7;
    background: #ffc300;
}

.musical-vibe-woocommerce .star-rating {
    font-family: star;
    font-size: 16px;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    margin: 15px auto 15px;
    position: absolute;
    top: 10px;
    left: 25px;
}

.musical-vibe-woocommerce .star-rating::before {
    color: #fff;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.musical-vibe-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.musical-vibe-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.musical-vibe-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.musical-vibe-woocommerce .woocommerce-product-rating::after,
.musical-vibe-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.musical-vibe-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.musical-vibe-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.musical-vibe-woocommerce ul.products li.product .price {
   color: #77a464;
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
}

.sidebar .musical-vibe-woocommerce ul.products li:before ,
.footer-widgets .musical-vibe-woocommerce ul.products li:before {
    display: none;
}

.sidebar .musical_vibe_widget_products_grid .inner-wrapper,
.sidebar .musical_vibe_widget_products_grid .inner-wrapper,
#footer-widgets .musical_vibe_widget_products_grid .inner-wrapper,
#footer-widgets .musical_vibe_widget_products_grid .inner-wrapper {
    margin: 0;
}

.sidebar .musical-vibe-woocommerce ul.products li.product,
.sidebar .musical-vibe-woocommerce-page ul.products li.product,
#footer-widgets .musical-vibe-woocommerce ul.products li.product,
#footer-widgets .musical-vibe-woocommerce-page ul.products li.product {
    width: 100%;
    padding: 0;
    margin:0 0 30px 0;
}


/*--------------------------------------------------------------
20.  Media Queries
--------------------------------------------------------------*/

/* Smaller than standard 1400 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        max-width:1270px;
    }
}

/* Smaller than standard 1230(devices and browsers) */
@media only screen and (max-width:1230px){
    .site-layout-boxed #page {
        width: 95%;
        max-width: 100%;
    }
	#quick-contact,
	#top-head-right,
	#tophead .header-social-wrapper  {
	    width: auto;
	}

    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 32px;
    }

    h3{
        font-size: 22px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 13px;
    }

    .container {
        width: 97%;
    }

    .main-navigation ul li a {
        letter-spacing: inherit;
    }

    #sidebar-front-page-widget-area .widget {
        padding: 40px 0;
        margin: 0;
    }

    .musical_vibe_widget_news_blocks .news-post {
        padding-top: 0;
    }

    .musical-vibe-woocommerce ul.products li.product {
        margin: 0 15px 15px;
        width: 30.3%;
    }

    .header-search-box .search-form {
        max-width: 500px;
    }
    .site-title {
        margin-top: 5px;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        visibility: visible;
    }

    #main-slider h3 {
       font-size: 60px;
    }

    #main-slider .cycle-prev,
    #main-slider:hover .cycle-prev {
       left: 1%;
    }

    #main-slider .cycle-next,
    #main-slider:hover .cycle-next {
        right: 1%;
    }
	#sidebar-front-page-widget-area .widget-title {
		font-size: 35px;
	}
}
/*  standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
     .main-navigation ul > li ul  {
        display: none;
        opacity: 1;
        visibility: visible;
    }
    .main-navigation ul > li:hover > ul  {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    #main-slider h3 {
       font-size: 55px;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){

    #main-slider .cycle-caption {
        max-width: 75%;
    }
	#sidebar-front-page-widget-area .widget, #sidebar-front-page-widget-area .cta-layout-1.musical_vibe_widget_call_to_action, .cta-layout-1 .musical_vibe_widget_call_to_action {
	    padding: 40px 0;
	    margin: 0;
	}

	.musical_vibe_widget_latest_news .latest-news-col-3 .latest-news-item {
	    width: 50%;
	}
    #sidebar-front-page-widget-area .cta-layout-1.musical_vibe_widget_call_to_action .call-to-action-content-wrap {
        text-align: left;
        display: inline-block;
        max-width: 100%;
    }
    #sidebar-front-page-widget-area .cta-layout-1 .widget-title {
        text-align: center;
    }
    #sidebar-front-page-widget-area .widget-subtitle {
        max-width: 100%;
    }
    .musical_vibe_widget_portfolio h3.portfolio-item-title {
        font-size: 20px;
    }
    .musical_vibe_widget_latest_news .latest-news-text-wrap {
     padding: 20px;

    }
    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }

    body{
        padding-top: 0;
    }

    #page {
        margin-top:45px;
    }

    #main-nav {
        display: none;
    }
	.team-view-members .column-3 .tv_member {
	    width: 50%;
	}
    .enabled-sticky-primary-menu.sidr-open #masthead.fixed {
        position: relative;
        top: 89px;
    }

    .enabled-sticky-primary-menu  #masthead.fixed {
        top: 39px;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed {
        top: 93px;
    }

    .sidr-open #mobile-trigger {
        transition: inherit;
    }

    #mobile-trigger {
        background: #000000 none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logged-in #mobile-trigger {
        top: 45px;
    }

    .sidr-open #mobile-trigger {
        padding-left: 275px;
        text-align: left;
        transition: inherit;
    }


    .site-branding {
        float: none;
        margin-right: 0;
    }

    .custom-logo-link {
        max-width: inherit;
    }
.musical_vibe_widget_featured_pages_grid .grid-column-3 .grid-item {
    width: 50%;
}
    #mobile-trigger i {
        background-color: #ffc300;
        border: 2px solid #fffffe;
        box-shadow: 0 1px 2px #000000;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }

    .sidr ul li ul li a,
    .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }

    #primary,
    .sidebar {
        width: 100%;
    }


    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary, body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .musical_vibe_widget_recent_posts .recent-posts-item {
        clear: both;
        float: left;
        margin-top: 30px;
        width: 100%;
    }

   .musical_vibe_widget_features .features-column {
        width: 100%;
        float: left;
        padding: 0;
    }

    .musical_vibe_widget_features .features-column .features-block-icon {
        margin-top: 15px;
    }
    .musical_vibe_widget_features .features-block-item {
        margin-top: 30px;
        float: left;
    }
    #main-slider h3 {
        font-size: 50px;
    }

    #main-slider p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .musical_vibe_widget_featured_pages_grid .grid-column-4 .grid-item,
    .musical_vibe_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 50%;
    }

    #footer-contact-section .quick-contact .quick-contact-item i {
        font-size: 20px;
        padding: 7px 0;
        width: 35px;
        height: 35px;
        float: none;
        margin: 0 auto 15px;
    }

    .musical_vibe_widget_features .features-widget {
        padding: 0;
    }

    .slider-buttons a {
        padding: 10px 20px;
        font-size: 14px;
        text-transform: uppercase;
    }

    .quick-contact-inner {
        float: none;
        text-align: center;
        width: 100%;
    }

    #sidebar-front-page-widget-area .featured-page-widget .featured-page-content {
        display: block;
        padding: 20px 0;
        clear: both;
        width: 100%;
    }

    #sidebar-front-page-widget-area .featured-page-widget {
        padding: 0;
    }

    #sidebar-front-page-widget-area .featured-page-widget.image-alignleft img,
    #sidebar-front-page-widget-area .featured-page-widget.image-alignright img {
        margin-right: 0;
        vertical-align: middle;
        margin-bottom: 0;
        float: none;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .quick-contact-item h4::after {
        width: 100%;
    }
    .musical-vibe-woocommerce ul.products li.product {
        margin: 0 15px 15px;
        width: 29%;
    }
    .musical-vibe-woocommerce.musical-vibe-woocommerce-product-grid-4 ul.products li.product {
        margin: 15px 15px;
        width: 45.9%;
    }
    #colophon .colophon-column-left,
    #colophon .colophon-column-right{
        float: left;
        width: 100%;
        text-align: center;
    }

    .musical_vibe_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-inner .grid-text-content {
        position: inherit;
        bottom: 0;
        top: inherit;
        clear: both;
        width: 100%;
        left: 0;
    }
    #sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-title,
    #sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .widget-subtitle,
    #sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .message {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 0 0;
    }
    #sidebar-front-page-widget-area .musical_vibe_widget_testimonial_slider .cycle-slideshow {
        float: left;
        width: 100%;
        margin-top: 16px;
        padding: 20px;
        margin-bottom: 40px;
    }
    .musical_vibe_widget_features .features-block-item {
        margin-top: 20px;
        float: left;
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 20px;
    }
    .musical_vibe_widget_services .service-block-item {
        width: 50%;
    }
    .musical_vibe_widget_services .service-block-item:nth-child(3n+1) {
        clear: inherit;
    }
    .musical_vibe_widget_services .service-block-item:nth-child(2n+1) {
        clear: both;
    }
    .musical_vibe_widget_news_blocks .recent-blocks,
    .musical_vibe_widget_news_blocks .recent-news {
        width: 100%;
    }
	.custom-button,
    .custom-button:visited {
        padding: 10px 25px;
        min-width: 135px;
    }
}
/* Smaller than standard 800 (devices and browsers) */
@media only screen and (max-width:800px){

     #main-slider h3 {
        font-size: 45px;
    }

    div#quick-contact {
	    width: 100%;
	    text-align: center;
	}
}
/* Smaller than standard 768 (devices and browsers) */
@media only screen and (max-width:767px){
   h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    h3{
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    #quick-contact, .header-social-wrapper .musical_vibe_widget_social {
        text-align: center;
        width: 100%;
    }

    #quick-contact li,
    .header-social-wrapper .musical_vibe_widget_social li {
        display: inline-block;
        float: none;
    }

    .header-search-box .search-form {
        max-width: 300px;
    }


    .site-branding {
        float: left;
        text-align: left;
    }

#quick-contact li, .header-social-wrapper .musical_vibe_widget_social li {
    display: inline-block;
    float: none;
    border: none!important;
    padding: 4px;
}
#tophead .musical_vibe_widget_social li {
    margin: 0;
    display: inline-block;
    float: none;
    padding: 0;
}

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-branding {
        text-align: left;
    }

    .site-content {
        padding-top: 15px;
    }

    /*featured slider style*/

    #main-slider .cycle-caption h3 {
       margin-bottom: 15px;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #main-slider .cycle-pager {
        bottom: 0;
    }

    .site-title {
        font-size: 24px;
    }

    .custom-button,
    .custom-button:visited {
        font-size: 14px;
        padding: 5px 20px;
        text-transform: inherit;
        min-width: inherit;
    }
a.custom-button.header-link-button {
    float: right;
    padding: 11px 27px;
    margin-top: 14px;
    letter-spacing: 1.5px;
    margin: 10px 0;
}
    .caption-alignment-center .slider-buttons a.custom-button {
        margin: 0 15px;
    }
    #main-slider .cycle-caption.caption-alignment-center {
        text-align: center;
        left: 10%;
    }
    #main-slider .cycle-caption {
        width: 80%;
        max-width: 80%;
        left: 10%;
        right: 10%;
    }
    #content {
        clear: both;
        padding-top: 20px;
    }

    #sidebar-front-page-widget-area {
        clear: both;
    }
    .musical_vibe_widget_portfolio .portfolio-filter a {
        padding: 4px 14px;
        font-size: 12px;
        margin-top: 5px;
    }
    .musical_vibe_widget_portfolio h3.portfolio-item-title {
        padding: 10px;
        font-size: 17px;
        font-weight: normal;
    }
    /*sidebar layout*/

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    .widget.musical_vibe_widget_services .service-block-item {
        width: 50%;
    }
    .service-block-inner-content {
        display: block;
    }
    .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item {
        width: 50%;
    }

    .musical_vibe_widget_products_grid .musical-vibe-woocommerce ul.products li.product {
        width: 44%;
    }

    .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item:nth-child(3n+1),
    .widget.musical_vibe_widget_products_grid .musical-vibe-woocommerce ul.products li.product:nth-child(3n+1) {
        clear: inherit;
    }

    .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item:nth-child(2n+1),
    .widget.musical_vibe_widget_products_grid .musical-vibe-woocommerce ul.products li.product:nth-child(2n+1) {
        clear: both;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }


    #footer-navigation {
        text-align: center;
        margin-bottom:10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    #custom-header {
        background-repeat: no-repeat;
        background-size: cover !important;
        padding: 45px 0;
    }

#custom-header .page-title {
    font-size: 27px;
}

    .musical_vibe_widget_featured_pages_grid  .featured-pages-grid .grid-item {
        width: 50%;
    }

    .musical_vibe_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(3n+1) {
        clear: inherit;
    }

    .musical_vibe_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(2n+1) {
        clear: both;
    }

    #sidebar-front-page-widget-area .widget {
        padding: 30px 0;
        margin: 0;
    }

    #sidebar-front-page-widget-area .widget-subtitle {
        margin: 0 auto 15px;
    }

    .musical_vibe_widget_testimonial_slider .testimonial-content-area {
        max-width: 100%;

    }
    #sidebar-front-page-widget-area .cta-layout-2 a.custom-button {
        padding: 10px 27px;
    }
    .alignment-left img,
    .alignment-right img {
        max-width: 50%;
    }

    .alignment-right .entry-content-wrapper,
    .alignment-left .entry-content-wrapper {
        display: block;
    }
    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }
    .musical_vibe_widget_services .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }
        .header-search-box .search-box-wrap {
        width: 260px;
    }
    .blog #primary article .entry-content-outer.alignment-center > a,
    .archive #primary article .entry-content-outer.alignment-center > a {
	    max-width: 100%;
	    float: none;
	    margin-right: 0;
	}
	.navigation.pagination .nav-links .page-numbers {
	    padding: 5px 15px;
	}
	.entry-content-outer img, .entry-content-outer img {
	    vertical-align: middle;
	    margin-bottom: 23px;
	}
	.blog .entry-content-wrapper, .archive .entry-content-wrapper {
	    display: table;
	    padding-top: 0;
	}
	.blog #primary article, .archive #primary article {
	    padding: 0 0 20px;
	    margin: 0;
	    clear: both;
	}
	a.more-link {
	    margin-left: 0;
	    display: table;
	    margin-top: 20px;
	    padding: 10px 25px;
	}
}

/* Smaller than standard 700 (devices and browsers) */
@media only screen and (max-width:700px){

 .entry-content-wrapper {
        padding-left: 0;
        padding-top: 0;
    }
    .musical-vibe-woocommerce ul.products li.product {
        max-width: 300px;
        margin: 10px;
        float: left;
    }

#tophead .musical_vibe_widget_social li a {
    margin: 0;
}

    .musical_vibe_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item,
    .musical_vibe_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
        width: 50%;
    }

    #sidebar-front-page-widget-area .overlay-enabled.musical_vibe_widget_call_to_action.cta-layout-2::before {
        width: 100%;
    }

    .cta-layout-2 .call-to-action-main-wrap {
        float: left;
        width: 100%;
        text-align: center;
        padding-right: 0;
        float: none;
    }

    #sidebar-front-page-widget-area .musical_vibe_widget_call_to_action.cta-layout-2 .widget-title {
        text-align: center;
        margin-bottom: 15px;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #custom-header {
        background-repeat: no-repeat;
        padding: 25px 0 30px;
    }

    .page-title {
        font-size: 30px;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed,
    .enabled-sticky-primary-menu  #masthead.fixed,
    .site-header {
        position: inherit;
        padding:15px 0;
        top: 0;
    }

    #main-slider .cycle-caption h3 {
        font-size: 40px;
    }

    #main-slider .cycle-pager {
        display: none;
    }

    #main-slider .cycle-prev, #main-slider .cycle-next {
        font-size: 19px;
        height: 35px;
        width: 35px;
        padding: 0;
        line-height: 1.9;
        opacity: 1;
    }
    .service-block-inner {
        padding: 0 20px;
    }

	.slider-buttons a.custom-button {
	    padding: 10px 23px;
	    font-size: 12px;
	    margin-top: 10px;
	}

   .alignment-left img ,
   .alignment-right img {
        max-width: 100%;
        margin:0 0 15px;

    }
    .alignment-right .entry-content-wrapper,
    .alignment-left .entry-content-wrapper {
        display: block;
    }
    #breadcrumb li {
    	font-size: 13px;
    }
}
/* Smaller than standard 600 (devices and browsers) */
@media only screen and (max-width:639px){
    .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item {
        width: 50%;
    }
    .widget.musical_vibe_widget_services .service-block-item {
        width: 50%;
    }
        .site-branding {
        text-align: center;
        width: 100%;
        float: none;
    }

    .custom-logo-link,
    .custom-logo-link, #site-identity {
        max-width: inherit;
        float: none;
        display: block;
        margin: 0 0 15px 0;
    }

}

 /* Smaller than standard 500 (devices and browsers) */
@media only screen and (max-width:500px){
    .musical_vibe_widget_features .features-column .features-block-icon {
        margin-top: 0;
        margin-right: 15px;
        width: 55px;
        height: 55px;
        line-height: 0;
        padding: 14px 0;
    }
    .musical_vibe_widget_features .features-block-icon i {
        font-size: 22px;
    }
    .musical_vibe_widget_features .features-column.features-main-content-left .features-block-icon {
        float: right;
        margin-right: 0;
        margin-left: 15px;
    }
    #main-slider .cycle-caption h3 {
        font-size: 22px;
    }
    #main-slider .cycle-caption{
        bottom: 35px;
    }
    #main-slider .cycle-prev, #main-slider:hover .cycle-prev {
        left: 0;
    }
     #main-slider .cycle-next, #main-slider:hover .cycle-next  {
        right: 0;
    }
    #main-slider .cycle-prev, #main-slider .cycle-next {
        width: 30px;
    }
    .slider-buttons a.custom-button {
        padding: 5px 16px;
        font-size: 13px;
        text-transform: capitalize;
        margin-right: 5px;
    }
    .musical_vibe_widget_news_blocks p {
        margin: 0;
        display: table;
    }
    .musical_vibe_widget_latest_news .latest-news-widget .latest-news-item {
        width: 100%;
    }
    .scrollup {
        font-size: 14px;
        height: 40px;
        width: 35px;
        border: 4px solid #ffc300;
    }

	a.cart-button {
	    float: right;
	    margin-top: 5px;
	    margin-left: 25px;
	    position: relative;
	    margin-right: 50px;
	}
	a.custom-button.header-link-button {
	    float: none;
	    padding: 8px 25px;
	    font-size: 12px;
	    margin: 0 auto;
	    display: inline-block;
	}

	a.cart-button {
	    float: right;
	    margin-top: 5px;
	    margin-left: 0;
	    position: relative;
	    margin-right: 10px;
	}
	.site-header {
	    text-align: center;
	}
	#sidebar-front-page-widget-area .widget-title {
	    font-size: 27px;
	}
}
/* Smaller than standard 480 (devices and browsers) */
@media only screen and (max-width:479px){
    .musical_vibe_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item,
    .musical_vibe_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
        width: 100%;
    }
    .musical_vibe_widget_news_blocks .news-post {
        padding-top: 0;
        width: 100%;
    }
   .musical-vibe-woocommerce ul.products li.product {
        max-width: 300px;
        margin: 15px auto 15px;
        width: 100%;
        float: none;
    }
    .musical_vibe_widget_featured_pages_grid  .featured-pages-grid .grid-item {
        width: 100%;
    }

   .team-view-members .team-view-members-inner .team-view-members-items .tv_member,
   .team-view-members .team-view-members-inner .team-view-members-items.column-1 .tv_member {
        max-width: 100%;
        width: 300px;
        margin: 0 auto 15px;
        float: none;
        padding:0;
    }

    .comment .reply {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    ol.comment-list .children {
        padding-left: 0;
    }

    .navigation .nav-links .nav-previous,
    .navigation .nav-links .nav-next {
        width: 100%;
        text-align: center;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .site-description {
        margin-bottom: 0;
    }

    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }


    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }

    .widget.musical_vibe_widget_services .service-block-item {
        width: 100%;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }


    .musical_vibe_widget_products_grid .musical-vibe-woocommerce ul.products li.product {
        width: 285px;
        margin: 0;
        float: none;
        margin: 0 auto 15px;
        display: block;
    }


}
/* Smaller than standard  (devices and browsers) */
@media only screen and (max-width:359px){

    #main-slider .cycle-caption{
        bottom: 30px;
    }
    .slider-buttons a.custom-button {
        display: none;
    }
    #main-slider .cycle-caption {
        bottom: 48px;
        text-align: center;
    }
}
/* Smaller than standard 320 (devices and browsers) */
@media only screen and (max-width:219px){

    .container{
        width: 310px;
        max-width: 310px;
    }

}

/*** Block Styles ***/

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
	font-style: italic;
	margin-bottom: 1.5em;
	text-align: left;
}

hr.wp-block-separator {
	background: none;
	border-bottom-width: 1px;
}

.wp-block-gallery {
	margin: 0;
	margin-bottom: 15px;
}

.wp-block-gallery.alignleft,
.wp-block-gallery.alignnone,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignright {
	display: flex;
}

.wp-block-gallery figcaption {
	font-style: italic;
}

p.has-drop-cap:not(:focus)::first-letter {
	font-size: 5em;
	margin-top: 0.075em;
}

.wp-block-image {
	margin-bottom: 1.5em;
}

.wp-block-image figure {
	margin-bottom: 0;
	margin-top: 0;
}

.wp-block-image figure.alignleft {
	margin-right: 1.5em;
}

.wp-block-image figure.alignright {
	margin-left: 1.5em;
}

.wp-block-audio audio {
	display: block;
	width: 100%;
}

.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
	display: flex;
}

.wp-block-pullquote blockquote {
	margin: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote {
	border-left: 5px solid #ffc300;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	border: none;
	background: #ffc300;
	padding: 30px;
	color: #fff;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
	color: #fff;
}
blockquote:before {
	display: none;
}
blockquote {
    margin: 0 0 15px 0;
    position: relative;
    padding-left: 20px;
}
.entry-content ul.wp-block-gallery {
    margin-left: 0;
    padding-left: 0;
}
.entry-content ul,.entry-content ol {
    padding-left: 20px;
    margin-left: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal;
    font-size: 18px;
    color: #000;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	clear: both;
}
/*================================================================
========================= Style Ends =============================
================================================================= */