﻿@font-face 
{
font-family: 'Arimo';
src: url('fonts/Arimo.eot');
src: url('fonts/Arimo-Italic.eot');
src: url('fonts/Arimo-Bold.eot');
src: url('fonts/Arimo-BoldItalic.eot');
src: url('fonts/Arimo.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo.ttf') format('truetype'), 
     url('fonts/Arimo.woff') format('woff'), 
     url('fonts/Arimo.svg#svgFontName') format('svg'),     
     url('fonts/Arimo-Italic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Italic.ttf') format('truetype'), 
     url('fonts/Arimo-Italic.woff') format('woff'), 
     url('fonts/Arimo-Italic.svg#svgFontName') format('svg'),   
     url('fonts/Arimo-Bold.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Bold.ttf') format('truetype'), 
     url('fonts/Arimo-Bold.woff') format('woff'), 
     url('fonts/Arimo-Bold.svg#svgFontName') format('svg'),     
     url('fonts/Arimo-BoldItalic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-BoldItalic.ttf') format('truetype'), 
     url('fonts/Arimo-BoldItalic.woff') format('woff'), 
     url('fonts/Arimo-BoldItalic.svg#svgFontName') format('svg');
}


*
{
  box-sizing:border-box;
}
body
{
 background-color:#f;
 font-size:14px;
}
h1,h2,h3,h4
{
  color:#160959;
}
body.page    #content-wrapper,
#page-wrapper
{
 max-width:100%;

}
body.page    #content-wrapper,
#header-wrapper,
#middle-wrapper,
#bottom-wrapper,
#main-menu,
#footer-content
{
 max-width:1280px;
 margin-right:auto;
 margin-left:auto;
}
#header-wrapper
{
 min-height:60px;
}
#site-branding
{
 display:inline-block;
}


#logo-wrapper
{
max-width:90px;
display:inline-block;
margin: 20px 36px 0px 10px;
}
#logo-wrapper  img
{

}
#site-details-wrapper
{
max-width:200px;
display:inline-block;
margin: 0px 0px 4% 0px;
}
#page-title,
h1#page-title
{
 font-size:150%;
}
#page-title.contact-page-title
{
display:none;	
}
#middle-wrapper
{
margin:20px auto 10px auto;
}
#main-content a
{
  color: #3495ca;
}
#main-content a:hover
{
text-decoration:underline;
}
#footer
{
  background-color: rgba(0,0,0, 0.8);
  box-sizing:border-box;
  padding-top:1px;
}
#bottom-wrapper
{
 margin: 5px auto;
}
/* links returning to gallery from attachment */
   
#go-back-text
{
  font-size:16px;
  vertical-align:middle;
}
#go-back-button
{
  display:inline-block;
  height:30px;
  width:30px;
  background-color:white;
  border-radius:50%;
  margin:10px;
  border:1px solid black;
  cursor:pointer;
}
body.i18n-en  #go-back-button
{
   background-image:url(images/kufsator-left-arrow.png);
   background-size: 100% 100%;
}
body.i18n-he  #go-back-button
{
   background-image:url(images/kufsator-right-arrow.png);
   background-size: 100% 100%;
}
body.i18n-he  #go-back-button
{
   background-image:url(images/kufsator-right-arrow.png);
   background-size: 100% 100%;
}

/*           */

#sidebar-first-wrapper
{
  padding:1%;
  float:right;
  width:29%;
}
body.with-sidebar-first   #content-wrapper
{
  width:70%;
  float:left;
}
/* main menu */
#main-navbar-wrapper
{
 background-color:white;
 width:100%;
 overflow:visible;
 margin-left: auto;
 margin-right: auto;
 padding-top:1px;
 padding-bottom:0px;
 background-color: #160959;
 box-sizing:border-box;
}
#menu-main-menu
{
 padding:0;
 margin:0;
}

#main-menu-toggler
{
  width:auto;
}
#main-menu-toggler      #main-menu-toggler-symbol
{
 background:url("images/menu-symbol.png") no-repeat top right;
 background-size: 100% 100%;
 opacity:1;
}
#main-menu.desktop-style,
#main-menu
{
border-top:0px solid white;
border-bottom:0px solid white;
margin-left:auto;
margin-right:auto;
background-color: #160959;
text-align:right;
box-sizing:border-box;
}
#main-menu.mobile-style,
#main-menu
{
text-align:right;
}

