/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008-2011 Justin French

--------------------------------------------------------------------------------------------------*/

/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just .formtastic
--------------------------------------------------------------------------------------------------*/

.formtastic,
.formtastic ul,
.formtastic ol,
.formtastic li,
.formtastic fieldset,
.formtastic legend,
.formtastic input,
.formtastic button,
.formtastic textarea,
.formtastic select,
.formtastic p {
  margin:0;
  padding:0;
}

.formtastic fieldset {
  border:0;
}

.formtastic em,
.formtastic strong {
  font-style:normal;
  font-weight:normal;
}

.formtastic ol,
.formtastic ul {
  list-style:none;
}

.formtastic abbr,
.formtastic acronym {
  border:0;
  font-variant:normal;
}

.formtastic input,
.formtastic button,
.formtastic textarea {
  font-family:sans-serif;
  font-size:inherit;
  font-weight:inherit;
}

.formtastic input,
.formtastic textarea,
.formtastic select {
  font-size:100%;
}

.formtastic legend {
  white-space:normal;
  color:#000;
}


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 1.5em 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* BUTTONS & ACTIONS
--------------------------------------------------------------------------------------------------*/
.formtastic .buttons, 
.formtastic .actions {
  overflow:hidden; /* clear containing floats */
  padding-left:25%;
}

.formtastic .button, 
.formtastic .action {
  float:left;
  padding-right:0.5em;
}

.formtastic .button_action button {
  padding:3px 8px;
}

.formtastic .link_action a {
  display:block;
  padding:3px 0;
}


/* INPUTS
--------------------------------------------------------------------------------------------------*/
.formtastic .inputs {
  overflow:hidden; /* clear containing floats */
}

.formtastic .input {
  overflow:hidden; /* clear containing floats */
  padding:0.5em 0; /* padding and negative margin juggling is for Firefox */
  margin-top:-0.5em;
  margin-bottom:1em;
}


/* LEFT ALIGNED LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .label {
  display:block;
  width:25%;
  float:left;
  padding-top:.2em;
}

.formtastic .fragments .label,
.formtastic .choices .label {
  position:absolute;
  width:95%;
  left:0px;
}

.formtastic .fragments .label label,
.formtastic .choices .label label {
  position:absolute;
}

/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
.formtastic .choices {
  position:relative;
}

.formtastic .choices-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .choice {
  padding:0;
  border:0;
}


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .inline-hints {
  color:#666;
  margin:0.5em 0 0 25%;
}


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .inline-errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
}

.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* STRING, NUMERIC, PASSWORD, EMAIL, URL, PHONE, SEARCH (ETC) OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .stringish input {
  width:72%;
}

.formtastic .stringish input[size],
.formtastic .stringish input[max] {
  width:auto;
  max-width:72%;
}


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .text textarea {
  width:72%;
}

.formtastic .text textarea[cols] {
  width:auto;
  max-width:72%;
}


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .hidden {
  display:none;
}


/* BOOLEAN LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .boolean label {
  padding-left:25%;
  display:block;
}


/* CHOICE GROUPS
--------------------------------------------------------------------------------------------------*/
.formtastic .choices-group {
  margin-bottom:-0.5em;
}

.formtastic .choice {
  margin:0.1em 0 0.5em 0;
}

.formtastic .choice label {
  float:none;
  width:100%;
  line-height:100%;
  padding-top:0;
  margin-bottom:0.6em;
}


/* ADJUSTMENTS FOR INPUTS INSIDE LABELS (boolean input, radio input, check_boxes input)
--------------------------------------------------------------------------------------------------*/
.formtastic .choice label input,
.formtastic .boolean label input {
  margin:0 0.3em 0 0.1em;
  line-height:100%;
}


/* FRAGMENTED INPUTS (DATE/TIME/DATETIME)
--------------------------------------------------------------------------------------------------*/
.formtastic .fragments {
  position:relative;
}

.formtastic .fragments-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .fragment {
  float:left;
  width:auto;
  margin:0 .3em 0 0;
  padding:0;
  border:0;
}

.formtastic .fragment label {
  display:none;
}

.formtastic .fragment label input {
  display:inline;
  margin:0;
  padding:0;
}

