/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 /* Testing Font Usage */
 
 /* 
 font-family: 'HelveticaNeueLTStd-Roman'
 font-family: 'HelveticaNeueLTStd-Th'
font-family: 'HelveticaNeueLTStd-Bd'


*/

/* Global Styles */

html,
body {
    height: 100%;
}

body {
	background-color: #ededed; 
	font-family: 'HelveticaNeueLTStd-Roman', ‘Lato’, Helvetica, serif;
	line-height: 1.5;
}
	
	/* Page Background Images */
	
	.sec-company {
		background-image: url(/images/company_bck.jpg); 
		background-repeat: no-repeat; 
	}
	
	.sec-services {
		background-image: url(/images/services_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.sec-industry {
		background-image: url(/images/industry_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-business-leaders {
		background-image: url(/images/hero-02.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-managers {
		background-image: url(/images/hero-03B.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-executives {
		background-image: url(/images/hero-04.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-contact {
		background-image: url(/images/contact_bck.jpg); 
		background-repeat: no-repeat;
	}


a {
    color: #3399cc;
    text-decoration: none;
}

.logo {
	padding: 30px 5px 35px 5px;
	max-width: 200px;
	}

.logo-container {
	position: relative;
	width: 100%;
}

.icon-sm {
	padding: 0px;	
}

.icon-social {
	width: 24px;
	height: 24px;
}

.list-social-icons li {
	padding-right: 0;
}

.quicklist {
	font-family: 'HelveticaNeueLTStd-Bd', ‘Lato’, Helvetica, serif;
	font-size: 18px;	
	margin-bottom: 5px;
}

.quicklist .number {
	width: 25px;
	color: #FFF;
	background-color: #000;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; /* future proofing */
	-khtml-border-radius: 30px; /* for old Konqueror browsers */
	overflow: hidden;
	margin-right: 5px;
	text-align: center;
}
	
.home-float {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding-bottom: 1px;
	/*background-color: #DD00FF;
	clear: both;*/
}

.breadcrumb {
	background-color:#FFFFFF;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.page-header {
	margin: 10px 0 40px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.btn-blue {
    color: #fff;
    background-color: #3399cc;
    border-color: #ccc;
}

.btn-close {
	float: right;
	position: relative;
	top: -60px;
	display: block;
	right: -70px;
}

.txt-blue {
	color: #006699;	
}

a:hover, a:visited, a:active, a {
	text-decoration: none !important;
}

.panel-heading.greenbck>.panel-title>a:hover {
	color: #336600; 
}

.panel-heading.tealbck>.panel-title>a:hover {
	color: #006666; 
}

.panel-heading.ltbluebck>.panel-title>a:hover {
	color: #006699; 
}

.panel-heading.drkbluebck>.panel-title>a:hover {
	color: #000; 
}

.txt-top {
	vertical-align: top;	
}



/* Headers */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'HelveticaNeueLTStd-Th' ,‘Lato’, Helvetica, serif; letter-spacing: 2px; }

.h2.headline, h2.headline {
	font-size: 48px !important;
	/*font-size: 3vw !important;*/
	padding: 3px 0 3px 0;
	/*margin-top: 0px;
	margin-bottom: 0px;*/
}

h3.bold {
	font-family: 'HelveticaNeueLTStd-Roman', ‘Lato’, Helvetica, serif !important;
}

h4.media-heading {
	font-family: 'HelveticaNeueLTStd-Roman', ‘Lato’, Helvetica, serif !important;
}


/* Navbar */

.navbar-lantium {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
}

.nav>li>a {
	color: #000;
}



/* Home - Full Page Carousel */

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
	min-height: 500px;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.target-label {
	color: #006699;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 0px;
}

.services-quad {
	/*padding: 15px; */
}

.quad {
	padding: 15px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
}

.quad a {
	text-decoration: none;
	color: #fff;
}

.services-quad.home img, .services-quad.details img {
	width: 100px;
	clear: both;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.round {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	overflow: hidden;
}


.grey-border {
	border: #ebebeb solid 1px;
}


.services-horiz table {
	margin-bottom: 0px;
}

.services-horiz td {
		width: 25%;
		text-align: center;
		color: #333;
		background-color: #FFF;
}

.services-horiz td a:hover, 
.services-horiz td a:visited, 
.services-horiz td a:active, 
.services-horiz td a {
	color: #FFF;
}


.services-horiz td.linked a:hover, 
.services-horiz td.linked a:visited, 
.services-horiz td.linked a:active, 
.services-horiz td.linked a {
	color: #666;
}




.services-horiz td img {
	max-width: 125px;
	margin: auto;
	padding-bottom: 3px;
}

.rt-border {
	border-right:  #ededed solid 1px;
}

.rt-border-wht {
	border-right:  #FFF solid 3px;
}

.services-quad.home>div.round {
	max-width: 350px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	overflow: hidden;
}

.services-quad.home>div.round>.table {
	border-collapse: collapse;
	margin: 0px;
	border: none;
	border: hidden;
}

.services-quad p {
	margin: 0 0 5px;	
	line-height: 1.2 !important;
}

.services-quad.home td, .services-quad.details td {
	width: 50%;
	text-align: center;
}

.services-quad.details.company td {
	width: 25%;
	text-align: center;
}

.services-quad.home td a, 
.services-quad.home td a:hover, 
.services-quad.home td a:visited, 
.services-quad.home td a:active,
.services-quad.details td a, 
.services-quad.details td a:hover, 
.services-quad.details td a:visited, 
.services-quad.details td a:active {
	color: #fff;
}

.services-quad-b {
	margin: 15px;
}

.services-quad-b table, .services-quad.details table {
	margin: 0px;
}

.services-quad-b img {
	padding: 10px;
}

serv-quadrant {
	display: block;
	visibility: visible;  
}

.serv-longrow {
	display: none;
	visibility: hidden; 
	 
}

.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}

.service-label {
	padding-top: 30px;
	font-size: 30px !important;
	/*font-size: 2vw !important;*/
	margin: 0 0 2px 0;
}
	
	
.services-horiz {
		margin: 15px;
	}	
		





/* Fade transition for carousel items 
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 3s; 
         -moz-transition: opacity 3s;
           -o-transition: opacity 3s;
              transition: opacity 3s;
}



/* Fade controls with items 
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

*/


.carousel-caption {
    position: absolute;
    right: 0%;
    left: 0%;
	width: 100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333333;
    text-align: left;
    text-shadow:none;
    top: 250px;
	/*background-color: #00FF40;*/
}

.carousel-caption p {
	margin-bottom: 5px;	
}

.carousel-caption .text-block {
		
}


/* Page Hero Images */




/* Page Content Panel */

.cta-headline {
	margin-top: 0px;	
}

.well.hm-page {
	margin-top: 30px;	
}

.content-panel {
	padding: 40px 40px 50px 40px;
}


/* Forms */

.form-group {
        margin-bottom: 8px;
      }
      
#feedbackForm {
        font-size: 14px;
      }


/* Accordian Subs */

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #FFF; 
	font-family:  'HelveticaNeueLTStd-Roman', ‘Lato’, Helvetica, serif; 
}

/* Toll Free Number in Nav */

.toll-free {
	padding: 15px;
	color: #888;
}

/* Inline Styles*/

.sec-top-spacer {
	margin-top: 30px;
}

.partners img {
	padding-bottom: 20px;
}

img.pgTitle {
	width: 60px;
	margin-top: -10px;	
}

.greenbck {
	background-color: #99cd5f !important; 
}

.greentxt {
	color: #99cd5f !important; 
}

a:hover.greentxt {
	color: #669933 !important; 
}

.tealbck {
	background-color: #4abb92 !important;
}

.tealtxt {
	color: #4abb92 !important;
}

a:hover.tealtxt {
	color: #339966 !important; 
}


.ltbluebck {
	background-color: #37a3c8 !important; 
}

.ltbluetxt {
	color: #37a3c8 !important; 
}

a:hover.ltbluetxt {
	color: #006699 !important; 
}

.drkbluebck {
	background-color: #2480a0 !important;
}

.drkbluetxt {
	color: #2480a0 !important;
}

a:hover.drkbluetxt {
	color: #006666 !important; 	
}

.whtbck {
	background-color: #FFF;
}

.white-txt {
	color: #fff;	
}

.grybck {
	background-color: #ebebeb;	
}

/* Alignment */

.align-right {
	float: right;
}

.align-left {
	float: left;
}

/* Padding */

.p05 {
	padding: 5px;
}

.p08 {
	padding: 8px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}
.p20 {
	padding: 20px;
}
.p25 {
	padding: 25px;
}
.p30 {
	padding: 30px;
}

.pt0 {
	padding-top: 0px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}


.pl10 {
	padding-left: 10px;
}

.pl20 {
	padding-left: 20px;
}

.pr10 {
	padding-right: 10px;
}

.pr20 {
	padding-right: 20px;
}

.pb30 {
	padding-bottom: 30px;	
}

.mt0 {
	margin-top: 0;	
}

.mt5 {
	margin-top: 5px;	
}

.mt10 {
	margin-top: 10px;	
}

.mt15 {
	margin-top: 15px;	
}


.mb5 {
	margin-bottom: 5px;	
}

.mb40 {
	margin-bottom: 40px;
}

.four-col {
		display: block;
		visibility: visible;
	}
	
	.two-col {
		display: none;
		visibility: hidden;		
	}

/* Text Colors */

.grey {
	color: #666666;	
}


.navbar-toggle.btn>.icon-bar {
	background-color: #999999 !important;
	
}
.navbar-toggle.btn {
	border-color: #999999 !important;
}	
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


.award-img {
	width: 25%;
}


/* Contact Page Styles */

.contact-details-phone {
	width: 100%;
}

.split50 {
	width: 50%;	
	float: left;
}

/* Contact Form Styles */

.contact-info-block {

}

.hs-button {
	background-color: 	#3399cc;
	color: #FFFFFF;
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	margin: 0;
}

.hs-input {
	width:100%;	
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	color: #333333;
	margin: 0;
}

.hs-form-field, .hs_submit {
	padding-top: 10px;	
}


/* Footer Styles */

footer {
    margin: 50px 0;
}






/* Responsive Styles */


@media print {
}

@media(max-width:428px) {

	.h2.headline, h2.headline {
		font-size: 20px !important;
		/*font-size: 9vw !important;*/
	}
	
	
	.service-label {
	padding-top: 10px;
	font-size: 15px !important;
	/*font-size: 6vw !important;*/
}

.sec-top-spacer {
	margin-top: 20px;
}
@media
.carousel-inner > .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.content-panel {
    padding: 10px 10px 20px 10px;
}

.services-quad.home td, .services-quad.details td {
	width: 25%;
}
	
}

@media(max-width:640px) {
	.four-col {
		display: none;
		visibility: hidden;	
	}
	
	.two-col {
		display: block;
		visibility: visible;	
	}
	
	.services-quad.home td, .services-quad.details td {
	width: 25%;
}
	
}

@media (min-width: 768px) {
	
	.services-quad.home td, .services-quad.details td {
	width: 25%;
}



}

/* For cell phone Vertical */	
@media(max-width:767px) {
	
	
	


    
	.logo {
		padding: 15px 5px 15px 5px;
		width: 125px;
	}
	
	.carousel-caption {
		top: 125px !important;
		line-height: 1;
	}
	
	.carousel-inner > .h1, .h2, .h3, h1, h2, h3 {
		margin-top: 10px;
		margin-bottom: 5px;
	}	
	
	.h2.headline, h2.headline {
		font-size: 22px !important;
		margin-top: 0px;
		/*font-size: 6vw !important;*/
	}
	
	h2, .h2 {
		font-size: 22px !important;	
	}
	
	h3, .h3 {
		font-size: 16px !important;	
	}
	
	.target-label {
	font-size: 10px;
}
	
	.service-label {
	padding-top: 10px;
	font-size: 20px !important;
	/*font-size: 4vw !important;*/
	
}
.sec-top-spacer {
	margin-top: 10px;
}

	.services-horiz {
		margin: 15px;
	}
	
	.services-quad.home>div.round {
	max-width: 100%;
}

.services-quad.home img {
    width: 50px;
	padding-bottom: 5px !important;
	}

.services-quad.home td, .services-quad.details td {
	width: 25%;
	font-size: 12px;
	line-height: 1;

}

    .serv-quadrant {
		  /* Show */
			display: block;
			visibility: visible;  
			width: 50%;
	  }
	  
	  	  .serv-longrow {
			  /* Hide */
			display: none;
			visibility: hidden;  
	  }



.content-panel {
    padding: 30px;
    margin: 0px -20px;
}

.carousel-caption .text-block {
	width: 50% !important;
}

.carousel-inner {
	min-height: 550px;	
}



.carousel-indicators {
	display:none;
	visibility: hidden;	
}


.services-quad-b img {
    /*max-width: ;*/
}

.fill {
	height: 100%;	
}

/*

.fill.hero-one {
	background-position: center;
	}


.fill.hero-two {
	background-position: center;
	}
	
	
.fill.hero-three {
	background-position: top;
	}
	

.fill.hero-four {
	background-position: center;
	}
	
*/	
	
.col-sm-3.rt-border-wht {
	border: none;
}

.btn-close {
	top: -20px;
	right: -20px;
}


/* Page Background Images */
	
	.sec-company {
		background-image: url(/images/phone/company_bck.jpg); 
		background-repeat: no-repeat; 
	}
	
	.sec-services {
		background-image: url(/images/phone/services_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.sec-industry {
		background-image: url(/images/phone/industry_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-business-leaders {
		background-image: url(/images/phone/hero-02SQ.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-managers {
		background-image: url(/images/phone/hero-03SQ.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-executives {
		background-image: url(/images/phone/hero-04SQ.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-contact {
		background-image: url(/images/phone/contact_bck.jpg); 
		background-repeat: no-repeat;
	}
	
.toll-free {
	padding: 15px 0 0 25px;
	color: #888;
	/*font-size: 22px;	*/
}


.fill {
    width: 100%;
    height: 100%;
    background-position: top;
 /*  -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	*/
}


/* Contact Form Styles */

.contact-info-block {
	padding-top: 30px;
}

}



@media (min-width: 992px) {
	
	
}


@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
	.services-quad.home td, .services-quad.details td {
	width: 25%;
}

/* For Adding in Tech Talk */
	
	.nav > li > a {
    padding: 15px 12px;
	}
	
	.tix {
		display: none;	
	}

}





@media (min-width: 1200px) {
	
	
	
	
}


@media (min-width: 768px) and (max-width: 991px) {

.logo {
		padding: 17px 5px 17px 5px;
		width: 150px;
	}
	
	.carousel-caption {
		top: 125px !important;
	}
	
	.service-label {
	padding-top: 10px;
}

.sec-top-spacer {
	margin-top: 25px;
}

.services-quad.home>div.round {
	max-width: 275px;
}

.services-quad.home td, .services-quad.details td {
	width: 25%;
}

.services-quad.home img {
    width: 50px;
}

.serv-quadrant {
	display: block;
	visibility: visible;  
}

.serv-longrow {
	display: none;
	visibility: hidden;  
}

.carousel-inner > .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.carousel-caption {
	min-height: 768px;
	display: block;
}


.content-panel {
    padding: 30px 30px 40px 30px;
}

.btn-close {
	top: -50px;
	right: -64px;
}

/* Page Background Images */
	
	.sec-company {
		background-image: url(/images/tablet/company_bck.jpg); 
		background-repeat: no-repeat; 
	}
	
	.sec-services {
		background-image: url(/images/tablet/services_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.sec-industry {
		background-image: url(/images/tablet/industry_bck.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-business-leaders {
		background-image: url(/images/tablet/hero-02.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-managers {
		background-image: url(/images/tablet/hero-03B.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-it-executives {
		background-image: url(/images/tablet/hero-04.jpg); 
		background-repeat: no-repeat;
	}
	
	.bck-contact {
		background-image: url(/images/tablet/contact_bck.jpg); 
		background-repeat: no-repeat;
	}


}
@media (min-width: 992px) and (max-width: 1199px) {

	.logo {
		padding: 20px 5px 20px 5px;
		width: 175px;
	}
	
	.carousel-caption {
		top: 160px !important;
	}
	
	.service-label {
	padding-top: 20px;
}

.sec-top-spacer {
	margin-top: 30px;
}

.services-quad.home>div.round {
	max-width: 300px;
}

.services-quad.home img {
    width: 75px;
}

.services-quad.home td, .services-quad.details td {
	width: 25%;
}

}

@media (min-width: 1200px) and (max-width: 1399px) {

	.logo {
		padding: 20px 5px 20px 5px;
		width: 200px;
	}
	
	.carousel-caption {
		top: 200px !important;
	}
	
	.service-label {
	padding-top: 30px;
}

.sec-top-spacer {
	margin-top: 35px;
}

}




/* FOR SPECIFIC PHONES */


/* ----------- iPhone 4 and 4S ----------- */

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

}

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

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

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

}

/* 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) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
    .serv-quadrant {
		  /* Show */
			display: block;
			visibility: visible;  
			width: 50%;
	  }
	  
	  	  .serv-longrow {
			  /* Hide */
			display: none;
			visibility: hidden;  
	  }

}

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

}

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

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  
    .serv-quadrant {
		  /* Show */
			display: block;
			visibility: visible;  
			width: 50%;
	  }
	  
	  	  .serv-longrow {
			  /* Hide */
			display: none;
			visibility: hidden;  
	  }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}





/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */





/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */


/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */



/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

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

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}





/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */





/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}



/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */



/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape 800x1280*/
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {
	  
	    .serv-quadrant {
		  /* Show */
			display: block;
			visibility: visible;  
			width: 50%;
	  }
	  
	  	  .serv-longrow {
			  /* Hide */
			display: none;
			visibility: hidden;  
	  }

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {
	  
	

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}

/* ------------- Nexus 6 ---------------*/

/* Motorola Nexus 6 (portrait and landscape) */
@media only screen 
	and (min-device-width : 1440px) 
	and(max-device-width : 2560px) 
	and (-webkit-min-device-pixel-ratio : 3.5) {
	
	  .serv-quadrant {
		  /* Show */
			display: block;
			visibility: visible;  
			width: 50%;
	  }
	  
	  	  .serv-longrow {
			  /* Hide */
			display: none;
			visibility: hidden;  
	  }
}


/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */



/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

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

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

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

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}


/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */



/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}



/* //////////////////////////////   */
/* //////////////////////////////   */
/* //////////////////////////////   */



/* ----------- Apple Watch ----------- */
@media
  (max-device-width: 42mm)
  and (min-device-width: 38mm) { 

}


/* ----------- Moto 360 Watch ----------- */
@media 
  (max-device-width: 218px)
  and (max-device-height: 281px) { 

}



/*
inspired from http://codepen.io/Rowno/pen/Afykb 
http://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}