@charset "utf-8";
/* CSS Document */
@import url("ionicons.css");
body{
	margin: 0px;
padding: 0px;
background:url(../images/bg.jpg) center fixed;

font-family: 'Rajdhani', sans-serif;}


p{
	font-size:13px;
	font-family: 'Rajdhani', sans-serif;
	line-height:18px;
	}

img{
	outline: medium none;
	padding-top:0.5em;


   }
h1, h2, h3, h4, h5 {
font-family: 'Rajdhani', sans-serif;
}
h1, h2{color:#103b7a;line-height:30px;}
ul{}
li{margin-top: 5px; margin-bottom: 5px;}
h2	{padding:5px;}
.Wraper{
	width:990px;
	height:100%;
	margin:auto;
	}

.Header{
	width:990px;
	height:100%;
	float:left;
	background: crimson;
	}

.HeaderLeft{
	width:680px;
	padding:5px;
	float:left;
	}

.HeaderLogo{
	width:640px;
	height:85px;
	float:left;
	
	}

.HeaderLogo img{
	float:left;
	padding-top:7px;
	}

.HeaderLogo h1{
	width:500px;
	font:bold 45px Colonna MT;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
color: #0E6196;
	}

.HeaderLogo h2{
	width:500px;
    font-family:TrajanPro;
	font-size:15px;
	float:left;
	margin:0px 0px 0px 10px;
    padding:0px;
	color:#FF0000;

	}

.HeaderMenu{
	width:650px;
	height:30px;
	float:left;
	padding:5px 0 0 80px;
	}

.HeaderMenu ul{
	margin:0px;
	padding:0px;
	}

.HeaderMenu li{
	display:block;
	float:left;
	list-style:none;
	}

.HeaderMenu li a{
	display:block;
	float:left;
	text-decoration:none;
	text-transform:capitalize;
	font:bold 14px arial;
	margin:0 0 0 5px;
	padding:7px 0px;
	width:110px;
	text-align:provider;
	/*background:url(../images/navBg.png) no-repeat;*/
	background:#ff0000;
	color:#fff;
	}

.HeaderMenu li a:hover{
	/*background:url(../images/navBgHover.png) no-repeat;*/
	background:#ddd;
	color:#ff0000;
	}

.HeaderRight{

float: right;
margin: 28px 0 6px 0;
background: url(../images/phoneicon.html) no-repeat;
line-height: 8.5	px;
text-align: left;


}
.call{float:right; position:absolute;right:20px; top:30px;display:none;}
.call a{padding:6px 10px;color:#fff; background:#D1B300; border-radius:5px; text-decoration:none;}
.icons{ text-align: right; }
.icons table{ float: right;}
.icons img{ width:100%;}
.con{ width:100%; float: left;}

.HeaderRight img
{
	float:Left;
	}
	.HeaderRight h1
	{
	margin:16px 0px 0px 60px;
	font-family:"Times New Roman", Times, serif;
}
.HeaderRight h4
{

 margin:05px 0px 0px 0px;

}
.HeaderRight h3
{

margin:05px 0px 0px 20px;
padding-left:43px;
}

.banner{
	
	float:left;
	-webkit-box-shadow: 0px 1px 5px rgba(49, 50, 50, 0.4);
	-moz-box-shadow:    0px 1px 5px rgba(49, 50, 50, 0.4);
	box-shadow:         0px 1px 5px rgba(49, 50, 50, 0.4);
	outline: medium none;


	}

.BodyTopContainer{
width: 100%;
height: 100%;
float: left;
background: #fff;
margin-top: 10px;
opacity: 0.9;
padding-bottom: 40px;
	}

.ClinetScroller{
	width:990px;
	height:70px;
	float:left;
	padding:25px 20px 0 0;
	margin:15px 0 0 0;
	background:url(../images/clientScrollerBg.jpg) no-repeat;
	}


.BodyTopCotainer2{
	width:990px;
	height:100%;
	float:left;
	margin-bottom: 15px;
	}

.BodyTopCotainer2 img{
	float:right;
	}

.blockAbout{
	width:145px;
	height:102px;
	float:left;
	background:url(../images/block1.jpg) no-repeat;
	padding:40px 10px 10px 120px;
	margin-top:25px;
	margin-left:65px;
	}


.blockService{
	width:145px;
	height:102px;
	float:left;
	background:url(../images/block2.jpg) no-repeat;
	padding:40px 10px 10px 120px;
	margin-left:05px;
	margin-top:25px;
	}


.blockContact{
	width:145px;
	height:102px;
	float:right;
	background:url(../images/block3.jpg) no-repeat;
	padding:40px 10px 10px 150px;
	margin-top:25px;
	margin-right:60px;

	}
	.blockContact img
	{
	padding-right:15px;
	}

.mainBody{
	height: 100%;
	float: left;
	font-size: 13px;
	font-family: 'Muli', sans-serif;
	text-align: justify;
	color: #000;
	background: none repeat scroll 0% 0% #FFF;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
.mainBody1{
	width:570px;
	height:100%;
	float:left;
	padding:10px;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333;
	}

.mainBody p{
	line-height:24px;
	padding:5px;
	}

.mainBodyLeft{
	width:500px;
	height:100%;
	float:left;
	margin-top:30px;
	}
	.abtmainBodyLeft{
	width:560px;
	height:100%;
	float:left;
	margin-top:30px;
	padding-left:10px;
	}
	.abtmainBodyLeft li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}
	.indexmainBodyLeft{
	width: 560px;
height: 397px;
float: left;
padding-left: 10px;
margin-top: 30px;
overflow-y: scroll;
overflow-x: hidden;
	}
.indexmainBodyLeft li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}
.mainBodyLeft li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}
h4
{
/*float:left;
padding-left:30px;*/
}
.mainBodyRight{
	width:250px;
	height:100%;
	float:right;
	padding-left:10px;
	margin-right:30px;
	}
	.abtmainBodyRight{
	width:350px;
	height:100%;
	float:right;
	padding-left:10px;
	margin-right:20px;
	margin-top:50px;
	}
	.abtmainBodyRight ul{
	margin:0px 0 0 10px;
	padding:0px;
	}

