/*--------------------------------------------------------------
# CSS Document
--------------------------------------------------------------*/
@font-face {
    font-family: myriad-pro;
    src: url(/sitecollectionimages/responsive/fonts/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'), url(/sitecollectionimages/responsive/fonts/MyriadPro-Regular.otf) format('opentype'), url(/sitecollectionimages/responsive/fonts/MyriadPro-Regular.woff) format('woff'), url(/sitecollectionimages/responsive/fonts/MyriadPro-Regular.ttf) format('truetype'), url(/sitecollectionimages/responsive/fonts/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}
 

body, html {
font-family: myriad-pro;
font-size: 18px;
font-weight: 200;
color: #000000;
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5 {
font-family: myriad-pro;
font-weight: 900;
margin: 0;
} 

.img-circle {
	border-radius: 50%;
}

.popup{
  display:block;
  width:500px;
  height:250px;
  background:#fff;
  border-radius:5px;
  margin:80px auto;
  z-index:999;
  overflow:hidden;
  -webkit-transform:translateY(-300%);
  transform:translateY(-300%);
  -moz-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
-webkit-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
box-shadow: 0px 0px 20px rgba(56,56,56,.2);
  text-align:center;
  line-height:7em;
  font-size:2em;
  position:relative;
  -webkit-transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.popup h1{
  color:#8e54e9;
  text-transform:capitalize;
  font-weight:200;
  font-size:1.1em;
  position:relative;
  left:-200%;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay:900ms;
  transition-delay:900ms;
}

.popup .close{
  position:absolute;
  top:-80px;
  right:15px;
  font-size:.9em;
  font-weight:lighter;
  cursor:pointer;
  color:#8e54e9;
  -webkit-transition:.5s;
  transition:.5s;
}

.archive {
  list-style: disc;
}

.archive li {
  /*float: left;*/
  margin-left: 12px;
}

.archive::after {
  content: "";
  display: table;
  clear: both;
}

.mrgn-top {
    margin-top: 85px;
}

.overlay{
  overflow-x:hidden;
  overflow-y:hidden;
   -webkit-transition:all 3s ease-in-out;
   transition:all 3s ease-in-out;
}

.overlay::before{
    content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
   -webkit-transition:3s;
   transition:3s ;
}


.algn-center {
	text-align: center;
}
h1, h2, h3, h4, h5 {
	font-family: myriad-pro-condensed-n6, myriad-pro-condensed;
	font-weight: 400;
	margin: 0;
}
a {
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	-moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	-ms-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
	outline: 0;
}
a:hover {
	text-decoration: none;
}
.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
	color: inherit;
}
/*--------------------------------------------------------------
# iframe[google_conversion_frame]
--------------------------------------------------------------*/

iframe[name=google_conversion_frame] {
	display: none;
}
/*--------------------------------------------------------------
# Hover Shutter animation
--------------------------------------------------------------*/

.show-more {
	display: none;
}
.marginbottom-md-30 {
	margin-bottom: 30px;
}
a.btn-shutter {
	color: #fff;
	border: 1px solid #3e4651;
	position: relative;
	z-index: 1;
	display: inline-block;
	background: #5A5757;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 5px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
a.btn-shutter:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #3e4651;
	z-index: -1;
}
a.btn-shutter:hover {
	border: 1px solid #3e4651;
	background-color: transparent;
	color: #ffffff;
}
a.btn-shutter:hover:before {
	width: 100%;
}
/*--------------------------------------------------------------
# Color CSS 
--------------------------------------------------------------*/
.margintop-md-150 {
	margin-top: 150px;
}
.white-color {
	color: #ffffff !important;
}
.header {
	background: #f8f8f8 none repeat scroll 0 0;
	height: 51px;
	padding-top: 6px;
	width: 100%;
	position: absolute;
	z-index: 999999;
}
.para {
	margin-bottom: 20px;
}
a.btn1-shutter {
	background: #23abd5 none repeat scroll 0 0;
	border: 1px solid #3e4651;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	margin: 25px 0 0 110px;
	padding: 5px 15px;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	z-index: 1;
}
/*------------------------------------------
Modal
-------------------------------------------*/
.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
	opacity: 1;
}
.modal-header {
	font-family: "Bree Serif";
	background-color: #F6F5F5;
	border-radius: 5px;
}
.modal-body {
	font-size: 16px;
	overflow-y: scroll;
}
#equalheight {
	overflow: hidden;
}
.demo {
	background-color: #ffffff;
}
/*--------------------------------------------------------------
# Fontweight
--------------------------------------------------------------*/
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 0;
	padding-left: 30px;
}
.fontweight300 {
	font-weight: 300;
}
.fontweight400 {
	font-weight: 400;
}
.fontweight600 {
	font-weight: 600;
}
/*--------------------------------------------------------------
# Block 
--------------------------------------------------------------*/

