body {	font-family: Arial, Helvetica, sans-serif; margin:0px; background:url(../images/bg.jpg) repeat-x; border-top:#0094da solid 4px;}
.top{ width: 100%; margin:auto; padding-left: 10px; padding-right: 15px; height:37px; line-height:37px; color:#000; font-family:top; font-size:13px;}
@font-face{ font-family: 'top';    src: url('../fonts/MyriadPro-Regular.otf');}
.header{ width:1210px;  height:96px; margin:auto;}
.globe{ width:96px; height:96px; float:left;}
.logo{ width:260px; height:96px; float:left; margin-left:10px;}
.logo2{ width:210px; height:96px; float:left; margin-left:40px;}
.quality{ width:73px; height:96px; float:left; margin:0px 20px 0px 20px;}
#menu{ width:auto; height:40px; float:right; line-height:40px; margin:28px 0px 28px 0px;}
#menu ul{ margin:0px; padding:0px;}
#menu ul li{ display:inline;}
#menu ul li a{ font-family:top; color:#000000; text-decoration:none; float:left; padding:0px 6px 0px 6px;}
#menu ul li a:hover{ background:#0095da; color:#ffffff; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.active{ background:#0095da; color:#ffffff; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.banner{ width:1349px; height:auto; margin:auto;}
.green{ width:100%; max-width:1349px; background:#79c142; margin:auto; height:auto; padding:20px 0px 20px 0px;}
.welcome{ width: 100%; height:auto; margin:auto; color:#FFFFFF; line-height:20px;}
h3{ color:#FFFFFF; text-align:center; width:100%;  font-weight:normal; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
.welcome_txt{ width:100%; height:auto; color:#FFFFFF; font-size:14px; text-align:center;}
#footer{ width:100%; margin-top:30px;}
.f_top{ width: 100%; margin:auto;  height:105px; padding:20px 0px 19px 0px;}
.f_bottom{ width:100%; height:45px; line-height:45px; margin:auto; color:#FFFFFF; font-size:11px;}
.f_bottom a{ color:#FFFFFF; text-decoration:none;}
.links{ width:300px; height:auto; float:left; color:#424242; font-size:12px;}
.links ul{ margin:0px; padding:0px;}
.links ul li{ display:inline;}
.links ul li a{ color:#9d9d9d; text-decoration:none; width: auto; float:left; padding:10px 25px 10px 0px;}
.f_contact{ border-left:#b8b7b7 solid 1px; float:left;border-right:#b8b7b7 solid 1px; line-height: 20px; width:220px; height:105px; color:#424242; font-size:12px; padding:0px 60px 0px 60px; }
.contact{ width: 100%; height:auto; margin:auto; color:#FFFFFF; line-height:20px; border-top:#f3f3f3 solid 1px; margin-top:10px;}
.inner_banner{ width: 100%; height:auto; margin:auto;}
.inner_banner img{ margin-bottom:10px; width: 100%; }

.feedback{ width:588px; height:auto; float:left; text-align:center; margin-left:206px;}
.feedback_field{ width:270px; height:30px; border:#e6e6e6 solid 1px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-size:11px; color:#7c7c7c; padding-left:10px; margin:0px 5px 20px 5px;}
.feedback_area{ width:564px; height:54px;  
border:#e6e6e6 solid 1px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px
float:left;  font-size:11px; color:#7c7c7c; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px;}
.send{ background:#0099e9; border:none; cursor:pointer;  width:150px; height:35px; color:#FFFFFF; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;  font-size:11px; margin-top:10px;}

.mr-0 {
    padding-right: 0 !important;
}

.ml-0 {
    padding-left: 0 !important;
}

.f_bottom {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: auto;
    color: #FFFFFF;
    font-size: 11px;
    background: #0394db;
    padding-left: 98px;
}

.links {
    padding-left: 40px;
}

@media all and (max-width: 800px)
{
    /* styles here */
    .navbar-toggler {
        position: absolute;
        top: 40px;
        right: 0;
    }

    #footer .links {
        padding-left: 34px !important;
    }

    .f_bottom {
        padding-left: 10px;
    }

    .links {
        padding-left: 20px;
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 15px;
    }
}

@media (min-width:320px)  {
    .logo-ibhl {
        width: 100%;
    }
    
    .logo-name {
        width: 100%;
    }
    
    img.logo-2 {
        width: 200px;
    }
    
    img.logo-3 {
        width: 40px;
        margin-top: 24px;
    }
}

@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  {

    .contact-enquire-form {
        margin: auto;
        width: 60%;
    }
    
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */
    .logo-ibhl {
        width: 90px;
    }
    
    .logo-name {
        width: 100%;
    }
    
    img.logo-2 {
        width: 200px;
    }
    
    img.logo-3 {
        width: 68px;
        margin-top: 4px;
    }

    .links {
        padding-left: 40px !important;
    }

    .f_bottom {
        width: 100%;
        height: 45px;
        line-height: 45px;
        margin: auto;
        color: #FFFFFF;
        font-size: 11px;
        background: #0394db;
        padding-left: 98px;
    }
}