/* FULLY ORGANIZED CSS */

/*
Theme Name: Ample Child
Template: ample
Author: Child Theme Configurator
Version: 1.0.1439395340
Updated: 2015-08-12 16:02:20
*/

@charset "UTF-8";


/*-------------- TABLE OF CONTENTS

   1 WT Plugin Styles
      1.1 Plugin Width
   2 Headings
      2.1 Responsive H1 Tags
      2.2 Responsive H2 Tags
      2.3 Responsive Investor Page H2 Tags
   3 Buttons
      3.1 "add to my site" Button
      3.2 "try it below" Button
   4 Blog
      4.1 Float Post Images
      4.2 Sidebar Widths
      4.3 Remove WP Comment Count
      4.4 Right Sidebar Width
   5 Line Breaks
      5.1 Display & Clear
      5.2 Non-Resp Line BR
      5.3 Resp Line BR 20 px
      5.4 Resp Line BR 40 px
   6 Footer
      6.1 Social Icons Width & Spacing
      6.2 Links Color
   7 Plugin Specific
      7.1 DV Team
      7.2 Salesforce Form
      7.3 Ninja Forms
      7.4 WP Notification Bar Newsletter
      7.5 OSD Share Icons
   8 Global Styles
      8.1 Page Title Margins & Weight
      8.2 All Headings Black.... ish
      8.3 A Links
      8.4 Responsive Widths
   9 Useful Random Styles
      9.1 Margin Bottom 0 px
      9.2 Responsive Black Box
      9.3 Responsive Horizontal Line
      9.4 Text Colors
      9.5 Font Weights
      9.6 Image Swap for Mobile
   10 Home Page Only
      10.1 Responsive Product Shot w Play Button
      10.2 Body Top Margin
      10.3 Responsive Text Below Checks
      10.4 Responsive Clipboard
      10.5 Responsive Clipboard Notes
      10.6 Guy With Product Shot @ Top
      10.7 "try it now" Button @ Top
      10.8 Home H1 Subtitle

TABLE OF CONTENTS ----------------*/



/* ------------------- USEFUL COLORS

   WT Orange: #f38824
   WT Dark Grey:
   WT Light Grey:
   WT Almost White:
   WT Complementary Blue: #53a2ca

USEFUL COLORS --------------------*/




