@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

body#webletter { background-color: #bbb; margin: 0 auto; padding: 0 auto; } /* width: 990px; body does not get a width*/
#main_container { background: #fff; color: #000; font-family: Arial, Verdana, sans-serif; max-width:1170px; margin-left: auto; margin-right:auto; } /* font: 70%/1.3em Verdana, Arial, sans-serif; */
#main_container ul { margin: 0; padding:0 0 15px 0; list-style: none;}
#main_container .container p { margin: 0; padding: 0 0 20px 0; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height:125%; }
#main_container .container p.last { margin: 0; padding: 0; }
#main_container a:link, #main_container a:active, #main_container a:visited {color: #0066cc; text-decoration: none;}
#main_container a:hover {color: #0066cc; text-decoration: underline;}
#main_container #content h1 { font-family: Arial, Verdana, sans-serif; font-size: 22px; line-height: 125%; font-weight:bold; margin: 0; padding: 0 0 15px 0; } 
#main_container #content h2 { font-family: Arial, Verdana, sans-serif; font-size: 18px; line-height: 125%; font-weight:bold; margin: 0; padding: 0 0 15px 0; } 
#main_container #content h3 { font-family: Arial, Verdana, sans-serif; font-size: 16px; line-height: 125%; font-weight:bold; margin: 0; padding: 0 0 10px 0; } 
#main_container #content h4 { font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 125%; font-weight:bold; margin: 0; padding: 0 0 5px 0; } 
#main_container #content h5 { font-family: Arial, Verdana, sans-serif; font-size: 13px; line-height: 125%; font-weight:bold; margin: 0; padding: 0 0 5px 0; } 

/* header */
table#hdr_nav { padding: 10px 23px;}
#main_container #hdr_nav .menu {font-weight: bold; vertical-align: bottom; width: 100%;}

/* colors for responsive header */
#modern_header .headerText { background-color: #0061aa; color:#ffffff; }
#classic_header .headerText { background-color: #fcfcfc; color:#333333; }
#classic_header { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; }
#progressiveBold_header .headerText { background-color: #f47920; color:#ffffff; }
#progressiveCalm_header .headerText { background-color: #00b5e5; color:#ffffff; }
#human1_header .headerText { background-color: #533014; color:#ffffff; }
#human2_header .headerText { background-color: #717b44; color:#ffffff; }
#human3_header .headerText { background-color: #854013; color:#ffffff; }
#human4_header .headerText { background-color: #4c7e75; color:#ffffff; }
#human5_header .headerText { background-color: #53789e; color:#ffffff; }

/* colors for text styles */
#main_container .general_color {color: #00b5e5;}
#main_container .general_color2 {color: #999;}
#main_container .calm_color {color: #00b5e5;}
#main_container .calm_color2 {color: #84c24d;}
#main_container .bold_color {color: #f47920;}
#main_container .bold_color2 {color: #005f9f;}
#main_container .human1_color {color: #533014;}
#main_container .human2_color {color: #717b44;}
#main_container .human3_color {color: #854013;}
#main_container .human4_color {color: #4c7e75;}
#main_container .human5_color {color: #53789e;}

/* content */
/* bootstrap handles outer padding #main_container #content {padding: 20px 23px;} */
#main_container #content { padding: 20px 25px;}
#main_container #content #intro { border-bottom: solid 1px #ccc; margin-bottom: 29px;}
#main_container #content #index-img { float: left; max-width: 255px;}
#intro #index-img img { width: 100%;  height:100%; max-width: 255px; }
.gartner-logo { padding: 0 0 20px; }
html body#webletter div#main_container td { padding: 8px; }

#main_container #content #intro .pad_intro {padding-right: 30px; padding-bottom: 8px;}