.abtmainBodyRight li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}
	.indexmainBodyRight{
	width:350px;
	height:100%;
	float:right;
	padding-left:10px;
	margin-right:10px;
	margin-top:40px;
	}
	.indexmainBodyRight ul{
	margin:0px 0 0 10px;
	padding:0px;
	}

.indexmainBodyRight li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}




.mainBodyRight ul{
	margin:0px 0 0 10px;
	padding:0px;
	}

.mainBodyRight li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}

/**********************************  additional script goes below **************************************/
.servicemainBody{ /***** service page css  starts here ****/
	width:972px;
	height:100%;
	float:left;
	padding:0px;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333;
	background-color:#fff;
	padding-top:25px;
	}

.servicemainBody p{
	line-height:24px;
	}
.servicemainBodyLeft{
	width:480px;
	height:490px;
	float:left;
	padding-left:50px;
	margin-top:10px;
	}

.servicemainBodyLeft li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	}

.servicemainBodyRight{
	width:400px;
	height:500px;
	float:right;
	padding-right:20px;
	margin-top:10px;
	}

.serviecmainBodyRight ul{
	margin:0px 0 0 10px;
	padding:0px;
	}

.servicemainBodyRight li{
	line-height:34px;
	list-style:url(../images/bullet.html);/********** service page css ends here **********/
	}




.contactmainBody{/*********contact page css starts here ************/
	width:990px;
	height:100%;
	float:left;
	padding:0px;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:justify;
	background-color:#fff;
	color:#333;
	}

	.mainbodyleftone
{
width:300px;
height:700px;
float:left;
border:1px solid #CCCCCC;
margin-left:20px;
}
.mainbodylefttwo
{
width:100%;
height:68px;
float:left;
border:2px solid #f3b771;
margin-left:-3px;
background-color:#FFFFFF;
}
h4
{
/*float:left;
padding-left:30px;*/
}
.mainrightbody
{
	width:230px;
	height:100%;
	float:right;
		}
	.mainrightone
{
	width:208px;
	height:140px;
	float:left;
	border:2px solid #f3b771;
	margin-top:40px;
	margin-right:10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:20px;
	background-color:#FFFFFF;
	}
	.mainrightwo
{
	width:228px;
	height:100px;
	float:left;
	border:2px solid #f3b771;
	margin-top:15px;
	margin-right:10px;
	background-color:#FFFFFF;

	font:normal 12px Arial, Helvetica, sans-serif;

	padding:10px;
	}
	.mainrightwo p
	{
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	line-height:18px;
	padding-left:10px;
	}
	.mainrighone p
	{
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	line-height:18px;
	padding-left:10px;
	}

.mainrightbody strong
{
color:#ff0000;
text-align:provider;
}

.part2
{
float:left;
width:990px;
height:60px;
padding-top:10px;
background-color:#f6f0f0;
}

.malleshwaram
{
float:left;
width:250px;
height:175p;
border:3px solid #CCCCCC;
margin-top:20px;
margin-left:20px;
}
.jpnagar
{
float:left;
width:250px;
height:175p;
border:3px solid #CCCCCC;
margin-top:20px;
margin-left:20px;
}