.block {
	display: block;
}
/*--------------------------------------------------------------
# Arrow Animation
--------------------------------------------------------------*/

.left-arrow img.arrow-move {
	position: relative;
	left: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.left-arrow:hover img.arrow-move {
	left: 5px;
}
/*--------------------------------------------------------------
# Contact Ribbon
--------------------------------------------------------------*/

.contact {
	background: #e8e8e8;
	color: #000!important;
	font-size: 12px;
	height: 40px;
	line-height: 23px;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-moz-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-ms-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-o-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	width: 100px;
	z-index: 999;
	text-decoration: inherit;
}

.container button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;  
  margin-left: -100px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.contact::before {
	background: rgba(232, 232, 232, 0.6);
	content: "";
	height: 40px;
	padding: 10px 20px;
	position: absolute;
	right: -20px;
	top: 19px;
	-webkit-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-moz-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-ms-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-o-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	width: 120px;
	z-index: -1;
	text-decoration: inherit;
}
/*--------------------------------------------------------------
# Move to top scroll
--------------------------------------------------------------*/

.bgground::before {
	background: #5A5757 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100vh;
	left: 18.2%;
	margin: 0 auto;
	position: fixed;
	width: 63.6%;
	z-index: 0;
}
.white-bg {
	background: #ffffff none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 48px;
	margin-top: -79px;
	padding: 10px;
	z-index: 9;
}
.bg-blue {
    background: #5A5757 none repeat scroll 0 0;
    height: 100%;
    margin-bottom: 1px;
    margin-left: 70.81px;
    margin-top: -79px;
    padding: 30px;
    width: 73.3%;
    z-index: 115;
}
.scroll-up {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}
/*--------------------------------------------------------------
# Template Css Starts
--------------------------------------------------------------*/


#section4,  #section5, #section6, #section7 {
	padding: 10px 0;
	background: #cccccc none repeat scroll 0 0;
}

#section2 {padding-top: 10px;
	background-color: #fff;
}

#section7 {
	background: #cccccc none repeat scroll 0 0;
	padding-bottom: 0;
}
#section1 {
	background: #f8f8f8 none repeat scroll 0 0;
}
#section4 {
	padding-top: 18px;
}
#section8 {
	padding: 10px 0;
	background: #cccccc none repeat scroll 0 0;
		position: relative;
}
.pad {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#section7 {
	background-color: #ffffff;
	position: relative;
	padding: 0 0 20px 0;
	 margin-top: 0px;
}

#section10 {
	background-color: #ffffff;
	position: relative;
	padding: 0 0 45px 0;
}

.subscribe {
	margin-left: 325px;
}
.fixed-ht {
	height: 157px;
	width: 100%;
}
.fixed-ht1 {
	height: 450px;
	width: 100%;
	background: #ccc;
	padding: 0 20px 20px 20px;
}
.sec8 {
	background: #1b2b5b none repeat scroll 0 0;
	height: 373px;
}
.sec8-pad {
	padding: 16px;
	height: 373px;
}
.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	height: 373px;
}
.sec8-pad1 {
	padding: 16px;
	height: 373px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.navbar {
	margin-bottom: 0;
}
.navbar-default {
	border-color: transparent;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background: red;
	color: #fff;
}
.navbar-brand {
	padding: 5px 15px 0;
}
#accordian {
	margin: 40px auto;
	width: 600px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 6px;
	padding: 20px 25px 15px;
	box-shadow: 0 3px 8px #333;
	-webkit-text-size-adjust: none;
}
#accordian input {
	display: none;
}
#accordian label {
	display: inline-block;
	cursor: pointer;
	background: url(minus-sign.png) 0 3px no-repeat;
	padding: 0 0 0 17px;
	text-shadow: 0 2px 3px #999;
	font-weight: bold;
}
#accordian p {
	margin: 5px 20px;
	max-height: 0;
	overflow: hidden;
	-moz-transition: .75s;
	-webkit-transition: .75s;
	-o-transition: .75s;
	transition: .75s;
}
#accordian input:checked + p {
	max-height: 220px;
}
#accordian input:checked + p:before {
	position: absolute;
	content: '';
	margin: -23px 0 0 -21px;
	height: 14px;
	width: 14px;
	padding: 1px;
	background: #fff url(plus-sign.png) 1px 1px no-repeat;
}
/*--------------------------------------------------------------
# Section 1
--------------------------------------------------------------*/

