@charset "UTF-8";
/* CSS Document */

@media (min-width: 500px) and (max-width: 1024px) and (orientation: landscape) and (pointer: none) and (hover: none) {
    .hero-area {
    background: url(../images/bdh/bg-cloud.jpg);
    background-size: 100vw;
    background-repeat: no-repeat;
}
    .logobar img {
        height: 40px;
        width: auto;
        margin:20px 10px;
    }
    .navbar-nav .nav-item a, .navbar-nav .nav-item a:visited {
        font-size: 12px;
    }
    .hero-area .hero-content {
        border-radius: 0;
        position: relative;
        z-index: 1;
        text-align: center;
        margin-top: 20vh;
}
    .sitename {
        font-size: 35pt;
        font-style: normal;
        font-weight: 500;
        color: black;
        text-align: center;
        line-height: 1;
        margin-top: 2em;
    }
    .sitename span::after {
        content: "";
        display: block;
        width: 16%;
        margin: 5% 42%;
        height: 6px;
        background: black;
    }
    .sitedesc {
        font-size:16pt;
        font-weight: 600;
        color:orange;
    }
    .sitedesc span:nth-child(1) {
        color: black;
    } 
    .sitelogos {
        padding-top: 2em;
    }
    .sitelogos img {
        height: 65px;
        width: auto;
        margin: 0 10px;
    }
    .mainpict {
        position: relative; 
        left:-80px; 
        top: -120px; 
        width: 120vh; 
        height: 120vh;
    }
    .heli {
        position: absolute; 
        left:0; 
        top: 0;
    }
    .logoframe {
        position: absolute; 
        left:0; 
        top: 0;
    }
    .logoframe-shadow {
        position: absolute; 
        left:0; 
        top: 0; 
        opacity: .5
    }
    .logoframe-shadow img {
        mix-blend-mode: multiply;
    }

    .arrow0, .arrow1, .arrow2, .arrow3, .arrow4     {
        position: absolute;
        scale: .5;
        mix-blend-mode: multiply;
        top: -40%;
    }

    .arrow0, .arrow1 {
        left:-36%; 
    }
    .arrow2 {
        left:-46%; 
    }
    .arrow3 {
        left:-56%; 
    }
    .arrow4 {
        left:-66%; 
    }
    .orange {
        color: orange;
    }
    .white {
        color: white;
    }
    .black {
        color: black;
    }
    .darkgrey {
        color: #2b2b2b;
    }
    .nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    .align-justify {
        text-align: justify;   
    }
    .paragraph {
        font-weight: 200;
        color: black;
        padding: 0 200px;
    }
    .paragraph p, .paragraph h2 {
        padding-top: 1em;
    }
}

