@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');@font-face {font-family: 'RobotoRegular';src: url('../../images/BNS%20903/RobotoRegular.eot');src: url('../../images/BNS%20903/RobotoRegular.eot') format('embedded-opentype'), url('../../images/BNS%20903/RobotoRegular.html') format('woff2'), url('../../images/BNS%20903/RobotoRegular.woff') format('woff'), url('../../images/BNS%20903/RobotoRegular-2.html') format('truetype'), url('../../images/BNS%20903/RobotoRegular.svg#RobotoRegular') format('svg');} @font-face {font-family: 'ERASBD';src: url('../../images/BNS%20903/ERASBD.eot');src: url('../../images/BNS%20903/ERASBD.eot') format('embedded-opentype'), url('../../images/BNS%20903/ERASBD.html') format('woff2'), url('../../images/BNS%20903/ERASBD.woff') format('woff'), url('../../images/BNS%20903/ERASBD-2.html') format('truetype'), url('../../images/BNS%20903/ERASBD.svg#ERASBD') format('svg');} @font-face {font-family: 'OxygenLight';src: url('../../images/BNS%20903/OxygenLight.eot');src: url('../../images/BNS%20903/OxygenLight.eot') format('embedded-opentype'), url('../../images/BNS%20903/OxygenLight.html') format('woff2'), url('../../images/BNS%20903/OxygenLight.woff') format('woff'), url('../../images/BNS%20903/OxygenLight-2.html') format('truetype'), url('../../images/BNS%20903/OxygenLight.svg#OxygenLight') format('svg');} @font-face {font-family: 'OxygenBold';src: url('../../images/BNS%20903/OxygenBold.eot');src: url('../../images/BNS%20903/OxygenBold.eot') format('embedded-opentype'), url('../../images/BNS%20903/OxygenBold.html') format('woff2'), url('../../images/BNS%20903/OxygenBold.woff') format('woff'), url('../../images/BNS%20903/OxygenBold-2.html') format('truetype'), url('../../images/BNS%20903/OxygenBold.svg#OxygenBold') format('svg');} @font-face {font-family: 'OswaldRegular';src: url('../../images/BNS%20903/OswaldRegular.eot');src: url('../../images/BNS%20903/OswaldRegular.eot') format('embedded-opentype'), url('../../images/BNS%20903/OswaldRegular.html') format('woff2'), url('../../images/BNS%20903/OswaldRegular.woff') format('woff'), url('../../images/BNS%20903/OswaldRegular-2.html') format('truetype'), url('../../images/BNS%20903/OswaldRegular.svg#OswaldRegular') format('svg');} @font-face {font-family: 'ConstantiaItalic';src: url('../../images/BNS%20903/ConstantiaItalic.eot');src: url('../../images/BNS%20903/ConstantiaItalic.eot') format('embedded-opentype'), url('../../images/BNS%20903/ConstantiaItalic.html') format('woff2'), url('../../images/BNS%20903/ConstantiaItalic.woff') format('woff'), url('../../images/BNS%20903/ConstantiaItalic-2.html') format('truetype'), url('../../images/BNS%20903/ConstantiaItalic.svg#ConstantiaItalic') format('svg');} body {font-size: 14px;line-height: 22px;margin: 0;padding: 0;font-family: 'RobotoRegular';} .maindiv{float: left;width:100%;} .products_desc {min-height: 115px;} .menuH ul li a {font-family: Muli;} .social_icons a i {font-size: 36px;} .navbar-inverse {background: none;border:none;} .navbar {margin: 0px;} .navbar-nav > li > a {padding:0px;} .call p {} .call p {font-family: muli;} .menuH li a {font-family: muli;} .navbar-header {display: none;} .prj img {border: 1px solid black;} .navbar {min-height: auto;} a:active, a:hover {outline: none !important;} .headercontainer{float: left;width: 100%;background: #262626;} .menuH{float: left;width: 100%;font-family: 'RobotoRegular';} .menuH ul{margin: 0px;padding: 0px;display: table;margin: 0px auto;float: none;} .menuH ul li{list-style: none;float: left;text-decoration: none;} .call {padding: 44px 0px 20px;color: #00a2e8;font-family: 'ERASBD';letter-spacing: 1px;font-size: 18px;float: left;width: 100%;} .menuH ul li a {float: right;font-size: 16px;color: #fff !important;padding: 15px 38px;text-transform: uppercase;margin-right: 1px;margin-left: 1px;} .menuH ul li.selected a{background: #56c4f3;} .menuH ul li:hover {background: #56c4f3;} .logocontainer{float: left;width: 100%;background: #fff;border-top: 5px solid #006db7;} .logo{float:left;width:100%;} .logo img{padding: 15px;} .bannercontainer{float:left;width:100%;} .bannercontainer img{float:left;width:100%;} .aboutcontainer{float: left;width: 100%;font-family: 'RobotoRegular';color: #261e1e;background: #f0f0f0;} .about{float:left;width:100%;text-align: center;padding: 45px 0px 20px;} .abtimg {float: left;width: 100%;} .abthead {float: left;width: 100%;font-size: 30px;padding: 20px 0px;} .abtcon {width: 100%;float: left;padding: 0px 15px;} .about1 {float: left;width: 100%;background: #fff;} .head{float:left;width:100%;font-size: 30px;} .content {float: left;width: 100%;font-size: 14px;padding: 15px 0px;} .content img {float: right;margin-left: 15px;padding: 10px 0px;} .servicecontainer{float: left;width: 100%;font-family: 'RobotoRegular';color: #fff;background: #245fb1;} .serivce{float:left;width:100%;padding: 20px 0px !important;text-align: center;} .sercontent{float: left;text-align: center;width: 100%;font-family: muli;} .sercontent span{float: left;width: 100%;font-size: 18px;padding: 8px 0px;font-family: 'ConstantiaItalic';} .serhead{float:left;width:100%;font-size: 30px;text-align: center;padding: 15px 0px 25px;text-transform: uppercase;font-family: 'OxygenLight';line-height: 38px;} .serhead span {color: #56C4F3;font-weight: bold;font-family: 'OxygenBold';font-size: 38px;} .serreadmore a {text-align: center;background: #245fb1;padding: 8px 15px;border-radius: 32px;text-decoration: none;color: #fff;text-transform: uppercase;border: 3px solid #56c4f3;} .serreadmore {float: left;width: 100%;padding: 30px 0px 15px;} .brandscontainer {float: left;width: 100%;text-align: center;background: #ededed;padding: 5px 0;} .brandhead {float: left;width: 100%;font-size: 35px;color: #245fb1;padding: 24px 0px 12px;text-transform: uppercase;font-family: 'OxygenBold';font-weight: 700;} .brands {float: left;width: 100%;padding: 20px 0px;} .projectcontainer {float: left;width: 100%;text-align: center;background: #fff;color: #686868;} .project {float: left;width: 100%;padding: 96px 0px;} .prjimg img {display: inline;} .projecthead {float: left;width: 100%;font-size: 33px;font-weight: bold;line-height: 35px;padding-bottom: 30px;} .prjcon {float: left;width: 100%;padding: 25px 0px;min-height: 270px;} .prj {text-align: center;float: left;width: 100%;border: 2px solid RGBA(170, 169, 170, 0.3);padding: 26px 0;} .prj:hover {background: #245fb1;color: #fff;} .prj:hover .prjname {color: #fff;} .prj:hover .prjread a {background: #56c4f3;border: 2px solid #fff;} .prjimg {float: left;width: 100%;} .prjname {float: left;width: 100%;font-size: 17px;text-transform: uppercase;color: #245fb1;padding: 15px 0px 30px;background-image: url("../../images/BNS%20903/borderbtm.png");background-repeat: no-repeat;background-position: center bottom;font-family: 'OswaldRegular';} .prj:hover .prjname {color: #fff;background-image: url("../../images/BNS%20903/borderbtmhover.png");} .prjread {padding: 20px 0px 0px;} .prjread a {text-decoration: none;background: #245fb1;padding: 6px 12px;border-radius: 20px;color: #fff;border: 2px solid rgba(255, 255, 255, 0);font-size: 13px;} .text {float: left;width: 100%;font-size: 16px;} .footer{float: left;width:100%;text-align: center;font-size: 13px;color: #fff;padding: 16px 0px;background: #444444;} .footer span {color: red !important;font-size: 15px !important;font-style: italic;padding: 0px 6px !important;} .footer a{text-decoration: none;font-size: 15px;padding: 0px 5px;color: #fff;} @media screen and (min-width: 1100px) and (max-width: 4000px){} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){.aboutcontainer {top: 345px;} .menuH ul li a {padding: 15px 25px !important;} .call {padding: 38px 0px 20px;font-size: 16px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.abthead {font-size: 25px;} .menuH ul li a {padding: 15px 12px !important;} .call {padding: 26px 0px 20px;letter-spacing: 0px;font-size: 12px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.navbar-header {display: block;} .navbar-collapse {border-top: none;box-shadow: none;} .call {padding: 20px 165px 20px 0px;letter-spacing: 0px;} .navbar-inverse .navbar-brand {color: #999;display: none;} .logocontainer {position: relative;} .headercontainer {top: 0px;} .aboutcontainer {position: relative;top: 0px;} .menuH ul li a {float: right;} .menuH ul li{float: none;} .menuH ul {float: right;} .footer {font-size: 14px;} .abtimg img {width: 100%;}} @media only screen and (max-width : 480px){.abtimg img {width: 100%;} .call {padding: 20px 85px 20px 0px;letter-spacing: 0px;font-size: 16px !important;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.navbar-header {display: block;} .call {padding: 20px 15px 20px 0px;color: #00a2e8;letter-spacing: 0px;font-size: 16px !important;} .navbar-inverse .navbar-brand {color: #999;display: none;} .navbar-collapse {border-top: none;box-shadow: none;} .navbar-inverse .navbar-toggle {background-color: RGBA(231, 231, 231, 0.6);} .logocontainer {position: relative;} .headercontainer {top: 0px;} .aboutcontainer {position: relative;top: 0px;} .menuH ul li a {float: right;} .menuH ul li{float: none;} .menuH ul {float: right;} .footer {font-size: 14px;}} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}