@media (max-width: 1300px) {
.counter-item h3 {
font-size: 30px;
}
h2.counter-text {
font-size: 16px;
}
.counter-item {
padding: 0 22px;
}
.myCountdown {
padding-left: 30px;
padding-right: 30px;
}
.section-spacing,.cta-section {
padding: 80px 0;
}
.songs-section{
padding-top: 80px;
}
}
@media only screen and (max-width: 1350px) and (min-width: 1200px){
.container {
max-width: 1090px;
width: 1090px;
}
}
@media (max-width: 991px) {
.banner-section h1 {
font-size: 45px;
}
.banner-section span {
font-size: 18px;
}
.section-headings h2 {
font-size: 32px;
}
div#hamburger-menu {
display: block;
}
nav#site-navigation {
display: none;
margin: 0;
}
nav#site-navigation.open {
display: block;
}
.header-navigation ul {
display: block;
width: 100%;
}
.header-navigation ul li {
display: block;
width: 100%;
}
header#masthead .col-md-12 {
display: block;
}
.header-navigation li a {
padding: 7px 10px;
}
header#masthead {
padding: 20px 0;
}
.site-logo {
float: left;
}
div#hamburger-menu {
position: absolute;
right: 20px;
top: 12px;
z-index: 999;
cursor: pointer;
}
nav#site-navigation {
float: right;
width: 100%;
}
nav#site-navigation ul {
width: 100% !important;
float: none !important;
}
nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu, nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:focus .sub-menu, nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within .sub-menu {
left: 0 !important;
position: relative;
}
nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu, nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:focus .sub-menu, nav#site-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:focus-within .sub-menu{
left: 0 !important;
position: relative;
}
nav#site-navigation li.menu-item-has-children:hover .sub-menu, nav#site-navigation li.menu-item-has-children:focus .sub-menu, nav#site-navigation li.menu-item-has-children:focus-within .sub-menu{
background: #f7f7f7 !important;
position: relative;
}
.header-navigation ul li {
border-bottom: 1px solid #404040;
}
.header-navigation .menu-primary-container {
border: 1px solid #eee;
margin-bottom: 15px;
}
button.close-menu {
width: 100%;
padding: 8px 10px;
}
div#hamburger-menu button.open-menu {
padding: 0;
background: none !important;
}
div#hamburger-menu button:focus span{
background-color: #fff;
}
button.close-menu {
display: block;
}
header.entry-header h1.entry-title {
font-size: 26px;
}	
.h1,h1 {
font-size: 30px
}
.h2,h2 {
font-size: 26px
}
.h3,h3 {
font-size: 22px
}
.h4,h4 {
font-size: 19px
}
.h5,h5 {
font-size: 17px
}
.h6,h6 {
font-size: 15px
}
.cta-section h2 {
font-size: 32px;
}
a.btn-default {
padding: 11px 25px;
}
.counter-item {
padding: 0 12px;
}
.myCountdown {
padding-left: 20px;
padding-right: 0;
}
h2.counter-text {
max-width: 220px;
}
.cta-section, .banner-section, .site-footer {
background-attachment: inherit;
}
.album-list .col-md-4 {
margin-bottom: 35px;
}
.album-list .col-md-4:last-child {
margin-bottom: 0;
}
.cta-section .row {
display: block;
}
.cta-section .row .col-md-5 {
margin-bottom: 30px;
}
.cta-section a.btn-default {
margin-top: 30px;
}
.blog-list .col-md-4 {
margin-bottom: 35px;
}
.blog-list .col-md-4:last-child {
margin-bottom: 0;
}
footer#colophon {
padding-top: 60px;
}
.site-info {
margin-top: 35px;
}
.header-navigation .social-icons {
padding: 15px 0;
}
button.close-menu {
font-size: 14px;
}
div#hamburger-menu button {
overflow: visible;
display: block;
font-weight: normal;
text-transform: capitalize;
width: 22px;
height: auto;
cursor: pointer;
position: initial;
border: none;
}
p.site-title a {
font-size: 19px;
}
}
@media (max-width: 767px) {
.page-section {
padding: 50px 0;
}
.prefooter {
padding: 40px 0;
}
.banner-filter-wrapper .form-group {
display: flex;
width: 100%;
flex-wrap: nowrap;
}
.banner-filter-wrapper {
display: block;
max-width: 400px;
margin: 0 auto;
}
.banner-filter-wrapper button.btn {
width: 100%;
}
.banner-filter-wrapper .form-group svg {
top: 17px;
}
.banner-filter-wrapper form .banner-search-input-wrap .form-group input#search-keywords {
padding-left: 14px;
}
.banner-filter-wrapper .form-group:first-child {
border-bottom: 1px solid #eee;
}
.banner-filter-wrapper .form-group:last-child {
margin-bottom: 0;
}
.banner-search-input-wrap {
padding-left: 10px;
}
.banner-filter-wrapper form .banner-search-input-wrap .form-group input#search-keywords{
width: 100%;
min-width: 0;
}
.blog-element article.blog-post {
width: 100%;
}
.blog-element article.blog-post:last-child {
margin-bottom: 0;
}
.h1,h1 {
font-size: 23px
}
header.entry-header h1.entry-title {
font-size: 23px;
}
.h2,h2 {
font-size: 21px
}
.h3,h3 {
font-size: 19px
}
.h4,h4 {
font-size: 17px
}
.h5,h5 {
font-size: 15px
}
.h6,h6 {
font-size: 13px
}
.banner-section h1 {
font-size: 32px;
margin-bottom: 25px;
}
.banner-section span {
font-size: 16px;
}
.section-headings h2 {
font-size: 24px;
}
.cta-section h2 {
font-size: 24px;
}
.cta-section {
padding: 55px 0;
}
.banner-section {
padding: 65px 0;
}
.section-spacing {
padding: 50px 0;
}
.counter-section {
display: block;
text-align: center;
}
h2.counter-text {
width: 100%;
text-align: center;
max-width: none;
margin-bottom: 14px;
}
.banner-section {
height: 650px;
}
.counter-item h3 {
font-size: 23px;
}
.counter-item {
font-size: 14px;
}
.counter-section {
padding: 20px 20px;
}
.follow-banner i {
font-size: 28px;
}
.follow-banner {
gap: 15px;
}
.album-list h3.entry-title {
font-size: 19px;
}
.photo-info {
margin-top: 15px;
}
.blog-element h3.entry-title {
font-size: 19px;
}
.songs-section {
padding-top: 50px;
}
footer#colophon {
padding-top: 50px;
}
.site-info {
margin-top: 14px;
}
footer h2.site-title {
font-size: 21px;
}
.site-footer .social-icons span {
font-size: 22px;
margin: 0 10px;
}
body {
font-size: 15px;
}
header.page-header h1.page-title {
font-size: 23px;
}
.archive .site-main article header.entry-header h2, .blog .site-main article header.entry-header h2 {
font-size: 19px;
}
.col-md-4 .widget h2 {
font-size: 19px;
}
.comment-reply-title {
font-size: 19px;
}
h2.comments-title {
font-size: 19px;
}
p.site-title a {
font-size: 17px;
}
}
@media (max-width: 500px) {
.counter-item {
padding: 0 6px;
}
.counter-section {
padding: 20px 10px;
}
h2.counter-text {
font-size: 15px;
}
.songs-section iframe {
height: 300px;
}
}