.customers_iconHeader_formbg .navbar-default, a {
-webkit-transition:all .35s;
-moz-transition:all .35s
}
header, header .header-content {
	position:relative;
	width:100%;
	text-align:center
}
body, html {
	height:100%;
	width:100%
}
body {
	/*font-family:'Raleway', sans-serif;*/
	font-family:'Raleway', sans-serif;
	webkit-tap-highlight-color:#222;
}

p {font-family:'Raleway', sans-serif;}
.btn, .navbar-default, .navbar-default .navbar-header .navbar-brand, h1, h2, h3, h4, h5, h6, p {
	font-family:'Raleway', sans-serif;
}
hr {
	border-color:#F05F40;
	border-width:3px;
	max-width:50px
}
hr.light {
	border-color:#fff
}
a {
transition:all .35s;
	color:#F05F40
}
a:focus, a:hover {
	color:#eb3812
}
p {
	font-size:15px;
	line-height:1.5;
	margin-bottom:20px
}
.bg-primary {
	background-color:#F05F40
}
.bg-dark {
	background-color:#222;
	color:#fff
}
.text-faded {
	color:rgba(255, 255, 255, .7)
}
section {
	padding:60px 0
}
aside {
	padding:50px 0
}
.no-padding {
	padding:0
}
.navbar-default {
	background-color:#fff;
	border-color:rgba(34, 34, 34, .05);
transition:all .35s
}
.btn-default, .portfolio-box .portfolio-box-caption {
-webkit-transition:all .35s;
-moz-transition:all .35s
}
.navbar-default .navbar-header .navbar-brand {
	color:#F05F40;
	font-weight:700;
	text-transform:uppercase
}
.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
	color:#eb3812
}
.navbar-default .navbar-header .navbar-toggle {
	font-weight:700;
	font-size:12px;
	color:#222;
	text-transform:uppercase
}
.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	color:#222
}
.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
	color:#F05F40
}
.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus {
	color:#F05F40!important;
	background-color:transparent
}
.navbar-default .nav>li.active>a:focus:hover, .navbar-default .nav>li.active>a:hover {
	background-color:transparent
}
@media (min-width:768px) {
.navbar-default {
background-color:transparent;
border-color:rgba(255, 255, 255, .3)
}
.navbar-default .navbar-header .navbar-brand {
color:rgba(255, 255, 255, .7)
}
.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
color:#fff
}
.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
color:rgba(255, 255, 255, .7)
}
.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
color:#fff
}
.navbar-default.affix {
background-color:#fff;
border-color:rgba(34, 34, 34, .05)
}
.navbar-default.affix .navbar-header .navbar-brand {
color:#F05F40;
font-size:14px
}
.navbar-default.affix .navbar-header .navbar-brand:focus, .navbar-default.affix .navbar-header .navbar-brand:hover {
color:#eb3812
}
.navbar-default.affix .nav>li>a, .navbar-default.affix .nav>li>a:focus {
color:#222
}
.navbar-default.affix .nav>li>a:focus:hover, .navbar-default.affix .nav>li>a:hover {
color:#F05F40
}
}
header {
	min-height:auto;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	/*background-position:auto;*/
	/*background-image:url('/ppc/images/odoo_vs_netsuite.jpg');*/
	background-image:url('/ppc/images/look_beyond_sage_bg.jpg');
	
	/*background-position-y: -35px;
	background-position-x:140px;*/
	color:#222;
	padding-top: 65px;
	width: 100%;
    background-repeat: no-repeat;
    background-position: center;
	background-color: #fff;
	min-height: 658px;
	
}

