/*
 * ------------------------------------------------------------------------
 * JA Elastica Template for J25 & J3x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry,
.grid-double,
.grid-tripple,
#ja-header .main,
#ja-content,
.item {
  float: none !important;
  width: 100% !important;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 90% !important;
}

.top_left {
	width: 100%;
}

.top_right {
	width: 100%;
}

.custom_logo_top ul li {
	padding-left: 8px;
}

h1.logo a img {
	width: 100%;
	margin: 0em 0.3em 0 0;
	float: right;
	padding: 0.2em 0em;
}

#bd h1.logo {
	width: 55% !important;
	float: right;
}

#bd h1.logo a {
	margin: 0;
}

.ja-megamenu ul.level0 li.mega span.menu-title, .ja-megamenu ul.level0 li.haschild span.menu-title {
	text-align: center;
	color: #fff
}

#bd #ja-mainnav {
	width: 100%;
	clear: none;
	margin-top: 0.6em;
	padding-bottom: 2%;
	position: absolute;
	top: 54%;
}

#top_header {
	position: relative;
}

.banner_content h1 {
	font-size: 16px !important;
	line-height: 1.5;
}

.banner_content h2 {
	font-size: 14px !important;
	line-height: 1.5;
}

.banner_content h4 {
	font-size: 12px !important;
	margin-top: 0.4em;
	width: 80%;
}

.banner_content p {
	top: 56%;
	left: 14%;
}

.banner_content p a, .banner_content p a:hover {
	font-size: 9px;
	padding: 1.5em 0.6em;
}

.tata_cons {
	width: 100%;
	margin: 2em 0;
}

.tata_cons h1 {
	font-size: 16px !important;
}

.asdsad {
	top: 47%;
}

.ab_left article {
	font-size: 11px;
}

.circle canvas {
	width: 100px;
	height: 100px;
}

.circle div {
	top: 14px;
	margin: 0 1em;
}

#services {
	padding-bottom: 0;
}

.progressbar {
	width: 23%;
}

.progressbar:nth-child(3) {
	width: 100%;
	margin: 0;
}

.progressbar:nth-child(3) .circle div {
	margin: 0 -3px;
}

.circle p {
	margin-left: 1.7em;
}

.progressbar:nth-child(3) .circle p {
	margin-left: 0;
}

.latest_blog1 h1 {
	font-size: 32px !important;
}

.bg_img {
	width: 85%;
}

.moduletable_tes {
	width: 80%;
}

.tesimonials h1 {
	font-size: 30px !important;
}

.ref {
	height: auto;
}

.ref article {
	font-size: 10px;
}

.test_dwe h4 {
	font-size: 12px !important;
}

.monsoon_footer4 {
	width: 100%;
}

.monsoon_footer4 h4, .monsoon_footer2 h4, .monsoon_footer3 h4 {
	font-size: 20px !important;
	text-align: center;
}

.monsoon_footer4 p {
	text-align: center;
	width: 100%;
}

.monsoon_footer2 {
	width: 100%;
	margin-left: 0;
	margin-top: 1em;
}

.monsoon_footer2 p {
	text-align: center;
}

.top_right li:first-child {
	padding: 0 0.7em;
	margin-top: 0.6em;
}

.monsoon_footer2:nth-child(3) {
  width: 100%;
  margin-top: 1em;
}

.monsoon_footer2:nth-child(3) ul li {
  text-align: center;
}

.monsoon_footer2:nth-child(4) {
  margin-top: 1em;
  width: 53%;
  margin-left: 3.6em;
}

.copy_r p {
  font-size: 10px;
  margin-left: 0;
}

.copy_r ul {
  margin-right: 0;
  float: left;
}

.copy_r ul li {
  font-size: 10px;
  padding-left: 4em;
}

.innerpage_section2 ul li {
	font-size: 14px;
	width: 85%;
	text-align: left;
}

.service_left h4 {
	font-size: 14px !important;
}

.service_right h4 {
	font-size: 14px !important;
}

.service_left ul li {
	font-size: 13px;
	width: 75%;
}

.service_right ul li {
	font-size: 13px;
	width: 80%;
}

.left_v h4 {
	font-size: 18px !important;
}

.left_v article {
	line-height: unset;
	text-align: inherit;
}

.left_v {
	width: 100%;
}

.left_r {
	width: 100%;
}

.left_r h4 {
	font-size: 18px !important;
}

.left_r article {
	line-height: unset;
	text-align: inherit;
}

.contact_left2 {
	width: 100%;
}

.contact_right2 {
	width: 100%;
}

.gmap {
	padding-bottom: 1.5em;
}

.top_right li:first-child a {
	font-size: 14px;
}

.innerpage_section2 p {
	font-size: 13px;
	line-height: unset;
}

.service_left {
	margin-left: 0.2em;
	width: 100%;
}

.service_right {
	width: 100%;
}