/* ------------ BLANK RESPONSIVE CSS

@media only screen and (min-width: 769px) /* Desktop */ {
  .class {
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .class {
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .class {
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .class { 
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .class {
  }
}

BLANK RESPONSIVE CSS -------------*/








/* ---------------------------------- 1 WT Plugin Styles ---------------------------------- */

/* --------- 1.1 Plugin Width ---------*/
#homeblog {
   max-width: 800px;
   margin: 0 auto;
}







/* ---------------------------------- 2 Headings ---------------------------------- */

/* --------- 2.1 Responsive H1 Tags ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h1resp {
     text-align: center;
     font-weight: bold;
     font-size: 3em;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .h1resp {
     text-align: center;
     font-weight: bold;
     font-size: 3em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h1resp {
     text-align: center;
     font-weight: bold;
     font-size: 2.6em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h1resp {
     text-align: center;
     font-weight: bold;
     font-size: 2.4em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h1resp {
     text-align: center;
     font-weight: bold;
     font-size: 2em;
  }
}

/* --------- 2.2 Responsive H2 Tags ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h2resp {
     text-align: center;
     font-size: 2.5em;
  }
}
@media only screen and (max-width: 768px) /* Tablet or smaller */ {
  .h2resp {
     text-align: center;
     font-size: 2.5em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h2resp {
     text-align: center;
     font-size: 1.8em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h2resp {
     text-align: center;
     font-size: 1.6em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h2resp {
     text-align: center;
     font-size: 1.5em;
  }
}

/* --------- 2.3 Responsive Investor Page H2 Tags ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h2investresp {
     text-align: center;
     font-size: 2.5em;
  }
}
@media only screen and (max-width: 768px) /* Tablet or smaller */ {
  .h2investresp {
     text-align: center;
     font-size: 1.8em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h2investresp {
     text-align: center;
     font-size: 1em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h2investresp {
     text-align: center;
     font-size: 1em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h2investresp {
     text-align: center;
     font-size: 1em;
  }
}

/* --------- 2.4 Responsive H4 Tags ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h4resp {
     font-size: 1.4em;
  }
}
@media only screen and (max-width: 768px) /* Tablet or smaller */ {
  .h4resp {
     font-size: 1.4em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h4resp {
     font-size: 1em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h4resp {
     font-size: 1em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h4resp {
     font-size: 1em;
  }
}

/* --------- 2.6 Responsive H4 Tags 2 ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h4resp2 {
     font-size: 1.3em;
  }
}
@media only screen and (max-width: 768px) /* Tablet or smaller */ {
  .h4resp2 {
     font-size: 1.3em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h4resp2 {
     font-size: .9em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h4resp2 {
     font-size: .9em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h4resp2 {
     font-size: .9em;
  }
}

/* --------- 2.5 Responsive Jumbo H1 Tags ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .h1respjumbo {
     text-align: center;
     font-weight: bold;
     font-size: 4.2em;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .h1respjumbo {
     text-align: center;
     font-weight: bold;
     font-size: 3.5em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .h1respjumbo {
     text-align: center;
     font-weight: bold;
     font-size: 3em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .h1respjumbo {
     text-align: center;
     font-weight: bold;
     font-size: 2.6em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .h1respjumbo {
     text-align: center;
     font-weight: bold;
     font-size: 2.4em;
  }
}






/* ---------------------------------- 3 Buttons ---------------------------------- */

/* --------- 3.1 "add to my site" Button ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .signupbtn {
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #f38824;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .signupbtn {
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #f38824;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .signupbtn {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    background: #f38824;
    padding: 6px 15px 8px 14px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .signupbtn {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    background: #f38824;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .signupbtn {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background: #f38824;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: nowrap;
  }
}
.signupbtn:hover {
  background: #f09e57;
  text-decoration: none;
  white-space: nowrap;
}

/* --------- 3.2 "try it below" Button (Old) ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .tryitbtn1 {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: #f38824;
    border: solid #f38824 3px;
    font-size: 15px;
    font-weight: bold;
    background: #ffffff;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .tryitbtn1 {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: #f38824;
    border: solid #f38824 3px;
    font-size: 15px;
    font-weight: bold;
    background: #ffffff;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .tryitbtn1 {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: Roboto;
    color: #f38824;
    border: solid #f38824 2px;
    font-size: 15px;
    font-weight: 500;
    background: #ffffff;
    padding: 3px 5px 4px 4px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .tryitbtn1 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Roboto;
    color: #f38824;
    border: solid #f38824 2px;
    font-size: 15px;
    font-weight: bold;
    background: #ffffff;
    padding: 3px 5px 4px 6px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .tryitbtn1 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Roboto;
    color: #f38824;
    border: solid #f38824 2px;
    font-size: 15px;
    font-weight: bold;
    background: #ffffff;
    padding: 3px 5px 4px 6px;
    text-decoration: none;
    white-space: nowrap;
  }
}
.tryitbtn1:hover {
    color: #f09e57;
    border: solid #f09e57 3px;
    text-decoration: none;
    white-space: nowrap;
  }
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .tryitbtn1:hover {
    color: #f09e57;
    border: solid #f09e57 2px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 */ {
  .tryitbtn1:hover {
    color: #f09e57;
    border: solid #f09e57 2px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 414px) /* iPhone 5 */ {
  .tryitbtn1:hover {
    color: #f09e57;
    border: solid #f09e57 2px;
    text-decoration: none;
    white-space: nowrap;
  }
}

/* --------- 3.3 "try the demo" Button ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .trythedemo {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #f38824;
    opacity: 0.63;
    padding: 11px 20px 10px 20px;
    text-decoration: none;
    white-space: normal;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .trythedemo {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #f38824;
    opacity: 0.63;
    padding: 11px 20px 10px 20px;
    text-decoration: none;
    white-space: normal;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .trythedemo {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    background: #f38824;
    opacity: 0.63;
    padding: 6px 15px 8px 14px;
    text-decoration: none;
    white-space: normal;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .trythedemo {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    background: #f38824;
    opacity: 0.63;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: normal;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .trythedemo {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background: #f38824;
    opacity: 0.63;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: normal;
  }
}
.trythedemo:hover {
  background: #f09e57;
  opacity: 0.63;
  text-decoration: none;
  white-space: normal;
}

/* --------- 3.4 "add to my site" Blue Button ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .signupbtn2 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #1f95d1;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .signupbtn2 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    background: #1f95d1;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 414px) /* iPhone 7+ */ {
  .signupbtn2 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    background: #1f95d1;
    padding: 6px 15px 8px 14px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 375px) /* iPhone 7 */ {
  .signupbtn2 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    background: #1f95d1;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .signupbtn2 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: Roboto;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background: #1f95d1;
    padding: 4px 9px 6px 9px;
    text-decoration: none;
    white-space: nowrap;
  }
}
.signupbtn2:hover {
  background: #6eb3ce;
  text-decoration: none;
  white-space: nowrap;
}

/* --------- 3.5 Blue Outline Button ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .bluelinebtn {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: black;
    font-size: 30px;
    font-weight: bold;
    background: white;
    padding: 10px 20px 10px 20px;
    border: solid #53a2ca 5px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .bluelinebtn {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    font-family: Roboto;
    color: black;
    font-size: 30px;
    font-weight: bold;
    background: white;
    padding: 10px 20px 10px 20px;
    border: solid #53a2ca 5px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .bluelinebtn {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Roboto;
    color: black;
    font-size: 20px;
    font-weight: bold;
    background: white;
    padding: 4px 9px 6px 9px;
    border: solid #53a2ca 5px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .bluelinebtn {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Roboto;
    color: black;
    font-size: 20px;
    font-weight: bold;
    background: white;
    padding: 4px 9px 6px 9px;
    border: solid #53a2ca 5px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .bluelinebtn {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Roboto;
    color: black;
    font-size: 18px;
    font-weight: bold;
    background: white;
    padding: 4px 9px 6px 9px;
    border: solid #53a2ca 5px;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
  }
}
.bluelinebtn:hover {
  background: white;
  border: solid #53a2ca 6px;
  text-decoration: none;
  white-space: nowrap;
  cursor:pointer;
}






/* ---------------------------------- 4 Blog ---------------------------------- */

/* --------- 4.1 Float Image Left & Right ---------*/
.blogimg {
    float: left;
    margin: 0 20px 0 0;
}

/* --------- 4.2 Right Sidebar Width ---------*/
/* Right Sidebar */
#primary {
   float: left;
   width: 64.54545454%;
}
#secondary {
   float: right;
   width: 28%;
}

/* Left Sidebar */
.left-sidebar #primary {
   float: right;
   width: 64.54545454%;
}
.left-sidebar #tertiary {
   float: left;
   width: 31.81818181%;
}

/* Both Sidebar */
.both-sidebar #primary {
   width: 72.72727272%;
}
.both-sidebar #secondary {
   width: 23.63636363%;
}
.both-sidebar #primary #content {
   float: right;
   width: 62.5%;
}
.both-sidebar #primary #tertiary {
   float: left;
   width: 32.5%;
}

/* No Sidebar */
.no-sidebar-full-width #primary {
   width: 100%;
}
.no-sidebar #primary {
   float: none;
   margin: 0 auto;
}

/* --------- 4.3 Remove WP Comment Count ---------*/
#primary .comments {
   display: none;
}
span.comments {
   display: none;
}

/* --------- 4.4 Right Sidebar Width ---------*/
@media only screen and (min-width:415px) /* larger than iPhone 6 Plus */ {
   #primary {
		  float: left;
      width: 64.54545454%;
	}
}
@media only screen and (max-width:414px) /* iPhone 6 Plus and smaller */ {
   #primary {
	    float: none;
	    width: 100%;
	 }
}
@media only screen and (min-width:415px) /* larger than iPhone 6 Plus */ {
   #secondary {
		  float: right;
      width: 28%;
	}
}
@media only screen and (max-width:414px) /* iPhone 6 Plus and smaller */ {
   #secondary {
	    float: none;
	    width: 100%;
	 }
}






