/* reset defaults */
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
   acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong,
   sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
   tfoot, thead, tr, th, td  { border: 0 none;
                               margin: 0;
                               outline: 0 none;
                               padding: 0;
                               vertical-align: baseline; }

    ol, ul {list-style: none;}

    body { background-color: #fffaf7;
           font-family: 'Montserrat', Arial, Helvetica, sans-serif;
           font-size: 1.2em;
           width: 100%; }

    .wrapper { width: 100%; 
               max-width: 1440px;
               margin: 0 auto;}

    a { text-decoration: none;
        color: inherit; }

    p { font-family: 'Montserrat', Arial, Times, serif;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.4;
        color: #4a3f3a;
        margin-bottom: 10px;
        padding: 0 30px; }

    p span { font-weight: bold; }

    p.green { background-color: #8B9A5B;
              color: white;
              display: inline-block; 
              margin: 10px 0 20px 0;  
              padding: 8px;
              width: 50%;  }  /* page masaż */

    h2 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
         font-size: 2.0em;
         font-weight: normal;
         line-height: 1.0;
         color: #4a3f3a;
         padding: 30px; }

    h3 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
         font-size: 1.4em;
         font-weight: normal;
         line-height: 1.0;
         color: #4a3f3a;}

    hr.line { width: 60%;
              color: #4a3f3a; }

    hr.line { display: none; }

    hr.pause { width: 60%;
              color: #4a3f3a; }
     
    header { background-color: #fdf8f5;
             width: 100%;
             display: flex;
             height: 150px;   }

    .menu-tablet { display: none; }

    .menu { min-width: 60%;
            margin-left: auto; }

    .menu-links { list-style: none;
                  margin: 0;
                  padding: 0;
                  display: flex; 
                  gap: 1%;}

    .menu-links > li { position: relative;
                       top: 50px;
                       left: 1%;}

    .menu-links a { display: block;
                    padding: 12px 10px;  
                    color: #241414;
                    background: transparent;
                    text-decoration: none;
                    white-space: nowrap;
                    transition: color 0.3s ease;
                    font-size: 0.9em;  }

    .menu-links > li > a:hover { color: #ffd700;}

    .dropdown { position: relative; }

    .submenu { display: none;
               position: absolute;
               top: 80%;
               left: 0;
               margin: 0;
               padding: 0;
               list-style: none;
               background: rgb(250, 250, 250, 0.9);
               border-radius: 6px;
               overflow: visible;
               z-index: 1000;}

    .submenu a { display: block;
                 border-radius: 0;
                 padding: 10px 20px;
                 font-size: 0.9em; }

    .submenu a:hover { background: #f1eded;
                       color: #ffd700; }

    .dropdown:hover > .submenu { display: block; }

    .dropdown-right { position: relative; }

    .submenu-right { display: none;
                     position: absolute;
                     top: 0;
                     left: 100%;
                     border-radius: 6px;
                     background: rgb(250, 250, 250, 0.9);
                     list-style: none;
                     margin: 0;
                     padding: 0;
                     z-index: 2000; }

     .submenu-right a { display: block;
                        border-radius: 0;
                        padding: 10px 20px;
                        font-size: 0.9em; }

    .submenu-right a:hover { background: #f1eded;
                             color: #ffd700; }

    .dropdown-right:hover > .submenu-right { display: block; }

    .menu-links a.booksy { background-color: #8B9A5B;
                           color: white;}

    .menu-tablet { position: relative;
                   display: inline-block;
                   top: 50px;
                   max-width: 100%;
                   margin-left: auto;
                   padding-right: 30px;}

    .menu-tablet { display: none; }

    .menu-checkbox { position: absolute;
                     opacity: 0;
                     pointer-events: none;}

    .menu-button { width: 40px;
                   height: 7px;
                   display: flex;
                   flex-direction: column;
                   justify-content: space-between;
                   cursor: pointer; }

    .menu-button span { display: block;
                        width: 100%;
                        height: 2px;
                        background: #241414;
                        border-radius: 3px;}

    .menu-links-tablet { display: none;
                         position: absolute;
                         top: 10px;
                         left: -370px;
                         list-style: none;
                         margin: 0;
                         padding: 10px 0;
                         background: rgba(250, 250, 250, 0.9);
                         min-width: 410px;
                         border-radius: 8px;}

    .menu-links-tablet a { display: block; 
                           padding: 3px 20px;
                           color: #241414;
                           text-decoration: none;
                           font-size: 0.9em; }

    .menu-links-tablet a:hover { background: rgba(255, 255, 255, 0.1);
                                 color: #ffd700;}

    .menu-checkbox:checked ~ .menu-links-tablet { display: block; }

    .submenu-tablet { margin-left: 30px;}

    a.booksy-tablet { background-color: #8B9A5B;
                      color: white;
                      margin-top: 40px;  
                      padding: 8px;
                      height: 25px;
                      margin-left: auto; }

    a.booksy-tablet { display: none; }

    img#logo { margin-top: 10px;
               margin-left: 20px; }

    .content { width: 100%; }

    .box-top { background: url(img/image-gabinet-kosmetyczno-podologiczny-maria.jpg) no-repeat top center ;
               background-size: 100% auto;
               padding-bottom: 20px; 
               width: 100%;} /*index*/

    .box-top h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                  font-size: 2.4em;
                  font-weight: normal;
                  line-height: 1.0;
                  color: #4a3f3a;
                  padding: 70px 0 50px 40px;
                  margin-bottom: 30px;
                  width: 50%; }

    .box-top h3 { font-family: 'Book Antiqua Italic', cursive, serif;
                   background-color: #8B9A5B; 
                   color: #fafafa;
                   padding: 20px; 
                   margin-left: 80px;
                   margin-bottom: 70px;
                   width: 240px; }

    .box-top-elektrokoagulacja { background: url(img/background-elektrokoagulacja.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-elektrokoagulacja h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-elektrokoagulacja a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-manicure { background: url(img/background-manicure.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-manicure h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-manicure a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-masaz { background: url(img/background-masaz.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-masaz h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-masaz a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-mezoterapia { background: url(img/background-mezoterapia.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-mezoterapia h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-mezoterapia a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-nagrody { background: url(img/background-nagrody.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-nagrody h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-nagrody a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-stopa-cukrzycowa { background: url(img/background-stopa-cukrzycowa.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-stopa-cukrzycowa h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-stopa-cukrzycowa a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-wrastajace { background: url(img/background-wrastajace.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-wrastajace h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-wrastajace a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-pedicure { background: url(img/background-pedicure.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-pedicure h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-pedicure a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-o-nas { background: url(img/background-o-nas.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-o-nas h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-o-nas a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }

    .box-top-odciski { background: url(img/background-odciski.jpg) no-repeat top center ;
                                 background-size: 100% auto;
                                 padding-bottom: 20px; 
                                 width: 100%;} 

    .box-top-odciski h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                                    font-size: 2.4em;
                                    font-weight: normal;
                                    line-height: 1.0;
                                    color: #4a3f3a;
                                    padding: 150px 0 50px 40px;
                                    margin-bottom: 30px;
                                    width: 30%; }

    .box-top-odciski a.booksy { background-color: #8B9A5B;
                                          color: white;
                                          display: inline-block; 
                                          margin: 10px 0 40px 80px;  
                                          padding: 8px;  }


    .box-top-page { background: linear-gradient(to bottom, #fdf8f5, #f7e2d5 );
                    text-align: center; }

    .box-top-page h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                       font-size: 2.4em;
                       font-weight: normal;
                       line-height: 1.0;
                       color: #4a3f3a;
                       padding: 70px 0 10px 0;
                       margin: 0 20px 20px 20px; }

    .box-top-page a.booksy { background-color: #8B9A5B;
                             color: white;
                             display: inline-block; 
                             margin: 10px 0 20px 0;  
                             padding: 8px;  }

    .box-content { background: linear-gradient(to bottom, #fdf8f5, #f7e2d5 ); }

    .box-content-feet { background: linear-gradient(to bottom, #fdf8f5, #eff7f0 ); } /* background all podologia */

    .box-content-faq { background-image: url('img/background-faq.jpg');
                       background-size: cover;
                       background-position: center;
                       background-repeat: no-repeat; }

    .box-content h2 { text-align: center; }

    .box-content-feet h2 { text-align: center; }

    .box-content li { padding: 0 30px; }

    .box-content h3 { padding: 0 30px; }

    .box-content-feet h3 { padding: 0 30px; }

    .box-inner { display: flex;
                 gap: 40px;
                 align-items: center;
                 padding-bottom: 30px;
                 width: 100%; }

    .box-inner-1 { display: flex;
                   flex-direction: column;
                   gap: 10px; 
                   padding-bottom: 30px;
                   width: 100%; }

    .box-inner-2 { display: flex;
                   gap: 40px;
                   align-items: center;
                   padding-bottom: 30px;
                   width: 100%; }     /* reverse in tablet */

    .box-inner-3 { display: flex;
                   flex-direction: column;
                   gap: 20px; 
                   padding-bottom: 30px;
                   width: 100%;
                   align-items: center; }

    .box-inner-4 { display: flex;
                   flex-direction: column;
                   gap: 10px;
                   padding-top: 30px;  
                   padding-bottom: 30px; }

    .box-inner-5 { display: flex;
                 gap: 40px;
                 justify-content: center;
                 align-items: center;
                 padding-bottom: 30px;
                 width: 100%; }

    .box-inner-6 { display: flex;
                 gap: 40px;
                 justify-content: center;
                 align-items: center;
                 padding: 10px 60px 10px 60px; }

    .box-strip { background-color: #8B9A5B; 
                 display: flex;
                 flex-wrap: wrap;
                 justify-content: center;
                 gap: 8%; 
                 padding: 10px ; }

    .box-strip h3 { color: #fafafa;
                    font-family: 'Book Antiqua Italic', cursive, serif;
                    padding: 30px 0;}

    .box-strip-1 { background-color: #8B9A5B; 
                   display: flex;
                   gap: 20%; 
                   padding: 10px 0 10px 20% ; } /* strip in index.php */

    .box-strip-2 { background-color: #8B9A5B; 
                   display: flex;
                   padding: 10px ; }

    li.box-links { width: 260px;
                   background-color: #8B9A5B;
                   color: #fff;
                   border-radius: 12px;
                   margin: 10px 20px 0 20px ; 
                   text-align: center;
                   padding: 0 10px 0 10px;}

    img#photo-salon { margin: 50px 50px 0 50px;
                      width: 100%;
                      height: auto;
                      border-radius: 8px;
                      box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  } /* all photos */

    img#photo-gabinet {  margin: 50px 50px 0 50px;
                         width: 60%;
                         height: auto;
                         border-radius: 8px;
                         box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }

    img#photos {  margin: 30px 0 ;
                  width: 30%;
                  height: auto;
                  border-radius: 8px;
                  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }

    img#photos-1 {  margin: 30px 0 0 0 ;
                  width: 40%;
                  height: auto;
                  border-radius: 8px;
                  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }
                      
    .text { display: flex;
            flex-direction: column;
            width: 80%; }

    .text-1 { display: flex;
              margin-left: 30px;
              flex-direction: column;}

    .text-2 { display: flex;
              flex-direction: column;
              gap: 20px;}

    .text-1 h2 { text-align: center; }

    .text-under { display: flex; }

    .text-under li { font-size: 0.9em;
                     font-family: 'Montserrat', Arial, Times, serif; }

    iframe#mapa { margin: 0 auto ;}

    video#mezoterapia { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                        border-radius: 8px; }

    .box-top-tablet { background: url(img/image-gabinet-kosmetyczno-podologiczny-maria.jpg) no-repeat top center ;
                        background-size: 100% auto;
                        width: 100%;}

    .box-top-tablet { display: none; }

    .box-top-tablet h1 { font-family: 'Cormorant Garamond','Times New Roman', Times, serif;
                          font-size: 2.2em;
                          font-weight: normal;
                          line-height: 1.0;
                          color: #4a3f3a;
                          padding: 70px 0 50px 40px;}

    .box-top-tablet-under { width: 100%;
                            background-color: #8B9A5B; }

    .box-top-tablet-under { display: none; }

    .box-top-tablet-under h3 { font-family: 'Book Antiqua Italic', cursive, serif;
                                color: #fafafa;
                                padding: 20px; 
                                margin-left: 80px;}

    footer p { font-family: 'Montserrat', Arial, Times, serif;
               font-size: 0.9em;
               font-weight: normal;
               line-height: 0.9;
               color: #4a3f3a; }

    .text-footer { display: flex; }

    .box-footer { display: flex;
                  flex-direction: column; 
                  padding: 0 0 30px 150px;
                  width: 100%; }

    .box-footer p.pause-top { padding-top: 170px;  }

    img#logo-footer { margin: 10px 0 20px 0 ; }

    img#logo-faq { margin-top: 20px; }

    .logo-icons { display: flex; }

    .logo-icons p { margin: 20px 0 20px 0 ;}

   @media (max-width: 1086px) {

    p { padding: 0 70px; }

    h2 { padding: 30px 70px; }

    hr.line { display: block; }

    .box-top-elektrokoagulacja h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-elektrokoagulacja a.booksy { margin: 10px 0 20px 80px; }

    .box-top-manicure h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-manicure a.booksy { margin: 10px 0 20px 80px; }

    .box-top-masaz h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-masaz a.booksy { margin: 10px 0 20px 80px; }

    .box-top-mezoterapia h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-mezoterapia a.booksy { margin: 10px 0 20px 80px; }

    .box-top-nagrody h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-nagrody a.booksy { margin: 10px 0 20px 80px; }

    .box-top-stopa-cukrzycowa h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-stopa-cukrzycowa a.booksy { margin: 10px 0 20px 80px; }

    .box-top-wrastajace h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-wrastajace a.booksy { margin: 10px 0 20px 80px; }

    .box-top-pedicure h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-pedicure a.booksy { margin: 10px 0 20px 80px; }

    .box-top-o-nas h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-o-nas a.booksy { margin: 10px 0 20px 80px; }

    .box-top-odciski h1 { padding: 140px 0 50px 40px;
                                    width: 50%; }

    .box-top-odciski a.booksy { margin: 10px 0 20px 80px; }

    .box-inner li { padding: 0 70px; }

    .box-inner-1 li { padding: 0 70px; }

    .box-inner h3 { padding: 0 70px; }

    .box-inner-1 h3 { padding: 0 70px; }

    .box-inner {  display: flex;
                  flex-direction: column;}

    .box-inner-2 {  display: flex;
                    flex-direction: column-reverse;}

    .text { width: 100%; }

    .text-under { display: flex;
                  flex-direction: column; }

    img#photo-salon { width: 60%;
                      margin: 20px; }

    .text-footer { display: flex;
                   flex-direction: column;
                    }

    .box-footer p.pause-top { padding-top: 10px;  }

    .box-footer { padding: 30px 0 ;
                  align-items: center;}

   } 
  
   @media (max-width: 768px) {

    p { padding: 0 30px; }

    h2 { padding: 30px; }

    .box-top-elektrokoagulacja h1 { padding: 20px 0 0 40px;
                                    width: 60%;
                                    font-size: 2.2em; }

    .box-top-elektrokoagulacja a.booksy { margin: 10px 0 0 80px; }
    
    .box-top-manicure h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-manicure a.booksy { margin: 10px 0 0 80px; }

    .box-top-masaz h1 { padding: 20px 0 0 40px;
                                    width: 60%;
                                    font-size: 2.2em; }

    .box-top-masaz a.booksy { margin: 10px 0 0 80px; }

    .box-top-mezoterapia h1 { padding: 20px 0 0 40px;
                                    width: 60%; 
                                    font-size: 2.2em;}

    .box-top-mezoterapia a.booksy { margin: 10px 0 0 80px; }

    .box-top-nagrody h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-nagrody a.booksy { margin: 10px 0 0 80px; }

    .box-top-stopa-cukrzycowa h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-stopa-cukrzycowa a.booksy { margin: 10px 0 0 80px; }

    .box-top-wrastajace h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-wrastajace a.booksy { margin: 10px 0 0 80px; }

    .box-top-pedicure h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-pedicure a.booksy { margin: 10px 0 0 80px; }

    .box-top-o-nas h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-o-nas a.booksy { margin: 10px 0 0 80px; }

    .box-top-odciski h1 { padding: 20px 0 0 40px;
                                    width: 40%;
                                    font-size: 2.2em; }

    .box-top-odciski a.booksy { margin: 10px 0 0 80px; }

    .box-inner li { padding: 0 30px; }

    .box-inner-1 li { padding: 0 30px; }

    .box-inner h3 { padding: 0 30px; }

    .box-inner-1 h3 { padding: 0 30px; }

    img#photo-salon { width: 70%;
                      margin: 20px; }

    video#mezoterapia { width: 80%; }
    
    .box-top { display: none; }

    .box-top-tablet { display: block; }

    .box-top-tablet-under { display: block; }

    .menu { display: none;}

    .menu-tablet { display: block; }

    a.booksy-tablet { display: block; }

     .box-strip-1 {gap: 15%; 
                 padding: 10px 0 10px 10% ; }

    }

    @media (max-width: 460px) {

    .box-top-tablet h1 { font-size: 2.0em;}
    }