@media (min-width: 1920px){

.leadershipmainpic {

    width: 100%;

    height: 860px;

}

  .ar-kit-bg{

    background: url(../images/kit-bg-bigscreen.jpg);

    background-repeat: no-repeat;

    background-size: cover;

  }

}



@media (min-width: 1500px) and (max-width: 1919px) {

.leadershipmainpic {

    width: 100%;

    height: 760px;

}

}

@media (min-width: 1201px) and (max-width: 1479px) {

	.leadershipmainpic {

    width: 100%;

    height: 630px;

}

}

@media (min-width: 200px) and (max-width: 1199px) {

}

@media (min-width: 1200px){

.container {

max-width: 1170px;

}

}

/* ===================================================== */

/* =============   TABLET LANDSCAPE VIEW CSS =========== */

/* ===================================================== */	


@media (min-width: 991px) and (max-width: 1024px){

.dropdown-menu {

    top: 71px;

}

h1 {

font-size: 100px;

line-height: 100px;

}

h2 {

font-size: 70px;

line-height: 70px;

}

.header_style_01{

padding: 27px 0px;

}

.header_style_01.fixed-menu {

padding: 20px 0px;

}

.header_style_01.fixed-menu .linegreytop {

margin-top: 0px;

}

.navbar-expand-lg .navbar-nav .nav-link{

font-size: 14px;

padding: 5px 6px;

margin-left: 10px;

margin-right: 10px;

}

.mrtl-header {

width: 133%;

}

.padtop165 {

padding-top: 112px;

}

.header_style_01 .navbar-brand img {

margin-top: 0px;

}

.w100ipad-pro{

width: 100%;

} 

    .icon-effect {

    margin-left: -37px;

}

    .footerfont13 {

    font-size: 10px;

}

    .kit-submit{

        padding: 10px 20px;

        font-size: 18px;

    }

.padlr70 {

padding-right: 10px;

padding-left: 25px;

}

.d-none-ipadpro{

display: none!important;

}

.mrtl-header {

margin-left: -134px;

}

.padr0-ipadp{

padding-right: 0!important;

}

    .font80 {

    font-size: 60px;

}

.form-box{

        padding: 0px 40px 60px 40px;

}

.test-box2 {

    padding: 23px 44px 65px 42px;

}

.test-box3 {

    padding: 23px 44px 65px 42px;

}

    .padtop140 {

    padding-top: 80px;

}

    .padleft40 {

    padding-left: 50px;

}

    .w133ipad-pro {

    width: 133%;

}

 .wht-bg {

    padding: 80px 87px 0px 87px;

}   



 .font55 {

    font-size: 45px;

}   

h4 {

    font-size: 50px;

    font-weight: 800;

}

    .box-leadership2 {

    padding: 30px 17px;

}    

  .left-line {

    margin-left: 7px;

}

    .sm-box {

    padding: 6px 15px;

}

   .padlr50 {

    padding: 25px 20px 30px 20px;

}

    .col-w61 {

    -ms-flex: 0 0 61%;

    flex: 0 0 61%;

    max-width: 61%;

}

    .col-w38 {

    -ms-flex: 0 0 38%;

    flex: 0 0 38%;

    max-width: 38%;

}

.min-h1{

    height: 528px;

} 

.min-h2{

    height: 450px;

} 

.min-h3{

    height: 450px;

}

.min-h4{

    height: 550px;

} 

.min-h5{

    height: 400px;

} 

div.bhoechie-tab-container{

    margin-left: 0px;

}   

}

/* ===================================================== */

/* =============   TABLET POTRAIT VIEW CSS ============= */

/* ===================================================== */	