/* ---------------------------------- 5 Line Breaks ---------------------------------- */

/* --------- 5.1 Display & Clear ---------*/

/* --------- 5.2 Non-responsive Line BR ---------*/
.linebr0 {
    display: block;
    clear: both;
    height: 0px;
}
.linebr1 {
    display: block;
    clear: both;
    height: 1px;
}
.linebr10 {
    display: block;
    clear: both;
    height: 10px;
}
.linebr20 {
    display: block;
    clear: both;
    height: 20px;
}
.linebr40 {
    display: block;
    clear: both;
    height: 40px;
}
.linebr60 {
    display: block;
    clear: both;
    height: 60px;
}

/* --------- 5.3 Responsive Line BR 20 PX ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .linebr20resp {
     display: block;
     clear: both;
     height: 20px;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .linebr20resp {
     display: block;
     clear: both;
     height: 20px;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .linebr20resp {
     display: block;
     clear: both;
     height: 15px;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .linebr20resp {
     display: block;
     clear: both;
     height: 10px;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .linebr20resp {
     display: block;
     clear: both;
     height: 10px;
  }
}

/* --------- 5.4 Responsive Line BR 40 PX ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .linebr40resp {
     display: block;
     clear: both;
     height: 40px;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .linebr40resp {
     display: block;
     clear: both;
     height: 40px;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .linebr40resp {
     display: block;
     clear: both;
     height: 30px;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .linebr40resp {
     display: block;
     clear: both;
     height: 20px;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .linebr40resp {
     display: block;
     clear: both;
     height: 20px;
  }
}






/* ---------------------------------- 6 Footer ---------------------------------- */

