@media screen {
	html, body { width:100%;  overflow-x:hidden; }
}

/************************************************************************************
max-width = 1385px (conditions for standard desktops screens)
*************************************************************************************/
@media screen and (max-width: 1385px) {

  #logoPlacement{ width: 170px; height: 51px; margin: 0 auto; padding: 0 30px 0 0; }
  #mobileMenu{ display: none; }
  .wrapper{ width: 92%; max-width: 1100px; margin: 0 auto;  padding: 0 30px 0 30px; }
 
  /*#toolsNavigation{ }
  #toolsNavigation ul { }*/
  #toolsNavigation ul li {display:inline;}
  
  #logoPlacement{ float: left; width: 216px; height: 74px;  }

  #globalNav_Primary { float: right; padding: 26px 0 0 10px; }
  #footer .footercolumn{ width: 140px;  }

}

/************************************************************************************
max-width = 1130px
*************************************************************************************/
@media screen and (max-width: 1200px) {
	.landing-page #logo { margin-left: 0; }
}

/************************************************************************************
max-width = 1130px
*************************************************************************************/
@media screen and (max-width: 1130px) {
	#dr_promo_brick .span3 .learn_more { display: block; margin:20px 0 0 0;} /*special treatment for dragon dictate*/
	
	#expanded_nav_container { width: 100%; }
}

/************************************************************************************
max-width = 1030px
*************************************************************************************/
@media screen and (max-width: 1030px) {

    #logoPlacement{ float: left; clear: none; margin-right: 10px; margin-top: 10px; height: 51px; width: 150px; }
    #mobileMenu{ display: none; }
    #globalNavigation{ height: 80px; }
    #globalNav_Primary { float: right; margin-right: -10px; padding: 20px 0 0 0; }
	#globalNav_Primary li{ margin: 0; font-size: 0.9em; }
	#globalNav_Primary .inactive a { padding: 15px 10px; }
	#globalNav_Primary .active a { padding: 15px 10px; }
    
	.oldLogo{ background: url('../images/logo-old_sm.png') no-repeat !important;}
    .newLogo{ background: url('../images/logo-new_sm.png') no-repeat;}

    #back-top { right:0px;}
    .expanded_nav { width: 95%; }

    /*dragon - for pc / for mac */
    #dr_benefits_brick .row-fluid .span6 { width: 100%; float: none; clear:both; margin-top:60px; margin-left:0px;}
    #dr_benefits_brick .row-fluid .span6:first-child {margin-top:0px;}
    #dr_benefits_brick .spacing { margin-top: 0px; }

    .landing-page #contentdiv, .landing-page #formdiv { width: 48.5%; }
    .landing-page #formdiv { margin-top: 0px; }
}

/************************************************************************************
max-width = 980px
*************************************************************************************/
@media screen and (max-width: 980px) {
	#dr_business_brick .subpage_nav { float: none; }
	#dr_family_promo_brick h4 { font-size: 2.6em; }
}

/************************************************************************************
max-width = 952px
*************************************************************************************/
@media screen and (max-width: 952px) {
	.lead, .lead5 {font-size: 1.8em;}

	#p_feature_pro_brick .wrapper {
		width: 99%;
		margin:0 10px;
	}
}

/************************************************************************************
max-width = 929px
*************************************************************************************/
@media screen and (max-width: 929px) {

	#ncom_content h2, h2 { font-size:5.75em; }
	#ncom_content h3, h3 { font-size: 3.6em; }
	#globalNav_Primary { float: right; margin-top: 10px; margin-left: 7px; padding: 10px 0 0 0; }
	#globalNav_Primary li{ margin: 0; font-size: .9em; }
	#globalNav_Primary .inactive a { padding: 15px 10px; }
	#globalNav_Primary .active a { padding: 15px 10px; }
	#collapsedNav_Primary li{ font-size: 1.45em; }
	#logoPlacement{ padding: 0 10px 0 0; margin-top: 10px; }
	#mobileMenu{ display: none; }

	#docked_nav_inner {
		width:95%;	
	}
	.row-fluid {
		width:95%;	
	}
	
	#benefits_section .benefits_list {
		width:100%;	
	}
	#benefits_section .benefit {
		width:17%;
	}
	#news_section {
		width:95%;	
	}
	
	#news_section h3 { margin-bottom:10%; }
	.navbar .nav-collapse .nav.pull-right {
		clear:left;	
	}
	.img_container{
		width: 100%;
		height: auto;
	}

	img.adaptive {
		height: auto;
		max-height:100%;
		max-width: 100%;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		clear: both;
	}
	#sol_topics_list .row-fluid .span3:nth-child(3n+5)  {
		clear:left;
	}

	/*== dragon home stickly nav ==*/
	#dr_home_sticky_buynow { display: none; }
}