@media (min-width: 768px) and (max-width: 1023px){

.leadershipmainpic {

    height: 424px;

}

    .footerfont13 {

    font-size: 12px;

}

.circle-arrow {

    font-size: 12px;

    padding: 3px 5px;

}

.font30 {

    font-size: 19px;

}

h1 {

font-size: 70px;

line-height: 80px;

}

h2 {

font-size: 56px;

line-height: 65px;

}

h3 {

font-size: 45px;

}

.header_style_01 {

position: absolute;

top: 0px;

width: 100%;

z-index: 3;

height: 80px;

padding: 13px 40px;

box-shadow: 0 0 8px 0 rgba(0,0,0,.12);

}

.navbar-collapse{

margin-left: -24px;

margin-right: -24px;

}

.header_style_01 .header-nav {

}

.header_style_01 .navbar-brand img {

width: 80%;

margin-top: 0;

}
/*
.navbar-nav{

height: 230px;

margin-top: 10px;

padding-top: 20px;

border-top: solid 1px #d8d8d8;

background: #e6e6e6;

} */

.navbar-expand-lg .navbar-nav .nav-link{

margin-top: 12px;   

}

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{

padding: 8px 9px 5px 23px;

}

.navbar-expand-lg .navbar-nav .nav-link {

/*padding: 0px 18px;*/

}

.w100ipad{

width: 100%;

} 

.d-none-ipad{

display: none!important;

}

    .padtop10-ipad{

padding-top: 10px!important;

} 

.padtop30-ipad{

padding-top: 30px!important;

} 

.font-pos {

margin-top: -92px;

margin-left: 16px;

}

.padtop80 {

    padding-top: 40px;

}

.padtop120 {

padding-top: 60px;

}

.font30-heebo {

font-size: 25px;

line-height: 30px;

}

.br-right::after{

display: none;

}

.mrtl-header {

margin-left: -32px;

}



.padright70 {

padding-right: 10px;

}

.padtop100 {

padding-top: 60px;

}

.padbot100 {

padding-bottom: 60px;

}

.footerbg {

background: #550000;

} 

.padtop140 {

    padding-top: 55px;

}

    .font80 {

    font-size: 53px;

    line-height: 60px;

}

.padtop375 {

    padding-top: 200px;

}

     .box-leadership2 {

    padding: 30px 20px;

}  

.w90-ipad {

    width: 190%;

}   

 .font55 {

    font-size: 45px;

}

    .wht-bg {

    padding: 45px 55px 0px 53px;

    margin-top: -90px;

}

    .padtop150 {

    padding-top: 35px;

}

    .font25 {

    font-size: 20px;

    line-height: 30px;

}

    .left-line {

    margin-left: 36px;

}

    .opportunity-box{

        padding: 30px;

    }

    .padtop275 {

    padding-top: 130px;

}

.font45-title {

    font-size: 40px;

}

 .prime-box{

        padding: 70px 30px 60px 30px;

 }

  .prime-box2{

        padding: 70px 30px 60px 30px;

 }

 .rdio label {

    font-size: 12px;

}

.line-height100 {

    line-height: 63px;

}

    .padleft25 {

    padding-left: 15px;

}

    h4{

        font-size: 50px;

    }

    .discuss-box {

    padding: 35px 10px 0px 0px;

}

    .padl46-ipad{

    padding-left: 46px;

}  

    .padlr50 {

    padding: 25px 30px 40px 30px;

}

    .padright25 {

    padding-right: 15px;

}

    .padlr50-2 {

    padding: 25px 25px 40px 30px;

}

    .test-box4 {

    padding: 0px 25px 0px 30px;

}

    .padleft55 {

    padding-left: 20px;

}

 .calalog-box {

    padding: 30px 35px;

} 

    .calalog-box2 {

    padding: 40px 35px;

}

  .padtop310 {

    padding-top: 70px;

}

    .test-box3{

            padding: 23px 25px 55px 25px;

    }

    .font30-title{

            font-size: 27px;

    }

    .line-height45 {

    line-height: 35px;

}

    .padright0-ipad{

        padding-right: 0!important;

    }

      .padleft0-ipad{

        padding-left: 0!important;

    }

    .bg-pad-buying {

    padding: 70px 0px 65px 25px;

}

    .bg-pad-buying2 {

    padding: 70px 0px 65px 0px;

}

     .mrright17 {

    margin-right: 0px;

}

    .mrleft17 {

    margin-left: 0px;

}

    .bg-whtbox {

    padding: 15px 35px;

}

   .padleft30 {

    padding-left: 50px;

}

 .padbot70 {

    padding-bottom: 35px;

}

    .padtop70 {

    padding-top: 35px;

}

    .padtop120 {

    padding-top: 60px;

}

       .location-box{

        padding: 0px 40px 40px 40px;

    }

    .kit-pos-tl {

    margin-left: 0px;

}  

    .font-box2{

            font-size: 19px;

    } 

    .kit-submit{

        padding: 10px 10px;

        font-size: 17px;

    }

    .support-pos {

    position: absolute;

    bottom: 0;

}

  .bg-lite-sky2{

        background: #effbfb;

    }

    .bg-sky2{

        background: #00768d;

    }   

.min-h1{

    height: 546px;

} 

.min-h2{

    height: 500px;

} 

.min-h3{

    height: 540px;

}

.min-h4{

    height: 670px;

}    

div.bhoechie-tab-container{

    margin-left: 0px;

}  

.mediakit-col .btn-mediakit {
  font-size: 18px;
  padding: 6px 14px;
}

}