/* --------- 6.1 Social Icons Width & Spacing ---------*/
.social {
    width: 36px;
    margin-right: 3px;
}

/* --------- 6.2 Links Color ---------*/
section#text-1 a {
    color: #777777;
}
section#text-2 a {
    color: #777777;
}
section#text-3 a {
    color: #777777;
}
section#text-4 a {
    color: #777777;
}
section#text-5 a {
    color: #777777;
}
section#text-6 a {
    color: #777777;
}
section#text-9 a {
    color: #777777;
}






/* ---------------------------------- 7 Plugin Specific ---------------------------------- */

/* --------- 7.1 DV Team ---------*/

/* Name Align */
ul li figure {
   margin: 0;
   text-align: left;
}
/* Name Spacing */
.dvteamgrid .dv-member-desc {
    bottom: 0px;
}

/* --------- 7.2 Salesforce Forms ---------*/

/* Margins */
@media only screen and (min-width: 980px) /* Desktop */ {
  div.salesforce_w2l_lead {
    width: 85%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 979px) /* Tablet */ {
  div.salesforce_w2l_lead {
    width: 100%;
    margin: 0 auto;
  }
}

div .salesforce_w2l_lead .w2linput.text {
    width: 100%;
    height: auto;
    margin: .55em 0;
}

/* Centered Button */
.salesforce_w2l_lead .w2lsubmit {
    width: 100px;
    margin: auto;
}

/* --------- 7.3 Ninja Forms ---------*/
/* Spacing */
#ninja_forms_form_1_all_fields_wrap .field-wrap, #ninja_forms_required_items {
   margin-bottom: -15px;
}

/* Required Text Removal */
.ninja-forms-req-symbol {
    display: none;
}
.ninja-forms-required-items {
    display: none;
}

/* Form 6 width wrapper */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_form_6_all_fields_wrap {
      width: 77%;
      margin: 0 auto;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_form_6_all_fields_wrap {
      width: 100%;
   }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_form_6_all_fields_wrap {
      width: 100%;
   }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_form_6_all_fields_wrap {
      width: 100%;
   }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_form_6_all_fields_wrap {
      width: 100%;
   }
}