.marathalli
{
float:left;
width:250px;
height:175p;
border:3px solid #CCCCCC;
margin-top:20px;
margin-left:20px;
}
.add1
{
width:250px;
height:110px;
float:left;
padding-left:10px;

margin-top:Opx;
margin-left:10px;
}
.add2
{
width:250px;
height:110px;
float:left;
padding-left:10px;

margin-top:Opx;
margin-left:10px;
}
.add3
{
width:250px;
height:140px;
float:left;
padding-left:10px;

margin-top:Opx;
margin-left:10px;
}
.add4,.add5
{
	width:280px;
	height:40px;
	float:left;
	padding:10px;
}

.footer{
	
	float:left;
	height:100%;
	width:100%;
	background:#dc143c;
	}
.mainfooter
{
	width:990px;
	float:150px;
	margin:auto;
}

.footer-two{
	margin:0 auto;
	width:994px;
	height:30px;
	padding:10px 0px !important;

}

.footer-two ul{
	list-style:none;
}

.footer-two li{
	float:left;

}


.footer-two ul li a{
	text-decoration:none;
	color:#333;
	font-size:11px !important;
	border-right:1px solid #333;
	padding:0px 10px !important;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.contactfootertwo{
	width:990px;
	height:50px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	}







.f1
	{
	float:left;
	width:20px;
	height:20px;
	margin-top:50px;
	margin-left:180px;
	padding-right:30px;
	}
	.recycleimage
	{
	width:990px;
	height:100px;
	margin-top:20px;
	vertical-align:middle;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:provider;
	}
	.buy
	{
	float:left;
	width:200px;
	height:50px;
	margin-top:40px;
	}                      /********** contact css ends here *********/

.footerone{
	width:990px;
	float:left;
	height:60px;
	text-align:provider;
	padding-top:10px;
	margin-top:0px;
	}



.footertwo{
	width:990px;
	float:left;
	height:98px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	vertical-align:middle;
	margin-top:12px;
	padding-top:0px;
	}




	.footerthree
	{
	width:990px;
	height:10px;
	float:left;
	text-align:provider;
	padding:10px 0px 0px 0px;
	margin-bottom:10px;
	}
	.footer1
	{
	width:800px;
	height:50px;
	float:left;
	vertical-align:middle;
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
	margin-right:400px;
	}

.contact-us td{
	vertical-align:top;

	}
.contact-us td p{
	margin:0px;
	padding:10px;
	border:2px solid #f3b771;
	background-color:#FFFFFF;
	}
.contact-us th a{
width:460px;
	background:#f3b771;
	display:block;
	color:#333;
	text-decoration:none;
	text-align:provider;
	padding:5px 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	}

.contact-us iframe{
	border:5px solid #f3b771;
	}

.title{
	padding:20px 0px;
	font:bold 28px Arial, Helvetica, sans-serif;
	}
.title a
{
text-decoration:none;
color:#000033;
}
.footerone a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}
.footerone a:hover{
	text-decoration:underline;
}



<!----------------Additional css starts here------------------------------------>
.cnt-main
{
width:800px;
height:100%;
float:left;
border:1px solid black;
}
.cnt-one p
{
font-family:font:normal 13px Arial, Helvetica, sans-serif;
text-align:justify;
}
.cnt-one
{
width:550px;
height:480px;
float:left;
background-color:#f6f0f0;
font:normal 13px Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	line-height:18px;
	text-indent:3px;
	text-align:justify;
}
.cnt-one a
{
text-decoration:none;
color:#333;
}
.cnt-two
{
width:370px;
height:433px;
float:right;
background-color:#f6f0f0;
padding-left:40px;
padding-right:0px;
line-height:18px;
font:normal 13px Arial, Helvetica, sans-serif;
	color:#333;
	padding-top:17px;
	text-align:justify;
}
.cnt-one b
{
font-family:"Times New Roman", Times, serif;
}
.title b
{
font:bold 14px Arial, Helvetica, sans-serif;
}

.career
{
width:970px;
height:100%;
float:left;

padding-top:10px;
}
.career p
{
font-family:normal 14px Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
text-align:justify;
padding-left:20px;
padding-right:20px;

}
.cnt-two ul{
	margin:0px 0 0 10px;
	padding:0px;
	}

.cnt-two li{
	line-height:34px;
	list-style:url(../images/bullet.html);
	font-family:normal 13px Arial, Helvetica, sans-serif;
	}
.cnt-one ul{
	margin:0px 0 0 10px;
	padding-left:10px;
	}

