/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 /*font-style.css*/
 

#about-sec {
    color:#000;
    background-color:#fff;
    padding-top: 225px;
    margin-bottom: -175px;
}


/*======================================
   FEATURES SECTION STYLES
  =======================================*/
#features-sec {
    background-color:#fff;
    color:#000;
    padding-top: 0px;
    margin-top: 0px;
    padding-top: 175px;
    padding-bottom: 5px;
}

/*======================================
   REGISTRATION SECTION STYLES
  =======================================*/
#registration-sec {
    background-color:#fff;
    color:#000;
    padding-top: 0px;
}

header {
  background: url(../img/header.png);
}
#logo-main {
  display: block;
  margin: 20px auto;
}

#navbar-primary.navbar-default {
  /* background: transparent; */
  /* border: none; */
  .navbar-nav {
  width: 100%;
  text-align: center;
    >
  li {
      display: inline-block;
  float: none;
      >
  a {
        padding-left: 30px;
  padding-right: 30px;
        }
    }
  }
}

#navbar-primary.navbar-default {
  border: none;
  margin-bottom: 0;
  background-color: #fff;
}
#navbar-primary.navbar-default .navbar-nav {
  width: 100%;
  text-align: center;
}
#navbar-primary.navbar-default .navbar-nav > li {
  display: inline-block;
  float: none;
}
#navbar-primary.navbar-default .navbar-nav > li > a {
  padding-left: 15px;
  padding-right: 15px;
}


/*Device manager section*/
/* Base text style */

.device-manager-download {
  /* position: absolute; */
  /* left: 357px; */
  /* top: 337px; */
  /* width: 793px; */
  /* height: 59px; */
  /* color: transparent; */
  /* font-family: "Helvetica LT Std"; */
}
.steps {
	margin-left: 50px;
}
.steps-sub-section {
	margin-left: 50px;
}
#features-sec .steps {
	margin-left: 0px;
}
#features-sec .steps-sub-section {
    margin-left: 0px;
}
#features-sec .steps-sub-section .col-md-10 p{
	padding: 10px 0px;
	margin-bottom: 0px;
}
.img-container {
	margin-bottom: 20px !important;
	margin-top: 10px;
}
.img-container img {
	width: 100%;
	/*height: 350px;*/
}
.img-container .col-xs-12 {
	padding-left: 0px;
    padding-right: 0px;
}
/* Text style for "device man" */
.device-manager-download h2 {
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 46px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0px;
}
/* Text style for "Download A" */
.device-manager-download  p {
  color: #636363;
  font-size: 18px;
}
.device-manager-download .steps h3{
	color: black;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	/* margin-top: 0; */
}
.steps-sub-section .btn .fa {
    color: black;
    font-weight:700 !important;
}
.device-manager-download .steps h4 {
	color: black;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
}
.device-manager-download .steps .steps-sub-section p{
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
}
/* Base text style */
.device-manager-download .steps  .btn{
  /* height: 14px; */
  color: black;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  width: 170px;
}
.device-manager-download .steps  .fa {
  font-weight: 400;
}
	 
.footer-bottom a{
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
}
.footer-bottom span {
	color: #fff;
	font-size: 25px;
}
.design {
	padding: 26px 0px;
}
.steps-sub-section .col-md-2.btn-container  {
    width: 18.66666667%;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */
	.steps-sub-section .col-md-2.btn-container  {
		width: 20.66666667% ;
	}
	p.pdf-text {
		margin-left: 10px;
	}
}
	

@media only screen and (max-width: 767px) {
		
	.img-container img {
		height: auto;
	}
	.navbar-header{
		margin: 25px auto;
	}
	.container-fluid {
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
		padding-right: 0;
	}
	#about-sec {
		color:#000;
		background-color:#fff;
		padding-top: 125px !important;
		margin-bottom: -175px;
	}
	hr {
	  margin-top: 30px;
	  margin-bottom: 30px;
	}

}
@media only screen and (max-width: 768px) {
	.steps-sub-section .col-md-2.btn-container   {
		width: 100%;
	}
	.row {
		margin-bottom: 0px;
	}
	.device-manager-download .steps  .btn {
		width: 100%;
	}
	#about-sec {
		color:#000;
		background-color:#fff;
		padding-top: 225px;
		margin-bottom: -175px;
	}


	/*======================================
	   FEATURES SECTION STYLES
	  =======================================*/
	#features-sec {
		background-color:#fff;
		color:#000;
		padding-top: 0px;
		margin-top: 0px;
		padding-top: 175px;
	}

	/*======================================
	   REGISTRATION SECTION STYLES
	  =======================================*/
	#registration-sec {
		background-color:#fff;
		color:#000;
		padding-top: 0px;
	}
	.steps{
		margin-left:0px !important;
	}
	.steps-sub-section {
		margin-left:0px !important;		
	}
	.device-manager-download h2 {
		font-size: 25px;
  		font-weight: 700;
	}
	.device-manager-download .steps h4 {
		display: block;
	}
	.device-manager-download .steps .steps-sub-section p{
		font-size: 15px;
		font-weight: 400;
		display: block;
	}
	.img-container .col-xs-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.img-container .col-xs-4:first-child { 
		padding-left: 0px;
		padding-right: 10px;
	}
	.img-container .col-xs-4:last-child { 
		padding-right: 0px;
		padding-left: 10px;
	}
	.img-container .col-xs-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	#features-sec .steps-sub-section .col-md-9 p{
		padding: 0;
		margin-bottom: 10px;
	}
	.footer-bottom a{
		font-size: 15px;
	}
	.footer-bottom span {
		color: #fff;
		font-size: 15px;
	}

	.design {
		padding: 36px
	}
} 

.affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
  .navbar {
     /* margin-bottom: 0px;*/
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }
  
  .error {
    color: #de0034;
  }