/* Responsive Menu
============================== */
#hamburger {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    height: 45px;
    float: right;
    right: 0;
    position: relative;
    top: 0px;
    width: 70px;
    z-index: 2;
}
#hamburger:before, #hamburger:after, #hamburger span {
    background-color: #000;
    content: "";
    display: block;
    height: 5px;
    right: 20px;
    position: absolute;
    width: 30px;
}
#hamburger:before {
    top: 10px;
}
#hamburger span {
    top: 20px;
}
#hamburger:after {
    top: 30px;
}
#hamburger:before, #hamburger:after, #hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, right, opacity;
    transition-timing-function: ease;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
    top: 20px;
}
html.mm-opening #hamburger span {
    right: -50px;
    opacity: 0;
}
html.mm-opening #hamburger:before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
html.mm-opening #hamburger:after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
header.sticky #hamburger::before, header.sticky #hamburger::after, header.sticky #hamburger span {
    background-color: #fff;
}

/* Responsive Styles
======================= */


@media (min-width: 1200px) and (max-width: 1365px) {
.info-scroll p{font-size: 16px;line-height: 28px;}
.scrollBox {padding: 80px 0 13px 0px;border: 2px solid #000;}
.section-castCrew .col-md-6-info {border: none;padding: 0 24px 0;max-height: 360px;}
.section-castCrew .col-md-6 {margin-top: 110px;}

}


@media (min-width: 1024px) and (max-width: 1199px) {
nav.navigation > ul li a {  padding: 0 15px;}

header#header.sticky .logo {width: 174px;}

/* Home Page*/
.about p{font-size: 16px;line-height: 26px;}
.blog ul li {width: 293px;}
a.readmore {font-size: 12px;padding: 10px 18px;}
.subbtn {padding: 10px 27px;}
footer#footer {padding: 30px 0 20px;}

/* About Page*/

.info-scroll p{font-size: 16px;line-height: 28px;}
.scrollBox {padding: 80px 0 13px 0px;border: 2px solid #000;}
.section-castCrew .col-md-6-info {border: none;padding: 0 24px 0;max-height: 360px;}
.author_img {margin-top: -110px;}
.author_img article {width: 230px;height: 230px;}
.about {padding: 30px;}
.section-castCrew .col-md-6 {margin-top: 110px;}
.section-castCrew {padding-top: 15px;}

/* Epdisode Page*/

.spacer {height: 30px;}
.filters ul li a {padding: 7px 23px;}
.section-title > h2 {padding-bottom: 20px;margin-top: 0px;}
.caption > h3 {font-size: 20px;}

/* Gallery Page */
.callback-btn-gallery {height: 50px !important;margin: -25px 5px 0 -25px !important;width: 50px !important;}
.fa-search-gallery {font-size: 22px !important;line-height: 45px !important;}

/* Press Page*/
.press-info .subbtn {padding: 8px 20px;}
.album-grid .portfolio ul li {width: 30%;}
/* Blog Page*/
.author-img {height: 120px;margin-left: -21px;top: -60px;width: 120px;}
.author-img img{width: 110px;}
.flex-direction-nav a {width: 40px;height: 40px;margin: -20px 0 0;line-height: 40px;}
.text_blog {padding: 50px 30px 0px;}
.caption > h3 {  font-size: 18px;  margin-top: -75px;}  span.about-play-icon {  margin: -50px 0 0 -30px;}  .blogS ul li {  margin-left: 2%;  width: 31%;}
/* Contact Page */
.section-title-contact h2 {margin-bottom: 18px;font-size: 28px;}
.section-title {padding: 0px;}.callback-btn-gallery {  top: 25% !important;}
.portfolio ul li {  width: 33.33%;}


}




@media (min-width: 991px) and (max-width: 1023px) {
    .blog ul li {
        width: 30%;
    }
    .caption > h3 {
        font-size: 20px;
    }
    .caption {
        padding: 100px 0;
    }
    .countdown {
        background-size: cover;
    }
	.blogS ul li {  margin-top: 25px;
  width: 100%;
}
	a.advert_btn {  padding: 0 10px;  margin-left: 0px;}
	nav.navigation > ul li a {  padding: 0 10px;}


/* Home Page*/
.author_img article {width: 210px;}
.section-title > h2 {font-size: 30px;}
.col-md-6-info-scroll h3{  margin-top: 5px;}
span.about-play-icon {height: 46px;width: 46px;background-size: 46px;}
.caption > h3 {font-size: 18px;}

.reachUs {margin: 60px auto;width: 162px;}	
}
@media (min-width: 769px) and (max-width: 990px) {
    .blog ul li {
        width: 29%;
    }
    .caption > h3 {
        font-size: 20px;
    }
    .caption {
        padding: 100px 0;
    }
    #hamburger {
        display: block;
    }
    .blogS ul li {  margin-top: 25px;
  width: 100%;
}
    nav.navigation {
        display: none;
    }
    .portfolio ul li {
        width: 50%;
    }
    .behind_the_scene .video-container, .open_video > img {
        max-width: 75%;
    }
    .open_video {
        height: 100%;
        width: 100%;
    }
    .iframe {
        height: 425px;
        overflow: hidden;
    }
    .blog-video, .blog-slides, .blog-img {
        width: 100%;
    }
    .blog-section article figure figcaption ul li {
        border-left: 1px solid #e5e5e5;
        border-top: medium none;
        display: inline-block;
        padding: 10px 0;
        width: 32%;
    }
    .blog-section article figure figcaption ul li:first-child {
        border-left: none;
    }
    .blog-section article figure figcaption {
        border-right: 1px solid #f3f3f3;
        padding: 0px;
        width: 100%;
    }
    .pagination ul li {
        width: 41%;
    }
    .blog-section.sidepanel ul {
        margin: 0;
    }
    #getting-started ul li {
        padding: 20px;
        border-radius: 130px;
        height: 130px;
        width: 130px;
        margin: 0px 5px 10px;
        background-color: #000;
    }
    .countdown_value {
        font-size: 30px !important;
        line-height: 45px !important;
    }
    .countdown_names {
        font-size: 26px !important;
        line-height: 32px !important;
    }
    .countdown {
        background-size: cover;
    }

/* Home Page*/
span.play-icon {height: 70px;left: 50%;margin: -30px 0 0 -35px;width: 70px;top: 33%;background-size: 70px;}
.section-title h2{font-size: 28px;}
.about p{font-size: 16px;}
.content .about{  padding: 20px 0;}
.reachUs {margin: 20px 0 40px;width: 162px;}
.social-network {margin: 20px 0;}
.spacer {display: none;}

/* About Page*/
.author_img {margin-top: -90px;}
.author_img article {width: 190px;height: 190px;}
.section-castCrew .col-md-6 {margin-top: 150px;}
.textslider p {line-height: 24px;}
.textslider {padding-bottom: 10px;}

/* Gallery Page */
.filters {padding-bottom: 10px;}

/* Episode Page */
/*.subscribeMain {padding: 25px 0px;}*/
.subscribeMain .subtext h3 {margin-bottom: 10px;}
.subscribeMain .subtext h3 {margin-top: 0px;}
footer#footer {padding: 20px 0 45px;}
.album-grid .portfolio ul li {width: calc(30.7% - 11px);}
.about p {font-size: 16px;line-height: 24px;}
.press-info h3 {font-size: 16px;}
 


 /* Blog Page */
 .author-img {margin-left: -37px;top: -45px;}
.author-img img{width: 100px;}
.blog-section .post-title {font-size: 22px;}
.about .col-md-6 img{width: 550px;}
.section-title-contact h2 {font-size: 26px;}
.section-title-contact h2 , ul {text-align: center;}

.section-castCrew .col-md-6-info {height: inherit;}
.portfolio ul li {  width: 50%;}

}






