/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/*--changer-ends-Here--*/
/*--gallery--*/
h6 {
    font-size: 14px !important;
    line-height: 27px !important;
}

h2 {
    font-size: 54px !important;
    line-height: 64px !important;
}
.gallery-top{
	text-align:center;
}
.gallery-top h3{
	font-size: 2.5em;
	color: #B08A5B;
	margin: 0;
	padding: 0em 0 0.3em 0;
	font-family: 'Quicksand-Regular';
}
.gallery-top p{
	color: #999;
  font-size: 0.9em;
  width: 70%;
  margin: 0 auto;
  line-height: 1.8em;
}
.gallery {
  padding: 1em 0;
}
/******** SAP ************/
.sap_tabs{
	clear:both;
	padding: 0em 0 2em;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
  list-style: none;
  padding: 2em 9px 1em;
  margin: 0 auto;
}
.resp-tab-item{
	color:#F36909;
	font-size: 0.9em;
	cursor: pointer;
	padding: 6px 25px ;
	display: inline-block;
	margin: 0;
	text-align: center;
	list-style: none;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-transform: uppercase;
	border: 2px solid #F36909;
	margin: 0 0.5em 0;
}
.resp-tab-active{
	background: #F36909;
text-shadow: none;
color: #fff;
border: 2px solid #F36909;
}
.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
	
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}

