/* lg */ 
@media (min-width: 1200px) {
  .navbar {
    padding: 0px 10px;           /* This is where the blue .navbar height is controlled */
    margin-left: 0;
    padding-bottom: 0;
    /*background-color:magenta;*/
  }
  .navbar-nav {
    width: 100%; 
    background-color: #3399FF;     /* blue nav items */
    color: #fff;
    height: 20px;
}
    #services-carat {
      margin:-66px 0px 0px 66px;
      /*background-color: brown;*/ 
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 46px;
      /*background-color: wheat;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 60px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 46px;
    }
    .video-wrapper iframe {
        min-height: 540px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
    #footer ul > li {
      display: inline-block;
      margin-left: 10px;
      color: #fff;
      text-transform:uppercase;
      width: 15%;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar {
    padding: 0px 10px;           /* This is where the blue .navbar height is controlled */
    margin-left: 0;
    padding-bottom: 0;
    /*background-color:purple;*/
    margin-right: 0px !important;
  }
    .navbar-nav {
    width: 100%; 
    background-color: #3399FF;     /* blue nav items */
    color: #fff;
    height: 20px;
}
    #services-carat {
      margin:-66px 0px 0px 26px;
      /*background-color: firebrick;*/
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 30px;
      /*background-color: purple;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 40px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 30px;
    }
    .section-services {                      /* Used to overlap the Services blue bar over the home image */
        position: relative;
        margin-top: -120px;
        z-index: 5 !important;
    }
    .video-wrapper iframe {
        min-height: 540px;
}
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
    #footer ul > li {
      display: inline-block;
      margin-left: 10px;
      color: #fff;
      text-transform:uppercase;
      width: 14%;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar {
    padding: 0px 10px;           /* This is where the nav bar height is controlled */
    margin-left: 0;
    padding-bottom: 0;
    /*background-color:pink;*/
  }
  .navbar-nav {
    width: 100%; 
    background-color: #3399FF;     /* blue nav items */
    color: #fff;
    height: 20px;
    }
    .service-items {
      float:left;
      padding-bottom: 30px;
      max-width: 240px;
    }
    #services-carat {
      margin:-66px 0px 0px 26px;
      /*background-color: lightsalmon;*/
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 10px;
      /*background-color: orange;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 20px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 10px;
    }
    .section-services {                      /* Used to overlap the Services blue bar over the home image */
        position: relative;
        margin-top: -120px;
        z-index: 5 !important;
    }
    .video-wrapper iframe {
        min-height: 420px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
    #footer ul > li {
      display: inline-block;
      margin-left: 10px;
      color: #fff;
      text-transform:uppercase;
      width: 14%;
    }
}

/* xs */
@media (max-width: 767px) {
    .navbar {
        padding: 0px 0px 0px;           /* This is where the blue .navbar height is controlled */
    }
    .top-nav-collapse {
        padding: 0;
    }
    .navbar-header {
    width: 100%; 
    background-color: #3399FF;          /* Blue bar to hold nav button */
    height: 48px;
    margin-bottom: 0px;
    }
    .nav-item {
        width: 30%;
    }
    .navbar-inverse .navbar-nav a {
        text-align: left;
    }
    .entry{
    line-height: 42px;                  /* This is used to center the top buttons with the logo */
    vertical-align:middle;
    text-align: center;
    /*background-color: orange;*/ 
    }
    .contact-wrapper {
      text-align: center;
    }
    #footer ul > li {
      display: inline-block;
      margin-left: 10px;
      color: #fff;
      text-transform:uppercase;
      width: 12%;
    }
    #services-carat {
      margin:-66px 0px 0px 0px;
      /*background-color:chartreuse;*/
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 0px;
      /*background-color: pink;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 10px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 0px;
    }
    .section-services {                      /* Used to overlap the Services blue bar over the home image */
        position: relative;
        margin-top: -100px;
        z-index: 5 !important;
    }
    .video-wrapper iframe {
        min-height: 340px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
}

/* XS Portrait 2 */
@media (min-width: 401px) and (max-width: 480px) {
    .col-xs-7 {
        width: 100%;
    }
    .col-xs-5 {
        width: 100%;
    }
    .nav-item {
        width: 40%;
    }
    #services-carat {
        margin: -66px 0px 0px 186px;
        /*background-color: darkorchid;*/
    }
    /* Carat of process blue bar */
    #process-carat {
        margin: -8px 0px 0px 160px;
        /*background-color: yellow;*/
    }
    /* Carat on links blue bar */
    #links-carat {
        margin: -6px 0px 0px 180px;
    }
    /* Carat of links about us bar */
    #about-carat {
        margin: -6px 0px 0px 170px;
    }
    .section-services {                      /* Used to overlap the Services blue bar over the home image */
        position: relative;
        margin-top: -60px;
        z-index: 5 !important;
    }
    .video-wrapper iframe {
        min-height: 280px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
}