@media screen and (max-width: 929px) and (min-width:768px) {
	#sol_topics_list .row-fluid .span3, 
	#all_prod_list .row-fluid .span3, 
	#ind_sol_list .row-fluid .span3 {
		width: 45%;
		float:left;
		margin-left:0px;
		margin-right: 10px;
	}
	
}
/************************************************************************************
max-width = 883px
*************************************************************************************/
/* conditions for very small screens */
@media screen and (max-width: 883px) {

	#toolsNavigation{ display: none; }
	#globalNav_Primary{ display: none; }
	#mobileMenu{ display: block;  }
	#pageNavigation{ display: none; }
	#pageNavigation_alt{ display: none; }
	.stickynav_gradient { display: none; }
	#footerMobileSearch { display: block; }

	/*== dragon == */
	#dr_backtoschool_brick { background: #E5EBEB; }
	#dr_backtoschool_brick .span5 { width: 100%;}
	.inline-socialmedia3 { width: 100px; }
	/*dr_promo_brick is a general class for boxshots promo bricks x/ white background, eg, Dragon-for-PC / Dragon-for-Mac*/
	#dr_promo_white_bg_brick { padding-top: 30px !important;} /*more spacing when #pageNavigation is hidden*/
	#dr_promo_brick .span4 .learn_more, #dr_promo_white_bg_brick .span4 .learn_more { display: block; margin: 20px 0 0 0;} /*special treatment for dragon premium*/

}
/************************************************************************************
max-width = 800px
*************************************************************************************/
@media screen and (max-width: 800px) {
	.mainTile_nina { background: #1A6B96 url('../images/meet-nina.png') no-repeat right top; }
	.mainTile_hc { background: #861799 url('../images/home_healthcare.jpg') no-repeat right top; } 
	.mainTile_nva { background: #ff5500 url('../images/home_nva.png') no-repeat right top; }
	.mainTile_dd { background: #FF5400 url('../images/homepage_dragon_drive.jpg') no-repeat right top; }
	.mainTile_dd h2 a { color: #FFFFFF; }
	.mainTile_dd .contrastColor { color: #ffdb00; }
}

/************************************************************************************
max-width = 768px, min-width: 480px. Overwrite styles in Bootstrap
*************************************************************************************/
@media screen and (max-width: 768px) and (min-width: 480px) {
	#p_content_brick .row-fluid .span6 {
		width: 45%;
		float:left;
		margin-right:15px;
	}
	#p_desktop_prod_brick .span6 {
		width: 48.61878453038674%;
		float:left;
	}
	#p_mobile_prod_brick .span6 {
		width: 48.61878453038674%;
		float:left;
	}
	#biz_feature_pro_brick .row-fluid .span3:nth-child(n+3)  {
		border-top:solid 1px #ccc;
		margin-top:30px;
		padding-top:30px;
	}
	/*#biz_feature_pro_brick .row-fluid .span3 img {
		position:relative;
		left:40%;
	}*/
	#biz_promo_brick .span5 {
		width: 48.61878453038674%;
	}

	#partner_news_event_brick .span6 {
		width:100%;
		float:none;
	}
	#partner_news_event_brick .span3 {
		width: 48.61878453038674%;
		float:left;
		margin-left:5px;
	}
	#hc_resources_brick .span6 {
		width: 48.61878453038674%;
		float:left;
	}
	
}