#main_container #content #intro .bg_human {float: right; text-align: left; width: 75%; background: url(/imagesrv/media-products/images/bg_human.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_human-video {float: right; text-align: left; background: url(/imagesrv/media-products/images/bg_human.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_classic {float: right; text-align: left; width: 75%; background: url(/imagesrv/media-products/images/bg_classic.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_classic-video {float: right; text-align: left; background: url(/imagesrv/media-products/images/bg_classic.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_modern {float: right; text-align: left; width: 75%; background: url(/imagesrv/media-products/images/bg_modern.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_modern-video {float: right; text-align: left; background: url(/imagesrv/media-products/images/bg_modern.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_calm {float: right; text-align: left; width: 75%; background: url(/imagesrv/media-products/images/bg_calm.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_calm-video {float: right; text-align: left; background: url(/imagesrv/media-products/images/bg_calm.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_bold {float: right; text-align: left; width: 75%; background: url(/imagesrv/media-products/images/bg_bold.jpg) right bottom no-repeat; min-height: 250px;}
#main_container #content #intro .bg_bold-video {float: right; text-align: left;  background: url(/imagesrv/media-products/images/bg_bold.jpg) right bottom no-repeat; min-height: 250px;}

#main_container #content .column1 {float: left; }
#main_container #content .column2 {float: left;}
#main_container #content ul li.date {padding: 7px 0px; color: #999;}
/* #main_container #content .content_side {float: left; } bootstrap handles the float width: 673px; */
#main_container #content .content_side .img1 {margin-top: 3px; margin-bottom: 16px;}

