html {
    font-size: 62.5%;
    
     -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*{
	font-family: 'Open Sans',sans-serif;
}

@media only screen and (min-width: 0){
h1 {
font-size: 4.5rem;

}

h2 {
font-size: 2.6rem;

} 

h3 {
	font-size: 2.0rem;
	
}

h4 {
		font-size: 1.9rem;
	}

h5 {
	font-size: 1.8rem;
	font-weight: 600;
	
}
}


/* for ipad,ipad-pro, desktops and large-desktops view */

@media only screen and (min-width: 992px) {
	h1 {
		font-size: 5.4rem;
		
	}
	
	h2 {
		font-size: 3.5rem;
		
	}
	
	h3 {
		font-size: 3.0rem;
		
	}
	
	h4 {
		font-size: 2.5rem;
	}
}

@media only screen and (min-width: 1500px) {
	h1 {
		font-size: 6.2rem;
		
	}
	
	h2 {
		font-size: 4.2rem;
		
	}

}

/* *******************************************************For Paragraphs********************************************************** */
           /* p1 ,p2 ,p3 are the custom classes of paragraph in the order of their sizes  */
          
@media only screen and (max-width: 600px){
	.p1 {
		    font-size: 1.7rem;    /* for normal-body text-paragraph */
	}
}

@media only screen and (min-width: 600px){
	.p1 {
			font-size: 2.4rem;    /* for banners text-paragraph */
	}
}

@media only screen and (min-width: 0){
	.p2 {
		    font-size: 1.4rem;    /* for normal-body text-paragraph */
	}
}

@media only screen and (min-width: 992px) {
	.p2 {
		    font-size: 1.8rem;    /* for normal-body text-paragraph */
	}
}

@media only screen and (min-width: 0){
	.p3 {
		    font-size: 1.2rem;    /* for inside card text-paragraph */
	}
}
@media only screen and (min-width: 992px) {
	.p3 {
		    font-size: 1.6rem;     /* for inside card text-paragraph */
		    /* line-height: 2; */
	}
}


.centerAlign {
	text-align: center;
}	

.justifyAlign {
	text-align: justify;
}

md-card {
	 margin: 14px;
	    border-radius:4px;
}

.container {
	    margin: 0 auto;
	    width: 90%;
	}
	
.lineHeight {
		line-height: 1.5;
	}

.morelineHeight {
		line-height: 1.8;
	}

.headingBlue {
	color : #006684;
}

.headingOrange{
	color : #fd940b;
}

.headingWhite{
	color : white;
}

.topBottomMargin {
	margin-top: 5%;
	margin-bottom: 5%;
}

.fontWeight {
	font-weight: 600;
}

.fullHeight {
	height: 100%;
}
.img-responsive { 
	width: 100%;
	height: 100%;
}
.top-position {
	position: relative;
	top: 100px;
}
	/* ####################################Request a demo chip Starts###############################################  */
.chip {
	max-width: 50px;
	-webkit-transition: max-width 1s;
	transition: max-width 1s;
	vertical-align: top;
	overflow: hidden;
	display: flex;
	border: 2px solid #fd940b;
	/* padding-right: 33px; */
	font-size: 1.8rem;
	height: 50px;
	line-height: 50px;
	border-radius: 32px;
	background-color: #f1f1f1;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 4;
}

.chip:hover {
	max-width: 28rem;
	border: 2px solid #fd940b;
	padding-right: 14px;
	font-size: 1.8rem;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	background-color: #f1f1f1;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 4;
}

.chip:hover .chipText a {
	padding-left: 18px;
	color: #006684;
	text-decoration: none;
	display: block;
}

.iconDiv {
	height: 50px;
	width: 50px;
	border-radius: 35px;
	/* border: 2px solid #fd940b; */
	background-color: #006684;
}

.iconDiv a {
	color: white;
}

.chipText a {
	display: none;
}

.phoneIcon {
	padding-left: 10px;
	padding-top: 11px;
}

.chip img {
	float: left;
	margin: 0 10px 0 -25px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

/* ####################################Request a demo chip Starts###############################################  */