/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Sixteen theme
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     twentysixteen
 Version:      1.0.0
*/

/* ===== RESET ================================================== */
@import url("../twentysixteen/style.css");
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}

body{font-family:'Open Sans', sans-serif; font-size:15px; color:#000;}
:focus{outline:0 none;}
:focus,
a{text-decoration:none; color:#848a8e;}
a:hover{text-decoration:none; color:#da2129; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
h1,h2,h3,h4,h5,h6{font-weight:normal; color:#222;}
h2, h3 {font-size:36px; color:#898e92; font-weight:600; line-height:36px; text-align:center; text-transform:uppercase;}
strong{font-weight:bold;}
::-webkit-input-placeholder{color:#000;}
:-moz-placeholder{color:#000;} /* Firefox 18- */
::-moz-placeholder{color:#000;} /* Firefox 19+ */
:-ms-input-placeholder{color:#000;}
.clear{clear:both;}
.btn{ max-width:310px; margin:30px auto 0 auto; background:#da2129; border:2px solid #da2129; border-radius:5px; text-align:center;  font-size:20px; font-weight:600; display:block; padding:20px 60px; color:#fff;}
.btn:hover{background:none; color:#da2129; text-decoration:none;}
.bg{background:#1c2933; padding:30px 0;}
.full-width{float:left; width:100%;}
.full-width h2{padding:50px 0; font-size:34px; line-height:36px; color:#222;}
.hide{display:none!important;}
.container{width:100%; max-width:1200px; margin:0 auto; display:table;}

/* header fixed */
.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
	background: rgba(0, 0, 0, 0.8);
	height: 180px;
	padding: 0 0 10px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
.header-fixed.small{background:rgba(28,41,51,0.8); border-bottom:#515151 solid 1px;}
.header-fixed.small{height:auto;}
.header-fixed.small .logo{padding:19px 0;}
.header-fixed.small .logo img {width:200px;}
.header-fixed.small + .banner {margin-top:112px;}

/* navigation */
/* Header and Logo */
.header .logo {
  padding: 28px 0;
  transition: all 0.4s ease;
}

.header .logo img {
  width: 296px;
  transition: all 0.4s ease;
}

/* Header Menu */
.header .header-menu {
  display: table;
  margin: 0 auto;
}

.header .header-menu .navigation {
  float: left;
  margin-top: -5px;
}

.header .header-menu .navigation ul {
  float: left;
  margin-top: 10px;
}

.header .header-menu .navigation ul li {
  float: left;
  list-style: none;
  position: relative;
  margin-right: 20px;
}

.header .header-menu .navigation ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  display: block;
  padding: 5px 0px;


}

/* Hover and active states */
.header .header-menu .navigation ul li:hover a,
.header .header-menu .navigation ul li.active a,
.header .header-menu .navigation ul li.current-menu-item a {
  border-bottom: solid 2px #da2129;
  color: #ffffff;
  padding-bottom: 9px;
  transform: translate3d(0, 0, 0);
}

/* Submenu */
.header .header-menu .navigation ul ul {
  display: none;
  position: absolute;
  top: 17px;
  z-index: 1;
  left: 0;
}

.header .header-menu .navigation ul ul li a {
  color: #fff;
  text-decoration: none;
}

.header .header-menu .navigation ul li:hover ul {
  display: block;
}

.header .header-menu .navigation ul li:hover ul li a {
  min-width: 230px;
}

.header .header-menu .navigation ul li:hover ul li a:hover {
  background: #000;
}

.header .header-menu .navigation ul .sub-menu li a,
.header .header-menu .navigation ul .sub-menu li.current-menu-item a,
.header .header-menu .navigation ul .sub-menu li.active a {
  border: 0;
  background: #121d25;
  text-align: left;
  font-size: 13px;
  padding: 10px;
}

/* Dropdown toggle visibility */
.header .header-menu .navigation ul li .dropdown-toggle {
  display: none;
}

/* Mobile Menu - Navbar Toggle */
.navbar-toggle {
  display: none; /* Hide toggle on desktop */
  cursor: pointer;
  width: 44px;
  height: 38px;
  padding: 0;
  position: relative;
}

.navbar-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 5px 0;
}
.news-box-main{
  display:flex;
  flex-wrap:wrap;         
  gap:10px;
  align-items:stretch;
}


.news-box-main .news-box{
  flex: 1 1 calc(33.333% - 10px);
  min-width: 280px;        
}


.news-box-main .news-box iframe{
  width:100% !important;
  height:400px;
  display:block;
  border:0;
}


.news-box-main .news-box .twitter-timeline{
  width:100% !important;
}


@media (max-width: 980px){
  .news-box-main .news-box{
    flex: 1 1 calc(50% - 10px);
  }
}


@media (max-width: 600px){
  .news-box-main{
    flex-direction:column;
  }
  .news-box-main .news-box{
    flex: 1 1 100%;
    min-width: 0;
  }
  .news-box-main .news-box iframe{
    height:360px; 
  }
}
/* Mobile Menu */
@media (max-width: 767px) {
  .header .header-menu .navigation {
    display: none;
    width: 100%;
    float: none;
    margin-top: 10px;
  }

  .header .header-menu .navigation.is-open {
    display: block;
    margin-top: 10px;
  }

  .header .header-menu .navigation ul {
    display: block;
    margin-top: 10px;
  }

  .header .header-menu .navigation ul li {
    width: 100%;
    float: none;
    display: block;
    margin-top: 5px;
    
  }

  .navbar-toggle {
    display: inline-block;
  }

  .header .header-menu .navigation ul ul {
    position: static;
    margin-left: 0;
    margin-top: 5px;
  }

  .header h1 {
    width: 100%;
    text-align: center;
  }

  .header .header-right .social-media {
    width: 100%;
    margin-top: 10px;
  }

  /* Mobile submenu */
  .header .header-menu .navigation ul li:hover ul {
    display: block;
    position: relative;
  }
}



/* social links */
.header .header-menu .social-links{float:left; margin-left:10px} 
.header .header-menu .social-links li{display:inline-block;} 
.header .header-menu .social-links li a{height:35px; float:left; width:35px;  margin-right:5px; margin-bottom:2px; padding:0px;}
.header .header-menu .social-links li a img{ width:32px; border-radius:5px}
.header .header-menu .social-links li a:hover{}
/* banner */
.loading .banner .flexslider .slides li{ display:none;}
.loading .banner .flexslider .slides li:first-child{ display:block;}
.loading .banner{height:1000px}
.banner{margin:140px 0 50px; position:relative; overflow:hidden; transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;}
.banner .flexslider .slides li{-webkit-box-sizing:initial; -moz-box-sizing:initial; box-sizing:initial;}
.banner .flexslider .slides img{width:100%; display:block;}
.banner .flexslider .flex-direction-nav li a{background:url(images/bg_direction_nav.png) no-repeat; width:60px; height:60px; float:left; position:absolute; top:50%; margin-top:-30px}
.banner .flexslider .flex-control-nav{position:absolute; bottom:105px; width:100%; text-align:center;}
.banner .flexslider .flex-control-nav li{display:inline-block;}
.banner .flexslider .flex-control-nav li a{ background:rgba(0,0,0,0.5); height:11px; width:11px; margin-right:10px; text-indent:-9999px;  float:left;  border-radius:20px;}
.banner .flexslider .flex-control-nav li a:hover,
.banner .flexslider .flex-control-nav li a.flex-active{background:#000;}
.banner .flexslider .flex-direction-nav .flex-next{right:5px; background-position:-65px 0px; text-indent:-9999px;}
.banner .flexslider .flex-direction-nav .flex-prev{left:5px; text-indent:-9999px;}
/* arrow */
@keyframes bounce {
0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0); -ms-transform:translateY(0);  -webkit-transform:translateY(0);  transform:translateY(0);}
40%{-moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transform:translateY(-30px);}
60%{-moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px);}
}
.banner .arrow{position:relative; bottom:0; margin-top:-84px; left:50%; margin-bottom:43px; margin-left:-20px; width:40px; height:40px; background-image:url(images/bottomarrow.png); background-repeat:no-repeat;  background-size:contain;}
.banner .bounce {-moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite;  animation:bounce 2s infinite;}

/* player and videos */
#video{width:100%; float:left; display:black; overflow:hidden}
.video{text-align:center;}
.video .video-box{ width:25%; float:left;}
.video .video-box span{display:inline-block; font-size:13px; background:#fff; border-right:1px solid #e5e5e5; float:left; padding:20px 0; text-align:center; width:100%}
.full-width.video{display:none;}
/* video main about  */
.video-main{padding:30px 200px; margin:50px 0;}
.about{background:url(/wp-content/uploads/2021/12/about-bg-1.png); text-align:center; padding:24px 0; margin-bottom:50px; background-size:cover}
.about span img{padding:20px 0px; width:200px}
.about h2, h3{font-size:34px; color:#898e92; line-height:36px; text-transform:inherit; padding:0; font-weight:400}
.about p{font-size:13px; color:#dddddd; line-height:24px; padding:12px 0px;}
/* news */
.news{background:url(images/bg-midal.jpg) no-repeat top center; padding:30px 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;  background-size:cover;}
.news .news-box{width:28.33%; float:left; margin-left:30px;  background:#fff; border-radius:4px; position:relative;}
.news .news-box span img{width:100%;}
.news .news-box h4{color:#222; font-size:18px; font-weight:600; margin-bottom:12px; border-bottom:1px solid #DDD; padding:5px 0 9px 0;}
.news .box{padding:10px; height:502px; overflow-y:scroll}
.news .news-box.box ul li img{width:100px; float:left; margin:0 5px 5px 0}
.news .news-box strong{color:#848a8e; font-size:14px; line-height:20px;}
.news .news-box p{font-size:13px; color:#000; padding:0px; margin:5px 0 15px; line-height:16px;}
.news .news-box .btn{background:#d7b56d; padding:12px 25px; margin-top:39px; margin-bottom:15px; display:table; border:0; font-size:13px;}
.news-box iframe {width: 100%;height:400px !important; display:block;}
/* gigs */
.gigs .gigs-box{width:100%; padding:10px; float:left; margin-top:15px; border:1px solid #364652;}
.gigs .gigs-box:first-child{margin-top:0}
.gigs .gigs-box span{width:120px; float:left; margin-right:15px;} 
.gigs .gigs-box span img{width:100%;}
.gigs .gigs-box a{font-size:12px; color:#d7b56d;}
.gigs .gigs-box p{color:#ddd; font-size:12px;}
/* shop */
.shop .shop-box{width:25%; float:left; text-align:center; border-bottom:solid 1px #364652;margin:10px 0;}
.shop .shop-box span img{padding-bottom:15px; border-radius:5px;} 
.shop .shop-box .itunes-button{border-top:solid 1px #364652; padding:10px 0;}
.shop .shop-box .itunes-button a.imag-icon img{border-radius:5px; width:35px;}
.home .shop .shop-box:nth-child(4) {clear: both;}
/* media */
.media h3{ text-align:left; color:#fff; border-bottom:1px solid #666; padding-bottom:5px; margin-bottom:20px; font-size:20px;}
.media .media-box{ 
    margin-left: -17px;
    margin-bottom: 20px; 
    float:left;
    
}
.media .media-box li{width:13.833333333333334%; float:left; margin:0 17px;}
.media .media-box img{width:100%;}
.media .bottom-about{padding:30px 0; background:#ebebeb; border-bottom:solid 1px #ddd;}
.media .bottom-about a.btn{margin:0 auto}
/* conatc us */
.contact .contact-bg{background:url(images/contact-bg.jpg) no-repeat;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;  background-size:cover; padding:50px 0;}
.contact .contact-bg .left{width:48%; float:left;}
.contact .contact-bg .left .email{background:#fff; border-radius:5px;  text-align:center; padding:0px 0 20px 0}
.contact .contact-bg .left strong{display:block; font-size:16px;  letter-spacing:1px; color:#919191; padding:0 0 20px;}
.contact .contact-bg .left .email strong{color:#222; text-transform:uppercase;}
.contact .contact-bg .left .email span{background:#da2129; border-radius:4px; padding:22px 12px 9px 12px;  position:relative; top:-18px; }
.contact .contact-bg .left .bottom-box{width:48.5%; float:left; background:#fff; border-radius:5px; margin-top:15px; padding:10px;     min-height:347px;}
.contact .contact-bg .left .bottom-box h4{font-weight:600; font-size:14px; padding-bottom:10px; color:#222}
.contact .contact-bg .left .bottom-box strong{font-size:14px;}
.contact .contact-bg .left .bottom-box img{float:left; margin-right:10px;}
.contact .contact-bg .left .bottom-box p{font-size:13px; color:#919191; line-height:25px;}
.contact .contact-bg .left .bottom-box a{color:#d7b56d;} 
.contact .contact-bg .left .bottom-box a:hover{ color:#da2129;}
.contact .contact-bg .left .right{float:right;}
.contact .contact-bg .left  .bottom-box:nth-child(2n){float:right;}
.contact .contact-bg .right{width:47%; float:right;}
.contact .contact-bg .right h3{color:#fff; text-transform:uppercase; font-size:34px; border-bottom:1px solid #fff; text-align:left; padding-bottom:45px; margin-bottom:30px;}
.contact .contact-bg .right label{padding:0 0 5px; float:left; margin-top:30px; color:#fff; font-size:13px;}
.contact .contact-bg .right label:first-child{margin-top:0}
.contact .contact-bg .right input{width:100%; padding:10px; border:0; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000}
.contact .contact-bg .right textarea{width:100%; margin-bottom:20px; padding:10px; border:0; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000 }
.contact .contact-bg .right .btn{width:145px; font-size:13px; padding:10px 20px; float:left; margin-top:20px; cursor:pointer; border:2px solid #da2129; color:#FFF}
.contact .contact-bg .right .btn:hover{color:#FFF;}
.contact .contact-bg .right span{color:#fff;}
.contact .contact-bg span.wpcf7-not-valid-tip{font-size:13px; font-family: 'Open Sans', sans-serif;}
.contact .contact-bg div.wpcf7-response-output{float:left; width:100%; margin:10px 0; font-family: 'Open Sans', sans-serif; font-size:13px; color:#FFF; background:rgba(255, 0, 0, 0.4); padding:8px 6px; border:solid 2px #F00}
.contact .contact-bg div.wpcf7-mail-sent-ok{background:rgba(57, 143, 20, 0.4); border:solid 2px rgb(57, 143, 20)}
.contact .contact-bg div.wpcf7 img.ajax-loader{float:left; margin:13px 0 0 10px}
/* footer */
.footer{width:100%; float:left; background:#121d25;}
.footer .footer-main{display:table; margin:40px auto; }
.footer .footer-main li{float:left;}
.footer .footer-main li a{width:70px; height:70px; float:left; margin-left:0px; border:3px solid #666;  border-radius:100%; padding:16px;}
.footer .footer-main li a.active{}
.footer .footer-nav ul li .dropdown-toggle,
.footer .footer-nav ul li ul.sub-menu{display:none}
/* hover social and tooltrip */
.hi-icon {display:inline-block;font-size:0px;cursor:pointer;margin:15px 30px;width:90px;height:90px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff;}
.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%; content:'';-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.hi-icon-effect-8 .hi-icon {border:solid 3px #666666;-webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s;-moz-transition:-moz-transform ease-out 0.1s, background 0.2s; transition:transform ease-out 0.1s, background 0.2s;}
.hi-icon-effect-8 .hi-icon:after {top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(255,255,255,0.1);opacity:0;-webkit-transform:scale(0.9); -moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
.hi-icon-effect-8 .hi-icon:hover {background:rgba(102,102,102,0.05);color:#fff;}
.hi-icon-effect-8 .hi-icon:hover:after {-webkit-animation:sonarEffect 1.3s ease-out 95ms;-moz-animation:sonarEffect 1.3s ease-out 75ms;animation:sonarEffect 1.3s ease-out 75ms;}

@keyframes sonarEffect {
0%{opacity:0.3;}
40% {opacity:0.5;box-shadow:0 0 0 2px rgba(102,102,102,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(102,102,102,0.5);}
100% {box-shadow:0 0 0 2px rgba(102,102,102,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(102,102,102,0.5); transform:scale(1.5);opacity:0;}
}
.hi-icon-effect-8 a.tooltips span {position:absolute; width:170px; color:#FFFFFF; background:#000000; height:30px; font-size:14px; line-height:30px; text-align:center; visibility:hidden; border-radius:6px; top:-50px;}
.hi-icon-effect-8 a.tooltips span:after{content:''; position:absolute; top:100%; left:50%; margin-left:-8px; width:0; height:0; border-top:8px solid #000000; border-right:8px solid transparent;border-left:8px solid transparent;}
.hi-icon-effect-8 a:hover.tooltips span {visibility:visible;opacity:0.8;bottom:100px; left:50%; margin-left:-80px; z-index:999;}

/* footer nav */
.footer .footer-nav{text-align:center;}
.footer .footer-nav li{display:inline; padding-bottom:9px;}
.footer .footer-nav li a{color:#ffffff; padding:6px 15px; font-weight:600; color:#FFF; border-bottom:2px solid transparent; font-size:16px; background:url("images/arrow.png") no-repeat scroll 0 15px;}
.footer .footer-nav li a:hover,
.footer .footer-nav li.current-menu-item a,
.footer .footer-nav li.active a{border-bottom:solid 2px #da2129; color:#da2129; background:url("images/arrow-hover.png") no-repeat scroll 0 15px;}
.footer-bottom{background:#1c2933; width:100%; float:left;  border-top:solid 1px #3b4a54; text-align:center; font-size:11px; padding:25px 0; color:#eee;}
.footer-bottom a{color:#EEE}
.footer-bottom a:hover{color:#848a8e}
/* scrollup */
.scrollup{width:50px; height:50px; position:fixed; bottom:6.5%; right:5%;  background:#1c2933 url(images/bottom-arrow.png) no-repeat center center; border:solid 1px #3b4a54; border-radius:2px;}
/* inner page contant */
.aboutus{color:#FFF}
.aboutus h1{color:#fff; font-size:34px; font-weight:600; line-height:normal; padding:0 0 15px;}
.aboutus p{font-size:13px; line-height:24px; margin:15px 0}
.aboutus h3{color:#fff; font-size:22px; text-align:left; font-weight:600; line-height:normal; padding:0 0 10px;}
.aboutus ol{margin:0; padding:0}
.aboutus ol li{margin:0; padding:3px 0 3px 15px; line-height:normal; font-size:13px; list-style:inside decimal}
/* media */
.media-part{clear:both; margin:10px 0 0; display:block; overflow:hidden}
.media-part a{width:16.6666%; float:left; height:220px; overflow:hidden; padding:0 15px}
.media-part a img{width:100%}
.media-page ul li{
    border:1px solid #364652; 
    display: flex;
    flex-direction: column;
    margin-bottom:10px; 
    padding:10px; 
}
.sujana-media{float:left; margin-right:15px;}
.media-page ul li img{border-radius:10px; float:left; max-width:100%}
.media-page ul li a{color:#d7b56d}
.media-page ul li a:hover{color:#dd1510}
.media-page ul li p{margin:0 0 5px; line-height:normal}
.media-page ul li ul li{border:0; float:left; margin-bottom:0px; padding:2px 10px; width:100%; font-size:13px}
.content.text-clr{float:left; padding:35px 0 0;}
/* News */
.news-main{}
.news-main ul li p span,
.gigs-main ul li p span{color:#d7b56d; font-weight:600}
.news-main ul li img{border-radius:0; float:left; padding-right:10px; width:12%;}

.gigs-main ul li img{border-radius:0; float:left; padding-right:10px; width:12%}
.shop-main{margin:15px 0 0}
.shop-main .shop-part{border-bottom:1px solid rgba(255, 255, 255, 0.3); float:left; text-align:center; width:25%; margin:10px 0;}
.shop-part img{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.itunes-button{border-top:1px solid rgba(255, 255, 255, 0.3); margin-top:10px; padding:10px 0;}
.itunes-button a{padding:0 5px}
.itunes-button .qmazoon img{height:auto; width:35px;}
/* Responsive */
@media (max-width:1170px){
.container{padding-right:15px; padding-left:15px;}
.media .media-box li{width:28.33%; margin-bottom:15px;}
.video-main{padding:30px;}
}
@media (min-width:768px){
.header .header-menu .navigation{display:table !important;}
.header .header-menu .navbar-toggle{display:none;}
}
@media (max-width:980px){
.header .header-menu .social-links{margin-left: 0px;}
.header .header-menu .social-links li a {margin:0;}
.player iframe{height:300px;}
.video-main iframe{height:300px;}
.about span img{width:100%; height:auto;}
.contact .contact-bg .left .bottom-box{min-height:430px;}

.footer .footer-main li a {margin:0 6px;}
.media .media-box {margin:0;}
.media .media-box li {padding:0 15px;}


}
@media (max-width:767px){
  body {padding:0;}

  /* navigation */
  .header .logo,
  .header-fixed.small .logo {padding:18px 0 10px;}

  .header .logo img,
  .header-fixed.small .logo img {width:200px;}

  .header-fixed,
  .header-fixed.small {height:102px;}

  .header .header-menu{float:left; width:100%; position:relative;}

  .header .header-menu .navbar-toggle{
    margin:9px 0 9px;
    cursor:pointer;
    width:30px;
    float:left;
  }

  .header .header-menu .navbar-toggle span{
    background:#bebdbd;
    height:3px;
    width:30px;
    display:block;
    margin-top:4px;
  }

  /* MENU WRAPPER */
  .header .header-menu .navigation{
    /*background:#202020;*/
    padding:10px;
    margin-top:10px;
    display:none; /* you toggle this with JS */
    width:100%;
  }

  /* TOP LEVEL UL ONLY */
  .header .header-menu .navigation > ul,
  .header .header-menu .navigation ul.menu{
    display:block;
    position:static !important;
    top:auto !important;
    left:auto !important;
    padding:10px !important;
    margin:0 !important;
    width:100% !important;
    background:#000 !important;
  }

  /* LI */
  .header .header-menu .navigation li{width:100%;}

  /* LINKS */
  .header .header-menu .navigation li > a{
    display:block;
    padding:10px;
    text-align:left;
    font-weight:600;
    border-bottom:solid 2px #202020;
    background:transparent;
    color:#fff;
    transition:all .25s ease;
  }

  /* hover/tap highlight (more reliable than a:hover only) */
  .header .header-menu .navigation li:hover,
  .header .header-menu .navigation li:active{
    background:#3b4a54 !important;
  }

  .header .header-menu .navigation li:hover > a,
  .header .header-menu .navigation li:active > a,
  .header .header-menu .navigation li > a:focus{
    color:#fff !important;
    background:#3b4a54 !important;
    outline:none;
  }

  /* SUBMENU ONLY (fix: no floating box) */
  .header .header-menu .navigation ul.sub-menu{
    display:none;               /* hidden by default */
    position:static !important; /* IMPORTANT */
    top:auto !important;
    left:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 0 8px 18px !important;
    background:#000 !important;
  }

  .header .header-menu .navigation ul.sub-menu li a{
    border-bottom:0;
    padding:8px 10px;
    background:transparent;
  }

  /* show submenu when li gets .open (JS toggles this) */
  .header .header-menu .navigation li.open > ul.sub-menu{
    display:block;
  }

  /* social */
  .header .header-menu .social-links{position:absolute; left:60px; top:7px;}
  .header .header-menu .social-links li a{margin-right:5px;}
}


/* banner all content */
.banner{margin:102px 0 30px;}
.banner .flexslider .flex-control-nav{bottom:30px;}
.video .video-box{ width:50%;}
.video .video-box iframe{height:200px;}
.about{background-size:100%;}
.shop .shop-box{width:50%; margin-bottom:15px;} 
.media .media-box li{width:42%;}
.contact .contact-bg .left{width:100%; margin-bottom:30px;}
.contact .contact-bg .right{width:100%;}
.contact .contact-bg .left .bottom-box{min-height:380px;}
.news .news-box{display:table; margin:20px auto; float:none; width:350px;}

.footer .footer-main {margin: 20px auto;overflow: hidden; text-align:center;}
.footer .footer-main li a {margin: 0 2px;width:50px;height:50px;padding:9px 0;}
.footer .footer-main li a img {max-width: 26px;max-height: 26px;}
.footer .footer-nav li a{line-height:30px;}



@media (max-width:479px){
/*.banner{margin-top:124px;}*/
.full-width h2{font-size:24px; padding:20px;}
.video .video-box{ width:100%;}
.gigs .gigs-box span{width:100%;}
.shop .shop-box{width:100%;}
.media .media-box li{width:92%;}
.contact .contact-bg .left .bottom-box{min-height:inherit; width:100%;}
.contact .contact-bg .right h3{font-size:24px;}
.about h2, h3{padding:0px; font-size:24px;}
.video-main{padding:30px 0;}
}

.shop-wrap{
  padding: 20px 10px;
}

.shop-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 40px; /* row gap, column gap */
  align-items: start;
}

/* each item */
.shop-card{
  text-align: center;
}

/* cover */
.shop-cover{
  width: 175px;           /* similar size */
  max-width: 100%;
  margin: 0 auto 14px;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
}

.shop-cover img{
  width: 100%;
  height: auto;
  display: block;
}

/* icons row */
.shop-links{
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.25); /* horizontal line like screenshot */
}

.shop-icon{
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  text-decoration: none;
}

.shop-icon img{
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 4px;
}

/* ===== Responsive ===== */
@media (max-width: 1100px){
  .shop-grid{ grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 850px){
  .shop-grid{ grid-template-columns: repeat(3, 1fr); }
  .shop-cover{ width: 180px; }
}
@media (max-width: 600px){
  .shop-grid{ grid-template-columns: repeat(2, 1fr); }
  .shop-cover{ width: 200px; }
}

@media (max-width: 520px){
  .shop-grid{ grid-template-columns: 1fr; }
  .shop-cover{ width: 300px; }
}




.site-info {
    font-size: 11px;
}
.site-title{
    font-size: 11px; 
}
.footer-bottom a{
    font-size: 11px;
}

@media (max-width:479px){
    .twitter-timeline{
        width: 350px;
    }
}



@media (max-width: 767px){

  /* Disable hover-open behavior on mobile */
  .header .header-menu .navigation ul li:hover > ul.sub-menu{
    display: none !important;
  }

  /* Submenu hidden by default */
  .header .header-menu .navigation ul.sub-menu{
    display:none !important;
    position: static !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 0 8px 18px !important;
    background:#000 !important;
  }

  /* Open submenu when li has .open */
  .header .header-menu .navigation li.open > ul.sub-menu{
    display:block !important;
  }
}
@media (max-width: 767px){
  .header .header-menu .navigation ul.sub-menu{ display:none !important; }
  .header .header-menu .navigation li.open > ul.sub-menu{ display:block !important; }

  /* stop hover behaviour from hiding it on mobile */
  .header .header-menu .navigation ul li:hover > ul.sub-menu{ display:none !important; }
}


/* ===== Photo Gallery Section ===== */
#photo-gallery {
  padding: 40px 0;
}

#photo-gallery h3 {
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 20px;
}

#photo-gallery .photo-gallery-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

#photo-gallery .photo-gallery-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}

#photo-gallery .photo-card {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#photo-gallery .photo-cover {
  position: relative;
  width: 100%;
}

#photo-gallery .photo-cover img {
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== Comp Card Section ===== */
#comp-card {
  padding: 40px 0;
}

#comp-card h3 {
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 20px;
}

#comp-card .comp-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

#comp-card .comp-card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}

#comp-card .comp-card {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#comp-card .comp-card-cover {
  width: 100%;
}

#comp-card .comp-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== Responsive Design for Photo Gallery and Comp Card ===== */
@media (max-width: 1100px) {
  #photo-gallery .photo-gallery-grid,
  #comp-card .comp-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 columns */
  }
}

@media (max-width: 850px) {
  #photo-gallery .photo-gallery-grid,
  #comp-card .comp-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 columns */
  }
}

@media (max-width: 520px) {
  #photo-gallery .photo-gallery-grid,
  #comp-card .comp-card-grid {
    grid-template-columns: 1fr; /* 1 column */
  }
}
/* ===============================
   ZYAMOU Pagination (isolated)
   =============================== */

.zyamou-pagination{
  margin-top: 25px;
  display: block;
}


.zyamou-pagination,
.zyamou-pagination *{
  box-sizing: border-box;
}

.zyamou-pagination ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  gap: 10px;
  align-items: center;
  background: transparent !important;
}

.zyamou-pagination li{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}


.zyamou-pagination a,
.zyamou-pagination span{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 10px;
  font-size: 14px;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #ffc400 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  line-height: 1 !important;
}


.zyamou-pagination .current{
  background: #1b2b36 !important;
  color: #ffffff !important;
  border: 1px solid #2e3f4a !important;
}


.zyamou-pagination a:hover{
  background: #2e3f4a !important;
  color: #ffffff !important;
}


.zyamou-pagination a::before,
.zyamou-pagination a::after,
.zyamou-pagination span::before,
.zyamou-pagination span::after{
  content: none !important;
}


.zyamou-pagination .prev,
.zyamou-pagination .next{
  min-width: auto;
  padding: 0 12px;
}


@media (min-width: 769px) and (max-width: 882px) {
  .header .header-menu .navigation {
      float: none;
  }
}