.slide1, .slide2, .slide3 {
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: 350px;
}
.bg {
	background: url(https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/banner1.jpg);
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: 653px;
}
.bg2 {
	background: url(https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/yellow-box.png);
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: 350px;
}
.bg1 {
	background: url(https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/texture.png);
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: auto;
}
.bg3 {
	background: url(https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/special-future.png);
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: top center !important;
	width: 100%;
	height: 350px;
}
.blue-bg {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-left: -31px;
	margin-top: -151px;
	position: absolute;
	width: 87%;
}
.owl-theme .owl-controls {
	margin-top: 0px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
	color: white;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	/*background: #d6d6d6;*/
    
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
	/*background: #869791;*/
    
	color: white;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;/**display: inline;*/
}
.owl-dots {
	bottom: 25px;
	position: absolute;
	width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #869791;
}
.owl-prev, .owl-next {
	background-repeat: no-repeat;
	width: 31px;
	height: 56px;
	text-indent: -9999px;
	position: absolute !important;
	top: 200px !important;
}
.owl-prev {
	background: url(../images/left.png);
	left: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-next {
	background: url(../images/right.png);
	right: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.caption {
	bottom: 21px;
	color: #fff;
	left: 416px;
	position: absolute;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: 375px;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: 378.5px;
	z-index: 999;
}
.speaker_block {
	border: 5px solid #000000;
	margin: 25px auto;
	max-width: 1009px;
	position: relative;
}
.bg-white1 {
	background: #ffffff none repeat scroll 0 0;
}
.marginbottom-md-10 {
	margin-bottom: 10px;
}
.margintop-md-10 {
	margin-top: 10px;
}
.modal-dialog {
	color: transparent;
	margin: 30px auto;
	width: 700px;
}
.paddrgt {
	padding: 4px!important;
}
.modal-open .modal {
	overflow: hidden;
}
.modal-header1 {
	background-color: #005da8;
	border-bottom: 1px solid #e5e5e5;
	color: #fff;
	min-height: 16.4286px;
	padding: 15px;
}
/*button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size: 34px;
    font-weight: bolder;
    padding: 0;
	 opacity: 0.71;
}*/

.close {
	
	color: #ffffff;
	display: block;
	float: right;
	font-size: 35px;
	font-weight: normal;
	line-height: 1;
	margin: -17px -58px 0 0;
	opacity: 1;
	padding: 3px 15px 10px!important;
	text-shadow: 0 1px 0 #ffffff;
}

.close1 {
	background: #ffffff none repeat scroll 0 0!important;
	color: #000000;
	display: block;
	float: right;
	font-size: 35px;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 698px;
	opacity: 1;
	padding: 3px 15px 10px!important;
	text-shadow: 0 1px 0 #ffffff;
}

.modal-content {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	outline: 0 none;
	position: relative;
}
.modal-content1 {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	outline: 0 none;
	position: relative;
}
.modal-body1 {
    background-color: #ffffff;
    color: #fff;
    height: auto;
    overflow-y: scroll;
    padding: 16px;
    position: absolute;
}
.modal-dialog1 {
	margin: 30px auto;
	width: 30%;
}
button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    font-weight: bolder;
    opacity: 0.71;
    padding: 0;
	position: relative;
}
.border-bottom3 {
	border-bottom: 1px solid #f18c00;
	line-height: 57px;
}
/*--------------------------------------------------------------
# Section 2
--------------------------------------------------------------*/

#section2 {
}
/*--------------------------------------------------------------
# Section 3
--------------------------------------------------------------*/

#section3 {
	background-color: #cccccc;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	background: #333333;
	color: #fff;
	padding: 15px 0;
	position: absolute;
	width: 100%;/*margin-top:20px;*/
}
.breadcrumb {
	margin-top: 35px;
	margin-bottom: 0;
	background-color: transparent;
	color: #fff;
	padding-left: 0;
	padding-right: 0
}
.breadcrumb > li > a {
	color: #fff;
}
.breadcrumb > li + li::before {
	content: "| ";
	color: #fff;
}
.border-top {
	border-top: 1px solid;
}
ul.list-unstyled > li {
	display: inline-block;
	margin-right: 10px;
}
ul.list-unstyled > li:last-child {
	margin-right: 0px;
}
ul.list-unstyled > li > a {
	color: #fff;
}