/* ===================================================== */

/* =================   MOBILE VIEW CSS ================= */

/* ===================================================== */	
@media (min-width: 320px) and (max-width: 991px){

.navbar-nav {

padding-top: 25px;

padding-bottom: 25px;

/*height: 250px;*/

margin-top: 8px;

border-top: solid 1px #394956;

background: #e6e6e6;

}
}

@media (min-width: 320px) and (max-width: 767px){

span.active::after{

	top: 0px;

}

.leadershipmainpic {

    height: 224px;

}

h1{

font-size: 70px;

line-height: 75px;

} 

h2 {

font-size: 50px;

line-height: 55px;

}   

h3 {

font-size: 44px;

}

h4 {

font-size: 40px;

}

h5 {

font-size: 45px;

font-weight: 600;

}

.header_style_01 {

position: absolute;

top: 0px;

width: 100%;

z-index: 3;

height: 70px;

padding: 9px 0px;

box-shadow: 0 0 8px 0 rgba(0,0,0,.12);

border-bottom: solid 1px #334552;

}

.navbar-collapse{

}

body.app_version .header_style_01.fixed-menu {

top: 0px;

}

.navbar-toggler{

margin-right: 14px;

}

.header_style_01 .navbar-brand {

width: 80%;

padding: 2px 15px 0 25px;

}

.header_style_01 .header-nav {

padding-left:0;

padding-right:0;

padding-top: 0;

padding-bottom: 0;

}

.header_style_01 .navbar-brand img {

margin-top: 0px;

width: 50%;

}

.navbar-nav {

padding-top: 25px;

padding-bottom: 25px;

/*height: 250px;*/

margin-top: 8px;

border-top: solid 1px #394956;

background: #e6e6e6;

}

.navbar-expand-lg .navbar-nav .nav-link{

margin-top: 0;

padding: 8px 20px;

margin-left: 5px;

margin-right: 5px;

}

.header_style_01.fixed-menu .navbar {

padding: 0rem 0;

}

.header_style_01.fixed-menu .navbar-brand img {

width: 50%;

margin-top: 18px;

}

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

/*padding: 8px 9px 8px 23px;*/

}

.w100xs{

width: 100%;

}

.kit-pos-tl {

    margin-top: 0px;

}

.discuss-box{

    padding: 50px 30px;

}

.padleftxs0{

padding-left: 0!important;

}

.padrightxs0{

padding-right: 0!important;

}

.padtopxs10{

padding-top: 10px!important;

} 

.padtopxs30{

padding-top: 30px!important;

} 

.padtopxs50{

padding-top: 50px!important;

} 

.padbotxs20{

padding-bottom: 20px!important;

}

    .padbotxs50{

padding-bottom: 50px!important;

}

.padtopxs0{

padding-top: 0px!important;

} 

    .legacyw90pr{

	width:100%;

	margin:0 auto;

}

.padleft10f{

padding-left: 15px;

}

.padright10f{

padding-right: 15px;

}



.padlrxs{

padding-left: 15px;

padding-right: 15px;

}

.padlrxs25{

padding-left: 25px;

padding-right: 25px;

}  

.padtop70 {

padding-top: 35px;

}

.padtop100 {

padding-top: 50px;

}

.padbot100 {

padding-bottom: 50px;

}

.padtop50 {

padding-top: 25px;

}

.padtop40 {

padding-top: 20px;

}