@media screen and (max-width: 767px) and (min-width: 568px) {
	#explore_brick .product_cat {
		display:inline-block;
		width:33%;
		border:none;
	}

	#explore_brick ul.mainBody {
		width: 46%;
		float:left;
		margin-right:20px;
	}
	#explore_brick .nav {
	    margin-right: 0px;
	    width:100%;
	    border-bottom: solid 1px #999;
	    white-space: nowrap;
	}
	#explore_brick_jp .span3 { width: 48.61878453038674%; float:left; }
	#explore_products_jp { width: 100%; clear:both; padding-top: 30px; }
	#explore_products_jp .span6 { width: 48.61878453038674%; float:left; }
	#p_feature_pro_brick_cn .span3 { width: 48.61878453038674%; float:left; }
	#explore_products_cn { width: 100%; clear:both; padding-top: 30px; }
	#explore_products_cn .span6 { width: 48.61878453038674%; float:left; }

	#explore_products_cn_nav { width: 100%; clear:both; padding-top: 30px; }
	#explore_products_cn_nav .span6 { width: 46%; float:left; margin-left: 10px; }
	#explore_products_cn_nav .span6:first-child { margin-left: 0px; }
	.expanded_nav .span3 { width: 24%; float:left; }
	.expanded_nav .span3 { width: 48%; float:left; }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
	#biz_feature_pro_brick .span6:nth-child(2n+2) { margin-top: 30px; padding-top: 30px; border-top: solid 1px #ccc; }
	#hc_feature_pro_brick .span6:nth-child(2n+2) { margin-top: 30px; padding-top: 30px; }
}

/************************************************************************************
max-width = 767px - designated by bootstrap
*************************************************************************************/
@media screen and (max-width: 767px) {
	
	#p_desktop_prod_brick { padding-bottom: 30px; }
	#hc_news_brick .row-fluid .span4 {
		padding-top:30px;
	}
	#hc_news_brick .row-fluid [class*="span"]:first-child {
	    padding-top: 0;
	}
	#hc_part_resources_brick p.lead2 { width: auto; }
	#hc_resources_brick { margin-top: 30px; }

	/* keep mobile search field as wide as container allows */ 
	#footerMobileSearch .input-xxlarge {
	    width: 85%;
	    height: 34px;
	}

	ul.mainBody li.last { margin-bottom: 30px; }
	
	/* == dragon == */
	#globalNav_Expand { float: none; margin-top:0px !important; }
	#dr_promo_brick .row-fluid [class*="span"] { width: 48.717948717948715%; float:left;}
	#dr_promo_brick .row-fluid [class*="span"]:nth-child(n+3) { margin-top: 60px;}
	#dr_promo_brick .row-fluid [class*="span"]:nth-child(3n+3) {  clear:left; }

	#dr_promo_white_bg_brick .row-fluid [class*="span"] { width: 48.717948717948715%; float:left;}
	#dr_promo_white_bg_brick .row-fluid [class*="span"]:nth-child(n+3) { margin-top: 60px;}
	#dr_promo_white_bg_brick .row-fluid [class*="span"]:nth-child(3n+3) {  clear:left; }
	
	#dr_product_masthead_brick .row-fluid .span8 { width: 65.9574%; float:left; }
	#dr_product_masthead_brick .row-fluid .span4 { width: 31.9149%; float:left; }
	#dr_product_masthead_brick .row-fluid .span4 img { max-width:160px; height:auto; margin-left:5%;}

	#dr_morevideo_brick .row-fluid .span6 { width: 48%; float: left; }
	#dr_morevideo_brick .row-fluid .span4 { width: 48%; float: left; margin-left: 2.12766%; } 

	#dr_benefits_brick .row-fluid [class*="span"]:nth-child(n+2) { margin-top:20px; }
	#dr_support_brick .row-fluid [class*="span"]:nth-child(n+2) { margin-top:20px; }
	#dr_business_brick .small_img_left {margin-bottom: 30px; }
	#dr_benefits_brick .subpage_nav { float: none;}

	#dr_speechrecog_brick .row-fluid [class*="span"] { margin-top:30px; }
	#dr_speechrecog_brick .row-fluid [class*="span"]:first-child { margin-top:0px; }

	#dr_apps_peripherals .wrapper > p { float: none; }

	/* common two column list layout - see dragon accessories page */
	.twocol_list [class*="span"] { padding-top:20px; clear:both;}/*=30px spacing*/
	.twocol_list [class*="span"]:first-child { padding-top: 0px; }

	#expanded_nav_container .row-fluid .responsive { margin-top:30px; }

	.responsive { margin-top: 30px !important; }
	.extraspace { margin-top: 60px !important; }
	.responsivesm { margin-top: 15px !important; }

	/* == enterprise == */
	#enterprise_menu #expanded_nav_container .span3 { width: 48.7%; float:left; margin-left: 1.2%;}
    #enterprise_menu #expanded_nav_container #customer_service_list { margin-left: 0;}
    #enterprise_menu #expanded_nav_container #core_tech_list { margin-left: 0; clear:both;}

    #ent-gated-form .input-xlarge { width: 80%; }
	#ent-gated-form.modal { width: 90% !important; }
	#ent-gated-form .modal-body { height:350px; max-width: 93%; }

    .carousel_big_quote { font-size: 2.4em; }

   .landing-page  #formdiv { margin-top:30px; }
   .landing-page  #contentdiv, .landing-page #formdiv { width: 100%; }
   .landing-page #learnmorediv { border-left:none !important; padding-left: 0px; }

   .linkblockhighlight .mouseover_div [class*="span"] { margin-left:-15px; }

   hr.smallview { display: block; }

   /* hide sidebar flyout on small screens */
   .flyout-wrapper { display: none; }
}