@media all and (max-width: 768px) {
    .blog-section.sidepanel ul {
        margin: 0;
    }
    .countdown {
        background-size: cover;
    }
    .blog-section article figure figcaption ul li {
        border-left: 1px solid #e5e5e5;
        border-top: medium none;
        display: inline-block;
        padding: 10px 0;
        width: 32%;
    }
    .blog-section article figure figcaption ul li:first-child {
        border-left: none;
    }
    .blog-section article figure figcaption {
        border-right: 1px solid #f3f3f3;
        padding: 0px;
        width: 100%;
    }
    .blog-video, .blog-slides, .blog-img {
        width: 100%;
    }
    .blog ul,
    .blog ul li {
        margin: 0px;
        width: 100%;
    }
    .blog ul li {
        margin-bottom: 90px;
    }
    .caption > h3 {
        font-size: 20px;
    }
    .caption {
        padding: 100px 0;
    }
    #hamburger {
        display: block;
    }
    nav.navigation {
        display: none;
    }
    .portfolio ul li {
        width: 100%;
    }
    .behind_the_scene .video-container, .open_video > img {
        max-width: none;
    }
    .open_video {
        height: 100%;
        width: 100%;
    }
    /*.iframe {
        height: 429px;
        overflow: hidden;
    }*/
    .contact-form ul li:nth-child(1), .contact-form ul li:nth-child(2) {
        padding: 0;
        width: 100%;
    }
    .author_img article {
        height: 120px;
        width: 120px;
    }
    .author_img {
        margin-top: -50px;
    }
    .pagination ul li {
        width: 40%;
    }
    .widget img {
        width: 100%;
    }
    .quote {
        width: 100%;
    }
    div.pagination {
        margin-bottom: 60px;
    }
    .behind_the_scene .video-container {
        max-width: 75%;
    }
    /*.banner.inner .section-title {
        display: none;
    }*/
    .text_details {
        text-align: center;
    }.blogS ul li {  margin-top: 25px;
  width: 100%;
}

