@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; } }