@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup, filler, webmaster {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #3CF;
}

a:hover {
	color: #FC3;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

.remindicon {
  width: 4%;
  height: 4%;
  margin-top: -1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  white-space: nowrap;
display: inline-block;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #FFCD00;
  color: #fff;
}

::-moz-selection {
  background: #FFCD00;
  color: #fff;
}



.popup {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup .popuptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(255, 205, 0, 0.5);
  /*background-color: #FFCD00;*/
  color: rgba(166, 25, 46, 0.75); /*#A6192E;*/
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 59%;
  margin-left: -80px;
  padding-top: 0.25%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  padding-bottom: 0.25%;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/*for popup */
/* Add animation (fade in the popup) */

@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes fadeOut {
  from {opacity: 1;} 
  to {opacity: 0;}
}
@keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;} 
} 


.caption_button_container {
position: absolute;

width: 100%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;

} 

.caption-button-blue_align {
position: relative;

  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  width: 100%;
 height: 100%;

}


.caption-button-blue_left {
width: 48%;
float: left;
  background-color: #339900;
  box-shadow: 2px 2px 2px rgba(143,143,140);
  border-radius: 22px;
  transition: all .3s;
  padding-right: 0;
  margin-left: 0;
  margin-right: 1%;
color: #ffffff;
font-weight: 600;
  text-align: center;
    /*padding: 8px 8px;*/
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;

}

.caption-button-blue_left:hover {
  background-color: #77a4ff;
  color: #00308f;
}

.caption-button-blue_right {
width: 48%;
float: right;
  background-color: #00308f;
  box-shadow: 2px 2px 2px rgba(143,143,140);
  border-radius: 22px;
  transition: all .3s;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
color: #ffffff;
font-weight: 600;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;

}
.caption-button-blue_right:hover {
  background-color: #77a4ff;
  color: #00308f;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 50px; 
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.sub-header {
  background-color: #1f272b;
  position: relative;
  z-index: 1111;
}

.sub-header .left-content p {
  color: #fff;
  padding: 0px 0px 0px 0px;
  font-size: 13px;

}


.sub-header .right-icons {
  text-align: right;
  margin-top: 2%; /*top margin of icons*/
}


.sub-header .right-icons ul li {
 display: inline;

  padding-left: 10px; /*spacing between icons*/

}


.sub-header .right-icons ul li a {
  color: #fff;
  font-size: 16px;
  transition: all .3s;
  display: inline;

}

.sub-header .right-icons ul li a:hover {
  color: #FFCD00;
}

.sub-header .left-content p em {
   font-style: normal;
   color: #FFCD00;
}
.sub-header .left-content_update p {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 10px;
   color: red;
}

.background-header {
    margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff!important;
  height: 92px!important;
  position: fixed!important;

  top: 0!important;
  left: 0;
  right: 0;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;

}

.background-header .title
 {
  color: #77a4ff!important;
}

.background-header .main-nav .nav li {

  margin-top: -4%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;

}

.background-header .main-nav .nav li a {
  color: #A6192E!important;

}


.background-header .main-nav .nav li:hover a {
  color: #FFCD00!important;
}

.background-header .nav li a.active {
  color: #FFCD00!important;
}

/*white bar at top */
.header-area {
  background-color: rgba(250,250,250,0.3); /*menu box color & opacity*/
  position: absolute;
 /*  top: 40px;*/
  top: 5%;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  margin-top: 0;
  padding-top: 0;


}

.header-area .main-nav {
min-height: 80px;
/*opacity: 1;
background: transparent;*/
margin-top: 1%;
margin-bottom: 0;
position: relative;

}



.makeitcenter {
position: relative;
width: 100%;
height: auto;

}

/* contains both logos and title */
.logo_title_container {
  float: left;
  width: 39%;
  height: 100%;
  position: absolute;
  top: 0;
  margin: auto;
  /*margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;*/
  padding: 0;
 /* background-color: orange;*/


}

.makeitcenter_aflogo {
  position: absolute;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;

}

 .aflogo {
  width: 13%;
  vertical-align: text-top;
  float: left;
  /*object-fit: scale-down;*/
  margin-top: 0;
  margin-left: 0.5%;
  margin-right: 0;
  margin-bottom: 0; 
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: 0;
  /*vertical-align: baseline;*/
 /* background-color: yellow; */

}

.makeitcenter_title {
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-left: 0;

}


/* contains only the title, not logos */
.title_container {
  padding: 0;
  margin: auto;
  bottom: 0;
  text-align: center;
  display: block;
  height: auto;
  width: 72%;

  /*position: relative;*/
} 

.title {
  margin-top: 0;  
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; 
  line-height: 1.25;
  color: #ffffff;
  font-size: 1.75vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;

}

.title:hover {
  color: #ffffff;
}

 .title_rotc {
  color: #00308f;
  font-size: 1.75vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-shadow: 0.6px 0.6px #FFCD00, -0.4px -0.4px #b4ccff;
}

.makeitcenter_afjrotclogo {
  position: absolute;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;

}

.afjrotclogo  {
  width: 13%;
  float: right;

  /*position: absolute; moves logo to left */
  /*vertical-align: baseline; doesn't work*/
  margin-top: -13%;  
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; 
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: 0;

 /* background-color: blue; */
}

.menu_container {
float: right;
  width: 59%;
height: 80px;

  /* right: 0; doesn't work */
  /* text-align: right; doesn't work */
  top: 0;
 margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
   /*background-color: green;*/

}

.makeitcenter_menu {
  width: 100%;
  height: 40%;
  top: 0;

  /* right: 0; doesn't work */
  /* text-align: right; doesn't work */

 margin-top: 4%;
  margin-bottom: 4%;
  margin-left: 0;
  margin-right: 0;
  float: right;
text-align: right;

}

/* menu items */
.header-area .main-nav .nav {
  width: 100%;
  padding-left: 2%;
  margin-top: 0;
margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
/*position: relative;*/

  z-index: 999;

  float: right;


text-align: right;

}

/*space between menu item words */
.header-area .main-nav .nav li {
  padding-left: 2.25%;
  padding-right: 0;
  float: right;

text-align: right;

}











/* when title bar is shrunk down */
.background-header .main-nav .title {
  /*line-height: 32px;*/


}

.background-header .nav {
  margin-top: 20px !important;

}



.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;

  font-weight: 600;
 /* font-size: 18px;*/
  font-size: 0.95vw;
  text-transform: uppercase;
  color: #fff;

  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /*height: 40px;*/
height: 1%;
 /* line-height: 40px;*/
 line-height: 1;
  border: transparent;
  letter-spacing: 1px;

  margin-top: 0.5%;  
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5%; 

}


.header-area .main-nav .nav li a.active {
  color: #FFCD00!important;
}

.header-area .main-nav .nav a {
  /*color: #FFCD00!important;*/
  color: #ffffff!important;
}
.header-area .main-nav li:hover a {
 /* color: #ffffff!important;*/
color: #FFCD00!important;
}


.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #FFCD00!important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;

}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  /*width: 200px;*/
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all .3s;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #FFCD00!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
 text-indent: -9999em;
  z-index: 99;
  right: 40px;
 display: none;

}

.background-header .main-nav .menu-trigger {
  top: 23px;

}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #00308f;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;

}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #00308f;

}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
  background-color: #00308f;

}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #00308f;

}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";

}

.header-area .main-nav .menu-trigger span {
  top: 16px;

}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;

}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;

}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
 background-color: #00308f;

}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #A6192E;

}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #00308f;

}

.background-header .main-nav .menu-trigger.active span:after {
 background-color: #00308f;

}

/* white top bar when screen squished */
.header-area.header-sticky {

  min-height: 80px;

}

.header-area .nav {
  margin-top: 30px;

}

/*makes first menu item stay color*/
.header-area.header-sticky .nav li a.active {
  color: #FFCD00;
}




/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
  max-height: 100%;
  overflow: hidden;

  margin-bottom: -1%;

}

#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;

}

#bg-video::-webkit-media-controls {
    display: none !important;

}

.video-overlay {
    position: absolute;
    background-color: rgba(31,39,43,0.65);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.main-banner .caption {
  position: absolute;
margin-top: 2.5%;
  /*top: 50%;*/
  top: 45%;
 /* transform: translateY(-50%);*/
transform: translateY(-54%);*/
transform: translateY(-54%);
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  /*color: #fff;*/
  color: #FFCD00;
  letter-spacing: 1px;
}

.rotc_title {
  margin-top: 0px;
  margin-bottom: 1%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
  letter-spacing: 1px;
  text-align: center;
}
.main-banner .caption h2 {
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 650;
  color: #77a4ff;
  /*color: #fff;*/
/*  text-shadow: 2.5px 2.5px 2.5px #252525, -1.5px -1.5px #0044CC;*/
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #FFCD00;
  font-weight: 900;
}

.main-banner .caption p {
  color: #fff;
  font-size: 15.3px;

  max-width: 710px;
}

.main-banner .caption .main-button-blue {
  margin-top: 5%;
}




/*
---------------------------------------------
services
---------------------------------------------
*/

.services {
  /*margin-top: -135px;*/
margin-top: -5%; /*move red squares up and down */
  position: absolute;
  width: 100%;

}

.services .item {
  background-image: url(../images/service-item-bg_original_40.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 40px;

}

.services .item .icon {
  max-width: 60px;
  margin: 0 auto;
}

.services .item h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #d6001c;
}

.services .item p {
  color: #252525;
  font-size: 16px;
  font-weight: 500;
}

.services .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);

}
    
.services .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.services .owl-nav .owl-prev span,
.services .owl-nav .owl-next span {
  opacity: 0;
}

.services .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f104';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.services .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.services .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.services .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.services .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.services .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f105';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}



section.filler-section {
  background-image: url(../images/camo_background_dark.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 23%; 
}

.filler {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}



/*
---------------------------------------------
jrotc benefits
---------------------------------------------
*/

section.benefits {
  background-image: url(../images/jets_bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  /*padding: 140px 0px;*/
  padding-top: 4%;
  padding-bottom: 4%;
}

.benefits_title {
  margin-top: 0px;
  margin-bottom: 2%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
  letter-spacing: 1px;
  text-align: center;
}


.benefits_description {
   margin-top: 1%;
    margin-bottom: 1%;
} 

.benefits_description p{
  color: #fff;
  font-size: 16px;
   margin-top: 1%;
    margin-left: 7%;
    margin-right: 7%;
    margin-bottom: 1%;
  text-align: left;
}

div.align-self-center_2 {
width: 100%;
}

section.benefits .item {
  background-color: rgba(250,250,250,0.15);
  padding-top: 1%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
  margin-bottom: 2%;
  text-align: left;
}

.connect_item_URL .space1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
   font-size: 1vw; 
}

section.benefits .item h3 {
  color: #77a4ff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.5%;
}

.notbootcamp {
font-size: 1.5em;
color: #d6001c;
font-weight: 600;
}
.givetime {
font-size: 1.25em;
color: #e69900;
font-weight: 600;
}

.handbook a {
  font-size: 16px;
  color: #77a4ff;
  font-weight: 600;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.handbook a:hover{
  color: #FFCD00;
 
}
.benefit_list {
 font-size: 14px;
}

.benefit_list a {
display:inline;
  color: #e69900;
 text-transform: none;
 font-size: 15px;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  text-align: left;
}

.benefit_list a:hover {
display:inline;
  color: #FFCD00;
 text-transform: none;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
   text-align: left;
}

.booster_link a{
 font-size: 18px;
  color: #339900;
  font-weight: 600;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  display:inline;
}
.booster_link a:hover{
  color: #FFCD00;
}


section.benefits .item p {
  color: #fff;
  margin-bottom: 20px;
}

.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;
}

.accordions .accordion {
  border-bottom: 1px solid #eee;
}

.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;  
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;
}












/*
---------------------------------------------
our facts
---------------------------------------------
*/