/* Home Page */
.home-banner-info h3{font-size: 20px;}
.home-sub-btn {margin-top: 30px;}
.section-title h2 {font-size: 22px;padding-bottom: 15px;}
.about p{  font-size: 16px;line-height: 24px;}
.behind_the_scene p{font-size: 16px;  line-height: 22px;}
span.play-icon {margin: -30px 0 0 -20px;}
.subvideobtn {margin-top: 40px;}
.behind_the_scene {padding: 10px 0 40px 0px;}
/*.about {padding: 40px 0;}*/
a.blogreadmore {font-size: 14px;padding: 16px 90px;  }
.subscribeMain .subtext h3 {font-size: 20px;}
.subscribeMain .form-control {height: 35px;}
.social-network {margin: 15px 0;}
footer#footer {padding: 20px 0 20px;}
.textslider {padding: 20px 0 30px 0px;}
.owl-controls .owl-buttons div {margin-left: -81px;margin-top: -40px;background-size: 15px;}
.owl-controls .owl-buttons div.owl-next {margin-right: -87px;background-size: 16px;}
a.blogreadmore {margin-top: 0;}
.reachUs {margin: 60px auto;width: 162px;}






  /* About Page */
.author_img article {height: 140px;width: 140px;padding: 7px;}
.section-castCrew .col-md-6-info {height: inherit;  max-height: inherit;    overflow: overlay !important;}
.section-castCrew .row{clear:both;}

/* Press Page */
.album-grid .portfolio ul li {width: calc(50% - 30px);}

/* Blog Page */
h3.widget-title {font-size: 16px;}
.widget ul li a {font-size: 14px;}
.flex-direction-nav a {width: 40px;height: 40px;margin: -20px 0 0;line-height: 40px;}


/* Contact Page */

