@media screen and (max-width: 1199px) {
.wrapper {
	width: 100%;
	margin: 0 auto;
}
}

/*****************Menu *****************/
@media screen and (min-width: 200px) and (max-width:765px) {
.slicknav_menu {
	display: block;
}
.MenuBg {
	display: none;
}
.Menu ul {
	margin-left: 0px;
}
.Menu {
	display: block;
	left: 25%;
	position: absolute;
	text-align: center;
	width: 50%;
	z-index: 100;
}
.Menu li ul li:hover ul li a:hover {
	background: none;
}
.MenuBg h1 a {
	padding-top: 5px;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	display: inline-block;
}
.MenuBg h1 a:hover {
	color: #000;
}
.Menu li:hover ul {
	display: none;
}
.Menu ul li {
	border-bottom: 1px dashed #cca402;
	display: inline-block;
}
.Menu ul li a {
	background: none;
	padding: 5px 8px;
	display: block;
}
.Menu ul li a:hover {
	display: block;
	padding: 5px 8px;
}
.MenuBg ul li ul {
	background: #ad0407;
}
.MenuBg ul li ul li {
	border-bottom: 1px dashed #e4e3e3;
	padding: 0px;
}
.Menu ul li ul {
	padding: 0px;
}
.Menu ul li ul li a {
	padding: 5px 8px;
}
.Menu ul li ul li a:hover {
	padding: 5px 8px;
	background: #000000;
}
.accordion {
	width: 100%;
	margin: auto;
	background: #ffcc00;
	overflow: hidden;
}
.accordion .link {
	cursor: pointer;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion .link:hover {
	color: #000;
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	background: url(images/Arrow.jpg) no-repeat;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.Arrow-down {
	right: 12px;
	left: auto;
	font-size: 16px;
	background: url(../images/Arrow-down.jpg) no-repeat;
}
.accordion li.open .link {
	color: #000;
}
.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
}
 @media screen and (max-width: 499px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
}
 @media screen and (min-width: 500px) and (max-width: 765px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
.slicknav_nav, .slicknav_nav ul {
	width: 300px;
	margin: auto;
}
}
 @media screen and (min-width: 200px) and (max-width: 765px) {
.slicknav_menu {
	display: block;
}
}
 @media screen and (min-width: 200px) and (max-width: 1190px) {
.Menu ul li a {
	padding: 11px;
	font-size: 15px;
}
.Menu {
	width: 87%;
	margin: auto;
	text-align: center;
}
}
 @media screen and (min-width: 1025px) and (max-width: 1190px) {
.Menu ul li {
	float: none;
	display: inline-block;
}
}
/***************** Menu  *****************/

/***************** Header index*****************/
@media screen and (max-width: 765px) {
.Header {
	width: 100%;
	margin: auto;
}
.Logo, .ContactDetails {
	float: none;
	width: 100%;
	margin: 20px auto;
	text-align: center;
	display: block;
}
.Container2Bg {
	min-height: inherit;
}
.ContactDetails ul li {
	display: inline-block;
	text-align: center;
	margin: auto;
	float: none;
}
.ReadMore {
	margin: 20px auto;
}
.Container1Left {
	display: block;
	margin: auto;
	width: 85%;
}
.FooterBg {
	display: block;
	width: 100%;
	z-index: 99;
}
.Container1Right {
	display: none;
}
.Container1Rightmobile {
	display: block;
	width: 100%;
	background: #ffffff;
	padding: 10px 0;
}
.Container1Rightmobile ul li {
	display: block;
	width: 90%;
	margin: 10px auto;
}
.Container1Rightmobile ul li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	text-transform: capitalize;
	color: #F60;
	font-size: 25px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient( top, #e2e2e1, #CCCCCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #e2e2e1, #CCCCCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #e2e2e1, #CCCCCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(bottom, #e2e2e1, #CCCCCC); /* Standard syntax */
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}
.Container1Rightmobile ul li a:hover {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	color: #FF6600;
	box-shadow: 2px 2px 10px #000000;
}
}
 @media screen and (min-width: 766px) and (max-width: 1055px) {
.ContactDetails {
	width: 40%;
}
.Container1Left {
	padding: 10px;
}
.Container1Right {
	display: none;
}
.Container1Rightmobile {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	background:rgba(255, 255, 255, 0.6);
	padding: 10px 0;
	min-height: 560px;
}
.Container1Rightmobile ul li {
	display: block;
	width: 90%;
	margin: 10px auto;
}
.Container1Rightmobile ul li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	text-transform: capitalize;
	color: #F60;
	font-size: 25px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient( top, #e2e2e1, #CCCCCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #e2e2e1, #CCCCCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #e2e2e1, #CCCCCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(bottom, #e2e2e1, #CCCCCC); /* Standard syntax */
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}
.Container1Rightmobile ul li a:hover {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	color: #FF6600;
	box-shadow: 2px 2px 10px #000000;
}
}
 @media screen and (min-width: 1056px) and (max-width: 1196px) {
.Container1Left {
	padding: 10px;
}
}


/***************** Header  *****************/
/***************** about  *****************/
@media screen and (max-width: 499px) {
.innerpage {
	width: 90%;
	padding-bottom: 40px;
}
.aboutheading h1, .ourclients-heading h1, .services-heading h1, .contactheading h1, .news-heading h1 {
	line-height: 35px;
	font-size: 30px;
	padding: 73px 0 0;
}
.aboutusleft, .aboutusleft1, .aboutusleft2, .aboutusleft3, .aboutusleft4 {
	width: 90%;
	display: block;
}

}
 @media screen and (min-width: 500px) and (max-width: 765px) {
	 .innerpage {
	width: 98%;
	 }

.aboutusleft, .aboutusleft1, .aboutusleft2, .aboutusleft3, .aboutusleft4 {
	width: 45%;
}
}
 @media screen and (min-width: 766px) and (max-width: 1024px) {
	  .innerpage {
	width: 98%;
	 }
.aboutusleft, .aboutusleft1, .aboutusleft2, .aboutusleft3, .aboutusleft4 {
	width: 45%;
}
}
/***************** about  *****************/
/***************** client & services  *****************/
@media screen and (max-width: 765px) {

.clientleft, .clientright {
	width: 90%;
	display: block;
}
.services img {
	width: 100%;
	margin: auto;
}
}


@media screen and (min-width: 766px) and (max-width: 1024px) {

	.clientleft, .clientright {
	width:45%;
	}
}

/***************** client & services  *****************/