@media all and (max-width: 1280px) {
	.sec8-oranage {
      height: 355px!important;
	}
	.para {
	margin-bottom: 0px;
}
	.sec8-pad {
    height: 355px;
    padding: 16px;
}
	.sec8 {
    
    height: 355px;
}
}


@media all and (max-width: 1112px) {
	
	caption {
    bottom: 12px;
    color: #fff;
    left: 330px!important;
    position: absolute;

}
	.bg-blue {

    background: #5A5757 none repeat scroll 0 0;
    height: 100%;
    margin-bottom: 1px;
    margin-left: 70.81px;
    margin-top: -79px;
    padding: 30px;
    width: 84.3%;
    z-index: 115;

}
	
}

@media all and (max-width: 1024px) {
/* iPads (Landscape) ----------- */
/*--------------------------------------------------------------
# Section 1
--------------------------------------------------------------*/
.fixed-ht {
	height: 284px;
	width: 100%;
}
/*#section9 {
    background-color: #cccccc;
    margin-top: -115px;
    padding: 0 0 20px;
    position: relative;
}*/
/*.h2, h2 {
	font-size: 17px!important;
}*/
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 92px;
	margin-top: -79px;
	padding: 30px;
	width: 53.6%;
	z-index: 115;
}
.owl-prev, .owl-next {
	top: 150px !important;
}
/*.owl-prev {
	left: 30px;
}
.owl-next {
	left: 957px;
}*/
.breadcrumb {
	margin-top: 0;
	margin-bottom: 0;
}
.text-left-sm {
	text-align: left;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 159px;
	margin-top: -79px;
	padding: 30px;
	width: 67.2%;
	z-index: 115;
}
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: 377px;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: 377.5px;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.no-gutter > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.para {
	margin-bottom: 10px;
}
.sec8-pad {
	/* padding: 20px 20px 25px;*/
	height: 266px;
	background: #1b2b5b none repeat scroll 0 0;
}
.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	font-size: 15px;
	height: 261px!important;
	padding: 0!important;
}
	.margintop-md-10 {
    margin-top: 0;
}
.sec8 {
	background: #1b2b5b none repeat scroll 0 0;
	font-size: 15px;
	height: 261px!important;
	padding: 0!important;
}
.sec8-pad {
    height: 256px;
    padding: 0 8px 25px;
}
.sec8-pad1 {
	padding: 0 12px 25px;
	height: 256px;
}
.para {
	margin-bottom: 10px!important;
}
.marginbottom-md-30 {
	margin-bottom: 10px!important;
}
.size-sm-14 {
	font-size: 14px
}
.size-sm-15 {
	font-size: 15px
}
.caption {
	position: absolute;
	left: 275px;
	bottom: 22px;
	color: #fff;
	text-align: center;
}
	#section6 {
       position: relative;
}
}

@media all and (max-width: 980px) {

.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	font-size: 18px;
	height: 344px!important;
}
	.sec8 {
    background: #5A5757 none repeat scroll 0 0;
    font-size: 18px;
    height: 273px;
    margin-bottom: 11px;
}
	.sec8-pad {
    height: 342px!important;
    padding: 16px;
}
	
.bgground::before {
	background: #5A5757 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100vh;
	left: 21.2%;
	margin: 0 auto;
	position: fixed;
	width: 55.6%;
	z-index: 0;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 97px;
	margin-top: -79px;
	padding: 30px;
	width: 56.6%;
	z-index: 115;
}
#section8 {
	background-color: #ccc;
	
	padding: 20px 0;
	position: relative;
}
}

@media all and (max-width: 992px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.text-left-sm {
	text-align: left;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.breadcrumb {
	margin-top: 0;
	margin-bottom: 0;
}
.text-left-sm {
	text-align: left;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 92px;
	margin-top: -61px;
	padding: 19px;
	width: 72.9%;
	z-index: 115;
}
.no-gutter > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: 377px;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: 377.5px;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.no-gutter > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.sec8-pad {
	padding: 16px;
	height: 273px;
}
.sec8-pad1 {
	padding: 16px;
	height: 281px;
}
.caption {
	bottom: -1px;
	color: #fff;
	left: 172px;
	position: absolute;
	text-align: center;
}
.sec8 {
	background: #5A5757 none repeat scroll 0 0;
	font-size: 15px;
	height: 342px!important;
	margin-bottom: 11px;
}
#section8 {
	background-color: #ccc;
	
	padding: 20px 0;
	position: relative;
}
}
.bg-white1 {
	background: #ffffff none repeat scroll 0 0;
	height: 377.8px;
}