body.i18n-he   #main-menu.desktop-style  .sub-menu, 
#main-menu.desktop-style  .sub-menu
{
   background-color: rgba(1,2,40, 0.8);
}
body.i18n-he   #main-navbar-wrapper.fixed
{
  padding-right:26px;
  padding-left:10px;
  margin:0;
}
#main-navbar-wrapper.fixed   #main-menu.desktop-style
{
border-top:0px solid white;
border-bottom:0px solid white;
background-color: transparent;
background:transparent;
margin:0px auto;
}
#main-navbar-wrapper   #main-menu.desktop-style    ul li
{
padding:4px 0 6px 0;
}
#main-navbar-wrapper   #main-menu.desktop-style    ul li,
#main-navbar-wrapper   #main-menu.desktop-style    ul  li a,
#main-navbar-wrapper   #main-menu.mobile-style    ul li,
#main-navbar-wrapper   #main-menu.mobile-style    ul  li a
{
  color:white;
  cursor: pointer;
  
}
#main-menu.desktop-style .sub-menu li a
{
  width:auto;
}
#main-menu.desktop-style li:before
{
content:"";
display:block;
position: absolute;
top:100%;
bottom:0px;
right:0px;
left:0px;
transition:top .25s linear;
background-color:rgba( 82 ,139 ,186,0.95);
}
#main-menu.desktop-style li >a:hover
{
color:#ffd7d5;
}
#main-menu.desktop-style li:hover:before
{
 top:0px;
}
#main-menu.mobile-style  li.current-menu-ancestor  a,
#main-menu.mobile-style  li.current-menu-item  a
{
  display:inline-block;
  width:auto;
  position:relative;
}
#main-menu.desktop-style  li.current-menu-item> a:after,
#main-menu.mobile-style  li.current-menu-item> a:after,
#main-menu.desktop-style  li.current-menu-ancestor> a:after ,
#main-menu.mobile-style  li.current-menu-ancestor > a:after  
{
content:"";
display:block;
position: absolute;
top:100%;
bottom:-3px;
right:10px;
left:10px;
transition:top .25s linear;
background-color:white;
transform:translate( 0, -5px) 
}
#main-menu.mobile-style  li.current-menu-item    a:after,
#main-menu.mobile-style  li.current-menu-ancestorafter    a:after  
{
  right:0px;
  left:0px;
}

#main-menu.mobile-style   #menu-item-61  .sub-menu  li  a:after,
#main-menu.desktop-style  #menu-item-61  .sub-menu  li  a:after
{
  display:none;
}


#main-navbar-wrapper.fixed   #main-menu.desktop-style   ul li.current-menu-item     a,
#main-navbar-wrapper.fixed    #main-menu.desktop-style ul li.current-menu-ancestorafter    a
{
 color:white;
}


#main-navbar-wrapper.fixed      #main-menu.desktop-style li >a:hover
{

}
#main-navbar-wrapper.fixed    #main-menu.desktop-style li:before
{

}

#main-menu.desktop-style .sub-menu    li >a:hover:after
{

}
#main-menu.desktop-style .sub-menu    li.current-menu-item>a:after
{

}
/* positin of parent link arrow (depends upon font size) */
#main-menu.desktop-style  ul    li.menu-item-has-children> a:before,
#main-menu.mobile-style  ul    li.menu-item-has-children> a:before
{
 top:12px;
}
/*  sticky menu */


