﻿@charset "utf-8";
/* CSS Document */

/* 240 + 320px */
@media screen and (max-width: 400px){

    h1 {font-size:18px;}

    .header {background:none; padding:20px 0px;}

    .img-center {margin:0 auto; text-align:center;}

    .navbar-header {background:#e7e7e7; border:1px solid #ccc;}

    .navbar-toggle {float:left; margin-left:15px;}

    .navbar-brand {float:right;}

    .navbar-default .navbar-nav > li {background:none;}

    .banner {background:none; padding:10px;}

    .blue-banner-text {color:#464ba7; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:15px;}

    .banner-text {font-family: 'Open Sans', sans-serif; font-size:12px; color:#333; line-height:15px;}

    .about-box {background:#f2f2f2; padding:10px; border:1px solid #ccc; margin:10px 0px;}

    .product-box {border:0px;}

    h1.inner-heading{color:#fff; font-size:18px; font-weight:400; line-height:30px; font-family: 'Open Sans', sans-serif; margin:10px 0px;}

    .download-btn {padding:10px 0px;}

    .technical-detail-box {margin:10px 0px;}

    .middle-content-inner {margin:30px 0px;position: relative;top: 0px;}

	
}
/* 480px */
@media screen and (min-width: 401px) and (max-width: 767px) {
	h1 {font-size:18px;}

    .header {background:none; padding:20px 0px;}

    .img-center {margin:0 auto; text-align:center;}

    .navbar-header {background:#e7e7e7; border:1px solid #ccc;}

    .navbar-toggle {float:left; margin-left:15px;}

    .navbar-brand { float: right;}

    .navbar-default .navbar-nav > li {background:none;}

    .banner {background:url(../images/banner-bg.png) top center no-repeat; padding:10px;}

    .blue-banner-text {color:#464ba7; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:15px;}

    .banner-text {font-family: 'Open Sans', sans-serif; font-size:12px; color:#333; line-height:15px;}

    .about-box {background:#f2f2f2; padding:10px; border:1px solid #ccc; margin:10px 0px;}

    .product-box {border:0px;}

    h1.inner-heading {margin: 26px 0;}

    .download-btn {padding:10px 0px;}

    .technical-detail-box {margin:10px 0px;}

    .middle-content-inner {margin:30px 0px;position: relative;top: 0px;}
}

/* 768px */
@media (min-width: 768px) and (max-width: 991px) {

    .top-header-right {text-align:center;}

    .logo-header{position: relative; top: -30px; z-index:1;}

    .header {height:48px;}

    .navigation {padding:0px;}

    .banner {position: relative; top: -50px;}

    .banner-heading {font-size:23px;}

    .about-top, .about-middle, .about-bottom {background:none;}

    .about-top,  .about-bottom {display:none;}

    .about-us-box {background:#f2f2f2; border:1px solid #ccc; padding:20px;}

    .nbs-flexisel-nav-left {left:94%;}

    h1.inner-heading {margin: 30px 0;}

    .enquiry-form {margin:20px 0px;}

    .middle-content-inner {margin:0px 0px;position: relative;top: 0px;}
    .banner-inner {position: relative; top: -52px;}
}
/* 960px */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-brand{display:none;}
	
    .top-header-right{float:right; text-align:right; }

    .logo-header{position: relative; top: -41px; z-index:1;}

    .navigation {font-size:14px;}

    .nav > li > a { padding-left: 10px; padding-right: 10px;}

    .header {height:62px;}

     .banner-heading {font-size:23px;}

     .middle-content-inner {margin:0px 0px;position: relative;top: -20px;}

     .banner-inner {margin-bottom: 60px;}
}
		
@media (min-width: 1200px) {

    .middle-content-inner {
    margin: 0px;
    position: relative;
    top: -20px;
}
	.navbar-brand{display:none;}
	
	.top-header-right{float:right; text-align:right; }
	
	.logo-header{position: relative; top: -46px; z-index:1;}

    .owl-carousel1{top:-13%;}

    .banner {position: relative;}

    .banner-inner {margin-bottom:60px;}
}
@media (max-width: 767px) {
    .navbar-default{float:none;}
    .navbar-nav > li > a {padding: 15px 14px;text-align: center;}
    .navbar-default .navbar-collapse{border: 1px solid rgb(204, 204, 204);}
    .dropdown-menu{width: 100%;margin: 0 auto;text-align: center;left: 0;right: 0;position:relative;}
}