.section-title-contact h2 {text-align: center; margin-bottom: 10px;  font-size: 24px;}
.section-title-contact ul li {margin-bottom: 10px;text-align: center;font-size: 16px;}
/*.about {  padding: 0px 0;}*/

}







@media (max-width: 640px) {

.home-banner-info h3 {font-size: 16px;line-height: 20px;}
.home-sub-btn {margin-top: 40px;font-size: 14px;  padding: 8px 15px;}
.section-title h2 {font-size: 22px;padding-bottom: 15px;  margin: 15px 0;}
/*span.play-icon {height: 70px;width: 70px;background-size: 70px;  margin: -70px 0 0 -20px;}*/
.about p{font-size: 16px;}
a.readmore {font-size: 12px;padding: 10px 20px}
a.blogreadmore {font-size: 14px;width: 300px; padding: 12px 58px;margin-top: 10px;}
.subscribeMain .subtext h3 {margin: 0 0 15px;}
.subscribeMain {padding: 30px 0px}
.darkBtn {margin-top: 20px;}
.textslider p {line-height: 24px;}
.reachUs {margin-top: 40px;}
.reachUs .subbtn {font-size: 14px; padding: 7px 16px;}
.footer-logo img{width: 110px;}
.awardsImg ul li {padding: 21px 17px;}
.subscribeMain .subtext h3 {font-size: 18px;}
.logo img {width: 80%;}


/* About Page */
.subemail {width: 377px !important;}
.section-castCrew .col-md-6 {margin-top: 165px;}
.section-castCrew .col-md-6-info {height: inherit;}
/* Press Page */
.about p {font-size: 14px;line-height: 24px;}
.press-info h3{font-size: 16px;}
.subbtn {font-size: 12px;padding: 5px 11px;}
/*.portfolio {padding-top: 20px;}*/
.subbtn1 {padding: 7.5px 61px !important;}
.subvideobtn {font-size: 12px;padding: 8px 20px;margin-top:0px !important;}




/* contact Page */
.section-title-contact h2 {text-align: center; margin-bottom: 10px;  font-size: 24px;}
.section-title-contact ul li {margin-bottom: 10px;text-align: center;font-size: 16px;}
.section-title h2 {margin: 20px 0;}
.contact-form ul li input[type="text"] {height: 40px;font-size: 14px;}
.contact-form ul li {margin-bottom: 15px;}
.contact-form ul li input[type="submit"] {font-size: 14px;height: 50px;}

/* Blog Page */
.author-img img{width: 100%;}
.post-title{margin-top: 25px;font-size: 20px;}
.post-title a{font-size: 22px;}
figcaption {text-align: center;}

.blogS ul li {  margin-top: 25px;
  width: 100%;
}

}








@media all and (max-width: 480px) {

.size-chart-cal h3{font-size: 18px;}
.section-title h2 {margin: 15px 0;}
/*span.play-icon {height: 50px !important;width: 50px !important;background-size: 50px !important;margin: -50px 0 0 -20px !important;}*/
.behind_the_scene {padding: 10px 0 30px 0px;}
.subvideobtn {font-size: 12px;padding: 8px 14px;margin-top: 30px !important;}
a.readmore {font-size: 12px;padding: 10px 22px;}
.owl-controls .owl-buttons div {margin-left: -81px;margin-top: -40px;background-size: 13px;}
.owl-controls .owl-buttons div.owl-next {background-size: 13px;}
.section-title h2 {font-size: 20px;}
.post-title {font-size: 20px;}
a.readmore {padding: 7px 18px;}
.reachUs .subbtn {font-size: 12px;}
.behind_the_scene p {font-size: 14px;line-height: 24px;}

/* About Page */

.subbtn1 {padding: 7px 54px !important;}
a.blogreadmore {padding: 8px 50px;}
.subemail {width: 345px !important;}
.section-castCrew .col-md-6-info {height: inherit;}


/* Episode Page */
.filters ul li a {font-size: 12px;padding: 5px 13px;}
/*.spacer {display: none;}*/

/* Press Page */
.album-grid .portfolio ul li {width: calc(100% - 30px);}

.blogS ul li {  margin-top: 25px;
  width: 100%;
}

}