section.our-facts {
  background-image: url(../images/camo_background_dark.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
 /* padding: 140px 0px 125px 0px;*/
  padding-top: 4%;
  padding-left: 15%;
  padding-right: 5%;
  padding-bottom: 4%;

}

.our-facts-center {
float: left;
width: 99%;

  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;

}

section.our-facts h2 {
  font-size: 30px;
  color: #FFCD00;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 2%;
}

section.our-facts .bio {

margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;

}
section.our-facts p {

  font-size: 18px;
  color: #fff;
  margin-bottom: 2%;

}

section.our-facts a {
  font-weight: 600;
  color: #77a4ff;
}

section.our-facts a:hover {
  font-weight: 600;
  color: #FFCD00;
}

.sgtmaster-center{


float: left;

margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;

}

.sgtmaster {
float: left;
width: 70%;
  border-radius: 20px;
overflow: hidden;
  box-shadow: 20px 20px 20px #010101;

}

.sgtmaster img {

width: 100%;

}






/*
---------------------------------------------
booster club
---------------------------------------------
*/

section.booster-page {
  background-image: url(../images/volunteer_bg1.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;

  padding-top: 4%;
  padding-bottom: 4%;

}

.booster-container  {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;

}

.booster-thumb {
  width: 98%;
  overflow: hidden;
    /*position: relative;*/
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
} 

.booster-content {
  margin-top: 1%;
  background-color: #f4f4f4;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 98%;
  overflow: hidden;
}

.booster-thumb img {
  width: 100%;
}

/*title booster */
.booster-title  {
  width: 100%;
  font-size: 24px;
  text-transform: uppercase;
  color: #339900;
  font-weight: 600;
  text-align: center;
 display: inline-block;
  margin-top: 2%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1%;
}

.booster_description {
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 0;
  text-align: left;
}

.booster_description a {
  color: #77a4ff;
  font-weight: 600;
  argin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
display:inline;
}

.booster_description a:hover {
  color: #FFCD00;
}


.booster_button_container {
position: absolute;
width: 81%;
height: 10%;
  margin-top: 2%;
  padding-top: 1%;
  border-top: 1px solid #8f8f8c;
  border-bottom: 1px solid #8f8f8c;
  margin-bottom: 4%;
  padding-bottom: 4.5%;
/*transform: translateY(-50%);
transform: translateY(-50%);*/
} 

.booster_button_container .booster-button-blue_align {
position: relative;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  width: 100%;
 height: 100%;

}


.booster_button_container .booster-button-blue_left {
width: 25%;
float: left;
  background-color: #339900;
  box-shadow: 2px 2px 2px rgba(143,143,140);
  border-radius: 22px;
  transition: all .3s;
  padding-right: 0;
  margin-left: 24%;
  margin-right: 0;
color: #ffffff;
font-weight: 600;
  text-align: center;
    /*padding: 8px 8px;*/
  padding-top: 15px;
  padding-bottom: 15px;

}

.booster_button_container .booster-button-blue_left:hover {
  background-color: #77a4ff;
  color: #00308f;
}

.booster_button_container .booster-button-blue_right {
width: 25%;
float: right;
  background-color: #00308f;
  box-shadow: 2px 2px 2px rgba(143,143,140);
  border-radius: 22px;
  transition: all .3s;
  padding-right: 0;
  margin-left: 0;
  margin-right: 24%;
color: #ffffff;
font-weight: 600;
  text-align: center;
  padding: 15px 15px;

}
.booster_button_container .booster-button-blue_right:hover {
  background-color: #77a4ff;
  color: #00308f;
}

.booster_share {
  margin-top: 8%;
margin-bottom: 1%;
}

.booster_share a {
  color: #77a4ff;
}

.booster_share a:hover {
  color: #FFCD00;
}


section.booster-page .membership_steps {
  font-size: 16px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  text-align: left;
 color: #2c8500;
  background-color: rgba(143, 143, 140, 0.25);
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 18px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
 font-weight: 600;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
list-style-type: decimal;
}
section.booster-page .membership_steps a {
 font-weight: 600;
  color: #d6001c;
}
section.booster-page .membership_steps a:hover {
  color: #FFCD00;
}

/*
---------------------------------------------
resources
---------------------------------------------
*/




section.resources {
  background-image: url(../images/jets_bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  /*padding: 140px 0px;*/
  padding-top: 10%;
  padding-bottom: 4%;
}
.resources_title {
  margin-top: 0px;
  margin-bottom: 2%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
  letter-spacing: 1px;
  text-align: center;
}
section.resources .item h3 {
  color: #77a4ff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.5%;
}
/*section.resources */
.resources-item {
  background-color: rgba(250,250,250,0.15);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5%;
  padding-top: 4%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  text-align: center;
}

a.resources-item-hover .resources-item:hover {
  background-color: rgba(166, 25, 46, 0.15);

}
a.resources-item-hover .resources-item h3:hover {
  color: #FFCD00;
}

section.resources .resources-thumb {
 margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 3%;
  width: 20%;
height: auto;
display:block;

}
.resources-thumb img {
  width: 100%;
display:block;
text-align: center;
}

section.resources 
.resources-video {
 margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 3%;
width: auto;
height: auto;
display:block;

}
.resources-down-content {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
display:block;

}
.resources-down-content h5 {
  color: #d6001c;
  font-size: 18px;
  font-weight: 600;
   margin-top: 0;
    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
  text-align: left;
}
.resources-down-content ol {
  color: #ffffff;
  font-weight: normal;
  font-size: 13px;
   margin-top: 0;
    margin-left: 25%;
    margin-right: auto;
    margin-bottom: 0;
 /* text-align: center;*/
list-style-type: decimal;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;

}
.resources-down-content li {
  color: #ffffff;
  font-weight: normal;
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  text-align: left;
list-style-type: decimal;
padding-left: 1%;
}






.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;

}
.accordions .accordion {
  border-bottom: 1px solid #eee;

}
.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;  
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;

}




/*
.resources_description {
   margin-top: 1%;
    margin-bottom: 1%;
} 
.resources_description p{
  color: #fff;
  font-size: 16px;
   margin-top: 1%;
    margin-left: 7%;
    margin-right: 7%;
    margin-bottom: 1%;
  text-align: left;
}
div.align-self-center_2 {
width: 100%;
}
.space1 {
   font-size: 2px; 
}
.notbootcamp {
font-size: 1.5em;
color: #d6001c;
font-weight: 600;
}
.givetime {
font-size: 1.25em;
color: #e69900;
font-weight: 600;
}
.handbook a {
  font-size: 16px;
  color: #77a4ff;
  font-weight: 600;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.handbook a:hover{
  color: #FFCD00;
 }
.benefit_list {
 font-size: 14px;
}
.benefit_list a {
display:inline;
  color: #e69900;
 text-transform: none;
 font-size: 15px;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  text-align: left;
}
.benefit_list a:hover {
display:inline;
  color: #FFCD00;
 text-transform: none;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
   text-align: left;
}
.booster_link a{
 font-size: 18px;
  color: #339900;
  font-weight: 600;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  display:inline;
}
.booster_link a:hover{
  color: #FFCD00;
}
section.resources .item p {
  color: #fff;
  margin-bottom: 20px;
}
.resources-center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.resources-down-content a:hover h4 {
color: #FFCD00;
}
.resources-down-content h4 {
  color: #77a4ff;
  font-size: 24px;
font-weight: 600;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  text-align: left;
}
.resources-down-content a {

 text-transform: none;
  color: #e69900;
  font-weight: normal;
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  text-align: left;
}
.resources-down-content a:hover {
display:inline;
  color: #FFCD00;
 text-transform: none;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
   text-align: left;
}

.resources-item_twofiles {


  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
}

.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 40%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 40%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.resources-thumb_twofiles a:hover {
  background-color: rgba(255, 205, 0,0.75);
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 90%;
}

.resources-center_twofiles {
 position: relative;
  margin-top: 14%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;


}

*/




/*
---------------------------------------------
CONNECT
---------------------------------------------
*/

section.connect {
  background-image: url(../images/volunteer_bg2.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;

  padding-top: 4%;
  padding-bottom: 4%;
/*height: auto;*/
}

.connect_title {
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
  letter-spacing: 1px;
  text-align: center;
}


.connect_description {

  margin-top: 1%;
  margin-left: 6%;
  margin-right: 6%;
  margin-bottom: 2%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;

}

.connect_description p {
  color: #ffffff;
  font-size: 14px;
  margin-top: 1%;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 0;
  text-align: left;
}
.connect_description a {
  color: #77a4ff;
  font-weight: 600;
  argin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
display:inline;
}

.connect_description a:hover {
  color: #FFCD00;
}

.connect_item_URL {
  background-color: rgba(250,250,250,0.15);
  padding-top: 3%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 2%;
  margin-top: 1%;
  margin-left: 14%;
  margin-right: 1%;
  margin-bottom: 1%;
  text-align: center;
  float right;
  width: 80%;
}
.connect_item_URL:hover {
  background-color: rgba(166, 25, 46,0.5);
}

.connect_item_QR {
  background-color: rgba(250,250,250,0.15);
  padding-top: 3%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 14%;
  margin-bottom: 1%;
  text-align: center;
  float: left;
  width: 80%;
}
.connect_item_QR:hover {
  background-color: rgba(166, 25, 46,0.5);
}

.connect_item_iphone {
  background-color: rgba(250,250,250,0.15);
  padding-top: 3%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  margin-top: 1%;
  margin-left: 7%;
  margin-right: 14%;
  margin-bottom: 1%;
  text-align: center;
  float: left;
  width: 80%;
}
.connect_item_iphone:hover {
  background-color: rgba(166, 25, 46,0.5);
}

.connect_item_android {
  background-color: rgba(250,250,250,0.15);
  padding-top: 3%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 14%;
  margin-bottom: 1%;
  text-align: center;
  width: 80%;
}
.connect_item_android:hover {
  background-color: rgba(166, 25, 46,0.5);
}

.space1 {
  font-size: 1px;
  margin-top: 0;
  margin-bottom: 10%;
   padding-top: 0;
   padding-bottom: 0;

}


.connect_item_URL .connect_item_QR, h3 {
  color: #77a4ff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2%;
}
/*
.connect_list {
 font-size: 14px;
}
*/


.connect_list img {
  width: 20%;
  padding-top: 5px;
  padding-bottom: 10px;
}

.connect_list a {
display:inline;
  color: #ffffff;
 text-transform: none;
 font-size: 24px;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  text-align: left;
}

.connect_list a:hover {
display:inline;
  color: #FFCD00;
 text-transform: none;
font-weight: normal;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
   text-align: left;
}


section.connect .connect_list p {
  color: #fff;
  margin-bottom: 20px;
}
.url{
 color: #ffffff;
 text-transform: none;
 font-size: 14px;
font-weight: normal;
 padding-top: 5px;

}
.clicktoenlarge {
   color: #FFCD00;
 text-transform: none;
 font-size: 11px;
font-weight: normal;
text-align: center;
}

.fullsize {
    max-width: 100%;
    width: 25%;
    height: auto;
    margin-top: 1%;
    margin-left: 1%;
  text-align: left;
}
.band_howto {
padding-top: 2%;
 font-size: 16px;
font-weight: 600;
text-align: center;
  color: #77a4ff;
}


/*
---------------------------------------------
apply now
---------------------------------------------
*/

section.apply-now {
  background-image: url(../images/apply-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px;
}

section.apply-now .item {
  background-color: rgba(250,250,250,0.15);
  padding: 40px;
  margin-bottom: 30px;
}

section.apply-now .item h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

section.apply-now .item p {
  color: #fff;
  margin-bottom: 20px;
}

.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}
.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;  
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;
}


.accordion-head .icon {
  float: right;
  transition: transform 200ms ease-in-out;
}
.accordion-head.is-open {
  color: #FFCD00;
  border-bottom: none;
}
.accordion-head.is-open .icon {
  transform: rotate(45deg);
}
.accordion-body {
  overflow: hidden;
  height: 0;
  transition: height 300ms ease-in-out;
  border-bottom: 1px solid #fff;
}
.accordion-body > .content {
  padding: 20px;
  padding-top: 0;
}


/* 
---------------------------------------------
sponsors
--------------------------------------------- 
*/

section.our-courses {
  background-image: url(../images/camo_background_dark.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  /*padding-top: 140px;
  padding-bottom: 130px;*/
  margin-top: 0;
  padding-top: 4%;
  padding-bottom: 4%;
}

.margin_sponsors {
padding-top: 10%;

}

.money {
 color: #4de600;
}
.company_link_platinum {
 color: #77a4ff;
  font-size: 16px;
font-weight: normal;
}
.company_link_gold {
 color: #77a4ff;
  font-size: 14px;
font-weight: normal;
}
.company_link_silver {
 color: #77a4ff;
  font-size: 12px;
font-weight: normal;
}
.company_link_bronze {
 color: #77a4ff;
  font-size: 12px;
font-weight: normal;
}






.sponsors_title h2 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
  letter-spacing: 1px;
  text-align: center;
}
.sponsors_title_levels {
  margin-top: 1%;
  margin-bottom: 4%;
  text-align: center;
}
.sponsors_title_levels_platinum {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #dbdbda;
}
.sponsors_title_levels_gold {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFCD00;
}
.sponsors_title_levels_silver {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #8f8f8c;
}
.sponsors_title_levels_bronze {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #cd7f32;
}



.sponsors_title_levels_platinum:hover  
{
  color: red;
}
.sponsors_title_levels_gold:hover  
{
  color: red;
}
.sponsors_title_levels_silver:hover  
{
  color: red;
}
.sponsors_title_levels_bronze:hover  
{
  color: red;
}


/* all arrows */

.our-courses .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 42%; /*moves arrows up and down */
  transform: translateY(-25px);
}
/*dots at bottom don't need them */
.our-courses .owl-dots {
  display: none;
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -86px;
}
.our-courses .owl-nav .owl-prev span,
.our-courses .owl-nav .owl-next span {
  opacity: 0;
}
/* style of left arrow */
.our-courses .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f104';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}
.our-courses .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}
.our-courses .owl-nav .owl-prev:hover {
  opacity: 0.9;
}
.our-courses .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}
.our-courses .owl-nav .owl-next:hover {
  opacity: 0.9;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -92px;
}
.our-courses .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f105';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}



.sponsors_title_platinum {
  margin-top: 1%;
  margin-bottom: 2%;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #77a4ff;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 1.5px 1.5px 1.5px #00308f, 5px 5px 5px #8f8f8c, 2px 2px 2px #242423;
}
div.platinum  {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
  background-image: url(../images/platinum.png);
  background-position: center;
  background-repeat: no-repeat;
 background-size: auto;
  border-radius: 20px;
opacity: 0.85;
  box-shadow: 20px 20px 20px #010101;
}
.down-content_platinum {
background-color: #343433;
margin-left: 0;
margin-right: 0;
padding-top: 10%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 10%;
color: #dbdbda;
font-weight: 600;
font-size: 18px;
line-height: 1;
overflow-wrap: break-word;
text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
 width: 75%;
}