header .header-content {
	padding:100px 15px
}
header .header-content .header-content-inner h1 {
	font-weight:700;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:0;
	font-size:30px
}
header .header-content .header-content-inner hr {
	margin:30px auto
}
header .header-content .header-content-inner p {
	font-weight:300;
	color:rgba(255, 255, 255, .7);
	font-size:16px;
	margin-bottom:50px
}
@media (min-width:768px) {
header {
/*min-height:100%;*/
/*min-height:640px;*/

}
header .header-content {
position:absolute;
top:40%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
padding:0 50px
}
header .header-content .header-content-inner {
max-width:1000px;
margin-left:auto;
margin-right:auto
}
header .header-content .header-content-inner h1 {
font-size:50px
}
header .header-content .header-content-inner p {
font-size:18px;
max-width:80%;
margin-left:auto;
margin-right:auto
}
}
.section-heading {
	margin-top:0;
	font-weight: 700;
	font-size: 26px;
	color: #fff;
}
.service-box {
	max-width:400px;
	margin:50px auto 0
}
@media (min-width:992px) {
.service-box {
margin:20px auto 0
}
}
.service-box p {
	margin-bottom:0
}
.portfolio-box {
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto
}
.portfolio-box .portfolio-box-caption {
	color:#fff;
	opacity:0;
	display:block;
	background:rgba(240, 95, 64, .9);
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	height:100%;
transition:all .35s
}
.btn-default.active, .btn-default:active, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-primary {
	background-image:none
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family:'Raleway', sans-serif;
	padding:0 15px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform:uppercase;
	font-weight:600;
	font-size:14px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size:18px
}
.portfolio-box:hover .portfolio-box-caption {
	opacity:1
}
.portfolio-box:focus {
	outline:0
}
@media (min-width:768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size:16px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size:22px
}
}
.call-to-action h2 {
	margin:0 auto 20px
}
.text-primary {
	color:#F05F40
}
.no-gutter>[class*=col-] {
padding-right:0;
padding-left:0
}
.btn-default {
	color:#fff;
	background-color:#21b799;
	border-color:#21b799;
transition:all .35s
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
	color:#222;
	background-color:#f2f2f2;
	border-color:#ededed
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color:#fff;
	border-color:#fff
}
.btn-default .badge {
	color:#fff;
	background-color:#222
}
.btn-primary {
	color:#fff;
	background-color:#F05F40;
	border-color:#F05F40;
-webkit-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#ee4b28;
	border-color:#ed431f
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color:#F05F40;
	border-color:#F05F40
}
.btn-primary .badge {
	color:#F05F40;
	background-color:#fff
}
.btn {
	border:none;
	border-radius:300px;
	font-weight:700;
	text-transform:uppercase;
        margin-right: 15px;
        font-size: 14px;
}
.btn-xl {
	padding:15px 30px
}
::-moz-selection {
color:#fff;
text-shadow:none;
background:#222
}
::selection {
color:#fff;
text-shadow:none;
background:#222
}
img::selection {
color:#fff;
background:0 0
}
img::-moz-selection {
color:#fff;
background:0 0
}




/*============== Add Css By Rohit ========================*/

.Header_bg { /*background: rgba(36,36,36,0.8);*/ width:100%; min-height:auto; }

