/*-------------- media section ---------------*/

@media screen and (max-width:991px) and (min-width: 577px) {
  .socialbox{ text-align: center; float: unset; }
  .woocommerce div.product div.images .flex-control-thumbs{ margin: 10px 0 0 0; }
  .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea{ width: 100% !important; }
  #sidebar aside{ margin-bottom: 11%; }
}

@media screen and (max-width: 1250px){
  .headerbar, .side-navigation, .side-navigation ul ul li, .current_page_item{ display: block; }
  .headerbar:focus,.hamburger:focus{ outline: none; }
  .hamburger i:before { line-height: 0; text-align: left; color: #000000; }
  .main-header .side-navigation { display: none }
  .side-navigation,.side-navigation li { padding: 0; }
  .side-navigation ul ul li a{ border: 0; }
  #sidebar1 { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; left: 0; overflow-x: hidden; transition: .5s; }
  .side-navigation ul li ul, .side-navigation ul li ul ul { display: none; }
  .side-navigation ul ul,.side-navigation ul ul li { background: var(--transparent) !important; }
  .side-navigation ul ul { position: static; width: 100%; box-shadow: none; }
  .side-navigation ul ul li{ padding-left: 15px; }
  .side-navigation ul.sub-menu li a:before{ content: none; }
  .side-navigation ul>li.menu-item-has-children>a:after{ margin-top: 0; }
	iframe { height: auto; }

}


 /* ----------------------- Custom Responsive ------------------ */

@media screen and (min-width:1520px) and (max-width:1800px) {

  /* Banner */
  .banner-text { max-width: 75%; }
  h1.banner-heading { font-size: 116px; line-height: 116px; }
  .banner-btn { margin: 20px auto 0; }

  /* Shots */
  p.shots_text { max-width: 90%; }

  /* Character */
  h3.character-title { font-size: 18px; }
  .character-team { max-width: 80%; padding-top: 40px; }

}

@media screen and (min-width:1260px) and (max-width:1590px){

  /* Slider */
  h1.banner-heading { font-size: 94px; line-height: 94px; }
  .banner-text { bottom: 50px; max-width: 75%; }
  .banner-btn { margin: 20px auto 0; }

  /* About */
  .about-text-wrap { padding-left: 30px; }
  section#about { padding: 50px 0px 50px; }
  p.about-text { font-size: 14px; line-height: 34px; margin: 25px 0 25px; }

  /* shots */
  .shots-text-div { top: 15px; left: 15px; }
  p.shots_text { max-width: 100%; }

  /* Character */
  .character-text-div { padding: 15px 10px; }
  h3.character-title { font-size: 16px; }
  .character-social-icon { gap: 10px; }
  .character-team { max-width: 90%; padding-top: 30px; }

  /* Blog */
  .blog-information { padding-left: 15px; }
  .blog-title a { font-size: 18px; max-width: 100%; }

  /* Get In Touch */
  h2.git-heading { max-width: 80%; }
  .git-text { padding: 25px 0; }
}

@media screen and (min-width: 1200px) and (max-width:1500px) {
  .services-left-side { min-height: 310px !important; padding: 40px 20px !important; }
}

@media screen and (min-width: 1010px) and (max-width:1250px) {

  section { background-size: cover; background-repeat: no-repeat; padding: 30px 0; }
  .service-heading, .shots-head, .character-heading,.award-heading,.project-heading,.review-heading,.blog-heading  { padding-bottom: 30px; }
  .service-heading h2, h2.shots_heading, .character-heading h2,.award-heading h2,.project-heading h2,.review-heading h2,.blog-heading h2 { font-size: 64px; line-height: 64px; }

  /* Slider */
  h1.banner-heading { font-size: 78px; line-height: 78px; }
  .home .header-wrap { padding-top: 0; }
  .bannner-dots { width: 20px; height: 20px; top: 25px; left: 70px; }
  .banner-text { bottom: 30px; max-width: 80%; }
  .banner-btn a { margin: 10px auto 0; }

  /* About */
  section#about { padding: 30px 0px 30px; }
  .about-text-wrap { padding-left: 25px; }
  h2.about-heading { font-size: 50px; line-height: 60px; }
  p.about-text { font-size: 14px; line-height: 24px; margin: 10px 0 10px; }

  /* Services */
  .services-left-side { min-height: 75px; }
  .services-left-side h3 { font-size: 46px; }
  .services-right-side { grid-gap: 15px; padding: 50px 20px; }
  .services p { font-size: 12px; }

  /* Video */
  .video-wrapper { grid-template-columns: 1fr 1fr; }
  .v-video video { height: 300px; padding: 0 5px}
  .video-3 { display: flex; align-items: center; }

  /* Shots */
  .shots-text-div { gap: 10px; top: 10px; left: 10px; }
  a.shots-title { font-size: 34px; }
  p.shots-sub-title { font-size: 14px; }
  .shots_heading { padding-bottom: 15px !important; }
  p.shots_text { font-size: 14px; line-height: 30px; max-width: 100%; }

  /* Character */
  #character { margin: 30px 0; }
  .character-inner-wrapper .slick-list {  padding-left: 0 !important; margin: 0 -5px; }
  .characters.slick-slide {  margin: 0 5px; }
  h3.character-title { font-size: 18px; }
  .character-team { max-width: 100%; padding-top: 25px; }
  h3.ct-heading { font-size: 26px; line-height: 40px; }
  .team-member { gap: 15px; }
  .team-text-div p { font-size: 14px; line-height: 24px; }
  .ct-teams { padding-top: 15px; }

  /* Award */
  .award-heading h2 { padding-bottom: 20px; }
  .award-heading p { font-size: 16px; line-height: 30px; }
  .awards-div { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }

  /* Review */
  .review-inner-wrapper .slick-dots { left: 0 }

  /* Project */
  section#project { margin: 30px 0; }

  /* Blog */
  .blog-information { padding-left: 10px; }
  .blog-title a { font-size: 16px; max-width: 100%; padding: 10px 0; }
  h5.blog-tag i { font-size: 12px; }

  /* Get In Touch */
  h2.git-heading { font-size: 70px; line-height: 80px; max-width: 90%; }
  .git-text { font-size: 14px; line-height: 24px; max-width: 95%; padding: 20px 0; }
  .git-location, .git-phone { margin-bottom: 15px; }
  .git-info a { font-size: 16px; }
  span.wpcf7-list-item.first.last { padding-left: 15px; }

}

@media screen and (min-width: 660px) and (max-width:1000px){

  section { padding: 30px 0; }
  .service-heading h2,h2.shots_heading,.character-heading h2,.award-heading h2,.project-heading h2,.review-heading h2,.blog-heading h2 { font-size: 60px; line-height: 60px; }
  .service-heading,.shots-head,.character-heading,.award-heading,.project-heading,.review-heading,.blog-heading { padding-bottom: 25px; }

  /* BAnner */
  h1.banner-heading { font-size: 65px; line-height: 65px; }
  .banner-text { bottom: 30px; max-width: 90%; }
  h3.banner-subheading { font-size: 30px; line-height: 40px; }
  .banner-btn { max-width: 160px; margin: 10px auto 0; }
  .banner-btn a { color: #000000; }
  .banner-btn span { height: 100%; }
  .bannner-dots { width: 20px; height: 20px; top: 20px; left: 55px; }

  /* About */
  section#about { padding: 30px 0px 30px; }
  .about-text-wrap { padding-left: 0; padding-top: 20px; }
  p.about-text { font-size: 14px; margin: 20px 0 20px; }
  a.about-btn span { height: 100%; }
  a.about-btn { color: #ffffff; }
  h2.about-heading { font-size: 56px; line-height: 66px; }

  /* Services */
  .services-left-side h3 { font-size: 44px; line-height: 44px; }
  .services-left-side { min-height: 80px; }
  .services img { margin: 0 auto; }
  .services-right-side { padding: 40px 30px; grid-template-columns: 1fr 1fr; }

  /* Video */
  .video-wrapper { grid-template-columns: 1fr; }

  /* Shots */
  .shots_heading { padding-bottom: 20px !important; }
  p.shots_text { font-size: 14px; line-height: 24px; max-width: 100%; }
  .shots-inner-wrapper { grid-template-columns: 1fr; }
  .shots-text-div { top: 15px; left: 15px; }
  a.shots-btn { color: #ffffff; margin-top: 20px; }
  a.shots-btn span { height: 100%; }

  /* Character */
  #character { margin: 30px 0; }
  .character-text-div { bottom: 0; }
  .character-inner-wrapper .slick-list { margin: 0 -5px; }
  .characters.slick-slide { margin: 0 5px; }
  .character-text-div { padding: 20px 15px; }
  h3.character-title { font-size: 18px; }
  .character-team { max-width: 100%; padding-top: 30px; }
  h3.ct-heading { font-size: 20px; line-height: 32px; }
  .ct-teams { grid-template-columns: 1fr; padding-top: 15px; gap: 10px }
  .team-member { gap: 25px; }
  .team-text-div p { font-size: 14px; line-height: 24px; }

  /* Award */
  .award-heading h2 { padding-bottom: 20px; }
  .award-heading p { font-size: 14px; line-height: 29px; }
  .awards-div { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 10px; }
  .awards-div img { margin: 0 auto; }

  /* Projects */
  section#project { margin: 30px 0; padding: 50px 0; }

  /* Review */
  .review-text p { font-size: 14px; margin: 0; }
  .review-inner-wrapper .slick-dots li button:before { margin-top: 10px; }

  /* Blog */
  h5.blog-tag i { font-size: 12px; }
  h5.blog-tag { font-size: 14px; line-height: 18px; }
  .blog-title a { font-size: 14px; max-width: 100%; padding: 10px 0; }
  .blog-date-comment { gap: 10px }
  h4.blog-date,.blog-comment a { font-size: 14px; }
  .blog-information { padding-left: 0; }

  /* Get In Touch */
  h2.git-heading { font-size: 52px; line-height: 60px; max-width: 100%; }
  .git-text { font-size: 14px; line-height: 24px; max-width: 100%; padding: 20px 0; }
  .git-location, .git-phone { margin-bottom: 20px; }
  .git-form { padding-top: 30px; }
  .git-ne, .git-ps, .git-form-description { gap: 30px; margin-bottom: 25px; }
  .git-form-btn p span { height: 100%; }
  .git-form-btn p input { color: #ffffff; }

}

@media screen and (max-width:650px){

  section { padding: 30px 0; }
  .service-heading h2, h2.shots_heading,.character-heading h2,.award-heading h2,.project-heading h2,.review-heading h2,.blog-heading h2 { font-size: 60px; line-height: 60px; }
  .service-heading, .shots-head,.character-heading,.award-heading ,.project-heading,.review-heading,.blog-heading { padding-bottom: 25px; }

  /* Banner */
  .banner-text { max-width: 100%; bottom: 10%; width: 100%; }
  .bannner-dots { display: none; }
  h3.banner-subheading { font-size: 34px; line-height: 44px; text-align: center; }
  h1.banner-heading { font-size: 60px; line-height: 60px; text-align: center; -webkit-text-stroke: 1px #ffffff; background-position: bottom; }
  .banner-btn { width: 100%; max-width: 160px; height: 40px; margin: 0 auto 0; }
  .banner-btn a { font-size: 14px; margin: 10px auto 0; height: 40px; color: #000000; }
  .banner-btn span { width: 100%; height: 100%; }
  img.b-mbl-img,h1.banner-heading.mbl-heading { display: block; }
  img.b-img,img.b-frame,.banner-img:before,h1.banner-heading.desktop-heading { display: none; }

  /* About */
  section#about { padding: 30px 0px 30px; }
  .about-text-wrap { padding-left: 0; padding-top: 20px; }
  h2.about-heading { font-size: 56px; line-height: 66px; text-align: center; }
  p.about-text { font-size: 14px; line-height: 30px; text-align: justify; margin: 15px 0 15px; }
  a.about-btn { margin: 0 auto; height: 40px; font-size: 14px; max-width: 160px; color: #ffffff; }
  a.about-btn span { height: 100%; }

  /* Services */
  .services-left-side h3 { font-size: 40px; line-height: 40px; }
  .services-left-side { min-height: 80px; }
  .services-right-side { padding: 30px 10px; grid-template-columns: 1fr 1fr; grid-row-gap: 25px; grid-column-gap: 10px;  }
  .services img { margin: 0 auto; }
  .services h4 { font-size: 18px; padding: 15px 0 10px; }
  .services p { font-size: 11px; line-height: 18px; }

  /* Video */
  .video-wrapper { grid-template-columns: 1fr; }
  .video-1 video, .video-2 video { height: 250px; }
  .video-3 video { height: 350px; }

  /* Shots */
  .shots_heading { padding-bottom: 10px !important; }
  p.shots_text { font-size: 14px; line-height: 24px; max-width: 100%; }
  .shots-inner-wrapper { grid-template-columns: 1fr; grid-gap: 20px; }
  .shots-text-div { position: relative; top: 0; left: 0; padding-top: 10px; }
  a.shots-title { color: #000000; font-size: 34px; line-height: 34px; }
  p.shots-sub-title { font-size: 14px; color: #000000; }
  .shots-content:nth-child(odd) .shots-text-div svg path { fill: #000000 }
  a.shots-btn { height: 40px; font-size: 14px; max-width: 160px; color: #ffffff; margin-top: 10px; }
  a.shots-btn span { height: 100%; }

  /* Character */
  #character { margin: 30px 0; }
  .character-text-div { bottom: 0; }
  .character-inner-wrapper .slick-list { margin: 0 -5px; }
  .characters.slick-slide { margin: 0 5px; }
  .character-text-div { padding: 20px 10px; }
  h3.character-title { font-size: 18px; }
  .character-team { max-width: 100%; padding-top: 30px; }
  h3.ct-heading { font-size: 18px; line-height: 32px; text-align: center; }
  .ct-teams { grid-template-columns: 1fr; padding-top: 15px; gap: 20px }
  .team-member { gap: 15px; }
  .team-text-div p { font-size: 14px; line-height: 24px; }

  /* Award */
  .award-heading h2 { padding-bottom: 15px; }
  .award-heading p { font-size: 14px; line-height: 24px; }
  .awards-div { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 15px; }

  /* Projects */
  section#project { margin: 30px 0; padding: 50px 0; }

  /* review */
  .review-inner-wrapper .slick-dots { left: 0; }
  .review-inner-wrapper { padding: 20px; }
  .review-subject h5 { font-size: 14px; line-height: 24px; }
  .review-text p { font-size: 14px; margin: 0; }
  .review-subject h5 { padding: 20px 0 10px; }
  .review-inner-wrapper .slick-dots li button:before { margin-top: 10px; }

  /* Blog */
  .blog-content-wrap { grid-template-columns: 1fr; grid-gap: 30px; }
  .blog-info:nth-child(2):before,.blog-info:nth-child(2):after { display: none; }
  .blog-information { padding-left: 0; }
  .blog-title a { font-size: 17px; max-width: 100%; padding: 15px 0; }
  h5.blog-tag i { font-size: 12px; }

  /* Get In Touch */
  h2.git-heading { font-size: 40px; line-height: 50px; max-width: 100%; }
  .git-text { font-size: 14px; line-height: 26px; max-width: 100%; padding: 20px 0; }
  .git-location, .git-phone { margin-bottom: 15px; }
  .git-info a { font-size: 16px; }
  .git-form { padding-top: 40px; }
  .git-ne, .git-ps, .git-form-description { flex-direction: column; gap: 20px; margin-bottom: 20px;  }
  .git-btn-box { flex-direction: column-reverse; align-items: flex-start; gap:20px; }
  span.wpcf7-list-item.first.last { padding: 0; margin: 0; }
  .git-form-btn { max-width: 160px; }
  .git-form-btn p span { height: 100%; }
  .git-form-btn p input { color: #ffffff; }
  .git-form-btn input { font-size: 14px; height: 40px; }
  .git-form-name p, .git-form-email p, .git-form-number p, .git-form-subject p, .git-form-description p { margin: 0 0 10px; }
}

@media screen and (max-width:380px) {
  .above_title{ margin-top: 0; }
}