div.platinum .owl-courses-item_platinum .item {
margin-left: 10%;
margin-right: 0;
padding-left: 4%;
padding-right: 4%;
  width: 100%;
}

div.platinum .owl-courses-item_platinum {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
}
div.platinum .owl-courses-item_platinum img {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
 width: 75%;
}
div.platinum .owl-courses-item_platinum .down-content {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
/*font-size: 16px;
color: #dbdbda;
font-weight: 600;
font-size: 18px;
line-height: 1;
overflow-wrap: break-word;
text-align: center;*/

}




div.gold  {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
  background-image: url(../images/gold.png);
  background-position: center center;
  background-repeat: no-repeat;
 background-size: auto;
  border-radius: 20px;
opacity: 0.85;
  box-shadow: 20px 20px 20px #010101;
}
.sponsors_title_gold {
padding-top: 1%;
  margin-top: 6%;
  margin-bottom: 2%;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #77a4ff;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 1.5px 1.5px 1.5px #00308f, 5px 5px 5px #8f8f8c, 2px 2px 2px #242423;
}
div.gold .owl-courses-item_gold {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
}
div.gold .owl-courses-item_gold .item {
margin-left: 0;
margin-right: 0;
padding-left: 4%;
padding-right: 4%;

}
div.gold .owl-courses-item_gold img {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
 width: 95%;
}
div.gold .owl-courses-item_gold .down-content {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;

}
.down-content_gold {
background-color: #ffffff;
margin-left: 0;
margin-right: 0;
padding-top: 10%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 10%;
color: #FFCD00;
font-weight: 600;
font-size: 16px;
line-height: 1;
overflow-wrap: break-word;
text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
 width: 95%;
}


div.silver  {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
  background-image: url(../images/silver.png);
  background-position: center;
  background-repeat: no-repeat;
 background-size: auto;
  border-radius: 20px;
opacity: 0.85;
  box-shadow: 20px 20px 20px #010101;
}
.sponsors_title_silver {
padding-top: 1%;
  margin-top: 6%;
  margin-bottom: 2%;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #77a4ff;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 1.5px 1.5px 1.5px #00308f, 5px 5px 5px #8f8f8c, 2px 2px 2px #242423;
}
div.silver .owl-courses-item_silver {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
}
div.silver .owl-courses-item_silver .item {
margin-left: 0;
margin-right: 0;
padding-left: 4%;
padding-right: 4%;

}
div.silver .owl-courses-item_silver img {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
div.silver .owl-courses-item_silver .down-content {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 14px;
}
.down-content_silver {
background-color: #ffffff;
margin-left: 0;
margin-right: 0;
padding-top: 10%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 10%;
color: #8f8f8c;
font-weight: 600;
font-size: 14px;
line-height: 1;
overflow-wrap: break-word;
text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}




div.bronze  {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
  background-image: url(../images/bronze.png);
  background-position: center;
  background-repeat: no-repeat;
 background-size: auto;
  border-radius: 20px;
opacity: 0.85;
  box-shadow: 20px 20px 20px #010101;
}
.sponsors_title_bronze {
padding-top: 1%;
  margin-top: 6%;
  margin-bottom: 2%;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  color: #77a4ff;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 1.5px 1.5px 1.5px #00308f, 5px 5px 5px #8f8f8c, 2px 2px 2px #242423;
}
div.bronze .owl-courses-item_bronze {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;

  width: 100%;
}
div.bronze .owl-courses-item_bronze .item {
margin-left: 0;
margin-right: 0;
padding-left: 4%;
padding-right: 4%;

}
div.bronze .owl-courses-item_bronze img {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 80%;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
div.bronze .owl-courses-item_bronze .down-content {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;

}
.down-content_bronze {
  width: 80%;
background-color: #ffffff;
margin-left: 0;
margin-right: 0;
padding-top: 10%;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 10%;
color: #cd7f32;
font-weight: 600;
font-size: 14px;
line-height: 1;
overflow-wrap: break-word;
text-align: center;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}







/* 
---------------------------------------------
contact us
--------------------------------------------- 
*/

section.contact-us {
  background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0px 0px 0px;
}

section.contact-us #contact {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us #contact h2 {
  text-transform: uppercase;
  color: #1f272b;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

section.contact-us #contact input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
}

section.contact-us #contact textarea {
  width: 100%;
  min-height: 140px;
  max-height: 180px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 15px;
  margin-bottom: 30px;
}

section.contact-us #contact button {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
}

section.contact-us #contact button:hover {
  opacity: 0.9;
}

section.contact-us .right-info {
  background-color: #a12c2f;
  border-radius: 20px;
  padding: 40px;
}