/* XS Portrait 1 */
@media (min-width: 360px) and (max-width: 400px) {
.col-xs-7 {
    width: 100%;
    }
    .col-xs-5 {
        width: 100%;
    }
    .nav-item {
        width: 40%;
    }
    #services-carat {
        margin: -66px 0px 0px 146px;
        /*background-color: orange;*/
    }
    /* Carat of process blue bar */
    #process-carat {
        margin: -8px 0px 0px 140px;
        /*background-color: yellow;*/
    }
    /* Carat on links blue bar */
    #links-carat {
        margin: -6px 0px 0px 160px;
    }
    /* Carat of links about us bar */
    #about-carat {
        margin: -6px 0px 0px 150px;
    }
    .section-services {                      /* Used to overlap the Services blue bar over the home image */
        position: relative;
        margin-top: -40px;
        z-index: 5 !important;
    }
    .video-wrapper iframe {
        min-height: 240px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
}

/* XXS Portrait */
@media (min-width: 320px) and (max-width: 360px) {
    #main-slider .carosel h2 {
      font-size: 38px;
    }
    .col-xs-9 {
    width: 90%;
    }
    .col-xs-7 {
        width: 100%;
    }
.col-xs-5 {
    width: 100%;
}
    .nav-item {
        width: 60%;
    }
    #services-carat {
      margin:-66px 0px 0px 120px;
      /*background-color: limegreen;*/
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 110px;
      /*background-color: yellow;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 120px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 110px;
    }
    .section-services {                        /* Used to overlap the Services blue bar over the home image */
    position: relative; 
    margin-top: -60px; 
    z-index: 5!important;
    }
    .video-wrapper iframe {
        min-height: 220px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
    #message_box {
        position: absolute;
        top: 0; left: 0;
        z-index: 10;
        background: #ffffff;
        padding:0px 4px 4px 4px;
        border:6px solid #ff8400;
        text-align:center;
        font-weight:bold;
        width:100%;
        border-radius: 8px;
        float:right; 
        margin-right: 14px;
    }
    #message_box p {
        color: #111111;
        text-align:center;
        margin-right: 0px;
        padding: 6px 6px 6px 6px;
    }
    #message_box p .prize {
      color: #000066;
      font-size: 18px;
      line-height:24px;
      font-weight:600;
      text-align: center;
    }

    #message_box p .drawing {
      color: #111111;
      font-size: 12px;
      line-height:20px;
      font-weight:600;
      padding-top: 0px;
    }

    #message_box p .underline {
        text-decoration: underline;
    }

    .entry-quote { 
      padding: 4px 18px;
      background-color: #000066;
      color: #3399FF!important;
      border-radius: 4px;
      border:none;
      margin-top: 10px;
      margin-bottom: 0px;
      font-size: 22px;
      line-height:24px;
      font-weight:600;
    }

    .entry-quote:hover, 
    .entry-quote:focus {
      background: #ff8400;                      /*  Orange for hover on log in and sign up button */
      outline: none;
      box-shadow: none;
      border:none;
      color: #fff !important;
    }

    .close-modal {
        width: 100%; 
        float:right; 
        text-align:right;    
    }

     .close-modal a {
      background: #fff;       
      outline: none;
      box-shadow: none;
      border:none;
      color: #111111 !important;
      font-weight:600;
    }
}

/* XXXS Portrait */
@media (min-width: 50px) and (max-width: 320px) {
    #main-slider .carousel h2 {
      font-size: 38px;
    }
    .col-xs-9 {
    width: 90%;
    }
    .col-xs-7 {
        width: 100%;
    }
    .col-xs-5 {
        width: 100%;
    }
    .nav-item {
        width: 60%;
    }
    #services-carat {
      margin:-66px 0px 0px 120px;
      /*background-color: orange;*/
    }
    /* Carat of process blue bar */
    #process-carat {
      margin:-8px 0px 0px 110px;
      /*background-color: yellow;*/ 
    }
    /* Carat on links blue bar */
    #links-carat {
      margin:-6px 0px 0px 120px;
    }
    /* Carat of links about us bar */
    #about-carat {
      margin:-6px 0px 0px 110px;
    }
    .section-services {                        /* Used to overlap the Services blue bar over the home image */
    position: relative; 
    margin-top: -20px; 
    z-index: 5!important;
    }
    .video-wrapper iframe {
        min-height: 200px;
    }
    .video-wrapper video {
        width: 100%;
        height: auto;
    }
}