@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin: 0;
	font-family: 'hind_regularregular';
}
img {
	max-width:100%;
	border:0;
}

/*Placeholder*/



input::-webkit-input-placeholder {
color:#4c4e4f;
opacity: 1;
}
 input::-moz-placeholder {
color:#4c4e4f;
opacity: 1;
}  /*firefox 19+*/
 input:-ms-input-placeholder {
color:#4c4e4f;
opacity: 1;
} /* ie */
 textarea::-webkit-input-placeholder {
color:#4c4e4f;
opacity: 1;
}
 textarea::-moz-placeholder {
color:#4c4e4f;
opacity: 1;
}  /*firefox 19+*/
 textarea:-ms-input-placeholder {
color:#4c4e4f;
opacity: 1;
} /* ie */
/*End Reset*/

.clearfix {
	clear: both;
}
 *, ::after, ::before {
 box-sizing: border-box;
}
.header {
	width:100%;
	margin:0;
	padding:0;
}
.maincontainer {
	/*max-width:2380px;*/
	margin:0 auto;
}
.header {
	background:#FFFFFF;
	width:100%;
	display:block;
	margin:0;
	padding:28px 0 16px;
}
.logo {
	float:left;
	margin:0;
}
.header-right {
	float:right;
	width:35%;
	margin:0;
	padding:0;
}
.topul {
	width:100%;
	text-align:right;
	margin:7px 0 0;
	padding:0;
}
.topul ul {
	margin:0;
	padding:0;
}
.topul ul li {
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
	color:#989898;
}
.topul ul li:after {
	content:" | ";
}
.topul ul li:last-child:after {
	content:"";
}
.topul ul li a {
	color:#989898;
	font-size:18px;
	margin:0 10px;
	padding:0;
	text-decoration:none;
}
.topul ul li:last-child a {
	margin:0 0 0 10px;
}
.topul ul li a:hover {
	text-decoration:underline;
}
.nav {
	margin:35px 0 0;
	padding:0;
	text-align:right;
	width:100%;
	position:relative;
}
.nav ul {
	margin:0;
	padding:0;
}
.nav ul li {
	list-style:none;
	display:inline;
	margin:0 18px 0 0;
	padding:0;
}
.nav ul li:last-child {
	margin:0;
}
.nav ul li a {
	margin:0;
	padding:0;
	color:#204898;
	font-family: 'hindlight';
	text-decoration:none;
	font-weight:300;
	font-size:18px;
}
.nav ul li a:hover {
	color:#f0184c;
}
.button {
	width: 55px;
	position:relative;
	right: 0;
	display:none;
	top: 9px;
	cursor: pointer;
	z-index: 1042;
	padding:12px 0;
}
.button:after {
	content: "\2261";
}
.banner-wrap {
	background:#e1e5e8;
	margin:0;
	border-top:1px solid #204898;
	padding:0;
	display:block;
	width:100%;
	position:relative;
}
.banner-wrap img {
	display:block;
}
.banner-left {
	max-width:475px;
	width:100%;
	position:absolute;
	left:6%;
	top:115px;
	margin:0;
	padding:0;
}
.banner-left h1 {
	font-size:89px;
	line-height:89px;
	color:#224999;
	font-family: 'hindlight';
	margin:0;
	font-weight:300;
	padding:0;
	width:100%;
}
.banner-para {
	margin:6px 0 0 7px;
	padding:0;
	width:99%;
}
.banner-para p {
	color:#4c4e4f;
	font-weight:300;
	font-family: 'hindlight';
	font-size:23px;
	margin:0;
	padding:0;
	line-height:35px;
}
.banner-btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f30e47+0,e90e46+34,e70e43+35,e70e45+40,d80c3f+68,d20e40+87,ce0c3e+100 */