section.contact-us .right-info ul li {
  display: inline-block;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

section.contact-us .right-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

section.contact-us .right-info ul li h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

section.contact-us .right-info ul li span {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}



/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
section.footer-section {
 /* background-image: url(../images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;*/
background-color: #000000;
 padding-top: 1%;
  padding-bottom: 1%; 
}

.footer {
  text-align: center;
  margin-top: 0;
  margin-bottom: 1%;
  /*border-top: 1px solid rgba(250,250,250,0.15);
  padding: 50px 0px;*/
 padding-top: 2%;
 /*padding-bottom: 1%;*/

}
.footer p {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}

.footer p a {
  color: #FFCD00;
}


.webmaster p {
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.webmaster p a {
  color: #FFffff;
}
.webmaster a:hover {
  color: #FFCD00;
}


/*
---------------------------------------------
heading page
---------------------------------------------
*/

section.heading-page {
  background-image: url(../images/heading-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}



/* Meeting item column */
.templatemo-item-col {
	width: 31%;
}














/* 
---------------------------------------------
responsive
--------------------------------------------- 
list of browser sizes vs screen sizes
https://gist.github.com/tomgp/e9f53318b788a30e7841
*/

/* viewport ?LARGE to 1982 */
@media (max-width: 3000px) and (min-width: 1981px) {
/*test
  .header-area .main-nav  {
background-color: red;
  }
*/
.title {
 /* line-height: 1.25;*/
  font-size: 1.25vw;
}
 .title_rotc {
  font-size: 1.25vw;
}
.afjrotclogo  {
  margin-top: -12%;  
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.7vw;
}

div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 2%;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 6%;

} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 16px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 16px;
  padding: 15px 15px;
}
.booster_description  {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 1%;
  font-size: 17px;
}
/*.booster_description .givetime
{
font-size: 1.125em;
}*/
.booster_share {
  font-size: 16px;
  margin-top: 0;
margin-bottom: 2%;
}
div.owl-service-item {

  margin-top: 4%;

}
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
}


/* viewport 1698x960 to 1980 */
@media (max-width: 1981px) and (min-width: 1698px) {
/*test
  .header-area .main-nav  {
background-color: yellow;
  }
*/
.title {
 /* line-height: 1.25;*/
  font-size: 1.25vw;
}
 .title_rotc {
  font-size: 1.25vw;
}
.afjrotclogo  {
  margin-top: -12%;  
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.75vw;
}
div.owl-service-item {
  margin-top: 1%;
}
section.benefits div.container  {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}


.sgtmaster {
margin-top: 1%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 2%;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 6%;

} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 16px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 16px;
  padding: 15px 15px;
}
.booster_description  {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 1%;
  font-size: 17px;
}
/*.booster_description .givetime
{
font-size: 1.125em;
}*/
.booster_share {
  font-size: 16px;
  margin-top: 0;
margin-bottom: 2%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
}





/* viewport 1582x720 to 1697 */
@media (max-width: 1697px) and (min-width: 1583px) {
/*test
  .header-area .main-nav  {
background-color: blue;
  }
*/
/* fix space between black line & white line */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
/*.logo_title_container {
margin-top: 0.5%;
width: 75%;
}
.aflogo  {
  margin-top: 0;  
}
.title_container {
margin-top: 1%;
}
*/
.title {
 /* line-height: 1.25;*/
  font-size: 1.5vw;
}
 .title_rotc {
  font-size: 1.5vw;
}
.afjrotclogo  {
  margin-top: -12%;  
}
  .header-area .main-nav .nav li {
    padding-left: 2%;
    padding-right: 0;
  }
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.9vw;
}
div.owl-service-item {

  margin-top: 2%;

}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -9%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -52%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 410px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
section.filler-section {
 margin-top: 0;
 padding-top: 13%;
 padding-bottom: 13%;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 28px;
}
section.our-facts p {
  font-size: 18px;
margin-bottom: 2%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 1%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
.booster-content .booster-title {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.125em;
}
.booster_button_container {
width: 70%;
height: 11%;
  margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
.connect_description .booster_description {
margin-left: 3%;
margin-right: 3%;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -55%;
}
.our-courses {
padding-left: 6%;
padding-right: 6%;
}
}



/* viewport 1284x720 to 1581 */
@media (max-width: 1582px) and (min-width: 1399.1px) {
/*test
  .header-area .main-nav  {
background-color: purple;
  }*/
/* fix space between black line & white line */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 0; 
}
.afjrotclogo  {
  margin-top: -12%;  
}
.menu_container {
  margin-top: 0; 
/*background-color: purple;*/
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.9vw;
}
div.owl-service-item {
  margin-top: 2%;
}

  .header-area .main-nav .nav li {
    padding-left: 2%;
    padding-right: 0;
  }
  .header-area .main-nav:before {
    display: none;
  }
.main-banner video {
margin-bottom: -2%;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -9%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -52%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 410px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
section.filler-section {
 margin-top: 0;
 padding-top: 18%;
 padding-bottom: 18%;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 24px;
}
section.our-facts p {
  font-size: 15px;
margin-bottom: 2%;

}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 1%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
.booster-content .booster-title {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.125em;
}
.booster_button_container {
width: 72%;
height: 12%;
  margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
.connect_description .booster_description {
margin-left: 3%;
margin-right: 3%;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -55%;
}
/*
.sponsors_title h2 {
  font-size: 16px;
}

.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -40%;
margin-right: -40%;
margin-bottom: 5%;

}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 12px;
}
*/
.our-courses .owl-dots {
  display: none;
}
/*
.our-courses .owl-nav {
  width: 70%;
  top: 36%; moves arrows up and down 
}
*/
/* left side arrow   
.our-courses .owl-nav .owl-prev{
  left: -65%;
}
*/
/* right arrow 
.our-courses .owl-nav .owl-next{
  right: -115%;
}
*/

.our-courses {
padding-left: 6%;
padding-right: 6%;
}



.url{
 font-size: 13px;

}

/*
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 12px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 13px;
}
.company_link_platinum {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_gold {
font-size: 10px;
}
.company_link_gold {
font-size: 10px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 7px;
}
.company_link_silver {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}*/
}






@media (max-width: 1399px) and (min-width: 1283.5px) {
/*test
  .header-area .main-nav  {
background-color: purple;
  }*/
/* fix space between black line & white line */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 0; 
}
.afjrotclogo  {
  margin-top: -12%;  
}
.menu_container {
  margin-top: 0; 
/*background-color: purple;*/
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.9vw;
}
div.owl-service-item {
  margin-top: 2%;
}

  .header-area .main-nav .nav li {
    padding-left: 2%;
    padding-right: 0;
  }
  .header-area .main-nav:before {
    display: none;
  }
.main-banner video {
margin-bottom: -2%;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -9%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -52%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 410px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
section.filler-section {
 margin-top: 0;
 padding-top: 18%;
 padding-bottom: 18%;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 24px;
}
section.our-facts p {
  font-size: 15px;
margin-bottom: 2%;

}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 1%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
.booster-content .booster-title {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.125em;
}
.booster_button_container {
width: 72%;
height: 12%;
  margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
.connect_description .booster_description {
margin-left: 3%;
margin-right: 3%;
}

.connect_item_iphone {
  padding-bottom: 5%;
}

.connect_item_android {
  padding-bottom: 5%;
}
.url{
 font-size: 12px;

}

.connect_item_URL .space1 {

   font-size: 0; 

}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -55%;
}
/*
.sponsors_title h2 {
  font-size: 16px;
}

.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -40%;
margin-right: -40%;
margin-bottom: 5%;

}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 12px;
}
*/
.our-courses .owl-dots {
  display: none;
}
/*
.our-courses .owl-nav {
  width: 70%;
  top: 36%; moves arrows up and down 
}
*/
/* left side arrow   
.our-courses .owl-nav .owl-prev{
  left: -65%;
}
*/
/* right arrow 
.our-courses .owl-nav .owl-next{
  right: -115%;
}
*/

.our-courses {
padding-left: 6%;
padding-right: 6%;
}

/*
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 12px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 13px;
}
.company_link_platinum {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_gold {
font-size: 10px;
}
.company_link_gold {
font-size: 10px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 7px;
}
.company_link_silver {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}*/
}


/* viewport 1234x768 to 1283  */
@media (max-width: 1283px) and (min-width: 1234px) {
/*test
  .header-area .main-nav  {
background-color: green;
  }*/
/* fix space between black line & white line */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -11%;  
}
  .header-area .main-nav .nav li {
    padding-left: 2%;
    padding-right: 0;
  }
.header-area .main-nav .nav li a {
  font-size: 0.9vw;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -9%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -52%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 410px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
section.filler-section {
 margin-top: 0;
 padding-top: 18%;
 padding-bottom: 18%;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
margin-bottom: 2%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 8%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
.booster-content .booster-title {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.125em;
}
.booster_button_container {
width: 80%;
height: 12%;
  margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
.connect_description .booster_description {
margin-left: 3%;
margin-right: 3%;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -55%;
}
.our-courses {
padding-left: 6%;
padding-right: 6%;
}

.url{
 font-size: 12px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-bottom: 5%;
}

.connect_item_android {
  padding-bottom: 5%;
}

}


/* viewport 1184x720 to 1233 */
@media (max-width: 1233px) and (min-width: 1184px)  {
/*test
  .header-area .main-nav  {
background-color: red;
  }*/
/* fix space between black line & white line */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}

.remindicon {
  width: 5%;
  height: 5%;
  margin-top: -1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  white-space: nowrap;
display: inline-block;
}

.logo_title_container {
  margin-top: 0.5%; 

}
.afjrotclogo  {
  margin-top: -12%;  
}
.aflogo  {
  margin-top: 2%;  
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu  {
  padding-top: 1%;
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {

  font-size: 0.85vw;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -9%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -52%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 451px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
section.filler-section {
 margin-top: 0;
 padding-top: 18%;
 padding-bottom: 18%;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
margin-bottom: 2%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 8%;
margin-left: 4%;
margin-right: 0;
width: 60%;
}
.booster-content .booster-title {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.125em;
}
.booster_button_container {
width: 80%;
height: 11%;
  margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
} 
section.resources {
  padding-bottom: 12%;
}
.resources-thumb {
  margin-bottom: 50%;
}
.connect_description .booster_description {
margin-left: 3%;
margin-right: 3%;
}
.remindicon {
  width: 4%;
  height: 4%;
}
.url{
 font-size: 12px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-bottom: 5%;
}

.connect_item_android {
  padding-bottom: 5%;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -55%;
}
.our-courses {
padding-left: 6%;
padding-right: 6%;
}

}





@media (max-width: 1183px) and (min-width: 1024px) {
/*test
  .header-area .main-nav  {
background-color: green;
  }
*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 1.5%; 

}
.afjrotclogo  {
  margin-top: -13%;  
}
.menu_container {
  margin-top: 1.5%;

}
  .header-area .main-nav .nav {

    padding-right: 1px;

  }
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.9vw;
}
  .header-area .main-nav .nav li {
    padding-left: 4px;
    padding-right: 4px;
  }
  .header-area .main-nav:before {
    display: none;
  }
.main-banner video {
margin-bottom: -2%;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -10%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -54%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 450px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
.services .item .icon {
  max-width: 60px;
  margin-bottom: 1%;
}
.services .item h4 {
  font-size: 16px;
}
.services .item p {
  font-size: 14px;
}
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 23%;
 padding-bottom: 23%;
}
.notbootcamp {
  font-size: 18px;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 10%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 18px;
}
section.our-facts p {
  font-size: 14px;
margin-bottom: 2%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 9%;
margin-left: 4%;
margin-right: 0;
width: 75%;
}

.booster-title  {
  font-size: 18px;
}
.booster_description .givetime
{
font-size: 1.1em;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 2%;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 7%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_share {
  font-size: 15px;
  margin-top: 0;
margin-bottom: 2%;
} 
section.resources {
  padding-bottom: 15%;
}
.resources_title {
  font-size: 18px;
margin-bottom: 2%;
}
.resources-thumb {
  margin-bottom: 52%;
  width: 60%;
}
.resources-down-content h4 {
  font-size: 16px;
}
.resources-down-content h5 {
  font-size: 14px;
}
.resources-down-content ol {
  font-size: 12px;
}
.resources-down-content li {
  font-size: 12px;
}
.resources-item_twofiles {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 100%;
}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 48%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 48%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 100%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 32%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -14%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -58%;
}
.our-courses {
padding-left: 7%;
padding-right: 7%;
}
section.resources  {
padding-top: 15%;
}
.remindicon {
  width: 5%;
  height: 5%;
}
.url{
 font-size: 11px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-bottom: 8%;
}

.connect_item_android {
  padding-bottom: 8%;
}
}






/* viewport  1006 to 977  */
@media (max-width: 1023px) and (min-width: 991.5px) 
{
/*test
  .header-area .main-nav  {
background-color: red;
  }
*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 1.5%; 
}
.afjrotclogo  {
  margin-top: -13%;  
}

.title {
  font-size: 1.75vw;
}
 .title_rotc {
  font-size: 1.75vw;
}
.menu_container {
  margin-top: 1.5%; 
}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 1vw;
}
  .header-area .main-nav .nav li {
    padding-left: 4px;
    padding-right: 4px;
  }
/**/.main-banner video {
margin-bottom: -4%;
}
.main-banner .caption h6 {
  font-size: 23px;
}
 .services .owl-nav .owl-next{
    right: 15px;
  }
  .services .owl-nav .owl-prev{
    left: -57px;
  }
  .our-courses .owl-nav .owl-next{
    right: 15px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -57px;
  }
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -12%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -56%;
}
/*width of boxes */
 .services .item  {
  max-width: 100%;
  min-height: 460px; 
  } 
.services {
padding-left: 6%;
padding-right: 6%;
}
.services .item .icon {
  max-width: 60px;
  margin-bottom: 1%;
}
.services .item h4 {
  font-size: 16px;
}
.services .item p {
  font-size: 14px;
  line-height: 1.25;
}
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 25%;
 padding-bottom: 25%;
}
.notbootcamp {
  font-size: 18px;
}
section.our-facts {
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 0;
  padding-bottom: 4%;
}
section.our-facts h2 {
  font-size: 18px;
}
section.our-facts p {
  font-size: 14px;
margin-bottom: 2%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;


}

.sgtmaster {
margin-top: 8%;
margin-left: 4%;
margin-right: 0;
padding-right: 0;
width: 75%;
}
.booster-title  {
  font-size: 18px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: 0;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.resources {
  padding-bottom: 20%;
}
.resources_title {
  font-size: 18px;
margin-bottom: 2%;
}
.resources-thumb {
  margin-bottom: 52%;
  width: 60%;
}
.resources-down-content h4 {
  font-size: 16px;
}
.resources-down-content h5 {
  font-size: 14px;
}
.resources-down-content ol {
  font-size: 12px;
}
.resources-down-content li {
  font-size: 12px;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 100%;
}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 48%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 48%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 100%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 32%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -14%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -58%;
}
.our-courses {
padding-left: 7%;
padding-right: 7%;
}
section.resources  {
padding-top: 15%;
}

.remindicon {
  width: 5%;
  height: 5%;
}
.url{
 font-size: 11px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-bottom: 8%;
}

.connect_item_android {
  padding-bottom: 8%;
}
}

/* viewport  1006 to 977  */
@media (max-width: 991.4px) and (min-width: 991px) 
{
/*test
  .header-area .main-nav  {
background-color: blue;
  }
*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 3%; 
}

.aflogo  {
  margin-top: 2%;  
}
.afjrotclogo  {
  margin-top: -15%;  
}

.title {
  font-size: 1.4vw;
}
 .title_rotc {
  font-size: 1.5vw;
}
.menu_container {
  margin-top: 3.5%; 

}
.header-area .makeitcenter .main-nav .menu_container .makeitcenter_menu .nav li a {
  font-size: 0.75vw;
}
  .header-area .main-nav .nav li {
    padding-left: 4px;
    padding-right: 4px;
  }
.remindicon {
  width: 7%;
  height: 7%;
}
.url{
 font-size: 11px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 0;
  margin-right: 6%;
  text-align: center;
  float: right;
}

.connect_item_android {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 0;
  margin-right: 6%;
  text-align: center;
  float: right;
}
}




/* viewport 883 to 794 */
@media (max-width: 991px) and (min-width: 810px){
/* test 
 .header-area .main-nav  {
background-color: purple;
  }*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
margin-top: 0.5%;
width: 75%;
}
.aflogo  {
  margin-top: 0;  
}
.title_container {
margin-top: 2%;
}
.title {
 /* line-height: 1.25;*/
  font-size: 2.5vw;
}
 .title_rotc {
  font-size: 2.5vw;
}
.afjrotclogo  {
  margin-top: -11%;  
}
/* from original css 991*/
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
/* from original css 767*/
/* social icons top right */
  .sub-header .right-icons {
    text-align: center;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); */
/*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 75px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 35%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 1.5vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.background-header .afjrotclogo  {
  margin-top: -11%; 
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 10%; 
}
.main-banner .caption h6 {
  font-size: 20px;
}
.main-banner .caption h2 {
  font-size: 24px;
}
.main-banner .caption p {
  font-size: 14px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 46%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.caption-button-blue_right {
width: 46%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -15%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -59%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 400px; 
  } 
.services .item p {
  font-size: 13px;
  line-height: 1.5;
margin-left: 5%;
margin-right: 5%;
padding-left: 0;
padding-right: 0;
}
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 27%;
 padding-bottom: 27%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}

section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 30%;
margin-right: 0;
width: 40%;
}
.booster-title  {
  font-size: 16px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: 0;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.resources {
padding-bottom: 10%;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 34%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 35%;
  margin-right: 35%;
  margin-bottom: 15%;
  width: 30%;
}
.resources-down-content {
  width: 50%;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 26%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -16%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -60%;
}
.our-courses {
padding-left: 7%;
padding-right: 7%;
}
section.resources  {
padding-top: 15%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
}

.remindicon {
  width: 7%;
  height: 7%;
}
.url{
 font-size: 14px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 10%;
}
.connect_item_android img {
width: 10%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}













/* viewport 793 to 751 */
@media (max-width: 810px) and (min-width: 768px){
/* test 
 .header-area .main-nav  {
background-color: green;
  }*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
margin-top: 0.5%;
width: 75%;
}
.aflogo  {
  margin-top: 0;  
}
.title_container {
margin-top: 2%;
}
.title {
 /* line-height: 1.25;*/
  font-size: 2.5vw;
}
 .title_rotc {
  font-size: 2.5vw;
}
.afjrotclogo  {
  margin-top: -10%;  
}
/* from original css 991*/
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
/* from original css 767*/
/* social icons top right */
  .sub-header .right-icons {
    text-align: center;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); */
/*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 75px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 35%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 1.5vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.background-header .afjrotclogo  {
  margin-top: -11%; 
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 10%; 
}
.main-banner .caption h6 {
  font-size: 20px;
}
.main-banner .caption h2 {
  font-size: 24px;
}
.main-banner .caption p {
  font-size: 14px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 46%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.caption-button-blue_right {
width: 46%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.services .item .icon {
 /* max-width: 60px;
  margin: 0 auto;*/
}
.services .item h4 {
  font-size: 16px;
}
.services .item p {
  font-size: 14px;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -15%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -59%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 425px; 
  } 
.services .item p {
  font-size: 13px;
  line-height: 1.5;
margin-left: 5%;
margin-right: 5%;
padding-left: 0;
padding-right: 0;
}
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 29%;
 padding-bottom: 29%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}


section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}

section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 30%;
margin-right: 0;
width: 40%;
}
.booster-title  {
  font-size: 16px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 13px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: 0;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.resources {
padding-bottom: 12%;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 34%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 35%;
  margin-right: 35%;
  margin-bottom: 15%;
  width: 30%;
}
.resources-down-content {
  width: 50%;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 26%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -18%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -62%;
}
.our-courses {
padding-left: 8%;
padding-right: 8%;
}
.footer p {
  font-size: 12px;
}
.webmaster p {
  font-size: 10px;
}
section.resources  {
padding-top: 20%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
}
.company_link_platinum {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.company_link_silver {
  font-size: 11px;
}
.company_link_bronze {
  font-size: 10px;
}

.remindicon {
  width: 7%;
  height: 7%;
}
.url{
 font-size: 14px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 10%;
}
.connect_item_android img {
width: 10%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 1%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}





/* viewport 750 to 704 */
@media (max-width: 767px) and (min-width: 721px){
/* test
 .header-area .main-nav  {
background-color: red;
  } */
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 5%;  
  margin-bottom: 5%;  
width: 76%;
line-height: 0.5;
position: relative;
}
.aflogo  {
  margin-top: -4%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 21%;
  width: 57%; 
text-align: center; 
  position: absolute;
  top: 12%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 2.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 2.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -3%; 
  width: 18%; 
  position: absolute;
  top: 60%;
right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
/* from original css 767*/
/* social icons top right */
  .sub-header .right-icons {
    text-align: center;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }




  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: -30px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 40%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 1.5vw;
  }

/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }


.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 9%;  
  margin-bottom: 9%;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-top: -4%;
margin-left: 20%;
  width: 58%; 
text-align: center; 
  position: absolute;
  top: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.background-header .aflogo  {
  margin-top: -10%;  
width: 18%;
}
.background-header .afjrotclogo  {
  margin-top: -6%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 10%; 
}
.main-banner .caption h6 {
  font-size: 20px;
}
.main-banner .caption h2 {
  font-size: 24px;
}
.main-banner .caption p {
  font-size: 14px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 46%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.caption-button-blue_right {
width: 46%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 14px;
}
.services .item p {
  font-size: 13px;
  line-height: 1.5;
margin-left: 5%;
margin-right: 5%;
padding-left: 0;
padding-right: 0;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -17%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -61%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 450px; 
  } 


section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 33%;
 padding-bottom: 33%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}


section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 30%;
margin-right: 0;
width: 40%;
}
.booster-title  {
  font-size: 16px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: 0;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 14px;
}
section.resources {
padding-bottom: 12%;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 35%;
  margin-right: 35%;
  margin-bottom: 22%;
  width: 30%;
}
.resources-down-content {
  width: 50%;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
}
.resources-down-content h4 {
  font-size: 20px;
}
.resources-down-content h5 {
  font-size: 16px;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 36%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -20%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -64%;
}
.our-courses {
padding-left: 7%;
padding-right: 7%;
}
.footer p {
  font-size: 10px;
}
.webmaster p {
  font-size: 12px;
}
section.resources  {
padding-top: 20%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 14px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 20%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;

}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 12px;
}
.company_link_platinum {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.company_link_silver {
  font-size: 11px;
}
.company_link_bronze {
  font-size: 10px;
}
.down-content_bronze {
  font-size: 12px;
}
.remindicon {
  width: 10%;
  height: 10%;
}
.url{
 font-size: 14px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}

}



/* viewport 703 to 608 */
@media (max-width: 720px) and (min-width: 625px){
/* test 
 .header-area .main-nav  {
background-color: blue;
  }*/
.sub-header {
margin-bottom: -1%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 5%;  
  margin-bottom: 5%;  
width: 76%;
line-height: 0.5;
position: relative;
}
.aflogo  {
  margin-top: -4%;  
width: 18%;
}
.aflogo img {
  width: 100%;  
}
.title_container {
margin-top: -1%;
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 20%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -3%;  
width: 18%;
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}

/* from original css 991*/
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
/* from original css 767*/
/* social icons top right */
  .sub-header .right-icons {
    text-align: center;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: -30px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 40%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 1.75vw;
  }

/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }



.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 6%;  
  margin-bottom: 6%;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 10%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: -6%;  
width: 18%;
}
.background-header .afjrotclogo  {
  margin-top: -5%;  
  width: 20%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
width: 18%;
}

.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 10%; 
}
.main-banner .caption h6 {
  font-size: 15px;
}
.main-banner .caption h2 {
  font-size: 18px;
}
.main-banner .caption p {
  font-size: 13px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 13px;
}
.services .item p {
  font-size: 11px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -18%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -62%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 400px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 34%;
 padding-bottom: 34%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.benefit_list {
 font-size: 13px;
padding-right: 1.5%;
}

.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 14px;
}


