﻿html {
  scroll-behavior: smooth;
}

body
{
	background-color: #ffffff;
	margin: 0px;
}


/* Telephone */

.no_dec { color:#ffffff; }

a.no_dec:hover
{
	color: #000000;
}

.bluetext
{
	color:#006C9E;
}

#call_me_iphone
{
	display:none;
}

.telephone_section
{
  float:left;
  width:100%;
  margin:5% 0 0 0;
  height:auto;
  text-align:center;
  color:#ffffff;

}

.iconsize { width:70px; height:70px; }

.container_roomrates { display:block; text-align:center; width: 100%; background:#ffffff; height:360px;  margin: 0 auto; padding: 0;  }
#container_roomrates_inner { display:block;  margin: 0 auto; padding: 0; width:90%; height:100%; padding:2% 0 0 0;  text-align:center; font-family:Microsoft YaHei UI LIght; font-size: 16px; font-weight:none; line-height:1.5; color:#000000;  }


/* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
.mobile-container { display:none; }

/*Full size on a mobile */
.maxSizeIcon { 

    width:75px;
    height:75px;
}

.zoom {
    padding: 10px;
    background-image: '../images/image1.jpg';
    /*background-color: green;*/
    transition: transform .2s; /* Animation */
    width: 300px;
    height: 268px;
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

  .zoom_detail {
    padding: 10px;
    background-image: '../images/image1.jpg';
    /*background-color: green;*/
    transition: transform .2s; /* Animation */
    width: 450px;
    height: 402px;
    margin: 0 auto;
  }
  
  .zoom_detail:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

#fadetext {
    margin-top: 15px;
	/*font-family:Arial;*/
	font-family:Calibri;
    font-weight:lighter;
    line-height: 45px;
    font-size: 48px;
    color:#ffffff;
    text-align:center;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Down Arrow */
.arrow {
  /*border: solid black;*/
  border:solid #6B97C6;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* End of Down Arrow */

/* Triangle Down */
.triangle-down {
	width: 0;
  height: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
  /*border-top: 50px solid #555;
  border-top: 20px solid#6B97C6;*/
  border-top: 20px solid#000000;
}

/* Circle */
.circle {
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%;
}

.somepadding 
{
  height:30px; 
  width:auto;
  margin:30% 0 0 0;
  /*border:solid 1px black;*/
}

.somepadding:hover
{
  /*border:solid 1px red;*/
  height:20px; 
  margin:45% 0 0 0;
}


h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:300; line-height:1.9; color:#2E4A5A; }

/* h2 { font-family:Arial, Calibri, Helvetica, Gadugi; font-size:1.2em; font-weight:400; line-height:2.0; color:#ffffff;  } */
h2 { font-family:Arial, Calibri, Helvetica; font-size:28px; font-weight:100; line-height:1.5; text-align:center; }

#pcview_only { display:block; font-family:Arial, Calibri, Helvetica, Gadugi; font-size:17px !important; font-weight:400; line-height:2.0; color:#ffffff; text-align:right !important;  }

h3 { font-family:Calibri Light, Helvetica; font-size: 1.5em; font-weight:100; line-height:1.3; color:#5C82A8; }
#copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.3em; font-weight:100; line-height:1.3; color:#5C82A8; }

/*h4 { font-family:Nirmala UI; font-size: 1.7em; font-weight:100; line-height:1.0; color:#ffffff; } */
h4 { font-size:13px; text-align:left; font-weight:100; line-height:2.0; }

h5 { font-family:Nirmala UI; font-size: 1em; font-weight:100; line-height:1.8; color:#8FA2C4; }
h6 { font-family:Palatino Linotype; font-size: 1.6em; font-weight:400; font-style:italic; line-height:1.5; color:#43464B; }

  /* For Testimonial Quotes */
  .h1 { font-family:Palatino Linotype; font-size: 1.4em; font-weight:100; font-style:italic; line-height:1.3; color:#5C82A8; }
  .h2 { font-family:Palatino Linotype; font-size: 1em; text-align:center; font-weight:700; line-height:1.1; color:#000000; }
  .h7 { font-family:Calibri Light; font-size:1.25em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }

  #h7 { font-family:Arial, Calibri, Helvetica; font-size:18px; font-weight:100; line-height:1.5; text-align:center; }
  #h8 { font-family:Arial, Calibri, Helvetica; font-size:14px; font-weight:100; line-height:1.5; color:#333333; text-align:center; }


/* Titles for Home Page Only */
#h1 { 
  font-family:'Arial Narrow Bold', sans-serif; 
  font-size: 2.1em; 
  /* font-size:3em; */
  font-weight:100; 
  text-align:right;
  line-height:1.3; 
  color:#ffffff;
  /*
  text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040;
  */
  }

#jomcalister
{
  font-family:'Calibri'; 
  font-size: 1.4em; 
  font-weight:100; 
  text-align:center;
  margin:1% 0 0 0;
  line-height:1; 
  /*color:#000000;*/
  color:#ffffff;

}

#h2 { 
  font-family:Microsoft YaHei UI Light,Arial; 
  font-size:1.3em; 
  width:25%; 
  font-weight:500; 
  line-height:1.8; 
  background-color:#696971; 
  color:#FBE0D7; 
  text-align:center;
  padding:0.7%;
}

#h3 { 
  font-family:Microsoft YaHei UI Light,Arial; 
  font-size:1.2em; 
  font-weight:800; 
  line-height:1.2; 
  height:6%;
  text-align:center;
  /*text-align:center;*/
  color:#ffffff; 
  font-style: italic;
  text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
  background-color:rgba(0,0,0,0.6);
  -webkit-font-smoothing: antialiased;
  width:23%;
  padding:1%;



  /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
}

#h4 { font-family:Palatino Linotype; font-size: 1em; font-weight:700; line-height:1.5; color:#000000; }
.h4 { font-family:Palatino Linotype; font-size: 1em; font-weight:700; line-height:1.5; color:#000000; }

#h5 { font-family:Calibri Light; font-size:1.8em; font-weight:450; line-height:1.2;  color:#43464B; }
.h5 { font-family:Calibri Light; font-size:1.8em; font-weight:450; line-height:1.4; text-align:left; color:#43464B; }

#h6 { font-family:Calibri Light; font-size:1.4em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }
.h6 { font-family:Calibri Light; font-size:1.4em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }


/* Position Arrov at Bottom of Page */
.sticky-image-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sticky-image-wrapper img{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .triangle-down{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .circle{
  display: table;
  position: relative;
  margin: auto;
}

/* Forms Start */
.txtinput { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:40%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:50%; }
.txtrows { height:200px; font-size:20px; line-height:2.0; font-family:Arial; width:60%;}
.txtinputshort { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:15%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:75%; }
/* Forms end */

.mapsize { width:1200px; height:580px; }

#iphone_reviews_link { display:none; }
.nodisplay { display:block; width:960px; height:400px; text-align:center; margin:0 0 0 10% !important; }

html 
{
    -webkit-text-size-adjust: 100%;
}

/* LINKS */

    /* a { text-decoration:none; color:#5F223C; }*/
    a { text-decoration:none; color:#ffffff; font-weight:600; }


    /* Number valid check */
    input[type="number"] {
      width: 100px;
    }
    
    input + span {
      padding-right: 30px;
    }
    
    input:invalid + span::after {
      position: absolute;
      content: "✖";
      padding-left: 5px;
    }
    
    input:valid + span::after {
      position: absolute;
      content: "✓";
      padding-left: 5px;
    }


    /* setup links style */
    a:link { }

    a:visited { color:#ffffff; }

    /*when someone hovers over the link */
    /*a:hover { color:#F9BDA9; }*/
    a:hover { 
        color:#111111; background-color:inherit;
    
    }

    .activepc { 
      /*color:#F9BDA9;
      color:#FBE0D7;*/ 
      /*color:#C4321B;*/
      color:#FFDAD6;
      font-weight:400;
    
    }

    .activepc:visited
    { 
      /*color:#FBE0D7;*/
      /*color:#C4321B;*/
      color:#FFDAD6;
      font-weight:500;
    }
    
 
    a .bluelinks { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; size:2.0em; color:#5C82A8; }

    .bluelinks { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; size:2.0em; color:#5C82A8;  }

    .bluelinks:visited { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; size:2.0em; color:#46627F; background-color:inherit;}

    .bluelinks:hover { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; size:2.0em; color:#000000; background-color:inherit;}


/* Image Border */
    .imageBorder {
	    border: 5px solid #ffffff;
    }

    .imageBorder:hover {
	    border: 5px solid #7F676F;
    }

    .imageBorderActive {
	    border-bottom: 5px solid #5F4C52;
	    font-weight:900;
    }

    .homepageActive {
	    color:#000000;
	    font-weight:bold;
    }

.href_orange
{
  color:#F16334;
  font-weight:600;
  font-family:Arial, Calibri, Helvetica; 
  line-height:2.0;
}

.href_orange:visited
{ 
  color:rgb(173, 69, 34);
  font-weight:600;
}

.href_orange:hover
{ 
  color:#000000; 
}

.href_orange a
{ 
  color:#F16334; 
  font-weight:600;
}

.href_white
{
  color:#ffffff;
  font-weight:400;
  font-family:Arial, Calibri, Helvetica; 
}

.href_white:visited
{
  color:#ffffff;
  font-weight:400;
  font-family:Arial, Calibri, Helvetica;
}

.href_white:hover
{
  color:#C4321B; 
  font-weight:500;
  font-family:Arial, Calibri, Helvetica; 
}

.href_white a
{
  color:#ffffff;
  font-weight:400;
  font-family:Arial, Calibri, Helvetica;
}


/* SUBMIT BUTTON */
.btn {
    background-color: #FFAE1B;
    border: none;
    color: #000000;
    padding: 15px;
    text-align: center;
    font-family: 'Corbel', Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 12px;
}

.btn:hover {opacity: 0.8; font-weight:bold; }

/* SIMPLE BUTTON */
.btn_simple{
  background-color: #6B97C6;
  border: none;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 17px;
  margin: 4px 2px;
  border-radius: 8px;

}

.btn_simple:hover  {
opacity: 0.8; font-weight:bold; 
/*background-color:#6B97C6;*/
background-color:#000000;
color: #FFFFFF;
padding: 15px;
text-align: center;
font-family: 'Corbel', Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight:800;
font-size: 17px;
margin: 4px 2px;
border-radius: 8px;
}

/* BUTTON INVISIBLE */
.btn_invisible{
  display:none;
  border: none;
}

/* SUBMIT BUTTON - Black */
.btn_black {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 25px 40px 25px 40px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    /*border-radius: 12px;*/
}

.btn_black:hover {opacity: 0.95; color:#39CCCC; }

/* SUBMIT BUTTON - Black Rounded */
.btn_blackround {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 15px 30px 15px 30px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 12px;
}

.btn_blackround:hover {opacity: 0.95; color:#000000; background-color:#ffffff; border:solid 1px gold; }



/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

#fadetext {
    margin-top: 15px;
	/*font-family:Arial;*/
	font-family:Calibri;
    font-weight:lighter;
    line-height: 45px;
    font-size: 48px;
    color:#ffffff;
    text-align:left;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/* FULL PAGE CONTAINER */
.containerstress { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; }

.container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:800px;  margin: 0 auto; padding: 0;  }

.container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; /*border:solid 1px red;*/ height:4400px;  margin: 0 auto; padding: 0;  }
#container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:1000px; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
.warm_left_rooms { float:left; width:60%; }
.warm_right_rooms { float:right; width:40%; }
#title1 { width:40%; text-align:center; vertical-align:top middle; font-weight:bold; margin: 0 auto; padding: 0; padding:4% 7% 2% 7%; background-color:#FF851B; height:100%; opacity:0.6; border:solid 1px black; }



/* IMPORTANT - Keep containerouterheader at MAX z-index so that the scroll works */
#containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:75px; background-color:#ffffff; }

#container_homebanner 
{ 
  display:block; 
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/banner_home.png') no-repeat right; 
  height:100%; 
  height:700px; 
  width:100%; 
  max-width:100%;  
}

/* Home Page - Logo and Menubar  */
/*.container_menubar { display:block; text-align:center; width: 100%; height:128px; background-color:rgba(123,186,200,0.4); margin: 0 auto; padding: 0;  }
*/
.container_menubar { display:block; text-align:center; width: 100%; height:14%; /*background-color:rgba(123,186,200,0.6);*/ background-color:rgba(179, 92, 42, 0.6); margin: 0 auto; padding: 0;  }


/* Menubar - Outer Container */
.container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0; padding:1% 0 0 0; height:40px; }


#menubar_left { float:left; width:19%; text-align:left; margin:0.1% 0 0 1%; opacity:1.0; }
#menubar_right { float:right; width:79%; text-align:right;  margin:2.9% 1% 0 0; opacity:1.0; font-size:14px !important;   }

/* Home Page

/* Home Page - Banner Titles - Mindset Coach etc */
.near_bottom_page{
  position: absolute;
  bottom: -1%;
  width: 100%;

}
.heading_left { float:left; width:100%; height:auto; margin:-15% 0 23% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom; /*background-color:rgba(82, 80, 78, 0.6); */ }



/* Home Page - Stress Writing */
#container_stress { display:block; text-align:center; width: auto; height:620px; margin: 0 auto; padding: 0;  }
.stress_left { float:left; width:40%; text-align:left; margin:1% 0 0 10%; opacity:1.0; }
.stress_right { float:right; width:38%; text-align:right; margin:4% 10% 0 0; opacity:1.0;}
#stress_image  { display:block; z-index:-1; background:url('../images/home_house.png') no-repeat center; height:500px; width:100%; max-width:100%;  }


/* Home Page - Free Consultation */
#container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:115px; margin: 0 auto; padding: 0;     }
.freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.1% 0 0 0;  }

/* Home Page- Warm Welcome Section */
.container_warmwelcome { display:block; text-align:center; width: 100%; background: #ffffff; height:400px;  margin: 0 auto; padding: 0;  }
#container_warmwelcome_inner { display:block;  margin: 0 auto; padding: 0; width:1024px; height:100%;  padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
.warm_left { float:left; width:33%; margin:0 1% 0 0; }
.warm_mid { float:left; width:32%; } 
.warm_right { float:right; width:33%; text-align:center; }
.warmwelcome { font-family:Calibri; font-size:14px; font-weight:none; }

/* Home Page - Log Cabin */
.container_logcabin { display:block; text-align:center; width: 100%; background: #F0F2F6; height:450px;  margin: 0 auto; padding: 0;  }
#container_logcabin_inner { display:block;  margin: 0 auto; padding: 0; width:1100px; padding:3.5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 22px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
.logcabin_left { float:left; width:33%; margin:0 1% 0 0; text-align:left; }
.logcabin_mid { float:left; width:32%; text-align:center; }
.logcabin_right { float:right; width:33%; text-align:right; }


#logcabin_image1  { display:block; z-index:-1; background:url('../images/home/1-log-cabin.png') no-repeat center; height:350px; width:100%; max-width:100%;  }

#logcabin_image2  { display:block; z-index:-1; background:url('../images/home/2-hot-tub.png') no-repeat center; height:350px; width:100%; max-width:100%;  }

#logcabin_image3  { display:block; z-index:-1; background:url('../images/home/3-luxury-studio.png') no-repeat center; height:350px; width:100%; max-width:100%;  }


/* Home Page - Rooms Section */
.container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:1200px;  margin: 0 auto; padding: 0;  }
#container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:1200px; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
.rooms_left { float:left; width:33%;  }
.rooms_mid { float:left; width:32%; }
.rooms_right { float:right; width:33%; }
.rooms_right_6 { float:right; width:33%; }

.rooms_titles1 { float:left; width:100%; height:40px; margin:-13.3% 0 0 0; padding:0 0 10% 0; text-align:center;  z-index:100;   }
#rooms_all { float:left; width:100% !important; height:450px !important; }



/* Home Page - Three Boxes */
#container_threebox  { display:block; z-index:-1; background:url('../images/home_background_threebox.png') no-repeat center; opacity:0.6; height:500px; width:100%; max-width:100%;  }

#allboxes { width:1024px; height:400px; vertical-align:middle; margin: 0 auto; padding: 0; padding:7% 0 0 0; }
.box1 { float:left; width:20%; text-align:center; height:300px; background-color:#000000; opacity:1.0; margin:0 20% 0 0; }
.box2 { float:left; width:20%; text-align:center;  height:300px; background-color:#000000; opacity:1.0; margin:0 18% 0 0; }
.box3 { float:right; width:20%; text-align:center;  height:300px; background-color:#000000; opacity:1.0; }

#container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:400px; margin: 0 auto; padding: 0; padding:0.1% 0 0 0;  }
.testimonials_inner { width: 1024px; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }

.orange_arrow { color:#F16334; font-family:webdings; font-size:1.2em; line-height:4.0; }

#container_mindsetcoaching { display:block; text-align:center; width: auto; height:800px; margin: 0 auto; padding: 0;  }
.mindsetcoaching_left { float:left; width:45%; text-align:left; margin:5% 0 0 3%; opacity:1.0; }
#mindset_image  { display:block; z-index:-1; background:url('../images/mindset_coaching.png') no-repeat center !important; height:620px !important; width:100% !important; max-width:100%;  }

.mindsetcoaching_right { float:right; width:47%; text-align:left;  margin:1.7% 1% 0 0; opacity:1.0;}



.container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:500px;  margin: 0 auto; padding: 0;  }
#container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:1200px; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }
.footer_left { float:left; width:33%; text-align: left;  }
.footer_mid { float:left; width:32%; text-align: left; }
.footer_right { float:right; width:33%; text-align: left; }


/* Bookings Page */

.container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:auto !important;  margin: 0 auto; padding: 0;  }
#container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:1000px; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

.href_black
{
  color:#2E4A5A;
  font-weight:600;
}

.href_black:visited
{ 
  color:#2E4A5A;
  font-weight:600;
}

.href_black:hover
{ 
  color:#000000; 
}

.href_black a
{ 
  color:#2E4A5A; 
  font-weight:600;
}

#booking_left { float:left; width:39%; margin:0 0 0 11%; text-align:left; vertical-align: top middle; }
#booking_right { float:left; width:40%; margin:0 0 0 10%; text-align:left; vertical-align: top middle; }


/* Rooms Page */
.container_myrooms { display:block; text-align:center; width: 100%; background: #ffffff; height:930px;  margin: 0 auto; padding: 0;  }
#container_myrooms_inner { display:block;  margin: 0 auto; padding: 0; width:1024px; height:100%;  padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
.left_myrooms { float:left; width:60%; }
.right_myrooms { float:right; width:40%; }


/* About Page */


#container_about { display:block; text-align:center; width:100%; height:500px;   margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
.about_left { float:left; width:40%; height:100%; text-align:left; margin:0 0 0 5%; opacity:1.0; }
.about_right { float:right; width:45%; max-width:45%; text-align:right; margin:2% 0 0 0;   }
.about_right_image { 
  background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
  max-width:670px; 
  height:450px;
  opacity:1.0; 
}

#container_aboutheart { display:block; text-align:center; width:100%; height:540px; margin: 0 auto; padding: 0;    }
.heart_left { float:left; width:47%; max-width:49%; height:96%; text-align:left; margin:3% 0 0 0;  }
.heart_right { float:right; width:46%; height:100%; text-align:right; margin:0 2% 0 2%; opacity:1.0;     }
.heart_left_image { 
  background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat left;
  max-width:630px; 
  height:450px;
  opacity:1.0; 
}


/*
#container_aboutend { display:block; text-align:center; width: 1024px; height:350px;  margin: 0 auto; padding: 0;  }
.aboutend_left { float:left; width:40%; text-align:left; margin:3% 0 0 9%; opacity:1.0;  }
.aboutend_right { float:right; width:40%; text-align:right; margin:0 10% 0 0; opacity:1.0;  }
*/

#container_aboutconclusion { display:block; text-align:center; text-align:center; width: 1080px; height:790px;  margin: 0 auto; padding: 0;   }

/* Contact Page */
#container_contact { display:block; text-align:center; width: auto; height:924px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
.contact_left { float:left; width:40%; text-align:left; margin:2% 0 0 10%; opacity:1.0; }
.contact_right { float:right; width:39%; text-align:left; margin:3% 5% 0 5%; opacity:1.0; }

.txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:70%; }
.txtrowscontact { height:95px; font-size:18px; line-height:2.0; font-family:Arial; width:77.4%;}
.txtinputsubject { height:30px; font-size:18px; line-height:1.0; font-family:Arial; width:77%;}
.txtinputcode { height:30px; font-size:18px; line-height:3.0; font-family:Arial; width:20%; }

.container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:600px;  margin: 0 auto; padding: 0;  }
#container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:1000px; padding:1% 0 0 0; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

/* Things to do */
#container_daytrips1 { display:block; text-align:center; width: auto; height:475px;  background-color:#ffffff;  margin: 0 auto; padding: 0; margin:5% 0 0 0;     }

.daytrip_left { float:left; width:35%; text-align:left; margin:4% 0 0 5%; opacity:1.0; }
.daytrip_right { float:right; width:49%; text-align:left; margin:4% 5% 0 5%; opacity:1.0; }

/* Testimonial Page */
#container_testimonial { display:block; text-align:center; width: auto; height:3100px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
.testimonial_left { float:left; width:40%; text-align:left; margin:1% 0 0 10%; opacity:1.0; }
.testimonial_right { float:right; width:39%; text-align:center; margin:0.5% 5% 0 5%; opacity:1.0; }

/* Privacy Policy */
#container_privacy { display:block; text-align:center; width: auto; height:auto;  margin: 0 auto; padding: 0; margin:5% 10% 0 10%;   }

/* Mindset Page */
#container_mindset { display:block; text-align:center; width: auto; height:1550px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
#top_mindset_container { height:21%; width:80%; margin:0 10% 0 10%; }
.mind_wrap { height:41%; width:100%;     }
.mind_left { float:left; width:40%; text-align:left; margin:4% 0 0 10%; opacity:1.0; }
.mind_right { float:right; width:38%; text-align:right; margin:4% 10% 0 0; opacity:1.0; }
#bottom_mindset_container { height:25%; width:80%; margin:0 10% 0 10%;    }


          /* ----------- iPhone 5 and 5S ----------- */

        /* Portrait and Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2) {

        }

        /* Iphone Portrait */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

                   /* Gallery Page */
                   .iphoneImageFull { width:100% !important; max-width:100% !important; height:auto !important; }

                   /* Home Page */
                   .iconsize { width:90px !important; height:90px !important; }

                   .mapsize { width:100% !important; max-width:100% !important; height:300px !important; }
                   .reviewsize { width:100% !important; max-width:100% !important; height:500px !important; }

                   /* Rooms Page */
                  .container_myrooms { display:block; text-align:center; width: 100%; background: #ffffff; height:1930px;  margin: 0 auto; padding: 0;  }
                  #container_myrooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%;  padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

                  .left_myrooms { float:left; width:100% !important; }
                  .right_myrooms { float:right; width:94% !important; margin:0 3% 0 3% !important; }

                   /* Telephone */
                   #call_me_iphone
                   {
                     display:block;
                     font-family: Tahoma, arial, sans-serif;
                     letter-spacing: 1px;
                     margin-top: 0px;
                     padding-top: 0px;
                     font-weight: 900; 
                     color:#ffffff !important;
                   }

                   .container_roomrates { display:block; text-align:center; width: 100%; background:#ffffff; height:auto !important;  margin: 0 auto; padding: 0;  }
                   #container_roomrates_inner { display:block;  margin: 0 auto; padding: 0; width:90%; height:100%; padding:2% 0 0 0;  text-align:center; font-family:Microsoft YaHei UI LIght; font-size: 16px; font-weight:none; line-height:1.5; color:#000000;  }

                   .rooms_titles1 { font-size:18px !important; }

                   #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }

                   #copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.5em; font-weight:100; line-height:1.7 !important; color:#2E4A5A; }

                   #title1 { padding:4% 0 2% 0 !important; }

                   h4 { font-size:18px !important; text-align:left; font-weight:100; line-height:2.0; }


                    /*Full size on a mobile */
                    .maxSizeIcon { 

                        max-width:52% !important;
                        width:52% !important;
                        height:auto !important;
                    }     

                    .zoom {
                        padding: 0 !important;
                        background-image: '../images/image1.jpg';
                        /*background-color: green;*/
                        transition: transform .2s; /* Animation */
                        width: 90% !important;
                        max-width: 90% !important;
                        height: auto !important;
                        margin: 0 auto;
                      }
                      
                      .zoom:hover {
                        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                      }

                      .zoom_detail {
                        padding: 0 !important;
                        background-image: '../images/image1.jpg';
                        /*background-color: green;*/
                        transition: transform .2s; /* Animation */
                        width: 100% !important;
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 0 auto;
                      }
                      
                      .zoom_detail:hover {
                        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                      }


                    #h7 { text-align:justify !important; }

                    .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:auto !important;  margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important;  padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 16px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                    .warm_left_rooms { float:left; width:99% !important; height:100%; padding:0 !important;  }
                    .warm_right_rooms { float:left !important; width:100% !important; height:100%; text-align:center !important; padding:0 !important;  }

                  /* Home Page - Banner Titles - Mindset Coach etc */
                  .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:100% !important; height:auto; margin:-50% 0 5% 0 !important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
                  /*.heading_right { float:right; width:99%; height:auto; margin:0 0.5% 8% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }*/
                  .heading_right { display:none !important; }
                  
                  #jomcalister
                  {
                    font-family:'Arial'; 
                    font-size: 1.3em; 
                    font-weight:100; 
                    text-align:center;
                    margin:1% 1% 0 1%;
                    line-height:1.4; 
                    /*color:#000000;*/
                    color:#ffffff;
                  }

                  /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                  .mobile-container { display:block !important; padding:0 !important;  }
                  #pcview_only { display:none !important; }

                  .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.6); margin: 0 auto; padding: 0;  }
                  #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
                  #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }

                  /* Outer menubar */
                  .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }


                  /* Titles for Home Page Only */
                  #h1 {
                    font-family:'Arial Narrow Bold', sans-serif; 
                    font-size: 2.2em; 
                    /* font-size:3em; */
                    font-weight:100; 
                    text-align:center !important;
                    line-height:1.3; 
                    color:#ffffff;
                  }

                    h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }

                    #h3 { 
                      font-family:Microsoft YaHei UI Light,Arial; 
                      font-size:1.6em; 
                      font-weight:600; 
                      line-height:1.1; 
                      height:10%;
                      color:#ffffff; 
                      font-style: italic;
                      text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
                      background-color:rgba(0,0,0,0.1);
                      -webkit-font-smoothing: antialiased;
                      /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
                    }


                    
                    h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

                    /* Home Page - Desc and images and icon*/
                    #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:2400px !important; margin: 0 auto; padding: 0;  }
                    .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0;  }
                    .stress_right { float:left !important; width:100% !important; max-width:100%; text-align:left !important; margin:5% 0 0 0 !important; opacity:1.0;}

                    /* Home Page - Free Consultation */
                    #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width:100% !important; height:250px !important; margin: 0 auto; padding: 0;     }
                    .freeconsult_inner { float:left; width: 80% !important; height:100% !important; text-align:center;  vertical-align:top middle; margin:0 10% 0 10% !important;  }

                    .container_warmwelcome { display:block; text-align:center; width: 100%; background: #ffffff; height:2200px !important; margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 24px !important; font-weight:none; line-height:1.9 !important; color:#2E4A5A;   }
                    .warm_left { float:left; width:90% !important; margin:8% 5% 0 5% !important; }
                    .warm_mid { float:left; width:90%  !important; margin:15% 5% 0 5% !important; }
                    .warm_right { float:right; width:90%  !important; margin:15% 5% 0 5% !important; }
                    .warmwelcome { font-family:Calibri; font-size:21px !important; font-weight:none; }
          
                    .container_logcabin { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1500px !important; margin: 0 auto; padding: 0;  }
                    #container_logcabin_inner { display:block; margin: 0 !important; padding: 0 !important; width:100% !important; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 24px !important; font-weight:none; line-height:1.9 !important; color:#2E4A5A;  }
                   
                    .logcabin_left { float:left; width:100% !important; margin:0 !important;  }
                    .logcabin_mid { float:left; width:100% !important; }
                    .logcabin_right { float:left !important; width:100% !important; text-align:center; }


                    /* SUBMIT BUTTON */
                    .btn {
                      background-color: #FFAE1B;
                      border: none;
                      color: #000000;
                      padding: 30px !important;
                      text-align: center;
                      font-family: 'Corbel', Arial, sans-serif;
                      text-decoration: none;
                      display: inline-block;
                      font-weight:500;
                      font-size: 20px !important;
                      margin: 8px 4px !important;
                      border-radius: 12px;
                    }
          
                    /* SUBMIT BUTTON - Black */
                    .btn_black {
                      background-color: #111111;
                      border: none;
                      color: #ffffff;
                      padding: 30px !important;
                      text-align: center;
                      font-family: Microsoft YaHei UI LIght, Arial, Helvetica !important;
                      text-decoration: none;
                      display: inline-block;
                      font-weight:500;
                      font-size: 20px !important;
                      margin: 8px 4px !important;
                      /*border-radius: 12px;*/
                    }



                    /* Home Page - Three Boxes */
                    #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

                    #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                    .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
              

                    .container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:3000px !important;  margin: 0 auto; padding: 0;  }
                    #container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
                    .rooms_left { float:left; width:100% !important;  }
                    .rooms_mid { float:left; width:100% !important; }
                    .rooms_right { float:right; width:100% !important; }
                    .rooms_right_6 { float:right; width:100% !important; }

                    #stress_image  { display:block; z-index:-1; background:url('../images/home_house.png') no-repeat center; height:450px; width:100%; max-width:100%;  }


                    /* Home Page - Testimonials */
                    #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:700px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                    .testimonials_inner { width:100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
              
                    #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1600px !important; margin: 0 auto; padding: 0;  }
                    .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; }
                    .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

                    /* Footer */
                    .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1050px !important;  margin: 0 auto; padding: 0;  }
                    #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px !important; font-weight:none; line-height:2.2; color:#ffffff;   }
                    .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
                    .footer_mid { float:right !important; width:50% !important; text-align: left; }
                    .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }
                    

                    /* Gallery - Ensure Large Image in Gallery NOT displayed */
                    #expandedImg2 { display:none; width:0px !important; padding:0 !important; margin:0 !important; }

                    .column {
                      float: left;
                      width: 95% !important;
                      padding: 2% !important;
                      }

                    #wrap { width:100% !important; max-width:100% !important; }

                    #menu li {
                      display: inline;
                      list-style: none;
                      padding: 0;
                    }

                    #menu li a {
                
                      border: 1px solid white;
                      padding: 10px 1px 10px 1px !important;
                      text-decoration: none;
                      color:black;
                      margin-left: -4px !important;
                      /* This is the background used for the animation */
                      background-image: url('https://www.glendalochbandb.com/images/image.jpg');
                      /* Align the image position to the left of the a */
                      background-position: left;
                      -webkit-transition: all 0.8s ease-in-out;
                      /* Animation with transition in Firefox (No supported Yet) */
                      -moz-transition: all 0.8s ease-in-out;
                      /* Animation with transition in Opera (No supported Yet)*/
                      -o-transition: all 0.8s ease-in-out;

                    }

                    .dontshowiphohne { display:none; }

                /* END of Gallery resizes */

                    /* ROOMS PAGE */
                    .descIphone { font-size:17px !important; margin:0 0 0 5%; width:95%; }

                    /* SUBMIT BUTTON - Black Rounded */
                    .btn_blackround {
                      background-color: #111111;
                      border: none;
                      color: #ffffff;
                      padding: 30px 60px 30px 60px !important;
                      text-align: center;
                      font-family: Arial, Helvetica, sans-serif !important;
                      text-decoration: none;
                      display: inline-block;
                      font-weight:500;
                      font-size: 20px !important;
                      margin: 14px 12px !important;
                      border-radius: 16px !important;
                    }

                    /* THINGS TO DO */
                    .daytrip_left { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important;  opacity:1.0; }
                    .daytrip_right { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important; opacity:1.0; }

                    /* About Page */
                    #container_about { display:block; text-align:center; width:100% !important;  height:1150px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
                    .about_left { float:left; width:90% !important; height:53%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
                    .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
                    .about_right_image { 
                      background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
                      max-width:100% !important; 
                      height:450px;
                      opacity:1.0; 
                    }
                    
                    #container_aboutheart { display:block; text-align:center; width:100%; height:1250px;  margin: 0 auto; padding: 0;    }
                    .heart_left { float:left; width:100% !important; max-width:100% !important; height:41%; text-align:left; margin:3% 0 0 0;  }
                    .heart_right { float:left !important; width:90% !important; height:59%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
                    .heart_left_image { 
                      background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat left;
                      max-width:100% !important; 
                      height:450px;
                      opacity:1.0; 
                    }

                    #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:1300px !important;   margin: 0 auto; padding: 0;   }

                    /* BOOKINGS PAGE */
                    .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px;  margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                  
                    .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                    .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}
                    .txtinputsubject { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                    
                    .txtinputcode { height:50px !important; font-size:18px; line-height:3.0; font-family:Arial; width:96% !important; }
    
                    #booking_left { float:left; width:95% !important; margin:0 0 0 5% !important; text-align:left; vertical-align: top middle; }
                    #booking_right { float:left; width:95% !important; margin:10% 0 0 5% !important; text-align:left; vertical-align: top middle;     }

                    /* Testimonial Page */
                    #container_testimonial { display:block; text-align:center; width: auto; height:1600px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

                    /* Contact Page */

                    .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:930px;  margin: 0 auto; padding: 0;  }
                    #container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:92% !important; padding:1% 0 0 0; margin:0 5% 0 3% !important; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                    

                    #container_contact { display:block; text-align:center; width: auto; height:1700px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
                
                    /* Mindset Page */
                    #container_mindset { display:block; text-align:center; width: auto; height:2750px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                    #top_mindset_container { height:23% !important; width:90% !important; margin:0 5% 0 5%; }
                    .mind_wrap { height:41%; width:100%; }
                    .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                    .mind_right { float:left; width:100%; text-align:left; margin:0 !important; opacity:1.0; }
                    #bottom_mindset_container { height:26%; width:90%; margin:0 5% 0 5%;    }


        }

        /* Iphone 5 / 5s Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: landscape) 
        {
                    #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }


                  /* Rooms Page */
                  .container_myrooms { display:block; text-align:center; width: 100%; background: #ffffff; height:1930px;  margin: 0 auto; padding: 0;  }
                  #container_myrooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%;  padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

                  .left_myrooms { float:left; width:100% !important; }
                  .right_myrooms { float:right; width:100% !important; }


                    #title1 { padding:4% 0 2% 0 !important; }

                    .zoom {
                        padding: 0 !important;
                        background-image: '../images/image1.jpg';
                        /*background-color: green;*/
                        transition: transform .2s; /* Animation */
                        width: 90% !important;
                        max-width: 90% !important;
                        height: auto !important;
                        margin: 0 auto;
                    }
                    
                    .zoom:hover {
                        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                    }

                    .zoom_detail {
                        padding: 0 !important;
                        background-image: '../images/image1.jpg';
                        /*background-color: green;*/
                        transition: transform .2s; /* Animation */
                        width: 100% !important;
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 0 auto;
                      }
                      
                      .zoom_detail:hover {
                        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                      }

                    /* Home Page */
                    #copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.5em; font-weight:100; line-height:1.7 !important; color:#2E4A5A; }

                    #h7 { text-align:justify !important; }

                    h4 { font-size:18px !important; text-align:left; font-weight:100; line-height:2.0; }

                    .container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1300px !important;  margin: 0 auto; padding: 0;  }

                    .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:6000px !important;  margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; text-align:center !important; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                    .warm_left_rooms { float:left; width:100% !important; text-align:center !important; padding:0 !important; }
                    .warm_right_rooms { float:left !important; width:100% !important; text-align:center !important; padding:0 !important; }

                   /* Home Page - Banner Titles - Mindset Coach etc */
                   .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:100% !important; height:auto; margin:-20% 0 2% 0 !important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
                  .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 2% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }
                  
                  #jomcalister
                  {
                    font-family:'Arial'; 
                    font-size: 1.3em; 
                    font-weight:100; 
                    text-align:center;
                    margin:1% 1% 0 1%;
                    line-height:1.4; 
                    /*color:#000000;*/
                    color:#ffffff;
                  }
        
                  /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                  .mobile-container { display:block !important; padding:0 !important;  }
                  #pcview_only { display:none !important; }
        
                  .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.1); margin: 0 auto; padding: 0;  }
                  #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
                  #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }
        
                  .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }


                  /* Titles for Home Page Only */
                  #h1 {
                    font-family:'Arial Narrow Bold', sans-serif; 
                    font-size: 2.2em; 
                    /* font-size:3em; */
                    font-weight:100; 
                    text-align:center !important;
                    line-height:1.3; 
                    color:#ffffff;
                  }
        
                    h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#5C82A8; }
        
                    
                    h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }
        
                    /* Home Page - Stress Writing */
                    #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
                    .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
        
                    .stress_right { float:right; width:100% !important; text-align:right; margin:4% 0 0 0 !important; opacity:1.0;}
                    


                    /* Home Page - Free Consultation */
                    #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:125px !important; margin: 0 auto; padding: 0;     }
                    .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }
        
                    .container_warmwelcome { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2200px !important; margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 24px !important; font-weight:none; line-height:1.9 !important; color:#2E4A5A;   }
          
                    .warm_left { float:left; width:90% !important; margin:8% 5% 0 5% !important; }
                    .warm_mid { float:left; width:90%  !important; margin:15% 5% 0 5% !important; }
                    .warm_right { float:right; width:90%  !important; margin:15% 5% 0 5% !important; }
                    .warmwelcome { font-family:Calibri; font-size:21px !important; font-weight:none; }

                    .container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:3000px !important;  margin: 0 auto; padding: 0;   }
                    #container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
                    .rooms_left { float:left; width:100% !important;  }
                    .rooms_mid { float:left; width:100% !important; }
                    .rooms_right { float:right; width:100% !important; }
                    .rooms_right_6 { float:right; width:100% !important; }


                    /* Home Page - Three Boxes */
                    #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }
        
                    #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                    .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
              



                    /* Home Page - Testimonials */
                    #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:500px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                    .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
              
                    #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
                    .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
                    .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}
        
                    /* Footer */
                    .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1050px !important;  margin: 0 auto; padding: 0;  }
                    #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px !important; font-weight:none; line-height:2.2; color:#ffffff;   }
                    .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
                    .footer_mid { float:right !important; width:50% !important; text-align: left; }
                    .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }
                    
                    /* BOOKINGS PAGE */
                    .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px;  margin: 0 auto; padding: 0;  }
                    #container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 19px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                  
                    .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}
                    .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}


                    /* About Page */
                    #container_about { display:block; text-align:center; width:100% !important;  height:1050px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
                    .about_left { float:left; width:90% !important; height:46%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
                    .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
                    .about_right_image { 
                      background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
                      max-width:100% !important; 
                      height:450px;
                      opacity:1.0; 
                    }
                    
                    #container_aboutheart { display:block; text-align:center; width:100%; height:880px;  margin: 0 auto; padding: 0;    }
                    .heart_left { float:left; width:100% !important; max-width:100% !important; height:54%; text-align:left; margin:3% 0 0 0;  }
                    .heart_right { float:left !important; width:90% !important; height:40%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
                    .heart_left_image { 
                      background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
                      max-width:100% !important; 
                      height:450px;
                      opacity:1.0; 
                    }
        
                    #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:900px !important;   margin: 0 auto; padding: 0;   }
        
                    /* Testimonial Page */
                    #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }
        
                    /* THINGS TO DO */
                    .daytrip_left { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important;  opacity:1.0; }
                    .daytrip_right { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important; opacity:1.0; }

                    /* Contact Page */
                    .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:850px;  margin: 0 auto; padding: 0;  }
                    #container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:92% !important; padding:1% 0 0 0; margin:0 5% 0 3% !important; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
          
                    #container_contact { display:block; text-align:center; width: auto; height:1750px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
                
                    /* Mindset Page */
                    #container_mindset { display:block; text-align:center; width: auto; height:2020px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                    #top_mindset_container { height:21% !important; width:90% !important; margin:0 5% 0 5%; }
                    .mind_wrap { height:49%; width:100%; }
                    .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                    .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
                    #bottom_mindset_container { height:21%; width:90%; margin:0 5% 0 5%;   }
        }


      /* ----------- iPhone 6, 6plus 7, 8, X, XS and Nokia 3   ----------- */

      /* Portrait and Landscape */
      @media only screen 
        and (min-device-width: 375px) 
        and (max-device-width: 812px)
        and (-webkit-min-device-pixel-ratio: 1) {

      }

      /* Portrait */
      @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px)
        and (-webkit-min-device-pixel-ratio: 1)
      /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

            #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }

            h4 { font-size:18px !important; text-align:left; font-weight:100; line-height:2.0; }

            #title1 { padding:4% 0 2% 0 !important; }


            .zoom {
                padding: 0 !important;
                background-image: '../images/image1.jpg';
                /*background-color: green;*/
                transition: transform .2s; /* Animation */
                width: 90% !important;
                max-width: 90% !important;
                height: auto !important;
                margin: 0 auto;
              }
              
              .zoom:hover {
                transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
              }

              .zoom_detail {
                padding: 0 !important;
                background-image: '../images/image1.jpg';
                /*background-color: green;*/
                transition: transform .2s; /* Animation */
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                margin: 0 auto;
              }
              
              .zoom_detail:hover {
                transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
              }

          /* Home Page */
          #h7 { text-align:justify !important; }

          .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:auto !important;  margin: 0 auto; padding: 0;  }
          #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 16px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
          .warm_left_rooms { float:left; width:100% !important; height:100%; padding:0 !important; }
          .warm_right_rooms { float:left !important; width:100% !important; height:100%; text-align:center !important; padding:0 !important; }

          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:100% !important; height:auto; margin:-53% 0 2% 0 !important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
          .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 8% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }
          
          #jomcalister
          {
            font-family:'Arial'; 
            font-size: 1.3em; 
            font-weight:100; 
            text-align:center;
            margin:1% 1% 0 1%;
            line-height:1.4; 
            /*color:#000000;*/
            color:#ffffff;
          }

          /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
          .mobile-container { display:block !important; padding:0 !important;  }
          #pcview_only { display:none !important; }

          .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.6); margin: 0 auto; padding: 0;  }
          #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
          #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }

          .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }

          /* Titles for Home Page Only */
          #h1 {
            font-family:'Arial Narrow Bold', sans-serif; 
            font-size: 2.2em; 
            /* font-size:3em; */
            font-weight:100; 
            text-align:center !important;
            line-height:1.3; 
            color:#ffffff;
          }

            h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }

            #h3 { 
              font-family:Microsoft YaHei UI Light,Arial; 
              font-size:1.6em; 
              font-weight:600; 
              line-height:1.1; 
              height:10%;
              color:#ffffff; 
              font-style: italic;
              text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
              background-color:rgba(0,0,0,0.1);
              -webkit-font-smoothing: antialiased;
              /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
            }


            
            h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

            /* Home Page - Stress Writing */
            #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
            .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
            .stress_right { float:left !important; width:100% !important; max-width:100%; text-align:left !important; margin:5% 0 0 0 !important; opacity:1.0;}

            /* Home Page - Free Consultation */
            #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width:100% !important; height:250px !important; margin: 0 auto; padding: 0;     }
            .freeconsult_inner { float:left; width: 80% !important; height:100% !important; text-align:center;  vertical-align:top middle; margin:0 10% 0 10% !important;  }


            .container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:3000px !important;  margin: 0 auto; padding: 0;  }
            #container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
            .rooms_left { float:left; width:100% !important;  }
            .rooms_mid { float:left; width:100% !important; }
            .rooms_right { float:right; width:100% !important; }
            .rooms_right_6 { float:right; width:100% !important; }

            /* Home Page - Three Boxes */
            #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

            #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
            .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
      
            /* Home Page - Testimonials */
            #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:700px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
            .testimonials_inner { width:100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
      
            #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1600px !important; margin: 0 auto; padding: 0;  }
            .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; }
            .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

          /* Footer */
          .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1050px !important;  margin: 0 auto; padding: 0;  }
          #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px; font-weight:none; line-height:2.2; color:#ffffff;   }
          .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
          .footer_mid { float:right !important; width:50% !important; text-align: left; }
          .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }
            
          /* BOOKINGS PAGE */
          .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px;  margin: 0 auto; padding: 0;  }
          #container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
        
          .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
          .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}
          .txtinputsubject { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
          
          .txtinputcode { height:30px !important; font-size:18px; line-height:3.0; font-family:Arial; width:40% !important; }

          #booking_left { float:left; width:95% !important; margin:0 0 0 5% !important; text-align:left; vertical-align: top middle; }
          #booking_right { float:left; width:95% !important; margin:10% 0 0 5% !important; text-align:left; vertical-align: top middle;     }

          
            /* ROOMS PAGE */
            .descIphone { font-size:17px !important; }

              /* SUBMIT BUTTON - Black Rounded */
              .btn_blackround {
                background-color: #111111;
                border: none;
                color: #ffffff;
                padding: 30px 60px 30px 60px !important;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif !important;
                text-decoration: none;
                display: inline-block;
                font-weight:500;
                font-size: 20px !important;
                margin: 14px 12px !important;
                border-radius: 16px !important;
              }

            /* About Page */
            #container_about { display:block; text-align:center; width:100% !important;  height:1150px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
            .about_left { float:left; width:90% !important; height:53%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
            .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }

            
            #container_aboutheart { display:block; text-align:center; width:100%; height:1250px;  margin: 0 auto; padding: 0;    }
            .heart_left { float:left; width:100% !important; max-width:100% !important; height:41%; text-align:left; margin:3% 0 0 0;  }
            .heart_right { float:left !important; width:90% !important; height:59%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }


            #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:1300px !important;   margin: 0 auto; padding: 0;   }

            /* Testimonial Page */
            #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

            /* THINGS TO DO */
            .daytrip_left { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important;  opacity:1.0; }
            .daytrip_right { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important; opacity:1.0; }

            /* Contact Page */
            .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:930px;  margin: 0 auto; padding: 0;  }
            #container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:92% !important; padding:1% 0 0 0; margin:0 5% 0 3% !important; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
  
            #container_contact { display:block; text-align:center; width: auto; height:1700px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
        
            /* Mindset Page */
            #container_mindset { display:block; text-align:center; width: auto; height:2750px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
            #top_mindset_container { height:23% !important; width:90% !important; margin:0 5% 0 5%; }
            .mind_wrap { height:41%; width:100%; }
            .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
            .mind_right { float:left; width:100%; text-align:left; margin:0 !important; opacity:1.0; }
            #bottom_mindset_container { height:26%; width:90%; margin:0 5% 0 5%;    }

          }

      /* Landscape iPhone 6, 6plus 7, 8, X, XS and Nokia 3 */
      @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px)
      and (-webkit-min-device-pixel-ratio: 1)
      /* and (-webkit-text-size-adjust:auto) 414 width */
      and (orientation: landscape) 
      {

        #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }
        h4 { font-size:18px !important; text-align:left; font-weight:100; line-height:2.0; }

        #title1 { padding:4% 0 2% 0 !important; }

        .zoom_detail {
            padding: 0 !important;
            background-image: '../images/image1.jpg';
            /*background-color: green;*/
            transition: transform .2s; /* Animation */
            width: 90% !important;
            max-width: 90% !important;
            height: auto !important;
            margin: 0 auto;
          }
          
          .zoom_detail:hover {
            transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
          }

        #h7 { text-align:justify !important; }

        .container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1300px !important;  margin: 0 auto; padding: 0;  }
        
        .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:6000px !important;  margin: 0 auto; padding: 0;   }
        #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; text-align:center !important; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
        .warm_left_rooms { float:left; width:100% !important; text-align:center !important; padding:0 !important; }
        .warm_right_rooms { float:left !important; width:100% !important; text-align:center !important; padding:0 !important; }

          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:100% !important; height:auto; margin:-20% 0 2% 0!important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
          .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 2% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }
          
          #jomcalister
          {
            font-family:'Calibri'; 
            font-size: 1.3em; 
            font-weight:100; 
            text-align:center;
            margin:1% 1% 0 1%;
            line-height:1.4; 
            /*color:#000000;*/
            color:#ffffff;
          }

          /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
          .mobile-container { display:block !important; padding:0 !important;  }
          #pcview_only { display:none !important; }

          .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.1); margin: 0 auto; padding: 0;  }
          #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
          #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }

          .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }

          /* Titles for Home Page Only */
          #h1 {
            font-family:'Arial Narrow Bold', sans-serif; 
            font-size: 2.2em; 
            /* font-size:3em; */
            font-weight:100; 
            text-align:center !important;
            line-height:1.3; 
            color:#ffffff;
          }

            h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }

            
            h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

            /* Home Page - Stress Writing */
            #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
            .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }

            .stress_right { float:right; width:100% !important; text-align:right; margin:4% 0 0 0 !important; opacity:1.0;}


            /* Home Page - Free Consultation */
            #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:125px !important; margin: 0 auto; padding: 0;     }
            .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }


            .container_warmwelcome { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2200px !important; margin: 0 auto; padding: 0;  }
            #container_warmwelcome_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 24px !important; font-weight:none; line-height:1.9 !important; color:#2E4A5A;   }
            .warm_left { float:left; width:90% !important; margin:8% 5% 0 5% !important; }
            .warm_mid { float:left; width:90%  !important; margin:15% 5% 0 5% !important; }
            .warm_right { float:right; width:90%  !important; margin:15% 5% 0 5% !important; }
            .warmwelcome { font-family:Calibri; font-size:21px !important; font-weight:none; }
  
            /* SUBMIT BUTTON */
            .btn {
              background-color: #FFAE1B;
              border: none;
              color: #000000;
              padding: 30px !important;
              text-align: center;
              font-family: 'Corbel', Arial, sans-serif;
              text-decoration: none;
              display: inline-block;
              font-weight:500;
              font-size: 20px !important;
              margin: 8px 4px !important;
              border-radius: 12px;
            }
  
            /* SUBMIT BUTTON - Black */
            .btn_black {
              background-color: #111111;
              border: none;
              color: #ffffff;
              padding: 30px !important;
              text-align: center;
              font-family: Microsoft YaHei UI LIght, Arial, Helvetica !important;
              text-decoration: none;
              display: inline-block;
              font-weight:500;
              font-size: 20px !important;
              margin: 8px 4px !important;
              /*border-radius: 12px;*/
            }

            .container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:3000px !important;  margin: 0 auto; padding: 0;  }
            #container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
            .rooms_left { float:left; width:100% !important;  }
            .rooms_mid { float:left; width:100% !important; }
            .rooms_right { float:right; width:100% !important; }
            .rooms_right_6 { float:right; width:100% !important; }



            /* Home Page - Three Boxes */
            #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

            #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
            .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
      
            /* Home Page - Testimonials */
            #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:500px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
            .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
      
            #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
            .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
            .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

          /* Footer */
          .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:950px !important;  margin: 0 auto; padding: 0;  }
          #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px !important; font-weight:none; line-height:2.2; color:#ffffff;   }
          .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
          .footer_mid { float:right !important; width:50% !important; text-align: left; }
          .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }



          /* BOOKINGS PAGE */
          .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px;  margin: 0 auto; padding: 0;  }
          #container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 19px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
        
          .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}
          .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}

            /* About Page */
            #container_about { display:block; text-align:center; width:100% !important;  height:1050px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
            .about_left { float:left; width:90% !important; height:46%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
            .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
            .about_right_image { 
              background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }
            
            #container_aboutheart { display:block; text-align:center; width:100%; height:880px;  margin: 0 auto; padding: 0;    }
            .heart_left { float:left; width:100% !important; max-width:100% !important; height:54%; text-align:left; margin:3% 0 0 0;  }
            .heart_right { float:left !important; width:90% !important; height:40%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
            .heart_left_image { 
              background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }

            #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:900px !important;   margin: 0 auto; padding: 0;   }

            /* THINGS TO DO */
            .daytrip_left { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important;  opacity:1.0; }
            .daytrip_right { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important; opacity:1.0; }


            /* Testimonial Page */
            #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

            /* Contact Page */
            .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:850px;  margin: 0 auto; padding: 0;  }
            #container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:92% !important; padding:1% 0 0 0; margin:0 5% 0 3% !important; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
  
            #container_contact { display:block; text-align:center; width: auto; height:1750px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
        
            /* Mindset Page */
            #container_mindset { display:block; text-align:center; width: auto; height:2020px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
            #top_mindset_container { height:21% !important; width:90% !important; margin:0 5% 0 5%; }
            .mind_wrap { height:49%; width:100%; }
            .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
            .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
            #bottom_mindset_container { height:21%; width:90%; margin:0 5% 0 5%;   }

      }

    /* Portrait Android Device - Nokia 3, Galaxy S5, Moto G4 */

    @media only screen 
      and (min-device-width: 360px) 
      and (max-device-width: 640px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: portrait) {

          /* Home Page */
          #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }
          h4 { font-size:18px !important; text-align:left; font-weight:100; line-height:2.0; }

          /* Rooms Page */
          .container_myrooms { display:block; text-align:center; width: 100%; background: #ffffff; height:1930px;  margin: 0 auto; padding: 0;  }
          #container_myrooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%;  padding:5% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

          .left_myrooms { float:left; width:100% !important; }
          .right_myrooms { float:right; width:94% !important; margin:0 3% 0 3% !important; }
 

          #title1 { padding:4% 0 2% 0 !important; }

          #h7 { text-align:justify !important; }
          
          .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:auto !important;  margin: 0 auto; padding: 0;  }
          #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 16px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
          .warm_left_rooms { float:left; width:100% !important; padding:0 !important; }
          .warm_right_rooms { float:left !important; width:100% !important; text-align:center !important; padding:0 !important; }

          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:100% !important; height:auto; margin:-53% 0 2% 0!important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
          .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 8% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }
          
          #jomcalister
          {
            font-family:'Arial'; 
            font-size: 1.3em; 
            font-weight:100; 
            text-align:center;
            margin:1% 1% 0 1%;
            line-height:1.4; 
            /*color:#000000;*/
            color:#ffffff;
          }

          /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
          .mobile-container { display:block !important; padding:0 !important;  }
          #pcview_only { display:none !important; }

          .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.6); margin: 0 auto; padding: 0;  }
          #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
          #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }

          .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }

          /* Titles for Home Page Only */
          #h1 {
            font-family:'Arial Narrow Bold', sans-serif; 
            font-size: 2.2em; 
            /* font-size:3em; */
            font-weight:100; 
            text-align:center !important;
            line-height:1.3; 
            color:#ffffff;
          }

            h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }

            #h3 { 
              font-family:Microsoft YaHei UI Light,Arial; 
              font-size:1.6em; 
              font-weight:600; 
              line-height:1.1; 
              height:10%;
              color:#ffffff; 
              font-style: italic;
              text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
              background-color:rgba(0,0,0,0.1);
              -webkit-font-smoothing: antialiased;
              /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
            }


            #copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.5em; font-weight:100; line-height:1.7 !important; color:#2E4A5A; }

            h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

            /* Home Page - Stress Writing */
            #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
            .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
            .stress_right { float:left !important; width:100% !important; max-width:100%; text-align:left !important; margin:5% 0 0 0 !important; opacity:1.0;}

            /* Home Page - Free Consultation */
            #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width:100% !important; height:250px !important; margin: 0 auto; padding: 0;     }
            .freeconsult_inner { float:left; width: 80% !important; height:100% !important; text-align:center;  vertical-align:top middle; margin:0 10% 0 10% !important;  }

            /* Home Page - Three Boxes */
            #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

            #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
            .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
      
            /* Home Page - Testimonials */
            #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:700px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
            .testimonials_inner { width:100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
      
            #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1600px !important; margin: 0 auto; padding: 0;  }
            .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; }
            .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

            /* Footer */
            .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1050px !important;  margin: 0 auto; padding: 0;  }
            #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px; font-weight:none; line-height:2.2; color:#ffffff;   }
            .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
            .footer_mid { float:right !important; width:50% !important; text-align: left; }
            .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }

            /* BOOKINGS PAGE */
            .container_warmwelcome_bookings_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:2900px;  margin: 0 auto; padding: 0;  }
            #container_warmwelcome_bookings_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; padding:3% 0 0 0; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 17px; font-weight:none; line-height:1.7; color:#2E4A5A;   }
          
            .txtinputcontact { height:30px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
            .txtrowscontact { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}
            .txtrowssubject { height:195px !important; font-size:18px; line-height:2.0; font-family:Arial; width:90% !important;}

            .txtinputcode { height:50px !important; font-size:18px; line-height:3.0; font-family:Arial; width:96% !important; }

            #contact_left { float:left; width:95% !important; margin:0 0 0 5% !important; text-align:left; vertical-align: top middle; }
            #contact_right { float:left; width:95% !important; margin:10% 0 0 5% !important; text-align:left; vertical-align: top middle;     }


            /* ROOMS PAGE */
            .descIphone { font-size:17px !important; }

            /* About Page */
            #container_about { display:block; text-align:center; width:100% !important; height:1200px;  margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
            .about_left { float:left; width:90% !important; height:61%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
            .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
            .about_right_image { 
              background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }
            
            #container_aboutheart { display:block; text-align:center; width:100%; height:1180px;  margin: 0 auto; padding: 0;    }
            .heart_left { float:left; width:100% !important; max-width:100% !important; height:39%;  text-align:left; margin:3% 0 0 0;  }
            .heart_right { float:left !important; width:90% !important; height:56%; text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
            .heart_left_image { 
              background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat left;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }

            #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:1420px !important;   margin: 0 auto; padding: 0;   }

            /* THINGS TO DO */
            .daytrip_left { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important;  opacity:1.0; }
            .daytrip_right { float:left; width:96% !important; text-align:left; margin:0 2% 0 2% !important; opacity:1.0; }


            /* Testimonial Page */
            #container_testimonial { display:block; text-align:center; width: auto; height:1600px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

            /* Contact Page */
            .container_directions { display:block; text-align:center; width: 100%; background: #D3D4C0; height:930px;  margin: 0 auto; padding: 0;  }
            #container_directions_inner { display:block;  margin: 0 auto; padding: 0; width:92% !important; padding:1% 0 0 0; margin:0 5% 0 3% !important; height:100%; text-align:justify; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#2E4A5A;   }

            #container_contact { display:block; text-align:center; width: auto; height:1700px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
        
            /* Mindset Page */
            #container_mindset { display:block; text-align:center; width: auto; height:2750px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
            #top_mindset_container { height:23% !important; width:90% !important; margin:0 5% 0 5%; }
            .mind_wrap { height:41%; width:100%; }
            .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
            .mind_right { float:left; width:100%; text-align:left; margin:0 !important; opacity:1.0; }
            #bottom_mindset_container { height:26%; width:90%; margin:0 5% 0 5%;    }
      }


    /* Landscape Android Device - Nokia 3, Galaxy S5, Moto G4 */

    @media only screen 
      and (min-device-width: 360px) 
      and (max-device-width: 640px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: landscape) 
      {

          /* Home Page - Banner Titles - Mindset Coach etc */
          #h8 { font-family:Arial, Calibri, Helvetica; font-size:16px !important; font-weight:100; line-height:1.5; color:#333333; text-align:center; }
          
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:100% !important; height:auto; margin:-20% 0 2% 0 !important; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
          .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 2% 0 !important; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }
          
          #jomcalister
          {
            font-family:'Arial'; 
            font-size: 1.3em; 
            font-weight:100; 
            text-align:center;
            margin:1% 1% 0 1%;
            line-height:1.4; 
            /*color:#000000;*/
            color:#ffffff;
          }

          /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
          .mobile-container { display:block !important; padding:1% 0 0 0 !important;  }
          #pcview_only { display:none !important; }

          .container_menubar { display:block; text-align:center; width: 100%; height:25% !important; background-color:rgba(123,186,200,0.1); margin: 0 auto; padding: 0;  }
          #menubar_left { display:none !important; height:0 !important; }
          #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }

          .container_menubar_outer { display:block; text-align:center; width: 100%; background: #64A1C0;  margin: 0 auto; padding: 0.7% 0 0 0 !important; height:60px !important; }


          /* Titles for Home Page Only */
          #h1 {
            font-family:'Arial Narrow Bold', sans-serif; 
            font-size: 2.2em; 
            /* font-size:3em; */
            font-weight:100; 
            text-align:center !important;
            line-height:1.3; 
            color:#ffffff;
          }

            h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }

            
            h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

            /* Home Page - Stress Writing */
            #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
            .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }

            .stress_right { float:right; width:100% !important; text-align:right; margin:4% 0 0 0 !important; opacity:1.0;}



            /* Home Page - Free Consultation */
            #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:125px !important; margin: 0 auto; padding: 0;     }
            .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }

            /* Home Page - Three Boxes */
            #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

            #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
            .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
            .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
      
            /* Home Page - Testimonials */
            #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:500px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
            .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
      
            #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
            .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
            .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

            /* Footer */
            .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:950px !important;  margin: 0 auto; padding: 0;  }
            #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px; font-weight:none; line-height:2.2; color:#ffffff;   }
            .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
            .footer_mid { float:right !important; width:50% !important; text-align: left; }
            .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }
            
            /* About Page */
            #container_about { display:block; text-align:center; width:100% !important;  height:1050px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
            .about_left { float:left; width:90% !important; height:46%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
            .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
            .about_right_image { 
              background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }
            
            #container_aboutheart { display:block; text-align:center; width:100%; height:880px;  margin: 0 auto; padding: 0;    }
            .heart_left { float:left; width:100% !important; max-width:100% !important; height:54%; text-align:left; margin:3% 0 0 0;  }
            .heart_right { float:left !important; width:90% !important; height:40%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
            .heart_left_image { 
              background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
              max-width:100% !important; 
              height:450px;
              opacity:1.0; 
            }

            #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:900px !important;   margin: 0 auto; padding: 0;   }

            /* THINGS TO DO */
            .daytrip_left { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important;  opacity:1.0; }
            .daytrip_right { float:left; width:98% !important; text-align:left; margin:0 1% 0 1% !important; opacity:1.0; }

            /* Testimonial Page */
            #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

            /* Contact Page */
            #container_contact { display:block; text-align:center; width: auto; height:1750px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
            .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
        
            /* Mindset Page */
            #container_mindset { display:block; text-align:center; width: auto; height:2020px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
            #top_mindset_container { height:21% !important; width:90% !important; margin:0 5% 0 5%; }
            .mind_wrap { height:49%; width:100%; }
            .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
            .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
            #bottom_mindset_container { height:21%; width:90%; margin:0 5% 0 5%;   }      
          
        
          }




    /* IPad 2 - Portrait View*/

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 1)  
    and (orientation: portrait) {

                /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                .mobile-container { display:block !important; padding:0 !important;  }
                #pcview_only { display:none !important; }
      
                #copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.5em; font-weight:100; line-height:1.7 !important; color:#2E4A5A; }

                

                .container_menubar { display:block; text-align:center; width: 100%; height:20% !important; background-color:rgba(123,186,200,0.6); margin: 0 auto; padding: 0;  }
                #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
                #menubar_right { float:left !important; width:100% !important; text-align:left !important; margin:0 !important; opacity:1.0;  }

                /* Titles for Home Page Only */
                #h1 { 
                  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                  font-size: 2em !important; 
                  font-weight:700 !important; 
                  text-align:center;
                  line-height:1.1 !important; 
                  color:#ffffff;
                  text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040;
                  }
      
                  h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }
      
                  
                  h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }
      
                  /* Home Page - Stress Writing */
                  #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
                  .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
                  .stress_right { float:left !important; width:100% !important; max-width:100%; text-align:left !important; margin:5% 0 0 0 !important; opacity:1.0;  }
      
                  #stress_image  { display:block; z-index:-1; background:url('../images/home_house.png') no-repeat center; height:550px !important; width:100%; max-width:100%; }

                  .container_logcabin { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1500px !important; margin: 0 auto; padding: 0;  }
                  #container_logcabin_inner { display:block; margin: 0 !important; padding: 0 !important; width:100% !important; height:100%; text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 24px !important; font-weight:none; line-height:1.9 !important; color:#2E4A5A;  }
                 
                  .logcabin_left { float:left; width:100% !important; margin:0 !important;  }
                  .logcabin_mid { float:left; width:100% !important; }
                  .logcabin_right { float:left !important; width:100% !important; text-align:center; }

                  #logcabin_image1  { display:block; z-index:-1; background:url('../images/home/1-log-cabin.png') no-repeat center; height:500px !important; width:100%; max-width:100%;  }

                  #logcabin_image2  { display:block; z-index:-1; background:url('../images/home/2-hot-tub.png') no-repeat center; height:500px !important; width:100%; max-width:100%;  }

                  #logcabin_image3  { display:block; z-index:-1; background:url('../images/home/3-luxury-studio.png') no-repeat center; height:500px !important; width:100%; max-width:100%;  }



                  /* Home Page - Free Consultation */
                  #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:120px !important; margin: 0 auto; padding: 0;     }
                  .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }
      
                  /* Home Page - Three Boxes */
                  #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }
      
                  #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                  .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                  .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                  .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
            
                  /* Home Page - Testimonials */
                  #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:500px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                  .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
            
                  #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
                  .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
                  .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}
      
                  .container_rooms{ display:block; text-align:center; width: 100%; background:#2E4A5A; height:5400px !important;  margin: 0 auto; padding: 0;   }
                  #container_rooms_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0;  text-align:center; font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7; color:#ffffff;   }
                  .rooms_left { float:left; width:100% !important;  }
                  .rooms_mid { float:left; width:100% !important; }
                  .rooms_right { float:right; width:100% !important; }
                  .rooms_right_6 { float:right; width:100% !important; }


                  /* ROOMS PAGE */
                  .container_warmwelcome_rooms_all { display:block; text-align:center; width: 100%; background: #F0F2F6; height:6500px !important;  margin: 0 auto; padding: 0;   }
                  #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; text-align:center !important; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                  .warm_left_rooms { float:left; width:100% !important; text-align:center !important; padding:0 !important;  }
                  .warm_right_rooms { float:left !important; width:100% !important; text-align:center !important; padding:0 !important;  }

                  /* ROOMS DETAILS PAGE */
                  .container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1600px !important;  margin: 0 auto; padding: 0;  }

                  /* Footer */
                  .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1150px !important;  margin: 0 auto; padding: 0;  }
                  #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px; font-weight:none; line-height:2.2; color:#ffffff;   }
                  .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
                  .footer_mid { float:right !important; width:50% !important; text-align: left; }
                  .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }
                  
                  /* About Page */
                  #container_about { display:block; text-align:center; width:100% !important;  height:850px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
                  .about_left { float:left; width:90% !important; height:53%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
                  .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
                  .about_right_image { 
                    background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
                    max-width:100% !important; 
                    height:450px;
                    opacity:1.0; 
                  }
                  
                  #container_aboutheart { display:block; text-align:center; width:100%; height:940px; margin: 0 auto; padding: 0;    }
                  .heart_left { float:left; width:100% !important; max-width:100% !important; height:49%; text-align:left; margin:7% 0 0 0;  }
                  .heart_right { float:left !important; width:90% !important; height:38%; text-align:left; margin:0 5% 0 5%; opacity:1.0;  }
                  .heart_left_image { 
                    background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
                    max-width:100% !important; 
                    height:450px;
                    opacity:1.0; 
                  }
      
                  #container_aboutconclusion { display:block; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:950px !important;   margin: 0 auto; padding: 0;   }
      
                  /* Testimonial Page */
                  #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                  .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                  .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }
      
                  /* Contact Page */
                  #container_contact { display:block; text-align:center; width: auto; height:1750px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                  
                  /*
                  .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                  .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
                  */
              
                  /* Mindset Page */
                  #container_mindset { display:block; text-align:center; width: auto;  height:2000px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                  #top_mindset_container { height:23% !important; width:90% !important; margin:0 5% 0 5%; }
                  .mind_wrap { height:49%; width:100%; }
                  .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                  .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
                  #bottom_mindset_container { height:21%; width:90%; margin:0 5% 0 5%;    }

    }

    /* IPad 2 - Landscape View*/

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 1)  
    and (orientation: landscape) {
          
                    /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                    .mobile-container { display:block !important; padding:0 !important;  }
                    #pcview_only { display:none !important; }
          
                    .container_menubar { display:block; text-align:center; width: 100%; height:20% !important; background-color:rgba(123,186,200,0); margin: 0 auto; padding: 0;  }
                    #menubar_left { float:left; width:100% !important; text-align:center !important; margin:0 !important; opacity:1.0; }
                    #menubar_right { float:left !important; width:100% !important; text-align:left !important; margin:0 !important; opacity:1.0;  }
          
                    .zoom {
                      padding: 0 !important;
                      background-image: '../images/image1.jpg';
                      /*background-color: green;*/
                      transition: transform .2s; /* Animation */
                      width: 70% !important;
                      max-width: 70% !important;
                      height: auto !important;
                      margin: 0 auto;
                    }
                    
                    .zoom:hover {
                      transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                    }
    
                    .zoom_detail {
                      padding: 0 !important;
                      background-image: '../images/image1.jpg';
                      /*background-color: green;*/
                      transition: transform .2s; /* Animation */
                      width: 80% !important;
                      max-width: 80% !important;
                      height: auto !important;
                      margin: 0 auto;
                    }
                    
                    .zoom_detail:hover {
                      transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
                    }


                    /* Titles for Home Page Only */
                    #h1 { 
                      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                      font-size: 2em !important; 
                      font-weight:700 !important; 
                      text-align:center;
                      line-height:1.1 !important; 
                      color:#ffffff;
                      text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040;
                      }
          
                      h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#2E4A5A; }
          
                     
                      h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }
          
                      /* Home Page - Stress Writing */
                      #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
                      .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
                      .stress_right { float:left !important; width:100% !important; max-width:100%; text-align:left !important; margin:5% 0 0 0 !important; opacity:1.0;}
          
                      /* Home Page - Free Consultation */
                      #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:120px !important; margin: 0 auto; padding: 0;     }
                      .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }
          
                      /* Home Page - Three Boxes */
                      #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1600px !important; width:100%; max-width:100%;  }
          
                      #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                      .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                      .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                      .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
                
                      /* Home Page - Testimonials */
                      #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:500px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                      .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
                
                      #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
                      .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
                      .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}
          
                      /* ROOMS PAGE */
                      .container_warmwelcome_rooms_all { display:block; text-align:center !important; width: 100%; background: #F0F2F6; height:6500px !important;  margin: 0 auto; padding: 0;   }
                      #container_warmwelcome_rooms_inner { display:block;  margin: 0 auto; padding: 0; text-align:center !important; width:100% !important; padding:0 !important; height:100%; font-family:Arial, Calibri, Helvetica; font-size: 17px !important; font-weight:none; line-height:1.7; color:#2E4A5A;   }
                      .warm_left_rooms { float:left; width:100% !important; text-align:center !important; padding:0 !important;  }
                      .warm_right_rooms { float:left !important; width:100% !important; text-align:center !important; padding:0 !important;  }

                      /* ROOMS DETAILS PAGE */
                      .container_warmwelcome_rooms { display:block; text-align:center; width: 100%; background: #F0F2F6; height:1600px !important;  margin: 0 auto; padding: 0;  }

                      /* Footer */
                      .container_footer { display:block; text-align:center; width: 100%; background:#2E4A5A; height:1150px !important;  margin: 0 auto; padding: 0;  }
                      #container_footer_inner { display:block;  margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:4% 0 0 0;  text-align:center; font-family:Arial; font-size: 15px; font-weight:none; line-height:2.2; color:#ffffff;   }
                      .footer_left { float:left; width:45% !important; text-align: left; margin:0 0 0 5% !important;  }
                      .footer_mid { float:right !important; width:50% !important; text-align: left; }
                      .footer_right { float:left !important; width:95% !important; text-align: left; margin:7% 0 0 5% !important; }

                      
                      /* About Page */
                      #container_about { display:block; text-align:center; width:100% !important;  height:850px; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
                      .about_left { float:left; width:90% !important; height:53%; text-align:left; margin:0 5% 0 5% !important; opacity:1.0; }
                      .about_right { float:left; width:100% !important; max-width:100% !important; text-align:left; margin:0 !important;   }
                      .about_right_image { 
                        background: url('https://www.resetstress.co.uk/images/about_us.jpg') no-repeat center;
                        max-width:100% !important; 
                        height:450px;
                        opacity:1.0; 
                      }
                      
                      #container_aboutheart { display:block; text-align:center; width:100%; height:940px; margin: 0 auto; padding: 0;    }
                      .heart_left { float:left; width:100% !important; max-width:100% !important; height:49%; text-align:left; margin:7% 0 0 0;  }
                      .heart_right { float:left !important; width:90% !important; height:38%; text-align:left; margin:0 5% 0 5%; opacity:1.0;  }
                      .heart_left_image { 
                        background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
                        max-width:100% !important; 
                        height:450px;
                        opacity:1.0; 
                      }
          
                      #container_aboutconclusion { display:block; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:850px !important;   margin: 0 auto; padding: 0;   }
          
                      /* Testimonial Page */
                      #container_testimonial { display:block; text-align:center; width: auto; height:1500px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                      .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                      .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }
          
                      /* Contact Page */
                      #container_contact { display:block; text-align:center; width: auto; height:1750px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                      

                      /* Mindset Page */
                      #container_mindset { display:block; text-align:center; width: auto;  height:1900px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                      #top_mindset_container { height:20% !important; width:90% !important; margin:0 5% 0 5%; }
                      .mind_wrap { height:50%; width:100%; }
                      .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                      .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
                      #bottom_mindset_container { height:23%; width:90%; margin:0 5% 0 5%; }

                    }