@media all and (max-width: 800px) {
.caption {
    bottom: 4px;
    color: #fff;
    left: 146px;
    position: absolute;
    text-align: center;
}
	.modal-dialog1 {
    margin: 30px auto;
    width: 60%;
}
	#section8 {
    background-color: #ccc;
  
    padding: 20px 0;
    position: relative;
}
	
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 145px;
	margin-top: -61px;
	padding: 19px;
	width: 59.2%;
	z-index: 115;
}
.sec8 {
	background: #5A5757 none repeat scroll 0 0;
	font-size: 18px;
	height: 311px!important;
	margin-bottom: -63px;
}
	.sec8-oranage {
    background: #f18c00 none repeat scroll 0 0;
    font-size: 18px;
    height: 275px!important;
}
	#section6 {
      position: relative;
}
	
}

@media all and (max-width: 768px) {
/* iPads (portrait) ----------- */
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
.para {
	margin-bottom: 10px;
}
	.modal-dialog1 {
    margin: 30px auto;
    width: 50%;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
	
.fixed-ht {
	height: 350px;
	width: 100%;
}
.text-left-sm {
	text-align: left;
}
#section6 {
	background-color: #ccc;	
	position: relative;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 92px;
	margin-top: -27px;
	padding: 30px;
	width: 73.3%;
	z-index: 115;
}
.bgground::before {
	background: #5A5757 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100vh;
	left: 13.2%;
	margin: 0 auto;
	position: fixed;
	width: 71.6%;
	z-index: 0;
}
.no-gutter > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.bg-white1 {
	background: #ffffff none repeat scroll 0 0;
	height: 36.9vh;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: 377px;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: 377.5px;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.no-gutter > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}
.sec8 {
	background: #1b2b5b none repeat scroll 0 0;
	font-size: 15px;
	height: 205px!important;
	margin-bottom: 0!important;
}
.sec8-pad {
	height: 266px;
}
.sec8-pad1 {
	height: 301px;
}
.caption {
	position: absolute;
	left: 139px;
	bottom: -8px!important;
	color: #fff;
	text-align: center;
}
.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	padding: 14px!important;
	height: 263px!important;
}
	
	#section9 {
    background-color: #cccccc;
    margin-top: 13px;
    padding: 0 0 20px;
    position: relative;
}
	.close {    
    margin: -25px -50px 0 0;
   }
	
/*--------------------------------------------------------------
# Section 1
--------------------------------------------------------------*/


}

@media all and (max-width: 767px) {
/* Mobile (Landscape) ----------- */
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.text-center-xs {
	text-align: center;
}
	
	/*#section9 {
    background-color: #cccccc;
    margin-top: 519px;
    padding: 0 0 20px;
    position: relative;
}*/
/*--------------------------------------------------------------
# Contact Ribbon
--------------------------------------------------------------*/

.contact {
	background: #fff;
	color: #000!important;
	font-size: 12px;
	height: 40px;
	line-height: 23px;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-moz-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-ms-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	-o-transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	transform: translate(0, 0) rotate(0) skew(0deg, -10deg) scale(1, 1);
	width: 35px;
	z-index: 999;
}
.contact::before {
	background: rgba(255, 255, 255, .6);
	content: "";
	height: 40px;
	padding: 10px 20px;
	position: absolute;
	right: -20px;
	top: 10px;
	-webkit-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-moz-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-ms-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	-o-transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	transform: translate(0, 0) rotate(0) skew(0deg, 18deg) scale(1, 1);
	width: 55px;
	z-index: -1;
}
/*--------------------------------------------------------------
# Template Css Starts
--------------------------------------------------------------*/

 #section3, #section4, #section5, #section6, #section7, #section8 {
	padding-top: 15px;
	background-color: #cccccc;
}
	#section2 {padding-top: 15px;
	background-color: #fff;
}
	
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.navbar {
	padding: 5px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}
/*--------------------------------------------------------------
# Section 1
--------------------------------------------------------------*/

.owl-dots {
	bottom: 0;
	position: relative;
	width: 100%;
}
.caption {
	position: relative;
	left: 0;
	top: 0;
	color: #333;
	text-align: center;
}
}

@media all and (max-width: 640px) {
/* Mobile (Landscape) ----------- */
	.img-responsive1, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		height: 250px!important;
}
.speaker_block {   
    margin: 1px auto;   
}
	
	.bg {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/banner1.jpg");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 311px;
	width: 100%;
}
#section8 {
	background-color: #ccc;
	
	padding: 20px 0;
	position: relative;
}
	
	.modal-dialog1 {
    margin: 30px auto;
    width: 86%;
}
	