@media (max-width: 767px){

h1 {
    font-size: 45px;
} 
    
/* ---- Homepage ---- */    
.header {
        padding: 0 0 !important;
    }    
.logobar img {
    height: 50px;
    }
.header .mobile-menu-btn .toggler-icon {
    background-color: black;
    }   
.header .navbar-collapse {
    border-radius: 13px;
    background-color: orange;
    border: thin solid white;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
.hero-area .hero-content {
    margin-top: 0vh;
    }    
.tagline {
    position: absolute;
    top: -140vw;
    width: 80vw;
    left: 10vw;
    }
.sitename {
    font-size: 25pt;
    font-style: normal;
    font-weight: 500;
    color: black;
    text-align: center;
    line-height: 1;
    margin-top: 130vw;
    }  
.sitedesc {
    font-size: 14pt;
    }
.sitelogos {
    padding-top: 1em;
    }    
.sitelogos img {
    height: 50px;
    width: auto;
    margin: 0 7px;
    }    
.hero-area .hero-image {
    margin-top: -136vw;
    }    
.mainpict {
    position: relative;
    left: -10px;
    top: -31vw;
    width: 100vw;
    height: 160vw;
    }    
    .arrow1 {
        left: -43vw;
        top: -104vw;
    } 
    .arrow2 {
        left: -52vw;
        top: -114vw;
    } 
    .arrow3 {
        left: -61vw;
        top: -124vw;
    } 
    .arrow4 {
        left: -70vw;
        top: -134vw;
    } 
.emailbox {
    width: 300px;
    }
ul.social {
    display: inline-flex;
    }    
ul.social li:last-child {
    margin-right: 0;
    } 
    
/* ---- Who We Are ---- */ 
.section-title {
        padding: 0px 0px;
    }    
.whoweare {
    background-size: auto 90vw;
    background-position: right -40vw;
    }
.paragraph {
    padding: 0 2em;
    }    
.blade {
    background-position: -133vw top;
    background-size: 230vw auto;
    }
.par-vision-cont {
    height: 9em;
    padding-top: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    }   
.par-vision-cont div:first-child {
    height: 0;
}    
.par-vision-cont div:last-child {
    width: 80vw;
    }    
.par-mission div div:last-child {
    padding-left: 2em;
    }   
.par-gears {
    margin: 2em 0 0 0;
    padding-top: 2em;
    }
.par-gearspict {
    height: 60vw;
    width: 100vw;
    background-size: cover;
    background-position: center top;
    }
.par-service {
    margin-top: 2em;
    }

/* ---- Where We Are ---- */ 
.whereweare {
    margin-bottom: 140vw;
}    
.wwabox1, .wwabox2 {
    width: 86vw;
    Height: 400px;
    left: 7vw;
    top: 0;
}    
.headoffice-pic {
    height: 70vw;
    width: 100%;
    margin: 0;
    background-size: 100%;
    }    
.headoffice-txt {
    color: black;
    background: orange;
    height: 100%;
    width: 100%;
    padding: 3em;
    text-align: center;}    
.workshop-txt {
    color: black;
    background: orange;
    height: 92vw;
    width: 100%;
    padding: 3em;
    text-align: center;
    position: relative;
    top: 130vw;
    }
.workshop-pic {
    height: 70vw;
    width: 100%;
    margin: 0;
    background-size: 100%;
    position: relative;
    top: -32vw;
    }    
 
/* ---- MRO Services & Parts ---- */
.ourcapabilities {
    background-size: 240% auto;
    background-position: 0px 104px;
    }
.ourcapabilities h1 {
    text-align: left;
    padding-left: 10vw;
    }
.par-ourcapabilities {
    width: 90vw;
    height: 120px;
    margin-left: 20px;
    margin-bottom: 0;
    }    
.par-ourcapabilities span {
    font-size: 1.3em;
    top: 10px;
    left: 0;
    }    
span#mro.paragraph {
    padding-top: 7em;
    }    
#ourcapabilities .paragraph {
    padding-top: 10px;
    }    
    
/* ---- Quality & Safety ---- */   
.qualityandsafety {
    background-size: 220vw auto;
    background-position: -393px -89px;
    }    
.qualityandsafety h1 {
    text-align: left;
    padding-left: 10vw;
    }
.qualityandsafety .paragraph {
    padding: 0 2em;
    text-align: justify;
    }  
.ltr-invert {
    color: white;
    }  
    
/* ---- Media ---- */     
main .list .item {
    width: 45vw;
    height: 29vw;
    margin: 2vw;
    }
#pagination ul li.btn {
    padding: 0 10px;
    border-radius: 20px;
    line-height: 50px;
    border-color: orange;
    transform: scale(0.8);
    position: relative;
    top: -8px;
    }

/* ---- Contact Us ---- */   
.contactus {
    background-size: 190vw auto;
    background-position: center top;
    padding-bottom: 300px;
    }    
.contactbox1 {
    width: 96vw;
    Height: 400px;
    position: unset;
    margin-bottom: 120vw;
    }   
.contact-title {
    height: 90%;
    margin: 0;
    padding-top: 50px;
    padding-left: 3em;
    width: 98%;
    }   