@media (max-width: 1610px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mCSB_outside + .mCSB_scrollTools {
    left: -9px;
  }
}
@media (max-width: 1200px) {
  /* line 14, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap table.drag-drop-table tbody td:first-child span.icon-drag {
    left: 0px;
    font-size: 15px;
  }
  /* line 23, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap thead th {
    padding-left: 15px !important;
  }
  /* line 26, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap thead th.sortable a {
    padding-left: 15px !important;
  }
  /* line 33, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td {
    padding-left: 15px !important;
  }

  /* line 39, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td {
    padding-left: 15px !important;
  }
  /* line 42, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td span.icon-drag {
    left: 0px;
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  /* line 52, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .block-list > div {
    width: calc((100% - 61px) / 2);
  }

  /* line 56, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  /* line 60, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table {
    border: none;
  }
  /* line 62, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table thead {
    display: none !important;
  }
  /* line 66, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody tr:nth-child(even) {
    background: #fff;
  }
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px !important;
  }
  /* line 80, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody td:first-child {
    background: rgba(221, 221, 221, 0.5);
    padding: 12px 10px !important;
  }
  /* line 84, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody td:nth-child(2) {
    padding-top: 12px !important;
  }
  /* line 87, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody td:last-child {
    padding-bottom: 12px !important;
  }
  /* line 90, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md table tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 43%;
    min-width: 43%;
    padding-right: 10px;
  }
  /* line 101, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md .order-by-mobile {
    display: inline-block;
    margin-bottom: 20px;
  }
  /* line 104, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md .order-by-mobile select {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px !important;
    padding: 5px 20px 5px 10px;
    min-width: 200px;
    background: #fff;
    color: #333;
    outline: none;
  }
  /* line 116, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap.list-view-md .dataTables_empty:before {
    content: none;
  }

  /* line 121, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar {
    margin-bottom: 0;
  }

  /* line 125, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-inputs > div {
    margin-bottom: 15px;
  }
  /* line 127, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-inputs > div:last-child {
    margin-bottom: 0;
  }

  /* line 132, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .topics-container {
    padding: 0 15px;
  }

  /* line 135, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .profile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* line 139, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .profile-info-table {
    border: 1px solid #ddd;
  }

  /* line 142, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .btn-edit-account {
    margin-bottom: 40px;
  }

  /* line 147, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .container {
    width: 100%;
  }
  /* line 151, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer ul li {
    margin-left: 15px;
  }
  /* line 155, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer a {
    font-size: 13px;
  }
  /* line 160, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body section#notices.transparent {
    top: 40px;
  }
  /* line 162, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body section#notices.transparent .container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 171, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .tooltip {
    display: none !important;
    opacity: 0 !important;
  }

  /* line 176, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .tip-bubble-desktop {
    display: none;
  }
  /* line 179, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .tip-bubble-mobile {
    display: inline-block;
    padding: 5px;
  }

  /* line 184, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 20px);
  }

  /* line 188, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal .modal-header {
    padding: 20px 40px;
  }
  /* line 190, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal .modal-header .modal-title {
    font-family: "Open Sans";
    font-size: 16px;
  }
  /* line 195, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal .modal-body {
    padding: 30px 20px 40px;
  }
  /* line 198, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal .btn {
    min-width: 110px;
  }

  /* line 204, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal-small-dialog .small-dialog-content > p {
    margin-bottom: 35px;
    font-size: 16px;
  }
  /* line 207, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal-small-dialog .small-dialog-content > p.mb-sm {
    margin-bottom: 15px;
  }
  /* line 211, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .modal-small-dialog .small-dialog-content .btn {
    font-size: 14px !important;
  }

  /* line 216, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .blank-page {
    padding: 100px 0;
  }
  /* line 218, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .blank-page img {
    width: 170px;
  }

  /* line 222, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-group {
    margin-bottom: 20px;
  }
  /* line 225, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-group .select2-container .select2-selection__rendered {
    padding-right: 45px;
  }
  /* line 228, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-group .select2-container .select2-selection__arrow {
    width: 40px;
  }

  /* line 233, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .form-element {
    margin-bottom: 20px;
  }

  /* line 237, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  /* line 241, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap table {
    border: none !important;
  }
  /* line 243, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap table thead {
    display: none;
  }
  /* line 248, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 255, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody tr:nth-child(even) {
    background: #fff;
  }
  /* line 259, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px !important;
  }
  /* line 262, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td:first-child {
    background: rgba(221, 221, 221, 0.5);
    padding: 12px 10px !important;
  }
  /* line 266, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td:nth-child(2) {
    padding-top: 12px !important;
  }
  /* line 269, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td:last-child {
    padding-bottom: 12px !important;
  }
  /* line 272, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 43%;
    min-width: 43%;
    padding-right: 10px;
  }
  /* line 282, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap .order-by-mobile {
    display: inline-block;
    margin-bottom: 20px;
  }
  /* line 285, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap .order-by-mobile select {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px !important;
    padding: 5px 20px 5px 10px;
    min-width: 200px;
    background: #fff;
    color: #333;
    outline: none;
  }
  /* line 297, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .table-wrap .dataTables_empty:before {
    content: none;
  }

  /* line 302, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 309, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable:nth-child(even) {
    background: #fff;
  }
  /* line 312, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px !important;
    width: 100%;
  }
  /* line 316, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td:first-child {
    background: rgba(221, 221, 221, 0.5);
    padding: 12px 10px !important;
  }
  /* line 320, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td:nth-child(2) {
    padding-top: 12px !important;
  }
  /* line 323, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td:last-child {
    padding-bottom: 12px !important;
  }
  /* line 326, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  tr.dragable td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 43%;
    min-width: 43%;
    padding-right: 10px;
  }

  /* line 336, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .pagination {
    margin: 15px 0 !important;
  }

  /* line 340, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .datepicker-days .dow {
    padding: 7px !important;
  }

  /* line 346, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar .buttons .btn {
    margin-right: 20px;
  }

  /* line 351, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .btn-lg {
    font-size: 18px !important;
  }

  /* line 355, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .support-search-btn span {
    display: none;
  }
  /* line 358, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .support-search-btn i {
    display: inline-block;
  }

  /* line 362, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-no-padding {
    padding: 0 !important;
  }

  /* line 366, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body h2.section-title {
    line-height: 28px;
  }
  /* line 371, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body header .container h2 {
    font-size: 30px;
  }
  /* line 376, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer {
    padding: 15px 0 10px;
  }
  /* line 379, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 383, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 387, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 389, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer ul li {
    margin-left: 0;
    margin-top: 10px;
  }
  /* line 394, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .copyright {
    text-align: center;
    margin-top: 15px;
  }
  /* line 400, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body section#notices.transparent {
    top: 30px;
  }

  /* line 406, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .recaptcha .g-recaptcha {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media (max-width: 450px) {
  /* line 413, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .form-two-elements,
  .two-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 416, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .form-two-elements > div:first-child,
  .two-items > div:first-child {
    width: 100%;
  }
  /* line 419, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .form-two-elements > div:last-child,
  .two-items > div:last-child {
    width: 100%;
  }

  /* line 424, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 427, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar .close-selected {
    margin-right: 0;
  }
  /* line 430, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar .buttons {
    margin-top: 10px;
  }
  /* line 432, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .select-bar .buttons .btn {
    margin-right: 40px;
  }

  /* line 437, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 440, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-buttons .btn {
    min-width: 80%;
  }
  /* line 442, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  .mobile-buttons .btn:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  /* line 450, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  figure.snip1477 figcaption {
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    bottom: 35% !important;
    left: 10px !important;
  }
  /* line 457, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  figure.snip1477 .title {
    top: 65% !important;
    left: 10px !important;
  }
  /* line 461, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  figure.snip1477 h2 {
    font-size: 20px !important;
  }
  /* line 464, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  figure.snip1477 h4 {
    font-size: 14px !important;
  }

  /* line 470, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer {
    padding-top: 10px;
  }
  /* line 474, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .footer-content ul > li {
    margin-top: 5px;
  }
  /* line 479, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_globals.scss */
  body footer .copyright {
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-header {
    margin-right: 20px;
  }
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  /* line 16, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .container {
    width: 100%;
  }
  /* line 19, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-header {
    margin-right: 0;
  }
  /* line 22, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav {
    width: calc(100% + 15px);
  }
  /* line 25, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li > a:not(.btn) {
    padding: 0 7px;
    font-size: 13px;
  }
  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li .btn {
    min-width: 90px;
  }
  /* line 31, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li .btn.btn-green {
    margin-right: 10px;
  }
  /* line 37, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .account-dropdown-wrap .info-text {
    right: 16px;
  }
}
@media (min-width: 768px) {
  /* line 46, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    visibility: visible;
  }

  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent ul.nav.navbar-nav > li > a:not(.btn) {
    color: #fff;
  }
  /* line 55, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent ul.nav.navbar-nav > li > a:not(.btn):after {
    background: #fff;
  }
  /* line 58, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent ul.nav.navbar-nav > li > a:not(.btn):hover, nav.navbar.transparent ul.nav.navbar-nav > li > a:not(.btn).active {
    color: rgba(255, 255, 255, 0.7);
  }
  /* line 63, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent ul.nav.navbar-nav .dropdown:hover .account-dropdown,
  nav.navbar.transparent ul.nav.navbar-nav .dropdown:hover .support-dropdown {
    color: #fff;
  }
  /* line 69, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent .navbar-toggle .icon-bar {
    color: #fff;
  }
  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767px) {
  /* line 81, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .dropdown-menu {
    visibility: visible;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .dropdown-menu li {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  /* line 87, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .dropdown-menu li:last-child {
    border-bottom: none;
  }
  /* line 91, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .dropdown-menu a {
    padding-left: 24px;
  }

  /* line 95, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar {
    z-index: 1051 !important;
    padding: 9px 0;
  }
  /* line 99, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar.transparent .navbar-collapse {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  /* line 104, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .nav-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 107, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 15px;
  }
  /* line 112, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav {
    width: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav > li {
    margin-left: 0;
    margin-bottom: 8px;
    width: 100%;
  }
  /* line 119, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav > li > a {
    margin: 0 !important;
    text-align: center;
  }
  /* line 122, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav > li > a:not(.btn) {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  /* line 126, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav > li > a:not(.btn):after {
    content: none !important;
  }
  /* line 133, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-collapse ul.nav.navbar-nav .account-dropdown-wrap .info-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: auto;
    top: -5px;
    margin-left: -10px;
  }
  /* line 142, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-header {
    width: 100%;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 149, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-header:after, nav.navbar .navbar-header:before {
    content: none;
  }
  /* line 152, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-header a {
    width: 100px;
  }
  /* line 156, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar .navbar-brand {
    padding: 0 !important;
    height: auto;
  }
  /* line 161, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li > a {
    text-align: left;
  }
  /* line 163, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav > li > a.account-dropdown, nav.navbar ul.nav.navbar-nav > li > a.support-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  /* line 175, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_nav.scss */
  nav.navbar ul.nav.navbar-nav .open .dropdown-menu {
    background: #fff;
  }
}
@media (max-width: 1200px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .section-padding {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #banner {
    padding-bottom: 50px;
  }

  /* line 10, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #advantages .container {
    width: 100%;
  }
  /* line 14, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #advantages .advantage span {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  /* line 23, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #banner .v-center {
    display: block;
  }
  /* line 26, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #banner .v-center > div:first-of-type {
    margin-bottom: 50px;
  }

  /* line 34, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #home-features .container {
    width: 100%;
  }

  /* line 39, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  /* line 42, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list .home-features-item {
    width: 29%;
  }

  /* line 48, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #advantages .row {
    margin-top: 40px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  /* line 56, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .wow {
    -webkit-animation: none !important;
    animation: none !important;
  }

  /* line 60, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .section-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /* line 64, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #banner {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  /* line 70, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  #home-features p {
    line-height: 24px;
  }

  /* line 75, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list {
    margin-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 79, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list .img {
    margin-bottom: 30px;
  }
  /* line 82, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list h3 {
    line-height: 26px;
    margin-bottom: 15px;
  }
  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list h3 br {
    display: none;
  }
  /* line 89, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list .home-features-item {
    margin-bottom: 50px;
    width: 50%;
    min-width: 300px;
  }
  /* line 93, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list .home-features-item:last-child {
    margin-bottom: 0;
  }
  /* line 96, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .home-features-list .home-features-item .img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 105, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_home.scss */
  .homepage-buttons .btn {
    min-width: 130px;
  }
}
@media (max-width: 1610px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images {
    width: calc(100% - 25vw);
  }
  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums {
    width: 25vw;
    border-bottom: none !important;
  }
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums .albums-block {
    padding: 25px 12px;
  }
  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums h5 {
    margin-bottom: 20px;
  }

  /* line 17, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list {
    height: calc(100% - 75px);
  }
  /* line 20, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .icon-edit-pencil {
    margin-left: 5px;
  }
  /* line 24, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li.favorite .item-number {
    margin-right: 54px;
  }

  /* line 33, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container:not(.photographers-view-albums) .printed-albums .albums-list {
    height: calc(100% - 35px);
  }

  /* line 40, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container-guest .albums-list {
    height: calc(100% - 35px) !important;
  }

  /* line 45, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list {
    width: calc(100% - 25vw);
  }
  /* line 47, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list .tab-item {
    min-width: 200px;
  }
}
@media (max-width: 1400px) {
  /* line 55, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .grid-sizer,
  .gallery .item {
    width: 33.33%;
  }
}
@media (max-width: 1230px) {
  /* line 64, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images {
    width: calc(100% - 300px);
  }
  /* line 67, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums {
    width: 300px;
  }

  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li a {
    padding: 10px 10px 7px;
  }
  /* line 76, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .folder-info {
    margin: 0 17px;
  }
  /* line 79, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .icon-lock {
    margin-left: 10px;
  }

  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .grid-sizer,
  .gallery .item {
    width: 50%;
  }

  /* line 91, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1200px) {
  /* line 100, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons .images-top-btn {
    margin: 0 0 0 15px !important;
  }

  /* line 108, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .breadcrumb-wrap {
    width: calc(100% - 470px);
  }
}
@media (max-width: 1024px) {
  /* line 118, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons {
    top: 15px;
    right: 65px;
  }
  /* line 121, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .download-btn {
    padding: 5px;
    margin-right: 25px;
  }
  /* line 125, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .icon-favorite,
  .mfp-gallery .action-buttons .icon-favorite-full {
    padding: 5px;
    margin-right: 25px;
  }
  /* line 131, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .mfp-img {
    padding-bottom: 0px !important;
    padding-top: 60px !important;
  }
  /* line 135, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .mfp-close {
    top: 10px !important;
    right: 10px !important;
  }
  /* line 139, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .mfp-arrow {
    opacity: 1 !important;
  }
  /* line 145, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .add-comment-popup {
    min-width: 280px;
    padding: 25px;
    right: 15px;
  }
  /* line 150, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .add-comment-popup.right-70 {
    right: -50px;
  }

  /* line 158, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .icon-delete {
    padding: 5px 8px;
  }
  /* line 161, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .icon-edit-pencil {
    padding: 5px 7px;
    margin-left: 0;
    margin-right: 0;
  }

  /* line 170, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .actions {
    bottom: 6px;
  }
  /* line 173, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .actions .delete-btn i {
    padding: 14px;
  }
  /* line 177, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .actions .add-to-favorites {
    padding: 14px;
  }
  /* line 181, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .checkbox-wrap {
    left: 31px;
  }
}
@media (max-width: 991px) {
  /* line 191, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .selected-mode .selected-images .buttons {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* line 199, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .images-top {
    background: #fff;
  }
  /* line 201, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .images-top .container {
    display: block;
  }
  /* line 205, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .breadcrumb-wrap {
    width: auto;
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 211, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .breadcrumb-wrap .breadcrumb .active {
    white-space: normal;
    max-width: 100%;
  }
  /* line 214, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.album-images .breadcrumb-wrap .breadcrumb .active span {
    display: inline;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
  }
}
@media (max-width: 767px) {
  /* line 229, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .upload-images-placeholder {
    padding: 50px 0;
    height: auto;
  }
  /* line 232, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .upload-images-placeholder img {
    width: 220px;
  }

  /* line 238, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #create-album-modal .btn-primary,
  #update-album-modal .btn-primary {
    margin-top: 35px;
  }
  /* line 242, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #create-album-modal .image-size .radio-wrap,
  #update-album-modal .image-size .radio-wrap {
    margin-right: 0 !important;
    width: calc(100% / 3);
  }

  /* line 248, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal {
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
  }
  /* line 252, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .modal-header {
    padding: 20px 40px 20px 10px;
  }
  /* line 255, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .modal-body {
    padding: 30px 20px 40px;
  }
  /* line 258, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .minimize {
    width: 30px;
    height: 30px;
  }
  /* line 262, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list {
    max-height: 170px;
  }
  /* line 264, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list li {
    margin-bottom: 25px;
  }
  /* line 267, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list .image-progress {
    width: 50px;
    min-width: 50px;
    margin: 0 0 0 5px;
  }
  /* line 272, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list .image-size {
    margin-left: 10px;
  }
  /* line 276, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list .btn-link span {
    display: none;
  }
  /* line 279, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal .uploading-images-list .btn-link i {
    display: inline-block;
  }
  /* line 285, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal.minimized .modal-header {
    padding: 15px 25px;
  }
  /* line 287, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #image-uploading-modal.minimized .modal-header .modal-title {
    font-size: 14px;
  }

  /* line 294, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .albums-dropdown {
    max-height: 220px;
  }
  /* line 298, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .albums-dropdown {
    right: -64px;
  }
  /* line 300, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .albums-dropdown:before {
    right: 130px;
  }
  /* line 303, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .albums-dropdown:after {
    right: 129px;
  }

  /* line 315, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  body .gallery-container .images .images-container,
  body .gallery-container .images.selected-mode .images-container,
  body .gallery-container .images.photographers-view .images-container,
  body .gallery-container .images.album-images .images-container {
    height: auto !important;
    min-height: 300px;
  }

  /* line 322, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container {
    min-height: calc(100% - 50px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: none !important;
    position: relative;
  }
  /* line 327, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-top: 0;
  }
  /* line 331, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.photographers-view {
    padding-bottom: 60px;
  }
  /* line 335, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.selected-mode:not(.photographers-view) {
    padding-bottom: 60px;
  }
  /* line 339, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images .breadcrumb-wrap {
    border-top: 1px solid #ddd;
    margin-top: 1px;
  }
  /* line 343, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .images.digital-delivery-no-albums {
    margin-top: 0 !important;
  }
  /* line 347, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .photos-number {
    padding-top: 10px;
  }
  /* line 349, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .photos-number p {
    position: static;
  }
  /* line 353, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    height: calc(100% - 64px);
    opacity: 0;
    z-index: -1;
    position: absolute;
    visibility: hidden;
  }
  /* line 363, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums.shown {
    opacity: 1;
    z-index: 0;
    position: static;
    visibility: visible;
  }
  /* line 369, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums .albums-block {
    padding: 20px 15px 15px 15px;
  }
  /* line 372, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums h5 {
    margin-bottom: 15px;
    font-size: 15px;
  }
  /* line 378, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums-container.info-message-container.add-comments-review {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  /* line 380, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums-container.info-message-container.add-comments-review > .albums {
    position: static;
    visibility: visible;
    width: 100%;
    opacity: 1;
    z-index: auto;
    padding-top: 10px;
  }
  /* line 390, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums-container.hide-mb-view {
    display: none;
  }
  /* line 394, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .video-requests {
    min-height: initial;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 402, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .video-requests-placeholder {
    padding: 10px 15px;
  }

  /* line 407, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .add-comment-popup .pt-6 {
    padding-top: 20px;
  }

  /* line 411, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list {
    position: static;
    padding: 25px 20px;
  }
  /* line 414, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list > .item {
    margin-bottom: 10px;
  }

  /* line 420, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .checkbox-wrap,
  .gallery .item .actions,
  .gallery .item .img-link:after {
    opacity: 1 !important;
  }
  /* line 427, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .actions button.add-to-desktop {
    display: none !important;
  }
  /* line 430, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .item .actions button.add-to-mobile {
    display: inline-block !important;
  }

  /* line 440, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  body .albums-dropdown li.info-text {
    font-size: 16px;
  }
  /* line 444, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  body .albums-dropdown a {
    padding: 14px 30px 14px 20px;
  }

  /* line 451, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #albums-modal .albums-dropdown a {
    padding: 14px 10px 14px 10px;
  }
  /* line 454, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #albums-modal .albums-dropdown .mCSB_outside + .mCSB_scrollTools {
    right: -10px !important;
  }

  /* line 459, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list {
    height: calc(100% - 70px);
  }
  /* line 461, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li {
    margin-bottom: 10px;
  }
  /* line 463, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-list li .folder-info {
    margin-right: 22px;
  }

  /* line 468, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container {
    width: 100%;
    z-index: 1001;
  }
  /* line 472, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.opened {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-overflow-scrolling: touch;
  }
  /* line 477, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.opened .albums {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  /* line 481, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.top {
    position: fixed;
    top: 0;
    left: 0;
  }
  /* line 484, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.fixed-position {
    position: fixed;
    top: 0;
    left: 0;
  }
  /* line 487, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container .albums-collapse-btn {
    min-height: 64px;
    display: block;
  }
  /* line 493, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container:not(.photographers-view-albums) .printed-albums .albums-list {
    height: calc(100% - 30px);
  }
  /* line 500, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.photographers-view-albums .created-albums .albums-list {
    height: calc(100% - 30px);
  }
  /* line 506, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .albums-container.info-message-container .albums {
    height: auto !important;
    display: block !important;
  }

  /* line 513, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .selected-images .selected-images-container {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 516, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .selected-images .selected-images-container .close-selected {
    margin: 0 0 8px -10px;
  }
  /* line 522, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .selected-images .add-to-btn button.add-to-desktop {
    display: none !important;
  }
  /* line 525, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .selected-images .add-to-btn button.add-to-mobile {
    display: inline-block !important;
  }

  /* line 532, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  }
  /* line 535, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons .images-top-btn {
    margin: 7px 0 !important;
  }
  /* line 540, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons .switch .text-desktop {
    display: none;
  }
  /* line 543, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons .switch .text-mobile {
    display: inline-block;
  }
  /* line 548, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons.space-around {
    width: 100%;
  }
  /* line 550, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images .buttons.space-around .switch {
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  /* line 560, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .event-title h4 .tip-bubble {
    margin-left: 0;
  }
  /* line 564, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .event-title.with-logo {
    padding: 15px 5px 10px 59px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px;
  }
  /* line 570, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .event-title.with-logo .btn-back {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  /* line 574, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .event-title.with-logo .btn-back > i {
    line-height: 35px;
  }
  /* line 580, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .vg-logo {
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 587, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .vg-logo a {
    margin-right: 10px;
  }
  /* line 590, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .vg-logo p {
    display: block;
  }
  /* line 593, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .vg-logo.desktop {
    display: none;
  }
  /* line 596, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top .vg-logo.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* line 601, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-event-top.album-layout {
    padding-bottom: 20px;
  }

  /* line 607, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .images-top .images-top-container {
    padding: 0 15px;
  }

  /* line 611, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .slide-up-btn {
    display: block;
  }

  /* line 615, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container-guest .albums-list {
    height: calc(100% - 30px) !important;
  }

  /* line 620, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list {
    width: 100%;
    background-color: #f9fafb;
    margin-bottom: 0;
  }
  /* line 624, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list .tab-item {
    min-width: 160px;
  }
  /* line 627, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .photos-tab-list .item > a {
    font-size: 13px;
  }

  /* line 633, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .add-comment-popup {
    min-width: 245px;
    padding: 20px;
    right: 30px;
  }
  /* line 638, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .mfp-gallery .action-buttons .add-comment-popup.right-70 {
    min-width: 270px;
    right: -45px;
  }
}
@media (min-width: 768px) {
  /* line 649, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery-container .albums {
    display: block !important;
  }
}
@media (max-width: 450px) {
  /* line 657, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .gallery .grid-sizer,
  .gallery .item {
    width: 100%;
  }

  /* line 664, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  .video-requests-placeholder .gallery-container > p {
    margin-top: 10px;
  }

  /* line 672, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_photos.scss */
  #create-album-modal .image-size .radio-wrap,
  #update-album-modal .image-size .radio-wrap {
    width: calc(100% / 2);
  }
}
@media (max-width: 1610px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos {
    width: calc(100% - 25vw);
  }

  /* line 5, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .video-requests {
    width: 25vw;
  }
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .video-requests-placeholder {
    padding: 20px 30px;
  }
}
@media (max-width: 1230px) {
  /* line 14, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos {
    width: calc(100% - 300px);
  }
  /* line 16, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-title {
    padding: 8px 60px;
  }

  /* line 20, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .video-requests {
    width: 300px;
  }
  /* line 22, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .video-requests-placeholder {
    padding: 20px;
  }
}
@media (max-width: 1200px) {
  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-back-btn {
    top: -65px;
  }
  /* line 31, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-back-btn a {
    width: 30px;
    height: 30px;
  }
  /* line 34, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-back-btn a i {
    line-height: 30px;
  }

  /* line 40, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .description-wrap {
    padding-right: 30px;
  }
  /* line 44, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .file-list li {
    max-width: calc(100% - 8px);
  }
}
@media (max-width: 991px) {
  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 55, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder .buttons .text {
    margin: 15px 0;
  }

  /* line 62, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #requested-assets-table .mobile-title:before {
    padding-left: 20px;
  }
  /* line 65, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #requested-assets-table .mobile-title .icon-drag {
    left: 10px;
  }

  /* line 72, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-content .videos-buttons {
    padding: 20px;
  }
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos .requested-text-wrap .block-list {
    margin: 0;
  }
  /* line 79, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos .requested-text-wrap .block-list > div {
    width: 100%;
    margin: 0 0 20px;
  }

  /* line 87, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .item-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 90, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .description-wrap {
    width: calc(100% - 150px);
  }
  /* line 93, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .requested-media {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  /* line 98, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .file-list {
    margin-top: 6px;
  }
  /* line 100, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .file-list li {
    max-width: calc(50% - 10px);
  }
  /* line 104, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .btn-upload {
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  /* line 111, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: calc(100vh - 50px);
  }

  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos {
    height: auto;
    min-height: initial;
    width: 100%;
  }
  /* line 120, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos .media-assets-tablist a {
    font-size: 12px;
  }
  /* line 126, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .videos .requested-text-wrap .block-list > div {
    padding: 50px 20px 20px;
  }

  /* line 133, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .vg-logo.videos-logo.mobile {
    margin-bottom: 15px;
  }

  /* line 139, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .event-title.with-logo {
    padding-right: 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 146, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .vg-logo {
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 153, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .vg-logo a {
    margin-right: 10px;
  }
  /* line 156, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .vg-logo p {
    display: block;
  }
  /* line 159, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .vg-logo.desktop {
    display: none;
  }
  /* line 162, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-top .vg-logo.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* line 168, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder {
    padding: 50px 15px;
  }

  /* line 171, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .video-requests {
    width: 100%;
    height: auto;
    min-height: initial;
    border-left: none;
    border-top: 1px solid #ddd;
  }

  /* line 180, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-title h4 {
    display: block;
  }
  /* line 182, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .event-title h4 span {
    white-space: normal;
    overflow: visible;
    display: inline;
  }
}
@media (max-width: 550px) {
  /* line 194, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #request-media-modal .item-row {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 35px;
  }
  /* line 199, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #request-media-modal .textarea-group {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  /* line 204, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #request-media-modal .select-group {
    width: 150px;
    margin-bottom: 30px;
  }
  /* line 208, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  #request-media-modal .remove-row {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }

  /* line 214, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .item-row {
    padding: 15px 30px 15px 15px;
  }
  /* line 217, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .description-wrap {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  /* line 223, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .file-list li {
    max-width: calc(100% - 10px);
  }
  /* line 227, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .media-request .remove-row {
    right: 5px;
  }
}
@media (max-height: 700px) and (min-width: 767px) {
  /* line 234, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder {
    padding: 20px 15px;
  }
  /* line 236, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder img {
    margin-bottom: 20px;
  }
  /* line 239, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_videos.scss */
  .upload-videos-placeholder > .btn {
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts {
    padding: 30px 30px 5px;
  }
  /* line 4, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts .btn-add {
    margin-bottom: 20px;
  }

  /* line 8, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .transfer {
    padding: 5px 30px 30px;
  }
}
@media (max-width: 992px) {
  /* line 15, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .transfer .total-amount {
    min-width: 410px;
  }
}
@media (max-width: 767px) {
  /* line 22, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts {
    padding: 15px 10px 0;
  }
  /* line 24, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts .block-list {
    margin: -10px;
  }
  /* line 26, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts .block-list > div {
    margin: 10px;
    width: calc((100% - 41px) / 2);
  }

  /* line 32, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .transfer {
    padding: 0 10px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 35, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .transfer .total-amount {
    min-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 650px) {
  /* line 44, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts .block-body {
    padding: 15px;
  }
  /* line 48, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  .bank-accounts .block-list > div {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 500px) {
  /* line 59, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_bank-account.scss */
  #transfer-modal .choosed-account p {
    display: block;
  }
}
@media (max-width: 1200px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards {
    padding: 5px 30px;
    text-align: center;
  }
  /* line 5, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards .btn-add {
    margin-bottom: 20px;
  }
  /* line 8, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards .block-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
  }
  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards .block-list > div {
    width: 300px !important;
  }
  /* line 16, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards .card-buttons {
    padding: 10px 15px 10px 25px;
  }
}
@media (max-width: 767px) {
  /* line 23, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards {
    padding: 0 10px;
  }
  /* line 25, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_credit-cards.scss */
  .credit-cards .block {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment .payment-content {
    margin-top: 20px;
  }
  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment .payment-buttons {
    padding: 29px 15px 5px;
  }
  /* line 11, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment .payment-buttons #create-event-payment-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 14, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment .payment-buttons .btn-gray {
    margin-bottom: 25px;
    margin-right: 0;
  }

  /* line 20, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .total-amount {
    padding: 8px 15px;
  }
  /* line 22, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .total-amount p {
    font-size: 16px;
    padding-right: 10px;
  }
  /* line 26, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .total-amount span {
    font-size: 19px;
  }

  /* line 30, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown {
    margin-bottom: 25px;
  }

  /* line 33, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card {
    padding: 20px 15px;
  }
  /* line 35, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .images {
    height: 42px;
  }
  /* line 37, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .images img {
    min-height: 42px;
  }
  /* line 39, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .images img:first-child {
    min-height: 37px;
    max-width: 48px;
  }
  /* line 43, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .images img:last-child {
    margin-left: auto;
    min-height: 42px;
    max-width: 45%;
  }
  /* line 50, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .card-name {
    font-size: 14px;
    margin-bottom: 5px;
  }
  /* line 54, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .card-number {
    font-size: 14px;
  }
  /* line 58, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .two-elements p {
    font-size: 13px;
  }
  /* line 61, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .credit-card .two-elements span {
    font-size: 14px;
  }

  /* line 66, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment-info-alert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 68, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .payment-info-alert .btn {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media (max-width: 510px) {
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  #payment-fail-modal .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 82, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  #payment-fail-modal .btn:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  /* line 86, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  #payment-fail-modal .btn:last-child {
    margin: 0;
  }

  /* line 91, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .total-amount.total-payment {
    padding: 13px 15px;
  }
}
@media (max-width: 450px) {
  /* line 99, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .dropdown-menu {
    width: 80vw;
  }
  /* line 103, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .custom-list li {
    padding: 10px;
  }
  /* line 107, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .custom-list .two-elements p {
    font-size: 11px;
  }
  /* line 110, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .custom-list .two-elements span {
    font-size: 11px;
  }
  /* line 113, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .custom-list .two-elements > div:first-child {
    width: calc(72% - 5px);
  }
  /* line 116, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_payment.scss */
  .custom-dropdown .custom-list .two-elements > div:last-child {
    width: calc(28% - 10px);
  }
}
@media (max-width: 1200px) {
  /* line 2, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  .payment-history {
    padding: 5px 30px;
  }
}
@media (max-width: 767px) {
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  .payment-history {
    padding: 15px 10px;
  }

  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  .search-date-range {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 14, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  .search-date-range .input-wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  /* line 21, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  #card-info-modal .modal-body {
    padding: 20px 10px 30px;
  }
  /* line 24, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_billing.scss */
  #card-info-modal .credit-card {
    max-width: 370px;
  }
}
@media (max-width: 1610px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .right-sidebar {
    width: 25vw;
    min-width: 25vw;
  }
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right {
    padding-left: 60px;
  }

  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details {
    padding-left: 60px;
  }

  /* line 19, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .share-vendors > div > h5 {
    padding-right: 30px;
  }
}
@media (max-width: 1230px) {
  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .right-sidebar {
    width: 300px;
    min-width: 300px;
  }
  /* line 34, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right {
    padding-left: 35px;
  }
  /* line 37, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons {
    padding-bottom: 25px;
  }
  /* line 41, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings {
    margin-top: 45px;
  }
}
@media (max-width: 1230px) and (min-width: 992px), (max-width: 450px) {
  /* line 50, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  /* line 54, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance .input-field input {
    width: 200px;
  }
  /* line 57, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance .input-field .error-message {
    width: 200px;
  }
  /* line 61, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance > span {
    height: 35px;
    line-height: 35px;
    margin: 0 20px;
  }
}
@media (max-width: 1200px) {
  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #new_event_form h3 {
    font-size: 22px;
  }

  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container {
    padding-left: 15px;
  }
  /* line 79, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content {
    padding: 30px 15px 40px 0;
  }
  /* line 81, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-header {
    padding-right: 40px;
  }
  /* line 83, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-header h1 {
    font-size: 28px;
  }
  /* line 87, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-left {
    width: 260px;
  }
  /* line 90, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right {
    width: calc(100% - 261px);
  }
  /* line 94, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .right-sidebar {
    padding-top: 30px;
  }

  /* line 100, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .upload-cover-photo .btn-upload i {
    font-size: 13px;
  }
  /* line 103, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .upload-cover-photo .btn-upload span {
    font-size: 13px;
  }

  /* line 109, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .cover-photo-wrap .cover-photo {
    height: 265px;
  }

  /* line 113, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .search-input,
  .events-list-filters .events-search {
    max-width: 100%;
    margin-top: 20px;
  }

  /* line 123, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .status {
    width: 55px;
    min-width: 55px;
  }
  /* line 127, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .info {
    padding: 30px 30px 25px 30px;
    max-width: calc(100% - 435px);
  }
  /* line 131, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .guest-note {
    right: 90px;
  }

  /* line 138, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .vg-logo,
  .event-detail-client .vg-logo {
    width: 260px;
  }

  /* line 143, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .cover-photo-wrap {
    width: 260px;
  }
  /* line 146, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details {
    width: calc(100% - 261px);
  }
}
@media (max-width: 1199px) {
  /* line 155, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container.no-sidebar .full-content {
    max-width: 970px;
  }
}
@media (max-width: 992px) {
  /* line 164, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .option {
    margin: 0 10px;
  }

  /* line 168, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
  }
  /* line 171, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content {
    padding-left: 15px;
  }
  /* line 174, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .right-sidebar {
    width: 100%;
    padding: 35px 15px 5px;
  }

  /* line 179, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .finalize-event {
    padding-bottom: 30px;
  }

  /* line 182, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #events-list {
    padding: 30px 0 10px;
  }
  /* line 184, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #events-list .container {
    width: 100%;
  }

  /* line 188, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters {
    margin: 20px 0 15px;
  }
  /* line 191, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list button {
    padding: 0 8px;
  }
  /* line 193, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list button i {
    font-size: 14px;
    margin-right: 2px;
  }
  /* line 197, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list button span {
    font-size: 12px;
  }

  /* line 204, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .cover-photo-wrap .cover-photo {
    max-width: 300px;
  }

  /* line 210, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .info {
    padding-right: 10px;
    max-width: calc(100% - 385px);
  }
  /* line 215, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .guest-note {
    right: 70px;
    font-size: 14px;
  }
  /* line 219, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .btn-primary {
    min-width: initial;
    margin: 0 15px;
  }

  /* line 225, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest {
    padding: 45px 0 55px;
  }
  /* line 227, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .container {
    width: 100%;
  }
  /* line 230, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details {
    padding-left: 35px;
  }

  /* line 237, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-guest .events-list li .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* line 245, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .share-vendors > div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  /* line 248, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .share-vendors > div > h5 {
    padding-right: 20px;
  }
  /* line 253, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .share-vendors .vendors {
    max-height: unset;
  }
}
@media (max-width: 991px) {
  /* line 262, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container.no-sidebar .full-content {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  /* line 270, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps {
    padding: 15px 0px 15px;
  }
  /* line 272, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .preflight-types {
    display: inline-block;
  }
  /* line 274, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .preflight-types .radio-button {
    margin-bottom: 20px;
  }
  /* line 276, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .preflight-types .radio-button:last-child {
    margin-bottom: 10px;
  }
  /* line 281, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .preflight-options {
    display: inline-block;
  }
  /* line 284, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .option {
    margin: 30px 0px;
  }
  /* line 286, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .option:last-child {
    margin-bottom: 0;
  }
  /* line 289, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .option .text {
    margin-right: 10px;
  }
  /* line 293, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .divider {
    margin: 25px auto;
  }
  /* line 297, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .preflight-steps .step-2 .step-title {
    margin-bottom: 10px;
  }

  /* line 303, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  /* line 304, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .settings {
    max-width: 65%;
  }
  /* line 308, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-top {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  /* line 311, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-left {
    width: 100%;
  }
  /* line 313, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-left .cover-photo-wrap {
    display: none;
  }
  /* line 317, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right {
    padding: 0;
    width: 100%;
  }
  /* line 320, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right .cover-photo-wrap {
    display: block;
  }
  /* line 324, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-header {
    display: block;
    padding-right: 0;
  }
  /* line 327, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-header h1 {
    padding-right: 0px;
    font-size: 24px;
    line-height: 30px;
  }
  /* line 333, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin-bottom: 35px;
  }
  /* line 339, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons .btn-green:first-child {
    margin-right: 30px;
  }
  /* line 342, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons .btn-green:last-child {
    margin-right: 0;
  }
  /* line 349, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance {
    border-bottom: none;
  }

  /* line 355, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .cover-photo-wrap .cover-photo {
    margin: 20px auto;
  }

  /* line 360, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 362, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list li {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  /* line 366, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list li button {
    width: 100%;
  }
  /* line 369, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list li.left {
    margin-right: 0;
    text-align: center;
  }
  /* line 373, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .filters-list li.right {
    margin-left: 0;
    margin-top: 20px;
  }
  /* line 379, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list-filters .search-input {
    margin-top: 10px;
  }

  /* line 383, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list {
    margin: 25px 0 15px !important;
  }
  /* line 385, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 388, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .img {
    width: 100%;
    min-width: 100%;
    min-height: 175px;
    height: 40vw;
    border-right: 0;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
  }
  /* line 396, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .info {
    width: 100%;
    padding: 20px 15px 20px 15px;
    max-width: 100%;
  }
  /* line 401, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .btn-primary {
    margin: 0 auto 20px;
  }
  /* line 404, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .guest-note {
    position: static;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
  }
  /* line 411, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .events-list li .status {
    width: 100%;
    min-width: 100%;
    height: 40px;
  }

  /* line 420, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .full-content-buttons,
  .event-detail-client .full-content-buttons {
    border-bottom: none;
    padding-bottom: 0;
  }
  /* line 424, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .vg-logo,
  .event-detail-client .vg-logo {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
  }
  /* line 428, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .vg-logo-desktop,
  .event-detail-client .vg-logo-desktop {
    display: none;
  }
  /* line 431, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .vg-logo-mobile,
  .event-detail-client .vg-logo-mobile {
    display: block;
  }
  /* line 435, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .share-buttons,
  .event-detail-client .share-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* line 437, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .share-buttons .btn-primary,
  .event-detail-client .share-buttons .btn-primary {
    margin-right: 30px;
  }
  /* line 441, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .pay-balance-btn,
  .event-detail-client .pay-balance-btn {
    text-align: center;
  }
  /* line 444, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .invite-new-user,
  .event-detail-client .invite-new-user {
    text-align: center;
  }

  /* line 448, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest {
    padding: 30px 0 40px;
  }
  /* line 450, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 453, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .cover-photo-wrap {
    width: 100%;
  }
  /* line 455, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .cover-photo-wrap-mobile {
    display: block;
  }
  /* line 458, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .cover-photo-wrap-desktop {
    display: none;
  }
  /* line 461, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .cover-photo-wrap .cover-photo {
    max-width: 300px;
    margin: 20px auto;
  }
  /* line 466, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details {
    width: 100%;
    padding-left: 0;
  }
  /* line 469, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details .event-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15px;
  }
  /* line 473, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details .event-buttons .btn-green:first-child {
    margin-right: 30px;
  }

  /* line 481, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .set-bg {
    border-top: none;
  }
  /* line 483, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .set-bg .tip-bubble-desktop {
    display: block;
  }

  /* line 489, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .bg-popup-icons {
    top: 80px;
    right: 25px;
  }

  /* line 496, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #request-client-edits-modal .days-number {
    margin-bottom: 35px;
  }

  /* line 502, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #edit-photo-deadline-modal .number-wrap,
  #edit-video-deadline-modal .number-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
  }
  /* line 507, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #edit-photo-deadline-modal .days-number input,
  #edit-video-deadline-modal .days-number input {
    width: 125px;
  }
  /* line 511, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #edit-photo-deadline-modal .date,
  #edit-video-deadline-modal .date {
    margin-left: 10px;
  }

  /* line 516, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #add-client-modal .two-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 518, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #add-client-modal .two-items > div:first-child {
    width: 100%;
  }
  /* line 521, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #add-client-modal .two-items > div:last-child {
    width: 100%;
  }
  /* line 525, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  #add-client-modal .form-btn {
    margin-top: 25px;
  }

  /* line 530, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .quick-msg-info {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
  }
}
@media (max-width: 500px) {
  /* line 539, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .settings {
    max-width: 60%;
  }
  /* line 541, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .settings .settings-list {
    top: 25px;
    left: -25px;
    max-width: 155px;
  }
  /* line 548, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-right .cover-photo-wrap {
    padding-top: 20px;
  }
  /* line 552, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .dropdown-menu {
    min-width: unset;
  }
  /* line 554, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .dropdown-menu > li > a {
    padding: 10px 15px;
  }

  /* line 561, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .quick-msg-info {
    max-width: 85%;
    padding-top: 20px;
  }
}
@media (max-width: 450px) {
  /* line 569, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance {
    width: 100%;
  }
  /* line 571, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance > div {
    width: 100%;
  }
  /* line 575, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance .input-field input {
    width: 100%;
  }
  /* line 578, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance .input-field .error-message {
    width: 100%;
  }
  /* line 583, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .event-settings-balance .balance-checkbox label {
    width: 100%;
  }
  /* line 590, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 592, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons .tip-bubble {
    margin-right: 0;
    margin-bottom: 15px;
  }
  /* line 596, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons .btn-green {
    margin-right: 0 !important;
    margin-bottom: 25px;
    width: 100%;
  }
  /* line 600, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content-buttons .btn-green:last-child {
    margin-bottom: 0;
  }
  /* line 605, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .requested-media-btn {
    width: 100%;
  }
  /* line 609, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .full-container .full-content .pay-balance-btn .btn {
    width: 100%;
  }

  /* line 616, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .set-bg .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 619, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .set-bg .bg-name-wrap {
    padding-left: 0;
    margin-top: 15px;
  }

  /* line 626, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details .event-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 629, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_event.scss */
  .event-detail-guest .event-details .event-buttons .btn-green:first-child {
    margin-right: 0 !important;
    margin-bottom: 25px;
  }
}
@media (max-width: 1200px) {
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .videos-table .table-wrap table.drag-drop-table tbody tr td:first-child:before {
    padding-left: 22px;
  }
  /* line 11, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .videos-table .table-wrap table.drag-drop-table tbody span.icon-drag {
    left: 10px !important;
  }

  /* line 20, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  tr.dragable td:first-child:before {
    padding-left: 22px;
  }
  /* line 23, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  tr.dragable span.icon-drag {
    left: 10px !important;
  }

  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comments {
    min-height: 392px;
  }
  /* line 32, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comments-header {
    padding: 15px 16px 10px;
  }
  /* line 35, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comment-item {
    padding: 16px 12px 16px 16px;
  }
  /* line 37, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comment-item .client-comment-details {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 40, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comment-item .client-comment-buttons {
    width: 100%;
    margin-top: 5px;
  }
  /* line 43, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comment-item .client-comment-buttons button {
    margin: 0 8px 0 0;
  }

  /* line 51, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-edits-list > div:first-child {
    max-height: 342px !important;
  }
}
@media (max-width: 991px) {
  /* line 59, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar {
    margin-top: 30px;
  }
  /* line 61, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comments {
    min-height: inherit;
  }
}
@media (max-width: 767px) {
  /* line 68, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 20px);
  }

  /* line 71, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-content {
    padding: 0 15px;
  }

  /* line 75, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .jw-skin-bekle .jw-controlbar {
    padding: 0 12px;
  }

  /* line 80, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .timeline-wrap > div {
    padding: 0 12px;
  }

  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .btn-group {
    margin-top: 35px;
    width: 100%;
  }
  /* line 88, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .btn-group button {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
  }
  /* line 92, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .btn-group button:last-child {
    margin-bottom: 0;
  }
  /* line 97, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .form-btn {
    margin-top: 35px;
  }
  /* line 99, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .form-btn button {
    width: 100%;
  }
  /* line 105, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-modal .inputs input {
    width: 25% !important;
  }

  /* line 111, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-sidebar .client-comments-header {
    padding: 15px 10px 10px 16px;
  }

  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 500px) {
  /* line 123, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_video-editor.scss */
  .editor-buttons .tip-bubble {
    margin-left: 0;
  }
}
@media (max-width: 1230px) {
  /* line 5, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-sidebar .shared-list li > div {
    padding: 10px 10px 7px;
  }

  /* line 11, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join {
    padding-bottom: 100px;
  }
}
@media (max-width: 1024px) {
  /* line 17, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing {
    width: 500px;
  }
  /* line 19, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-header {
    padding: 20px 50px;
  }
  /* line 21, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-header .close {
    right: 10px;
  }
  /* line 25, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-content {
    height: calc(100vh - 64px);
  }

  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-container {
    padding: 30px;
  }

  /* line 32, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-switches {
    margin-bottom: 30px;
  }

  /* line 36, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .password-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 38, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .password-wrap .form-group {
    width: calc((100% - 24px) / 2);
  }
  /* line 41, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .password-wrap .form-control {
    max-width: 100%;
  }
  /* line 44, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .password-wrap .btn-link {
    margin: 0 0 25px;
  }
  /* line 48, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .new-sharing-link {
    margin-bottom: 40px;
  }
  /* line 51, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .expiration-date {
    max-width: calc((100% - 24px) / 2);
  }

  /* line 57, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-sidebar .shared-list .icon-delete {
    padding: 5px 8px;
  }
  /* line 60, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-sidebar .shared-list .icon-edit-pencil {
    padding: 5px 7px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  /* line 70, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join {
    padding: 120px 0 50px;
  }
  /* line 72, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 75, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join h1 {
    width: 100%;
    text-align: center;
    padding-right: 0;
    font-size: 32px;
    line-height: 42px;
  }
  /* line 82, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join #join-password {
    margin-top: 25px;
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  /* line 90, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #sharing-sidenav {
    height: 100%;
  }

  /* line 94, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-sidebar .shared-list {
    padding: 15px 15px 2px 15px;
  }
  /* line 96, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-sidebar .shared-list li {
    padding-bottom: 10px;
  }

  /* line 101, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .guest-comments {
    margin-top: 30px;
  }

  /* line 104, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing {
    width: 100%;
    height: 100%;
  }
  /* line 107, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-header {
    padding: 16px 50px 14px;
  }
  /* line 109, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-header .close {
    right: 10px;
  }
  /* line 113, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-title {
    font-size: 18px;
  }
  /* line 116, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-content {
    height: calc(100% - 56px);
  }

  /* line 120, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-switches {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
  /* line 123, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-switches .switch {
    margin-right: 0;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* line 129, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-container {
    padding: 20px 15px 35px;
  }
  /* line 131, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-container .form-group {
    margin-bottom: 20px;
  }
  /* line 134, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-container .btn-wrap {
    text-align: center;
  }

  /* line 140, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .password-wrap .form-group {
    width: 100%;
    margin-right: 0;
  }
  /* line 145, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-link-content .expiration-date {
    max-width: 100%;
  }

  /* line 151, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal .inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 153, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal .inputs .form-element {
    width: 100%;
  }
  /* line 157, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal .share-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 1px;
    margin-bottom: 12px;
  }
  /* line 162, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal .share-link .sharing-btn {
    margin: 0 0 10px 0;
  }
  /* line 166, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal #expiration-date-input {
    margin-top: 25px;
  }
  /* line 168, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  #edit-link-group-modal #expiration-date-input .form-control {
    width: 100% !important;
  }
}
@media (max-width: 500px) {
  /* line 176, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join {
    padding-bottom: 30px;
    padding: 110px 0 30px;
  }
  /* line 179, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join h1 {
    font-size: 24px;
    line-height: 34px;
  }
  /* line 183, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join p {
    margin: 16px 0 25px;
  }
  /* line 186, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join #join-password {
    width: 100%;
    margin-top: 20px;
    padding: 30px 20px;
  }
  /* line 190, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_sharing.scss */
  .sharing-join #join-password h3 {
    text-align: center;
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  /* line 4, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  body section#content.careers .container {
    width: 100%;
  }

  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-wrap {
    padding: 40px 0 0;
  }

  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-description {
    margin-bottom: 40px;
  }

  /* line 15, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs {
    margin-right: 40px;
  }

  /* line 18, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tab-content {
    width: calc(100% - 360px);
  }
}
@media (max-width: 991px) {
  /* line 24, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-text {
    width: 48%;
  }
  /* line 26, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-text h1 {
    margin-bottom: 20px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  /* line 35, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs .collapse {
    display: block !important;
  }
}
@media (max-width: 767px) {
  /* line 43, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  body section#content.careers {
    padding-bottom: 0;
  }

  /* line 47, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* line 50, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-wrap {
    padding: 30px 0;
  }

  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-description {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  /* line 57, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }

  /* line 62, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-text {
    width: 100%;
    margin-top: 30px;
  }
  /* line 65, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-text h1 {
    text-align: center;
  }

  /* line 69, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs {
    width: 100%;
    margin-right: 0;
  }
  /* line 72, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs .positions-btn {
    display: block;
  }
  /* line 75, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs ul {
    border-radius: 0;
    min-height: 0;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  /* line 81, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs li {
    padding: 0;
  }
  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tabs li.active a:after {
    content: none;
  }

  /* line 92, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tab-content {
    width: 100%;
    margin-top: 30px;
  }
  /* line 95, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_careers.scss */
  .careers-tab-content .text-right {
    text-align: center;
  }
}
@media (max-width: 1200px), (max-height: 800px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found-content {
    padding: 45px 0;
  }
  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found img {
    max-width: 80%;
  }
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found h3 {
    margin: 40px 0 25px;
  }
  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found .btn {
    margin-top: 35px;
  }
}
@media (max-height: 800px) {
  /* line 20, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found img {
    max-width: 60%;
  }
}
@media (max-width: 991px) {
  /* line 28, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found-content {
    padding: 35px 0;
  }
  /* line 31, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found img {
    max-width: 70%;
  }
  /* line 34, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found h3 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 35px;
  }
  /* line 39, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found .btn {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  /* line 47, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found img {
    max-width: 100%;
    width: 500px;
  }
  /* line 51, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_not-found.scss */
  .not-found h3 {
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar {
    width: 360px;
  }
  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-content {
    width: calc(100% - 360px);
    margin-left: 360px;
  }

  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content {
    /* Large padding needed at top and bottom to make space for header and footer. */
    padding-top: 90px 25px 120px;
  }

  /* Fix the header and footer to the top and bottom, respectively. */
  /* line 18, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .navbar {
    position: fixed;
  }

  /* line 21, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  footer {
    position: fixed;
  }
}
/* Put styling for tablets (e.g. iPad) here. */
@media (max-width: 991px) {
  /* line 29, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar {
    width: 260px;
  }
  /* line 32, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-content {
    width: calc(100% - 260px);
    margin-left: 260px;
  }

  /* line 38, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tabs {
    /* Large padding needed at top and bottom to make space for header and footer. */
    padding: 100px 25px 120px 15px;
  }

  /* line 43, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content {
    /* Large padding needed at top and bottom to make space for header and footer. */
    padding-top: 90px;
    padding-bottom: 120px;
  }
  /* line 47, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content h3 {
    font-size: 24px;
  }

  /* Fix the header and footer to the top and bottom, respectively. */
  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .navbar {
    position: fixed;
  }

  /* line 56, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  footer {
    position: fixed;
  }
}
@media (max-width: 767px) {
  /* line 62, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs {
    height: auto;
  }
  /* line 64, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1001;
    height: 100%;
    width: 100%;
    padding-top: 50px;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    overflow-y: auto;
  }
  /* line 72, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar .custom-scrollbar {
    height: auto;
  }
  /* line 75, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar.opened {
    left: 0;
  }
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-sidebar.opened .close {
    opacity: 1;
    -webkit-transition: 0s 0.3s;
    -o-transition: 0s 0.3s;
    transition: 0s 0.3s;
  }
  /* line 83, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-content {
    width: 100%;
    /* Needed to zero out the left margin on small mobile devices. */
    margin-left: 0;
  }
  /* line 85, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-content .open-docs {
    display: inline-block;
  }

  /* line 93, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tabs {
    padding: 0px 40px 20px;
  }

  /* line 97, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content {
    padding: 30px 0;
    /* Needed to offset anchors by the height of the header.
     * Otherwise, navigating to section of the page does not
     * work properly. */
  }
  /* line 99, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .list-with-numbers {
    padding-left: 20px;
  }
  /* line 102, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .list-with-numbers .tutorial-img.lg, .docs-tab-content .list-with-numbers .tutorial-img.md {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
  }
  /* line 108, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .list-with-numbers .tutorial-img.xmd {
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    width: calc(100% + 20px);
  }
  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .tutorial-img.lg, .docs-tab-content .tutorial-img.md, .docs-tab-content .tutorial-img.xmd {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 121, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .tutorial-img.md {
    max-width: 100%;
  }
  /* line 129, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tab-content .anchor h4 {
    /* Padding at the top fixes the offset issue caused
     * by the fixed header. Negative margin of same
     * magnitude is used to keep the element in the same 
     * position. This is for devices like the Pixel and
     * the iPhone.*/
    padding-top: 10px;
    margin-top: -10px;
  }

  /* On mobile phones, we don't want to take up valuable real screen
   * real estate with the header and footer, so we use relative
   * positioning to keep them strictly above and below the content. */
  /* line 144, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .navbar {
    position: relative;
  }

  /* line 147, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  footer {
    position: relative;
  }
}
@media (max-width: 500px) {
  /* line 154, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_docs.scss */
  .docs-tabs {
    padding: 0px 25px 20px;
  }
}
@media (max-width: 1200px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .width-lg {
    min-width: 180px;
  }
  /* line 6, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head {
    padding-top: 35px;
    padding-bottom: 20px;
  }
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head > h3 {
    font-size: 18px;
  }
  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head > p {
    font-size: 14px;
  }
  /* line 15, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head .price-val {
    font-size: 45px;
  }
  /* line 19, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head.pay-only .price-val-wrap {
    padding-top: 45px;
  }
  /* line 25, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .prc-advn > li {
    padding: 7px 25px;
  }
  /* line 27, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .prc-advn > li::before {
    width: 12px;
    max-width: 12px;
    height: 12px;
    max-height: 12px;
  }
  /* line 35, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .prc-label {
    padding-top: 5px;
  }
}
@media (max-width: 992px) {
  /* line 44, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices .pl-21 {
    padding-left: 120px;
    padding-right: 120px;
  }
  /* line 49, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices .pl-5 {
    padding-left: 10px;
  }
  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices .pr-5 {
    padding-right: 10px;
  }

  /* line 60, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .width-lg {
    min-width: 150px;
  }
  /* line 83, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head .price-val {
    font-size: 40px;
  }
  /* line 88, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head.pay-only .price-val-wrap {
    padding-top: 25px;
  }
  /* line 94, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .select2-selection--single {
    height: 40px;
    padding-left: 0px;
  }
  /* line 97, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .select2-selection--single > span {
    line-height: 38px !important;
  }
  /* line 100, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .select2-selection--single .select2-selection__arrow {
    height: 38px;
    width: 35px;
  }
  /* line 105, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .select2-container .select2-selection__arrow b {
    border-width: 5px 5px 0 5px;
  }
  /* line 109, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .select2-container--open .select2-selection__arrow b {
    border-width: 0 5px 5px 5px !important;
  }
}
@media (max-width: 768px) {
  /* line 117, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices header .container .prc-head {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 123, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices .pl-21 {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 130, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .width-lg {
    min-width: 130px;
  }
  /* line 134, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 137, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item {
    width: 90%;
    margin-bottom: 25px;
  }
  /* line 140, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head {
    min-height: auto;
  }
  /* line 148, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head.pay-only .price-val-wrap {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  /* line 155, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .all.tab-pane h4 {
    padding-left: 30px;
    padding-top: 20px;
  }

  /* line 162, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-features > li {
    padding-bottom: 20px;
    padding-left: 20px;
  }
  /* line 167, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-features + div {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  /* line 176, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices header .container .prc-head {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 182, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-features {
    font-size: 14px;
  }
  /* line 184, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-features > li {
    padding-bottom: 15px;
    padding-left: 15px;
  }
  /* line 189, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-features + div {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  /* line 196, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .width-lg {
    min-width: 0px;
  }
  /* line 202, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .tab-list .tab-item .tab-head.pay-only .price-val-wrap {
    padding-bottom: 0px;
  }
  /* line 208, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prices-content .all.tab-pane h4 {
    padding-left: 25px;
    padding-top: 20px;
  }

  /* line 215, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-role-list {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  /* line 218, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-role-list > .item > a {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 222, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-role-list > .item > a.last {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 229, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_prices.scss */
  .prc-ask {
    font-size: 14px;
    margin-top: 15px;
  }
}
@media (max-width: 1440px) {
  /* line 3, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft section#content {
    background-position: center;
  }
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .wrap {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  /* line 13, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .wrap {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  /* line 23, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .wrap {
    padding-top: 130px;
    padding-bottom: 100px;
  }
  /* line 28, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .main {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* line 31, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .main ul > li {
    font-size: 16px;
    line-height: 26px;
  }
  /* line 37, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .btn-wrap > a {
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 42, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .head {
    font-size: 26px;
  }
  /* line 47, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .list {
    justify-content: space-evenly;
  }
  /* line 50, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .item {
    padding: 8px 15px;
  }
  /* line 52, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .item:nth-of-type(5) {
    margin-left: 0px;
  }
  /* line 55, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .item > span {
    font-size: 15px;
    padding: 5px 10px;
  }
  /* line 61, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .wrap {
    padding-top: 70px;
    padding-bottom: 30px;
  }
  /* line 67, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .bnf-head {
    font-size: 26px;
  }
  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .sign-up h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  /* line 84, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft section#content {
    background-position: unset;
  }
  /* line 88, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .v-center {
    display: block;
  }
  /* line 91, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .v-center > div:first-of-type {
    text-align: center;
    margin-bottom: 50px;
  }
  /* line 98, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .main ul {
    margin: 0 auto;
    width: fit-content;
  }
  /* line 102, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .main ul > li {
    padding-left: 10px;
    text-align: left;
  }
  /* line 108, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .btn-wrap {
    justify-content: center;
  }
  /* line 113, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .wrap {
    padding-bottom: 30px;
    text-align: center;
  }
  /* line 117, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .list {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  /* line 126, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft section#content {
    background-position: right;
  }
  /* line 130, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .wrap {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  /* line 136, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .btn-wrap > .width-md {
    min-width: 120px;
  }
  /* line 142, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .wrap {
    padding-top: 50px;
  }
}
@media (max-width: 500px) {
  /* line 151, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft section#content {
    background-position-y: -38px;
  }
  /* line 155, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .wrap {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  /* line 160, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .head {
    font-size: 22px;
    padding-bottom: 20px;
  }
  /* line 165, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .main ul > li {
    font-size: 15px;
  }
  /* line 169, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .btn-wrap > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 174, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .v-center > div:first-of-type {
    margin-bottom: 45px;
  }
  /* line 179, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .list {
    margin-top: 20px;
  }
  /* line 183, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_free-trial.scss */
  .ft .benefits .item:last-of-type {
    margin-bottom: 0px;
  }
}
@media (max-width: 1200px) {
  /* line 4, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto h2 {
    font-size: 26px;
  }
  /* line 9, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .features-toc {
    margin: 20px 30px 20px 10px;
    display: block;
  }
  /* line 12, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .features-toc a {
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
  }
  /* line 19, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots {
    display: block;
  }
  /* line 21, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  /* line 30, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto {
    margin-bottom: 20px;
  }
  /* line 32, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto h2 {
    font-size: 24px;
    line-height: 34px;
  }
  /* line 38, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list > li {
    width: 45%;
    margin-right: 10%;
  }
  /* line 42, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list > li:nth-of-type(3n+3) {
    margin-right: auto;
  }
  /* line 46, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list > li:nth-of-type(2n+2) {
    margin-right: 0;
  }
  /* line 52, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots {
    margin-top: 30px;
    display: block;
  }
  /* line 55, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots img {
    border: 1px gray solid;
    width: 100%;
  }
}
/* Put styling for tablets (e.g. iPad) here. */
@media (max-width: 768px) {
  /* line 65, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features {
    /* Needed to offset anchors by the height of the header.
     * Otherwise, navigating to section of the page does not
     * work properly. */
  }
  /* line 66, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto {
    text-align: center;
  }
  /* line 68, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  /* line 71, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto h2 > br {
    display: none;
  }
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto-text {
    width: 100%;
    padding-left: 0px;
  }
  /* line 82, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto-img {
    display: none;
  }
  /* line 87, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list > li {
    width: 100%;
    margin-right: 0;
  }
  /* line 91, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list > li:nth-of-type(2n+2) {
    margin-right: auto;
  }
  /* line 97, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list-title {
    margin-bottom: 30px;
  }
  /* line 101, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list-title, .features .more-btn-wrap {
    text-align: center;
  }
  /* line 109, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .anchor h4 {
    /* Padding at the top fixes the offset issue caused
     * by the fixed header. Negative margin of same
     * magnitude is used to keep the element in the same 
     * position.*/
    padding-top: 70px;
    margin-top: -70px;
  }
  /* line 119, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots {
    display: block;
  }
  /* line 121, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots img {
    width: 100%;
  }

  /* Let header move out of screen when we scroll.
   * This is the opposite of pinning it to the top
   * of the screen. */
  /* line 130, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .navbar {
    position: relative;
  }

  /* Let footer move out of screen when we scroll.
   * This is the opposite of pinning it to the bottom
   * of the screen. */
  /* line 137, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  footer {
    position: relative;
  }
}
@media (max-width: 500px) {
  /* line 145, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto h2 {
    margin-bottom: 10px;
  }
  /* line 150, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .motto-text {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 155, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .ftr-list-title {
    margin-bottom: 30px;
  }
  /* line 159, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots {
    display: block;
  }
  /* line 161, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_features.scss */
  .features .cnv-screenshots img {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  /* line 7, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line::before, .messages-wrap .main-panel .messages li.line::after {
    width: 220px;
  }
  /* line 11, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::before {
    left: 20px;
    width: 210px;
  }
  /* line 15, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::after {
    right: 20px;
    width: 210px;
  }
  /* line 21, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::before {
    left: 15px;
    width: 210px;
  }
  /* line 25, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::after {
    right: 15px;
    width: 210px;
  }
}
@media (max-width: 992px) {
  /* line 39, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .left-panel {
    min-width: 220px;
    max-width: 220px;
  }
  /* line 44, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .left-panel-users > li .name {
    max-width: 70%;
  }
  /* line 53, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line::before, .messages-wrap .main-panel .messages li.line::after {
    width: 190px;
  }
  /* line 56, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line::before {
    left: 0px;
  }
  /* line 59, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line::after {
    right: 0px;
  }
  /* line 63, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::before {
    left: 0px;
    width: 160px;
  }
  /* line 67, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::after {
    right: 0px;
    width: 160px;
  }
  /* line 73, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::before {
    left: 0px;
    width: 160px;
  }
  /* line 77, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::after {
    right: 0px;
    width: 160px;
  }
}
@media (max-width: 768px) {
  /* line 90, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  body header .container h2 {
    font-size: 24px;
  }

  /* line 96, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .head {
    display: none;
  }
  /* line 100, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .left-panel {
    min-width: 100%;
    max-width: 100%;
  }
  /* line 103, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .left-panel-head {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  /* line 109, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .left-panel-users > li .name {
    max-width: 80%;
  }
  /* line 115, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel {
    position: absolute;
    display: block;
    z-index: 100;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    transition: 1s ease;
    transform: translateX(-100%);
  }
  /* line 125, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel.show {
    transform: translateX(0);
  }
  /* line 130, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel-head > button {
    display: block;
  }
  /* line 138, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line::before, .messages-wrap .main-panel .messages li.line::after {
    width: 41%;
  }
  /* line 142, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::before {
    width: 36%;
  }
  /* line 145, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.unread::after {
    width: 36%;
  }
  /* line 150, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::before {
    width: 35%;
  }
  /* line 153, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li.line.date::after {
    width: 35%;
  }
  /* line 158, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li p.message {
    padding: 10px;
    max-width: 60%;
  }
}
@media (max-width: 500px) {
  /* line 174, /tmp/build_0c044d0e/app/assets/stylesheets/responsive/_messages.scss */
  .messages-wrap .main-panel .messages li p.message {
    max-width: 84%;
  }
}
/* This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *
 *
 *
 * require_tree .
 */