.Header_formbg { /*background: rgba(60, 70, 80, 0.92) none repeat scroll 0 0;*/background:#ff0000 none repeat scroll 0 0; color:#fff; width:100%; min-height:640px; color:#333; /*padding:24px;*/ /*outline: dashed 2px #CCCCCC;*/ }



input[type="password"], input[type="text"] {
background: #fff;
  width: 98%;
  padding-left: 2%;
  text-indent: 10px;
  /*padding-top: 15px;*/
  box-shadow: 0 1px 1px rgba(255,255,255,.4);
  color: #605552;
  border: 1px solid #fff;
  font-size: 12px;
  boreder-radius: 8px;
  font-style: italic;
  font-weight: 600;
  padding:4px;
  border-radius:6px;
  /*margin-bottom: 15px;*/
}

.Header_bg h1 { font-size:40px; text-align:left; margin-top:10%; font-weight:700; padding: 10px 20px; /*line-height:44px;*/ }

.Header_bg h3 { font-size:21px; color:#fff; line-height:30px; text-align:center; margin-top:10%; font-weight:600; }

.Header_bg p { font-size:18px; color:#999999; line-height:30px; text-align:left; margin-top:10px; }

.padding_none { padding-right:0px; padding-left:0px;}

.stay_text { text-align:center; width:100%; color:#CCCCCC; float:left; }


.Header_bg hr { margin:0px;}

.social { float:left; margin:0px; width:100%;}

.social ul { float:left; margin:0px; color: #FFFFFF; width:100%; text-align:center; margin-left:50px; }

.social ul li { float:left; color: #FFFFFF; margin-right:15px; list-style:none; text-decoration:none; font-size:22px; text-align:center;
 }
 
#customers {   /*background-color: #ebeaea;*/ min-height: 84px;   padding-top: 60px;
  padding-bottom: 60px; }

#customers h2 {font-weight: 700;}

#customers p {font-size:16px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px; margin-bottom:0px; height:57px; }

.customers_icon div { float:left; margin:0px; /*margin-right:16px;*/ margin-bottom:45px; margin-top:11px; text-align:center;}

.customers_icon h3 {height: 85px; font-weight: 600; margin-bottom: 25px; border-bottom: 1px solid #fff; line-height: 85px;}

#appscreen { background-image:url('landing_img/screen_img.jpg'); min-height:600px; background-attachment:fixed; background-position: center;
  background-size: 110%; padding-top:40px; }
  
#appscreen h1 { font-size:45px; line-height:50px; text-align:center; color:#21313a;}  

#appscreen h2 { font-size:25px; line-height:35px; text-align:center; color:#21313a;}  

#clientbg { background-image:url('landing_img/clients_bg.jpg');  background-position: center; height:600px;
  background-size: cover; padding-top:0px; padding-bottom:0px;  }
  
  
.module_fratures { width:100%; float:left; margin:auto; } 

.module_fratures ul { width:100%; float:left; margin:auto; padding:0px; margin-left:10px; margin-top:10px; margin-bottom:20px; } 
	
.module_fratures ul li { width:100%; float:left; line-height:50px; text-align:left; list-style:none; }  

.module_fratures ul li i { margin-right:10px; color:#F05F40; }  

.animation-examples {
  font-weight: bold;
 /* min-height:682px;*/
	min-height:474px;
  
 
}

.animation-examples.one {
 
/*  outline: 2px dashed red;
  box-shadow: 0 0 0 2px #000;
  animation: 1s animateBorderOne ease infinite;*/
  padding:24px;
}

@keyframes animateBorderOne {
  to {
    outline-color: #000;
    box-shadow: 0 0 0 2px #E0E4CC;
  }
}

.customers_icon img:hover {opacity:0.9; cursor:pointer;}

.customers_icon p {line-height: 24px!important;
    height: auto!important; text-align: left; font-style: normal!important; font-weight: 500!important; font-size: 15px!important; color:#fff;} 

#services{  background-color: #1c2b36;
  color: #fff;} 
  
  
#testomonial { padding-top:35px; padding-bottom:35px;}  


.micro_heading { width:100%; padding:20px; background-color:#666666; font-size:30px; /* margin-bottom:20px;*/ }


/*
tr td:nth-of-type(2){ background-color:#1c2b36; color:#fff;} 


.table>thead:first-child>tr:first-child>th:nth-of-type(2){ background-color:#1c2b36; color:#fff; font-size:18px; } .table>thead:first-child>tr:first-child>th h5:nth-of-type(2){ background-color:#1c2b36; color:#fff; font-size:18px; } 
*/

.h5, h5 {font-size: 18px;
  font-weight: bold;}

.feature_grp {width:100%; float:left; display: block; margin-top: 45px;
    /*margin-left: 43px;*/}



i {margin-right: 10px;}

.github-fork-ribbon-wrapper {
  width: 150px;
  height: 150px;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}

.github-fork-ribbon-wrapper {
  width: 150px;
  height: 150px;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}
.github-fork-ribbon-wrapper.fixed {
  position: fixed;
}
.github-fork-ribbon-wrapper.left {
  left: 0;
}
.github-fork-ribbon-wrapper.right {
  right: 0;
}
.github-fork-ribbon-wrapper.left-bottom {
  position: fixed;
  top: inherit;
  bottom: 0;
  left: 0;
}
.github-fork-ribbon-wrapper.right-bottom {
  position: fixed;
  top: inherit;
  bottom: 0;
  right: 0;
}
.github-fork-ribbon-wrapper.right .github-fork-ribbon {
  top: 42px;
  right: -43px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.github-fork-ribbon-wrapper.left .github-fork-ribbon {
  top: 42px;
  left: -43px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	position: fixed;
}
.github-fork-ribbon-wrapper.left-bottom .github-fork-ribbon {
  top: 80px;
  left: -43px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.github-fork-ribbon-wrapper.right-bottom .github-fork-ribbon {
  top: 80px;
  right: -43px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.github-fork-ribbon {
  /* The right and left classes determine the side we attach our banner to */
  position: absolute;
  /* Add a bit of padding to give some substance outside the "stitching" */
  padding: 2px 0;
  /* Set the base colour */
  background-color:#F05F40;
  /* Set a gradient: transparent black at the top to almost-transparent black at the bottom */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  /* Add a drop shadow */
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  /* Set the font */
  font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 9999;
  pointer-events: auto;
	font-size: 12px;
}
.github-fork-ribbon a,
.github-fork-ribbon a:hover {
  /* Set the text properties */
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  text-align: center;
  /* Set the geometry. If you fiddle with these you'll also need
     to tweak the top and right values in .github-fork-ribbon. */
  width: 200px;
  line-height: 20px;
  /* Set the layout properties */
  display: inline-block;
  padding: 2px 0;
  /* Add "stitching" effect */
  border-width: 1px 0;
  border-style: dotted;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}

.index {z-index: 999;}

/*=========================== Thanx Page ===================*/

#header1 {width: 100%; height: 100%; background-attachment: fixed; }



.Header_bg1 h1 {text-align: center!important; font-size: 40px; font-weight: 600;}

.Header_bg1 {margin-top: 15%;}


/******************Suhas CSS******************/
.features_height{
	min-height: 440px;
}

.features_height1{
	min-height: 350px;
}

.features_height2{
	min-height: 100px;
}

.o-icon.fa.fa-2x, .s_timeline ul.timeline li .timeline-content .fa.fa.fa-2x, .s_timeline ul.timeline li .timeline-content-double .fa.fa.fa-2x{
	 height: 80px;
    line-height: 80px;
    width: 80px;
}

.o-icon[class*="bg-"], .s_timeline ul.timeline li .timeline-content .fa[class*="bg-"], .s_timeline ul.timeline li .timeline-content-double .fa[class*="bg-"] {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #6b6d70;
    color: #6b6d70;
}
.o-icon, .s_timeline ul.timeline li .timeline-content .fa, .s_timeline ul.timeline li .timeline-content-double .fa {
    border-radius: 50%;
    text-align: center;
}

.bg-gray-lighter {
    background-color: #f2f2f2;
    color: #666c75;
}

.bg-orange-lighter h2{
	color: #fff;
}

.bg-orange-lighter {
    background-color: #3C4650;
    color: #3C4650;
}

.panel-body{
	min-height: 225px;
}
.onlinedemo_table > tr, td{
	padding: 2px !important;
}

.homeHeading_margin{
	margin-top: 405px;
}

.prag_logo{
	width: 175px;
}

.odoo_logo{
	width: 100px;
}


.custom-bullet li {
    display: block;
	font-size: 16px;
}
.custom-bullet li::before {
    color: #1bbc9b;
    content: "✔";
    float: left;
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    margin-left: -20px;
    margin-top: 0;
}

.top_bar p span {
    font-size: 29px;
    margin-left: 7px;
    white-space: nowrap;
}

.top_bar p {
    float: right;
    margin-right: 17px;
    margin-top:4px;
    white-space: nowrap;
}

.pink_section {
    background-color:#75526b;
    margin: 0;
    padding: 60px 0 65px;
    position: relative;
}


.pink_section h2 {color:#fff; text-align: center; margin-bottom:15px; }

.pink_section p {margin-bottom: 32px; color:#fff; }

.testimonials{
	/*background:url(/ppc/images/Success_storiessection1.jpg) no-repeat;*/
	background: #75526B;
}

.testimonials h1{
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.sap_heading3{
	padding: 6px;
	margin-left: 10px;
	color: #000;
}

.s_sponsors {
    padding: 0.5em 0;
}
.bg-white {
    background-color: #fff;
    color: #666c75;
}

.s_sponsors .s_intro {
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 15px;
	text-align: center;
}

.s_sponsors .s_sponsors_list::after {
    content: "";
    display: inline-block;
    width: 100%;
}

.s_sponsors .s_sponsors_list {
    margin-bottom: -32px;
    text-align: justify;
}


.img-resp{
	width: 100%;
	
}

.sap_logo{
	width: 145px !important;
}


.sap_heading1{
	padding: 6px; width: 100% !important; /*color: #024186;*/color:#fff; font-size: 44px !important; font-weight: bold !important; margin-left: 10px; 
}

.sap_heading2{
	  color: #A24689; font-size: 40px !important; font-weight: bold !important; margin-top: -20px;
}



@media only screen and (min-width: 320px) and (max-width: 374px) {
	
	.circle {

  margin: 6px 20px 20px;
}
	
	.main_heading img {width:35%;}
	
	.main_heading div {margin-top: 0px;}
	
	.white_section h2, .grey_section h2, .darkblue_section h2 {font-size:26px; }
	
	.a2a_default_style {margin-top:50%!important;}
	
	header {min-height: 398px;}
	
	.brand-logo {height:100px;}
	
	.brand-logo:nth-child(3) {padding-top:26px; }
	.brand-logo:nth-child(5) {padding-top:26px; }
	
	.logo_patch img {text-align:center; margin-left: 0px!important;}
	
	.socio_icon {display:none;}

}

@media only screen and (min-width: 375px) and (max-width: 414px) {
	
	.circle { margin: 6px 38px 20px !important;}
	
	.main_heading img {width:37%;}
	
	.Header_formbg {margin-top:65px;}

	.white_section h2, .grey_section h2, .darkblue_section h2 {font-size:18px!important; font-weight: 800!important; }
	
	.a2a_default_style {margin-top:50%!important;}
	
	.main_heading div {margin-top:0px;}
	
		header {min-height: 438px;}
	
	.brand-logo {height:100px;}
	
	.brand-logo:nth-child(3) {padding-top:26px; }
	.brand-logo:nth-child(5) {padding-top:26px; }
	
	.socio_icon {display:none;}
}




@media only screen and (min-width: 480px) and (max-width: 667px) {

	.brand-logo {height:100px;}
	
	.brand-logo:nth-child(3) {padding-top:26px; }
	.brand-logo:nth-child(5) {padding-top:26px; }
	
	.logo_patch img {text-align:center; margin-left: 0px!important;}
	
	.socio_icon {display:none;}
	
	
}



@media screen and (max-width: 767px) {
	
	.white_section h2, .grey_section h2, .darkblue_section h2 {font-size:18px!important; font-weight: 800!important; }
	
.circle {

  margin: 6px 20px 20px;
}
	
	.customers_icon h3{
		font-size: 17px !important;
		line-height: 25px !important;
	}
	
	.homeHeading_margin{
		margin-top: 50px;
	}
	
	.prag_logo{
	width: 60%;
}

.odoo_logo{
	width: 35%;
}
	
	.property_features_gray h2{
		font-size: 32px !important;
	}
	
	.a2a_default_style {margin-top:50%!important;}
	
		.img-resp{
	width: 50%;
		margin: 20px;
	
}
	
	.sap_logo{
	width: 85px !important;
}
	
		.sap_heading1{
	padding: 6px; width: 100% !important; color: #fff; font-size: 27px !important; font-weight: bold !important; 
}

.sap_heading2{
	padding: 6px;  color: #A24689; font-size: 27px !important; font-weight: bold !important; margin-top: -20px;
}
	

	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
			.title{
		font-size: 3em;
	}
	
	.margin_bottom {
    margin-bottom: 62px !important;
}
	
}


@media only screen and (min-width: 768px) {
    /* For desktop: */
	.features_height {min-height:auto;}
	.features_height1 {min-height:auto;}
	
	.circle {
  margin: 6px 68px 20px;
}

	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.brand-logo {height:100px;}
    .brand-logo:nth-child(3) {padding-top:26px; }
	.brand-logo:nth-child(5) {padding-top:26px; }
	.brand-logo:nth-child(8) {padding-top:26px; }
	
	header {min-height: 438px;}
	.banner_text {margin-top: 0px!important;}
}




@media (min-width: 1024px) and (max-width: 1365px) {
	.features_height{
		min-height: 470px !important;
	} 
	
	.features_height1{
		min-height: 365px !important;
	} 
	
}

@media (min-width: 1366px) and (max-width: 2560px) {
	.features_height{
		min-height: 455px !important;
	} 
	
	.features_height1{
		min-height: 365px !important;
	} 
	
}
	


/*========================== Netsuit New CSS ================*/

.netsuit_header {position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999;
	width: 100%; }

.netsuit_header img {width:70%!important;}

.count {font-size: 14px; text-align: center;}

.title {padding-top: 0.2em;
    font-size: 4em;
    line-height: 1.1;
    color: #fff; display: block; text-align: center;}

.number_sub {font-size: 1em; display: block; color:#fff; text-align: center;}

.bold-text {font-weight: 600;}

.users {margin-top: 15px;}

.main_heading h2 {/*font-size: 5.5rem;*/ font-size: 2.5rem;
    font-weight: 400; text-align:center; text-transform: uppercase; margin-bottom: 0px;  }

.main_heading img {display: inline-block;}

.white_section {background-color:#fff; padding-left: 10px; padding-right: 10px; margin-top:0px; margin-bottom: 0px; }

.grey_section {background-color:#F9F9F9; padding-left: 10px; padding-right: 10px; }

.grey_sectionbg {background-image:url('/ppc/images/manufac_bg.jpg'); background-size: cover; }

.darkblue_section {background-color:#2D3E50; padding-left: 10px; padding-right: 10px; }

.white_section h1, .grey_section h1, .darkblue_section h1 {font-size:35px; margin-top: 20px; margin-bottom: 20px; text-align: center; font-weight: 500; }

.white_section h2, .grey_section h2, .darkblue_section h2 {font-size: 30px; font-weight: 300;}



.text-alpha {color:#21b799; font-size: 12px;}

.table > tbody > tr > td {padding: 8px 15px!important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;}


.o_pic {
    display: inline-block;
    background-image:url('/ppc/images/all_icons.svg');
    /* background-image: url(/openerp_website/static/src/img/2016/pictograms/o_pic.svg); */
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1em;
	height: 1em; }


.o_pic.o_pic_uncheck {background-position: 52.5% 0!important; }

.o_pic.o_pic_check {
	background-position: 47.5% 0!important; }



.a2a_default_style {position: fixed; display: grid; z-index: 9999999; margin-top:17%;}
	
	.socio_icon {margin: auto; float: left;}
	.socio_icon ul {margin: auto; float: left; width: 50px; padding: 0px;}
	.socio_icon ul li {margin: auto; float: left; margin-bottom: 10px; list-style:none;}
	.socio_icon ul li a {margin: auto; float: left; margin-bottom: 10px; list-style:none; }


.thanku_bg {background-image:url('/ppc/images/manufac_bg.jpg'); background-size: cover; }






/*============================== Odoo VS Salesforce CSS =================================*/

.margin_bottom{margin-bottom:102px!important;}

.modal-body {padding:0px; }

#myModal h2 {font-size: 2.5rem;
    font-weight: 400;
    text-align: center; margin-bottom: 15px; font-weight:700; }

#myModal .animation-examples {min-height:auto; }

.close {color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
    font-size: 28px;
    background-color: #ccc!important;
    /* position: absolute; */
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 54%;
    margin-top: -3%;
    line-height: 10px;}

.modal.in .modal-dialog {margin-top:10%; }

.banner_text {background-color: rgba(0, 0, 0, 0.72); padding: 15px; margin-top: 15%; } 

.banner_text p {text-align:center; color:#fff;  }