.padbot80 {

padding-bottom: 40px;

}

.padtop30 {

padding-top: 15px;

}

.padleft35 {

padding-left: 10px;

}

.padtop80 {

padding-top: 40px;

}

.mrtl-header {

margin-left: 0;

}

.funding-submit{

    font-size: 18px;

        padding: 12px 10px 12px 10px;

}

.padtop80h {

padding-top: 45px;

}

.font-pos {

margin-top: -35px;

margin-left: 35px;

position: relative;

top: -68px;

}    

.text-border::after{

display: none;

} 

.text-border2::after{

display: none;

} 

.padright70 {

padding-right: 15px;

}

.padtop120 {

padding-top: 50px;

}

.br-right::after{

display: none;  

}

.padtop60 {

padding-top: 30px;

}

.footerbg {

background: #0d3f4b;

}

.padleft65 {

padding-left: 20px;

} 

    .text-xs-left{

        text-align: left!important;

    }

    .text-xs-right{

        text-align: right!important;

    }

    .padtop140 {

    padding-top: 70px;

}

    .font80 {

    font-size: 45px;

        line-height: 55px;

}

    .mrleftm45 {

    margin-left: 0;

}

 .padleft40 {

    padding-left: 0px;

}  

    .font25 {

    font-size: 20px;

        line-height: 30px;

}

 .sky-line {

    padding-left: 0;

    margin-bottom: -42px;

}

.font45 {

    font-size: 35px;

}    

    .mrleftm15xs{

        margin-left: -15px;

    } 

   .font35 {

    font-size: 30px;

} 

 .font55 {

    font-size: 44px;

}   

    .wht-bg {

    background: #ffffff;

    padding: 35px 25px 0px 35px;

    margin-top: 0;

}

    .bg-architech {

    background-position: bottom right;

}

 .w90-ipad {

    width: 110%;

}  

 .box-leadership2 {

    padding: 40px 20px;

}  

 .padtop150 {

    padding-top: 40px;

}

    .mrtopm100 {

    margin-top: 25px;

}

    .left-line {

    margin-left: 12px;

}

    .padtop275 {

    padding-top: 60px;

}

    .font45-title {

    font-size: 30px;

}

    .padbot60 {

    padding-bottom: 35px;

}

    .red-line {

    padding-left: 24px;

}

    .padall50{

        padding: 25px 25px;

    }

 .test-box {

    padding: 5px 20px 50px 25px;
    margin: 10px
}

    .test-box2{

        padding: 5px 20px 50px 25px; 
        margin: 10px
    }

      .test-box3{

        padding: 5px 20px 50px 25px; 
        margin: 10px
    }

    .font40 {

    font-size: 30px;

}   

   .mrtopm63 {

    margin-top: -27px;

} 

 .padleft25 {

    padding-left: 15px;

}

    .padright25 {

    padding-right: 15px;

}

    .opportunity-box{

           padding: 25px 35px;

    }   

    .padtop375 {

    padding-top: 20px;

}

.font-box{

    font-size: 18px;

}

.prime-box{

    padding: 50px 25px;

}

.prime-box2{

    padding: 50px 25px;

}

.padleft30 {

    padding-left: 20px;

}

.title-font45 {

    font-size: 35px;

    margin-top: 15px;

}

.padbot120 {

    padding-bottom: 60px;

}

.form-box{

        padding: 0px 30px 60px 30px;

}

.font50 {

    font-size: 35px;

}

.rdio label {

    font-size: 15px;

}

    .font-box2{

        margin-top: 50px;

    }

    .padlr50 {

    padding: 25px 30px 40px 30px;

}

    .padlr50-2 {

  padding: 25px 30px 40px 30px;

}

