﻿        /* For Carousel */ /* optional - if want to center align */
        .jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
	        margin: 0 auto; width:90% !important; padding:0 0 0 0; 
        }


html {
  scroll-behavior: smooth;
}

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

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


/********************************
 Add new font called Mulish
 
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 1000
/********************************/

.mulish-newGoogleFont {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

/********************************
 Add new font called josefin sans
 
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 700
********************************/

.josefin-sans-newGooglefont {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


/********************************
 Add new font called EB Garamond

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 800
********************************/

.eb-garamond-newGooglefont {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}



/*****************************************
  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;
}

/* 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;
}


.imgresize_home { width:100%; height:auto;  border-radius: 10px; }
.imgresize_home_running { width:92%; height:auto; border-radius: 10px; }
.imgresize_home_facebook { width:90%; height:501px; border-radius: 10px; }
.imgresize_logo { width:74%; height:auto; }
.imgresize_icons { width:15%; height:auto; }
.icon_socials { width:auto; height:auto; }


.facebook { opacity:0.7; }
.instagram { opacity:0.7; }
.pinterest { opacity:0.7; }


.facebook:hover, .instagram:hover, .pinterest:hover
{
  opacity:3.5;
}


/* Fonts used in Home Page */
h1 { font-family: "Josefin Sans", sans-serif; font-size: 2em; font-weight:350; line-height:1.9; color:#5C82A8; }
/* Top Title Couples Counselling for Home Page Only */
#h1 { font-family:"Josefin Sans", sans-serif; font-size: 3em !important;  font-weight:300; text-align:center; line-height:1.6; color:#ffffff; text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; }

/* Menubar and Footer fonts */
h2 { font-family:Arial, Calibri, Helvetica, Gadugi; font-size:1.2em; font-weight:300; line-height:2.0; color:#ffffff;  } 

#subheading { font-family: "EB Garamond", serif; font-size:1.6em; font-weight:300; line-height:2.0; color:#ffffff; font-style:italic;  }
h3 { font-family:Calibri Light, Helvetica; font-size: 1.3em; font-weight:100; line-height:1.3; /*color:#5C82A8;*/ color:#5C5C5C; }

h4 { font-family: "Josefin Sans", sans-serif; font-size: 1.5em; font-weight:350; line-height:1.0; color:#5C82A8; text-align:left; }
h5 { font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:300; line-height:1.4; color:#5C5C5C;  text-align:left; }


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; }

#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%;
}

/* Table formatting */
.tdstyle { width:10%; }

.date_text_size { font-size: 17px; font-family:Palatino Linotype; }
#datepicker { width:220px !important; }

/* LINKS */

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

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

    a:visited { color:#000000; }

    /*when someone hovers over the link */
    /*a:hover { color:#F9BDA9; }*/
    a:hover { 
      color:#ffffff; 
    
    }

    .activepc { /*color:#CAC6BA;*/ color:#57C0ED; text-shadow: 0 1px 0 #ccc,  0 6px 1px rgba(0,0,0,.1); font-weight:300; }
    .activepc:visited { /*color:#CAC6BA;*/ color:#57C0ED; font-weight:300; }
    
 
    a .bluelinks { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; color:#5C82A8; }

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

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

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





    .blacktitle { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; color:#46627F;  }

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

    .blacktitle:hover { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; color:#46627F; background-color:inherit;}


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

    .blackbigtitle:visited { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; font-size:2.2em; color:#5C82A8; background-color:inherit;}

    .blackbigtitle:hover { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; font-size:2.2em; color:#5C82A8; 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;
    }

/* Black on button with link */
.href_black { color:#000000; }
.href_black:visited { color:#000000; }
.href_black:hover{ color:#000000; }
.href_black a { color:#000000; }

/* Menubar hover white */
.href_white { color:#ffffff; font-weight:200; }
.href_white:visited { color:#ffffff; font-family: "Mulish", sans-serif; font-weight:200; }
.href_white:hover { color:#ebe8e1; font-family: "Mulish", sans-serif; font-weight:200; }
.href_white a { color:#ffffff; font-family: "Mulish", sans-serif; font-weight:200; }

/* 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:#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 with Pressed Effect animation */
.button_new { display: inline-block; padding: 12px 28px; border-radius: 15%; font-size: 16px; background-color:transparent; border:solid 1px #176b80; color:#000000; text-decoration: none; border-radius: 15px; }
.button_new:hover {background-color:#d5f3fe; color:#000000;  }
.button_new:active { background-color:transparent; border:solid 1px #176b80; color:#000000; }

/*****************************************
  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; }
}


/* STYLE THE ORDERED LIST */

ul {
  list-style-image: url('../images/tick_blue.jpg');
}



/* Footer Middle */

.href_lightgrey
{
  font-family:Calibri Light, Helvetica;
  font-size:1.1em;
  color:#AEAFAF;
  font-weight:500;
}

.href_lightgrey:visited
{
  font-family:Calibri Light, Helvetica;
  font-size:1.1em;
  color:#AEAFAF;
  font-weight:500;
}

.href_lightgrey:hover
{
  font-family:Calibri Light, Helvetica;
  font-size:1.1em;
  color:#ffffff; 
  font-weight:500;
}

.href_lightgrey a
{
  font-family:Calibri Light, Helvetica;
  font-size:1.1em;
  color:#AEAFAF;
  font-weight:500;
}





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

/* FIXED SCROLL */
#containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:115px; opacity:0.9; background-color:#808080; }

/* Mobile Only View */
.mobileOnly { display:none; }

/* PC Only View */
.pcOnly { display:block; }

#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:115px; background-color:#808080; opacity:0.9; margin: 0 auto; padding: 0; }

#menubar_left { float:left; width:29%; text-align:middle left; margin:0.1% 0 0 1%; height:100%; vertical-align:middle; opacity:1.0; font-family: "Mulish", sans-serif; font-size: 38px;  }
#menubar_right { float:right; width:67%; text-align:right; height:100%;  margin:1.5% 0 0 0; opacity:1.0; vertical-align:middle; font-size: 1em;  }

/* Home Page

/* Home Page - Banner Titles - Mindset Coach etc */
.near_bottom_page{
  position: absolute;
  bottom: -1%;
  width: 100%;
}
.heading_left { float:left; width:68%; height:auto; margin:-15% 0 2% 2%; text-align:left; vertical-align:bottom; vertical-align:text-bottom;  }
.heading_right { float:right; width:28%; height:auto; margin:2.4% 1% 2% 0; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }


/* Home Page - Stress Writing */
#container_stress { display:block; text-align:center; width: auto; height:650px; margin: 0 auto; padding: 0;  }
.stress_left { float:left; width:50%; text-align:left; margin:1% 0 0 10%; opacity:1.0; height:auto;  }
.stress_right { float:right; width:24%; text-align:left; margin:4% 10% 0 0; opacity:1.0; border:solid 0.5px rgb(218, 213, 213); padding:2%; height:auto; }
#stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center; height:500px; width:100%; max-width:100%;  }


/* Home Page - Types of Therapy */
#container_therapytypes { display:block; text-align:center; width: auto; height:850px; margin: 0 auto; padding: 0;  }
.therapy_one { float:left; width:26%; height:530px; text-align:left; margin:0 0 0 10%; }
.therapy_fill { float:left; width:0.5%; height:530px; margin:0 0 0 0;  }
.therapy_two { float:left; width:26%; height:530px;text-align:center; margin:0 0 0 0.5%;  }
.therapy_three { float:left; width:26%; height:530px; text-align:center; margin:0 10% 0 0.7%;  } 

.therapy_one_button { float:left; width:26%; height:auto; text-align:left; margin:1% 0 0 10%;  }
.therapy_two_button { float:left; width:26%; height:auto; text-align:left; margin:1% 0 0 0;  }
.therapy_three_button { float:right; width:26%; height:auto; text-align:left; margin:1% 10% 0 0; } 


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


/*
#container_footer { display:block; text-align:center; width: auto; height:380px; margin: 0 auto; padding: 0; background-color:#43464B;  }
.footer_inner { float:left; width:95%; text-align:left; margin:3% 0 0 5%; opacity:1.0; height:auto; }
*/

/* Footer */
#container_footer { display:block; text-align:center; width: auto; height:170px; margin: 0 auto; padding: 0; /*background-color:#43464B;*/ background-color:#212D32;   }
.footer_inner {  display:block; width:1150px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

.footer_left { float:left; width:33%; text-align:left; margin:5% 0 0 0;  }
.footer_middle { float:left; width:33%; text-align:center; margin:6% 0 0 0;  }
.footer_right { float:right; width:33%; text-align:right; margin:3% 0 0 0;  }

#footer_bottom { display:block; text-align:center; width: auto; height:70px; margin: 0 auto; padding: 0; /*background-color:#43464B;*/ background-color:#7B7F82;  }
.footer_bottom_inner { display:block; width:1150px; text-align:left; color:#ffffff; font-family:Arial, Calibri, Helvetica, Gadugi; font-size:0.8em; margin: 0 auto; padding: 0; opacity:1.0; height:auto; padding-top:1.5%; }




/* About Page */
/*
#container_about { display:block; text-align:center; width: auto; height:460px; margin: 0 auto; padding: 0; margin:0.5% 0 0 0;   }
.about_left { float:left; width:40%; text-align:left; margin:0 0 0 10%; opacity:1.0; }
.about_right { float:right; width:39%; text-align:right; margin:3% 10% 0 0; opacity:1.0; }
*/

#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;   }

/* Booking Page */
#container_booking {  display:block; text-align:center; width: auto; height:1324px;  margin: 0 auto; padding: 0; margin:5% 0 0 0; }
.booking_left { float:left; width:70%; text-align:left; margin:2% 0 0 20%; opacity:1.0; }

/* Cancellation Page */
#container_cancellation {  display:block; text-align:center; width: auto; height:1324px;  margin: 0 auto; padding: 0; margin:5% 0 0 0; }
.cancellation_left { float:left; width:70%; text-align:left; margin:2% 0 0 20%; opacity:1.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:27px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
.txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }
.txtrowscontact { height:115px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

/* 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) 
        {
                   /* Home Page */

                  /* For Carousel */ /* optional - if want to center align */
                  .jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
                    margin: 10% 0 0 5% !important; width:90% !important; padding:0 0 0 0; 
                  }

                  .topnav { text-align:left !important; }

                  
                  /* Booking Page */
                  #container_booking {  display:block; text-align:center; width: auto; height:1124px;  margin: 0 auto; padding: 0; margin:5% 0 0 0; }
                  .booking_left { float:left; width:90% !important; text-align:left; margin:2% 0 0 5%; opacity:1.0; }

                  #booking { height:55% !important; }


                  /* Cancellation Page */
                  #container_cancellation {  display:block; text-align:center; width: auto; height:3000px;  margin: 0 auto; padding: 0; margin:5% 0 0 0; }
                  .cancellation_left { float:left; width:95% !important; text-align:left; margin:2% 0 0 5% !important; opacity:1.0; }


                  /* Mobile Only View */
                  .mobileOnly { display:block; }

                  /* PC Only View */
                  .pcOnly { display:none; }

                  /* FIXED SCROLL */
                  #containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:25%; opacity:0.9; background-color:#ffffff !important;  }


                  /* Home Page - Banner Titles - Mindset Coach etc */
                  .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:98% !important; height:auto; margin:-50% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 1.8em; 
                    font-weight:800 !important; 
                    margin:4% 0 0 0;
                    line-height:1; 
                    /*color:#000000;*/
                    color:#ffffff;
                    /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
                  }

                  /* 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:95% !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: 1.9em !important; 
                    font-weight:700 !important; 
                    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:#5C82A8; }

                    #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;*/
                    }


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


                    /* Home Page - Types of Therapy */
                    #container_therapytypes { display:block; text-align:center; width: 100% !important; height:1900px !important; margin: 0 auto; padding: 0;  }
                    .therapy_one { float:left; width:90% !important; height:auto; text-align:center !important;  margin:5% 5% 0 5% !important; }
                    .therapy_fill { display:none !important; margin:0 !important; }
                    .therapy_two { float:left; width:90% !important; height:auto; text-align:center;  margin:0 5% 0 5% !important; }
                    .therapy_three { float:left !important; width:90% !important; height:auto; text-align:center !important;  margin:0 5% 0 5% !important;} 

                    .imgresize_home { width:100%; height:auto;  border-radius: 10px; }


                    /* Footer */
                    #container_footer { display:block; text-align:center; width: auto; height:250px !important; margin: 0 auto; padding: 0; background-color:#212D32;  }
                    .footer_inner {  display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }
                    
                    .footer_left { float:left; width:100%; text-align:center !important; margin:5% 0 0 0 !important;  }
                    .footer_middle { float:left; width:100%; text-align:center; margin:5% 0 0 0 !important;  }
                    .footer_right { float:left !important; width:100%; text-align:center !important; margin:5% 0 0 0 !important; }

                    #footer_bottom { display:block; text-align:center; width: auto; height:120px !important; margin: 0 auto; padding: 0; /*background-color:#43464B;*/ background-color:#7B7F82;  }
                    .footer_bottom_inner { display:block; width:94% !important; text-align:left; color:#ffffff; font-family:Arial, Calibri, Helvetica, Gadugi; line-height:1.5; font-size:1em; margin: 0 auto; padding: 5% 4% 0 4% !important; opacity:1.0; height:auto; padding-top:1.5%; }
                    
                    
                    /* 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;   }

                    /* 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_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) 
        {
                   /* Home Page - Banner Titles - Mindset Coach etc */
                   .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:98% !important; height:auto; margin:-17% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 1.8em; 
                    font-weight:800 !important; 
                    margin:1% 0 0 0;
                    line-height:1; 
                    /*color:#000000;*/
                    color:#ffffff;
                    /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
                  }
        
                  /* 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;  }
                  */
        
                  /* 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:#5C82A8; }
        
        
                    /* Home Page - Stress Writing */
                    #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1000px !important; margin: 0 auto; padding: 0;  }

                    .stress_left { float:left; width:86% !important; text-align:left; margin:5% 7% 0 7% !important; opacity:1.0; }
                    
                    .stress_right { float:right; width:95% !important; text-align:right; margin:4% 0 0 5% !important; opacity:1.0;}
                    #stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center !important; height:450px !important; width:100% !important; max-width:100%;  }
                    



                    
                    /* 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; }
        
                    /* 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%;   }
        }


      /* ----------- 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) 
        {
          /* Home Page */

          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:98% !important; height:auto; margin:-50% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.8em; 
            font-weight:800 !important; 
            margin:4% 0 0 0;
            line-height:1; 
            /*color:#000000;*/
            color:#ffffff;
            /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
            text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
          }

          /* 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;  }
          */

          /* Titles for Home Page Only */
          #h1 { 
            font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.9em !important; 
            font-weight:700 !important; 
            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:#5C82A8; }

            #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;*/
            }


            /* Home Page - Stress Writing */
            #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1050px !important; margin: 0 auto; padding: 0;  }
            .stress_left { float:left; width:86% !important; text-align:left; margin:5% 7% 0 7% !important; opacity:1.0; }
            .stress_right { float:left !important; width:95% !important; max-width:100%; text-align:left !important; margin:3% 0 0 5% !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;   }

            /* 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: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) 
      {
          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:98% !important; height:auto; margin:-17% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.8em; 
            font-weight:800 !important; 
            margin:1% 0 0 0;
            line-height:1; 
            /*color:#000000;*/
            color:#ffffff;
            /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
            text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
          }

          /* 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;  }
          */

          /* 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:#5C82A8; }


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

            .stress_right { float:right; width:95% !important; text-align:right; margin:4% 0 0 5% !important; opacity:1.0;}
            #stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center !important; height:450px !important; width:100% !important; max-width:100%;  }
            



            
            /* 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; }

            /* 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%;   }

      }

    /* 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 */

          /* Home Page - Banner Titles - Mindset Coach etc */
          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:98% !important; height:auto; margin:-50% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.8em; 
            font-weight:800 !important; 
            margin:4% 0 0 0;
            line-height:1; 
            /*color:#000000;*/
            color:#ffffff;
            /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
            text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
          }

          /* 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;  }
          */

          /* Titles for Home Page Only */
          #h1 { 
            font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.9em !important; 
            font-weight:700 !important; 
            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:#5C82A8; }

            #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;*/
            }


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



            
            /* 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;   }

            /* 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_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 */

          .near_bottom_page{
            position: absolute;
            bottom: -1%;
            width: 100%;
          }
          .heading_left { float:left; width:98% !important; height:auto; margin:-17% 0 2% 2% !important; text-align:left; 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:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            font-size: 1.8em; 
            font-weight:800 !important; 
            margin:1% 0 0 0;
            line-height:1; 
            /*color:#000000;*/
            color:#ffffff;
            /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
            text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
          }

          /* 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;  }
          */

          /* 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:#5C82A8; }


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

            .stress_right { float:right; width:95% !important; text-align:right; margin:4% 0 0 5% !important; opacity:1.0;}
            #stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center !important; height:450px !important; width:100% !important; max-width:100%;  }
            

            
            /* 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; }

            /* 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; }
      
                /*
                .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:#5C82A8; }

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




                  
                  /* 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;  }
                    */
          
                    /* 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:#5C82A8; }
          
          
                      /* Home Page - Stress Writing */
                      #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1050px !important; margin: 0 auto; padding: 0;  }
                      .stress_left { float:left; width:86% !important; text-align:left; margin:5% 7% 0 7% !important; opacity:1.0; }
                      .stress_right { float:left !important; width:95% !important; max-width:100%; text-align:left !important; margin:3% 0 0 5% !important; opacity:1.0;}
          

          

                      
                      /* 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;   }
                      .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: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%; }

                    }
