@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
   url('../fonts/BrandonGrotesque-Bold.ttf')  format('truetype'), 
   url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url('BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/BrandonGrotesque-Black.woff') format('woff'),
   url('../fonts/BrandonGrotesque-Black.ttf')  format('truetype'),
   url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/BrandonGrotesque-Light.woff') format('woff'),
  url('../fonts/BrandonGrotesque-Light.ttf')  format('truetype'),
  url('../fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/BrandonGrotesque-Medium.woff') format('woff'),
  url('../fonts/BrandonGrotesque-Medium.ttf')  format('truetype'),
  url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/BrandonGrotesque-Regular.woff') format('woff'), 
  url('../fonts/BrandonGrotesque-Regular.ttf')  format('truetype'), 
  url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrandonGrotesque-Thin';
  src: url('../fonts/BrandonGrotesque-Thin.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/BrandonGrotesque-Thin.woff') format('woff'), 
  url('../fonts/BrandonGrotesque-Thin.ttf')  format('truetype'), 
  url('../fonts/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}


/****** Global Reset & Standards -------- */
*{margin: 0;padding: 0;border: 0;font-family:'BrandonGrotesque-Regular', sans-serif;-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}

/* Lists ---------------------- */
ul, dl { margin:0; padding:0; list-style:none; }

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:auto}