.contact-title p:last-child {
    line-height: normal;
    margin-bottom: 4em;
    }    
.contact-form-box {
    height: 100%;
    width: 100%;
    padding: 3em;
    }    

} /* ----- End 767px ----- */

@media (max-width: 425px){


/* ---- Homepage ---- */    
.header {
        padding: 0 0 !important;
    }    
.logobar img {
    height: 50px;
    }
.header .mobile-menu-btn .toggler-icon {
    background-color: black;
    }   
.header .navbar-collapse {
    border-radius: 13px;
    background-color: orange;
    border: thin solid white;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
.hero-area .hero-content {
    margin-top: 0vh;
    }    
.tagline {
    position: absolute;
    top: -140vw;
    width: 80vw;
    left: 10vw;
    }
.sitename {
    font-size: 25pt;
    font-style: normal;
    font-weight: 500;
    color: black;
    text-align: center;
    line-height: 1;
    margin-top: 130vw;
    }  
.sitedesc {
    font-size: 14pt;
    }
.sitelogos {
    padding-top: 1em;
    }    
.sitelogos img {
    height: 50px;
    width: auto;
    margin: 0 7px;
    }    
.hero-area .hero-image {
    margin-top: -136vw;
    }    
.mainpict {
    position: relative;
    left: -10px;
    top: -31vw;
    width: 100vw;
    height: 160vw;
    }    
    .arrow1 {
        left: -43vw;
        top: -104vw;
    } 
    .arrow2 {
        left: -52vw;
        top: -114vw;
    } 
    .arrow3 {
        left: -61vw;
        top: -124vw;
    } 
    .arrow4 {
        left: -70vw;
        top: -134vw;
    } 
.emailbox {
    width: 300px;
    }
ul.social {
    display: inline-flex;
    }    
ul.social li:last-child {
    margin-right: 0;
    }    
    
/* ---- Who We Are ---- */ 
.section-title {
        padding: 0px 0px;
    }    
.whoweare {
    background-size: auto 90vw;
    background-position: right -40vw;
    }
.paragraph {
    padding: 0 2em;
    }    
.blade {
    background-position: -133vw top;
    background-size: 230vw auto;
    }
.par-vision-cont {
    height: 9em;
    padding-top: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    }   
.par-vision-cont div:first-child {
    height: 0;
}    
.par-vision-cont div:last-child {
    width: 80vw;
    }    
.par-mission div div:last-child {
    padding-left: 2em;
    }   
.par-gears {
    margin: 2em 0 0 0;
    padding-top: 2em;
    }
.par-gearspict {
    height: 60vw;
    width: 100vw;
    background-size: cover;
    background-position: center top;
    }
.par-service {
    margin-top: 2em;
    }

/* ---- Where We Are ---- */ 
.whereweare {
    margin-bottom: 140vw;
}    
.wwabox1, .wwabox2 {
    width: 86vw;
    Height: 400px;
    left: 7vw;
    top: 0;
}    
.headoffice-pic {
    height: 70vw;
    width: 100%;
    margin: 0;
    background-size: 100%;
    }    
.headoffice-txt {
    color: black;
    background: orange;
    height: 100%;
    width: 100%;
    padding: 3em;
    text-align: center;}    
.workshop-txt {
    color: black;
    background: orange;
    height: 92vw;
    width: 100%;
    padding: 3em;
    text-align: center;
    position: relative;
    top: 130vw;
    }
.workshop-pic {
    height: 70vw;
    width: 100%;
    margin: 0;
    background-size: 100%;
    position: relative;
    top: -32vw;
    }    
 
/* ---- MRO Services & Parts ---- */
.ourcapabilities {
    background-size: cover;
    background-position: -360px 0px;
    }
.ourcapabilities h1 {
    text-align: left;
    padding-left: 10vw;
    }
.par-ourcapabilities {
    width: 90vw;
    height: 120px;
    margin-left: 20px;
    margin-bottom: 0;
    }    
.par-ourcapabilities span {
    font-size: 1.3em;
    top: 10px;
    left: 0;
    }    
span#mro.paragraph {
    padding-top: 7em;
    }    
#ourcapabilities .paragraph {
    padding-top: 10px;
    }    
