/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */

/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 996px) and (max-width: 1024px) {
 





}
/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {


}
/* Tablet Portrait size to Base 1160px */
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#people-slider button.owl-next {
    margin-top: -200px;
    position: absolute;
    right: 0px;
    float: right;
    border: 1px solid #20a645;
    width: 8%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}
#people-slider button.owl-prev {
    margin-top: -200px;
    position: absolute;
    border: 1px solid #20a645;
    width: 8%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: 0px;
    color: #20a645;
}

.socials h2 {
    font-size: 15px;
}
.contacs_div h2 {
    font-size: 15px;
}
.people_mobile {
    width: 225px;
    margin-left: 75px;
}
#people-contribute button.owl-next {
    margin-top: -200px;
    position: absolute;
    right: 1px;
    float: right;
    border: 1px solid #20a645;
    width: 8%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}
#people-contribute button.owl-prev {
    margin-top: -200px;
    position: absolute;
    border: 1px solid #20a645;
    width: 8%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: 0px;
    color: #20a645;
}
.thanks {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
    background-image: url(../images/imga_03.jpg);
    margin: 2% auto;
}
.thanks h1 {
    font-size: 40px;
    color: #ffffff;
    margin: 75px auto;
    font-family: 'Conv_Poppins-SemiBold';
    text-align: center;
    line-height: 50px;
}
.logo {
    width: 50%;
    margin-top: -20px;
}
.first_time_user h3 {
    font-size: 30px;
}
/*.right_links a {
    margin-right: 10px;
}*/
.helpline {
    font-size: 15px;
    padding: 0 15%;
}
.request_kit {
    font-size: 15px;
}
.login_link {
    font-size: 15px;
}
.mobile-left{
  right: 1%;
}
.overlay_text {
    margin: 11% 0 0 -4%;
}
.overlay_text h1 {
    font-size: 30px;
}
.main_banner img {
    height: 460px;
}
.overlay_text p {
    font-size: 18px;
}
.quic1k_links ul {
    padding: 0 40px 0px 0;
}
.quick_links ul li {
    font-size: 12px;
}
.contacs_div p {
    font-size: 12px;
}
.contacs_div h2 {
    margin: 0 auto 20px;
}
.quick_links {
    margin: 18px auto 0;
}
.right_links {
    margin: 3% 0 0 0!important;
    width: 95%;
}
.first_time_user h1 {
    font-size: 20px;
}
.second_time h1 {
    font-size: 30px;
}
.request_a_kit h1 {
    font-size: 30px;
}
.abouts h1 {
    font-size: 30px;
}
.people_contents_main h1 {
    font-size: 30px;
}
.centered h1 {
    font-size: 30px;
}
#people-slider img {
    height: 325px;
}
.step1 img {
    width: 150px;
}
.step1 {
    width: 50%;
    padding: 0px;
}
.step1 p {
    font-size: 14px;
    margin: 5px 0 0 0;
}
.need_kit p {
    position: relative;
    font-size: 26px;
    width: auto;
    margin: 23px 0 0 50px;
}
.first_time_user {
    margin: 40px auto;
}
.steps_to_user {
    margin-bottom: 5%;
}
.mobile-right .right_links{
  width: 100%;
  margin: 10% 0 0 0!important;
}
.need_kit h1 {
    font-size: 30px;
    margin: 30px auto;
}
.need_kit p {
    font-size: 18px;
}
.kit_card {
    width: 400px;
}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
   .topnav a {
      display: none;
   }

  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav{
   display: block;
  }

  .topnav.responsive {
   position: relative;
}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .logos {
    width: 80%;
    padding: 15px 0 20px;
    margin: 0 auto;
}

.comn_heading {
    font-size: 22px;
}

.prgrams_left {
    display: block;
    margin: 0 auto;
}

.programs {
    margin: 0 auto;
}

.course_grid {
    width: 289px;
    margin: 28px auto;
}

.grid_contaner {
    display: block;
}

.traine_reviews {
    height: 400px;
    background-size: cover;
    background-position: center;
}