section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 22px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 25%;
margin-right: 0;
width: 50%;
}
.booster-title  {
  font-size: 16px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
}
.givetime {
  font-size: 15px;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 11%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: -1%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 14px;
}
section.resources {
padding-bottom: 12%;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 35%;
  margin-right: 35%;
  margin-bottom: 22%;
  width: 30%;
}
.resources-down-content {
  width: 50%;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
}
.resources-down-content h4 {
  font-size: 20px;
}
.resources-down-content h5 {
  font-size: 16px;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 36%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -22%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -66%;
}
.our-courses {
padding-left: 10%;
padding-right: 10%;
}
.footer p {
  font-size: 10px;
}
.webmaster p {
  font-size: 8px;
}

section.resources  {
padding-top: 20%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 14px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 20%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;

}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 12px;
}
.company_link_platinum {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.company_link_silver {
  font-size: 11px;
}
.company_link_bronze {
  font-size: 10px;
}
.down-content_bronze {
  font-size: 12px;
}

.remindicon {
  width: 10%;
  height: 10%;
}
.url{
 font-size: 14px;

}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}





/* viewport 608 to 585 */
@media (max-width: 624px) and (min-width: 601px){
/* test 
 .header-area .main-nav  {
background-color: yellow;
  }*/
.sub-header {
margin-bottom: -2%;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 4%;  
  margin-bottom: 4%;  
width: 76%;
line-height: 0.5;
position: relative;
}
.aflogo  {
  margin-top: -3%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 20%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -3%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
/* from original css 767*/
/* social icons top right */
  .sub-header .right-icons {
    text-align: center;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: -25px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 40%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2vw;
  }

/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.background-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 4%;  
  margin-bottom: 5%;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 10%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: -4%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: -4%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 10%; 
}
.main-banner .caption h6 {
  font-size: 15px;
}
.main-banner .caption h2 {
  font-size: 18px;
}
.main-banner .caption p {
  font-size: 13px;
  line-height: 1.5;
}
.caption_button_container {
width: 80%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 12px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 12px;
}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 13px;
}
.services .item p {
  font-size: 11px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -19%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -63%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 400px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 margin-bottom: 0;
 padding-top: 35%;
 padding-bottom: 35%;
}
.notbootcamp {
  font-size: 16px;
}
.benefits_title {
 font-size: 18px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.benefit_list {
 font-size: 13px;
padding-right: 1.5%;
}

.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 14px;
}

