@media (min-width: 1200px){
.container {
width: 1170px;
}
}
@media (min-width: 1315px){
.container {
width: 1280px;
}
}
@media screen and (max-width: 1600px) {
.navbar-default .navbar-nav > li > a {
padding: 10px ; 
}
}
@media screen and (max-width: 1199px) {
.post-inner h4 {
font-size:16px;
}
.slider .tab-wrap ul li { 
padding: 15px; 
}
.slider .tab-wrap ul li .title { 
font-size: 14px; 
}
}
@media screen and (max-width: 1024px) {
body {
background: #fff;
}
.content-area {
padding: 70px 0px 75px 0px;
}
.single-wrap .content-wrapper {
padding: 70px 0;
border: none;
}
.catagory-block-area {
padding: 80px 0;
}
.topbar .topbar-inner {
padding: 70px 0 70px 0;
border-right: none;
border-left: none;
}
.social-full-section .social-full-inner ul li a {
padding: 35px 17px;
}
.footer .footer-main-section .footer-widget ul li {
margin-right: 40px;
}
.comment-form input[type="text"] {
margin-right: 28px;
}
}
@media (max-width: 992px) { .navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.header-common {
position: fixed !important;
top: 0 !important;
width: 100% !important;
z-index: 9999 !important;
background: #fff !important;
}
.navbar-header .collapse, .navbar-toggle {
display: block !important;
}
.navbar-header {
float: none;
border-bottom: none;
}
.navbar-default {
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default .navbar-toggle {
margin-right: 5px;
}
.navbar-default .navbar-toggle,  .navbar-default .navbar-toggle:hover,  .navbar-default .navbar-toggle:focus {
border: none;
background: none;
}
.navbar-default .navbar-nav {
text-align: left;
}
.navbar-default .navbar-nav li a {
padding-left: 0;
padding-right: 0;
margin-right: 0;
}
.navbar-default .navbar-nav .has-sub-menu > .sub-menu {
position: static;
padding-left: 25px;
border: none;
background: transparent;
width: 100%;
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.navbar-default .navbar-nav > li.has-sub-menu > a {
margin-right: 0;
}
.navbar-default .sub-menu li {
width: 100%;
background: transparent;
padding: 0;
border-bottom: none;
}
.navbar-default .sub-menu li a {
color: #797979;
font-size: 12px;
}
.navbar-default .navbar-nav li {
float: none;
display: block;
}
.navbar-default .navbar-nav li a:after {
left: 0;
margin-left: 0;
}
.navbar-default .nav.navbar-nav {
float: none !important;
padding-top: 20px;
}
.navbar-default .navbar-nav .has-sub-menu button {
position: absolute;
top: 12px;
right: 0;
color: #d0d0d0;
border: none;
display: block;
width: 50px;
font-size: 25px;
background: transparent;
}
.navbar-default .navbar-nav .has-sub-menu button:focus {
outline: 0;
}
.navbar-default .navbar-nav .navbar-nav .has-sub-menu {
position: relative !important;
}
.navbar-default .navbar-nav > li.has-sub-menu > a:after,  .navbar-default .has-sub-menu:before,  .navbar-default .has-sub-menu:hover:before {
content: none;
}
.navbar-collapse {
border-color: transparent !important;
}
.widget_tags ul {
text-align: center;
}
.navbar-default .sub-menu .has-sub-menu:before {
content: none;
}
}
@media screen and (max-width: 991px) {
.logolefts {
display: none;
}
.navblock::before { 
width: 100%; 
}
.top::after { 
width: 100%; 
}
.navblock .navbar-default {
background: #ffffff;
}
.navblock::before {
background: #ffffff;
}
.navbar-default .navbar-nav > li > a { 
color: #000;
padding:10px !important;
}
.navbar-default .navbar-nav > li > a:hover { 
color: #c22733 !important;
}
.navbar-default .nav.navbar-nav {
background:#e1e1e1;
}
.contact_head, .contact_head  a{
color: #ffffff !important;
}
.navbar-default .navbar-brand {
display: block;
width: 190px;
height: 50px;
margin-top: 0px;
padding: 0 15px;
}
.header-common {
position: static !important;  
}
.about-us ul li { 
width: 50%; 
padding: 15px 8px 25px;
}
header.site-header nav {
position: absolute;
background-color: #fff;
width: 100%;
left: -100%;
z-index: 999;
top: 78px;
border: 5px solid #E1E1E1;
transition: all 0.3s ease-out, color 0.3s ease-out;
}
header.site-header nav.active {
opacity: 1;
left: 0;
}
header nav>ul {
width: 100%;
}
header nav>ul>li {
display: block;
text-align: left;
padding: 0;
border-top: 1px solid #E1E1E1;
position: relative;
margin: 0;
}
header nav ul li a {
white-space: normal;
padding: 12px 15px;
display: block;
}
header.site-header .menu-icon { 
display: block;
}
.logo-img {
background: url(//actualites.music-opera.com/wp-content/themes/musicopera/images/logo-mobile.svg) no-repeat center;
width: 180px;
height: 35px;
}
.logo-img img {
display: none;
}
.head-center { 
margin: 15px 0;
}
.slider .tab-wrap ul li {
padding: 15px 10px 5px;
min-height:82px;
}
.slider .tab-wrap ul li .title {
font-size: 12px;
line-height: 19px;
}
}
@media screen and (max-width: 960px) {
header.site-header .menu-icon {
display: inline-block;
}
header.site-header .container {
max-width: 100%;
padding: 0 25px;
}
header.site-header .mobile-nav {
display: block;
}
header.site-header .mobile-nav nav {
display: block;
}
header.site-header .header-top {
float: right;
padding-top: 15px;
}
header.site-header .header-top .top-right ul {
display: none;
}
header.site-header .header-top .contact-info {
display: none;
}
header.site-header nav { 
top: 60px; 
}
}
@media screen and (max-width: 768px) {
.content-area {
padding: 70px 0px 0px 0px;
}
.instagram-section {
margin-top: 80px;
}
.sidebar {
margin-top: 50px;
}
.topbar {
display: none;
}
.catagory-block-area {
padding: 80px 0 0 0;
}
.catagory-block-area .catagory-block {
margin-bottom: 30px;
}
.catagory-block-area .catagory-block.last {
margin-bottom: 10px;
}
.social-full-section .social-full-inner ul {
margin-top: 50px;
text-align: center;
}
.social-full-section .social-full-inner ul li {
margin: 15px;
}
.social-full-section .social-full-inner ul li:last-child {
margin-bottom: 0;
}
.social-full-section .social-full-inner ul li a {
width: 250px;
border: 1px solid #e8e8e8;
}
.footer {
margin-top: 10px;
}
.footer-main-section .row {
margin: 0;
}
.instagram-section .item-content {
text-align: center;
}
.post-style-one.post-wider .post-thumb {
text-align: center;
}
.post-style-one.post-wider .post-thumb img {
display: inline-block;
}
.post-style-one.post-wider .post-wrapper {
text-align: center;
}
.single-post.contact-post,  .single-post.about-post,  .comment-form-area.contact-form {
text-align: center;
}
.search_input {
height: 50px; 
width: calc(100% - 145px);
}
.search-top input[type='submit'] {
height: 50px;
padding: 14px 10px;
width: 135px;
}
}
@media screen and (max-width: 767px) {
.catagory-block-area .catagory-block {
width: 360px;
margin: 0 auto 30px auto;
}
.footer {
background-size: cover;
background-repeat: no-repeat;
}
.catagory-block-area .catagory-block,  .post-two-column {
width: 45%;
float: left;
margin: 15px;
}
.navblock .navbar-default {
background: #fff;
}
.navblock::before {
background: #fff;
width: 100%;
}
.innerblocks {
border-top: none;
}
.top::after {
background: #eae9e9;
width: 100%;
}
.languebk {
padding: 0 0 0 10px;
}
.langue span{
display:none;
}
.all-news .grid-item .post-thumb {
height: 180px;  
}
.post-inner h4 {
font-size: 14px;
line-height: 20px;
}
.grid-item .post-news { 
margin: 0 0 15px;
}
.all-news .grid-item {
margin: 0 0 15px;
}
}
@media screen and (max-width: 568px) {
.single-post {
text-align: center;
}
.single-post .post-entry .post-with-avatar .left-elemnt {
float: none;
}
.single-post .post-entry .post-with-avatar .left-elemnt img {
display: inline-block;
}
.single-post .post-entry .post-with-avatar .right-elemnt {
float: none;
margin-top: 30px;
width: 100%;
}
.pagination-two .page-numbers {
padding: 30px 0;
width: 10%;
}
.pagination-two .page-numbers .pagination-text {
display: none;
}
.pagination-two .page-numbers:before {
content: none;
}
.pagination-two .page-numbers i.fa {
line-height: 60px;
}
.pagination-two .page-numbers.current i.fa {
line-height: 60px;
}
.comment-form input[type="text"] {
margin-right: 24px;
}
.form-btn {
text-align: center;
}
.catagory-block-area .catagory-block,  .post-two-column {
width: 44%;
}
.social-full-section .social-full-inner ul li a {
width: 225px;
}
.contact_head { 
width: auto; 
display:none;
}
.all-news .grid-item .post-thumb {
min-height: 150px;
}
.post-inner h4 { 
min-height: 90px;
}
.single-post .post-wrapper .post-tag { 
font-size: 11px; 
}
}
@media screen and (max-width: 480px) {
.blog-footer .post-meta-data {
float: none;
margin-bottom: 15px;
}
.blog-footer .blog-share {
float: none;
}
blockquote {
padding: 25px 20px 30px 30px;
}
.comment-form input[type="text"] {
width: 100%;
margin-right: 0;
}
.comment-form input[type="email"] {
width: 100%;
}
.single-post-author .post-author-info {
float: none;
width: 100%;
}
.comment-area {
text-align: center;
}
.comment-list ul li .media-left {
float: none;
margin-bottom: 20px;
}
.comment-list ul li ul {
margin-left: 0;
}
.comment-form-area {
text-align: center;
}
.catagory-block-area .catagory-block, .post-two-column {
width: 100%;
float: none;
margin: 25px 0;
}
.about-us {
padding: 0 0 25px;
}
.all-news .grid-item .post-thumb { 
max-height: none;
height: auto; 
}
}
@media screen and (max-width: 480px) {
.all-news .grid-item {
width: 100%;
}
.post-inner h4 {
min-height: 20px;
}
.sudscription-form .input-wrap input[type='email'] {
width: 60%; 
padding: 14px 15px;
}
.sudscription-form .input-wrap .button { 
width: 40%; 
}
.label { 
white-space: normal; 
}
.single-post .post-wrapper .post-title h3 {
font-size: 20px;
line-height: 25px; 
}
.grid-item{
width:100% !important;
}
.content-area {
padding: 35px 0 ;
} 
}
@media screen and (max-width: 414px) {
.contact-form-area .form-common input[type="text"] {
margin-right: 0px;
}
.form-common input[type="text"],  .form-common input[type="email"] {
width: 100%;
}
.footer-widget .widget-about-content {
padding: 0;
}
.single-post-author .post-author-thumb {
float: none;
text-align: center;
}
.single-post-author .post-author-thumb img {
display: inline-block;
}
.single-post-author .post-author-info {
text-align: center;
padding: 25px 0px 0px 0px;
}
.media {
text-align: center;
}
.media .media-left {
float: none;
display: block;
padding-right: 0px;
}
.footer-widget .widget_popular_post {
padding: 55px 20%;
}
.about-us ul li {
width: 100%;
padding: 15px 8px ;
}
}
@media (max-width: 375px) {
.slider-title {
padding: 0 20px !important;
}
.page-numbers {
padding: 15px 15px 15px 25px;
}
.search_input { 
width: 100%;
margin:0 0 5px;
}
.search-top input[type='submit'] {
width: 100%;
}
}
@media (max-width: 767px) {
.navbar-nav {
margin: 0;
}
.navbar-default .social-icon {
display: none;
}
}
@media (max-width: 375px) {
.usertop ul {
margin:-5px 0 0;
}
.usertop li { 
border-right: none
}
.usertop li a { 
font-size: 11px; 
}
}