/*
 * Table of Contents:
 * 	   - Media Queries
 *   0 - media screen and (max-width: 1170px)
 *   1 - media screen and (max-width: 1152px) 
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, a, p, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: 'Pathway Gothic One', sans-serif;
	font-family: 'Didact Gothic', sans-serif;
	font-family: 'Carrois Gothic', sans-serif;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
	padding: 0px; text-align:justify;
}
h1 {
	
	font-size: 30px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 500;
	line-height: 36px;
	text-transform: uppercase;
}
h2 {
	
	font-size: 30px;
	line-height: 36px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
h3 {
	
	font-size: 22px;
	line-height: 30px;
	color: #f68022;
	font-weight: 500;
	margin-bottom: 10px;
}
h4 {
	
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	line-height: 24px;
}
h5 {
	
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
	line-height: 22px;
	font-weight: 500;
}
h6 {
	
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	font-weight: 500;
}
a {
	outline: 0;
	color: #016db9;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.btn {
	outline: 0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
p {
	margin-bottom: 10px;
}
a:focus, a:hover {
	color: #000;
	text-decoration: none;
}
.container {padding: 0;	width:100%;max-width:1170px;margin: 0 auto;}
/* Top-Header
---------------------------------------------------------------------- */
.ccr_mainsection{ margin:0px; padding:0px; display:inline-block; width:100%; float:left;}

.banner_main{ margin:0px; padding:0px; display:inline-block; width:100%; float:left;max-height:580px; overflow:hidden; }
.banner_main .container {padding: 0; position:absolute;width:100%;max-width:1170px; top:5%; left:0; bottom:0; right:0; margin:auto;}
.banner_main .container .logo{ display:inline-block;}
.banner_main .container .logo img{ width:100%;}
.banner_main img{ width:100%;}
.welcome_section_main{margin:0px; padding:30px 0px; display:inline-block; width:100%; float:left;}
.growth_main{margin:0px; padding:0px 0px; text-align:center; display:inline-block; width:100%; float:left;}
.growth_main h1{ color:#333; font-size:56px;font-family: 'Pathway Gothic One', sans-serif; text-align:center; text-transform:capitalize; line-height:56px;}
.growth_main h2{ color:#b3b3b3; font-size:50px;font-family: 'Pathway Gothic One', sans-serif; text-align:center; text-transform:capitalize; margin:10px 0px; line-height:50px;}
.growth_main p{ text-align:center; color:#4d4d4d; font-size:14px; font-weight:400; line-height:25px;}
.market_listsection{ margin:0px; padding:0px; display:inline-block; width:100%; float:left;}
.groth_list{margin:0px 0 15px; padding:0 8px; display:inline-block; width:100%; float:left; text-align:center;}
.groth_list img{ margin-bottom:20px;}
.groth_list .title{ color:#f57e1f; font-size:25px; font-weight:bold; margin-bottom:10px;}
.groth_list p{ text-align:center; color:#4d4d4d; font-size:14px; font-weight:400;}

.pricing_main{margin:0px; padding:30px 0px; display:inline-block; width:100%; float:left;}
.pricing_main h2{color:#333; font-size:50px;font-family: 'Pathway Gothic One', sans-serif; text-align:center; text-transform:capitalize; margin:10px 0px 30px;}
.pricing_main ul{ margin-left:-8px;margin-right:-8px;padding:0px; list-style:outside none;display: flex;flex-wrap: wrap;}
.pricing_main li{ display:inline-block; width:14.222%; float:left; padding:8px;}
.pricing_main li .pricelist{ display:inline-block; width:100%; float:left; padding:8px; background:#f2f2f2;}
.pricing_main li .pricelist .title{ color:#36a0e0; font-size:18px; font-weight:bold; text-align:center; margin:5px 0px;}
.pricing_main li .pricelist p{ text-align:center; margin:0px;}
.pricing_main li .pricelist .price{ color:#333; font-size:30px; text-align:center; font-weight:bold; margin:12px 0px;}
.pricing_main li .pricelist .price span{font-size:20px; font-weight:normal;}
.request_from{ background:#36a0e0; margin:0px; padding:30px 0px; display:inline-block; width:100%; float:left;}
.request_from h3{ font-size:56px; color:#fff; font-weight:bold; text-align:center; line-height:56px;}
#homepageContentTable{ display:none;}
form{ display:none;}


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

.container {padding: 0 15px;}
.banner_main .container{ padding:0 15px;}
}

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

.menu_main li a {padding: 0px 8px;}
}

@media screen and (max-width:980px) {
.pricing_main li{ display:inline-block; width:25%;}	
}

@media screen and (max-width:728px) {
.pricing_main li{ display:inline-block; width:33.333%;}	
}

@media screen and (max-width:550px) {
.pricing_main li{ display:inline-block; width:50%;}	
}

@media screen and (max-width:550px) {
	.banner_main .container .logo{ width:50%;}
}

@media screen and (max-width:550px) {
	.pricing_main li{ display:inline-block; width:100%;}	
}