.bg-half-blue {

    background: #006a80;

}

    .padleft55 {

    padding-left: 0px;

}

    .test-box4 {

    padding: 0px 0px 0px 30px;

}

    .border-top-wxs {

    border-top: solid 1px #00829c;

    margin-top: 50px;

}

 .calalog-box {

    padding: 30px 25px;

} 

    .line-height61 {

    line-height: 38px;

}

    .calalog-box2 {

    padding: 30px 30px;

}

    .line-height45 {

    line-height: 40px;

}

    .line-height100 {

    line-height: 56px;

    margin-top: 10px;

}

    .bg-whtbox {

    padding: 10px 30px;

}

    .padbot40 {

    padding-bottom: 20px;

}

   .border-right {

    border-right: none!important;

}

    .box-leadership3{

            padding: 20px;

    }

 .bg-pad-buying {

    padding: 70px 30px 65px 30px;

}

    .bg-pad-buying2 {

    padding: 70px 30px 65px 30px;

    border-top: solid 1px #d8d8d8;

} 

    .bg-product-range {

    background-position: bottom left;

    background-size: cover;

}

   .padtop310 {

    padding-top: 0px;

}  

    .bg-lite-blue2{

            padding: 40px 40px;

    }

    .bg-veeneer-range{

        background-position: bottom right;

    }

    .line-height80 {

    line-height: 50px;

}

    .padbot70 {

    padding-bottom: 30px;

}

 .mrright17 {

    margin-right: 0px;

}

    .mrleft17 {

    margin-left: 0px;

}

    .location-box{

        padding: 0px 25px 40px 25px;

    }

    .font28 {

    font-size: 23px;

        line-height: 30px;

}

 .padleft80 {

    padding-left: 16px;

}

    .bg-contact-map{

        background: none;

    } 

    .padleft50 {

    padding-left: 20px;

}

    #map{

        height: 250px!important;

    }

    .marginm472 {

    margin-top: 30px;

}

    .bg-lite-sky2{

        background: #effbfb;

    }

    .accordion .card h2{

            font-size: 17px;

    line-height: 46px;

    }

    #accordionExample2.accordion .card h2{

         font-size: 17px;

    line-height: 26px;

    }

    .card-body{

        font-size: 16px;

        line-height: 40px;

    }

    .bg-sky2{

        background: #00768d;

    }

    .bg-investor-top {

    background-position: bottom right;

}

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{

            margin-top: 0px;

    }

.min-h1{

    height: 510px;

} 

.min-h2{

    height: 500px;

} 

.min-h4{

    height: 670px;

}

.min-h5{

    height: 410px;

}

div.bhoechie-tab-container {

    z-index: 10;

    background-color: #ffffff;

    padding: 0 !important;

    border-radius: 4px;

    -moz-border-radius: 4px;

    border: 1px solid #ddd;

    margin-top: 20px;

    margin-left: 0px;

    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    background-clip: padding-box;

    opacity: 0.97;

    filter: alpha(opacity=97);

}
.mediakit-col {
  max-width: 575px;
  flex: 0 0 100%;
  margin-bottom: 20px;
}
.mediakit-col .btn-mediakit {
  font-size: 18px;
  padding: 6px 14px;
}

}

/* ===================================================== */

/* ===============  iPHONE 5S SMALL VIEW CSS =========== */

/* ===================================================== */	

@media (min-width: 320px) and (max-width: 340px) {

}

@media (min-width: 320px) and (max-width: 480px) {
.padleftxs30{
    padding-left: 35px !important;
}
}


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

  table.stbl {

    border: 0;

  }



  table.stbl caption {

    font-size: 1.3em;

  }

  

  table.stbl thead {

    border: none;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }

  

  table.stbl tr {

    display: block;

  }

  

  table.stbl td  {

    border-bottom: 1px solid #ddd;

    display: block;

    font-size: 18px;

    text-align: right;

    padding: 20px 20px 20px 20px !important;

  }

#materials  table.stbl td {

    border-bottom: 1px solid #ddd;

    display: block;

    font-size: 18px;

    text-align: left;

    padding: 15px 20px 15px 20px !important;

}

  table.stbl td::before {

    

    * aria-label has no advantage, it won't be read inside a table

    content: attr(aria-label);

   

    content: attr(data-label);

    float: left;

    font-weight: bold;

    text-transform: uppercase;

  }

  

  table.stbl td:last-child {

    border-bottom: 0;

  }

}

/* Default padding */
.location-banner {
    padding-top: 90px; /* Set default padding */
}

/* Media query for viewport widths between 320px and 767px */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .location-banner {
        padding-top: 40px; /* Set padding for smaller screens */
    }
}