p {
      color: #333;
      line-height: 1.5;
    }
    
    .prl-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .left-sidebar {
      margin-left: -30px;
    }
    .facebook-reviews, .google-reviews p {
      font-size: 14px;
    }

    .menubar {
      margin: 10px auto;
    }

    .logonew {
      width: 240px;
      display: block !important;
      margin: 0 auto;
    }
    .navbar-header {
      float: none !important;
    }
    .navbar-nav {
      float: none !important;
      margin: 0;
      width: 240px;
      margin: 0 auto;
      clear: both;
    }

    .navbar-toggle {
      position: relative;
      float: right;
      padding: 0 !important;
      margin-top: -20px;
      margin-right: 0 !important;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px;
    }

    .navbar-toggle .icon-bar {
      background: #333 !important;
    }

    body {
      position: relative;
      font-size: 16px;
    }
    
    .main-div-2 {
        /* padding: 10px; */
        padding-left: 10px;
        /*margin-left: -25px;*/
        border-left: 1px solid #ddd;
    }

    .affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
    }

    .navbar {
      margin-bottom: 0px;
      background-color: #000;      
    }

    .navbar-inverse .navbar-nav>li>a {
      color: white;
    }

    #footer-navbar {
      border-radius: 0 !important;
      min-height: 55px !important;
    }


    .affix~.container-fluid {
      position: relative;
      top: 50px;
    }

    header.carousel {
      height: 100%;
    }
    
    .panel {         
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    .panel-heading {
      padding: 0 !important;
    }

    .panel-body {
        padding: 10px;
    }

    .panel-body p {
      line-height: 1.4;
    }

    .panel-title {
      padding: 10px;
      background-color: #333;
      color:white;
      font-size:18px;
    }

    .authorPanel {
      margin-bottom: 0 !important;
    }

    .authorPanel img {
      width: 50%;
      margin: 0 auto;
      display: block;
      border-radius: 20px;
    }

    .authorPanel h4 {
      text-align: center;
    }

    #gd-footer {
      height: 20px;
      font-size: 14px;
    }
    #gd-footer p {
      font-size: 16px;
    }

    #footer-div {
      background-color: #000;
    }

    .flex-div {      
      font-size: 14px;
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
    }


    /* Control buttons  */
    #quote-carousel .carousel-control {
      background: none;
      color: #222;
      font-size: 2.3em;
      text-shadow: none;
      margin-top: 25%;
    }

    /* Previous button  */
    #quote-carousel .carousel-control.left {
      left: 0 !important;
    }

    /* Next button  */
    #quote-carousel .carousel-control.right {
      right: 0 !important;
    }

    /* Changes the position of the indicators */
    #quote-carousel .carousel-indicators {
      right: 50%;
      top: auto;
      bottom: 0px;
      margin-right: -19px;
    }


    /*
    Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
    CSS from:       http://codepen.io/transportedman/pen/NPWRGq
    and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
    Inspired from:  http://codepen.io/Rowno/pen/Afykb 
    */
    .carousel-fade .carousel-inner .item {
      opacity: 0;
      transition-property: opacity;
    }

    .carousel-fade .carousel-inner .active {
      opacity: 1;
    }

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1;
    }

    .carousel-fade .carousel-control {
      z-index: 2;
    }

    /*
    WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
    Need to override the 3.3 new styles for modern browsers & apply opacity
    */
    @media all and (transform-3d),
    (-webkit-transform-3d) {

      .carousel-fade .carousel-inner>.item.next,
      .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }

      .carousel-fade .carousel-inner>.item.prev,
      .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }

      .carousel-fade .carousel-inner>.item.next.left,
      .carousel-fade .carousel-inner>.item.prev.right,
      .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }

    .orderbutton {
      background: #3485e1;
      color: #fff;
      display: block;
      text-align: center;
      font-weight: bold;
      border-radius: 4px;
      padding: 3px;
      margin-top: 10px;
    }

    .orderbutton:hover {
      background: #275e9c;
      text-decoration: none;
      border-bottom: 0;
      color: #fff;
    }

    .product-left {
      padding-top: 20px;
    }

    .product-right {
      padding-top: 20px;
    }

    .product-row {
      padding: 20px 0;
      border: 1px solid #eee;
      background: #fff;
      margin-top: 30px;
      box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    }

    .product-row img {
      max-width: 100%;
    }

    .product-middle h3 {
      font-weight: bold;
      font-size: 18px;
    }

    .product-middle ul {
      font-size: 16px;
      margin-left: -10px;
    }

    .product-row .ribbon {
      position: absolute;
      background: #72bcde;
      padding: 3px 5px;
      color: #fff;
      font-weight: bold;
      margin-left: -16px;
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }

    .ribbon.first {
      background: #f86b03;
    }

    .product-row .ribbon::after {
      /* this creates the "folded" part of our ribbon */
      content: "";
      height: 0;
      width: 0;
      display: block;
      position: absolute;
      bottom: -15px;
      left: 0;
      border-top: 15px solid #004a70;
      border-left: 15px solid transparent;
    }

    #graph-div{
      width:400px;
      float:right;
      margin:0 0 20px 20px;
      /*border:1px solid #e2e2e2;*/
    }

    #graph-div img{
      width:100%;
    }


    #benefits-div p{
      margin-bottom: 25px;
      padding-left: 65px;

    }


    .disclouser {
      /*padding:0 20px;*/
      background-color: #333;
      width:100%;
      border-bottom:1px solid #ccc;
       border-top:1px solid #ccc;
    }

    .disclouser p {
      color:white !important;
      margin-top: 5px;
      margin-bottom:5px;
      padding-right:1px;
      padding-left:1px;
      font-size:12px;
      color: #333;
      font-weight:400;
      /*border-top:1px solid #ccc;*/
      max-width:850px;
      margin-left: auto;
      margin-right: auto;
    }


    .icon-img {
      display: block;
      max-width: 50px;
      float: left;
      clear: left;
      margin-right: 15px;
      margin-bottom: 3px;
      padding-bottom: 10px;
    }


    .icons-block {
      display:flex;
     flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: flex-start;
      margin: 30px auto;
    }

    .icon-div {
      /*display: inline-block;*/
      flex:none;
      height: 120px;
      width:20%;
      margin:5px auto;
      /*border:1px solid #ccc;*/
      text-align: center;

    }
   
    .icon-div img {
        display: block;
        width: 60px;  
        margin: auto;
        vertical-align: middle;
      }

      .icon-div span {
        font-size:16px;
        font-weight: 500;
        margin-bottom: 25px;
        padding-left: 5px;
      }

     .mt-30{
      margin-top:30px;
     }

      .font-26 {
        font-size:26px;
      }

      #photo-div {
       float:left;
       padding-right:10px;
       width:200px;
       height:250px;
       padding: 0px;
       border:solid 0px black;
       margin-right:15px;
       margin-top:15px;
       margin-bottom:5px; 
       padding-bottom: 30px;
      }


      #photo-div span {
          font-size:15px;
      }



   
    /* Small devices (tablets, up to 768px) */
    @media (max-width: 768px) {
     
      .flex-div {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
      }

      .flex-div a{
        margin-bottom: 10px;
      }

      .main-div {
          padding: 5px 0;
          border-left: none;
          margin-top: 20px;
          margin-left: -10px;
      }

     .nav>li {
         text-align: center;
     }
     
     .disclouser p {   
         padding-right: 5px;
         padding-left: 5px;
         font-size: 11px;
       }

       
      .mb-brake {
        display: block;
      }

      .icon-div {       
        width:130px; 
        height: 105px;     

      }
       .icon-div span {
        font-size: 14px;
        line-height: 0.5;
      }


      #graph-div{
        width:100% !important;
        float:none;
        margin:0px !important;
        padding-bottom:10px;
      }

    /*  .col-sm-12 {
        width: 100% !important;
        display: block;
        float: left;
        text-align: center;
      }*/

      .product-row .ribbon {
        margin-left: 0;
      }

      .product-row .ribbon::after {
        display: none;
      }   

      /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
      #quote-carousel .carousel-indicators {
        bottom: -10px !important;
      }

      #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
      }

      #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
      }
    }


    
    /* Small devices (tablets, smaller then 321px) */
    @media (max-width: 321px) {
      .font-26 {
        font-size: 23px;
      }
 
      #photo-div {
       float:none;       
     }

     #photo-div img {
       width:100% !important;     
     }
     .navbar-toggle {        
        margin-top: -23px;
        margin-right: -20px !important;
      }

    }