/*#section9 {
	background-color: #cccccc;
	margin-top: 1134px;
	padding: 0 0 17px;
	position: relative;
}*/
.reorder {
	display: flex;
	flex-direction: column;
}
#side_panel {
	order: 2;
}
.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.desktop-only {
	display: none !important;
}
.white-bg {
	background: #ffffff none repeat scroll 0 0;
	height: 100%;
	left: 158px;
	margin-bottom: 16px;
	margin-top: -818px;
	padding: 15px;
	z-index: 9999;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 1px;
	margin-left: 22px;
	margin-top: 0;
	padding: 6px;
	width: 91.6%;
	z-index: 115;
}
.caption {
	position: absolute;
	left: -0;
	top: 27px;
	color: #333;
	text-align: center;
	z-index: 9999;
}

#section2, #section3, #section4, #section5, #section6, #section7, #section8 {
	padding-top: 5px;
	background-color: #cccccc;
}
#section2 {
	background-color: #5A5757;
}
.no-gutter > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
	
	#section7 {
	background-color: #ffffff;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.sec8-pad {
	padding: 16px;
	height: auto!important;
}
.modal-dialog {
	color: transparent;
	margin: 30px auto;
	width: auto;
}
.sec8-pad1 {
	padding: 16px;
	height: auto!important
}
	.mrgn-top {
    margin-top: 31px;
}
	.close {    
    margin: -22px -58px 0 587px;
}
}

@media all and (max-width: 480px) {
/* Mobile (Landscape) ----------- */
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.speaker_block {   
    margin: 1px auto;   
}
	
	.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.breadcrumb > li {
	display: block;
	margin-bottom: 10px;
}
.modal-dialog1 {
	margin: 30px auto;
	width: 100%;
}
.close {
	background: #ffffff none repeat scroll 0 0;
	color: #000000;
	display: block;
	float: right;
	font-size: 35px;
	font-weight: normal;
	line-height: 1;
	margin: -25px -15px 0 430px;
	opacity: 1;
	padding: 3px 15px 10px;
	text-shadow: 0 1px 0 #ffffff;
}
	
	button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    font-weight: bolder;
    opacity: 0.71;
    padding: 0;
    position: absolute;
    z-index: 111;
}
.reorder {
	display: flex;
	flex-direction: column;
}
#side_panel {
	order: 2;
}
.breadcrumb > li + li::before {
	content: " ";
}
/*#section9 {
	background-color: #cccccc;
	margin-top: 1130px;
	padding: 0 0 20px;
	position: relative;
}*/
#section8 {
	background-color: #ccc;
	
	padding: 20px 0;
	position: relative;
}
.bg {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("https://wwww.infosysbpm.com/spendbytes-issue09/PublishingImages/banner.jpg");
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 241px;
	width: 100%;
}
.white-bg {
	background: #ffffff none repeat scroll 0 0;
	height: 100%;
	left: 114px;
	margin-bottom: 16px;
	margin-top: -779px;
	padding: 15px;
	z-index: 9999;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 0px;
	margin-left: 22px;
	margin-top: 0;
	padding: 6px;
	width: 91.6%;
	z-index: 115;
}
.caption {
	position: absolute;
	left: -0;
	top: 27px;
	color: #333;
	text-align: center;
	z-index: 9999;
}
#section2, #section3, #section4, #section5, #section6, #section7, #section8 {
	padding-top: 5px;
	background-color: #cccccc;
}
#section2 {
	background-color: #5A5757;
}
	#section7 {
	background-color: #ffffff;
}
	
.no-gutter > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.sec8-pad {
	padding: 16px;
	height: auto!important;
}
.modal-dialog {
	color: transparent;
	margin: 30px auto;
	width: auto;
}
.sec8-pad1 {
	padding: 16px;
	height: auto!important
}
.desktop-only {
	display: none !important;
}
	.fixed-ht {
    height: 321px;
    width: 100%;
}
	.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	padding: 14px!important;
	height: 303px!important;
}
	.mrgn-top {
    margin-top: 31px;
}
	
}

@media all and (max-width: 360px) {
/* Mobile (portrait) ----------- */
.speaker_block {   
    margin: 1px auto;   
}
	
	.white-bg {
	background: #fff none repeat scroll 0 0;
	color: #fff;
	height: 100%;
	left: 45px;
	margin-bottom: 16px;
	margin-top: -969px;
	padding: 7px;
	width: 70%;
	z-index: 99999;
}
	.mrgn-top {
    margin-top: 31px;
}
.close {
	background: #ffffff none repeat scroll 0 0;
	color: #000000;
	display: block;
	float: right;
	font-size: 35px;
	font-weight: normal;
	line-height: 1;
	margin: -25px -15px 0 307px;
	opacity: 1;
	padding: 3px 15px 10px;
	text-shadow: 0 1px 0 #ffffff;
}
	
	button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    font-weight: bolder;
    opacity: 0.71;
    padding: 0;
    position: absolute;
    z-index: 111;
}
.paddrgt {
	padding: 4px!important;
}
.reorder {
	display: flex;
	flex-direction: column;
}
#side_panel {
	order: 2;
}
.modal-dialog1 {
	margin: 30px auto;
	width: 75%;
}