#main-navbar-wrapper.fixed
{
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  max-height:0;
  margin:0 auto;
  overflow:hidden;
  box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

 #main-navbar-wrapper.fixed:before
    {
    content:'';
    display:block;
    float:right;
    margin:5px 8px 5px 8px;
    width:50px;
    height:50px;
    background: url(images/lyb-mini-logo-2.png);
    background-size: 100% 100%;
  }
#main-navbar-wrapper.fixed    #main-menu.desktop-style
{
  padding:10px auto;
}
#main-navbar-wrapper.fixed     #main-menu.mobile-style
{
 width:120%;
 overflow-y:scroll;
 padding-left:20%;
 margin-bottom:0;
 background-color:transparent;
}
#main-navbar-wrapper.fixed   #main-menu.desktop-style    ul li
{
padding:10px 0;
}
#main-navbar-wrapper.fixed   #main-menu.desktop-style    ul  li a
{
  padding:7px 14px;
}
/* menu item has children */

#main-menu.desktop-style  ul    li.menu-item-has-children> a:before,
#main-menu.mobile-style  ul    li.menu-item-has-children> a:before
{
 background: url(images/full-down-arrow-white.png) no-repeat top right;
 background-size:100% 100%;
}

/*===== widget/js ajax contact form ====*/

#widget-contact-form
{
  font-size:106%;
  box-sizing:border-box;
  padding:10px;
}
#widget-contact-form-feedback
{
  padding:12px;
  width:100%;
}
#widget-contact-form label
{
 font-size:106%;
 box-sizing:border-box;
}

#widget-contact-form input,
#widget-contact-form textarea
{
 width:100%;
 font-family:Arimo;
 font-size:106%;
 padding:4px 10px ;
 box-sizing:border-box;
}
#widget-contact-form-submit-button
{
 font-size:116%;
 padding:4px 8px ;
}
#widget-contact-form-sender-name
{

}
#widget-contact-form-sender-email
{

}
#widget-contact-form-message
{

}
#widget-contact-form-hv-answer
{

}

/*===== end of widget/js ajax contact form ====*/

#crellyslider-1
{
  max-width:98%;
  margin-bottom:10px
}


/* single post widget block and content widget block (used in blocks)*/
   
#front-page-content-blocks-widget-wrapper
{
  margin:10px 0;
  border-bottom:0px solid rgba(0,0,0,0.3);
  box-sizing:border-box;
}
.content-block-widget-block
{
  display:inline-block;
  width:31%;
  margin:10px 0 0 2%;
  border:2px solid rgba(0,0,0,0.07);
  padding:0px;
  vertical-align:top;
  box-sizing:border-box;
  background-color:rgba(0,0,0,0.05);
  position:relative;

}
#sidebar-first-wrapper   .content-block-widget-block
{
  margin-bottom:25px;
}
#sidebar-first-wrapper   #content-block-8.content-block-widget-block
{
  margin-bottom:10px;
  margin-top:0;
}
#content-block-12
{
  display:none;
}
body.category-3  h1#page-title,
body.category-4  h1#page-title,
body.category-5  h1#page-title
{
  margin-bottom: 40px;
  text-align: center;
}
body.page-id-45      #content-block-12,
body.category-4        #content-block-12
{
  display:block;
}
body.category-4        #content-block-11
{
  display:none;
}
body.page-id-45     #content-block-9
{
  display:none;
}
#front-page-content-blocks-widget-wrapper div:last-of-type 
{
  margin:10px 0 0 0;
}




#sidebar-first-wrapper   .content-block-widget-block   .content-block-widget-text,
#front-page-content-blocks-widget-wrapper   .content-block-widget-block  .content-block-widget-text
{
  padding-bottom:60px;
}

h2.content-block-widget-title
{
 margin:0;
 padding:12px  20px 12px 20px;
 font-size:120%;
 color:#160959;
 text-align:center;
}
.content-block-widget-text
{
 margin:0;
 padding: 0 20px 60px 20px;
 color: rgba(0,0,0,0.8);
}
.content-block-widget-image-wrapper
{
  width:90%;
  margin:0 auto 14px auto;
}
.content-block-widget-image-wrapper  img
{
  width:100%;
  height:auto;
}
#sidebar-first-wrapper   .content-block-widget-read-more,
#front-page-content-blocks-widget-wrapper   .content-block-widget-read-more
{
  white-space:nowrap;
  display:block;
  background-color:#d1d1d1;
  padding:13px 0;
  box-sizing:border-box;
  position:absolute;
  bottom:0;
  left:0;
  right:0px;
  text-align:center; 
}

#sidebar-first-wrapper    .content-block-widget-block
{
    width:100%;
}
.accordion-item-title
{
  color:rgba(0,0,0,0.8);
}

/* styles for ajax contact from widget */

/* outer wrappers for contact forms */

.contact-form-on-contact-us-page
{
 max-width:400px;   
}

.contact-form-outer-wrapper
{
  width:100%;
  border:0px solid rgba(0,0,0,0.07);
  padding:10px 0;
  background-color:transparent;
  margin-top:10px;
}

.contact-form-inner-wrapper
{
  width:100%;
  margin:0px auto;
}
.contact-form-title-wrapper
{
  width:100%;
  margin:16px auto;
}
#contact-form-7-title-wrapper.contact-form-title-wrapper
{
 text-align:center;
 background-color:#2b506d;
 color:white;
 border-radius:5px;
 padding:6px;
}
#contact-form-7-outer-wrapper
{
margin-top:0px;	
padding-top:0px;	
}
#contact-form-7-title-wrapper.contact-form-title-wrapper  h2.contact-form-title
{
 margin:0;
 color:white;
}
.contact-form-title
{

}
.contact-form-feedback
{
 padding: 12px;
 font-size: 120%;
 text-align: center;
}

.contact-form-input-wrapper
{
  width:100%;
  margin:14px auto;
}

.contact-form-name-input-wrapper    label,
.contact-form-email-input-wrapper    label,
.contact-form-phone-input-wrapper    label,
.contact-form-subject-input-wrapper    label,
.contact-form-message-input-wrapper    label
{
 display:block;
}
.contact-form-name-input-wrapper          label.must:after,
.contact-form-email-input-wrapper        label.must:after,
.contact-form-phone-input-wrapper        label.must:after,
.contact-form-subject-input-wrapper    label.must:after,
.contact-form-message-input-wrapper    label.must:after
{
 content:' * ';
 color:red;
}
.contact-form-message-input-wrapper
{

}

.contact-form-input
{
  border: 2px solid #2b506d;
  border-radius: 5px;
  padding:10px;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  font-family:Arimo;
  font-size: 100%;
  box-sizing: border-box;
}
.contact-form-input[type="checkbox"] {
  transform: scale(1.5); /* מגדיל פי 1.5 */
  accent-color: #2b506d; /* לצביעת ה־V בדפדפנים תומכים */
  cursor: pointer;
  margin-bottom: 14px;
}
.contact-form-message-input
{

}
.contact-form-human-validation-wrapper
{
  margin-bottom:15px;
}
.contact-form-send-btn-wrapper
{
 margin-bottom:20px;
}
.contact-form-send-btn-wrapper   button
{
 font-size: 116%;
 padding:8px 8px;
 color:white;
 background-color:#2b506d;
 width:100%;
 border:none;
 border-radius: 5px;
}
/*  facebook embed page in footer*/
#footer
{
 background-color: #160959;
}
#footer-top
{
  width:auto;
  display:inline-block;
  box-sizing:border-box;
}
.fb-page-embed
{
  box-sizing:border-box;
  width:100%;
  margin:20px auto;
  overflow:hidden;
}
#lyb-footer-contact-details
{
  padding:10px;
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
  text-align:right;
  margin-bottom:2px;
  font-size: 120%;
}
#lyb-footer-contact-details-line-1,
#lyb-footer-contact-details-line-2,
#lyb-footer-contact-details-line-3,
#lyb-footer-contact-details-line-4,
#lyb-footer-contact-details-line-5
{
  display:inline;
  padding:4px;
  color:white;
  white-space:nowrap;
}

#made-by
{
display:none;
vertical-align:bottom;
text-align:left;
float:left;
padding:2px;
}

/* crelly slider on front page */
.crelly-slider-text-1
{
 font-size:190%;
 font-size:26px !important;
 color:white;
 background-color:#160959;
 background-color:rgba(22,9,89,0.9);
 padding:5px 18px;
}
body.page-id-74 p
{
background-color: rgba(0,0,0,0.07);
padding: 10px 15px 10px 15px;
border:1px solid rgba(0,0,0,0.1);
}
/* q and a */

.intext-accordion-title:before, 
.accordion-item-title:before 
{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 5px;
    background-image: url(images/thin-left-arrow-white.png);
    background-size: 100% 100%;
    transition:transform 0.6s linear;
}
.intext-accordion-title.opened:before, 
.accordion-item-title.opened:before 
{
transform:rotate(-90deg);
}

/* archives */

body.category-5    .archive-item:after,
body.category-4    .archive-item:after,
body.blog    .archive-item:after
{
  border-top-color:#568ab6;
  border-bottom-color:#568ab6;
  clear:both;
}
body.category-5     .archive-item-excerpt-container,
body.category-4     .archive-item-excerpt-container,
body.blog      .archive-item-excerpt-container
{
   max-width:100%;
   width:100%;
   display:inline;
}
body.category-5    .archive-item-image-container,
body.category-4    .archive-item-image-container,
body.blog   .archive-item-image-container
{
  max-width:250px;
  width:50%;
  float:left;
  margin:0px 24px 24px 0px 
}
/* contact us page*/

body.page-id-163     #contact-form-wrapper
 {
   width: 45%;
 }

body.page-id-163     #main-content
 {
   margin: 0 0 2% 0;
   padding: 0 2px 0 0;
   width:auto;
 }
 /* slider on page 59 תחומי עיסוק*/
body.page-id-59   #page-slider-container
{
  width:96%;
  max-width:96%;
  margin-top:40px;
  margin-right:0;
  margin-left:0;
}
 body.page-id-59   .nivo-controlNav
{
display:none;
}

body.page-id-45    #page-slider-container
{
  width:30%;
}
body.page-id-45    .nivo-controlNav
{
  display:none;
}
body.page-id-45    .single-image-container
{
  width:28%;
  float:left;
  vertical-align:bottom;
  border:2px solid rgba(0,0,0,0.1);
}
body.page-id-45   img.wp-image-252
{
  box-shadow: 5px 5px 5px rgba(0,0,0, 0.4);
  border:2px solid rgba(0,0,0,0.1);
  width:28%;
  float:left;
  margin:0px 20px 20px 0px;
  vertical-align:bottom;
}

#field-image-gallery-page-45
{
  float:left;
  display:inline-block;
  max-width:500px;
  margin:0px 30px 20px 0px;
  direction:ltr;
}
.gallery-image-container-page-45
{ 
 box-shadow: 5px 5px 5px rgba(0,0,0, 0.4);
  border:2px solid rgba(0,0,0,0.1);
display:inline-block;
width:46%;
float:left;
}
.gallery-image-container-page-45:first-of-type
{
margin-right:5%;
}
@media screen and (max-width: 1000px)
{
  #sidebar-first-wrapper
     {
    width:25%;
  }
  body.with-sidebar-first   #content-wrapper   
    {
    width:74%;
  }
 #main-menu.desktop-style li a
     {
     padding:7px  16px;
   }

}
/* intext images in pages or articles*/
.wp-image-204,
.wp-image-207
{
  border:2px solid rgba(0,0,0,0.4);
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
}

/* new main contact form by FronTask code*/

body.page-id-163 h2.main-contact-form-title
{	
text-align:right;	
color:rgba(0,0,0,0.80);
font-size:120%;	
padding:8px 10px;
margin:0 0px 10px auto ;
}
.main-contact-form-input-wrapper  input,
.main-contact-form-input-wrapper  textarea
{
padding: 6px 12px;
font-size: 60%;
border: 2px solid #2b506d;
border-radius: 5px;
width: 60%;
margin: 1.5% 0.5%;
font-size:120%;
font-family:Arimo;
}
.main-contact-form-send-button-wrapper
{
margin-top: 10px;	
}
.main-contact-form-send-button-wrapper  input
{
  background-color:#2b506d;
  color:white;
  padding:8px 10px;
  border: none;
  border-radius: 5px;  
  width: 60%;
  font-size:120%;
}
h2.widgettitle
{
text-align:center;	
}
.textwidget.custom-html-widget form
{
text-align:center;	
}
li#custom_html-2
{
list-style: none;	
width: 100%;
border: 2px solid rgba(0,0,0,0.07);
padding: 10px 0 20px 0;
background-color: rgba(0,0,0,0.05);
margin-top: 10px;
}
.side-contact-form-input-wrapper  textarea,
.side-contact-form-input-wrapper  input
{
padding: 6px 12px;
font-size: 60%;
border: 1px solid #2b506d;
border-radius: 5px;
width: 88%;
margin: 1.8% 0.5%;
font-size:110%;
font-family:Arimo;
}
.side-contact-form-send-button-wrapper
{
margin-top:10px;	
}
.side-contact-form-send-button-wrapper  input
{
  background-color:#160959;
  color:white;
  padding:8px 10px;
  border: none;
  border-radius: 5px;  
  width: 88%;
  font-size:110%;
}
body.page-id-41   .crellyslider-slider
{
  width:98%;
}

@media screen and (max-width: 960px)
{
 #field-image-gallery-page-45
         {
      float:none;
      display:block;
      margin:0px auto 20px auto;
  
    }
 .gallery-image-container-page-45
       {
     float:none;
  }
  
}



@media screen and (max-width: 900px)
{
 #crellyslider-1
{
  max-width:100%;
}
 #main-navbar-wrapper.fixed:before
    {
    float:left;
  }
  #sidebar-first-wrapper
     {
    width:28%;
  }
  body.with-sidebar-first   #content-wrapper
    {
    width:71%;
  }
  #front-page-content-blocks-widget-wrapper  .content-block-widget-block
     {
    width:100%;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }
 #main-menu.desktop-style li a
     {
     padding:7px;
   }
}
@media screen and (max-width: 880px)
{
  #lyb-footer-contact-details
    {
    padding-bottom:0;
    margin-bottom:0;
  }
  #made-by
      {
     margin-top:0px;
     padding:8px;
   }
 #main-navbar-wrapper.fixed:before
      {
    display:none;
   }
 body.i18n-he   #main-navbar-wrapper.fixed   #main-menu.desktop-style    ul  li a
        {
      padding:7px 10px;
    }
   body.i18n-he   #main-navbar-wrapper.fixed   #main-menu.desktop-style    ul  li.menu-item-has-children  a
        {
      padding-right: 20px;
    }
}
@media screen and (max-width: 850px)
{

  #sidebar-first-wrapper
     {
    width:30%;
  }
  body.with-sidebar-first   #content-wrapper
    {
    width:69%;
  }
  body.page-id-163 #contact-form-wrapper
  {
    width: 70%;
  }

}
@media screen and (max-width: 800px)
{
   body.i18n-he   #main-navbar-wrapper.fixed   #main-menu.desktop-style    ul  li a
        {
      padding:7px 9px;
    }
}
@media screen and (max-width: 750px)
{
   body
        {
      font-size:16px;
    }
  #sidebar-first-wrapper,
  body.with-sidebar-first   #content-wrapper
      {
    width:100%;
    float:none;
   }
 #main-navbar-wrapper.fixed:before
      {
    display:block;
   }
 #main-menu-toggler
    {
    display:inline-block;
    width:auto;
  }
 #front-page-content-blocks-widget-wrapper   .content-block-widget-block
    {
      padding-bottom:60px;
   }
 #contact-form-wrapper,
 body.page-id-163     #contact-form-wrapper,
 body.page-id-163     #main-content
      {
     display:block;
     width:96%;
     margin-left:auto;
     margin-right:auto;
     padding:5px;
   }
   
    #field-image-gallery-page-45
         {
    max-width:90%;
    }
/* crelly slider on front page */
.crelly-slider-text-1
   {
    font-size:14px !important;
    padding:10px 20px; !important;
   }
#lyb-footer-contact-details
{
  padding:8px;
  font-size: 100%;
  line-height:2;
}   
}

@media screen and (max-width: 650px)
{
   body.page-id-45   #page-slider-container
          { 
        width:46%;  
     }
  body.page-id-45    .single-image-container
         { 
     width:46%;
     float:left;
     display:inline-block;
     margin:0px 10px 20px 0px;
     box-shadow: 5px 5px 5px rgba(0,0,0, 0.4);
   }
  body.page-id-45   img.wp-image-252
       { 
     width:46%;
     float:none;
     display:inline-block;
     margin:0px 0px 0px 0px;
   }
     #made-by
      {
     margin-top:22px;
     padding:8px;
   }
     body.page-id-163 #contact-form-wrapper
  {
    width: 100%;
  }
 .main-contact-form-input-wrapper input,
 .main-contact-form-input-wrapper textarea,
 .main-contact-form-send-button-wrapper input
 {
  width: 100%; 
  font-size:100%;
 }
  .side-contact-form-input-wrapper input,
 .side-contact-form-input-wrapper textarea,
 .side-contact-form-send-button-wrapper input
 {
  width: 90%; 
  font-size:100%;
 }
 #lyb-footer-contact-details
{
  font-size: 90%;
}

 
}
@media screen and (max-width: 450px)
{
   #logo-wrapper
       { 
   max-width:85px;
   display:inline-block;
   margin: 20px 10px 0px 10px;
   }
   #site-details-wrapper
       { 
   max-width:180px;
   display:inline-block;
   margin: 0px 0px 4% 0px;
   }
}