/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-May-2017, 13:04:39
    Author     : Mansaf Jafran
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-Jun-2018, 10:29:48
    Author     : Mansaf Jafran
*/
@import url("../fonts/DIN/stylesheet.css");
@media screen and (max-width: 1141px) {
  .wrapper {
    width: 100%;
    padding: 0 20px; }

  .banner .dtls {
    padding: 0 20px; } }
@media screen and (max-width: 1100px) {
  .banner .graduation {
    width: 450px; }
  .banner .dtls .paragraph {
    width: calc(100%);
    padding-right: 0; }
  .banner .dtls .list {
    width: calc(100%);
    margin-top: 40px; } }
@media screen and (max-width: 1030px) {
  .section-2 .gowns .gown {
    width: calc((100% / 2) - 25px); }
    .section-2 .gowns .gown:nth-child(1), .section-2 .gowns .gown:nth-child(2) {
      min-height: 560px; }

  .section-4 .regalia-blks {
    margin-left: 0; }
    .section-4 .regalia-blks .blk {
      width: 100%;
      margin-left: 0; }
      .section-4 .regalia-blks .blk:last-child {
        margin-bottom: 0; } }
@media screen and (max-width: 1000px) {
  .rsvp-blk .text {
    padding: 25px 25px; }

  .notes .text {
    padding: 25px 25px; }

  .banner .dtls ul {
    grid-template-columns: 50%; }
    .banner .dtls ul li.date {
      grid-column: 1 / span 2; }
    .banner .dtls ul li {
      padding-left: 64px;
      margin: 0;
      padding-top: 30px; }
    .banner .dtls ul li.time {
      background: url(../../img/banner-time.png) no-repeat 25px 33px;
      background-size: 26px; }
      .banner .dtls ul li.time:before {
        display: none; }
    .banner .dtls ul li.location {
      background: url(../../img/banner-location.png) no-repeat 25px 33px;
      background-size: 19px; }
  .banner .graduation-2 {
    margin-bottom: 70px; }
    .banner .graduation-2 .paragraph {
      width: 80%; }

  .section-2 .points {
    grid-template-columns: 1fr;
    gap: 50px; } }
@media screen and (max-width: 1100px) and (min-width: 600px) {
  .banner .dtls .list ul {
    margin-left: 0px; }
    .banner .dtls .list ul li {
      width: calc((100% / 3) - 20px);
      display: inline-block;
      float: left;
      margin-left: 20px;
      margin-bottom: 0; } }
@media screen and (max-width: 800px) {
  .banner {
    height: 820px; }

  footer .title {
    width: 100%; }
  footer .dtl {
    width: 100%; }

  .sheikh span {
    width: 100%; }
    .sheikh span.english {
      margin-bottom: 20px; } }
@media screen and (max-width: 700px) {
  .rsvp-blk .blk {
    width: 100%; }
    .rsvp-blk .blk.btn {
      min-height: 70px; }

  .notes .blk {
    width: 100%; }
    .notes .blk.btn {
      min-height: 70px; } }
@media screen and (max-width: 600px) {
  .common-title {
    font-size: 50px;
    line-height: 50px !important; }

  .banner {
    height: unset; }
    .banner .top .logo {
      width: 160px; }
    .banner .top .logo-2 {
      width: 160px; }
    .banner .graduation-2 {
      position: unset;
      top: unset;
      left: unset;
      text-align: center;
      transform: unset;
      width: calc(100%);
      margin: 50px 0; }
      .banner .graduation-2 img {
        width: 100%;
        margin-left: 50%;
        max-width: 350px;
        transform: translateX(-50%);
        display: block; }
    .banner .dtls {
      font-size: 14px;
      line-height: 25px;
      position: unset;
      top: unset;
      left: unset;
      transform: unset;
      padding-bottom: 50px; }
      .banner .dtls .list {
        margin-top: 15px; }
        .banner .dtls .list ul {
          flex-direction: column; }
          .banner .dtls .list ul li {
            margin-left: 0;
            margin-bottom: 30px; }
            .banner .dtls .list ul li:last-child {
              margin-bottom: 0; }

  .rsvp-blk {
    margin-top: 50px; }

  .section-2 {
    padding: 50px 0; }
    .section-2 p {
      width: 100%; }
    .section-2 .gowns {
      margin-left: 0; }
      .section-2 .gowns .gown {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 150px; }
        .section-2 .gowns .gown:last-child {
          margin-bottom: 0px; }
        .section-2 .gowns .gown:nth-child(1), .section-2 .gowns .gown:nth-child(2) {
          min-height: unset; }
    .section-2 .points .important p {
      width: calc(100% - 40px); }

  .section-3 {
    padding: 50px 0; }
    .section-3 .dress-codes .dress-code {
      width: calc((100% / 1) - 40px);
      margin-bottom: 20px; }
      .section-3 .dress-codes .dress-code i {
        width: 76px;
        height: 78px;
        background: #f5f6f8; }

  .section-4 {
    padding: 0;
    padding-bottom: 50px; }
    .section-4 .regalia-blks .blk {
      margin-bottom: 30px; }
      .section-4 .regalia-blks .blk:last-child {
        margin-bottom: 0; }

  .section-5 .event-program .text {
    width: 100%;
    padding: 20px; }

  .section-6 .section-gallery {
    display: block; }
    .section-6 .section-gallery div {
      margin-bottom: 15px;
      grid-row: span 2 !important;
      grid-column: span 2 !important; }
      .section-6 .section-gallery div:last-child {
        margin-bottom: 0; }

  footer {
    padding: 50px 0; }
    footer .blk {
      width: 100%;
      padding: 0; }
    footer .map {
      margin-bottom: 40px; } }
@media screen and (max-width: 400px) {
  .common-title {
    font-size: 30px;
    line-height: 30px !important; }

  .banner .top .logo {
    width: 120px; }
  .banner .top .logo-2 {
    width: 120px; }

  footer {
    margin-top: 50px; } }

/*# sourceMappingURL=style-responsive.css.map */