#section7 {
	background-color: #ffffff;
}
	
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 16px;
	margin-left: 22px;
	margin-top: 0;
	padding: 6px;
	width: 85.6%;
	z-index: 115;
}
.speaker_block {
	border: 5px solid #000000;
	margin: -5px auto;
	max-width: 1009px;
	position: relative;
}
.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.fixed-ht {
	height: 311px;
	width: 100%;
}
.desktop-only {
	display: none !important;
}
.h1, h1 {
	font-size: 30px;
}
.sec8-pad {
	font-size: 15px;
	height: auto!important;
	padding: 16px;
}
.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	font-size: 15px;
	height: 276px!important;
}
/*#section9 {
	background-color: #cccccc;
	margin-top: 860px;
	padding: 0 0 20px;
	position: relative;
}*/
	.sec8 {
    background: #1b2b5b none repeat scroll 0 0;
    font-size: 15px;
    height: 248px!important;
    margin-bottom: 0;
}

}

@media all and (max-width: 320px) {
/* Mobile (portrait) ----------- */
.speaker_block {   
    margin: 1px auto;   
}	
.mrgn-top {
    margin-top: 31px;
}
.paddrgt {
	padding: 4px!important;
}
.modal-dialog1 {
	margin: 30px auto;
	width: 99%;
}
.close {
	background: #ffffff none repeat scroll 0 0;
	color: #000000;
	display: block;
	float: right;
	font-size: 35px;
	font-weight: normal;
	line-height: 1;
	margin: -25px -15px 0 266px;
	opacity: 1;
	padding: 3px 15px 10px;
	text-shadow: 0 1px 0 #ffffff;
}
	
	button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    font-weight: bolder;
    opacity: 0.71;
    padding: 0;
    position: absolute;
    z-index: 111;
}
/*#section9 {
	background-color: #cccccc;
	margin-top: 991px;
	padding: 0 0 20px;
	position: relative;
}*/
.reorder {
	display: flex;
	flex-direction: column;
}
#side_panel {
	order: 2;
}
.speaker_block {
	border: 5px solid #000000;
	margin: -5px auto;
	max-width: 1009px;
	position: relative;
}
.para {
	margin-bottom: 10px;
}
.marginbottom-md-30 {
	margin-bottom: 10px;
}
.bg {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(https://www.infosysbpo.com/SiteCollectionImages/microsite/procurement-newsletter/banner1.jpg);
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 241px;
	width: 100%;
}
.white-bg {
	background: #fff none repeat scroll 0 0;
	color: #fff;
	height: 100%;
	left: 45px;
	margin-bottom: 16px;
	margin-top: -0;
	padding: 7px;
	width: 70%;
	z-index: 99999;
}
.bg-blue {
	background: #5A5757 none repeat scroll 0 0;
	height: 100%;
	margin-bottom: 16px;
	margin-left: 22px;
	margin-top: 0;
	padding: 6px;
	width: 85.6%;
	z-index: 115;
}
.caption {
	position: absolute;
	left: -0;
	top: 27px;
	color: #333;
	text-align: center;
	z-index: 9999;
}
#section2, #section3, #section4, #section5, #section6, #section7, #section8 {
	padding-top: 5px;
	background-color: #cccccc;
}

