@media only screen and (min-width: 767px) {
       .annie-aside {
           padding: 25px;
       }

       .annie-main {
           padding: 25px;
       }
   }

   @media only screen and (min-width: 992px) {
       .container-tiels {
           padding-right: 50px;
           padding-top: 50px;
       }


       .annie-aside {
           padding: 50px 0 0 50px;
       }

       .annie-hero .flexslider .slides li {
           background-repeat: no-repeat;
           background-size: cover;
           background-position: bottom center;
           position: relative;
           min-height: 87vh;
       }
   }

   .annie-main-menu ul {
       padding-right: 4px !important;
   }

   .left-text {
       text-align: end;
       padding-right: 5px !important;
       font-size: 12px;
       margin-top: 20px;
       margin-left: 45px;
   }

   .annie-aside {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       box-sizing: border-box;
   }

   .annie-main-menu {
       margin-top: auto;
   }

   .annie-main-menu ul {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .annie-main-menu ul {
       max-width: 131px;
       margin: 0;
       padding: 0;
       text-align: right;
   }

   .annie-aside p {
       max-width: 133px;
       margin: 0;
       padding: 0;
   }

   .annie-aside i {
       margin-left: 2px;
       color: #000;
       font-size: 4px;
   }

   /*--------------------------------------- mobile menu ------------------------------------ */
   .mobile {
       display: none !important;
   }

   @media only screen and (max-width: 768px) {
       .desktop {
           display: none !important;
       }

       .mobile {
           display: block !important;
       }

       .annie-aside .annie-logo {
           margin-bottom: 20px;
       }

       .aa {
           visibility: unset !important;
       }
   }

   .aa {
       visibility: hidden;
   }

   .menu-tiels {
       display: flex;
       align-items: end;
       justify-content: space-between;
       padding: 10px;
   }

   .annie-logo1 {
       flex: 1;
       text-align: end;
   }

   .center-menu {
       list-style: none;
       padding: 0;
       margin: 0;
       display: flex;
       flex-direction: column;
       align-items: end;
       flex-grow: 1;
   }

   .center-menu li {
       margin: 0;
   }

   .hidden {
       display: none;
   }

   .aa .dot {
       margin-left: 2px;
       color: #000;
       font-size: 4px;
   }

  .annie-aside {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       /* height: 100vh; */
       box-sizing: border-box;
       margin-bottom: 20px;
   }

   .annie-logo,
   .annie-main-menu.absolute.mobile {
       margin-bottom: auto;
   }

   .annie-main-menu1.absolute {
       margin-top: auto;
       text-align: end;
       padding-bottom: 20px;
   }

   p {
       line-height: 1.4em;
       margin: 0 0 5px;
   }

   @media only screen and (min-width: 1200px) {
       .annie-aside {
           width: 15%;
       }

       .annie-main {
           width: 85%;
       }
   }

   @media only screen and (min-width: 1700px) {
       .annie-aside {
           width: 13%;
       }

       .annie-main {
           width: 87%;
       }
   }

   @media only screen and (min-width: 2000px) {
       .annie-aside {
           width: 11%;
       }

       .annie-main {
           width: 89%;
       }
   }

   @media only screen and (min-width: 2500px) {
       .annie-aside {
           width: 10%;
       }

       .annie-main {
           width: 90%;
       }
   }

   #textContent {
       margin-bottom: 25px;
   }

   @media only screen and (min-width: 768px) {
       #textContent {
           position: fixed;
           /* top: 50px; */
           height: calc(100vh - 50px);
           overflow-y: auto;
           padding-right: 20px;
           width: 28%;
       }

       #imageContent {
           margin-left: 34.33%;
       }

       body {
           overflow-x: hidden;
       }

       .gallery__img {
           width: 100%;
           height: auto;
           display: block;
           margin-bottom: 15px;
       }

   }

   /* ------------------ gallery slider ------------------------------ */
   .fancybox-image {
       max-width: 100%;
       height: auto;

   }

   @media only screen and (min-width: 768px) {
       .fancybox-stage {
           /* margin: 55px; */
           margin-left: 130px;
           margin-right: 130px;
       }
   }