/* Form 6 email field width and float */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_7_div_wrap {
      width: 80%;
      float: left;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_7_div_wrap {
      width: 79%;
      float: left;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_7_div_wrap {
      width: 73%;
      float: left;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_7_div_wrap {
      width: 72%;
      float: left;
   }
}  
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_7_div_wrap {
      width: 69%;
      float: left;
   }
} 

/* Form 6 email field width and float */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_7 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      color: #AAAAAA;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_7 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      color: #AAAAAA;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_7 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_7 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_7 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      color: #AAAAAA;
   }
} 

/* Form 6 button float right */
@media only screen and (min-width: 769px) /* Desktop */ {
   #nf_submit_6 {
      float: right;
      width: 18%;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #nf_submit_6 {
      float: right;
      width: 18.5%;
   }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #nf_submit_6 {
      float: right;
      width: 22.5%;
   }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #nf_submit_6 {
      float: right;
      width: 25%;
   }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #nf_submit_6 {
      float: right;
      width: 28%;
   }
}

/* Form 6 button font weight */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_10 {
      font-weight: 700;
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_10 {
      font-weight: 700;
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
   }
}   
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_10 {
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_10 {
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_10 {
      font-weight: 700;
      height: 35px;
      font-size: 15px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 

/* Form 11 Email Float & Size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_16_div_wrap {
      width: 33%;
      float: left;
      margin-left: 8%;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_16_div_wrap {
      width: 38.5%;
      float: left;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_16_div_wrap {
      width: 100%;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_16_div_wrap {
      width: 100%;
   }
}  
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_16_div_wrap {
      width: 100%;
   }
} 

/* Form 11 Blog URL Float & Size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_17_div_wrap {
      width: 33%;
      float: left;
      margin-left: 2%;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_17_div_wrap {
      width: 38.5%;
      float: left;
      margin-left: 2%;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_17_div_wrap {
      width: 100%;
      margin-left: 0%;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_17_div_wrap {
      width: 100%;
   }
}  
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_17_div_wrap {
      width: 100%;
   }
}


/* Form 11 Email Field size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_16 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_16 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_16 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_16 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_16 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
} 

/* Form 11 Email Field size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_17 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_17 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_17 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_17 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_17 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      color: #AAAAAA;
      margin-bottom: 0px;
   }
} 


/* Form 11 button font weight */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_18 {
      margin-left: 2%;
      font-weight: 700;
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      float: left;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_18 {
      margin-left: 2%;
      font-weight: 700;
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      float: left;
   }
}   
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_18 {
      margin-left: 38%;
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_18 {
      margin-left: 36%;
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_18 {
      margin-left: 34%;
      font-weight: 700;
      height: 35px;
      font-size: 15px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 

/* Form 12 First Name float and width */
#ninja_forms_field_19_div_wrap {
  width: 49%;
  float: left;
}

/* Form 12 Last Name float and width */
#ninja_forms_field_20_div_wrap {
   width: 49%;
   float: left;
   margin-left: 2%;
}

/* Form 12 First Name size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_19 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      margin-bottom: 0px;
      padding-left: 11px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_19 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      margin-bottom: 0px;
      padding-left: 8px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_19 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
      padding-left: 5px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_19 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_19 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 

/* Form 12 Last Name size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_20 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      margin-bottom: 0px;
      padding-left: 11px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_20 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      margin-bottom: 0px;
      padding-left: 11px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_20 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_20 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_20 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 

/* Form 12 Email size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_21 {
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_21 {
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_21 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_21 {
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_21 {
      height: 35px;
      font-size: 14px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 

/* Form 12 Email size */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_22 {
      font-size: 25px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_22 {
      font-size: 20px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_22 {
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_22 {
      font-size: 16px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_22 {
      font-size: 14px;
      border-radius: 8px;
      margin-bottom: 0px;
   }
}

/* Form 12 button font weight */
@media only screen and (min-width: 769px) /* Desktop */ {
   #ninja_forms_field_23 {
      margin-left: 44%;
      font-weight: 700;
      height: 55px;
      font-size: 25px;
      border-radius: 8px;
      float: left;
   }
}
@media only screen and (max-width: 768px) /* Tablet */ {
   #ninja_forms_field_23 {
      margin-left: 41%;
      font-weight: 700;
      height: 50px;
      font-size: 20px;
      border-radius: 8px;
      float: left;
   }
}   
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
   #ninja_forms_field_23 {
      margin-left: 40%;
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
}  
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   #ninja_forms_field_23 {
      margin-left: 39%;
      font-weight: 700;
      height: 40px;
      font-size: 16px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   #ninja_forms_field_23 {
      margin-left: 38%;
      font-weight: 700;
      height: 35px;
      font-size: 15px;
      border-radius: 8px;
      padding: 0px 12px 0 12px;
   }
} 

/* Responsive Ninja Form Width */
@media only screen and (min-width: 769px) /* Tablet and larger */ {
   .nfresp {
      width: 80%;
      margin: 0 auto;
   }      
} 
@media only screen and (max-width: 768px) /* Smaller than a Tablet {
   .nfresp {
      width: 100%;
      margin: 0 auto;
   }      
}


/* --------- 7.4 WP Notification Bar Newsletter  --------- */
.mtsnb-fieldset #mtsnb-email {
    height: 36px;
    width: 200px;
}
.mtsnb-fieldset .mtsnb-submit.mtsnb-newsletter-button {
    float: right;
}
input.mtsnb-submit.mtsnb-button.mtsnb-newsletter-button {
    position: absolute;
    top: 10px;
    margin-left: 85px;
    margin-top: -1px;
}
.mtsnb-form .mtsnb-text {
    margin-top: 2px !important;
    display: inline-block;
    vertical-align: middle;
}
.mtsnb-fieldset #mtsnb-email {
   margin: 0 0 2px;
}
.mtsnb .mtsnb-button {
   padding: 4px 10px;
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  #mtsnb-1242 { 
     display: none;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  body { 
     padding-top: 0px;
  }
}