#section2 {
	background-color: #5A5757;
}
	#section7 {
	background-color: #ffffff;
}
.no-gutter > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.no-gutter1 > [class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}
.bg-white3 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
.bg-white2 {
	background: #ffffff none repeat scroll 0 0;
	height: auto!important;
	z-index: 999;
}
.bg-white {
	background: #ffffff none repeat scroll 0 0;
	/* height: 377.7px;*/
	z-index: 999;
	position: relative;
}
.sec8-pad {
	font-size: 15px;
	height: auto!important;
	padding: 16px;
}
.modal-dialog {
	color: transparent;
	margin: 30px auto;
	width: auto;
}
.sec8-pad1 {
	padding: 16px;
	height: auto!important
}
.desktop-only {
	display: none !important;
}
.h1, h1 {
	font-size: 30px;
}
.fixed-ht {
	height: 311px;
	width: 100%;
}
.sec8-oranage {
	background: #f18c00 none repeat scroll 0 0;
	font-size: 15px;
	height: 395!important;
}
#section8 {
	background-color: #ccc;
	
	padding: 20px 0;
	position: relative;
}
	.sec8 {
    background: #1b2b5b none repeat scroll 0 0;
    font-size: 15px;
    height: 269px!important;
    margin-bottom: 0;
}
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
.sec8-oranage {
    background: #f18c00 none repeat scroll 0 0;
    font-size: 15px;
    height: 230px!important;
}
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.white-bg {
       margin-top: -1066px;    
}
	  .speaker_block {   
    margin: 1px auto;   
}
	  
	  .fixed-ht {
    height: 368px;
    margin-top: -207px;
    width: 100%;
}
	  
	  .sec8-oranage1 {
    background: #ccc none repeat scroll 0 0;
    font-size: 15px;
    height: 384px;
    margin-bottom: -7px;
    z-index: 999;
}
	  
	  .sec8-oranage {
       height: 171px!important;
}
	  .bg-blue {
    margin-top: 0;
}
	  
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.sec8-oranage {
    
    height: 172px!important;
}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
#section8 {
    background-color: #ccc;
	}
	 .speaker_block {   
    margin: 1px auto;   
}
	  .bg-blue {
    background: #5A5757 none repeat scroll 0 0;
    height: 100%;
    margin-bottom: 9px;
    margin-left: 22px;
    margin-top: 0;
    padding: 6px;
    width: 91.6%;
    z-index: 115;
}
	  
	  .fixed-ht {
    height: 312px;
    margin-top: 0;
    width: 100%;
}
	  .sec8-oranage {
    background: #f18c00 none repeat scroll 0 0;
    font-size: 15px;
    height: 318px!important;
		  margin-top: 9px!important;
}
	  
	  .desktop-only {
        display:none !important;
    }
	  
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	  
	   .desktop-only {
        display:none !important;
    }
	  .speaker_block {   
    margin: 1px auto;   
}
	  
	  .breadcrumb {
    margin-bottom: 0;
    margin-top: -94px!important;
}
	
	  
	  
	  .bg-blue {
    background: #5A5757 none repeat scroll 0 0;
    height: 100%;
    margin-bottom: 1px;
    margin-left: 92px;
    margin-top: 0;
    padding: 30px;
    width: 57.1%;
    z-index: 115;
}
	  .sec8 {
    background: #5A5757 none repeat scroll 0 0;
    font-size: 15px;
    height: 300px;
    margin-bottom: 91px;
    z-index: 9999;
}
	  .fixed-ht {
    height: 368px;
    margin-top: 10px;
    width: 100%;
}
	  .sec8-oranage1 {
    background: #ccc none repeat scroll 0 0;
    font-size: 15px;
    height: 384px;
     margin-bottom: 0;
    z-index: 999;
}
	  .sec8-oranage {
    background: #f18c00 none repeat scroll 0 0;
    font-size: 15px;
    height: 303px;
    z-index: 999;
}

}



/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  .white-bg {
       margin-top: -849px;  
}
	  #section8 {
    background-color: #ccc;
		 }
	  
	  .fixed-ht {
        margin-top: 0;   
}
	  .speaker_block {   
    margin: 1px auto;   
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  .breadcrumb {
		  margin-top: -111px;}
	  .speaker_block {   
    margin: 1px auto;   
}
  
	  .bg-blue {
    
    margin-top: 0;
   
}
	  
	  .sec8 {
        z-index: 999;
}
	  
	  .sec8-oranage {
        z-index: 999;
}
	   .sec8-oranage1 {
    background: #ccc none repeat scroll 0 0;
    font-size: 15px;
    height: 384px;
    margin-bottom: 0;
    z-index: 999;
}
	  .bg-blue {
       width: 72.3%;
    
}
	  
	   .desktop-only {
        display:none !important;
    }
	  

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.speaker_block {   
    margin: 1px auto;   
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.white-bg {
		margin-top: -1154px;
	}
	  .sec8-oranage {
    background: #f18c00 none repeat scroll 0 0;
    font-size: 15px;
    height: 335px!important;
}
	  .sec8-oranage1 {
    background: #ccc none repeat scroll 0 0;
    font-size: 15px;
    height: 335px;
    margin-bottom: 0px;
    z-index: 999;
}
	  .speaker_block {   
    margin: 1px auto;   
}
	 

}