.cnt-one li{
	line-height:25px;
	list-style:url(../images/bullet.html);
	font-family:normal 13px Arial, Helvetica, sans-serif;
	}


	.footeronen{
	width:990px;
	float:left;
	height:35px;
	text-align:provider;
	padding-top:10px;

	}
	.footeronen a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}
.footeronen a:hover{
	text-decoration:underline;
}




<!----------------------------------------------------------------------!>
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; }

.infiniteCarousel {
  width: 900px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 900px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 95px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}
.callright-box {
  left: 0;
  width: 180px;
  position: fixed;
  top: 230px;
  z-index: 10;
display:none;
}
.infiniteCarousel ul a img {

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 98px;
  width: 85px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}
/* CSS Document */



.HeaderRight table { margin-bottom: 20px!important; }

 .HeaderRight h3{font-size: 20px!important;}


#myslidemenu .menu-icon {
    display: none;
}

.block1{
	width: 29.5%;
	display:block; margin: 0 2% 0 0 ;
	min-height: 110px;
	padding: 15px 10px 10px 10px;
	float: left; background: #FAF6F3;
	box-shadow: -1px 2px 1px 3px #e3dadb;
}


.BodyCotainer{width: 101%;  padding: 20px 0; clear: both;display: block;}
.block1 h3{ text-align: right; padding: 0; margin: 0 0 10px 0;  color: #C86637; display: inline;}
.block1 > img{ float: left; margin-right: 10px; margin-bottom: 20px; padding: 0;}
.block1 p{ text-align: right; display: inline; }
.block1 a{ text-align: right;display: block; }
.last{ margin: 0; }

.row{display: block; clear: both; width: 100%; float: left;}
.blockdelhi{ width: 32%; margin-right: 1%; float: left;}
.blockdelhi img{ align:right; text-align: right;}
.blockdelhi p{ text-align: left;}
.blockdelhi a{ text-decoration: none; color: #103b7a; }
.blockdelhi h3{font-weight: 700; margin-bottom: 0;}
.blockdelhi figure {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    float: right;
    overflow: hidden;
		margin: 0;
}



/*=============menu ==================*/


.headermenu{ width: 100%; float: left;}

.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
    padding: 20px;
    text-decoration:none;
    color:#000;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 8px 0 0 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;

}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #e9e9e9;
    padding: 0;
    margin: 0;
		border-right: 1px solid #C80000;
}


.menu > ul > li a {
    text-decoration: none;
    padding: 10px 10px;
    display: block;
		color:#000;
		background: #D1B300;
}
.menu > ul > li > a {
  	padding: 10px 30px;
}
.menu > ul > li:hover {
    background: #f0f0f0;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #D1B300;
    padding: 10px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
		border-top: 1px solid #C80000;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 20%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #000;
    padding: .0em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
		line-height: 20px;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
		background: url(../images/arrow.png) no-repeat right;
		padding-left: 6px;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 5px 5px;
}

.menu > ul > li > ul > li > ul > li a:hover {
	color: #C80000;
}
.nav a:hover {
  background: #C80000;
	color: #fff;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
        padding:0
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        border-right:none;
    }
    .menu > ul > li a {
        padding: 1em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .call{display: block;}
    .menu .show-on-mobile {
        display: block;
    }
}






.nav > li {
    float: left;
    border-right: 1px solid #C80000;
}
.nav li:last-child { border-right: none; }
.nav > li > .parent, .nav > li > ul > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
		padding-right: 25px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
		padding: 0;
		width: 160px;
}

.nav li li a {
    display: block;
    background: #D1B300;
    position: relative;
    z-index:100;
    border-top: 1px solid #FD1;
		padding: 5px 10px;
}
.nav li li li a {
    background: #D1B300;
    z-index:200;
    border-top: 1px solid #FD1;
		padding: 5px 10px;
}


.rslides li{ margin: 0}

/*============ Responsive css  ============ */


/* lg */
@media (min-width: 1200px) {


}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

.Wraper{ width: 90%;  }




}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
 .Wraper{ width: 90%;  }
 .Header{ width: 100% }
 .HeaderRight{position: absolute; right: 5%;}
 .HeaderRight table { margin-bottom: 10px!important; width: 150px!important; }
 .HeaderRight table img{ width: 70%; height: auto; }

 .HeaderRight h3:last-child{font-size: 12px!important;}
 .HeaderRight h3{font-size: 16px!important;}
 #fadeshow1{ width: 100%!important;height: 100%!important; }

 .banner img{width: 100%!important; height: auto; margin: 0!important;}
 .ClinetScroller{width: 100%; overflow: hidden;   background: rgba(0, 0, 0, 0) url("../images/clientScrollerBg.jpg") no-repeat scroll -23px 0; padding: 25px 0px 0 0;}
 .BodyTopCotainer2{ width: 100%!important; }
 .indexmainBodyLeft{ width: 100%!important; }
 .indexmainBodyRight{ width: 100%!important; }
 .mainfooter{ width: 100%; }
 .footertwo{ width: 100%; }
 .infiniteCarousel{ width: 100%; }
 .infiniteCarousel .wrapper{width: 89%;}
 .footer-two{ width: 100%; }
 .servicemainBody{ width: 100%; }