/* --------- 7.5 OSD Share Icons ----*/
.osd-sms-title {
   display: none;
}
.osd-sms-wrapper {
   border-top: 0px solid #bbb;
   padding-top: 22px;
}







/* ---------------------------------- 8 Global Styles ---------------------------------- */

/* --------- 8.1 Page Title Margins & Weight ---------*/
.header-post-title-container {
   padding: 20px 0;
   background-color: #f38824;
   border-bottom: 1px solid #f2f2f2;
}
.header-post-title-container .post-title-wrapper {
   float: none;
   max-width: 100%;
   padding-right: 0px;
   text-align:center;
}
.header-post-title-class {
   font-size: 40px;
   padding-bottom: 0;
   color: #ffffff;
}

/* --------- 8.2 All Headings Black.... ish ---------*/
h1, h2, h3, h4, h5, h6 {
   color: #1F2021;
}

/* --------- 8.3 A Links ---------*/
a {
   color: #000000;
   text-decoration: none;
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out;
   -ms-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
   color: #f38824;
}

.single-page p a {
   color: #000000;
}
.single-page p a:hover {
   color: #f38824;
}

/* --------- 8.4 Responsive Width ---------*/
/* --------- 60 % ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .respwidth {
     width: 60%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .respwidth {
     width: 80%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .respwidth {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .respwidth { 
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .respwidth {
     width: 100%;
     margin: 0 auto;
  }
}

/* --------- 75 % ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .respwidth2 {
     width: 75%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .respwidth2 {
     width: 90%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .respwidth2 {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .respwidth2 { 
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .respwidth2 {
     width: 100%;
     margin: 0 auto;
  }
}

/* --------- 90 % ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .respwidth3 {
     width: 90%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .respwidth3 {
     width: 90%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .respwidth3 {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .respwidth3 { 
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .respwidth3 {
     width: 100%;
     margin: 0 auto;
  }
}







/* ---------------------------------- 9 Useful Random Styles ---------------------------------- */

/* --------- 9.1 Margin Bottom 0 px ---------*/
.mgbtzero {
    margin-bottom: 0px;
}

/* --------- 9.2 Responsive Black Box ---------*/
.blkbox {
    border: 5px solid black;
    padding: 2% 2% 2% 2%;
}

/* --------- 9.3 Responsive Horizontal Line ---------*/
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eee;
    width: 100%;
}

/* --------- 9.4 Text Colors ---------*/
.orange {
   color: #f38824;
}
.black {
   color: #000000;
}