/* right rail*/
#main_container #content .right_rail { float: left; font: Arial, Verdana, sans-serif; }
#main_container #content .right_rail .railPad { padding: 0 0 0 30px; }
#main_container #content .right_rail p { margin: 0; padding: 0 0 20px 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height:135%; }
#main_container #content .right_rail ul { font-size: 12px; line-height: 135%; padding: 7px 0 17px ; }
#main_container #content .right_rail div.quote { font-size: 18px; line-height:125%; font-weight: normal; font-style: italic; padding: 10px 10px 10px 20px; margin: 0 0 10px 10px; border-left: 5px solid #eeeeee; }
#main_container #content .right_rail p.author { margin: 15px 0 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height:125%; font-style: normal; }
#main_container #content .right_rail p.last { padding: 0; }
#main_container #content .right_rail ul.key { padding: 0; padding-top: 2px; }
#main_container #content .right_rail ul li.abbr { font-weight: bold; float: left; width: 120px; font-size: 11px;  line-height: 125%}
#main_container #content .right_rail ul li.descr { float: left; width: 200px; font-size: 11px; line-height: 125% }
#main_container #content .right_rail img { margin-left: auto; margin-right: auto; } /* display: block; */ 
div.quote { font-size: 18px; line-height:125%; font-weight: normal; font-style: italic; padding: 10px 10px 10px 20px; margin: 0 0 10px 10px; border-left: 5px solid #eeeeee; }
p.author { margin: 15px 0 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height:125%; font-style: normal; }

/* footer */
#main_container .return { padding-top: 28px;}
#main_container #gLogo, #main_container #gLogo-b, #main_container #gLogo-c { padding: 16px 23px 0px; height: 56px;}
#main_container #gLogo img, #main_container #gLogo-b img, #main_container #gLogo-c img { float: right; padding-top: 2px;}
#main_container #copyright { padding: 20px 23px 0px 23px; } /* font was 9px */
#main_container #copyright p { padding: 0 0 20px 0; font-size: 11px; line-height: 135%} /* font was 9px */
#main_container #gLogo { background: #666;}
#main_container #gLogo-b { background: #f47920;}
#main_container #gLogo-c { background: #00b5e5;}

/* general */
#main_container .stick { font-weight: normal; color: #ccc; padding: 0 4px;}
#main_container .clear { clear: both; }
#main_container .dottedLine { background: url(/imagesrv/media-products/images/dotted_line.gif) repeat-x; line-height: 1px; margin: 0; } 
#main_container .padDot { padding-bottom: 15px; margin-top: 15px;}
#main_container ol { margin: 0; padding: 10px 0 0 20px; }
#main_container ol li { padding: 0 10px 10px 0;}
#main_container ul.bullet li { padding-left: 4px; padding-bottom: 7px; margin-left: 14px; list-style-type: disc; line-height: 125%; }
#main_container ul.bullet2 { padding: 0; list-style-type: disc }  
#main_container ul.bullet2 li { margin-left: 30px; padding: 5px 0 8px 5px; list-style-type: disc; line-height: 125%; }
#main_container ul.bullet3 { padding: 0; list-style-type: disc }
#main_container ul.bullet3 li { margin-left: 60px; padding: 5px 0 12px 5px; list-style-type: disc; line-height: 125%; }
#main_container .floatLeft { float: left;}
#main_container div.small, #main_container p.small, .small { font-size: 11px;line-height:125%;} /* font was 10px */
#main_container .logotext { font-size: 10px; color:#FFFFFF; float: right;} /* font was 9px */
sup, .sup, .trademark {font-size: 7px; display: inline; line-height: 10px; vertical-align: text-top; top: -0.125em;}
sub, .sub { font-size: 7px; display: inline; line-height: 5px; vertical-align: baseline; bottom: -0.25em; }
.soc-icon { padding: 0 15px 0 0; }
img.img-responsive { display: block; height: auto; max-width: 100%; }
.fleft { float: left; margin: 5px 15px 5px 0;}
.fright { float: right; margin: 5px 0 5px 15px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* from bootstrap nav css */
body { padding-top: 0px; padding-bottom: 20px;  }
.container{ background-color: #fff;}
.navbar { margin-bottom: 20px; }
 
/* added responsive css 20150831 */
.draftText{ float: none !important;padding: 10px 0 0 15px !important; font-size: 34px; font-weight: bold; width: 40%; line-height: 34px !important;}
.coLogo { padding: 14px 10px 10px 10px ; float: right; text-align: right;}
.clear{clear:both; height:0; }
.headerText { width: 100%;	min-height:120px; padding: 0; margin-left: auto; margin-right: auto; }
.headerText .headerTextLeft { padding: 10px 0 10px 20px; float:left; max-width:63%; width:63%}
.headerText .headerImgRt { float:right; padding:0; text-align:right; max-width:37%; width:37%}
.headerTextLeft p { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 300; margin: 0; padding: 0; }
.headerText h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 28px; font-weight: 400; margin: 5px 0; padding: 2px 0; }
.headerText h5 { font-family: Arial,Verdana,sans-serif; font-size: 10px; margin: 5px 0; padding: 0; font-weight: 400; text-transform: uppercase }

/* bootstrap modifications: body font-size:14px, col widths (removed w from divs) */
/* .webletterNav { } updated bootstrap default nav styles */
.navbar { border: 0px none !important; margin-bottom: 0px !important;}
.navbar-right { margin-right: 0 !important; }
.navbar-default { background-color: #ffffff !important;border-color: 0px !important; }
.navbar-left li.no-line { border-left: 0px !important; }
.navbar-brand { padding: 10px 25px 0 15px !important; height: 65px !important;}
.navbar-nav > li { border-left: 1px solid #ccc; }
.navbar-nav > li > a { font-family: Arial,Verdana,sans-serif !important; font-size: 12px; font-weight: bold; line-height: 115%; color: #0066cc; padding: 3px 15px !important; margin: 0px !important; }
.navbar-nav.navbar-right li.no-line { border: 0px !important; }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding: 25px 0 5px !important; }
ul.nav.navbar-nav.navbar-left {padding: 0 !important;}


/* Home */
.contactImages img {width: 46%; border:none; padding:0; margin:0; max-width: 209px; }

/* container-fluid- top image area goes edge to edge*/
#main_container, #main_container .container-fluid { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }




/* NEW FLEXIBLE BUTTONS */

.even-160 {width: 100%; max-width: 160px;}
.big {width: 100%; max-width: 260px; padding: 14px 14px; font-size: 16px !important; line-height: 1.95 !important}

/* BUTTON COLORS BELOW */

.btn-orange {
    color: #fff !important;
    background-color: #F9690E;
    border-color: #f96306;
}

.btn-orange:hover, .btn-orange:focus {
    color: #fff !important;
    background-color: #7c3203;
    border-color: #632803;
    text-decoration: none !important;
}

.btn-jade {
    color: #fff !important;
    background-color: #4e7c75;
    border-color: #4e7c75;
}

.btn-jade:hover, .btn-jade:focus {
    color: #fff !important;
    background-color: #273f3b;
    border-color: #1d2f2c;
    text-decoration: none !important;
}

.btn-red {
    color: #fff !important;
    background-color: red;
    border-color: red;
}

.btn-red:hover, .btn-red:focus {
    color: #fff !important;
    background-color: #660000;
    border-color: #4d0000;
    text-decoration: none !important;
}

.btn-green {
    color: #fff !important;
    background-color: #2eb82e;
    border-color: #2eb82e;
}

.btn-green:hover, .btn-green:focus {
    color: #fff !important;
    background-color: #145214;
    border-color: #0f3d0f;
    text-decoration: none !important;
}

/* DELUXE BUTTONS */

.btn-luxe-rd {
color: white !important;
background: #ff000d;
background: -moz-linear-gradient(top,  #ff000d 13%, #e50003 31%, #93001a 72%, #770001 98%);
background: -webkit-linear-gradient(top,  #ff000d 13%,#e50003 31%,#93001a 72%,#770001 98%);
background: linear-gradient(to bottom,  #ff000d 13%,#e50003 31%,#93001a 72%,#770001 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff000d', endColorstr='#770001',GradientType=0 );
}

.btn-luxe-rd:hover, .btn-luxe-rd:focus {
    color: white !important;
    background: #4d0004;
    text-decoration: none !important;
}

.btn-luxe-grn {
color: white !important;
background: #349175;
background: -moz-linear-gradient(top,  #349175 0%, #006265 100%);
background: -webkit-linear-gradient(top,  #349175 0%,#006265 100%);
background: linear-gradient(to bottom,  #349175 0%,#006265 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349175', endColorstr='#006265',GradientType=0 );
}

.btn-luxe-grn:hover, .btn-luxe-grn:focus {
    color: white !important;
    background: #14382d;
    text-decoration: none !important;
}

.btn-luxe-blue {
color: white !important;
background: #1dace9;
background: -moz-linear-gradient(top,  #1dace9 0%, #1a8ac2 100%);
background: -webkit-linear-gradient(top,  #1dace9 0%,#1a8ac2 100%);
background: linear-gradient(to bottom,  #1dace9 0%,#1a8ac2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dace9', endColorstr='#1a8ac2',GradientType=0 );
}

.btn-luxe-blue:hover, .btn-luxe-blue:focus {
    color: white !important;
    background: #09445d;
    text-decoration: none !important;
}

.btn-luxe-gb {
color: white !important;
background: #2f73b2;
background: -moz-linear-gradient(top,  #2f73b2 0%, #0f395f 100%);
background: -webkit-linear-gradient(top,  #2f73b2 0%,#0f395f 100%);
background: linear-gradient(to bottom,  #2f73b2 0%,#0f395f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f73b2', endColorstr='#0f395f',GradientType=0 );
}

.btn-luxe-gb:hover, .btn-luxe-gb:focus {
    color: white !important;
    background:  #153451;
    text-decoration: none !important;
}

.btn-luxe-s {
color: white !important;
background: #999999;
background: -moz-linear-gradient(top,  #999999 0%, #666666 100%);
background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%);
background: linear-gradient(to bottom,  #999999 0%,#666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
}

.btn-luxe-s:hover, .btn-luxe-s:focus {
    color: white !important;
    background:  #4d4d4d;
    text-decoration: none !important;
}

.btn-luxe-bd {
color: white !important;
background: #004080;
background: -moz-linear-gradient(top,  #004080 0%, #001a33 100%);
background: -webkit-linear-gradient(top,  #004080 0%,#001a33 100%);
background: linear-gradient(to bottom,  #004080 0%,#001a33 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004080', endColorstr='#001a33',GradientType=0 );
}

.btn-luxe-bd:hover, .btn-luxe-bd:focus {
    color: white !important;
    background:  #000d1a;
    text-decoration: none !important;
}

.btn-luxe-g {
color: white !important;
background: #50b200;
background: -moz-linear-gradient(top,  #50b200 0%, #005b0a 100%);
background: -webkit-linear-gradient(top,  #50b200 0%,#005b0a 100%);
background: linear-gradient(to bottom,  #50b200 0%,#005b0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b200', endColorstr='#005b0a',GradientType=0 );
}

.btn-luxe-g:hover, .btn-luxe-g:focus {
    color: white !important;
    background:  #003306;
    text-decoration: none !important;
}



/* RESPONSIVE TABLE STYLES */
.table { min-width:100%; border:1px solid #DFE0E5; font-family: "Roboto", sans-serif; background: #F7F7F7; margin: 0 0 15px 0; }
.table thead th { background: #343844 none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.17) !important; color: #ffffff !important; font-size: 13px; font-weight: 700; text-align: center; padding: 5px !important; }
.table th { font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 13px; background: #fff;vertical-align: middle !important; white-space: normal !important; }
.table td {  border-bottom: 1px solid #dfe0e5;  color: #333333;  font-size: 11px;  padding: 10px;  min-height: 80px;  vertical-align: top;white-space: normal !important; }
.table-responsive table.table tbody tr td p { font-size: 11px !important; }
.table tr.even, 
.table tr.alt, 
.table tr:nth-of-type(even) { background: #fff !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.table tr a, tr:nth-of-type(2n) a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.table td span a { background: none repeat scroll 0 0 #f76742; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; color: #ffffff; display: block; font-size: 12px; margin: 0 20px; padding: 10px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.table td span a:hover { background:#282828 !important; text-decoration: none; }

.table td ul, .table td ul.bullet { margin: 0; padding: 0 0 0 5px !important;}

/* common device widths 320, 480, 750, 970, and 1180 */
/* bootstrap media queries    768, 992, and 1200,  */
@media only screen and (min-width : 60px) and (max-width : 479px) { /* fires at 60 to 479 wide*/
	#main_container #content #intro .bg_human,
	#main_container #content #intro .bg_classic,
	#main_container #content #intro .bg_modern { width: 100%; }
	#main_container #content #index-img { display:none; }
	#intro #index-img img { display:none; }
	#main_container #content #intro .pad_intro {padding: 0 20px 8px 15px;}
	#main_container #content .right_side, div.right_rail { padding: 20px 0 0 0; margin: 20px 20px 0 0; border-top: 1px dashed #ccc }
	#main_container #content .right_rail .railPad { padding: 0 0 0 10px; }
	#main_container #content #intro .bg_human, 
	#main_container #content #intro .bg_classic, 
	#main_container #content #intro .bg_modern,
	#main_container #content #intro .bg_calm, 
	#main_container #content #intro .bg_bold  { width: 100%; }
	div.right_rail.col-md-4 img { max-width: 250px; }	 
	.headerText .headerTextLeft { padding: 10px 0 15px 20px !important; width: 100%; max-width: 100%}
	.table thead th { background: #343844 none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.17) !important; color: #ffffff !important; font-size: 11px; font-weight: 700; text-align: center; padding: 5px !important; }
	.table th { font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 11px; background: #fff;vertical-align: middle !important; white-space: pre-wrap !important; }
	.table td {  border-bottom: 1px solid #dfe0e5;  color: #333333;  font-size: 10px;  padding: 5px !important;  min-height: 80px;  vertical-align: top;white-space: pre-wrap !important; }
	/*.row { margin-left: -15px;  margin-right: -15px; }*/
}

@media only screen and (min-width : 320px) and (max-width : 480px) { 
	div.row div.content_side.col-md-12 {padding-left: 0 !important; padding-right: 0 !important;}
	#main_container #content .right_side.col-md-6 { padding: 15px 15px 0 15px !important; margin: 0 !important; }
}


@media only screen and (min-width : 480px) and (max-width : 767px) { 
	#main_container #content #intro .bg_human,
	#main_container #content #intro .bg_classic,
	#main_container #content #intro .bg_modern { width: 100%; }
	#main_container #content #index-img { display:none; }
	#intro #index-img img { display:none; }
	#main_container #content #index-vid img { width: 98%; border:solid 2px red; }
	#main_container #content .right_side.col-md-6 { padding: 15px 15px 0 15px !important; margin: 0 !important; }
	#main_container #content .right_side, div.right_rail { padding: 20px 0 0 0; margin: 20px 20px 0 0; border-top: 1px dashed #ccc }
	#main_container #content .right_rail .railPad { padding: 0 0 0 10px; }
	#main_container #content #intro .bg_human, 
	#main_container #content #intro .bg_classic, 
	#main_container #content #intro .bg_modern,
	#main_container #content #intro .bg_calm, 
	#main_container #content #intro .bg_bold  { width: 100%; }
	.bg_modern-video, .bg_human-video, .bg_classic-video, .bg_calm-video, .bg_bold-video { width: 88%; }
	div.right_rail.col-md-4 img { max-width: 300px; }
	.headerText .headerTextLeft { padding: 10px 0 15px 20px !important; width: 100%; max-width: 100%}
	img.img-responsive  { max-width: 300px;  width: 100%; height: 100%  }
	.row .right_side.col-md-6 div .contactImages img { width: 90% !important;}
}

@media only screen and (max-width : 767px) { /* fires 767px wide and less*/
	.webletterNav .collapse .navbar-nav li a { padding-left: 9px; border-top: 1px solid #ccc; border-left: none; }
	.navbar-nav { margin: 0 0 7.5px -15px; }
	.navbar-toggle { padding: 6px 10px; }
	.navbar-default .navbar-brand { padding-top: 6px; }
	.headerImgRt{display:none;}
	.headerText .headerTextLeft { padding: 15px 0 15px 20px !important; width: 100%; max-width: 100% }
	#main_container #content .right_side, div.right_rail { padding: 20px 0 0 0; margin: 20px 20px 0 0; border-top: 1px dashed #ccc }
	.bg_modern-video, .bg_human-video, .bg_classic-video, .bg_calm-video, .bg_bold-video { width: 100%; }
	img.img-responsive  { max-width: 500px;  width: 100%; height: 100%  }
	div.right_rail.col-md-4 img { max-width: 400px;  }
	.navbar { border-bottom: 1px #e7e7e7 solid !important; margin-bottom: 0px !important;}
	.navbar-collapse { border: 0px none !important;}
	.navbar-nav { margin: 0 !important; }
	.navbar-nav > li { border-left: 0 !important; border-bottom: 1px solid #e7e7e7;}
	.navbar-nav > li > a { line-height: 20px !important; padding: 5px 0 !important; font-size: 14px !important; }
	.navbar-nav > li > a:hover { text-decoration: underline !important;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding: 10px 20px !important; }
	ul.nav.navbar-nav.navbar-left { padding: 0 !important;}
	div.row div.content_side.col-md-12 {padding-left: 15px; padding-right: 15px;}
	.row .right_side.col-md-6 div .contactImages img { width: 45% !important;}
	.soc-icon { padding: 10px 15px 0 0 !important; }
}

 
@media only screen and (min-width : 768px) and (max-width : 991px) { 
	.webletterNav .navbar-nav > li { border-left: 1px solid #ccc;	}
	.webletterNav .navbar-default .navbar-collapse, 
	.webletterNav .navbar-default .navbar-form { border-color: transparent; padding-left: 15px; padding-right: 15px; }
	#main_container { margin-left: auto; margin-right: auto; }
	#main_container,
	#main_container .container-fluid { width: 750px; }
	.headerImgRt{ display:none;}
	.headerText .headerTextLeft { padding: 15px 0 15px 20px !important; width: 100%; max-width: 100%  }
	#main_container #content #intro .bg_human,
	#main_container #content #intro .bg_classic,
	#main_container #content #intro .bg_modern { width: 73%; } 	/* .bg_human,	.bg_classic,	.bg_calm,	 .bg_bold - was width: 675px; */
	#main_container #content #index-img {float: left; max-width: 175px;}
	#intro #index-img img {width: 100%;  height:100%; max-width: 165px; }
	#main_container #content #index-vid img { width: 50%; display:block; clear:both; }
	#index-vid {clear: both; display: block; }
	.col-md-4#blockImg {clear:both; display:block; width:100%; }
	.col-md-8#blockPar {clear:both; display:block; width:100%; }
	#main_container #content .right_side, div.right_rail { padding: 20px 0 0 0; margin: 20px 20px 0 20px; border-top: 1px dashed #ccc }
	#main_container #content .right_rail .railPad {padding: 0 !important;}
	.bg_modern-video, .bg_human-video, .bg_classic-video, .bg_calm-video, .bg_bold-video { width: 100%; }
	div.right_rail.col-md-4 img { max-width: 500px;  }
	.soc-icon { padding: 10px 15px 0 0 !important; }
}

@media only screen and (min-width: 992px) and (max-width : 1199px) { /* fires at 970px or greater  */
	.soc-icon { padding: 0 8px 0 0 !important; }
	#main_container { margin-left: auto; margin-right: auto;}
	.webletterNav .navbar-default .navbar-collapse,
	.webletterNav .navbar-default .navbar-form { border-color: transparent; padding-left: 15px; padding-right: 15px; }
	#main_container ,
	#main_container .container-fluid { width: 970px; }
	#main_container #content #intro .bg_human,
	#main_container #content #intro .bg_classic,
	#main_container #content #intro .bg_modern {width: 76%;}
	#main_container #content #index-img {float: left; max-width: 215px;}
	#intro #index-img img {width: 100%;  height:100%; max-width: 205px; }
	#main_container #content #index-vid img { width: 98%; }
	.bg_modern-video, .bg_human-video, .bg_classic-video, .bg_calm-video, .bg_bold-video { width: 88%; }
	div.right_rail.col-md-4 img { max-width: 250px;  }
	div.right_rail.col-md-8 img { max-width: 500px;  width: 100%; height: 100%  }
	.headerText .headerTextLeft { width: 55% !important;}
	.headerText .headerImgRt { width: 45% !important; max-width: 45% !important;  } 
}

@media (min-width: 1200px) { /* large screen */ /* fires at 1180 or greater */
	#main_container,
	#main_container .container-fluid { width: 1170px; }
	#main_container #content #intro .bg_human,
	#main_container #content #intro .bg_classic,
	#main_container #content #intro .bg_modern {width: 75%;}	
	#main_container #content #index-img {float: left; max-width: 255px;}
	#intro #index-img img {width: 100%;  height:100%; max-width: 255px; }
	.bg_modern-video, .bg_human-video, .bg_classic-video, .bg_calm-video, .bg_bold-video { width: 100%; }
	div.right_rail.col-md-4 img { max-width: 500px;  }
}