.tab_img{
	padding:1em 0em;
}
.img-top {	
	  position: relative;
}
.link-top{
	position: absolute;
 top: 0%;
  text-align: center;
  width: 90%;
  background: rgba(0, 0, 0, 0.49);
  height: 100%;
  padding: 5em 0 0;
  display: none;
}
i.link {
  background: url(../images/eye.png)no-repeat 0px 0px;
  width: 35px;
  height: 27px;
  display: inline-block;
}
.img-top:hover .link-top{
	display: block;
}
/*--//gallery--*/
/*--features start here--*/
.features {
  padding: 1em 0em 3em 0em;
}
.fea-top h3 {
  font-size: 2.5em;
  color: #B08A5B;
  margin: 0;
  padding: 0em 0 0.3em 0;
 font-family: 'Quicksand-Regular';
}
.fea-top p {
  color: #999;
  font-size: 0.9em;
  width: 70%;
  margin: 0 auto;
  line-height: 1.6em;
}
.fea-top {
  padding: 0em 0em 4em 0em;
  text-align: center;
}
.feature-bott1 {
  padding: 0em 0em 2.5em 0em;
}
.fea-text h4 {
  font-size: 1.4em;
  font-weight: 500;
   margin: 0em 0em 0.8em 0em;
  font-family: 'Quicksand-Regular';
}
.fea-text h4 a{
  color: #B08A5B;
}
.fea-text h4 a:hover{
  color:#000;	
  text-decoration:none;
}
.fea-text p {
 color: #999;
  font-size: 0.9em;
  line-height: 1.8em;
}
.client {
  padding: 2em 0em 3em 0em;
  text-align: center;
}
/*--features end here--*/
/*--clients start here--*/

}
@media(max-width:1024px){
.changer-right, .changer-right-snd, .changer-right-trd, .changer-right-fvr {
  left: 32em;
}
.changer-left, .changer-left-snd, .changer-left-trd, .changer-left-fvr {
  left: 12.5em;
}
.changer-left:before, .changer-left-snd:before, .changer-left-trd:before, .changer-left-fvr:before {
  right: -2.7em;
}
.fea-text h4 {
  font-size: 1.25em;
}
.fea-text p {
  font-size: 0.9em;
  line-height: 1.7em;
}
.fea-img {
  padding: 0px;
}
.link-top {
  width: 88%;
}
.link-top {
  padding: 3.5em 0 0;
}
.app-info {
  padding: 2.5em 0em;
}
.services {
  padding: 0em 0em 2em 0em;
}
.changer {
  min-height: 800px;
}
.sap_tabs {
  padding: 0em 0 0em;
}
.features {
  padding: 1em 0em 1em 0em;
}
.client {
  padding: 2em 0em 1em 0em;
}
}
@media(max-width:768px){

.gallery-top h3 {
  font-size: 2.2em;
}
.gallery-top p {
  font-size: 0.93em;
  width: 100%;
}
.resp-tab-item {
  font-size: 0.75em;
  padding: 5px 16px;
}
.img-top {
  float: left;
  width: 25%;
  padding: 0px 10px 0px 0px;
}
.link-top {
  width: 95%;
}
.link-top {
  padding: 2.5em 0 0;
}
.fea-top h3 {
  font-size: 2.2em;
}
.fea-top p {
  font-size: 0.91em;
  width: 100%;
}
.fea-grid {
  float: left;
  width: 50%;
}
.fea-text {
  padding: 0.5em 0em 0em 0em;
}
.feature-grid {
  float: left;
  width: 50%;
}

}
@media(max-width:736px){
.changer-left, .changer-left-snd, .changer-left-trd, .changer-left-fvr {
  left: 5.2em;
}
}
@media(max-width:667px){
.app-row1 h3 {
  font-size: 1.1em;	
}
.changer-left, .changer-left-snd, .changer-left-trd, .changer-left-fvr {
  left: 4.2em;
}
}
@media(max-width:640px){
.app-row1 h3 {
  font-size: 1em;
}
.banner-bottom {
  padding: 7em 0em 0em 0em;
}
.banner-bottom h3 {
  font-size: 1.55em;
}
.banner {
  min-height: 500px;
}
span.glyphicon.glyphicon-cloud-upload {
  font-size: 2em;
}
.app-in-grd span.glyphicon.glyphicon-phone {
  font-size: 2em;
}
span.glyphicon.glyphicon-apple {
  font-size: 2em;
}
.services-top p {
  font-size: 0.95em;
  width: 100%;
}
.serv-grids h4 {
  font-size: 0.92em;
}
.changer-left:before, .changer-left-snd:before, .changer-left-trd:before, .changer-left-fvr:before {
  right: -2.4em;
}
.changer-right, .changer-right-snd, .changer-right-trd, .changer-right-fvr {
  left: 21em;
  width: 35%;
}
.changer {
  min-height: 750px;
}
.link-top {
  width: 94%;
  padding: 2.05em 0 0;
}
.contact-main input[type="submit"] {
  width: 22%;
}
.top-nav ul.res {
  margin: 0.8em 0em 0em 0em;
}
.logo {
  float: left;
  width: 35%;
}
.header-right {
  float: right;
  width: 64%;
}
.tab_img {
  padding: 0.3em 0em;
}
}
@media(max-width:600px){
.changer-left, .changer-left-snd, .changer-left-trd, .changer-left-fvr {
  left: 5em;
}
}
@media(max-width:568px){
.changer-left:before, .changer-left-snd:before, .changer-left-trd:before, .changer-left-fvr:before {
  right: -2.05em;
}
.app-row1 h3 {
  font-size: 0.9em;
}	
}
@media(max-width:480px){

.gallery-top h3 {
  font-size: 2em;
}
.resp-tab-item {
  margin: 0 0.3em 0;
}
.img-top {
  float: left;
  width: 50%;
  padding: 0px 7px 10px 0px;
}
.tab_img {
  padding: 0em 0em;
}
.link-top {
  width: 97%;
  height: 94%;
}
.link-top {
  padding: 4em 0 0;
}
.fea-top h3 {
  font-size: 2em;
}
.fea-top p {
  font-size: 0.85em;
}
.fea-grid {
  float: none;
  width: 100%;
  margin: 0em 0em 1em 0em;
  text-align: center;
}
.fea-img img {
  width: 75%;
  margin: 0 auto;
}
.feature-bott1 {
  padding: 0em 0em 0.5em 0em;
}
.feature-grid {
  float: none;
  width: 100%;
  text-align: center;
  margin: 0em 0em 1em 0em;
}

}

/*--media quries end here--*/