.col-xs-12.placers {
    text-align: center;
}

.placers img {
    padding-right: 0;
    width: 120px;
    display: inline-block;
    margin: 10px;
}

.about_three {
    display: block;
        margin: 80px auto 0;
}

.foot_1 {
    text-align: center;
        margin: 0px auto 20px;
}

.foot_1 h3:after, .foot_3 h3:after {
    left: 39%;
  }


.foot_1 ul {
    padding: 10px 0 0 0;
}

.foot_2 {
    margin: 35px auto;
}

.foot_3 {
    text-align: center;
}

.foot_3 h3:after {
    right: 39%;
    left: unset;
}

.contact_form {
    background-size: cover;
    background-position: right;
}

	



}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
img{
  width: 100%;
}

element.style {
}

#people-slider button.owl-next {
    margin-top: -165px;
    position: absolute;
    right: 1px;
    float: right;
    border: 1px solid #20a645;
    width: 10%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}
#people-slider button.owl-prev {
    margin-top: -165px;
    position: absolute;
    border: 1px solid #20a645;
    width: 10%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: 0px;
    color: #20a645;
}
#people-slider img {
    height: 255px;
}
.centered h1 {
    font-size: 25px;
}
.centered p {
    font-size: 15px;
}
.logo {
    margin-top: -50px;
}
.socials{
    text-align: center;
    padding: 5% 0
}
.social_links {
    display: -webkit-inline-box;
}
.container.wraper {
    display: block;
}
.container.wraper img{
  width: 20%;
}
.family {
    height: 380px;
}
.main_banner img {
    /*width: 100%;*/
    height: 420px;
}
.right_links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1% 10% !important;
}
.helpline {
    display: block;
    color: #fff;
    font-size: 17px;
    margin-top: 5px;
}
.overlay_text {
    margin: 0;
    text-align: center;
}
.overlay_text h1 {
    font-size: 30px;
}

.overlay_text p {
    font-size: 18px;
    color: #fff;
    margin: 25px 0 0 0;
}
.login_link{
  max-width: 100%;
}
.right_links a {
    margin-right: 10px;
    font-size: 12px;
    float: right;
    margin-left: 240px;
    margin-top: -120px;
}
.mobile-left{
  padding-top: 0%;
}
.mobile-right .btn-group{
  float: unset;
    display: block;
}
  .out_divvv {
    display: none;
}

.register .register-form{
   padding: 1% 5%;
    width: 47%!important;
    margin-left: 2%!important;
}
.bck_color{
  text-align: center;
  height: 160px;
}

.bck_color img{
    margin-left: 0%;
    width: 23%!important;
}
.bck_color .row{
      height: 106px;
}
.people_contents_main h1 {
    font-size: 30px;
}
.people_contents_main p {
    font-size: 15px;
    padding: 0% 10%;
}
#people-contribute button.owl-next {
    margin-top: -200px;
    position: absolute;
    right: -20px;
    float: right;
    border: 1px solid #20a645;
    width: 8%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}
#people-contribute button.owl-prev {
    margin-top: -200px;
    position: absolute;
    border: 1px solid #20a645;
    width: 8%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: -20px;
    color: #20a645;
}
.people_mobile {
    width: 220px;
    margin-left: 50px;
}
.people {
    width: 40%;
    margin: 11px;
}
.people_img img {
    width: 75%;
}
.family_items h1 {
    font-size: 30px;
}
.request_a_kit {
    margin: 30px auto;
}
.request_a_kit p {
    /*font-size: 18px;*/
    margin: 20px auto 0;
    padding: 0 8%;
}
.family_items p {
    font-size: 25px;
    color: #fff;
    margin: 50px auto 0;
}

