#header
{
    position: fixed;
    top: 0;
    z-index: 2000;
    background: #fff;
    width: 100%;
}
.hpSlider
{
padding: 0;
position: relative;
}	
.hpSlider img
{
    width: 100%;
}
.hpBox .row
{
margin: 0 !important
}		
.hpBox .title {
   font-size: 2.3vw;
    text-transform: uppercase;
    font-weight: 500;
}
.hpBoxText {
   padding: 2vw 2vw 2vw 0 !important;
}

.hpBoxImage {
   padding: 1% 0 0 0 !important;
text-align: left;
}
#hpBoxTwo .hpBoxImage , #hpBoxFour .hpBoxImage {
text-align: right;
}

.hpBox p {
   font-weight: 300;
font-size: 1.3vw;
}
#hpBoxTwo, #hpBoxFour
{
background: #F7F5F6;
}
.hpBoxImage img 
{
   width: 80%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#hpBoxFive
{
text-align: center;
}
.imagesHolder>div
{
float: left;
}
.imagesHolder>div img
{
width: 11vw;
}
.imagesHolder
{
    width: 60%;
    overflow: auto;
    margin: auto;
}
.hpbottomBox
{
background: url("//images.images4us.com/dragonfishtech/en/bg%20lights_1448960240084.jpg") no-repeat;
background-size: 100%; 
}
.hpbottomBox>div
{
    font-size: 2.3vw;
    text-transform: uppercase;
    font-weight: 500;
text-align:center;
color: #fff;
    padding: 6vw 0;
}
.owl-prev, .owl-next{
background: url("//images.images4us.com/dragonfishtech/en/left%20arrow_1450020892096.png") no-repeat;
background-size: 100%; 
width: 2.6vw;
    padding: 3.5vw 0;
    position: absolute;
}
.owl-prev
{
left:0;
}
.owl-next{
background: url("//images.images4us.com/dragonfishtech/en/right%20arrow_1450020939277.png") no-repeat;
background-size: 100%;
right:0;
}
.owl-controls
{
    position: absolute;
    top: 0;
    z-index: 100;
width: 100%;
padding: 15% 0;
}
.owl-buttons
{
    position: relative;
 top: -3vw;

}
.owl-pagination {
    position: absolute;
    bottom: 4%;
    margin: auto;
    width: 100%;
    text-align: center;
}
.bannerText
{
    font-size: 2.5vw;
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px -2px 0px rgb(69, 69, 69);
}
.bannerText span
{
font-size: 1.5vw;
display: block;
}
@media only screen and (max-width: 40em) {

.bannerText
{
    font-size: 3.5vw;
}
.bannerText span
{
font-size: 2.5vw;
}
.owl-theme .owl-controls .owl-page span{
        width: 2.2vw;
        height: 2.2vw;
        margin: 0 1vw;
}
.owl-buttons
{
display: none;
}
#footer
{
    padding: 6.3vw 0;
}
.hpbottomBox>div 
{
    font-size: 4.5vw;
    padding: 4.5vw 0;
}
.hpBox .title
{
font-size: 8vw;
}
.hpBoxTextTop
{
    width:90%;
    margin: auto;
overflow: auto;
    padding: 0 0 7vw 0;
text-align: center;
}
.hpBoxText
{
text-align: center;
   padding: 8vw 2vw 10vw 0 !important;
}
.mobileSmallImage 
{
width: 25%;
display:inline-block !important;
}
.hpBoxTextTop .title
{
display:inline-block !important;
    margin: 0 0 0 4vw;
    vertical-align: middle;
}
.hpBox p {
    font-size: 3.6vw;
    text-align: center;
}
.hpBoxText .learnMore
{
padding: 3vw 7vw !important;
    font-size: 3vw !important;
    margin: auto;
}
#hpBoxFive .title
{
    padding: 6vw 0;
}
.imagesHolder {
    width: 80%;
}
.imagesHolder>div img {
    width: 30vw;
}

}