/************************************************************************************
max-width = 660px (iPad portrait mode)
*************************************************************************************/
@media screen and (max-width: 660px) {
	#hc_promo_brick { background: #e5ebeb; }
	.video embed, .video object, .video iframe {
		min-height: 380px;
	}
}

/************************************************************************************
max-width = 625px
*************************************************************************************/
@media screen and (max-width: 625px) {

	#ncom_content h2, h2 { font-size:4.7em; }
	#ncom_content h3, h3 { font-size: 2.8em; } 
	#toolsNavigation{ display: none; }
	#globalNav_Primary{ display: none; }
	#mobileMenu{ display: block; float: right; margin: 25px 20px 0 0; cursor: pointer; color: #7E7E7e; opacity: 0.8;}

	#benefits_section .benefit {
		width:50%;
	}
	#cellphonedesc {
		margin-top:0px;	
	}
	.row-fluid .span2 {
		padding-top: 0px;	
	}
	ul.nav-pills { clear:left; float: none;}
	.nav-tabs > li, .nav-pills > li {float: none; margin: 8px 0;}
	

	.video {
		display: inline;
		padding-bottom: 56.25%;
		padding-top: 30px;
		width: 625;
		height: 351;
		overflow: hidden;
	}

	/* == dragon == */
	#dr_product_masthead_brick .row-fluid .span4 img { max-width:120px; height:auto; }
	#dr_morevideo_brick .row-fluid .span6 { width: 100%; float:none; clear:both; padding-top:30px;}
	#dr_morevideo_brick .row-fluid.margin30 { margin-top:0px !important;}
	#dr_promo_brick .row-fluid [class*="span"] { width: 100%; float: none; }
	#dr_promo_brick .row-fluid [class*="span"]:nth-child(n+2) { margin-top: 60px; }
	#dr_promo_white_bg_brick .row-fluid [class*="span"] { width: 100%; float: none; }
	#dr_promo_white_bg_brick .row-fluid [class*="span"]:nth-child(n+2) { margin-top: 60px; }

}