.BodyCotainer{width: 98%; padding: 20px 0; clear: both;display: block;}
.block1{ width: 28.5%;  min-height: 210px; text-align: provider;}

.block1 h3{ text-align: provider; display: block;}
.block1 > img{ float: none; margin: 0px ; }
.block1 p{ text-align: provider; display: block; }
.block1 a{ text-align: right;display: block; }

}

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


  .menu{
    
    background: #D1B300;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
  }
	
    .active {
        display: block;
    }
    /*.nav { display: none;}*/
    .nav > li {
        float: none;
				border-right:none;
				border-bottom: 1px solid #C80000;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.html");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;

    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
				width: 100%;
    }
.nav li li a { padding-left: 20px;}
.nav li li li a {padding-left:40px;}
.block1{ width: 28%;  min-height: 210px; text-align: provider;}

.block1 h3{ text-align: provider; display: block;}
.block1 > img{ float: none; margin: 0px ; }
.block1 p{ text-align: provider; display: block; }
.block1 a{ text-align: right;display: block; }
.last{ margin: 0; }


}

/* xs */
@media (max-width: 767px) {
 .Wraper{ width: 95%;  }
 .Header{ width: 100% }
h1{font-size:14px;line-height:24px;}
h2{font-size:14px;line-height:22px;}
 .HeaderLogo{width: auto;}
.HeaderRight{ width: 100%;}
.HeaderRight .icons{ float: left;}
.HeaderRight > img{ display: none;}
 /*.HeaderRight{ display: none; }
 .HeaderRight{position: absolute; right: 5%;}*/
 .HeaderRight table { margin-bottom: 10px!important; width: 150px!important; }
 .HeaderRight table img{ width: 70%; height: auto; }
 .HeaderRight h3:last-child{font-size: 12px!important; margin-top: 10px; display: block;}
 .HeaderRight h3{font-size: 16px!important;float: right; display: block; padding: 0;}
 #fadeshow1{ width: 100%!important; height: 100%!important; }
  .banner{height: 100%;}
   .gallerylayer{position: static!important;}
 .banner img{width: 100%!important; height: auto; margin: 0!important;}
 .ClinetScroller{width: 100%; overflow: hidden;   background: rgba(0, 0, 0, 0) url("../images/clientScrollerBg.jpg") no-repeat scroll -23px 0; padding: 25px 0px 0 0;}
 .BodyTopCotainer2{ width: 100%!important; }
 .indexmainBodyLeft{ width: 100%!important; padding: 0; }
 .indexmainBodyRight{ width: 100%!important; padding-left: 0; margin-right: 0;}
 .mainfooter{ width: 100%; }
 .footertwo{ width: 100%; }
 .infiniteCarousel{ width: 100%; }
 .infiniteCarousel .wrapper{width: 90%; margin:0 5%;}
 .footer-two{ width: 100%; }
 .servicemainBody{ width: 100%; }

.HeaderLeft{width: 100%;}


.con{float:right; width:auto;}
 .HeaderRight h4{ margin-top:12px;}

}

/* XS Portrait */
@media (max-width: 480px) {
 .Wraper{ width: 95%;  }
 .Header{ width: 100% }
 h1{font-size:14px;line-height:24px;}
h2{font-size:14px;line-height:22px;}
.block1{width: 92%; margin:0 0 20px 0;}
.HeaderLogo{ width: 70%; height: auto;}
.HeaderLogo img{ width: 90%; height: auto;}
.block1 h3{ text-align: provider; display: block;}
.block1 > img{ float: none; margin: 0px ; }
.block1 p{ text-align: provider; display: block; }
.block1 a{ text-align: right;display: block; }
 .HeaderRight h3,.HeaderRight h4{font-size:12px !important}

}

@media (max-width: 320px) {
 .Wraper{ width: 95%;  }
 .Header{ width: 100% }
.HeaderRight table{ width: 130px!important;}
h1{font-size:14px;line-height:24px;}
h2{font-size:14px;line-height:22px;}
}