@font-face {font-family: 'RalewayRegular';src: url('../../images/BNS%20522/RalewayRegular.eot');src: url('../../images/BNS%20522/RalewayRegular.eot') format('embedded-opentype'), url('../../images/BNS%20522/RalewayRegular.html') format('woff2'), url('../../images/BNS%20522/RalewayRegular.woff') format('woff'), url('../../images/BNS%20522/RalewayRegular-2.html') format('truetype'), url('../../images/BNS%20522/RalewayRegular.svg#RalewayRegular') format('svg');} @font-face {font-family: 'RalewayMedium';src: url('../../images/BNS%20522/RalewayMedium.eot');src: url('../../images/BNS%20522/RalewayMedium.eot') format('embedded-opentype'), url('../../images/BNS%20522/RalewayMedium.html') format('woff2'), url('../../images/BNS%20522/RalewayMedium.woff') format('woff'), url('../../images/BNS%20522/RalewayMedium-2.html') format('truetype'), url('../../images/BNS%20522/RalewayMedium.svg#RalewayMedium') format('svg');} .flt{float: left;width: 100%;} body {font-size: 14px;line-height: 22px;margin: 0;padding: 0;} .logocontainer {float: left;width: 100%;} .navbar-inverse {background: none;border:none;} .navbar {margin: 0px;} .navbar-inverse .navbar-toggle .icon-bar {background-color: #f8b71f;} .navbar-nav > li > a {padding:0px;} .navbar-header {display: block;} .navbar-inverse .navbar-brand {display: none;} .navbar {min-height: auto;} .navbar-collapse {border-top: none;} a:active, a:hover {outline: none !important;} .headercontainer {float: left;width: 100%;background: #000000;} .menucontainer {float: left;width: 100%;} .menuH {float: left;width: 100%;} .menuH .navbar-collapse > ul {margin: 0px;padding: 0px;display: table;margin: 0px auto;float: none;} .menuH ul li {list-style: none;float: left;text-decoration: none;padding: 0px 0px;} .menuH ul li a {float: right;font-size: 18px;color: #FFF !important;padding: 14px 21px 27px;text-transform: uppercase;margin-bottom: -14px;text-align: center;font-family: 'RalewayRegular';margin-left: 4px;transition: 1s all ease;} .headertop2 .menuH ul li a {padding: 12px 27px 25px;font-size: 14px;transition: 1s all ease;} .menuH ul li.selected a {background: url("../../images/BNS%20522/menuselect.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;color: #000 !important;} .menuH ul li a:hover{background: url("../../images/BNS%20522/menuselect.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;color: #000 !important;} .maindiv {float: left;width: 100%;background: #fff;} .logo{float:left;width:100%;} .logo img{padding: 15px;transition: 1s all ease;width: 30%;} .bannercontainer{float:left;width:100%;} .bannercontainer img{float:left;width:100%;} .pagecontainer {float: left;width: 100%;font-family: 'RalewayMedium';} .page {float: left;width: 100%;padding: 35px 0px;} .pagehead {float: left;width: 100%;font-size: 45px;padding-bottom: 25px;} .pagecontent {float: left;width: 100%;text-align: justify;} .footer {float: left;width: 100%;text-align: center;color: #fff;padding: 16px 0px;background: #000;} .footer a {text-decoration: none;font-size: 15px;padding: 0px 5px;color: #fff;} .center {display: table;margin: 0 auto 35px;text-align: center;background: rgba(230, 120, 23, 0.28);padding: 30px;border-radius: 13px;border: 5px double rgba(230, 120, 23, 0.27);} .pagecontent strong {color: rgb(233, 112, 9);font-size: 18px;border-bottom: 1px solid #e97009;box-shadow: 4px 10px 10px #ccc;padding-bottom: 3px;margin: 40px 0 15px;float: left;width: 100%;} .pagecontent h4 {color: #e97009;font-size: 26px;margin: 40px 0 0;float: left;widrth: 100%;} .pagecontent strong.first{margin-top: 17px;} ul.list {float: left;width: 100%;} ul.list li {float: left;width: 100%;padding-left: 35px;position: relative;list-style: none;margin: 1px 0;} ul.list li::before {content: "\f138";color: #e97009;font-size: 16px;font-family: FontAwesome;font-style: normal;text-decoration: inherit;position: absolute;left: 8px;font-weight: bold;} .dropdown-menu li {width: 100%;} .dropdown-menu > li > a {width: 100%;background: #f8b71f !important;border-bottom: 1px solid #fff !important;padding: 11px 12px !important;font-size: 15px !important;margin-bottom: 0 !important;color: #fff !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover {background: none;} .social {float: right;position: absolute;right: 0;padding: 7px 10px 7px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .social .fa {padding: 4px 0px 2px 6px;transition: .5s all ease;border-radius: 3px;width: 35px;text-align: center;} .social .fa:hover {background: #fff;color: #3b5998;} .social .fa-twitter:hover {color: #6faedc;} .social .fa-rss:hover {color: #ffa500;} .social .fa-linkedin:hover {color: #0177b5;} .social a {float: left;margin-right: 6px;font-size: 24px;color: #000;border: 1px solid #000;border-radius: 7px;} .teamnames {float: left;width: 100%;font-size: 20px;color: #ea7714;margin-bottom: 6px;} .designation {float: left;width: 100%;font-weight: bold;font-size: 17px;margin-bottom: 4px;} .view {float: left;width: 100%;margin: 15px 0 0px;} .view a {background: #ea7714;padding: 4px 12px;color: #fff;float: left;} .navbar-inverse .navbar-nav > .open > a:focus {background: none;} .dropdown-menu > li > a:hover {background: #F8B71F !important;color: #181717 !important;} .headertop1 {float: left;width: 100%;background: #fff;z-index: 999;} .headertop2 .logo img {width: 15%;transition: 1s all ease;padding: 0px;} .headertop2 {position: fixed;top: 0;transition: .5s all ease;} .menuH ul li.selected a.dropdown-toggle {color: #fff !important;} @media(min-width:320px) and (max-width:399px){.social {position: relative;} .menuH ul li {float: right;padding: 0px 3px;margin-bottom: 2px;width: 100%;} .menuH ul li.selected a {background: #f8b71f;width: 100%;text-align: right;color: #000 !important;} .menuH ul li a:hover {background: #f8b71f !important;width: 100%;text-align: right;color: #000 !important;} .menuH ul li a {font-size: 14px;padding: 14px 21px 10px;margin-bottom: 0px;} .logo img {padding: 15px;width: 100%;} .headertop2 .logo img {width: 100%;} .bannercontainer img {height: auto;}} @media(min-width:400px) and (max-width:480px){.social {position: relative;} .menuH ul li {float: right;padding: 0px 3px;margin-bottom: 2px;width: 100%;} .menuH ul li.selected a {background: #f8b71f;width: 100%;text-align: right;} .menuH ul li a:hover {background: #f8b71f !important;width: 100%;text-align: right;} .menuH ul li a {font-size: 14px;padding: 14px 21px 10px;margin-bottom: 0px;} .headertop2 .logo img {width: 100%;} .bannercontainer img {height: auto;}} @media(min-width:481px) and (max-width:639px){.social {position: relative;} .menuH ul li {float: right;padding: 0px 3px;margin-bottom: 2px;width: 100%;} .menuH ul li.selected a {background: #f8b71f;width: 100%;text-align: right;} .menuH ul li a:hover {background: #f8b71f !important;width: 100%;text-align: right;} .menuH ul li a {font-size: 14px;padding: 14px 21px 10px;margin-bottom: 0px;} .headertop2 .logo img {width: 100%;} .bannercontainer img {height: auto;}} @media(min-width:640px) and (max-width:767px){.social {position: relative;} .logo img {width: 250px;} .menuH ul li {float: right;padding: 0px 3px;margin-bottom: 2px;width: 100%;} .menuH ul li.selected a {background: #f8b71f;width: 100%;text-align: right;} .menuH ul li a:hover {background: #f8b71f !important;width: 100%;text-align: right;} .menuH ul li a {font-size: 14px;padding: 14px 21px 10px;margin-bottom: 0px;} .logo img {padding: 15px;width: 100%;} .servicehead {font-size: 22px;} .servicecap {font-size: 16px;padding-bottom: 40px;} hr {width: 50px;} .service {margin-bottom: 30px;} .welhead span {font-size: 30px;} .welhead {font-size: 20px;} .welicon {padding-top: 10px;} .welcome {padding: 0px;} .welcontant {text-align: justify;padding: 15px 0px;} .headertop2 .logo img {width: 100%;} .bannercontainer img {height: auto;}} @media(min-width:768px) and (max-width:991px){.menuH ul li a {font-size: 14px;} .menuH ul li {padding: 0px 2px;} .menuH ul {float: right;} .logo img {padding: 15px;width: 294px;}} @media(min-width:992px) and (max-width:1200px){.menuH ul li a {font-size: 16px;} .service {margin-bottom: 35px;} .servicecontainer {padding-bottom: 35px;} .menuH ul li {padding: 0px 2px;} .menuH ul {float: right;} .logo img {padding: 15px;width: 294px;}} Below one is optional @media (min-width:1201px) and (max-width:1650px){} @media(max-width: 639px){.pro_img {margin-bottom: 30px;}}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;}