ul.slick-dots li.slick-active button {
    background: #0ea645;
    width: 30px;
}
ul.slick-dots {
    margin: -95px 35px 0 0;
}
.family_wrapper {
    margin: 50px auto;
}
.quick_links {
    display: block;
    justify-content: flex-start;
    align-items: center;
    margin: auto 0;
}
footer {
    padding: 20px 0px 20px 2px;
}
.quick_links ul li {
    list-style: none;
    margin: 20px 1px;
    font-size: 18px;
    text-align: center;
}
.quick_links ul {
    /*padding: 5px 0px 20px 120px;*/
    margin: 0;
}
.contacs_div {
    text-align: center;
    margin-top: 8%;
}
.request_a_kit h1 {
    font-size: 30px;
}
.request_a_kit p {
    font-size: 15px;
    letter-spacing: 1px;
}
.kit_req {
    font-size: 20px;
}
.abouts h1 {
    font-size: 30px;
}
.need_kit h1 {
    font-size: 30px;
    margin: 30px auto;
}
.abouts p {
    padding-bottom: 5%;
}
.pples {
    margin: 40px auto 55px;
}
.need_kit p:before {
    background-image: url(../images/hand_03.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -3px;
    left: -5px;
    content: '';
    z-index: 1;
    width: 30px;
    height: 30px;
}
.need_kit p {
    position: relative;
    font-size: 18px;
    width: 100%;
    margin: 3%;
    padding-left: 4%;
}
.first_time_user h3 {
    font-size: 29px;
}
.kit_card img {
    width: 100%;
}
.first_time_user h1 {
    font-size: 20px;
}
.steps_to_user {
    /*display: block;*/
    margin-bottom: 5%;
    margin-top: 5%;
}
.step1 img {
    width: 100%;
}
.step1 {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 15px;
}
.step1 p {
    font-size: 12px;
    text-align: center;
    margin: 0;
}
.second_time h1 {
    font-size: 33px;
}
.second_time p {
    position: relative;
    font-size: 15px;
    width: 100%;
    margin: 15px auto;
    line-height: 35px;
}
.kit_card {
    width: 350px;
}
.thanks {
    height: 235px;
    margin: 5% auto;
}
.thanks h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 40px auto;
}
.first_time_user {
    text-align: center;
    margin: 40px 7px 0px auto;
}
.second_time {
    padding: 0;
}
#aboutus p{
    padding-bottom: 5%;
}

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
    body {
    font-size: 12px;
}
  .right_links {
    display: block;
    justify-content: center;
    align-items: center;
    margin: 0%;
}
.helpline {
    display: block;
    color: #fff;
    font-size: 17px;
    margin-top: 5px;
}
.overlay_text {
    margin: 0;
}
.overlay_text h1 {
    font-size: 30px;
}
.right_links a {
    margin-right: 25px;
    margin-bottom: 10px;
}
.overlay_text p {
    font-size: 15px;
    color: #fff;
    margin: 25px 0 0 0;
}
/*.main_banner img {
    height: 484px;
}*/
.login_link{
  max-width: 100%;
}
.right_links a {
    margin-right: 0px; 
    font-size: 12px;
}
.mobile-left{
  display: contents;
}

.mobile-left img{
  position: absolute;
    width: 44%;
}
.mobile-right{
  margin-top: 50%;
  text-align: center;
}

.mobile-right .btn-group{
  float: unset;
    display: block;
}
	.out_divvv {
    display: none;
}

.register .register-form{
    padding: 1% 5%;
    width: 99%!important;
    margin-top: 5% !important;
    margin-left: 0%!important;
}
.bck_color{
  text-align: center;
}

.bck_color img{
    margin-left: 25%;
}
.people_contents_main h1 {
    font-size: 20px;
}
.people_contents_main p {
    font-size: 15px;
}
.people {
    width: 100%;
    margin: 11px;
}
.people_img img {
    width: 75%!important;
}
.people_mobile img {
    width: 230px!important;
}
.people_mobile{
    margin: 0px 65px;
}
.people_mobile h3 {
    font-size: 20px;
    margin: 5% 1% 1% 18%;
    text-align: left;
}
#people-contribute button.owl-next {
    margin-top: -200px;
    position: absolute;
    right: 0px;
    float: right;
    border: 1px solid #20a645;
    width: 15%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}

#people-contribute button.owl-prev {
    margin-top: -200px;
    position: absolute;
    border: 1px solid #20a645;
    width: 15%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: 0px;
    color: #20a645;
}

