/*====================================================
custom responsive styles added
=====================================================*/
@media (max-width:1319px){
	.banner-header p{
		font-size: 15px;
		/* margin-bottom: 160px; */
	}
}
 @media (max-width:1316px){
	
	.carousel-caption h3{
		font-size: 31px;
	}
}
 @media (max-width:1284px){
	.slide_caption{
		margin-bottom: 164px;
	}
	.header-right {
		margin-right: -48px;
	}
}  
@media (max-width:1264px){
	.header-right {
		margin-right: -38px;
	}
}
@media (max-width:1244px){
	.banner-header p{
		margin-bottom: 80px;
	}
	.header-right {
		margin-right: -23px;
	}
}
@media (max-width:1214px) {
	.analytics h3 {
		font-size:28px;
		line-height:34px;
	}
	.analytics p {
		width:77%;
	}
	.remote_right {
		float: left;
		width: 70%;
	}
	.remote_content.chang-pos {
		float: left;
	}
	.footer_logo {
		padding-right:15px;
	}
	.logo-subtitle {
		right:0!important;
	}
	.about-content {
		float: none;
		padding: 0;
		width: 100%;
	}
	.about-content p {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.content-add p {
		font-size:13px;
	}
	.common-div {
		padding-left:2px;
	}
	.menu {
		display:none;
		background-color: #338ad3;
		float: none;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 70px;
		width: 100%;
		z-index:999;
		padding-right:0;
	}
	.menu ul li:last-child a {
		border-bottom:none;
	}
	.menu ul li a:after {
		display:none;
	}
	.menu ul li.active a  {
		background-color:#4896d7;
	}
	.menu ul li a i {
		display:none;
	}
	.menu ul li ul li a {
		padding:12px 0 12px 12px;
		border-color:#1f7dcb!important;
	}
	.menu ul li ul {
		position:static;
		visibility:visible;
		width:100%!important;
		background-color:transparent;
		top:0;
		opacity:1!important;
		-moz-opacity:1;
		-webkit-opacity:1;
		-ms-opacity:1;
		-o-opacity:1
		transition:none;
		-moz-transition:none;
		-webkit-transition:none;
		-ms-transition:none;
		-o-transition:none;
		display:none;
	}
	.menu ul li:hover  ul {
		display:none;
		top:0px;
		visibility:visible;
		opacity:1;
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;
	}
	.sub-menu {
		width:40px;
		height:41px;
		position:absolute;
		right:0px;
		top:0px;
		cursor:pointer;
		border-left:1px solid #1f7dcb;
	}
	.sub-menu:after {
		font-family: 'themify';
		color: #fff!important;
		content: "\e61a";
		display: block;
		float: right;
		font-size: 24px;
		margin-right: 8px;
		z-index:11;
		margin-top:14px;
	} 
	.sub-menu.active:after {
		font-family: 'themify';
		content: "\e622";
		font-weight:600;
	}
	header {
		background-color:#314a5a!important;
	}
	.logo,.login-sec {
		padding:18px 0px;
	}
	.login-sec {
		padding:0;
		right:85px;
		position:absolute;
		top:19.5px;
	}
	.login-sec a i {
		padding-right:8px;
	}
	.btn-small {
		padding:8px;
	}
	.header-right {
		padding:0;
	}
	.sticky {
		position:absolute!important;
		background-color:#314a5a!important;
		box-shadow:none!important;
		border-bottom: 1px solid #465c6b;
	}
	.sticky .menu ul li a {
		color:#fff;
	}
	.logo {
		display:block!important;
	}
	.logo-small {display:none!important;}
	.login-sec a i {
		margin-right:0px;
	}
	.icon {
		width:40px;
		height:32px;
		border:1px solid #ddd;
		border-radius:3px;
		position:absolute;
		top:22px;
		right:18px;
		z-index:999;
		cursor:pointer;
	}
	.icon_one,.icon_two,.icon_three {
		width:28px;
		height:2px;
		background-color:#fff;
		margin:6px auto;
		transition:all 0.3s ease-in-out;
	}
	.change .icon_one {
		-webkit-transform: rotate(-45deg) translate(-5px, 5px);
		transform: rotate(-45deg) translate(-5px, 5px);
		
		
	}
	.change .icon_two {
		opacity:0;
		-webkit-opacity:0;
	}
	.change .icon_three {
		transform:rotate(45deg) translate(-6px, -6px);
		-webkit-transform:rotate(45deg) translate(-6px, -6px);
	}
	.menu ul li {
		float:none;
	}
	.menu ul li a {
		margin:1px 0px;
		padding:12px 0 12px 12px;
		border-bottom:1px solid #1f7dcb;
		border-radius:0;
	}
	.menu ul li a:hover {
		box-shadow: none;
		background: rgba(255, 255, 255, 0.1);
	}
	.sticky .logo {
		padding:16px 0px;
	}
	.logo span {
		display: none;
	}
	.banner-header h3 {
		padding-top:20px;
	}
}
@media (max-width:1214px) {
	.social {
		padding-top: 0px;
	}
	.login-btn {
		position: absolute;
		margin: 25px 0 0 32px;
		padding: 4px 4px;
	}
}
@media (max-width:1163px) {
	
	.carousel-caption h3{
		font-size: 28px;
		padding: 40px 0 7px;
	}
	.banner-header p{
		font-size: 14px;
		margin-bottom: 70px;
	}
}
@media (max-width:1089px) {
	.carousel-caption h3{
		font-size: 25px;
	}
	.banner-header p{
		font-size: 13px;
	}
}
@media (max-width:1024px) {
	.banner-header {
		padding-bottom: 0px;
	}
	.banner-header p{
		margin-bottom: 56px;
	}
}
@media (max-width:945px) {
	.banner-header p{
		margin-bottom: 47px;
	}
}
@media (max-width:863px) {
	.banner-header p{
		margin-bottom: 34px;
	}
}
@media (max-width:816px) {
	.carousel-caption h3{
		font-size: 23px;
	}
	.banner-header p{
		margin-bottom: 30px;
	}
}
@media (max-width:700px) {
	.banner-header p{
		margin-bottom: 20px;
	}
}
@media (max-width:654px) {
	.carousel-caption h3{
		font-size: 21px;
	}
	.banner-header p{
		margin-bottom: 12px;
	}
}
@media (max-width:589px) {
	.carousel-caption h3{
		font-size: 19px;
	}
	.banner-header p{
		margin-bottom: 6px;
	}
}
@media (max-width:541px) {
	.carousel-caption h3{
		font-size: 17px;
	}
}
@media (max-width:539px) {
	.carousel-caption h3{
		font-size: 16px;
		padding: 40px 0 0px;
	}
	.banner-header p{
		margin-bottom: 0px;
	}
}
@media (max-width:449px) {
	.carousel-caption h3{
		font-size: 14px;
	}
	.banner-header p{
		padding-bottom: 14px;
		font-size: 11px;
	}
	.social ul li {
		margin-left: none;
	}
	.social ul li a {
		padding: 3px 0px;
	}
}

@media (max-width:430px) {
	.login-sec a i {
		padding-right: 4px;
	}
	.social ul li a {
		font-size: 9px;
	}
}

@media (max-width:430px) {
	.social ul li {
		margin-left: 4px;
	}
	.login-sec a i {
		padding-right: 4px;
	}
}
@media (max-width:400px) {
	.login-sec a i {
		font-size: 10px;
	}
}
@media (max-width:391px) {
	.carousel-caption h3 {
		font-size: 12px;
	}
}
@media (max-width:387px) {
	.social ul {
		margin-right: -19px;
	}
}

@media (max-width:378px) {
	.banner-header p {
		padding-bottom: 3px;
	}
}

@media (max-width:360px) {
	
	.banner-header p{
		padding-bottom: 0px;
		font-size: 9px;
	}
	.social ul li {
		margin-left: 2px;
	}
	.social ul li a {
		font-size: 7px;
	}
}

@media (max-width:360px) {
	.carousel-caption h3 {
		line-height: 1;
		font-size: 11px;
	}
}


/*=====================================================
	Responsive code for Recognition Slide for index page
=======================================================*/

@media (max-width:1285px) {
.recognition_cls h3 {
	font-size: 26px;
}
.recognition_cls p{
	padding-bottom: 27px;
}
}
@media (max-width:1244px) {
	.recognition_cls p{
		margin-bottom: 0px;
	}
}
@media (max-width:1225px) {
	
	.recognition_cls h3 {
		padding: 40px 0 12px;
}
	
}
@media (max-width:1200px) {
	.recognition_cls .award_caption p{
		font-size: 13px;
		padding-bottom: 7px;
	}
	.recognition_cls p{
		padding-bottom: 11px;
}
}
@media (max-width:1077px) {
	.recognition_cls h3 {
		font-size: 20px;
		padding: 40px 0 6px;
	}
	.recognition_cls .award_caption p {
		font-size: 12px;
	}
}
@media (max-width:1050px) {
	.award_img_cls {
		width: 200px;
	}
}
@media (max-width:1050px) {
	.award_img_cls {
		width: 158px;
	}
}

@media (max-width:918px) {
	.recognition_cls h3{
		font-size: 18px;
	}
	.recognition_cls p {
		padding-bottom: 2px;
	}
}

@media (max-width:890px) {
	.award_img_cls {
		width: 144px;
	}
	.recognition_cls h3{
		font-size: 17px;
		padding: 40px 0 2px;
	}
}
@media (max-width:848px) {
	.recognition_cls h3 {
		font-size: 16px;
	}
	.recognition_cls p {
		padding-bottom: 2px;
		font-size: 12px;
	}
	.recognition_cls .award_caption p {
		font-size: 10px;
	}
}
@media (max-width:843px) {
	.recognition_cls h3 {
    font-size: 14px;
	}
	.recognition_cls .award_caption p {
    font-size: 9px;
	}
}

@media (max-width:799px) {
	.award_img_cls {
		width: 128px;
	}
	.recognition_cls .award_caption p {
		font-size: 10px;
		line-height: 1;
	}
	.recognition_cls p {
		font-size: 11px;
	}
}
/*======================================================
Responsive styles for index stickers
======================================================*/
@media (max-width: 1154px){
	.default-banner-btn1 > p {
		font-size: 16px;
	}
	
}
@media (max-width: 1070px){
	.default-banner-btn1 > p {
		font-size: 14px;
	}
	
}
@media (max-width: 962px){
	.default-banner-btn1 > p {
		font-size: 13px;
	}
	
}
@media (max-width: 917px){
	.default-banner-btn1 > p {
		font-size: 11px;
	}
	
}
@media (max-width: 824px){
	.default-banner-btn1 > p {
		font-size: 10px;
	}
	
}
@media (max-width: 760px){
	.default-banner-btn1 > p {
		font-size: 18px;
	}
	.cust_align_sticker {
		padding-top: 7px;
	}
	
}
@media (max-width: 640px){
	.default-banner-btn1 > p {
		font-size: 8px;
	}
	
}