/************************************************************************************
max-width = 568px  (conditions for mobile)
*************************************************************************************/
@media screen and (max-width: 568px) {

	#globalNav_Tools{ color: white; padding-right: 20px; text-align: right; }
	#globalNav_Primary { display: none; float: right; clear: right; background: white; margin: 0; padding: 0 20px 0 20px; }
	#globalNav_Primary li{ text-align: right; display: block; margin: 0; padding: 8px 0px 8px 20px; font-size: 16px; border-bottom: 1px solid white;  }
	#globalNav_Primary .inactive{ background: white; color: #6e6e70; border-top, border-bottom: 1px solid #e2e2e2; }
	#globalNav_Primary .inactive:hover{ cursor: pointer;  }
	#globalNav_Primary .active{  }
	#collapsedNav_Primary li{ font-size: 1.2em; }

	/* #mobileMenu{ display: inline; width: 50px; height: 50px; font-size: 25px; float: right; text-align: right; margin: 22px 15px 0 0; cursor: pointer; background: #fcfcfc; }  */
	#mobileMenu{ display: block; float: right; margin: 25px 20px 0 0; cursor: pointer; color: #7E7E7e; opacity:0.8;}
	#mobileOverlay{ width: 100%; height: 100%; overflow: scroll; }
	#mobileInput { height: 34px; }
	#masthead {padding-top: 5px; }
	#mobileOverlay_Primary li { font-size: 1.6em; }
	#mobileOverlayClose { padding-right: 20px; }

	#docked_nav{ padding: 0 0px 0 59px;}

	html {
		-webkit-text-size-adjust: none; /* disable webkit text size adjust (for iPhone) */
	}

	#benefits_section .benefit {
		width:95%;
	}
	.expanded_section .section,  .expanded_section .sectionright {
		margin-left: auto;
		width: 95%;
	}
	.arrow-up {
		margin-left:auto;	
	}
	img.adaptive {
		margin-left: auto !important;	
	}

	.mainTile_hc h2 { font-size: 4em !important; letter-spacing: -3px !important; }
	
	#img_container {width:100%; margin-bottom:30px; text-align:center;} /* for-people: image stack on top in promo brick */
	#boxshot_dns {width:190px;}
	#footerMobileSearch .input-xxlarge { padding: 16px; }

	#biz_promo_brick { background: #861799; color: #FFF; }
	#biz_promo_brick .span5 { width: 95%; }
	#health_promo_brick { background: #e5ebeb; }

	/* == dragon == */
	#dr_support_brick ul.social_media { float: none;} 
	#dr_support_brick ul.social_media+h3 { clear: both; }

	/* == enterprise == */
	#enterprise_menu #expanded_nav_container .span3 { width: 100%; float:none; margin-left: 0;}

	/* == window shading== */
	h4.panel-title { font-size: 2.4em; }

}


/************************************************************************************
max-width = 480px  (conditions for mobile, landscape orientation)
*************************************************************************************/

@media screen and (max-width: 480px) {
	.video embed, .video object, .video iframe {
		min-height: 320px;
	}
	body{ max-width: 480px; }
	#bc .activeCell, #bc .inactiveCell { display: none; }
	#p_feature_pro_brick .wrapper { width: 92%; margin-left: 0 !important;}
	#biz_feature_pro_brick .row-fluid .span3 img { left: 25%; }
	#engage .row-fluid .span5:nth-child(4) { padding-top: 20px; }
	#biz_feature_pro_brick .promoTileType { width: 100%; float: none; }
    #biz_feature_pro_brick .promoTileImage { float: none; margin-left: 25%; }

    #globalNavigation_cn { padding-bottom: 0;}
    /*#globalNav_Expand { float: left;}*/
    #spacer { display: none; }

     #expanded_nav_container .row-fluid .span3 { width: 100%; float: none;}

     /* == enterprise == */
     #ent-gated-form .modal-body { height:300px; max-width: 90%; }

     .lead, .lead5 {font-size: 1.6em;}
     .flyout-content { padding-right:10px; }
}


/************************************************************************************
max-width = 320px  (conditions for mobile, portrait orientation)
*************************************************************************************/

@media screen and (max-width: 320px) {
	body{ width: 320px; margin: 0; padding: 0; }
	#mobileOverlay{ width: 332px; overflow: scroll; }
	#mobileInput { height: 34px; }
	.wrapper { padding-right: 5px; }
	#masthead {width: 320px; padding-top: 10px; }
	#biz_feature_pro_brick .row-fluid .span3 img { left: 40%; }
	p.imgdesc_r { clear: both; margin-left: 0px; padding-top: 20px; min-height: 0; } 

	#p_promo_brick a.cta4 { padding: 8px 10px !important; }
	#p_promo_brick .span6:nth-child(2) { padding-top:30px; }

	/* == enterprise == */
	#ent-gated-form .modal-body { height:300px; max-width: 95%; }

}