/****** input type css *********/
input[type="submit"], input[type="button"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="text"],select, input[type="email"], input[type="password"], textarea, input[type='tel'], input[type='password'], input[type='number']{-webkit-appearance:none;-moz-appearance:none;appearance:none; font-size: 14px; color: #fff; letter-spacing:1px; font-family: 'BrandonGrotesque-Regular', sans-serif; font-weight:400;  width: 100%;height: 35px; border:none; outline: none; border-radius: 0px; outline:none;background-color:transparent;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { resize: vertical; height: auto; min-height: 70px; max-height: 150px;}

/*** Section *****/
select option{padding: 5px;}
select::-ms-expand {display: none;}

/*** img ****/
img{max-width: 100%; height: auto;vertical-align: top;}
figure {margin: 0;font-family: arial;}
figure a{display:block;font-family: arial;    padding: 4px 0px;}

/** body ***/
html, body{cursor: default; margin:0;color:#170e17;font-size:20px;letter-spacing: 1px; font-family: 'BrandonGrotesque-Regular', sans-serif;font-weight:300;  height: 100%; background:#000;}
body.no-scroll, body.fix-scroll{overflow:hidden;}
h3{font-size:20px;}
a{color:inherit;text-decoration:none;}

/*** imgbox hover effect ****//*
 .imgbox:first-child {margin-bottom: 30px;}
 .imgbox:after {  border-left: 2px solid #fff;  border-right: 2px solid #fff;  right: 15px;  content: "";  position: absolute;  left: 15px;  top: 50%;  bottom: 50%;  opacity: 0;  z-index: 11;  pointer-events: none;  -webkit-transition: all 600ms ease;  -moz-transition: all 600ms ease;  -ms-transition: all 600ms ease;  -o-transition: all 600ms ease;  transition: all 600ms ease;}
 .imgbox:before {  border-top: 2px solid #fff;  border-bottom: 2px solid #fff;  bottom: 15px;  content: "";  position: absolute;  top: 15px;  left: 50%;  right: 50%;  opacity: 0;  z-index: 11;  pointer-events: none;  -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
 .imgbox:hover:after {  top: 15px;  bottom: 15px;  opacity: 1;}
 .imgbox:hover:before {  left: 15px;  right: 15px;  opacity: 1;}

/*** common css *****/


.container{max-width:1170px; width: 100%; margin:0 auto; position:relative; padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.container:after { clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.header .container{max-width:inherit; padding: 0 80px 0px 80px;}	

.clear{clear: both;}
.pull-left{float:left;}
.pull-right{float:right;}
.center-align{text-align:center;}
.left-align{text-align:left; }
.heading h2{font-size:42px; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight: 300; font-family:'BrandonGrotesque-Light'}
.button{text-align:center;}
.error-msg {color: red;font-size: 13px;position: absolute;padding-top: 5px;top: 100%; white-space: nowrap;}
.space{padding:120px 0px;}

/******** Mani css code *********/
.header{background: rgba(0,0,0,0.7); padding:47px 0; display: inline-block; vertical-align: top; z-index: 6; position:fixed; top:0px; left:0px;right:0px;}
.header .nav{float:left;}
.header .nav > ul > li {float:left; color:#aeaeaf; letter-spacing: 0px; margin-right:10px;}
.header .nav > ul > li > a {color:#dfdfdf; font-size:16px; padding: 7px; margin: 0px 15px;display:block; font-weight:400;  text-transform:uppercase;position: relative;font-family: 'BrandonGrotesque-Medium'; letter-spacing: 1px;}
.close-icon{width:12px; height:12px; background-image:url(../images/close-icon-gray.png);background-repeat:no-repeat;display: inline-block;  float: right; background-size: 12px;}

@media (min-width:768px) {
  .header .nav{display: block !important;}
  .header .nav > ul > li > a:hover:after, header .nav > ul > li > a.active:after{content:"";left:0px;width:100%;border-bottom:1px solid #fff;}
.book-wrap{float:right;}
}

.header .nav > ul > li > a:after {content: "";position: absolute;bottom: 0px;left: 0%;width: 0px;height: 100%;z-index: -1;-webkit-ransition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;   -webkit-transition-timing-function: ease-out;   -o-transition-timing-function: ease-out;   transition-timing-function: ease-out;}

.book-wrap .book-btn{color:#fff;padding:7px 16px;font-size:14px;display: block; font-weight:400;  text-transform:uppercase;border-radius:4px;margin-left:10px;margin-right:0px; border:1px solid #fff;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.book-wrap .book-btn:hover{background:#fff;color:#000;border:1px solid transprent;}


/******* banner section *********/
.wrapper{height:100%;}
.banner-section{width: 100%; height:100%; background-image:url(../images/banner.jpg);background-repeat:no-repeat; background-position:center; background-size:cover; position: relative;}
.banner-detail {max-width:60%;}
.banner-section .banner-info h1 {font-size:50px; color: #fff; margin-bottom:30px;font-family:'helvtica Bold', sans-serif;}
.banner-section .banner-info p {color: #fff; font-size:22px; line-height: 28px; }

.banner-section .container{height:100%; position: absolute; top:0;right: 0; left: 0; bottom: 0; margin:auto; display: table; vertical-align: middle;}
.banner-section .container .banner-info{display: table-cell; vertical-align: middle;}


/****** slick-slider ********/
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-initialized .slick-slide{display: inline-block;float: none;vertical-align: middle;}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/****** slick-slider end ********/

/****** body-container social ******/
.body-container{width:100%; background:#000;}

/**** social css ****/
.social-post{}
.instagram-post{width: 100%;}
.instagram-post h2{margin-top:30px;margin-bottom: 40px;}
.heading{width:100%;text-align:center;}
.heading img{width:50px;}

.post-container{width: 100%;padding-bottom:70px;}
.post-list{margin-left: -15px; margin-right: -15px; }   
.post-list ul [class*="grid-"] { display: inline-block; vertical-align: top; width: 100%;}
.post-list ul li { float: left;   width: 33.33%; padding: 20px 20px;}
.post-list ul li .col-12 {width: 100%; display: inline-block; vertical-align: top; position: relative;}
.post-list ul li .imgbox { position: relative; padding-top:150%; overflow: hidden; border-radius: 10px;}
.post-list ul li .imgbox img {max-width: 100%; height: auto; position: absolute; top: 0; left: 0px; right: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 10px;}

.tweetter-post{width: 100%;}
.twitter-post h2{margin-top:30px;margin-bottom: 40px;}
.tweet-slider .tweet-constant{ width: 100%;padding:0px 10px;text-align:center;}
.tweet-slider .tweet-constant p{color:#fff;padding-bottom:50px; font-size:22px; line-height:32px; font-style: italic;}
.tweet-slider .tweet-constant p .color{color:#4c97fd;}
.tweet-slider .slick-dots{ width: 100%; text-align: center;}
.tweet-slider .slick-dots li{display: inline-block; vertical-align: top; height: 15px; width:15px; background: #808080; border-radius: 18px; font-size: 0px; margin: 4px 10px;cursor: pointer;}
.tweet-slider .slick-dots li button{opacity: 0;cursor: pointer;}
.tweet-slider .slick-dots li.slick-active{background: #fff;}

/******  social css end ******/

/********** biography-section *******/
.biography-section{width:100%; height:100%; position: relative; background-image:url(../images/biography.jpg); background-repeat:no-repeat;background-position:center;background-size:cover; -webkit-box-sizing:border-box;box-sizing:border-box;}
.overly-biography{position: absolute; top:0px; left:0px; width: 100%; height:100%; background-color:#171c3e;opacity:0.8; }
.biography-content{width:100%;} 
.biography-section h2{font-size:55px; text-align:left; margin-bottom:25px; font-family:'BrandonGrotesque-Bold' }
.biography-content p{padding: 10px 0px 10px 0px; line-height:30px;color:#fff;font-size:21px;line-height:32px;}
.biography-content strong{color:#fff;font-family: 'helvtica Bold', sans-serif;}


/********** feature-section *******/
.feature-section{width:100%; height:100%; position: relative; background-image:url(../images/feature.jpg); background-repeat:no-repeat;background-position:center;background-size:cover; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.feature-section h2{font-size:42px; margin-bottom:55px; text-align:center; font-family:'BrandonGrotesque-Bold' }
.feature-list{margin-left: -15px; margin-right: -15px; padding-bottom:55px; }   
.feature-list ul [class*="grid-"] { display: inline-block; vertical-align: top; width: 100%;}
.feature-list ul li { float: left; width: 33.33%; padding: 20px 15px;}
.feature-list ul li .col-12 {width: 100%; display: inline-block; vertical-align: top; position: relative;}
.feature-list ul li .col-12 a{cursor:default;}
.feature-list.detail ul li .col-12 a{cursor:pointer;}
.feature-list ul li .imgbox { position: relative; padding-top: 95%; overflow: hidden; border-radius: 10px; max-width: 356px;}
.feature-list ul li .imgbox > img {max-width: 100%; height: auto; position: absolute; top: 0; left: 0px; right: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 10px;}
.viewmore-btn {width: 274px; line-height:83px; background: #fff; text-transform:uppercase; font-size:18px; color: #000; border-radius: 5px; display: inline-block; font-weight: 400; text-align:center; margin: 0 auto; font-family:BrandonGrotesque-Medium;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
.viewmore-btn:hover{background:#ccc;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}


/********** services-section *******/
.service-section{width:100%; height:100%; position: relative; background-image:url(../images/service.jpg); background-repeat:no-repeat;background-position:center;background-size:cover; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.service-section h2{font-size:42px; text-align:center; font-family:'BrandonGrotesque-Bold';margin-bottom:35px; }
.service-section p{color:#fff; font-size:18px; text-align:center; line-height:32px;margin: 0px 40px 55px 40px;}

.service-wrap{margin: 0px -5px; padding-bottom:50px;}
.service-wrap li{width:calc(33.33% - 10px); min-height:244px;background:#000; float: left; margin:5px; padding:50px 20px; text-align: left; border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.service-wrap li h3{margin-bottom:15px; color:#fff; text-transform:uppercase; font-weight:600;}
.service-wrap ul > li > p{line-height:25px; color:#fff;text-align: left;margin:0px;}

.service-wrap .production{background:#3b3a32; }
.service-wrap .production:hover{background:#f7c34c;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.service-wrap .songwriting{background:#2a3527; }
.service-wrap .songwriting:hover{background:#8ec945;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.service-wrap .vocal{background:#3d2c28;}
.service-wrap .vocal:hover{background:#ec6246;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.service-wrap .mixing{background:#132a22;width: calc(50% - 10px);}
.service-wrap .mixing:hover{background:#a086e1;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.service-wrap .sound{background:#291e1f;}
.service-wrap .sound:hover{background:#3ec4a5;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}



/****** process-section ********/
.process-section{width: 100%;  background:#000; }
.process-section h2{font-size:42px; text-align:center; font-family:'BrandonGrotesque-Bold';margin-bottom:50px; }
.process-wrap{text-align:center;}
.process-wrap li{width:calc(33.33% - 34px); margin:15px; min-height:585px;background:#323942; display:inline-block; text-align: center; vertical-align:top; border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; position: relative; }

.process-wrap li .cunt{padding:15px 20px;border-top-right-radius:10px; font-weight: 600; background:#434a54;color:#fff; position:absolute; top:0px; right:0px;}
.process-wrap li .icon{ margin:48px auto;}
.process-wrap li .discretion{color:#fff;text-align:center;padding:0px 30px;}
.process-wrap li .discretion h3{font-size:20px;color:#fff; text-transform: uppercase; margin-bottom:20px;}
.process-wrap li .discretion p{color:#fff;font-size:20px; line-height:32px; font-family:BrandonGrotesque-Light;}
.delivery-btn{width: 80%; margin: 0 auto;padding:15px 10px; font-size:16px; margin-top:15px; display: block;text-transform: uppercase;background:#282e35; color:#fff;border-radius:5px; border:1px solid transparent;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
.delivery-btn:hover{border:1px solid #000;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }

/****** Clients map-section ********/
.map-section{width: 100%;background:#000; }
.map-section h2{font-size:42px; text-align:center; font-family:'BrandonGrotesque-Bold';}
.client-map{width:100%; text-align:center;}
.map-text{color:#fff;font-size:20px;text-align: center; padding:5px 0px 25px 0px; }

/****** testimonial-section ********/
.testimonial-section{width: 100%;  background:#000;}
.testimonial-section h2{font-size:42px; text-align:center; font-family:'BrandonGrotesque-Bold';margin-bottom:50px; }
.testimonial-slider{background:url(../images/testimonial.jpg) no-repeat center #413cfc; border-radius:10px; position: relative;}
.testimonial-slider:before{position: absolute; top:0px; left: 0px;background-color:rgba(4,2,93,0.6); content: ""; height: 100%; width: 100%;}
.testimonial-wrap{width:88%; margin: 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.testimonial-constant{width:100%;  color:#fff;padding:50px 100px; -webkit-box-sizing:border-box; box-sizing:border-box;  text-align:center;position: relative;}

.testimonial-constant .user-name{width: 50px;font-size:17px; height: 50px; border-radius:25px;color:#fff; text-transform: uppercase;background-color:rgba(4,2,93,0.8);text-align:center; line-height:45px;margin:0 auto;position:relative;z-index: 1; }
.testimonial-constant p{line-height:30px;position:relative;z-index: 1;font-family:BrandonGrotesque-Bold;}
.client-name{font-size:18px;margin-top:20px; }

.testimonial-slider .slick-prev, .slick-next { border: 2px solid #808080; border-radius: 100%; display: block; width: 40px; height: 40px; font-size: 0px; background: transparent; cursor: pointer; position: absolute; top: 40%;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
.testimonial-slider .slick-prev:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.testimonial-slider .slick-next:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}

.testimonial-slider .slick-prev:after {content:""; position: absolute; width:100%;height: 100%; left:0; right:0px; top:0px; z-index: 1;background-image:url(../images/slider-left.png);background-position:center;background-repeat: no-repeat; background-size:50%;}
.testimonial-slider .slick-next:before{content:""; position: absolute; width:100%;height: 100%; left:0; right:0px; top:0px; z-index: 1;background-image:url(../images/slider-right.png);background-position:center;background-repeat: no-repeat; background-size:50%;}

.testimonial-slider .slick-prev {left:-50px;}
.testimonial-slider .slick-next{right:-50px;}

.client-images{width: 100%; margin-top: 100px;text-align: center;}
.client-images li{width: 223px; display:inline-block; }

/****** Blog-section ********/
.blog-section{width: 100%;  background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blog-section h2{font-size:42px; text-align:center; font-family:'BrandonGrotesque-Bold';margin-bottom:50px; }

.blog-wrap{width: 100%;}
.blog-list{width: 100%;margin-bottom: 60px;}
.blog-list ul li {width:calc(50% - 54px); margin:25px; display:inline-block; -webkit-box-sizing: border-box;box-sizing: border-box;}
.blog-list ul li .col-12 {width: 100%; position: relative; background:#fff; border-radius:10px;}
.blog-list ul li .col-12 a{display: block;}
.img-box {width: 50%;float: left;}
.img-box img{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.content{width: 50%; float: right; padding:30px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.content .date{font-size:12px; font-family:'BrandonGrotesque-Medium';}
.content p{line-height:30px;font-family:'BrandonGrotesque-Medium';}
.right-arrow{ width: 30px; height:30px; position: absolute; right:30px; bottom:15px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.right-arrow:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}


/****** contact us section ********/
.contact-section{width:100%; position: relative; background:url(../images/contact.jpg) no-repeat left 65% #000; -webkit-box-sizing:border-box;box-sizing:border-box;}
.contact-wrap{width:100%; background-color:rgba(0,0,0, 0.7); border:1px solid #252525; }
.contact-wrap .left-panel{width:40%;float:left;padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.contact-wrap .left-panel h2{font-size:42px; text-align:left; font-family:'BrandonGrotesque-Bold'; text-transform:uppercase;color:#fff; margin-bottom:50px; }
.left-panel .info{border-bottom:1px solid #4d4d4d;}
.left-panel .info p:first-child{font-size:14px;}
.left-panel .info p{margin:15px 0px; font-size:16px; color:#fff;text-transform:uppercase; font-weight:lighter; }
.left-panel .info.email{ margin-top:25px;border-bottom:transparent; }
.left-panel .info.email a{color:#fff;}
.left-panel .info.email p{text-transform:none;}

.contact-wrap .right-panel{width:60%;float:right; padding:50px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.right-panel .form-element{margin: 15px 0; position: relative; vertical-align: top; width: 100%; display: inline-block;}
.form-element .col-6 { width: calc(50% - 15px); margin-right: 15px; float: left; position: relative;  }
.col-6 img{border-radius:5px;}
.form-element .border { border: 1px solid #949494; border-radius: 7px; padding:6px 10px;}
.form-element .border.focused{border-color:#fff;}
.form label { font-size:14px; color: #fff;}
.form-element .col-6:last-child{margin-right:0px;width: 50%;}
::-webkit-input-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
::-ms-input-placeholder {color:#fff;}
::placeholder {color:#fff;}
.record-inner li:nth-child(4){margin-right:0px;}

.record-inner{width: 100%;margin:20px 0px;}
.record-inner p{color:#fff;}
.record-inner li{float:left;margin-right:30px;margin-bottom:5px; position: relative;}
.contact-section input[type="checkbox"] {visibility: hidden;-webkit-appearance:none;-moz-appearance:none; position: absolute;}
.contact-section label {cursor:pointer;display: inline-block; }
.contact-section label img{width: 100px;}
.contact-section input[type="checkbox"] + label:before {border: 1px solid #949494; border-radius: 3px; content:""; display: inline-block;height: 16px;    margin: 0 8px 0 0; padding: 0;vertical-align: top;width: 16px;}
.contact-section input[type="checkbox"]:checked + label:before {content:""; background-image:url(../images/tick-w-icon.png);background-repeat: no-repeat;background-position: 2px 3px; text-align: center;background-color:#949494;border: 1px solid transparent;}
.contact-section input[type="checkbox"]:checked + label:after {font-weight: bold;}
.contact-section input[type="checkbox"]:focus + label::before {outline: rgb(59, 153, 252) auto 5px;}

.code-outer select{position: absolute; height:100%; width:62px;top: 0px;border-right: 1px solid #949494;left:0px;font-size: 14px;padding-left: 10px;}
.code-outer.focused select{border-right:1px solid #fff;}
.code-outer select option{background: #000;}
.code-outer input {padding-left:60px;}
.form-element.outer .capcha{width:49%; float:left;}
.form-element.outer .capcha img{max-height: 67px;}
.form-element.outer .submit-btn {width: 49%;float:right}
.form-element.outer .submit-btn input {display: block; margin: 0 auto;  width:100%; text-align: center; cursor:pointer;font-size:18px;padding:20px;border-radius:4px; background-color:#fff; color:#000;text-transform:uppercase;font-family:BrandonGrotesque-Medium;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.form-element.outer .submit-btn input:hover{background:#ccc;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

/******** footer ***********/
.footer{padding:50px 0px; border-top:1px solid #797a81; position: relative;}
.footer .container{position: static;}
.footer-logo{float: left; max-width: 170px;position: absolute; left: 80px;}
.footer-nov{float:left;padding-left: 90px;}
.footer-nov li {float:left; text-align:center;}
.footer-nov li p{ color:#fff; font-size:14px; margin-top:8px; text-transform: uppercase;}
.footer-nov li a{color:#fff; font-size: 16px; padding:5px 5px 0 5px;display: inline-block;position:relative;}
.footer-nov li a:after {content: "";position: absolute;bottom: 0px;left: 0%;width: 0px;height: 100%;z-index: -1;-webkit-ransition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;   -webkit-transition-timing-function: ease-out;   -o-transition-timing-function: ease-out;   transition-timing-function: ease-out;}
.footer-nov li a:hover:after{content:"";left:0px;width:100%;border-bottom:1px solid #fff;}

.footer .socal-icon { float: right; z-index: 4; position: relative;}
.socal-icon li { display: inline-block; vertical-align: middle; margin: 0 5px;}
.socal-icon li a{display:block;}
.socal-icon li .icon-botm{width: 30px; height: 30px; display: inline-block; margin-right: 15px; vertical-align: middle;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.socal-icon li .facebook-icon{background: url(../images/facebook-icon.png) no-repeat 0 0; background-size: 100% auto;}
.socal-icon li .twitter-icon{background: url(../images/twitter-icon.png) no-repeat 0 0; background-size: 100% auto;}
.socal-icon li .instagram-icon{background: url(../images/instagram-icon.png) no-repeat 0 0; background-size: 100% auto; margin-right:0px;}
.socal-icon li .icon-botm:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}



/***** content_2 css *******/
.content_2{width: 180px; padding: 10px 15px; background:#202431;position: fixed; right:20px; bottom:30px; z-index: 5; border-radius:10px;-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,.3);box-shadow: 0px 0px 20px 4px rgba(0,0,0,.3);-webkit-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out;opacity:1;}
.content_2 > .email{color:#fff; font-size:15px; display:block; font-family:BrandonGrotesque-Light;padding:0px 0px 20px;word-break: break-all;}
.content_2 p {color:#fff; font-size:15px;font-family:BrandonGrotesque-Light;}
.hide_contact_strip .content_2{display: none;-webkit-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out}
.socal-icon-fixed{position: relative;padding:15px 0px;}
.socal-icon-fixed li {display: inline-block; vertical-align: middle; margin: 0;}
.socal-icon-fixed > li > a{padding:10px 0px;}
.socal-icon-fixed li .icon-top{width: 20px; height: 20px; display:inline-block; margin-right: 10px; vertical-align: middle; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.socal-icon-fixed li .facebook-icon{background: url(../images/fb-gray.png) no-repeat left center; }
.socal-icon-fixed li .twitter-icon{background: url(../images/twitter-gray.png) no-repeat left center;}
.socal-icon-fixed li .instagram-icon{background: url(../images/insta-gray.png) no-repeat left center;}
.socal-icon-fixed li .icon-top:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}

/***** content_2 css end *******/

/******* feature music page css *********/
.banner-section.music{min-height:500px;height: auto;background: none;}
.banner-section.music:after {background:url(../images/banner_2.jpg) no-repeat top center; content:""; position: absolute; top:0; left: 0px; width: 100%; height: 900px; z-index: 1;}
.banner-section.music .banner-info .banner-detail{text-align:center; width:60%; padding-top: 15%; margin: 0 auto;z-index:2; position: relative;}
.banner-section.music .banner-info .banner-detail > h1{font-size:42px;}
.banner-section.music .banner-info .banner-detail > p{font-size:18px;}

.banner-detail.center-align p{line-height:35px;}
.feature-section.detail{background:#000;}
.feature-nav{width:65%; padding-bottom: 85px;}
.feature-nav li{float: left;margin-right: 50px; }
.feature-nav li a:first-child{margin-left:0px;}

.feature-list.detail ul li .imgbox{padding-top:70%;}
.feature-list.detail ul li .col-12{position: relative;}
.feature-list.detail ul li .imgbox > img{max-width: 100%;}

.feature-list.detail ul li .col-12 .effect{position:absolute;  z-index:2; width:100%;height:100%;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);display: table;left:0;right:0; top:0;bottom: 0px; margin: auto;}
.feature-list.detail ul li .col-12 .effect .hover-icon{display:table-cell;vertical-align: middle; }
.feature-list.detail ul li .col-12 .effect .hover-icon p{color:#fff;    padding: 0px 10px;}

.feature-list.detail ul li .col-12 .effect:before{background-color:rgba(255,0,78, 0.8);content: "";width:100%; min-height:300px;left:0;right:0; top:0;bottom: 0px; margin: auto;position: absolute;z-index: -1; border-radius:20px;}
.feature-list.detail ul li .col-12:hover .effect{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }


/******* feature music page css end  *********/

/******* booknow page css  *********/
/*.contact-section.booknow{width:100%; min-height:700px; position: relative; background-image:url(../images/booknow.jpg); background-repeat:no-repeat;background-position:left;background-size:45%;background-color:#000; -webkit-box-sizing:border-box;box-sizing:border-box;}
.cancel-btn{width:35px; height: 35px;text-align: center; border-radius:25px;background-color:#fff;position:absolute; top:50px; right:50px;background-image:url(../images/close.png);background-repeat:no-repeat; background-position:center;}
.contact-section.booknow .contact-wrap{background-color:transparent; border:1px solid transparent;}
.contact-section.booknow .left-panel, .contact-section.booknow .right-panel{padding:20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact-section.booknow .left-panel p{color:#fff; text-align: left;}
.contact-section.booknow .outer{margin:15px 0px;}
.contact-section.booknow .outer p{color:#fff;}

*/



/************* delivery paje css *************/
.pull-right .delivery{float:right;}
.pull-right .delivery  > ul > li{position:relative;}
.pull-right .delivery  > ul > li:first-child{margin-top: -5px;}
.pull-right .delivery  > ul > li a{font-size:18px; text-transform:none;padding:0px;color:#fff;  font-family:BrandonGrotesque-Light;}
.pull-right .delivery  > ul > li > a:after {content: "";position: absolute;bottom: 0px;left: 0%;width: 0px;height: 100%;z-index: -1;-webkit-ransition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;   -webkit-transition-timing-function: ease-out;   -o-transition-timing-function: ease-out;   transition-timing-function: ease-out;}
.pull-right .delivery  > ul > li > a:hover:after, .pull-right .delivery > ul > li > a.active:after{content:"";left:0px;width:100%;border-bottom:1px solid #fff;}
.book-wrap{float:right;}

.body-container.delivery{padding-top: 115px;}
.body-container.delivery .heading h2{font-family:BrandonGrotesque-Bold;margin-top:50px;}
.body-container.delivery .format-wrap{width: 100%;padding:50px 0px;}
.body-container.delivery .format-wrap h3{font-size:22px;color:#fff;text-align:center;text-transform:uppercase;}
.instructions-wrap .heading.common.bold h2{font-size:22px;}
.body-container.delivery .format-wrap .format-cont h3{font-size: 18px;}
.format-wrap ul{padding-top:50px;}
.format-wrap li{width: 33.33%;float: left;}
.format-wrap li .format-icon{float: left;}
.format-wrap li .format-cont{float: left; padding-left: 15px;}
.format-wrap li p{font-size:14px;color:#fff; text-transform:uppercase;font-family:BrandonGrotesque-Light;}
.format-wrap li h3{color:#fff; font-family:BrandonGrotesque-Bold;text-transform:uppercase;}

.instructions-wrap{width: 100%; text-align:center;}
.instructions-wrap li{width:29.33%; border:1px solid #4d4d4d; border-radius:10px;display: inline-block;min-height:250px;vertical-align: top;padding:20px 10px; margin: 15px 10px;}

.instructions-wrap li span{width:20px; height:55px; color:#555660;font-size:32px;font-family:BrandonGrotesque-Black;display: block;}
.instructions-wrap li p{color:#fff;text-align:left;}
.instruction-text{text-align:center; width: 730px; margin: 50px auto;max-width:100%}
.instruction-text p{color:#fff;}


/******** album-paje ***********/
.album-paje{width:100%; position: relative; background-image:url(../images/album.jpg); background-repeat:no-repeat;background-position:left;background-size:cover;background-color:#000; padding:150px 0px 100px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;}

.album-paje .pull-left, .album-paje .pull-right{width: 50%;padding:30px; -webkit-box-sizing:border-box; box-sizing:border-box;color:#fff;}
.album-paje .container .common:only-child{width:100%;}
.audio-panel{max-width:600px; margin:0 auto;padding-bottom:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.audio-panel .audio-wrapper{width: 100%; position: relative;}
.audio-panel .audio-wrapper audio{width:510px; height:350px;background-image:url(../images/feature-img_1.jpg);background-repeat:no-repeat;background-size:cover;    background-position: center;}

.video-panel{max-width:600px; margin:0 auto;padding-top:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.video-wrapper{max-height:350px;}
.video-wrapper > video {width: 100%; }
.video-wrapper iframe{max-width:510px; height:350px;}
.video-wrapper img{max-width:100%;}

.content-wrap{width: 100%}
.content-wrap li a{text-decoration:none; color:#fff;display: inline-block; vertical-align: top;width: 100%;  }
.content-wrap li a .song-name{width:50%;float: left;  padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.content-wrap li a .song-title{width:50%;float: right;  padding-left: 15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.form-element.outer{width:100% -10px;}

/******* audio css ********/
.example, .example2 {margin: 50px auto 0;width: 390px;}
.player {background: url(../images/blog-img2.png) no-repeat; background-color:#000; height: 250px; background-repeat:no-repeat;position: relative;width: 100%;z-index: 2;}
.title, .artist {font-family: verdana;left: 167px;position: absolute;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;display:none;}
.title {color: #FFFFFF;font-size: 14px;font-weight: bold;top: 23px;}
.artist {color: #EEEEEE;font-size: 12px;top: 40px;}
/*.pl {background: url(../audio-img/blog-img2.png) no-repeat;cursor: pointer;height: 40px;left: 330px;position: absolute;top: 20px;width: 39px;}
.pl:hover {top: 21px;}*/
.cover {width:100%;height: 100%; left:0px;position: absolute;top:0px;    background-size: cover;}
.controls {cursor: pointer;left: 0px;position: absolute; bottom:0px; width: 100%; background: #000; padding:10px;}
.controls .play, .controls .pause {width: 25px;height: 25px;margin: 5px 5px 0px 5px;}
.controls .play, .controls .pause, .controls .rew, .controls .fwd, .controls .stop {text-indent: -10000px;border: none;float: left;}
.controls .rew, .controls .fwd, .controls .stop {width: 25px;height: 25px;margin: 5px 20px 5px 5px;}

.controls .play {background: url(../images/play.png) no-repeat;}
.controls .pause {background: url(../images/pause.png) no-repeat;display: none;}
.controls .rew {background: url(../images/rewind.png) no-repeat;}
.controls .fwd {background: url(../images/next.png) no-repeat;}
.controls .stop {background: url(../images/stop.png) no-repeat;display:none;}
.hidden {display: none;}
.controls .visible {display: block;}
.volume {height: 10px; left: 155px; position: absolute; width: 100px; bottom: 17px;}
.mute  .volume-btn {background: url(../images/volume-off.png) no-repeat;}
.volume-btn {display:none; background: url(../images/volume-up.png) no-repeat;height: 20px;width: 20px;float: left;position: relative;
top: -4px;}
.volume-adjust {display:none; height:7px;position: relative;   width: 80%;background: #fff;float: right;top: 2px;left: 5px;}
.volume-adjust  > div > div {height: 7px;background: #000;}
.progressbar{background-color: #fff;cursor: pointer;z-index: 1;height: 5px;right:2%;position: absolute;width: 50%;bottom:27px; margin: 0px 10px;}
.novolume .progressbar{right: 4.375em;}
.progressbar div{width: 0%;height: 5px;position: absolute;left: 0;top: 0;}
.bar-loaded{background-color: #f1f1f1;z-index: 1;}
.bar-played{background: #73859f;z-index: 2;}
.timeHolder {display:none; color: #FFFFFF;font-size: 14px;font-weight: bold;bottom:70px;position: absolute;margin: 0px 5%;width: 90%;}
.time-current, .time-duration, .time-separator {color: #FFFFFF;font-size: 14px;font-weight: bold;float: left;}
.volume .ui-slider-handle {background: url("../images/spr.png") no-repeat scroll -201px -188px rgba(0, 0, 0, 0);height: 13px;   width: 13px;}
.playlist { padding-left:15px; min-height:270px; margin: -10px 0 0 2px;padding-bottom: 10px;padding-top: 15px;position: relative;
width: 100%;z-index: 1;margin: 0px auto;border-radius: 0px 0px 5px 5px;}
.playlist li,
.playlist div {color: #fff;cursor: pointer;margin: 0 0 5px 15px;}
.playlist li > a,
.playlist div > a {color: #fff;   text-decoration: none; vertical-align: top; display: inline-block; }

.song-name {width: 50%; float: left; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing:border-box;}
.song-title { width: 50%; float: right; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}

.map-heading{position: absolute; width: 100%; left: 0px;  right: 0px; top: 80px;}
 .map-section .heading h2{margin-bottom:20px;}
.message-icon {display:inline-block;   height: 14px;}

.message-icon img{    vertical-align: middle;}
/*.playlist div.active {font-weight: bold;}*/

.video-panel.no-mrgin {padding-top: 0px;}




/********** Homepage responsive css  ********************/









@media (max-width:1600px) {
  .header .container{max-width:inherit; padding: 0 60px 0px 60px;}	
.space { padding: 60px 0px;}
.header .nav{margin-top:10px; }	
.blog-list ul li{margin: 18px;}
.banner-section .banner-info h1{font-size: 36px;}	
.header .nav > ul > li > a{font-size:14px;}
  .header .nav > ul > li{margin-right:5px;}

.banner-section .banner-info p {font-size: 16px;    line-height: 22px;}
.banner-detail {max-width: 930px;padding:0px 15px;box-sizing:border-box;margin: 0 auto; padding-right: 20%;}
.biography-section .container{    max-width: 930px;}
.biography-content p {font-size: 16px; line-height: 25px;}
.biography-content {width: 100%; padding-right: 20%;}
.feature-section .container{max-width: 930px;}
.viewmore-btn {   width: 200px; font-size: 14px;line-height:60px;}
.service-section .container{max-width: 930px;}
.service-section p{margin: 0px 0px 45px 0px;font-size: 16px;line-height: 28px;}
.service-wrap li h3{font-size:15px;}
.service-section .service-wrap li p{font-size:14px;    line-height: 20px;}
.service-wrap li { min-height: 230px;}
.process-section .container{max-width: 930px;}
.process-wrap li .icon img{width:65px;}
.process-wrap li .discretion h3 {font-size: 16px;letter-spacing: 2px;margin-bottom: 10px;}
.process-wrap li .discretion p {font-size: 16px;line-height: 26px;}
.delivery-btn{font-size:12px;}
.process-wrap li{width: calc(33.33% - 24px);margin:14px 10px;min-height:460px;}
.map-section  .container{max-width: 930px;} 
.map-section .map-text{font-size: 16px;}
.testimonial-section .container{max-width: 930px;}
.testimonial-constant{padding:40px 40px;}
.testimonial-constant p {line-height: 25px;font-size: 16px;}
.social-post .container{max-width: 930px;} 
.social-post .heading h2 {font-size: 32px; letter-spacing: 5px;}
.heading h2 {font-size: 32px;letter-spacing: 2px;}
.tweet-slider .tweet-constant p {font-size: 15px;line-height: 26px;}
.blog-section .container{max-width: 930px;} 
.blog-section .content {padding: 30px 15px;}
.blog-section .content p {line-height: 22px;font-size: 15px;}
.content p.date{font-size: 11px;margin-bottom:10px;}
.right-arrow {width: 20px;height: 20px;}
.blog-section .right-arrow img{width:20px;}
.contact-section .container{max-width: 930px;} 
.contact-section .contact-wrap .left-panel h2{font-size: 32px;}
.contact-section .contact-wrap{padding: 15px 25px;}
.form-element.outer .submit-btn input{    font-size: 15px; letter-spacing: 1px;}
.contact-section .contact-section.space{padding: 60px 0px 100px;}
.footer-logo img{width: 100px;}
.footer .container{max-width: 930px;}
.footer-logo{left: 60px;}
.footer-nov {padding-left:80px;}
.footer-nov li p {font-size: 12px;}
.socal-icon li .facebook-icon{background-size:22px;}
.socal-icon li .twitter-icon {background-size:22px;} 
.socal-icon li .instagram-icon{background-size:22px;} 
.socal-icon li .icon-botm{margin-right: 5px;}
.content_2 p {font-size: 12px;}
.socal-icon-fixed{padding: 8px 0px;}
.left-panel .info p{font-size:14px;}
.left-panel .info.email a{font-size: 16px;}
.feature-list.detail ul li .col-12 .effect .hover-icon p{font-size:15px;}
.banner-section.music .banner-info .banner-detail{max-width: 700px;width:100%;padding-right:0px;}
.banner-section.music .banner-info .banner-detail > p {  font-size: 16px;}
.pull-right .content-wrap h2{    font-size: 24px;margin-bottom:15px;}
.pull-right .content-wrap p{font-size: 16px;  line-height: 26px;}
.playlist{font-size:16px;}
.playlist li > a, .playlist div > a{width:100%;}
.body-container.delivery .container{max-width: 930px;}
.body-container.delivery .format-wrap h3 {  font-size: 18px;letter-spacing: 3px;}
.format-wrap li p {font-size: 13px;}
.body-container.delivery .format-wrap .format-cont h3 {font-size: 15px;}
.instructions-wrap li span{font-size:26px;}
.instructions-wrap li{font-size:16px;}
.instruction-text p{font-size:16px;}
.pull-right .delivery > ul > li a {font-size: 15px;}
.instructions-wrap ul{margin:0px -25px;}
.album-paje .container{max-width: 930px;}
.form-element.outer .submit-btn input{padding:19px;}

}

@media only screen and (min-width:1279px) and (max-width:1450px) {
  .footer-nov{padding-left:180px;}
  .banner-detail{margin-left:170px;}
  .logo img{width:140px;}
  .header .nav{margin-top:5px; } 

}

@media (max-width:1400px) {
   figure a{padding: 3px 0px;}	
   .playlist{font-size:15px;}
   .instructions-wrap li {font-size: 15px;}
   .instruction-text p{font-size:15px;}
.pull-right .content-wrap p{font-size: 15px;  line-height: 26px;}   
   .banner-section .banner-info p { font-size: 15px;}
   .biography-content p { font-size: 14px;}
   .banner-section.music .banner-info .banner-detail > p {  font-size: 15px;}
   
  .header{padding: 28px 0px;}
  .header .container{padding:0 60px 0px 60px;}

  .header .nav > ul > li > a{margin:0px 10px;font-size:12px;}
  .service-section p { font-size: 14px; line-height: 24px;}
  .service-wrap li {min-height: 220px;}
  .process-wrap li .discretion p {font-size: 15px;}
  .logo img{   vertical-align: top;}


  .banner-section .banner-info h1{margin-bottom: 25px; font-size:35px;}

.contact-section.space{padding: 40px 0px 80px;}
  .space {padding: 40px 0px;}
  .instagram-post h2, .twitter-post h2{ margin: 15px 0px;}
  .post-list ul li{padding:15px;}
  .biography-section h2{margin-bottom:25px;}
  .feature-section h2{margin-bottom:15px;}
  .feature-list ul li{padding:15px 10px;}


  .service-section h2{margin-bottom:25px;}

  .process-section h2{margin-bottom:25px;}

  .process-wrap li .icon{margin:35px auto;}
  .process-wrap li .discretion{padding: 0px 20px;}

  .testimonial-section h2{margin-bottom:25px;}
  .client-images{margin-top:50px;}
  .blog-list ul li {width: calc(50% - 44px); margin: 15px;}

  .blog-section h2{margin-bottom:25px;}
  .blog-list{margin-bottom:40px;}

  .contact-wrap .left-panel h2{margin-bottom:25px;}
  .contact-wrap .left-panel, .contact-wrap .right-panel{ padding:15px;}
  
  .footer{padding:40px 0px;}
  .form-element.outer .submit-btn input{padding: 19px;}


  
 
}
@media (max-width:1170px) {
	.biography-content{padding-right:10%;}
.banner-detail {max-width: 800px;padding:0px 5px;box-sizing:border-box; margin: 0 auto; padding-right: 10%;}
.biography-section .container{    max-width: 800px;}
.feature-section .container{max-width: 800px;}
.service-section .container{max-width: 800px;}
.process-section .container{max-width: 800px;}
.map-section  .container{max-width: 800px;} 
.testimonial-section .container{max-width: 800px;}
.social-post .container{max-width: 800px;} 
.blog-section .container{max-width: 800px;} 
.contact-section .container{max-width: 800px;} 
.footer .container{max-width: 800px;}	
.process-wrap li{ min-height: 480px;}
.album-paje .container {max-width: 800px;}
.body-container.delivery .container {max-width: 800px;}
.service-wrap li { min-height: 200px;}
.format-wrap li .format-icon{float:none;}
.format-wrap li{text-align:center;}
.format-wrap li .format-cont{padding-left:0px;text-align:center;    float: none; margin-top: 15px;}
}	


@media only screen and (min-width:993px) and (max-width:1279px) {
  
  /** common **/
    .heading h2{ font-size:35px; }
  /** common **/



  .banner-section .banner-info h1{margin-bottom: 20px;}
  .post-container {width: 100%;padding-bottom: 45px;}


  .service-wrap li{padding: 35px 20px;}

  .client-images li {width: 185px;}
  .contact-section{background: url(../images/contact.jpg) no-repeat -25% 45% #000;}

  .footer {padding: 20px 0px;}
  .cancel-btn{right:30px;top:25px;}
  .content{width: 55%; padding: 15px;}
  .img-box{width: 45%;}

}



@media only screen and (min-width:768px) and (max-width:992px) {
   /** common **/
    .heading h2{ font-size:32px; }
    h3{font-size:18px;}
  /** common **/
	.socal-icon li .icon-botm{vertical-align:top}
  .header{padding:20px 0px;}
  .header .container {padding: 0 15px 0px 15px;}

  .book-wrap .book-btn {color: #fff; padding: 7px 10px; font-size: 12px;}
  .banner-section .banner-info h1{font-size:38px;margin-bottom: 20px;}

  .instagram-post h2, .twitter-post h2{font-size:32px;}
  .tweet-slider .tweet-constant p{font-size:18px;}

  .feature-list {padding-bottom:40px;}
  .service-section p {margin: 0px 25px 35px 25px; line-height:28px;}
  .service-wrap li{padding: 25px 15px; }
  .process-wrap li {width: calc(50.33% - 14px); margin:7px  4px;}
  .discretion h3{margin-bottom:10px;}
  .testimonial-wrap {width: 84%;}
  .client-images li {width: 142px;}
  .client-images li img{width:100px;}
  .client-images li .apple-icon{width:50px;}

  .contact-wrap .left-panel h2{font-size:32px;}
  .form-element.outer .submit-btn input{padding:15px;}
  .contact-section{background: url(../images/contact.jpg) no-repeat -60% 45% #000;}
  .footer-logo {left: 15px;width:100px;}
  .footer {padding: 20px 0px;}
  .footer-nov li{margin:0px 5px;}
  .footer-nov li p{font-size:12px;margin-top:9px;}
  .socal-icon li .icon-botm{width: 20px; height:20px; margin-right:5px;}
  .cancel-btn{right:30px;top:25px;}

  .album-paje{padding:72px 0px 30px 0px}
  .album-paje .pull-left, .album-paje .pull-right{padding:30px 15px;}
	

  .form-element.outer .capcha img{height: 57px;}
  .footer-nov{display: inline-block; vertical-align: top;  padding-left: 0px;}

  /*album page*/

 
  .banner-section  + .body-container {height: auto;}
  .body-container .album-paje{height: 100%}
  .biography-section, .feature-section, .service-section{height: auto;}
  .instructions-wrap li{height: 270px;}
  .body-container.delivery{height: auto;}
  .blog-section .content {padding: 15px 15px 15px;}
  .blog-list ul li{width:50%;margin:0px;padding:8px;box-sizing:border-box;    float: left;}
  .blog-list ul{margin:0px -8px}
  .post-list ul li{padding:8px;}
  .post-list { margin-left: -8px;margin-right: -8px;}
  .feature-list { margin-left: -8px;margin-right: -8px;}
  .feature-list ul li {padding: 8px;}
  .instructions-wrap ul { margin: 0px 0px;}
  .body-container.delivery .format-wrap{    padding: 50px 20px;}
  .footer-nov { padding-left: 120px;}
  
}
@media only screen and (max-height:600px){
  .content_2{display: none;}
}

@media (max-width:767px) { 
.video-panel{max-width:100%;}
.album-paje .pull-left{padding:0px!important;}
 .album-paje .pull-right{padding:0px!important;}
 .playlist{padding-left:0px;}
  .instructions-wrap ul { margin: 0px 0px;}
  .body-container.delivery .format-wrap{    padding: 50px 0px;} 
	.footer-logo{position:inherit;}
	.footer-logo a{padding-top:5px;}
	.socal-icon li .icon-botm{vertical-align:top;}
	.blog-section .content {padding: 10px 10px;}
	.blog-section .content p {line-height: 19px;}
	.right-arrow{    right: 15px; bottom: 5px;}

   /** common **/
   figure a {padding: 0px 0px;}
   .banner-section{height: calc(100% - 60px); margin-top: 60px;}
    .heading h2{ font-size:28px; }
     h3{font-size:18px;}
    .space {padding: 30px 0px;}
  /** common **/
  .logo{width:90px; margin-top: 5px; margin-left: 0px;}
  .header{padding:20px 0px;}
  .header .container {padding: 0 15px 0px 15px;}
  .header .nav{display:none; margin-top:0px;}
  .menu_toggle{display:block;}
  .header.delivery .logo{margin-left:0px;}

  .header .menu_toggle {height:20px;width:25px; display:inline-block; position: absolute; top:6px; right:20px;cursor: pointer;}  
  .header .menu_toggle .icon.bars{width:25px;border-top:solid 2px #fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;float:left; position: absolute; }
  .header {padding: 15px 0px;z-index: 999; background: #000;}

  .menu_toggle .icon.bars:nth-child(1) {top: 1px;}
  .menu_toggle .icon.bars:nth-child(2){top:8px}
  .menu_toggle .icon.bars:nth-child(3){top:16px;}

  .header .menu_toggle.active{top:14px;z-index:999;}
  .menu_toggle.active .icon.bars:nth-child(1){-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
  .menu_toggle.active .icon.bars:nth-child(3){-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); top:1px;}
  .menu_toggle.active .icon.bars:nth-child(2){display: none;}
  
  .nav { width: 100%; position: absolute; top: 40px; left: 0; background: #000;}
  .header .nav > ul > li { margin-right: 7px;width: 100%; border-bottom: 1px solid #333;}
  .header .nav > ul > li > a { padding: 15px 20px;font-size:14px; margin: 0px; color: #aaa}
  .header .nav > ul > li > a.active{color:#fff;} 
  .book-wrap .book-btn {padding:6px 15px; font-size: 14px;}

  .banner-section .banner-info h1{font-size:28px;margin-bottom:15px;}
  .banner-detail{width:100%;margin-left:0px;padding:0px;padding-right:10%;}


  .heading img {width:40px;}
  .instagram-post h2, .twitter-post h2{margin:15px 0px;}
  .post-list {margin-left: -5px; margin-right:-5px;}
  .post-list ul li{padding:5px;}

  .post-container{padding-bottom: 28px;}
  .tweet-slider .tweet-constant p{font-size:18px;line-height:25px; padding-bottom:28px;}
  
  .biography-section h2, .feature-section h2, .service-section h2, .process-section h2, .testimonial-section h2, .blog-section h2 {margin-bottom: 20px;}
  .biography-content p{ line-height: 25px;padding: 5px 0px 8px 0px;}
  
  .feature-list { margin-left: -5px; margin-right: -5px; padding-bottom: 28px;}
  .feature-list ul li{width:50%; padding: 5px 5px;}

  
  .service-wrap{padding-bottom: 28px;}
  .service-section p{margin: 0px 0px 25px 0px;}
  .service-wrap li{width:calc(50% - 10px);padding:20px;min-height:207px;}

  .process-wrap li{width:calc(50% - 11px);margin:7px 4px;min-height: 425px; }
  .process-wrap li .icon{margin:20px auto;}
  .process-wrap li .icon img{width:55px;}
  .process-wrap li .discretion{padding:0px 12px;}
  .process-wrap li .discretion h3{font-size:18px; margin-bottom:12px;}

  .delivery-btn{padding:15px;font-size:14px;}
  
  .testimonial-wrap{width:100%;}
  .testimonial-constant{padding:10px 10px;}
  .testimonial-constant p{font-size:16px; line-height:25px;}
  .testimonial-slider .slick-prev{display:none !important;}
  .testimonial-slider .slick-next{display:none !important;}

  .client-images li {width: 140px; margin:8px;}
  .client-images li img{width:100px;}
  .client-images li .apple-icon{width:60px;}

  .blog-list ul li{width:50%;margin:0px;padding:8px;box-sizing:border-box;    float: left;}
  .blog-list ul{margin:0px -8px}
  .post-list ul li{padding:8px;}
  .playlist{min-height: 1px;}
  .contact-wrap .left-panel, .contact-wrap .right-panel{width:100%; float:none;}
  .contact-wrap .left-panel h2{font-size:20px}
  .form-element .border{padding:4px 8px;}
  .form-element.outer .submit-btn input{padding:20px;font-size:15px;}
  
  .footer {padding: 20px 0px;}
  .footer-logo{width: 90px;left:20px;}
  .footer-nov {padding:0px; width: 100%;}

  .footer-nov li p{font-size:12px;}
  .socal-icon li .icon-botm{width: 20px; height:20px; margin-right:5px;}
  .contact-section.booknow .left-panel{padding-bottom:0px;}
  .cancel-btn{right:30px;top:25px;position: absolute; z-index: 2;}

  /****** page ******/
  .banner-section.music{min-height: 1px; height: calc(50% - 60px); }
  .body-container.delivery .format-wrap{padding: 30px 0px;}
  .format-wrap li { text-align: center;}
  .format-wrap li .format-icon { float: none; margin-bottom: 10px;}
  .format-wrap li .format-cont { float: none; padding-left: 0px;}
  .instructions-wrap li { width: 100%; margin: 10px 0px; min-height: inherit;}
  .content_2{display:none;}

  .banner-section.music .banner-info .banner-detail{width:100%; padding-top: 0px;}
  .contact-section.booknow .left-panel, .contact-section.booknow .right-panel{padding:0px;}
  .contact-section.booknow{background-image:none;}

  .banner-section.music .banner-info .banner-detail > h1 {font-size: 28px;}
  
  .album-paje .pull-left, .album-paje .pull-right{width: 100%; padding: 10px;}
  .album-paje{padding:72px 0px 30px 0px}
  .playlist li > a, .playlist div > a{width:100%;}
  .song-name{width:40%;}
  .song-title{width:60%;}
  .form-element.outer .capcha img{height: 62px;}
}


@media (max-width:599px) { 
.blog-section .content {
    padding: 10px 10px 30px 10px;
}
  
  .heading h2 {font-size: 25px;}
  .service-wrap li{ width:calc(100% - 10px); min-height:155px;}
  .service-wrap .mixing{width:calc(100% - 10px); min-height:155px;}
  .process-wrap li{width:calc(100% - 11px); min-height: inherit; padding:25px 0px; }

  .client-images li{width:100px;}
  .blog-list ul li{width: calc(50% - 10px); margin:3px;}
  .img-box img {    border-radius: 10px 10px 0px 0px;width: 100%;}
  .img-box{width:100%;}
  .content{width:100%;padding: 20px 20px 35px 20px;}
  .form-element.outer .submit-btn input{padding:12px;}
  .right-arrow { width: 18px; height: 15px; right: 10px; bottom: 10px;}

  .right-panel .form-element{width:100%; margin:0px;}
  .form-element .border{width:100%; margin: 10px 0px;}
  .form-element .col-6:last-child{width:100%;}
  .map-text{font-size:16px;}
  .record-inner li{width:50%; margin-right:0px;}
  .contact-section {background-position: center bottom;    background-size: 135%;}

  .form-element.outer .capcha img{height: 46px;}
  .body-container.delivery .heading h2{margin-top:0px;}
  .social-post .heading h2 {font-size: 25px;}
}

@media (max-width:467px) {
.blog-list ul { margin: 0px 0px;}	
.blog-list ul li{margin:8px 0px;padding:0px;}
.post-list ul li{width:100%;text-align:center;}
.post-list ul li .col-12{width:70%;}
  .biography-section h2, .feature-section h2, .service-section h2, .process-section h2, .testimonial-section h2, .blog-section h2 {margin-bottom: 10px;}
  .biography-content p{padding: 0px 0px 8px 0px;}
  .blog-list ul li {width: 100%;}
  .blog-list ul li .col-12 {width: 268px;margin: 0 auto;}
  .footer-nov li p{text-align:left;}
  .progressbar{height:4px; width:40%;}
  .progressbar div{height:4px;}
  .format-wrap li{float:none; width:100%; margin: 25px 0px;}
  .form-element.outer .capcha img{height: auto;}
  .form-element.outer .submit-btn {width: 100%;margin-top: 10px;display: inline-block;}
  .contact-section .contact-wrap{padding: 15px 0px;}
  .banner-detail{padding-right:0px;}
  .biography-content{padding-right:0px;}
  
}
@media (max-width:380px) { 
  .record-inner li {width: 100%; margin: 5px 0px;}
  .feature-list ul li{width:100%;}
  .post-list ul li .col-12{width:100%;}
  .process-wrap li{width:100%;margin:7px 0px;}
  .blog-list ul li .col-12{width:100%;}
}