/*
=========================================================================================================
  MOBILE (MAX-WIDTH 799px)
=========================================================================================================
*/

/*****************************************
  DINA HEADER - MOBILE
*****************************************/
.dina-header__mobile-menu {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: -100%;
  max-width: 800px;
  width: 100%;
  background-color: #003e23;
  color: white;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.dina-header__mobile-menu--show {
  left: 0;
  opacity: 1;
}

.dina-header__menu {
  display: none;
}

.dina-big-menu--show {
  display: none !important;
}



/****************************************************************************
  DINA KROKODIL
****************************************************************************/
/* Air between heading and form */
.dina-krokodil-toggler .sv-grid-1140px [class*='sv-column']:first-child {
  padding-bottom: 20px;
}


/*****************************************
  DINA CHATBOX - MOBILE
*****************************************/
.dina-chatbox {
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 0px;
  margin-top: 40px;
}

/*****************************************
  CHECK LISTA - MOBILE
*****************************************/
.sv-list-style-checklista,
.sv-list-style-krysslista,
.sv-list-style-numrerad-gron {
  font-size: 125% !important;
}

.sv-list-style-checklista li::before,
.sv-list-style-krysslista li::before,
.sv-list-style-numrerad-gron li::before {
  margin-top: 2px;
}

/*****************************************
  DINA GRID - LAST COLUMN MARGIN
*****************************************/
.sv-row *[class*='sv-column']:last-of-type {
  margin-bottom: 0px;
}

/*****************************************
  DINA-CONTENT__PADDING-BOX - MOBILE
*****************************************/
.dina-content__padding-box {
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
}



/******************************************
  DINA-CARD
******************************************/
.dina-card {
  padding: 15px;
}


/******************************************
  DINA-TOGGLE
******************************************/
.dina-toggle>.sv-text-portlet {
  padding: 15px;
}

.dina-toggle>.sv-layout {
  padding: 0px 15px 15px 15px;
}

/* OVERRIDE DINA-CARD PADDING */
.dina-card .dina-toggle {
  margin: -15px;
}



/******************************************
  COMPARE-TABLE - MOBILE
******************************************/
.sv-decoration-compare-table table {
  /*  position: relative; */
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: -40px;
}

.sv-decoration-compare-table table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
}

.sv-decoration-compare-table table tbody tr td,
.sv-decoration-compare-table table thead tr th {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.3333333%;
  background-color: transparent;
  height: 60px;
  overflow: hidden;
  display: block;
}

.sv-decoration-compare-table table tbody tr td p,
.sv-decoration-compare-table table thead tr th p {
  background-color: white;
  padding: 20px 0;
  margin: 0 !important;
}

.sv-decoration-compare-table table thead {
  display: table-cell;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  padding-top: 40px;
}

.sv-decoration-compare-table table tbody tr th {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: block;
}

.sv-decoration-compare-table table tbody th>p:first-child {
  margin-top: 15px !important;
}

.sv-decoration-compare-table thead tr>th:first-child {
  display: none !important
}



/****************************************************************************
  DINA-OFFICE-MODAL
****************************************************************************/
.dina-office-modal__content {
  padding: 50px 20px 20px 20px;
}

.dina-office-modal__content .sv-grid-1140px>.sv-row {
  margin: 0;
}

.dina-modal__close--office {
  position: absolute;
  top: 0px;
  right: 0px;
  color: white;
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
}




/****************************************************************************
  DINA-HERO__IMAGE
****************************************************************************/
.dina-hero__image--mobile {
  display: block;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.dina-hero__image--mobile-img {
  display: block;
  max-height: 360px;
}

/****************************************************************************
  DINA FOOTER
****************************************************************************/

.dina-footer .sv-image-portlet {
  max-width: 60%;
  margin: 20px auto;
}

/****************************************************************************
  Plusboxar
****************************************************************************/
.sv-decoration-plusbox .sv-list-style-checklista {
  font-size: 110% !important;
}


.dina-change-office {
  top: -25px;
}