@media all and (max-width: 450px) {
.home-banner-info {top: 18%;}
.blogS ul li {  margin-top: 25px;
  width: 100%;
}
}




@media all and (max-width: 400px) {
    .comingsoon .section-title > h2 {
        font-size: 21px;
        font-weight: 600;
        letter-spacing: 2px;
    }
    .comingsoon .section-title {
        margin-top: 40px;
        width: 80%;
    }
    .container > div#getting-started {
        margin-top: 30px;
    }
    #getting-started ul li {
        padding: 5px;
        border-radius: 70px;
        height: 70px;
        width: 70px;
        margin: 0px 5px 10px;
        background-color: #000;
    }
    .countdown_value {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .countdown_names {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .social-sharing-icons .social-network ul li a {
        margin: 0px 5px;
    }
    header#header.header2 .social-network {
        position: relative;
        right: 0;
    }
    .error_search form {
        width: 100%;
    }
    ::-webkit-input-placeholder {
       display: none;
    }
    :-moz-placeholder { /* Firefox 18- */
       display: none;  
    }
    ::-moz-placeholder {  /* Firefox 19+ */
       display: none;  
    }
    :-ms-input-placeholder {  
       display: none;  
    }
    .error_search form input[type="text"] {
        padding-right: 63px;
    }


.section-castCrew .col-md-6-info {height: inherit;}







    .iframe {
        height: 172px;
        overflow: hidden;
    }
    .pagination ul li {
        width: 100%;
    }

.logo img{width: 70%;}
#hamburger {height: 0;top: -4px;}
.home-banner-info h3 {font-size: 14px;line-height: 16px;}
.subbtn {font-size: 12px;padding: 2px 7px;}
.home-banner-info {top: 18%;}
.section-title h2 {font-size: 18px;}
.behind_the_scene p {font-size: 14px;  line-height: 26px;}
.subvideobtn img{width: 30%}
.subvideobtn {padding: 4px 4px;}
.post-title {font-size: 16px;}
a.readmore {padding: 7px 10px;font-weight: 400}
.subemail {width: 320px !important;}
.subscribeMain .form-control {height: 30px;}
.section-title h2 {font-size: 16px;}
header#header.sticky .logo {height: 36px;background-size: 95px;}
.mm-list > li > a, .mm-list > li > span {padding: 10px 0px 3px 20px;}
.behind_the_scene .video-container {max-width: 100%;}
.subvideobtn img {width: 34%;}
.subvideobtn {padding: 8px 20px;}
a.blogreadmore {width: 100%;font-size: 14px;}
.subscribeMain .subtext h3 {font-size: 16px;}
.subemail {width: 290px !important;}
.subbtn {font-size: 12px;padding: 5px 30px;}
.textslider h3 {font-size: 16px;}
.reachUs .subbtn {padding: 4px 16px;}
.fa {font-size: 24px;}
.darkBtn {margin-top: 10px;}
.blog ul li {margin-bottom: 60px;}

/* About Page */
.section-castCrew .col-md-6 {margin-top: 130px;}
.col-md-6-info-scroll h3{font-size: 18px;}
.section-castCrew .col-md-6-img {width: 120px;height: 120px;top: -60px;margin-left: -60px;}
.subvideo.subscribe1 {margin-top: 10px;}
.subemail {width: 250px !important;}
.section-title-contact ul li {font-size: 16px;}
.fa {font-size: 20px;}
.section-title-contact h2 {font-size: 20px;}
.section-castCrew .col-md-6-info {height: inherit;}
.textslider p {line-height: 16px;font-size: 12px;}
.blogS ul li {  margin-top: 25px;
  width: 100%;
}



}