background: #f30e47; /* Old browsers */
	background: -moz-linear-gradient(top, #f30e47 0%, #e90e46 34%, #e70e43 35%, #e70e45 40%, #d80c3f 68%, #d20e40 87%, #ce0c3e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f30e47 0%, #e90e46 34%, #e70e43 35%, #e70e45 40%, #d80c3f 68%, #d20e40 87%, #ce0c3e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f30e47 0%, #e90e46 34%, #e70e43 35%, #e70e45 40%, #d80c3f 68%, #d20e40 87%, #ce0c3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30e47', endColorstr='#ce0c3e', GradientType=0 ); /* IE6-9 */
	font-size:24px;
	margin:28px 0 0;
	padding:16px 0;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	max-width:295px;
	width:100%;
	border-radius:8px;
	text-shadow:2px 1px 1px #bb133b;
}
.banner-btn:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0c40+0,d30d40+18,d60e3d+22,d80c3f+32,e70e45+60,e70e43+65,ed0e47+78,f20f47+100 */

background: #ce0c40; /* Old browsers */
	background: -moz-linear-gradient(top, #ce0c40 0%, #d30d40 18%, #d60e3d 22%, #d80c3f 32%, #e70e45 60%, #e70e43 65%, #ed0e47 78%, #f20f47 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce0c40 0%, #d30d40 18%, #d60e3d 22%, #d80c3f 32%, #e70e45 60%, #e70e43 65%, #ed0e47 78%, #f20f47 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ce0c40 0%, #d30d40 18%, #d60e3d 22%, #d80c3f 32%, #e70e45 60%, #e70e43 65%, #ed0e47 78%, #f20f47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0c40', endColorstr='#f20f47', GradientType=0 ); /* IE6-9 */
}
.bannerimg {
	/*float:right;*/
	margin:0;
	padding:0;
}
.footer {
	/*background: #7fade3;

background: -moz-linear-gradient(left,  #7fade3 0%,#7fade3 50%,#f0184c 51%,#f0184c 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7fade3), color-stop(50%,#7fade3), color-stop(51%,#f0184c), color-stop(100%,#f0184c));

background: -webkit-linear-gradient(left,  #7fade3 0%,#7fade3 50%,#f0184c 51%,#f0184c 100%);

background: -o-linear-gradient(left,  #7fade3 0%,#7fade3 50%,#f0184c 51%,#f0184c 100%);

background: -ms-linear-gradient(left,  #7fade3 0%,#7fade3 50%,#f0184c 51%,#f0184c 100%);

background: linear-gradient(to right,  #7fade3 0%,#7fade3 50%,#f0184c 51%,#f0184c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 );*/

	margin:0;
	padding:0;
	width:100%;
}
.footercol {
	width:33.3%;
	margin:0;
	padding:0;
	min-height:409px;
	float:left;
}
 .footercol:nth-child(1) {
 background:#7fade3;
}
 .footercol:nth-child(2) {
 background:url(../images/footerimg.png) no-repeat 0 60px;
 background-size:cover;
}
 .footercol:nth-child(3) {
 background:#f0184c;
 width:33.4%;
}
.footerhead {
	width:100%;
	margin:0 0 25px;
	padding:20px 0;
}
 .footercol:nth-child(2) .footerhead {
 background:rgba(0, 0, 0, 0.5);
}
 .footercol:nth-child(1) .footerhead {
 border-bottom:1px solid #668ab6;
}
.footerhead h3 {
	font-size:30px;
	color:#FFFFFF;
	margin:0;
	line-height:30px;
	padding:0 0 0 5%;
	font-weight:400;
	float:left;
	text-transform:uppercase;
}
.viewall {
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 5% 0 0;
}
.footercol-content {
	width:100%;
}
.content-control {
	padding:0 10% 0 5%;
	width:100%;
}
.footer-row {
	width:100%;
	margin:0;
	padding:0 0 30px;
	display:block;
}
.footeranchor {
	color:#204898;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
	width:100%;
	display:block;
	font-size:14px;
}
.footerp {
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
.footerp p {
	color:#FFFFFF;
	font-size:16px;
	font-weight:400;
	margin:0;
	padding:0;
	line-height:22px;
}
.latest-statement {
	margin:0 0 20px;
	padding:0;
	width:100%;
	border-bottom:1px solid #FFFFFF;
}
.latest-statement h2 {
	margin:0;
	padding:0 0 5px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.viewpro {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#808080+0,6d6d6d+100 */

background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top, #808080 0%, #6d6d6d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #808080 0%, #6d6d6d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #808080 0%, #6d6d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#6d6d6d', GradientType=0 ); /* IE6-9 */
	display:block;
	margin:215px auto 0;
	border-radius:8px;
	width:36.5%;
	text-align:center;
	text-decoration:none;
	font-size:24px;
	padding:16px 0;
	color:#FFFFFF;
}
.viewpro:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6d6d+0,808080+100 */

background: #6d6d6d; /* Old browsers */
	background: -moz-linear-gradient(top, #6d6d6d 0%, #808080 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6d6d6d 0%, #808080 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6d6d6d 0%, #808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#808080', GradientType=0 ); /* IE6-9 */
}
 .footercol:nth-child(3) .footerhead {
 border-bottom: 1px solid #fff;
}
.graph {
	float:right;
	margin:0 22px 0 0;
}
.graph > .select-control > select {
	background:#f0184c url(../images/arrow.png) no-repeat 100% 50%;
	border:none;
	font-size:18px;
	color:#FFFFFF;
	border:none;
	width:185px;
	cursor:pointer;
	-webkit-appearance:none;
}
.graph > .select-control > select option {
	border:none;
}
.graph > .select-control > select:focus {
	outline:none;
}
.date {
	color:#FFFFFF;
	font-size:14px;
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
.positive-quote, .negative-quote {
  display: inline-block;
}
.positive-quote {
  color: #00cc00;
}
.negative-quote {
  color: #cc0000;
}
.crme {
	font-size:47px;
	color:#FFFFFF;
	font-family: 'hindlight';
	font-weight:300;
	width:100%;
	line-height:47px;
	display:block;
}
.crme span {
	font-family: 'hindbold';
}
.crme img {
	position: relative;
	top: -8px;
}
.graphimg {
	display:block;
	width:100%;
	text-align:center;
	margin:10px 0 0;
	padding:0;
}
.last-section {
	background:#3b3b3b;
	margin:0;
	padding:20px 0;
}
.container {
	max-width:2335px;
	margin:0 auto;
}
.footerul {
	margin:0;
	padding:0;
	float:left;
}
.footerul ul {
	margin:0;
	padding:0;
}
.footerul ul li {
	display:inline;
	margin:0;
	list-style:none;
	padding:0;
}
.footerul ul li:after {
	content:"| ";
	color:#FFFFFF;
}
.footerul ul li:last-child:after {
	content:"";
}
.footerul ul li a {
	font-size:14px;
	font-family: 'hindlight';
	margin:0 10px;
	color:#FFFFFF;
	text-decoration:none;
}
.footerul ul li:first-child a {
	margin:0 10px 0 0;
}
.copyright {
	float:right;
	margin:0;
	padding:0;
}
.copyright p {
	color:#ffffff;
	font-size:14px;
	font-family: 'hindlight';
	margin:0;
	padding:0;
}
.banner-left.info {
	position:relative;
	max-width:100%;
	top:0;
	left:0;
}
.innerpage {
	padding:30px 0;
	min-height:384px;
}
/*Asad css*/
.inner-slide img {
	width: 100%;
	height: auto;
}
.maincontainer {
	margin: 0 2%;
	width: 96%;
}
.inner-slide {
	position: relative;
}
.inner-slide .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.2);
}
.inner-slide .caption h1 {
	color: #fff;
	font-size: 45px;
	font-weight: normal;
	margin: 0;
	font-family: hindlight;
}
.inner-container {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1250px;
}
.blue-heading {
	color: #204898;
	font-size: 45px;
	text-align: center;
	font-family: hindlight;
	margin: 0;
	font-weight: normal;
}
.text {
	color: #4c4e4f;
	font-family: hindlight;
	font-size: 17px;
	text-align: center;
}
.padding-tb {
	padding: 55px 0;
}
.grey-bg {
	background-color: #efefef;
}
#inlicencing {
	background: url(../images/inlicencing.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.color-white {
	color: #fff !important;
}
.align-left {
	text-align: left;
}
.align-justify {
	text-align: justify;
}
.white-heading {
	color: #fff;
}
.half-pad30 {
	float: left;
	margin: 30px 0 0;
	width: 50%;
	padding: 0 2%;
}
.row-marg30 {
	margin: 0 2%;
}
#contact-form .left {
	width: 40%;
}
#contact-form .right {
	width: 60%;
}
.bg-darkgrey {
	background-color: #6a6a6a;
}
.no-margin-top {
	margin-top: 0;
}
#form input, #form textarea {
    font-family: hindlight;
    font-size: 16px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    border: none;
    margin-bottom: 15px;
	width:100%;
}
.form-left p,.form-right p{
	margin:0;
}
.form-right textarea {
    margin: 0px 0px 15px;
    height: 69px;
    width: 290px;
}
.wpcf7-submit{
    background-color: #f0184c;
    color: #fff;
    padding: 2px 0;
}
.maincontainer {
 margin:0 2%;
 width:96%;
}
#form p{margin:0;}