.mro, .parts {
    position: relative;
    width: 100vw;
    height: auto;
    left: 0;
    top: 50px;
    padding: 0em 2em 2em 2em !important;
}    
    
/* ---- Quality & Safety ---- */   
.qualityandsafety {
    background-size: 220vw auto;
    background-position: -340px -89px;
    }    
.qualityandsafety h1 {
    text-align: left;
    padding-left: 10vw;
    }
.qualityandsafety .paragraph {
    padding: 0 2em;
    text-align: justify;
    }  
.ltr-invert {
    color: white;
    }  
    
/* ---- Media ---- */     
main .list .item {
    width: 45vw;
    height: 29vw;
    margin: 2vw;
    }
#pagination ul li.btn {
    padding: 0 10px;
    border-radius: 20px;
    line-height: 50px;
    border-color: orange;
    transform: scale(0.8);
    position: relative;
    top: -8px;
    }

/* ---- Contact Us ---- */   
.contactus {
    background-size: 190vw auto;
    background-position: center top;
    padding-bottom: 300px;
    }    
.contactbox1 {
    width: 96vw;
    Height: 400px;
    position: unset;
    margin-bottom: 120vw;
    }   
.contact-title {
    height: 90%;
    margin: 0;
    padding-top: 50px;
    padding-left: 3em;
    width: 98%;
    }   
.contact-title p:last-child {
    line-height: normal;
    margin-bottom: 4em;
    }    
.contact-form-box {
    height: 100%;
    width: 100%;
    padding: 3em;
    }    
    
} /* end of 425px */ 

@media (max-width: 375px){
 
/* ---- Homepage ---- */  
h1 {
    font-size: 42px;
}    
.tagline {
    position: absolute;
    top: -135vw;
    }
.mainpict {
    top: -30vw;    
    }    
.sitename {
    font-size: 22pt;  
    margin-top: 124vw;
    }
.sitedesc {
    font-size: 13pt;
    }
.sitelogos img {
    height: 50px;
    }
    
/* ---- Who We Are ---- */    
.par-vision-cont {
    height: 8em;
    padding-top: 1.2em;
    margin-top: 2em;
    margin-bottom: 2em;
    }    

/* ---- MRO Services & Parts ---- */ 
.workshop-txt {
    height: 108vw;
    }
.workshop-pic {
    top: -48vw;
    }
    
.par-ourcapabilities span {
    font-size: 1.0em;
    top: 11px;
    left: 0;
    }  
    
/* ---- Quality & Safety ---- */ 
.qualityandsafety {
    background-size: 220vw auto;
    background-position: -304px -65px;
    }    
    
}  /* end of 375px */

@media (max-width: 320px) {

h1 {
    font-size: 35px;
    }    
.mainpict {
    top: -33vw;
    }
.sitelogos img {
    height: 40px;
    }
/* ---- Who We Are ---- */ 
.par-vision-cont {
    height: 7em;
    padding-top: 1.0em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    }    
.emailbox {
    width: 270px;
    }    
    
/* ---- Where We Are ---- */    
.workshop-txt {
    height: 142vw;
    }
.workshop-pic {
    top: -82vw;
    }  
/* ---- MRO Services & Parts ---- */     
.par-ourcapabilities span {
    font-size: 1.0em;
    top: 6px;
    left: 6px;
    }  
    
/* ---- Quality & Safety ---- */ 
.qualityandsafety {
    background-size: 220vw auto;
    background-position: -283px -15px;
    }  

/* ---- Contact Us ---- */       
.contactbox1 {
    width: 96vw;
    Height: 400px;
    margin-top: -20vw;
    margin-bottom: 160vw;
    }    
    
}  /* end of 320px */