@font-face {font-family: 'RalewayRegular';src: url('../../images/CNS%20157/RalewayRegular.eot');src: url('../../images/CNS%20157/RalewayRegular.eot') format('embedded-opentype'), url('../../images/CNS%20157/RalewayRegular.html') format('woff2'), url('../../images/CNS%20157/RalewayRegular.woff') format('woff'), url('../../images/CNS%20157/RalewayRegular-2.html') format('truetype'), url('../../images/CNS%20157/RalewayRegular.svg#RalewayRegular') format('svg');} @font-face {font-family: 'RalewayMedium';src: url('../../images/CNS%20157/RalewayMedium.eot');src: url('../../images/CNS%20157/RalewayMedium.eot') format('embedded-opentype'), url('../../images/CNS%20157/RalewayMedium.html') format('woff2'), url('../../images/CNS%20157/RalewayMedium.woff') format('woff'), url('../../images/CNS%20157/RalewayMedium-2.html') format('truetype'), url('../../images/CNS%20157/RalewayMedium.svg#RalewayMedium') format('svg');} body {font-size: 14px;line-height: 22px;margin: 0;padding: 0;} .logocontainer {float: left;width: 100%;background: #b3b3b3;} .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: #fff;} .menucontainer {float: left;width: 100%;} .menuH {float: left;width: 100%;} .menuH 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: #000 !important;padding: 14px 21px 27px;text-transform: uppercase;margin-bottom: -14px;text-align: center;font-family: 'RalewayRegular';margin-left: 4px;} .menuH ul li.selected a {background: url("../../images/CNS%20157/menuselect.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;} .menuH ul li a:hover{background: url("../../images/CNS%20157/menuselect.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;} .maindiv {float: left;width: 100%;background: #fff;} .logo{float:left;width:100%;} .logo img{padding: 15px;} .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;} @media(min-width:320px) and (max-width:399px){.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%;}} @media(min-width:400px) and (max-width:480px){.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;}} @media(min-width:481px) and (max-width:639px){.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;}} @media(min-width:640px) and (max-width:767px){.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;}} @media(min-width:768px) and (max-width:991px){.menuH ul li a {font-size: 14px;padding: 21px 0px;width: 110px;} .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;padding: 22px 0px;width: 145px;} .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){}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;}