section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 21px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 25%;
margin-right: 0;
width: 50%;
}
.booster-title  {
  font-size: 15px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
  font-size: 14px;
}
.givetime {
  font-size: 15px;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 11%;
} 
.booster_button_container .booster-button-blue_left {
width: 35%;
  padding-right: 0;
  margin-left: 10%;
  margin-right: 1%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_button_container .booster-button-blue_right {
width: 35%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 10%;
  font-size: 10px;
  padding: 15px 15px;
}
.booster_share {
  margin-top: -2%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 14px;
}
section.resources {
padding-bottom: 12%;
}
.resources_title {
  font-size: 18px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 18%;
  width: 25%;
}
.resources-down-content {
  width: 70%;
  top: 50%;
  left: 56%;
  right: 0;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 16px;
}
.resources-down-content h5 {
  font-size: 14px;
}
.resources-down-content ol {
  font-size: 11px;
}
.resources-down-content li {
  font-size: 11px;
}
.resources-down-content li a {
  font-size: 11px;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -23%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -67%;
}
.our-courses {
padding-left: 10%;
padding-right: 10%;
}
.sponsors_title h2 {
  font-size: 18px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-bottom: 5%;
}

.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {

  font-size: 16px;
}
.down-content_bronze {
font-size: 11px;
}
.footer p {
  font-size: 10px;
}
.webmaster p {
  font-size: 8px;
}
section.resources  {
padding-top: 20%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 14px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 22%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 12px;
}
.company_link_platinum {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.company_link_silver {
  font-size: 11px;
}
.company_link_bronze {
  font-size: 9.5px;
}

.remindicon {
  width: 10%;
  height: 10%;
}
.url{
 font-size: 14px;

}
.connect_item_URL  {
 margin-left: 10%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}





/* viewport 584 to 524 */
@media (max-width: 600px) and (min-width: 541px){
/* test 
 .header-area .main-nav  {
background-color: pink;
  }
*/
.sub-header {
  background-color: #1f272b;


margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -2%;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 2%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 40%;
float: right;

margin-top: -5%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 1%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
  margin-top: 0; 
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 35%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
/*  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
*/
/* from original css 767*/


  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
margin-top: 1%;
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 5px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 45%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.25vw;
  }

/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }

.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 32%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: 0; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: -2%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 13px;
}
.main-banner .caption h2 {
  font-size: 16px;
}
.main-banner .caption p {
  font-size: 12px;
  line-height: 1.5;
}
.caption_button_container {
width: 80%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}

section.services .container .owl-service-item {
width: 90%;
 margin-top: -30%;
margin-left: 5%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item  {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 12px;
}
.services .item p {
  font-size: 10px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -28%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -72%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 400px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 35%;
 padding-bottom: 35%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefits_title {
 font-size: 18px;
}
.benefit_list {
 font-size: 13px;
padding-right: 1%;
}

.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 14px;
}

section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 20px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 25%;
margin-right: 0;
width: 50%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 13px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 12px;
}
.givetime {
  font-size: 13px;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 13%;
} 
.booster_button_container .booster-button-blue_left {
width: 40%;
  margin-left: 5%;
  margin-right: 1%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_button_container .booster-button-blue_right {
width: 40%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 5%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_share {
  margin-top: -2%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
}
section.resources {
padding-bottom: 12%;
}
.resources_title {
  font-size: 18px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 21%;
  width: 25%;
}
.resources-down-content {
  width: 70%;
  top: 50%;
  left: 55%;
  right: 0;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 16px;
}
.resources-down-content h5 {
  font-size: 14px;
}
.resources-down-content ol {
  font-size: 11px;
}
.resources-down-content li {
  font-size: 11px;
}
.resources-down-content li a {
  font-size: 11px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 34%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_title {
  font-size: 18px;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.sponsors_title h2 {
  font-size: 18px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-bottom: 5%;
}

.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {

  font-size: 16px;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 18px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -35%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -80%;
}
.our-courses {
padding-left: 15%;
padding-right: 15%;
}
.down-content_bronze {
font-size: 9px;
}
.footer p {
  font-size: 9px;
}
.webmaster p {
  font-size: 7px;
}
section.resources  {
padding-top: 20%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 14px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 22%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 12px;
}

.company_link_platinum {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.down-content_silver {
  font-size: 11px;
}
.company_link_silver {
  font-size: 10px;
}
.down-content_bronze {
  font-size: 8.5px;
}
.company_link_bronze {
  font-size: 8px;
}

.remindicon {
  width: 8%;
  height: 8%;
}
.url{
 font-size: 14px;

}
.connect_item_URL  {
 margin-left: 10%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}

}




/* viewport 523 to 464 */
@media (max-width: 540px) and (min-width: 481px){
/* test 
 .header-area .main-nav  {
background-color: pink;
  }
*/
.sub-header {
  background-color: #1f272b;


margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -2%;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 2%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 40%;
float: right;

margin-top: -5%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 2%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
  margin-top: 0; 
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: -1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
/*  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
*/
/* from original css 767*/


  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
margin-top: 1%;
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 15px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 45%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.25vw;
  }

/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }

.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 23%;
  width: 54%; 
text-align: center; 
  position: absolute;
  top: 36%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: 1%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: -2%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 13px;
}
.main-banner .caption h2 {
  font-size: 16px;
}
.main-banner .caption p {
  font-size: 12px;
  line-height: 1.5;
}
.caption_button_container {
width: 80%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}

section.services .container .owl-service-item {
width: 90%;
 margin-top: -30%;
margin-left: 5%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item  {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 12px;
}
.services .item p {
  font-size: 10px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -28%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -72%;
}
.services {
padding-left: 10%;
padding-right: 10%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 400px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 35%;
 padding-bottom: 35%;
}
.notbootcamp {
  font-size: 16px;
}
section.benefits .item h3 {
padding-left: 1.5%;
}
section.benefits .item p {
padding-left: 1.5%;
}
.benefits_description p{
  font-size: 14px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefits_title {
 font-size: 18px;
}
.benefit_list {
 font-size: 13px;
padding-right: 1%;
}

.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 14px;
}

section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 20px;
}
section.our-facts p {
  font-size: 15px;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 25%;
margin-right: 0;
width: 50%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 13px;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 12px;
}
.givetime {
  font-size: 13px;
}
div.booster_button_container {
position: sticky;
width: 80%;
  margin-top: 0;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 13%;
} 
.booster_button_container .booster-button-blue_left {
width: 40%;
  margin-left: 5%;
  margin-right: 1%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_button_container .booster-button-blue_right {
width: 40%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 5%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_share {
  margin-top: -2%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
}
section.resources {
padding-bottom: 12%;
}
.resources_title {
  font-size: 18px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 21%;
  width: 25%;
}
.resources-down-content {
  width: 70%;
  top: 50%;
  left: 55%;
  right: 0;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 16px;
}
.resources-down-content h5 {
  font-size: 14px;
}
.resources-down-content ol {
  font-size: 11px;
}
.resources-down-content li {
  font-size: 11px;
}
.resources-down-content li a {
  font-size: 11px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 34%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_title {
  font-size: 18px;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_QR {
  margin-left: 10%;
}
.sponsors_title h2 {
  font-size: 18px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-bottom: 5%;
}

.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {

  font-size: 16px;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 18px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -35%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -80%;
}
.our-courses {
padding-left: 15%;
padding-right: 15%;
}
.down-content_bronze {
font-size: 9px;
}
.footer p {
  font-size: 9px;
}
.webmaster p {
  font-size: 7px;
}
section.resources  {
padding-top: 30%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 14px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 22%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}

.resources-down-content li {
  font-size: 12px;
}

.down-content_platinum {
  font-size: 15px;
}
.company_link_platinum {
  font-size: 13px;
}
.down-content_gold {
  font-size: 14px;
}
.company_link_gold {
  font-size: 12px;
}
.down-content_silver {
  font-size: 11px;
}
.company_link_silver {
  font-size: 10px;
}
.down-content_bronze  {
  font-size: 7.5px;

}
.down-content_bronze::after  {
    content: "\a";
    white-space: pre;
display: block;
padding-bottom: 0.05%;

}
.company_link_bronze {
  font-size: 7.5px;
}

.remindicon {
  width: 8%;
  height: 8%;
}
.url{
 font-size: 14px;

}
.connect_item_URL  {
 margin-left: 10%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}

}




/* viewport 466 is in between 483 - 482,  VP 466 = 484 */
/* use inspect */
/* viewport 463 to 384 */
@media (max-width: 480px) and (min-width: 391px){
/* test 
 .header-area .main-nav  {
background-color: orange;
  }*/
.sub-header {
  background-color: #1f272b;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -2%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 4%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 40%;
float: right;
margin-top: -7%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 2%;  
  margin-bottom: 1%;
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 4%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: 1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
/*  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
*/
/* from original css 767*/
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
margin-top: 1%;
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 25px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 50%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.5vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }


.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 42%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: 3%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: -1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 14px;
}
.main-banner .caption h2 {
  font-size: 16px;
}
.main-banner .caption p {
  margin-top: 4%;
  margin-bottom: 4%;
  font-size: 12px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
section.services .container .owl-service-item {
width: 94%;
 margin-top: -20%;
margin-left: 3%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item  {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10%;
}
.services .item .icon {
 max-width: 60px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 14px;
}
.services .item p {
  font-size: 11px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -33%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -78%;
}
.services {
padding-left: 12%;
padding-right: 12%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 390px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 46%;
 padding-bottom: 46%;
}
.benefits_title {
  font-size: 16px;
}
.notbootcamp {
  font-size: 14px;
}
.benefits_description p {
  font-size: 13px;
padding-bottom: 1%;
}
section.benefits .item h3 {
padding-left: 1.5%;
padding-right: 1%;
  font-size: 14px;
}
section.benefits .item p {
padding-left: 1.5%;
padding-right: 1.4%;
  font-size: 12px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefit_list {
 font-size: 13px;
padding-right: 1%;
}
.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 13px;
}

section.booster-page .membership_steps {
  font-size: 14px;
  margin-top: 0;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 16px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 16px;
}
section.our-facts p {
  font-size: 13px;
padding-bottom: 1%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 20%;
margin-right: 0;
width: 60%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 13px;
 padding-left: 10%;
  padding-right: 10%;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 12px;
}
.givetime {
  font-size: 13px;
}
div.booster_button_container {
position: sticky;
width: 84%;
  margin-top: 1%;
  margin-left: 9%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 16%;
} 
.booster_button_container .booster-button-blue_left {
width: 42%;
  margin-left: 5%;
  margin-right: 1%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_button_container .booster-button-blue_right {
width: 42%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 5%;
  font-size: 10px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_share {
  margin-top: -4%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
}
section.resources {
padding-bottom: 12%;
}
.resources_title {
  font-size: 16px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 54%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 24%;
  width: 25%;
}
.resources-down-content {
  width: 75%;
  top: 50%;
  left: 50%;
  right: 0;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
/*background-color: red;*/
}
.resources-down-content h4 {
  font-size: 14px;
}
.resources-down-content h5 {
  font-size: 12px;
}
.resources-down-content ol {
  font-size: 11px;
}
.resources-down-content li {
  font-size: 11px;
}
.resources-down-content li a {
  font-size: 11px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 60%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 38%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.connect_title {
  font-size: 16px;
}
.connect_description p {
  font-size: 12px;
padding-top: 1%;
padding-bottom: 1%;
}
.connect_description a {
  font-size: 12px;
}
.connect_item_URL .connect_item_QR, h3 {
  font-size: 14px;
}
.url{
 font-size: 13px;
}

.connect_list img {
  width: 15%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.clicktoenlarge {
 font-size: 10px;
}
.connect_item_URL {
  margin-left: 10%;
}
.connect_item_URL p {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
 font-size: 10px;
}
.connect_item_QR {
  margin-left: 10%;
}
.band_howto {
 font-size: 14px;
}
.sponsors_title h2 {
  font-size: 16px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -10%;
margin-right: -10%;
margin-bottom: 0;
}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 15px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 36%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -39%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -84%;
}
.our-courses {
padding-left: 15%;
padding-right: 15%;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 18px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 25%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 70%;
}

.down-content_silver {
font-size: 11px;
}
.down-content_bronze {
font-size: 7.5px;
}
.company_link_bronze {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.footer p {
  font-size: 7.5px;
}
.webmaster p {
  font-size: 5.5px;
}
section.resources  {
padding-top: 30%;

}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 13px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 22%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 13px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 12px;
}


.down-content_platinum {
  font-size: 15px;
}
.company_link_platinum {
  font-size: 12px;
}
.down-content_gold {
  font-size: 14px;
}
.company_link_gold {
  font-size: 11px;
}
.down-content_silver {
  font-size: 11px;
}
.company_link_silver {
  font-size: 9px;
}
div.bronze .owl-courses-item_bronze .item {
    display: inline-block;
    vertical-align: top;
}
.down-content_bronze  {
  font-size: 7.5px;
}
.company_link_bronze {
  font-size: 7.5px;

}


.remindicon {
  width: 10%;
  height: 10%;
}
.url{
 font-size: 12px;

}
.connect_item_URL  {
 margin-left: 10%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 3%;
  padding-bottom: 4%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 15%;
}
.connect_item_android img {
width: 15%;
}
.connect_item_android {
  padding-top: 3%;
  padding-bottom: 4%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}

}









/* use inspect 
vp371 = 388*/
/* viewport 373 to 306 ish donny work iphone */
@media (max-width: 390px) and (min-width: 321px){
/* test
 .header-area .main-nav  {
background-color: red;
  } */
.sub-header {
  background-color: #1f272b;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -2%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 4%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 8px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 2%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 40%;
float: right;
margin-top: -7%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
.logo_title_container {
  margin-top: 2%;  
  margin-bottom: 1%;
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 4%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.75vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: 1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
/*  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
*/
/* from original css 767*/
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {
margin-top: 1%;
   /* background-color: #f7f7f7;*/
 /* background-color: rgba(250,250,250,0.3); *//*menu box color & opacity*/
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -1%; /*moves hamburger up*/
    display: block !important;
  }
/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/

  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;

  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky  {
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0;


  }
  .header-area.header-sticky .nav {

    margin-top: 1px !important;

  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 50%; 
float: right;

margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.5vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }
.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
  .background-header .menu-trigger {
    margin-top: 0%; /*moves hamburger up*/
    display: block !important;
  }
/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }


.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;
}
.background-header .logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 42%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.background-header .aflogo  {
  margin-top: 3%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: -1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 14px;
}
.main-banner .caption h2 {
  font-size: 16px;
}
.main-banner .caption p {
  margin-top: 4%;
  margin-bottom: 4%;
  font-size: 12px;
  line-height: 1.5;
}
.caption_button_container {
width: 90%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 44%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
.caption-button-blue_right {
width: 44%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10px;
}
section.services .container .owl-service-item {
width: 94%;
 margin-top: -20%;
margin-left: 3%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item  {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10%;
}
.services .item .icon {
 max-width: 60px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 14px;
}
.services .item p {
  font-size: 11px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 70%;
  top: 42%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -33%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -78%;
}
.services {
padding-left: 12%;
padding-right: 12%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 390px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 46%;
 padding-bottom: 46%;
}
.benefits_title {
  font-size: 16px;
}
.notbootcamp {
  font-size: 14px;
}
.benefits_description p {
  font-size: 13px;
padding-bottom: 1%;
}
section.benefits .item h3 {
padding-left: 1.5%;
padding-right: 1%;
  font-size: 14px;
}
section.benefits .item p {
padding-left: 1.5%;
padding-right: 1.4%;
  font-size: 12px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefit_list {
 font-size: 13px;
padding-right: 1%;
}
.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 13px;
}

section.booster-page .membership_steps {
  font-size: 12px;
  margin-top: 0;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 14px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 13px;
}
section.our-facts p {
  font-size: 12px;
line-height: 1.5;
padding-bottom: 1%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 25%;
margin-right: 0;
width: 50%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 13px;
 padding-left: 10%;
  padding-right: 10%;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 12px;
}
.givetime {
  font-size: 13px;
}
div.booster_button_container {
position: sticky;
width: 85%;
  margin-top: 1%;
  margin-left: 7%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 19%;
} 
.booster_button_container .booster-button-blue_left {
width: 45%;
  margin-left: 2%;
  margin-right: 1%;
  font-size: 8px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_button_container .booster-button-blue_right {
width: 45%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 8px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_share {
  margin-top: -5%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
}
section.resources {
padding-bottom: 10%;
}
.resources_title {
  font-size: 16px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 60%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 26%;
  width: 25%;
}
.resources-down-content {
  width: 75%;
  top: 50%;
  left: 50%;
  right: 0;
  margin-top: 0;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 0;
/*background-color: red;*/
}
.resources-down-content h4 {
  font-size: 12px;
}
.resources-down-content h5 {
  font-size: 11px;
}
.resources-down-content ol {
  font-size: 10px;
}
.resources-down-content li {
  font-size: 10px;
}
.resources-down-content li a {
  font-size: 10px;
}

.resources-item_twofiles {
  margin-top: 0;
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 50%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 36%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.connect_title {
  font-size: 16px;
}
.connect_description p {
  font-size: 12px;
padding-top: 1%;
padding-bottom: 1%;
}
.connect_description a {
  font-size: 12px;
}
.connect_item_URL .connect_item_QR, h3 {
  font-size: 14px;
}
.url{
 font-size: 13px;
}

.connect_list img {
  width: 15%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.clicktoenlarge {
 font-size: 10px;
}
.connect_item_URL {
  margin-top: 0;
  margin-left: 10%;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1%;
}
.connect_item_URL p {
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 3%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1%;
 font-size: 9px;
}
.connect_item_QR {
  margin-left: 10%;
}
.band_howto {
 font-size: 12px;
}
.sponsors_title h2 {
  font-size: 16px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -30%;
margin-right: -30%;
margin-bottom: 5%;
}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 13px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 36%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -53%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -100%;
}
.our-courses {
padding-left: 18%;
padding-right: 18%;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 16px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 15px;
}
.down-content_gold {
font-size: 13px;
}
.company_link_gold {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 9px;
}
.company_link_silver {
font-size: 9px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}
.footer p {
padding-top: 2%;
  font-size: 8px;
line-height: 1;
}
.webmaster p {
  font-size: 7px;
}
section.resources  {
padding-top: 42%;

}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 12px;
}
.resources-down-content {
  width: 60%;
  margin-top: 0;
  margin-left: 22%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 12px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 9px;
}

.down-content_platinum {
  font-size: 15px;
}
.company_link_platinum {
  font-size: 12px;
}
.down-content_gold {
  font-size: 14px;
}
.company_link_gold {
  font-size: 11px;
}
.down-content_silver {
  font-size: 10px;
}
.company_link_silver {
  font-size: 9px;
}
div.bronze .owl-courses-item_bronze .item {
    display: inline-block;
    vertical-align: top;
}
.down-content_bronze  {
  font-size: 7.5px;
}
.company_link_bronze {
  font-size: 7px;
} 
.down-content_bronze::after  {
    content: "\a";
    white-space: pre;
display: block;
padding-bottom: 0.025%;
}


.remindicon {
  width: 12%;
  height: 12%;
}
.url{
 font-size: 10px;

}
.connect_item_URL  {
 margin-left: 10%;
 margin-bottom: 1%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 5%;
  padding-bottom: 5%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 20%;
}
.connect_item_android img {
width: 20%;
}
.connect_item_android {
  padding-top: 5%;
  padding-bottom: 5%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}






/* use inspect */
/* viewport 305 to 275 my phone is 320 */
@media (max-width: 320px) and (min-width: 291px){
/* test 
 .header-area .main-nav  {
background-color: green;
  }*/
.sub-header {
  background-color: #1f272b;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -3%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 2%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 3%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 3%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 40%;
float: right;
margin-top: -9%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}

.logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 7%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 52%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: 1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}
/* from original css 991*/
/*  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
*/
/* from original css 767*/
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }

/*entire white area at top */
  .header-area {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 0;
    padding-bottom: 0;
    box-shadow: none;
    text-align: center;
    height: auto;

  }
  .header-area .container {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 80px;
  }

/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -4%; /*moves hamburger up*/
    margin-left: 0;
    margin-right: -8%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: block !important;
  }

/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
     margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;

  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 20px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 60%; 
float: right;
margin-right: 5%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.75vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }

.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;


}
.background-header .logo_title_container {
  margin-top: 4%;  
  margin-bottom: 0;  
width: 76%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 20%;
  width: 60%; 
text-align: center; 
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.background-header .aflogo  {
  margin-top: 5%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: 1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.background-header .menu-trigger {
    margin-top: 0; /*moves hamburger up*/
    margin-left: 0;
    margin-right: -8%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: block !important;
  }

/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.main-banner video {
margin-bottom: -2%;
}
.main-banner .caption {
   margin-top: 10%;
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 13px;
   margin-right: 0; 

}
.main-banner .caption h2 {
  font-size: 15px;
}
.main-banner .caption p {
  margin-top: 4%;
  margin-bottom: 4%;
  font-size: 11px;
  line-height: 1.5;
}
.caption_button_container {
width: 98%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 47%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  font-size: 8px;
}
.caption-button-blue_right {
width: 47%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  font-size: 8px;
}
section.services .container .owl-service-item {
width: 84%;
 margin-top: -10%;
margin-left: 8%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.services .item  {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10%;
}
.services .item .icon {
 max-width: 60px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 13px;
}
.services .item p {
  font-size: 11px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 70%;
  top: 45%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -59%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -104%;
}
.services {
padding-left: 14%;
padding-right: 14%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 100%;
  min-height: 330px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 60%;
 padding-bottom: 60%;
}
section.benefits {
 padding-top: 5%;
}
.benefits_title {
  font-size: 14px;
}
.notbootcamp {
  font-size: 13px;
}
.benefits_description p {
  font-size: 12px;
padding-bottom: 1%;
}
section.benefits .item h3 {
padding-top: 3%;
padding-left: 3%;
padding-right: 2%;
  font-size: 13px;
}
section.benefits .item p {
padding-left: 3%;
padding-right: 2%;
padding-bottom: 3%;
  font-size: 12px;
line-height: 1.5;
}
.handbook a {
  font-size: 13px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefit_list {
 font-size: 13px;
padding-right: 1%;
}
.benefit_list a {
 font-size: 13px;
}
.booster_link a{
 font-size: 13px;
}

section.booster-page .membership_steps {
  font-size: 12px;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 14px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 14px;
line-height: 1;
padding-bottom: 4%;
}
section.our-facts p {
  font-size: 12px;
line-height: 1.5;
padding-bottom: 1%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 11%;
margin-right: 0;
width: 75%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 13px;
 padding-left: 10%;
  padding-right: 10%;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 12px;
}
.givetime {
  font-size: 13px;
}
div.booster_button_container {
position: sticky;
width: 85%;
  margin-top: 1%;
  margin-left: 7%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 21%;
} 
.booster_button_container .booster-button-blue_left {
width: 45%;
  margin-left: 2%;
  margin-right: 1%;
  font-size: 7px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_button_container .booster-button-blue_right {
width: 45%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 7px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}
.booster_share {
  margin-top: -7%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 3%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
}

section.resources {
padding-top: 1%;
padding-bottom: 1%;
}
.resources_title {
  font-size: 16px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 80%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 32%;
  width: 25%;
}
.resources-down-content {
  width: 98%;
  top: 50%;
  left: 50%;
  right: 0;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 12px;
}
.resources-down-content h5 {
  font-size: 11px;
}
.resources-down-content ol {
  font-size: 10px;
}
.resources-down-content li {
  font-size: 10px;
}
.resources-down-content li a {
  font-size: 10px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 50%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 36%;
}
.resources-center_twofiles {
 position: relative;
  margin-top: 36%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.connect_title {
  font-size: 16px;
}
.connect_description p {
  font-size: 12px;
padding-top: 1%;
padding-bottom: 1%;
}
.connect_description a {
  font-size: 12px;
}
.connect_item_URL .connect_item_QR, h3 {
  font-size: 14px;
}
.url{
 font-size: 13px;
}

.connect_list img {
  width: 15%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.clicktoenlarge {
 font-size: 10px;
}
.connect_item_URL {
  margin-top: 5%;
  margin-left: 10%;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0%;
}
.connect_item_URL p {
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2%;
 font-size: 8px;
}
.connect_item_QR {
  margin-top: 0;
  margin-left: 10%;
  margin-bottom: 5%;
}
.band_howto {
 font-size: 12px;
}
.sponsors_title h2 {
  font-size: 16px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -40%;
margin-right: -40%;
margin-bottom: 5%;

}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 12px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 36%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -65%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -115%;
}

.our-courses {
padding-left: 20%;
padding-right: 20%;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 12px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 13px;
}
.company_link_platinum {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_gold {
font-size: 10px;
}
.company_link_gold {
font-size: 10px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 7px;
}
.company_link_silver {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}
.footer p {
padding-top: 2%;
  font-size: 7px;
line-height: 1;
}
.webmaster p {
  font-size: 5.5px;
}
section.resources  {
padding-top: 40%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 11px;
}
.resources-down-content {
  width: 70%;
  margin-top: 0;
  margin-left: 15%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 12px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 8px;
}

.down-content_platinum {
  font-size: 14px;
}
.company_link_platinum {
  font-size: 11px;
}
.down-content_gold {
  font-size: 11px;
}
.company_link_gold {
  font-size: 10px;
}
.down-content_silver {
  font-size: 8px;
}
.company_link_silver {
  font-size: 7px;
}
div.bronze .owl-courses-item_bronze .item {
    display: inline-block;
    vertical-align: top;
margin-bottom: 0;
padding-bottom: 0;
}
.down-content_bronze  {
  font-size: 6.25px;
margin-bottom: 0;
padding-bottom: 0;
}

.company_link_bronze {
  font-size: 6.25px;
margin-bottom: 0;
padding-bottom: 0;
} 

.down-content_bronze::after  {
    content: "\a";
    white-space: pre;
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.025%;
}

.our-facts-center {
margin-top: 8%;
}

.remindicon {
  width: 12%;
  height: 12%;
}
.url{
 font-size: 10px;

}
.connect_item_URL  {
 margin-left: 10%;
 margin-bottom: 1%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 5%;
  padding-bottom: 5%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 25%;
}
.connect_item_android img {
width: 25%;
}
.connect_item_android {
  padding-top: 5%;
  padding-bottom: 5%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}











/* viewport 274 to 199  */
@media (max-width: 291px) and (min-width: 216px){
/* test 
 .header-area .main-nav  {
background-color: purple;
  }*/


.sub-header {
  background-color: #1f272b;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -4%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 50%;
float: right;
margin-top: -14%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
 .band {
  color: #1bcc21;
  font-weight: 500;
  font-size: 0.005vw;
}
.logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;
  margin-bottom: 0;  
width: 72%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 5%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 21%;
  width: 58%; 
text-align: center; 
  position: absolute;
  top: 46%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.55vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: 1%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}



 .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {

    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 0;
    padding-bottom: 0;

    box-shadow: none;
    text-align: center;

  }
  .header-area .container {
    margin-top: 4%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 60px;

  }


/* from original css 767*/
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }

 

/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -8%; /*moves hamburger up*/
    margin-left: 0;
    margin-right: -14%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0%;
    padding-right: 0;
    padding-bottom: 0;
    display: block !important;
float: right;
  }


/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
     margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;

  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 25px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 70%; 
float: right;
margin-top: 1%;
margin-right: 1%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.75vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }

.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;


}
.background-header .logo_title_container {
  margin-top: 4%;  
  margin-bottom: 0;  
width: 72%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 21%;
  width: 58%; 
text-align: center; 
  position: absolute;
  top: 46%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);


}
.background-header .aflogo  {
  margin-top: 11%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: 4%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
 .background-header .menu-trigger {
    margin-top: -3%; /*moves hamburger up*/

  }

/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.main-banner video {
margin-bottom: -20%;
}
.main-banner .caption {
   margin-top: 10%;
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 10px;
   margin-right: 0; 

}
.main-banner .caption h2 {
  font-size: 12px;
}
.main-banner .caption p {
  margin-top: 4%;
  margin-bottom: 4%;
  font-size: 9px;
  line-height: 1.5;
}
.caption_button_container {
width: 98%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 47%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 7px;
}
.caption-button-blue_right {
width: 47%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 7px;
}
section.services .container .owl-service-item {
width: 84%;
 margin-top: -40%;
margin-left: 30%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;

}

.services .item  {

 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10%;

}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 11px;
}
.services .item p {
  font-size: 9px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 74%;
  top: 45%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -59%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -58%;
}
.services {
padding-left: 1%;
padding-right: 14%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 70%;
  min-height: 340px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 68%;
 padding-bottom: 68%;
}
section.benefits {
 padding-top: 5%;
}
.benefits_title {
  font-size: 12px;
}
.notbootcamp {
  font-size: 11px;
}
.benefits_description p {
  font-size: 10px;
padding-bottom: 1%;
line-height: 1.5;
}
section.benefits .item h3 {
padding-top: 3%;
padding-left: 3%;
padding-right: 2%;
  font-size: 11px;
}
section.benefits .item p {
padding-left: 3%;
padding-right: 2%;
padding-bottom: 3%;
  font-size: 10px;
line-height: 1.5;
}
.handbook a {
  font-size: 11px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefit_list {
 font-size: 10px;
padding-right: 1%;
}
.benefit_list a {
 font-size: 10px;
}
.booster_link a{
 font-size: 10px;
}

section.booster-page .membership_steps {
  font-size: 10px;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 12px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 11px;
line-height: 1;
padding-bottom: 4%;
}
section.our-facts p {
  font-size: 10px;
line-height: 1.5;
padding-bottom: 1%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 11%;
margin-right: 0;
width: 75%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 12px;
 padding-left: 10%;
  padding-right: 10%;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 10px;
}
.givetime {
  font-size: 11px;
}
div.booster_button_container {
position: sticky;
width: 96%;
  margin-top: 1%;
  margin-left: 2%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 21%;
} 
.booster_button_container .booster-button-blue_left {
width: 47%;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 6px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}
.booster_button_container .booster-button-blue_right {
width: 47%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 6px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}
.booster_share {
  margin-top: -7%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 4%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 10px;
}

section.resources {
padding-top: 1%;
padding-bottom: 1%;
}
.resources_title {
  font-size: 12px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 50%;
  width: 25%;
}
.resources-down-content {
  width: 98%;
  top: 50%;
  left: 50%;
  right: 0;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 12px;
}
.resources-down-content h5 {
  font-size: 11px;
}
.resources-down-content ol {
  font-size: 10px;
}
.resources-down-content li {
  font-size: 10px;
}
.resources-down-content li a {
  font-size: 10px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 50%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 36%;

}
.resources-center_twofiles {
 position: relative;
  margin-top: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;

}

.connect_title {
  font-size: 12px;
}
.connect_description p {
  font-size: 10px;
padding-top: 1%;
padding-bottom: 1%;
}
.connect_description a {
  font-size: 11px;
}
.connect_item_URL .connect_item_QR, h3 {
  font-size: 12px;
}
.url{
 font-size: 11px;

}

.connect_list img {
  width: 15%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.clicktoenlarge {
 font-size: 8px;
}
.connect_item_URL {
  margin-top: 5%;
  margin-left: 10%;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 2%;
 padding-bottom: 1%;
}
.connect_item_URL p {
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
 font-size: 6px;
word-break: break-all;
line-height: 1;
}
.connect_item_QR {
  margin-top: 3%;
  margin-left: 10%;
  margin-bottom: 5%;
}
.band_howto {
 font-size: 12px;
}
.sponsors_title h2 {
  font-size: 12px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -40%;
margin-right: -40%;
margin-bottom: 5%;

}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 11px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 36%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -65%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -115%;
}

.our-courses {
padding-left: 20%;
padding-right: 20%;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 12px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 13px;
}
.company_link_platinum {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_gold {
font-size: 10px;
}
.company_link_gold {
font-size: 10px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 7px;
}
.company_link_silver {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}
.footer p {
padding-top: 2%;
  font-size: 7px;
line-height: 1;
}
.webmaster p {
  font-size: 5.5px;
}
section.resources  {
padding-top: 55%;
}

section.resources .sponsors_title_levels a {
  font-size: 9px;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 0;
}
.resources-item {
  margin-top: 6%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
 
}
section.resources .item h3 {
padding-top: 1%;
  font-size: 11px;
}
.resources-down-content {
  width: 80%;
  margin-top: 0;
  margin-left: 10%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;
/*background-color: red;*/
}
.resources-down-content ol {
  font-size: 12px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}
.resources-down-content li {
  font-size: 8px;
}


.down-content_platinum {
  font-size: 12px;
}
.company_link_platinum {
  font-size: 11px;
}
.down-content_gold {
  font-size: 10px;
}
.company_link_gold {
  font-size: 9px;
}
.down-content_silver {
  font-size: 7px;
}
.down-content_silver::after  {
    content: "\a";
    white-space: pre;
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.0025%;
}
.company_link_silver {
  font-size: 6px;
}
div.bronze .owl-courses-item_bronze .item {
    display: inline-block;
    vertical-align: top;
margin-bottom: 0;
padding-bottom: 0;
}
.down-content_bronze  {
  font-size: 5.5px;
margin-bottom: 0;
padding-bottom: 0;
}

.company_link_bronze {
  font-size: 5.25px;
margin-bottom: 0;
padding-bottom: 0;

} 

.down-content_bronze::after  {
    content: "\a";
    white-space: pre;
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.025%;
}


.our-facts-center {
margin-top: 8%;
}

.remindicon {
  width: 15%;
  height: 15%;
}
.url{
 font-size: 7px;

}
.connect_item_URL  {
 margin-left: 10%;
 margin-bottom: 1.25%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 5%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_iphone img {
width: 20%;
}
.connect_item_android img {
width: 20%;
}
.connect_item_android {
  padding-top: 5%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}







/* use inspect */
/* viewport 198 to 0 */
@media (max-width: 215px) and (min-width: 0px){
/* test 
 .header-area .main-nav  {
background-color: purple;
  }*/
.sub-header {
  background-color: #1f272b;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: -4%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;

}
.sub-header .left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .resources_left-content_update p {
width: 40%;
  font-size: 6px;
  text-align: left;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.sub-header .right-icons {
width: 55%;
float: right;
margin-top: -14%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;

}
.sub-header .right-icons ul li {
 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
 .band {
  color: #1bcc21;
  font-weight: 500;
  font-size: 0.25%;

}
.logo_title_container {
  margin-top: 1%;  
  margin-bottom: 0;
  margin-bottom: 0;  
width: 72%;
line-height: 0.5;
position: relative;

}
.aflogo  {
  margin-top: 11%;  
  width: 18%; 
}
.aflogo img {
  width: 100%;  
}
.title_container {
/*margin-top: -7%;*/
margin-left: 21%;
  width: 58%; 
text-align: center; 
  position: absolute;
  top: 46%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
.title {
  font-size: 3.5vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
 .title_rotc {

  font-size: 3.55vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.afjrotclogo  {
  margin-top: 4%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.afjrotclogo img {
  width: 100%;  
}



 .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
/*entire white area at top */
  .header-area {

    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 0;
    padding-bottom: 0;

    box-shadow: none;
    text-align: center;

  }
  .header-area .container {
    margin-top: 4%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 60px;

  }


/* from original css 767*/
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #f5a425!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }

 

/****HAMBURGER****/
/* this is the hamburger */
  .header-area .menu-trigger {
    margin-top: -10%; /*moves hamburger up*/
    margin-left: 0;
    margin-right: -14%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0%;
    padding-right: 0;
    padding-bottom: 0;
    display: block !important;
float: right;
  }


/* this shows dropdown menu from hamburger */
  .header-area .main-nav {
  */ overflow: hidden;*/
     margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;

  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
/*margin on the left side of dropdown menu from hamburger */
  .header-area.header-sticky .nav {
    margin-top: 25px !important;
  }
/*first only cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li:first-child {
   /* border-top: 1px solid #eee;*/
  }
/*entire width dropdown menu from hamburger */
  .header-area .main-nav .nav {
    width: 70%; 
float: right;
margin-top: 1%;
margin-right: 1%;
/*background-color: rgba(250,250,250,0.3);*/
  }
/*cell border color dropdown menu from hamburger */
  .header-area .main-nav .nav li {
    width: 100%; /*width of each cell */
    /*background: #ffffff;*/
background-color: rgba(250,250,250,0.5);
   /* border-bottom: 1px solid #eee;*/
    padding-top: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 1px !important;
  }
/*cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a {
  /*  height: 25px !important;*/
    height: 40px !important;
    line-height: 40px !important;
   /* padding: 0px !important;*/
    padding-right: 10px !important; /*text space on right side */
    border: none !important;
background-color: rgba(250,250,250,0.9);
    /*background: #f7f7f7 !important;*/
  color: #A6192E!important;
  font-size: 2.75vw;
  }
/*hover cell color dropdown menu from hamburger */
  .header-area .main-nav .nav li a:hover {
    background: #77a4ff !important;
    color: #f5a425!important;
  }

.background-header {
  margin-top: -1%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed!important;
  top: 0!important;


}
.background-header .logo_title_container {
  margin-top: 4%;  
  margin-bottom: 0;  
width: 72%;
line-height: 0.5;
position: relative;

}
.background-header .title_container {
margin-left: 21%;
  width: 58%; 
text-align: center; 
  position: absolute;
  top: 46%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);


}
.background-header .aflogo  {
  margin-top: 11%; 
  width: 18%;  
}
.background-header .afjrotclogo  {
  margin-top: 4%;  
  width: 18%; 
  position: absolute;
  top: 60%;
right: 1%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
 .background-header .menu-trigger {
    margin-top: -3%; /*moves hamburger up*/

  }

/* i think this is sub menu only */
 .main-nav .nav .sub-menu {
    display: none;
  }
  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    right: 30px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav        li.submenu:focus ul {
    height: 0px;
  }
.main-banner video {
margin-bottom: -20%;
}
.main-banner .caption {
   margin-top: 10%;
   margin-left: 1%; 
   margin-right: 5%; 
}
.main-banner .caption h6 {
  font-size: 10px;
   margin-right: 0; 

}
.main-banner .caption h2 {
  font-size: 12px;
}
.main-banner .caption p {
  margin-top: 4%;
  margin-bottom: 4%;
  font-size: 9px;
  line-height: 1.5;
}
.caption_button_container {
width: 98%;
  margin-top: 4%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
} 
.caption-button-blue_left {
width: 47%;
  margin-left: 0;
  margin-right: 1%;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 7px;
}
.caption-button-blue_right {
width: 47%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 7px;
}
section.services .container .owl-service-item {
width: 84%;
 margin-top: -50%;
margin-left: 30%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;

}

.services .item  {

 margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 10%;
padding-left: 0;
padding-right: 0;
padding-bottom: 10%;

}
.services .item .icon {
 max-width: 50px;
  margin: 0 auto;
}
.services .item h4 {
  font-size: 11px;
}
.services .item p {
  font-size: 9px;
  line-height: 1.5;
  padding-left: 5%;
  padding-right: 5%;
hyphens: auto;
}
.services .owl-nav {
  width: 74%;
  top: 45%; /*moves arrows up and down */
}
/* left side arrow */  
.services .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -59%;
}
/* right arrow */
.services .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -58%;
}
.services {
padding-left: 1%;
padding-right: 14%;
}
/*width of boxes */
 .services .item  {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
  width: 70%;
  min-height: 340px; 
  } 
section.filler-section {
 margin-top: 0;
 /*margin-bottom: -14%;*/
 padding-top: 68%;
 padding-bottom: 68%;
}
section.benefits {
 padding-top: 5%;
}
.benefits_title {
  font-size: 12px;
}
.notbootcamp {
  font-size: 11px;
}
.benefits_description p {
  font-size: 10px;
padding-bottom: 1%;
line-height: 1.5;
}
section.benefits .item h3 {
padding-top: 3%;
padding-left: 3%;
padding-right: 2%;
  font-size: 11px;
}
section.benefits .item p {
padding-left: 3%;
padding-right: 2%;
padding-bottom: 3%;
  font-size: 10px;
line-height: 1.5;
}
.handbook a {
  font-size: 11px;
}
section.benefits div.container  div.item {
padding-left: 0;
padding-right: 0;
margin-left: 4%;
margin-right: 4%;
}
.benefit_list {
 font-size: 10px;
padding-right: 1%;
}
.benefit_list a {
 font-size: 10px;
}
.booster_link a{
 font-size: 10px;
}

section.booster-page .membership_steps {
  font-size: 10px;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
}
section.booster-page .membership_steps .membership_steps_title {
  font-size: 12px;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
section.booster-page .membership_steps ol {
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 3%;
  padding-bottom: 0;
}
section.booster-page .membership_steps li {
   margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.5%;
  padding-left: 0.5%;
  padding-right: 0;
  padding-bottom: 0.5%;
}
section.our-facts {
padding-top: 6%;
padding-left: 0;
padding-right: 0;
padding-bottom: 8%;
}
section.our-facts h2 {
  font-size: 11px;
line-height: 1;
padding-bottom: 4%;
}
section.our-facts p {
  font-size: 10px;
line-height: 1.5;
padding-bottom: 1%;
}
section.our-facts .bio {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0;
}
.sgtmaster {
margin-top: 4%;
margin-left: 11%;
margin-right: 0;
width: 75%;
}
.booster-container  {
margin-top: 0;
margin-left: 3%;
margin-right: 2%;
margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.booster-title  {
  font-size: 12px;
 padding-left: 10%;
  padding-right: 10%;
}
.booster_description {
  padding-left: 3%;
  padding-right: 3%;
 padding-bottom: 2%;
line-height: 1.5;
  font-size: 10px;
}
.givetime {
  font-size: 11px;
}
div.booster_button_container {
position: sticky;
width: 96%;
  margin-top: 1%;
  margin-left: 2%;
  margin-rigt: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 21%;
} 
.booster_button_container .booster-button-blue_left {
width: 47%;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 6px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}
.booster_button_container .booster-button-blue_right {
width: 47%;
  padding-right: 0;
  margin-left: 1%;
  margin-right: 2%;
  font-size: 6px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}
.booster_share {
  margin-top: -7%;
  margin-left: 0;
  margin-rigt: 0;
  margin-bottom: 4%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 10px;
}

section.resources {
padding-top: 1%;
padding-bottom: 1%;
}
.resources_title {
  font-size: 12px;
}
.resources-item {
  margin-top: 3%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.resources-thumb {
  margin-left: 37%;
  margin-right: 37%;
  margin-bottom: 50%;
  width: 25%;
}
.resources-down-content {
  width: 98%;
  top: 50%;
  left: 50%;
  right: 0;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 0;

}
.resources-down-content h4 {
  font-size: 12px;
}
.resources-down-content h5 {
  font-size: 11px;
}
.resources-down-content ol {
  font-size: 10px;
}
.resources-down-content li {
  font-size: 10px;
}
.resources-down-content li a {
  font-size: 10px;
}


.resources-item_twofiles {
  margin-top: 0;
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  text-align: center;
  width: 50%;

}
.resources-thumb_twofiles_left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 0;
  padding-right: 1%;
  width: 45%;
float: left;
}
.resources-thumb_twofiles_right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
 padding-left: 1%;
  padding-right: 0;
  width: 45%;
float: right;
}
.resources-thumb_twofiles img {
  width: 100%;
}
.spacer {
font-size: 1px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 36%;

}
.resources-center_twofiles {
 position: relative;
  margin-top: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;

}

.connect_title {
  font-size: 12px;
}
.connect_description p {
  font-size: 10px;
padding-top: 1%;
padding-bottom: 1%;
}
.connect_description a {
  font-size: 11px;
}
.connect_item_URL .connect_item_QR, h3 {
  font-size: 12px;
}
.url{
 font-size: 11px;

}

.connect_list img {
  width: 15%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.clicktoenlarge {
 font-size: 8px;
}
.connect_item_URL {
  margin-top: 5%;
  margin-left: 10%;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 0;
  padding-right: 2%;
 padding-bottom: 1%;
}
.connect_item_URL p {
  margin-top: 0;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0;
  padding-top: 4%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
 font-size: 6px;
word-break: break-all;
line-height: 1;
}
.connect_item_QR {
  margin-top: 3%;
  margin-left: 10%;
  margin-bottom: 5%;
}
.band_howto {
 font-size: 12px;
}
.sponsors_title h2 {
  font-size: 12px;
}
.sponsors_title_levels {
padding-top: 5%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5%;
margin-top: 0;
margin-left: -40%;
margin-right: -40%;
margin-bottom: 5%;

}
.sponsors_title_levels_platinum, .sponsors_title_levels_gold, .sponsors_title_levels_silver, .sponsors_title_levels_bronze {
  font-size: 11px;
}
.our-courses .owl-dots {
  display: none;
}
.our-courses .owl-nav {
  width: 70%;
  top: 36%; /*moves arrows up and down */
}
/* left side arrow */  
.our-courses .owl-nav .owl-prev{
  /*margin-right: 10px;*/
  left: -65%;
}
/* right arrow */
.our-courses .owl-nav .owl-next{
  /*margin-right: 10px;*/
  right: -115%;
}

.our-courses {
padding-left: 20%;
padding-right: 20%;
}
.sponsors_title_platinum, .sponsors_title_gold, .sponsors_title_silver, .sponsors_title_bronze {
font-size: 12px;
}
div.platinum .owl-courses-item_platinum .item, .down-content img {
margin-left: 22%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 width: 75%;
}
.down-content_platinum {
font-size: 13px;
}
.company_link_platinum {
font-size: 12px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_gold {
font-size: 10px;
}
.company_link_gold {
font-size: 10px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_silver {
font-size: 7px;
}
.company_link_silver {
font-size: 7px;
padding-left: 2%;
padding-right: 2%;
}
.down-content_bronze {
font-size: 5px;
}
.company_link_bronze {
font-size: 5px;
padding-left: 2%;
padding-right: 2%;
}
.footer p {
padding-top: 2%;
  font-size: 7px;
line-height: 1;
}
.webmaster p {
  font-size: 5.5px;
}

section.resources  {
padding-top: 60%;
}
.resources_title {
  margin-top: 10%;
  margin-bottom: 5%;

}

section.resources .sponsors_title_levels {
  margin-left: 2%;
  margin-right: 5%;
}
section.resources .sponsors_title_levels a {
  font-size: 8px;
  margin-left: 0;
  margin-right: -3%;
  padding-left: 0;
  padding-right: 0;
}
section.resources .resources-item {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10%;
  padding-top: 1%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1%;



}
section.resources .item h3 {
padding-top: 3%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
margin-left: 0;
  font-size: 10px;

}
section.resources .item h5 {
padding-top: 3%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
text-align: center;
margin-left: 2%;
margin-right: 2%;
  font-size: 9px;

}
.resources-down-content {
  width: 82%;
  margin-top: 0;
  margin-left: 10%;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 0;

}
.resources-down-content ol {
  font-size: 11px;
   margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
padding-top: 1%;
padding-left: 0;
padding-right: 0;
padding-bottom: 3%;


}

.resources-down-content li {
  font-size: 7.5px;
}

iframe {
width: 75%;

}

.down-content_platinum {
  font-size: 12px;
}
.company_link_platinum {
  font-size: 11px;
}
.down-content_gold {
  font-size: 10px;
}
.company_link_gold {
  font-size: 9px;
}
.down-content_silver {
  font-size: 7px;
}
.down-content_silver::after  {
    content: "\a";
    white-space: pre;
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.0025%;
}
.company_link_silver {
  font-size: 6px;
}
div.bronze .owl-courses-item_bronze .item {
    display: inline-block;
    vertical-align: top;
margin-bottom: 0;
padding-bottom: 0;
}
.down-content_bronze  {
  font-size: 5.5px;
margin-bottom: 0;
padding-bottom: 0;
}

.company_link_bronze {
  font-size: 5.25px;
margin-bottom: 0;
padding-bottom: 0;

} 

.down-content_bronze::after  {
    content: "\a";
    white-space: pre;
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.025%;
}


.our-facts-center {
margin-top: 8%;
}

.remindicon {
  width: 15%;
  height: 15%;
}
.url{
 font-size: 5px;

}
.connect_item_URL  {
 margin-left: 10%;
 margin-bottom: 1.25%;
  float: left;
}
.connect_item_URL .space1 {
   font-size: 0; 
}
.connect_item_iphone {
  padding-top: 5%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
.connect_item_URL h3 {
 font-size: 9px;
}
.connect_item_iphone h3 {
 font-size: 9px;
}
.connect_item_android h3 {
 font-size: 9px;
}
.connect_item_iphone img {
width: 20%;
}
.connect_item_android img {
width: 20%;
}
.connect_item_android {
  padding-top: 5%;
  padding-bottom: 2%;
 margin-left: 10%;
  margin-right: 0;
  text-align: center;
  float: left;
}
}