.nav-for-slide{position:relative;}
.nav-for-slide .prev, .nav-for-slide .next{

    position: absolute;
    top: 45%;
    z-index: 9;
	}

.nav-for-slide .prev{left: 10px;}
.nav-for-slide .next{right: 10px;}
.owl-dots{text-align:center;}
.owl-dot{
	 display: inline-block;
    margin: 0 5px;
	}
.owl-dot span{background:url(../images/dot.png) center center no-repeat; display:inline-block; width:15px; height:15px;}
.owl-dot.active span{background-image:url(../images/dot-active.png);}
.owl-controls{position:absolute; bottom:0; left:0; width:100%;}
.wpcf7-not-valid-tip{display:none !important;}
input.wpcf7-not-valid{background-color:#FFBFC1;}
.wpcf7-response-output{margin: 0 4% !important; color:#fff;}
#contact-form p{margin:0;}

/*--irfan 2.6.2016--*/
.news-single-content p {
    text-align: left;
}
.news-single-content strong {
    color: #000;
    font-weight: bold;
}
.news-single-content tr {
    border-bottom: 1px solid #000;
}
.news-single-content table {
    width: 100%;
}
.news-single-content  table tr td { padding:5px 0 5px}

 @media screen and (max-width:2400px) {

 .container {
 margin:0 2%;
 width:96%;
}
/* .banner-left {
 left:3%;
}*/
}
 @media screen and (max-width:2250px) {
 .content-control {
 padding:0 5%;
}
}
 @media screen and (max-width:1900px) {
 .bannerimg {
 width:100%;
}
.bannerimg.partnerbanner{
 width:100%;
}
 .banner-left {
 top:60px;
}
 .footer-row {
 padding:0 0 20px;
}
}
 @media screen and (max-width:1750px) {
 .header-right {
 width:35%;
}
 .banner-left h1 {
 font-size:80px;
 line-height:78px;
}
 .banner-left {
 top: 40px;
}
 .viewpro {
 width:46%;
}
 .footerhead h3 {
 font-size:28px;
}
}
@media screen and (max-width:1650px) {
.header-right {
 width: 38%;
}
 }
 @media screen and (max-width:1550px) {
 .header-right {
 width: 50%;
}
 .banner-left h1 {
 font-size: 65px;
 line-height: 62px;
}
 .banner-para p {
 font-size:21px;
 line-height:30px;
}
 .footerp p {
 font-size:14px;
}
 .footeranchor {
 font-size:13px;
}
 .latest-statement h2 {
 font-size:22px;
}
 .footer-row {
 padding: 0 0 15px;
}
 .viewpro {
 font-size:20px;
}
 .footerhead h3 {
 font-size:24px;
}
 .footercol {
 min-height:380px;
}
 .crme {
 font-size:36px;
}
 .latest-statement {
 margin:0 0 15px;
}
 .graph > .select-control > select {
 font-size:16px;
 margin:7px 0 0;
 width:170px;
}
}
 @media screen and (max-width:1400px) {
 .banner-left {
 max-width:400px;
}
.banner-para p {
    font-size: 19px;
    line-height: 25px;
}
 .banner-left h1 {
 font-size: 45px;
 line-height: 56px;
}
 .banner-btn {
    margin: 20px 0 0;
    padding: 12px 0;
}
.banner-left {
    top: 20px;
}
 .footerhead {
 padding:15px 0;
}
 .footerp p {
 line-height:20px;
 font-size:13px;
}
 .crme {
 font-size:30px;
}
 .footercol {
 min-height: 360px;
}
 .viewpro {
 width: 50%;
 margin:130px auto 0;
}
}
 @media screen and (max-width:1250px) {
.prev img, .next img{width:40px; height:auto;}
 .banner-left {
 max-width: 405px;
}
 .banner-para p {
 font-size: 17px;
 line-height: 26px;
}
 .banner-left h1 {
 font-size: 55px;
 line-height: 52px;
}
 .banner-btn {
 max-width:250px;
 font-size:22px;
}
 .graph {
 margin:0 10px 0 0;
}
 .graph > .select-control > select {
 width:150px;
 font-size:15px;
 margin:4px 0 0;
}
 .crme {
 font-size:30px;
}
 .latest-statement h2 {
 font-size: 20px;
}
 .footerhead {
 margin:0 0 15px;
}
 .graphimg {
 margin:35px 0 0;
}
 .viewpro {
 width:58%;
}
}
@media screen and (max-width:1150px){
.nav ul li {
    margin: 0 8px 0 0;
}
}
 @media screen and (max-width:1100px) {
 .logo {
 width:45%;
}
 .header-right {
 width: 53%;
}
 .banner-left h1 {
 font-size: 50px;
 line-height: 46px;
}
 .banner-left {
 top: 5%;
}
 .footerhead h3 {
 padding:0 0 0 3%;
}
 .content-control {
 padding: 0 3%;
}
 .footerhead h3 {
 font-size: 22px;
}
 .crme {
 font-size: 27px;
}
 .latest-statement h2 {
 padding:0;
}
 .graph > .select-control > select {
 width:135px;
 font-size:14px;
}
 .viewpro {
 padding:14px 0;
 font-size:17px;
}
 .nav ul li {
 margin:0 15px 0 0;
}
 .nav {
 margin:25px 0 0;
}
.nav ul li a{
	font-size:16px;
}
.nav ul li {
    margin: 0 11px 0 0;
}
}

 @media screen and (max-width:980px) {
 .nav ul li a {
 font-size:16px;
}
 .topul ul li a {
 font-size:16px;
}
 .banner-para p {
 font-size: 16px;
 line-height: 22px;
}
 .banner-btn {
 font-size: 18px;
 margin: 10px 0 0;
 max-width: 190px;
 padding:8px 0;
}
 .banner-para {
 margin:5px 0 0;
}
 .banner-left {
    top: 3%;
}
 .footerp p {
 font-size: 12px;
 line-height: 16px;
}
 .latest-statement h2 {
 font-size: 17px;
}
 .footerhead h3 {
 font-size:19px;
}
 .footerhead {
 padding: 10px 0;
 margin:0 0 10px;
}
 .viewall {
 font-size:14px;
 margin:5px 3% 0 0;
}
 .latest-statement {
 margin: 0 0 10px;
}
 .crme {
 font-size: 25px;
}
 .date {
 font-size:13px;
}
 .graph > .select-control > select {
 font-size: 13px;
 width: 123px;
}
 .viewpro {
 font-size: 16px;
 padding: 10px 0;
 margin:120px auto 0;
}
 .footer-row {
 padding: 0 0 10px;
}
 .footercol {
 min-height: 331px;
}
.product_class.product-content h1 a{
	font-size:24px;
}
 .nav ul li a {
 font-size:14px;
}
}
 @media screen and (max-width:850px) {
 .logo {
 width: 43%;
}
 .header-right {
 width: 55%;
}
 .nav ul li a {
 font-size:14px;
}
.nav ul li {
    margin: 0 8px 0 0;
}
 .topul {
 margin:0;
}
 .banner-left h1 {
 font-size: 42px;
 line-height: 37px;
}
 .banner-left {
 max-width: 330px;
}
 .banner-para p {
 font-size: 14px;
 line-height: 18px;
}
 .crme {
 font-size:22px;
}
 .footerhead h3 {
 font-size: 17px;
}
 .banner-btn {
 font-size:16px;
 max-width:176px;
}
 .latest-statement h2 {
 font-size: 16px;
}
}
 @media screen and (max-width:768px) {
	 .prev , .next{display:none;}
	 .bannerimg > img{opacity:0.3;}

 .bannerimg {
 float:none;
}
 .logo {
 display: block;
 float: none;
 margin: 0 auto;
 width: 85%;
}
 .header-right {
 width:100%;
 margin:10px 0 0;
}
 .topul {
 text-align:center;
}
 .nav {
 margin: 10px 0 0;
 text-align: center;
}
 .nav ul li a {
 font-size:17px;
}
 .topul ul li a {
 font-size:17px;
}
.banner-left {
    display: block;
    max-width: 100%;
    width: 90%;
    padding-top: 30px;
}
.banner-left .banner-btn{display:none;}
 .bannerimg {
 width:100%;
}
.banner-left h1 {
    color: #224999 !important;
}
.banner-para p {
    color: #4c4e4f !important;
}
 .banner-left h1 br {
 display:none;
}
 .banner-para p {
    font-size: 17px;
    line-height: 20px;
}
 .banner-btn {
 font-size: 20px;
 max-width: 185px;
}

 .banner-btn {
 margin:22px 0 0;
}
 .footercol {
 width:100%;
 padding:0 0 15px;
}
 .footerhead {
 padding:15px 0;
}
 .footerhead h3 {
 font-size: 25px;
 line-height: 25px;
}
 .viewall {
 margin:1px 3% 0 0;
}
 .footeranchor {
 font-size: 14px;
}
 .footerp p {
 font-size:16px;
 line-height:22px;
}
 .latest-statement h2 {
 font-size:22px;
}
 .footercol-content {
 margin:20px 0 0;
}
 .viewpro {
 width:40%;
 font-size:18px;
}
 .footercol:nth-child(3) {
 width:100%;
}
 .crme {
 font-size: 36px;
}
 .date {
 font-size: 14px;
}
 .footerul {
 width:100%;
 text-align:center;
 float:none;
 margin:0 0 10px;
}
 .copyright {
 float:none;
 width:100%;
 text-align:center;
}
.inner-slide .caption{position:relative;}
.inner-slide{padding-bottom:0;}
.half-pad30, #contact-form .left, #contact-form .right{width:100%;}
#contact-form .right{padding:0;}
#form{margin: 0 -2%;}
.banner-left h1 {
    font-size: 30px;
    line-height: 38px;
}
}
 @media screen and (max-width:550px) {
 .nav ul {
 display:none;
}
 .button {
 display:block;
 width:100%;
 font-size:22px;
}
 .nav ul li {
 display: block;
 border-bottom: 1px solid #000000;
 width: 100%;
}
 .banner-left h1 {
 line-height:42px;
}
 .button::after {
 font-size:30px;
 line-height:30px;
 position:relative;
 top:3px;
}
 .nav ul li a {
 font-size:18px;
}
 .nav {
 margin:0;
}
 .nav ul {
 margin:10px 0 0;
}
 .nav ul li a {
 width:100%;
 display:block;
}
 .logo {
 width:90%;
}
.banner-left h1 {
    font-size: 23px;
    line-height: 25px;
}
.banner-para p {
    font-size: 16px;
    line-height: 20px;
}
 .banner-btn {
 font-size:19px;
}
 .footerp p {
 font-size:15px;
}
 .latest-statement h2 {
 font-size:20px;
}
 .viewpro {
 width:53%;
}
 .graph > .select-control > select {
 margin:0;
}
.banner-left {
    padding-top: 25px;
}
.bannerimg {
    width: 100%;
    height: 160px;
}
.bannerimg img {
    border: 0 none;
    height: 100%;
    max-width: 100%;
}
}
 @media screen and (max-width:400px) {
 .topul ul li a {
 margin:0 4px;
 font-size:15px;
}
 .copyright p {
 font-size:12px;
}
 .crme {
 font-size: 28px;
}
 .logo {
 width: 95%;
}
 .footerp p {
 font-size: 14px;
 line-height: 20px;
}
.bannerimg img {
    border: 0 none;
    height: 100%;
    max-width: 100%;
}
.bannerimg {
    height: 150px;
    width: 100%;
}
.banner-left h1 {
    font-size: 27px;
    line-height: 25px;
}
.banner-para p {
    font-size: 15px;
    line-height: 17px;
}
.banner-left {
    padding-top: 12px;
}
}