/* --------- 9.5 Font Weights ---------*/
.bld {
   font-style: bold;
}
.three {
   font-weight: 300;
}
.five {
   font-weight: 500;
}
.nine {
   font-weight: 900;
}

/* --------- 9.6 Image Swap for Mobile ---------*/
.img2{
   display: none;
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus and smaller */ {
   .img1{
     display: none;
   }
   .img2{
     display: block;
   }
}






/* ---------------------------------- 10 Home Page Only ---------------------------------- */

/* --------- 10.1 Responsive Product Shot w Play Button ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .proplaybtn {
     width: 88%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) /* Tablet */ {
  .proplaybtn {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .proplaybtn {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .proplaybtn {
     width: 100%;
     margin: 0 auto;
  }
}
@media only screen and (max-width: 320px) /* iPhone 6 */ {
  .proplaybtn {
     width: 100%;
     margin: 0 auto;
  }
}

/* --------- 10.2 Body Top Margin ---------*/
@media only screen and (max-width: 979px) /* Tablet */ {
  div.main-wrapper div.single-page  {
     margin-top: 25px;
  }
}

/* --------- 10.3 Responsive Text Below Checks ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .presp {
     font-size: 0.938em;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .presp {
     font-size: 0.938em;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .presp {
     font-size: 0.8em;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .presp {
     font-size: 0.8em;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .presp {
     font-size: 0.8em;
  }
}

/* --------- 10.4 Responsive Clipboard ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .clip {
     float: left;
     width: 50%;
  }
}
@media only screen and (max-width: 768px) /* Tablet */ {
  .clip {
     float: left;
     width: 50%;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .clip {
     width: 100%;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */  {
  .clip {
     width: 100%;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .clip {
     width: 100%;
  }
}

/* --------- 10.5 Responsive Clipboard Notes ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .clipnotes {
     float: left;
     width: 34%;
     margin: 0 0 5% 10%;
  }
}
@media only screen and (max-width: 768px) /* Tablet */ {
  .clipnotes {
     float: left;
     width: 34%;
     margin: 0 0 5% 10%;
     font-size: 15px;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .clipnotes {
     width: 93%;
     margin: 0 0 5% 0%;
     font-size: 15px;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */  {
  .clipnotes {
     width: 93%;
     margin: 0 0 5% 0%;
     font-size: 14px;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .clipnotes {
     width: 93%;
     margin: 0 0 5% 0%;
     font-size: 14px;
  }
}

/* --------- 10.6 Guy With Product Shot @ Top ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .toplefthome {
     float: left;
     width: 82%;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .toplefthome {
     float: left;
     width: 82%;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .toplefthome {
     float: left;
     width: 82%;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .toplefthome { 
     float: left;
     width: 82%;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .toplefthome {
     float: left;
     width: 82%;
  }
}

/* --------- 10.7 "try it now" Button @ Top ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
  .toprighthome {
     float: right;
     width: 15%;
  }
}
@media only screen and (max-width: 768px) /* iPad */ {
  .toprighthome {
     float: right;
     width: 15%;
  }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
  .toprighthome {
     float: right;
     width: 15%;
  }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
  .toprighthome {
     float: right;
     width: 15%;
  }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
  .toprighthome {
     float: right;
     width: 15%;
  }
}

/* --------- 10.8 Home H1 Subtitle ---------*/
@media only screen and (min-width: 769px) /* Desktop */ {
   .h1sub {
      font-size: 1.5em;
      color: black;
   }
}
@media only screen and (max-width: 768px) /* iPad */ {
   .h1sub {
      font-size: 1.2em;
      color: black;
   }
}
@media only screen and (max-width: 414px) /* iPhone 6 Plus */ {
    .h1sub {
       font-size: 1.2em;
       color: black;
    }
}
@media only screen and (max-width: 375px) /* iPhone 6 */ {
   .h1sub { 
      font-size: 1.1em;
      color: black;
   }
}
@media only screen and (max-width: 320px) /* iPhone 5 */ {
   .h1sub {
      font-size: 0.9em;
      color: black;
   }
}