@media only screen and (max-width: 600px) {
    .display-flex {
        justify-content: flex-start;
        padding: 80px;
    }

    .left.back-index-1 {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .display-flex-1 {
        display: inline-block;
        width: 100%;
    }
    
    .right.back-index-2 {
        width: 100%;
        margin-bottom: 0px;
    }
    
    .background-light {
        background: #f7f7f7;
        padding: 0px;
        margin-right: 0px;
    }
    
    .full-width {
        margin-top: 10px;
        margin-right: 0px;
    }
    
    .padding-60.margin-200 {
        margin: 0px 0px;
    }   
    
    .padding-left-15 {
        padding-left: 0px;
        margin-top: 60px;
    }    
    
    .padding-right-15 {
        padding-right: 0px;
    }  

  nav div#menuToggle {
      display: block;
  }    


    
    
    #menu-wrapper #hamburger-menu {
        position: relative;
        width: 20px;
        height: 20px;
        margin: 29px 0px;
    }
    
    #menu-wrapper #hamburger-menu span {
        opacity: 1;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        color: black;
        background-color: black;
        position: absolute;
        transform: rotate(0deg);
        transition: .4s ease-in-out;
    }
    
    #menu-wrapper #hamburger-menu span:nth-child(1) {
        top: 0;
    }
    #menu-wrapper #hamburger-menu span:nth-child(2) {
        top: 9px;
    }
    #menu-wrapper #hamburger-menu span:nth-child(3) {
        top: 18px;
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(1) {
        transform: translateY(9px) rotate(135deg);
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(2) {
        opacity: 0;
        transform: translateX(-60px);
    }
    #menu-wrapper #hamburger-menu.open span:nth-child(3) {
        transform: translateY(-9px) rotate(-135deg);
    }
    
    #menu-container .menu-list .menu-submenu {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #menu-container .menu-list {
        padding-left: 0;
        display: block;
        position: absolute;
        width: 100%;
        max-width: 100%;
        background: #ffffffe3;
        box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
        z-index: 990;
        overflow-y: auto;
        overflow-x: hidden;
        left: -100%;
        top: 0px;
        min-height: 100vh;
        padding: 80px 10px;
    }
    
    #menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
        font-size: 16px;
        padding: 20px;
        text-transform: uppercase;
        border-top: 1px solid #dbdcd2;
    }
    #menu-container .menu-list li:first-of-type {
        border-top: 0;
    }
    
    .accordion-toggle, .accordion-content {
        cursor: pointer;
        font-size: 16px;
        position: relative;
        letter-spacing: 1px;
    }
    
      .accordion-content {
        display: none;
    }
    
    .accordion-toggle a:before, .accordion-toggle a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 30px;
        width: 15px;
        height: 2px;
        margin-top: -1px;
        background-color: #5a5858;
        transform-origin: 50% 50%;
        transition: all 0.3s ease-out;
    }
    
    .accordion-toggle a:before {
        transform: rotate(-90deg);
        opacity: 1;
        z-index: 2;
    }
    
    .accordion-toggle.active-tab {
      background: #d5bc9f;
      transition: all 0.3s ease;
    }
    .accordion-toggle a.active:before {
        transform: rotate(0deg);
        background: #fff !important;
    }
    
    .accordion-toggle a.active:after {
        transform: rotate(180deg);
        background: #fff !important;
        opacity: 0;
    }
    
    .menu {
        display: none;
    }
    
    div#menu-container {
        display: block;
    }

    ul.menu-list.accordion.active li {
        line-height: 50px;
        padding: 0px 10px;
        width: 100%;
        /* display: inline-grid; */
        text-align: center;
    }   
    
    
    
div#carouselExampleIndicators {
    height: 85vh;
    overflow: hidden;
}

.w-100 {
    /* width: 180vh!important; */
    margin-right: -10px;
    clear: right;
}  

.container.website {
    display: none;
}

.container.mobile {
    display: block;
    padding: 0px;
}

.background-white {
    background: none;
}

.main.slider {
    margin-top: 0px;
}

div#menu-wrapper {
    z-index: 999;
    position: relative;
}

h4.black.position-absolute {
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    font-size: 12px;
    background: #677576a8;
    border-radius: 0px 99px 99px 0px;
}
}