.centered h1 {
    font-size: 15px;
}
.centered p {
    font-size: 12px;
}
.abouts p {
    font-size: 12px;
}
#people-slider img {
    height: 165px;
}
#people-slider button.owl-next {
    margin-top: -120px;
    position: absolute;
    right: 1px;
    float: right;
    border: 1px solid #20a645;
    width: 15%;
    height: 72px;
    font-size: 1.7em;
    color: #20a645;
}
#people-slider button.owl-prev {
    margin-top: -120px;
    position: absolute;
    border: 1px solid #20a645;
    width: 15%;
    height: 47px;
    font-size: 1.7em;
    float: left;
    margin-right: 20px;
    height: 72px;
    left: 0px;
    color: #20a645;
}
.socials{
    text-align: center;
    margin-top: 20px;
}
.logo {
    /*width: 50%;*/
    margin-top: 0px; 
}
.mobile-center{
    text-align: center;
}
.family_items h1 {
    font-size: 40px;
}
.family_items p {
    font-size: 25px;
    color: #fff;
    margin: 50px auto 0;
}

ul.slick-dots li.slick-active button {
    background: #0ea645;
    width: 30px;
}
ul.slick-dots {
    margin: 32px 35px 0 0;
}
.quick_links {
    display: block;
    justify-content: flex-start;
    align-items: center;
    margin: auto 0;
}
footer {
    padding: 20px 0px 20px 2px;
}
.quick_links ul li {
    list-style: none;
    margin: 20px 1px;
    font-size: 15px;
    text-align: center;
}
.quick_links ul {
   /* padding: 5px 0px 20px 25px;*/
    margin: 0;
}
.social_links {
    display: inline-flex;
}
.social_links a {
    /* background: #000000; */
    margin: 0px 20px 10px 0;
}
.contacs_div {
    text-align: center;
    margin-top: 8%;
}
.request_a_kit h1 {
    font-size: 30px;
}
.request_a_kit p {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 1px;
    margin: 20px auto 0;
}
.abouts h1 {
    font-size: 30px;
}

.family {
    height: 450px;
}
.family_wrapper {
    margin: 40px auto;
}
.kit_req {
    font-size: 15px;
}
.main_banner img {
    height: 600px;
}
.request_a_kit {
    margin: 40px auto;
}
.abouts p {
    text-align: center;
    line-height: 23px;
    letter-spacing: 1px;
    padding-bottom: 5%;
}
.pples {
    margin: 30px auto 55px;
    padding: 0px;
}
.people_contents_main {
    margin: 0px auto 25px;
}
.btnRegister {
    width: 65%;
}
.need_kit h1 {
    font-size: 20px;
    margin: 30px auto;
}
.need_kit p:before {
    background-image: url(../images/hand_03.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -3px;
    left: -5px;
    content: '';
    z-index: 1;
    width: 30px;
    height: 30px;
}
.need_kit p {
    position: relative;
    font-size: 15px;
    width: 100%;
    margin: 3%;
    padding-left: 8%;
}
.kit_card img {
    width: 100%;
}
.first_time_user h3 {
    font-size: 18px;
}
.kit_card {
    width: 180px;
    margin: 0 auto;
}
.first_time_user h1 {
    font-size: 30px;
}
.steps_to_user {
    display: block;
    margin-bottom: 45px;
}
.step1 img {
    width: 65%;
}
.step1 {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 5px;
}
.step1 p {
    font-size: 12px;
    text-align: center;
    margin: 0;
}
.second_time h1 {
    font-size: 15px;
}
.second_time p {
    position: relative;
    font-size: 12px;
    width: 100%;
    margin: 15px auto;
    line-height: 25px;
}
.thanks h1 {
    font-size: 20px;
    line-height: 27px;
    margin: 47px auto;
}
.first_time_user {
    text-align: center;
    margin: 20px 7px 0px auto;
}
.thanks {
    height: 175px;
}
.contacs_div p {
    font-size: 15px;
}

}


@media only screen and (max-width: 1024px) {



}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/