/*-------------- 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:1510px) and (max-width:1800px) {

  /* Text */
  h2.text-heading { font-size: 250px; line-height: 210px; }

  /* Services */
  .services-wrap { grid-gap: 15px; }
  .service-title { font-size: 28px; }

  /* Album */
  img.spiral-img { height: 100%; }

  /* Image With Text 2 */
  p.iwt-2-text { max-width: 95%; }

  /* Product */
  img.p-right-img,img.p-left-img { display: none; }

  /* Pricing */
  .pp-product { grid-gap: 100px; }

  /* Brand */
  .brand-inner-wrapper .slick-prev { left: 10px; z-index: 9; }
  .brand-inner-wrapper .slick-next { right: 10px; z-index: 9; }

  /* Testimonial */
  p.testi-girl-info, p.testi-boy-info { max-width: 100%; }

}

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

  .service-heading-wrap h2, .album-heading h2, .iwt-2-heading h2, .p-heading, .blog-heading h2, .shoot-heading h2, .pp-heading h2, .testi-heading h2 { padding: 10px 0 10px; }

  /* Slider */
  .slider-video-wrap { right: 50px; bottom: 50px; }
  .slider-contant { bottom: 50px; left: 2rem; max-width: 60%; }
  p.slider-text { font-size: 16px; line-height: 30px; margin: 15px 0; max-width: 95%; }
  h1.slider-head { font-size: 56px; line-height: 70px; }

  /* Image With Text */
  .iwt { padding-top: 50px; }
  .iwt-img-wrap { text-align: left; }
  .iwt-img-wrap:hover .iwt-social-icon { right: 5%; }
  p.iwt-text { max-width: 100%; }

  /* Text */
  h2.text-heading { font-size: 194px; line-height: 170px; }

  /* Services */
  .services-wrap { grid-gap: 10px; }
  .service-title { font-size: 26px; }

  /* Album */
  h2.album-title { font-size: 40px; line-height: 48px; margin: 10px 0 10px; max-width: 100%; }
  .up-text, .down-text { padding-left: 30px; }
  a.album-btn { margin-top: 20px; }
  img.spiral-img { height: 100%; }

  /* Image With Text 2 */
  .iwt-2-heading p { width: 100%; }
  .iwt-2-img-wrap { width: 60%; }
  .iwt-2-text-wrap { width: 40%; }
  p.iwt-2-text { font-size: 14px; line-height: 26px; padding: 15px 0; }

  /* Shoot */
  .shoot-text { padding: 0 20px 20px 0; }
  .shoot-text p { font-size: 18px; line-height: 32px; }
  .shoot-text i { font-size: 60px !important; }
  .shoot-inner-wrapper { padding: 25px 0.75rem 40px; }

  /* Product */
  img.p-left-img,img.p-right-img { display: none; }

  /* Pricing */
  .pp-product { grid-gap: 30px; }
  .pp-title a { font-size: 34px; }
  .pp-price { font-size: 34px; line-height: 30px; padding: 20px 0 20px; }
  .pp-pricing-feature { padding-top: 20px; }

  /* Brand */
  .brand-inner-wrapper .slick-prev { left: 0; z-index: 9}
  .brand-inner-wrapper .slick-next { right: 0; }

  /* Testimonial */
  img.testi-left-img ,img.testi-right-img { display: none; }
  p.testi-girl-info, p.testi-boy-info { max-width: 100%; }


  /* Blog */
  .blog-content-wrap { grid-gap: 45px; }

}

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

  section { background-size: cover; background-repeat: no-repeat; padding: 30px 0; }
  .service-heading-wrap, .album-heading, .iwt-2-heading, .p-head, .brand-heading, .blog-heading, .shoot-heading, .pp-heading, .testi-heading{ padding-bottom: 25px; }
  .service-heading-wrap h2, .album-heading h2, .iwt-2-heading h2, .p-heading, .blog-heading h2, .shoot-heading h2, .pp-heading h2, .testi-heading h2 { padding: 10px 0 15px; }

  /* Slider */
  .slider-video-wrap { max-width: 350px; height: 200px; bottom: 20px; right: 20px; }
  .slider-video { max-width: 350px; height: 200px; }
  .slider-contant { bottom: 25px; left: 20px; max-width: 75%; }
  h1.slider-head { font-size: 52px; line-height: 62px; }
  p.slider-text { margin: 15px 0; }

  /* Image With Text */
  section#iwt { padding: 30px 0 30px; }
  .iwt { padding-top: 0px; }
  h5.iwt-desig { padding: 25px 0 20px; }
  .iwt-text-wrap { padding-left: 20px; }
  p.iwt-text { font-size: 14px; max-width: 100%; }
  .iwt-text-1 { margin-bottom: 15px !important; }
  a.iwt-btn { margin: 20px 0 0; }

  /* Text */
  h2.text-heading { font-size: 148px; line-height: 134px; }
  p.text-text { margin: 20px 0; }

  /* Service */
  .service-heading-wrap p { max-width: 100%; }
  .services-wrap { grid-gap: 5px; }
  .service-title { font-size: 24px; }
  a.service-btn { margin: 30px auto 0; }

  /* Album */
  img.right-img,img.left-img,.up-text .album-text-img { display: none; }
  .up-text, .down-text { padding: 15px; }
  h2.album-title { font-size: 30px; line-height: 40px; margin: 10px 0 10px; max-width: 100%; }
  p.album-text { max-width: 100%; }
  a.album-btn { margin-top: 20px; }
  img.spiral-img { height: 100%; }
  img.down-img,.up-img img { height: 100%; }

  /* Image With Text 2 */
  .iwt-2-heading p { max-width: 100%; }
  .iwt-2-inner-wrapper { border-radius: 20px; }
  .iwt-2-inner-wrapper .row { padding: 15px; }
  p.iwt-2-text { font-size: 14px; line-height: 25px; padding: 20px 0; }

  /* Shoot */
  .shoot-wrap { flex-direction: column; max-width: 1000px; padding: 0 0.5rem; gap: 20px;  }
  .shoot-text-wrap,.slideshow-wrap { max-width: 100%; }
  .shoot-team-wrap { max-width: 1000px; padding: 30px 0.5rem 0; }
  .shoot-teams { grid-gap: 50px; }

  /* Video */
  .v-video video { height: 100%; }

  /* Product */
  img.p-left-img,img.p-right-img { display: none; }
  .p-title, .p-title a { line-height: 30px; }

  /* Pricing */
  .pp-product { grid-gap: 25px; }
  .pp-title a { font-size: 30px; }
  .pp-text { padding-top: 115px; }
  .pp-price { font-size: 32px; line-height: 30px; padding: 20px 0 20px; }
  .pp-pricing-feature { padding-top: 25px; }

  /* Brand */
  .brand-inner-wrapper .slick-prev { left: 10px; }
  .brand-inner-wrapper .slick-next { right: 10px; }
  .brand-inner-wrapper .slick-dots { display: none; }
  .brand-inner-wrapper { margin: 20px 0 20px !important; }

  /* Testimonial */
  img.testi-left-img,img.testi-right-img { display: none; }
  .tesimonial-wrapper .container { max-width: 1000px; margin: 0 auto; padding: 0 0.5rem; }
  p.testi-girl-info, p.testi-boy-info { max-width: 100%; }

  /* Enquiry */
  img.e-right-img,img.e-left-img { display: none; }

  /* Blog */
  .blog-content-wrap { grid-gap: 10px; }
  .blog-title a { font-size: 20px; line-height: 34px; }
  .blog-title { padding: 15px 0; }



}

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

  section { padding: 30px 0; }
  .service-heading-wrap h2, .album-heading h2, .iwt-2-heading h2, .p-heading, .blog-heading h2, .shoot-heading h2, .pp-heading h2,.brand-heading h2, .testi-heading h2 { font-size: 36px; line-height: 46px; padding: 10px 0 10px; }
  .service-heading-wrap h5, .album-heading h5, .iwt-2-heading h5, .p-subheading, .blog-heading h5, .shoot-heading h5, .pp-heading h5, .testi-heading h5 { font-size: 20px; }
    .service-heading-wrap, .album-heading, .iwt-2-heading, .p-head, .brand-heading, .blog-heading, .shoot-heading, .pp-heading, .testi-heading { padding-bottom: 25px; }

  /* Slider */
  .slider-video-wrap { display: none; }
  .slider-contant { bottom: 30px; left: 35px; max-width: 90%; }
  h1.slider-head { font-size: 50px; line-height: 60px; }
  p.slider-text { font-size: 14px; margin: 10px 0; max-width: 100%; }
  a.slider-btn span { height: 100%; }
  a.slider-btn { color: #657150; max-width: 170px; }

  /* Image With Text */
  section#iwt { padding: 30px 0 30px; }
  .iwt { padding-top: 0; }
  h3.iwt-title { font-size: 34px; }
  h5.iwt-desig { padding: 20px 0 20px; }
  .iwt-text-wrap { padding-left: 20px; }
  p.iwt-text { font-size: 14px; line-height: 24px; text-align: justify; max-width: 100%; margin: 0; }
  .iwt-text-1 { margin-bottom: 10px !important; }
  a.iwt-btn { font-size: 16px; color: #ffffff; max-width: 170px; margin: 20px 0 0; }
  a.iwt-btn span { height: 100%; }
  .iwt-social-icon { position: relative; bottom: 0; right: 0; transform: translateY(-0%); }
  .iwt-social-icon { flex-direction: row; gap: 10px; margin-top: 10px; }
  .iwt-img-wrap:hover .iwt-social-icon { right: 0; }

  /* Text */
  h2.text-heading { font-size: 112px; line-height: 100px; }
  p.text-text { font-size: 16px; line-height: 26px; margin: 20px 0; color: #7E7E7E; }
  a.text-btn { color: #ffffff; max-width: 170px; }
  a.text-btn span { height: 100%; }

  /* Services */
  .service-heading-wrap p { font-size: 14px; max-width: 100%; line-height: 24px; }
  .service-title { font-size: 28px; }
  .service-content.slick-slide { margin: 0 5px; }
  a.service-btn { max-width: 170px; margin: 25px auto 0; color: #ffffff; }
  a.service-btn span { height: 100%; }

  /* Album */
  img.right-img,img.spiral-img,img.left-img { display: none; }
  .album-heading h2 { padding-bottom: 0; }
  .up-album .row { flex-direction: column-reverse; margin-bottom: 20px; }
  .up-images-wrap,.down-text-wrap { padding-left: 0px; }
  .up-text, .down-text { padding: 20px; }
  h2.album-title { font-size: 40px; line-height: 50px; margin: 10px 0 15px; max-width: 100%; }
  p.album-text { font-size: 16px; line-height: 26px; max-width: 100%; }
  a.album-btn { font-size: 16px; max-width: 170px; margin-top: 20px; color: #ffffff; }
  a.album-btn span { height: 100%; }

  /* Iamage with text 2 */
  .iwt-2-heading p { font-size: 14px; line-height: 24px; max-width: 100%; margin: 0 auto; }
  .iwt-2-inner-wrapper { border-radius: 0; padding: 15px 15px 25px; }
  img.iwt-2-img { padding-right: 0; }
  .iwt-2-text-wrap { padding-top: 20px; }
  p.iwt-2-text { font-size: 16px; line-height: 30px; padding: 15px 0; }
  a.iwt-2-btn { color: #657150; max-width: 170px; }
  a.iwt-2-btn span { height: 100%; }

  /* Shoot */
  .shoot-inner-wrapper { padding: 25px 0.5rem; width: 100%; max-width: 720px; margin: 0 auto; }
  .shoot-wrap { flex-direction: column; gap: 20px; }
  .shoot-text-wrap { max-width: 100%; }
  .slideshow-wrap { max-width: 100%; }
  .shoot-slideshow .slick-slide { margin: 0 5px; }
  .shoot-slideshow .slick-next { right: 50px; }
  .shoot-team-wrap { max-width: 100%; padding-top: 20px; }
  h3.st-heading { font-size: 24px; line-height: 36px; text-align: center; }
  .shoot-teams { padding-top: 20px; grid-gap: 20px; }
  .s-team { gap: 15px; }
  .st-text p { font-size: 14px; line-height: 24px; }
  .st-text h5 { margin-top: 15px; }

  /* Video */
  .v-video video { height: 100%; }

  /* Product */
  img.p-right-img,img.p-left-img { display: none; }
  .p-detail-wrap.slick-slide { margin: 0 5px; }
  .p-products .slick-list { margin: 0 -5px; }
  a.product-btn { max-width: 170px; color: #ffffff; }
  a.product-btn span { height: 100%; }

  /* Pricing */
  .pp-product { grid-template-columns: 1fr 1fr; grid-gap: 25px; }
  .pp-title a { font-size: 34px; }
  .pp-price { font-size: 34px; padding: 20px 0 20px; }
  .pp-pricing-feature { padding-top: 25px; }
  .pp-text { padding-top: 120px; }

  /* Brand */
  .brand-inner-wrapper .slick-prev { left: 0; }
  .brand-inner-wrapper .slick-next { right: 0; }
  .brand-img img { filter: opacity(1); }

  /* Testimonial */
  img.testi-right-img,img.testi-left-img { display: none; }
  .tesimonial-wrapper .container { max-width: 720px; }
  .testi-bride-info .row { gap: 30px; }
  #testimonial button { display: none; }
  h3.testi-girl-name, h3.testi-boy-name { text-align: center; }
  p.testi-girl-info, p.testi-boy-info { margin: 20px 0; max-width: 100%; text-align: center; }
  .testi-girl-social, .testi-boy-social { justify-content: center; }

  /* Enquiry */
  img.e-right-img,img.e-left-img,img.e-couple-img { display: none; }
  .enquiry-form-wrap { padding: 20px; }
  .enquiry-btn input { color: #ffffff; max-width: 170px; }
  .enquiry-btn { max-width: 170px; }
  .enquiry-btn p:before { height: 100%; }

  /* Blog */
  .blog-info.slick-slide { margin: 0 5px; }
  .blog-content-wrap .slick-list { margin: 0 -5px; }
  .blog-title a { font-size: 18px; }
  a.blog-btn { color: #FFFFFF; max-width: 170px; margin: 15px auto 0; }
  a.blog-btn span { height: 100%; }

}

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

  section { padding: 30px 0; }
  .service-heading-wrap h2, .album-heading h2, .iwt-2-heading h2, .p-heading, .blog-heading h2, .shoot-heading h2, .pp-heading h2,.brand-heading h2, .testi-heading h2 { font-size: 32px; line-height: 43px; padding: 10px 0 10px; }
  .service-heading-wrap h5, .album-heading h5, .iwt-2-heading h5, .p-subheading, .blog-heading h5, .shoot-heading h5, .pp-heading h5, .testi-heading h5 { font-size: 20px; }
  .service-heading-wrap, .album-heading, .iwt-2-heading, .p-head, .brand-heading, .blog-heading, .shoot-heading, .pp-heading, .testi-heading { padding-bottom: 25px; }

  /* Slider */
  .slider-video-wrap,.slider-home-img { display: none !important; }
  img.slider-mbl-img { display: block !important; }
  .slider-contant { bottom: 50px; left: 0; max-width: 93%; margin: 0 0.75rem; }
  h1.slider-head { font-size: 32px; line-height: 42px; text-align: center; padding: 0; }
  p.slider-text { font-size: 14px; line-height: 26px; margin: 10px 0; max-width: 100%; text-align: center; }
  .slider-btn { font-size: 14px !important; max-width: 150px !important; height: 45px !important; margin: 0 auto; }
  a.slider-btn span { height: 100%; background: #657150; }

  /* Image With Text */
  .iwt { padding-top: 30px; }
  .iwt-social-icon { position: relative; top: 0; right: 0; transform: translateY(-0%); }
  .iwt-social-icon { flex-direction: row; justify-content: center; padding: 10px 0 25px; }
  h3.iwt-title { font-size: 30px; line-height: 40px; text-align: center; }
  h5.iwt-desig { text-align: center; padding: 20px 0 20px; }
  p.iwt-text { font-size: 14px; line-height: 24px; text-align: justify; padding: 0px 0 20px; max-width: 100%; margin: 0 !important; }
  a.iwt-btn { font-size: 14px; max-width: 150px; height: 45px; margin: 0px auto 0; color: #ffffff; }
  .iwt-btn span { height: 100%; }
  section#iwt { padding: 0px 0 30px; }

  /* Text */
  h2.text-heading { font-size: 58px; line-height: 58px; }
  p.text-text { font-size: 14px; text-align: justify; margin: 15px 0; }
  a.text-btn { font-size: 14px; max-width: 150px; height: 45px; color: #ffffff; }
  a.text-btn span { height: 100%; }

  /* Service */
  .service-heading-wrap p { font-size: 14px; max-width: 100%; }
  .service-img img { width: 100%; }
  .service-content.slick-slide { margin: 0 5px; }
  .service-title { font-size: 28px; }
  a.service-btn { font-size: 14px; max-width: 150px; height: 45px; margin: 25px auto 0; color: #ffffff; }
  a.service-btn span { height: 100%; }

  /* Album */
  .album-heading h2 { padding-bottom: 0; }
  img.right-img,img.spiral-img,.up-text .album-text-img,.down-text .album-text-img,img.left-img { display: none; }
  .up-album .row { flex-direction: column-reverse; }
  .up-images-wrap { padding-left: 0px; }
  .up-text, .down-text { padding: 15px 10px; align-items: center; }
  h4.album-subtitle { text-align: center; }
  h2.album-title { font-size: 28px; line-height: 38px; margin: 5px 0 10px; max-width: 100%; text-align: center; }
  p.album-text { font-size: 14px; line-height: 24px; text-align: center; max-width: 100%; }
  a.album-btn { font-size: 14px; max-width: 150px; height: 45px; margin-top: 15px; color: #ffffff; }
  a.album-btn span { height: 100%; }
  .up-album { margin-bottom: 25px; }

  /* Image With Text 2 */
  .iwt-2-heading p { font-size: 14px; line-height: 24px; max-width: 100%; margin: 0 auto; }
  .iwt-2-inner-wrapper { border-radius: 0; padding: 15px 10px 25px; }
  img.iwt-2-img { padding-right: 0; }
  .iwt-2-text-wrap { padding-top: 20px; }
  img.text_img { display: none; }
  h3.iwt-2-title { font-size: 32px; line-height: 36px; text-align: center; }
  p.iwt-2-text { font-size: 14px; line-height: 24px; text-align: center; padding: 15px 0; }
  a.iwt-2-btn { font-size: 14px; max-width: 150px; height: 45px; margin: 0 auto; color: #657150; }
  a.iwt-2-btn span { height: 100%; }

  /* Shoot */
  .shoot-heading h2 { padding-bottom: 0; }
  .shoot-wrap { flex-direction: column; }
  .shoot-inner-wrapper { padding: 20px 0.75rem; }
  .shoot-text-wrap { max-width: 100%; }
  .shoot-text { padding: 0 15px 15px 0; }
  .shoot-text i { font-size: 44px !important; }
  .shoot-text p { font-size: 13px; line-height: 25px; text-align: justify; margin: 10px 0; }
  h6.shoot-sign { font-size: 16px; }
  .slideshow-wrap { max-width: 100%; }
  .shoot-slideshow { padding-left: 0px; padding-top: 20px; }
  .shoot-slideshow .slick-slide { margin: 0 5px; }
  .shoot-slideshow button:before,.shoot-slideshow .slick-next,.shoot-slideshow .slick-prev { display: none; }
  .shoot-team-wrap { max-width: 100%; padding-top: 25px; }
  h3.st-heading { font-size: 18px; line-height: 28px; text-align: center; }
  .shoot-teams { grid-template-columns: 1fr; padding-top: 15px; grid-gap: 20px; }
  .s-team { gap: 10px; }
  .st-text p { font-size: 14px; line-height: 22px; }
  .st-text h5 { font-size: 18px; line-height: 22px; margin-top: 10px; }

  /* Video */
  .v-video video { height: 100%; }
  img.video-img { object-fit: cover; }
  img.play { width: 100%; max-width: 10%; }

  /* Product */
  img.p-left-img, img.p-right-img { display: none; }
  .p-detail-wrap.slick-slide { margin: 0 5px; }
  .p-products .slick-list { margin: 0 -5px; }
  a.product-btn { font-size: 14px; max-width: 150px; height: 45px; margin: 0px auto 0; color: #ffffff; }
  a.product-btn span { height: 100%; }
  .pp-product { grid-template-columns: 1fr; grid-gap: 30px; }

  /* Pricing */
  .pp-title a { font-size: 34px; }
  .pp-price { font-size: 30px; line-height: 30px; padding: 15px 0 20px; }
  .pp-text { padding-top: 120px; }
  .pp-pricing-feature { padding-top: 20px; }
  ul.pp-feature li { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
  .pp-cart-btn { margin-top: 25px; }

  /* Brand */
  .brand-heading h2 { padding-bottom: 0; }
  .brand-inner-wrapper .slick-prev { left: 0; }
  .brand-inner-wrapper .slick-next { right: 0; }
  .brand-img img { filter: opacity(1); }

  /* Testimonial */
  img.testi-right-img,img.testi-left-img { display: none; }
  .testi-heading h2 { padding-bottom: 0; }
  .testi-girl-info, .testi-boy-info { text-align: center; }
  h3.testi-girl-name, h3.testi-boy-name { font-size: 30px; line-height: 34px; }
  p.testi-girl-info, p.testi-boy-info { font-size: 15px; line-height: 24px; margin: 15px 0; max-width: 100%; }
  .testi-girl-social, .testi-boy-social { justify-content: center; }
  .testi-bride-info .row { gap: 20px; align-items: center; justify-content: center; }

  /* Enquiry */
  img.e-right-img,img.e-couple-img,img.e-left-img { display: none; }
  .enquiry-inner-wrapper { padding: 10px; }
  .enquiry-form-wrap { border-bottom: 13px solid #DBE2CF; border-top: 13px solid #DBE2CF; border-left: 13px solid #DBE2CF; border-right: 13px solid #DBE2CF; padding: 15px 15px; }
  .enquiry-heading h2 { font-size: 26px; line-height: 36px; }
  .enquiry-heading h5 { padding-bottom: 0; }
  .enquiry-heading { padding-bottom: 25px; }
  .enquiry-btn input { font-size: 14px; max-width: 150px; height: 45px; color: #ffffff; }
  .enquiry-btn > p { height: 45px; }
  .enquiry-btn { max-width: 150px; height: 45px; }
  .enquiry-btn p:before { height: 100%; }

  /* Blog */
  .blog-info.slick-slide { margin: 0 5px; }
  .blog-content-wrap .slick-list { margin: 0 -5px; }
  .blog-information { padding: 20px 10px; max-width: 100%; bottom: 1rem; }
  .blog-title a { font-size: 18px; line-height: 28px; }
  .blog-title { padding: 15px 0 0; }
  .blog-heading h2 { padding-bottom: 0; }
  a.blog-btn { font-size: 14px; max-width: 150px; height: 45px; margin: 10px auto 0; color: #ffffff; }
  a.blog-btn span { height: 100%; }

}

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