@media screen {
	html, body { width:100%;  overflow-x:hidden; }
}

@media (max-width: 1200px) { 
	.wrapper{ width: 92%; max-width: 1100px; margin: 0 auto;  padding: 0 30px 0 30px; }
	#logoPlacement{ margin-left:0; padding: 0; }
	#mobileMenu { display: none; }
	/*#toolsNavigation ul li {display:inline;}*/
	#globalNav_Primary { float: right; padding: 26px 0 0 10px; }
	#footer .footercolumn { width: 140px;  }
	#expanded_nav_container { width: 100%; }
	.landing-page #logo { margin-left:0; }
	#feedTwitter { margin-left: 0; }

	.carousel-control { display: none !important; } /* hide carousel arrows for "image gallery carousel" */
}

@media (max-width: 1100px) { 
	/* channel changer */
	#meganavTabs { background-color: #fff !important; margin-top: 60px;}
	#meganavTabs .accordion-heading { padding: 30px 0; }
	#meganavTabs .accordion-heading .accordion-toggle { display: block; padding: 0px; }
  	#meganavTabs .accordion-group { border-width: 0 0 1px 0; margin: 0 30px; }
  	#meganavTabs .accordion-group:last-of-type { border-bottom: none; }
  	#meganavTabs .accordion-heading h6 { font-size: 30px; width: 80%;}
	#meganavTabs .accordion-inner { padding: 30px 0px 60px 0px; border-top: 1px solid #e5e5e5; }
	#meganavTabs .accordion-inner .row-fluid .span3 { width: 48.61878453038674%; }
	#meganavTabs .accordion-inner .row-fluid > [class*=span]:nth-child(2n+1) { clear: both; margin-left: 0; float: left !important; }
	.home .oldLogo{ background: url('https://www.nuance.com/assets/images/multimedia/logo-old_sm.png') no-repeat !important; }
	.home #logoPlacement { width: 150px; top:120px; }
	.expanded-section .arrow-up { margin-left:15%; }
	
	.successStory-view-link {
		display: block;
		margin-top: 20px;
		margin-left: 0px;
	}  	
}
@media (min-width: 979px) {
	#toolsNavMobileView { display: none !important; }
}

@media (max-width: 979px) {
	#toolsNav_Tools .fa.fa-bars { display: inline-block; }
	#toolsNav_cclinks, #secondLvlNav { display: none !important; }
	#navLogo { margin-left:0; }

	#logoPlacement{ padding: 0 10px 0 0; /*margin-top: 10px;*/ }
	#globalNav_Primary { display: none; }

	#mobileMenu { display: block; }
	#footerMobileSearch { display: block; }

	#pageNavigation .cta, #pageNavigation .dropdown-toggle,  #pageNavigation .btngroup,
	#collapsedNav .cta, #collapsedNav .dropdown-toggle,  #collapsedNav .btngroup { 
      display: none;
    }
  	ul.nav-pills { width: 100%; }
 
	#docked_nav_inner { width:95%; }
	#back-top { right:0px;}
	
	.row-fluid { width:95%;	}
	.expanded_nav { width: 95%; }
	.navbar .nav-collapse .nav.pull-right { clear:left;	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		clear: both;
	}
	.img_container {
		width: 100%;
		height: auto;
	}
	img.adaptive {
		height: auto;
		max-height:100%;
		max-width: 100%;
	}

	#hp-exploreNuance .promoTile {
		overflow: auto;
		float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
	}
	#hp-exploreNuance .promo-info {
		float: right;
		width: 65%;
		padding: 25px 15px 18px 0px;
		min-height: auto !important;
	}
	#hp-exploreNuance .promo-image {
		width: 30%;
	}
	#hp-exploreNuance .responsive {
    	margin-top: 30px !important;
	}
	#hp-exploreNuance .linklist { width: 100%; float: none; margin-left: 0; }
	#hp-exploreNuance .linklist ul {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}

	.row-fluid.pillar [class*="span"] {
    width: 48.717948717948715%;
    margin-left: 2.564102564102564%;
    float: left;
	}
	.row-fluid.pillar [class*="span"]:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
	}
	
	.row-fluid.pillar { margin-top:0 !important; }
	.row-fluid.pillar [class*="span"]:nth-child(2n+1), 
	.row-fluid.pillar [class*="span"]:nth-child(2n+2) {
	    margin-top:30px;
	}

	.image-carousel .control-wrapper { display:none; }

	.expanded-section .arrow-up { margin-left:16%; }

	.bigfont140 { font-size:110px; }
	.bigfont140 sup { font-size: 60px; top:-0.5em; }
	.bigfont110 { font-size:80px; }
  	.bigfont110 sup { font-size: 50px; top:-0.4em; }
  	.bigfont60 { font-size:50px; }
  	.bigfont60 sup { font-size: 30px; top:-0.4em; }
}

@media (min-width: 768px) and (max-width: 979px) {
	.resources .row-fluid [class*="span"] {
	    width: 48.717948717948715%;
	    margin-left: 2.564102564102564%;
	    float: left;
	}
	.resources .row-fluid [class*="span"]:nth-child(2n+1) {
	    margin-left: 0;
	    clear: both;
	}
	.resources .row-fluid [class*="span"]:nth-child(2n+1), 
	.resources .row-fluid [class*="span"]:nth-child(2n+2) {
	    margin-top:30px;
	}
	.resource-small-box-g-bg .thumb, .resource-small-box-w-bg .thumb { display: none; }

	/* resize */
	h2 { font-size: 48px; }

	/* Resource Carousel: turn to one-column earlier to avoid content+button being cut off */
	.carousel:not(.image-carousel) .carousel-inner .row-fluid .span6 { width:100%; float:none; margin-left:0;} 
	.carousel:not(.image-carousel) .carousel-inner .row-fluid .span6.responsive { margin-top:30px; }
}

@media (max-width: 767px) {

	/* keep mobile search field as wide as container allows */ 
	#footerMobileSearch .input-xxlarge { width: 85%; }
	#pageNavigation { text-align: center; }
	#collapsedNav { text-align: center; min-height: auto !important; }
	
	#pageNavigation .cta, #pageNavigation .dropdown-toggle, #pageNavigation .btngroup,
	#collapsedNav .cta, #collapsedNav .dropdown-toggle, #collapsedNav .btngroup { 
    display: inline-block;
    float: none;
  }

  ul.nav-pills { display: none; }

	ul.mainBody li.last { margin-bottom: 30px; }
	.responsive { margin-top: 30px !important; }
	.extraspace { margin-top: 60px !important; }
	.responsivesm { margin-top: 15px !important; }
	.eyebrowH5Alignment { margin-top: 0px !important; }

	/* == enterprise == */
  	#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; }

	.linkblockhighlight .mouseover_div [class*="span"] { margin-left:-15px; }

 	hr.smallview { display: block; }

 	/* hide sidebar flyout on small screens */
 	.flyout-wrapper { display: none; }

 	.home .masthead { min-height: 260px !important; }
 	/*.masthead { background-image: none !important; }*/
 	.backgroundImgMark:not(.alwaysImg), .masthead:not(.alwaysImg) { background-image: none !important; }
 	.landing-page { background-image: none !important; }

 	/* this is to remove the 330px min-height for bricks with graphic background */
 	/*.jumbotron { background-image: none !important; min-height: auto !important; }*/
 	.jumbotron:not(.alwaysImg) { background-image: none !important; min-height: auto !important; }
 	.carousel .item .jumbotron:not(.alwaysImg) { min-height: 260px !important; }
 	
 	/* when content is in single-column display, display any right-aligned items to be left-aligned; */
 	.row-fluid > [class*=span].text-right, .row-fluid > [class*=span] .text-right { text-align: left; }

   	/* reset font sizes */
   	h1 {  } /*not to scale */
   	h2 { font-size: 36px; }
   	h3 { font-size: 24px; }
   	h4 { font-size: 20px; }
   	h5 { font-size: 18px; }
   	h6 {  } /*same as desktop */
   	.lead1 { font-size: 18px; }
   	.lead2 { font-size: 16px; }
   	p { font-size: 14px; }
   	p.description { font-size:16px; }
   	.small { font-size: 12px; }

   	/* hide home engage us vertical line */
   	#hp-engageus #or { display: none; }	
   	#hp-engageus [class*=span] .cta { margin-top:0 !important; }

   	#meganav_content_brick .accordion-heading h6 { font-size: 24px;}
   	#tabs .list-wrap { margin-top:40px; }

   	.expandable-menu h1 {float: none; }
    #second_nav_expand { float: none; margin-top:10px; }

    .img-on-left { display: none; }

    .resource-small-box-g-bg .thumb, .resource-small-box-w-bg .thumb { display: block; }

    .expanded-section .arrow-up { margin-left:0; }

  	.bigfont140 { font-size:90px; }
	.bigfont140 sup { font-size: 60px; top:-0.2em; }
	.bigfont110 { font-size:80px; }
	.bigfont110 sup { font-size: 50px; top:-0.4em; }
	.bigfont60 { font-size:40px; }
	.bigfont60 sup { font-size: 30px; top:-0.25em; }

	#successStory-right {
		margin-left:15px;
	}
	.successStory-quote #quote-left {
		margin: 0 0 0 -15px;
	}

	.bordered-nav-tabs td { 
		display: list-item; 
		border: none; 
		width:auto; 
		text-align: left; 
		list-style: none; 
	}

	.bordered-nav-tabs td a {
    color: #0077C0 !important; 
  }
	
}

@media (min-width: 481px) and (max-width: 767px) {
	#expanded_nav_container .row-fluid .span3 {
	    width: 48.717948717948715%;
	    /*margin-left: 2.564102564102564%;*/
	    float: left;
	}
	#expanded_nav_container .row-fluid [class*=span]:nth-child(2n+1) { 
		clear: both; 
		margin-left: 0; 
	}
	#expanded_nav_container .span3.responsive {
    margin-top: 0px !important;
	}
}

@media (max-width: 625px) {
	#toolsNav_Tools .other { display:none !important; }
	.button-w-label { float:none; margin-top:20px; }

  /* searchrow used in news / events / PR listings */
  .searchrow input[type="submit"] { 
    display: block; 
    margin: 10px 0 0;
  }
}

@media (max-width: 480px) {

	#globalNav_Tools { color: white; padding-right: 20px; text-align: right; }

	#mobileMenu { color: #7E7E7e; opacity:0.8; }
	#mobileInput { height: 34px; }
	#mobileOverlay{ width: 100%; height: 100%; overflow: scroll; }
	#mobileOverlay_Primary li { font-size: 1.6em; }
	#mobileOverlayClose { padding-right: 20px; }
	/*#footerMobileSearch .input-xxlarge { padding: 16px; }*/
	#docked_nav{ padding: 0 0px 0 59px;}
	#bc .activeCell, #bc .inactiveCell { display: none; } /*hide breadcrumb*/

	.video embed, .video object, .video iframe {
		min-height: 320px;
	}

	/* == enterprise == */
	#ent-gated-form .modal-body { height:300px; max-width: 90%; }

	.flyout-content { padding-right:10px; }

	html {
	-webkit-text-size-adjust: none; /* disable webkit text size adjust (for iPhone) */
	}

	.arrow-up {
		margin-left:auto;	
	}
	
	img.adaptive {
		margin-left: auto !important;	
	}

	.cta+.cta { margin: 10px 0 0 0; /*display: block;*/ width: auto !important;} /* stack CTA buttons on small screens */

	#hp-exploreNuance .promoTile { text-align: center; overflow: hidden; width:65%; }
	#hp-exploreNuance .promo-info {
		float: none !important;
		width: 100%;
		padding: 25px 25px 35px 25px;;
		min-height: auto !important;
	}
	#hp-exploreNuance .promo-image {
		float:none;
		width: 100%;
	}

	.data-table-rowline tr td { vertical-align:top; padding: 20px 0 10px 10px;}
	.searchrow select, .searchrow input { display: block; margin: 10px 0 0 0; }

	.row-fluid.pillar [class*="span"], .row-fluid [class*="span"] {
	    width: 100%;
	    margin-left: 0;
	    float: none;
	}

	#pageNavigation .btngroup .cta, #collapsedNav .btngroup .cta { float: none; } /* for 2-buttons */
	/*.jumbotron:not(.alwaysImg) .image-carousel .item { background-image: none !important; } */

  	.carousel .item>img { float:none !important;} 
  	.carousel .item img+div.slide-content { padding-left:0; } 
  	.carousel .item img.thumb { display: none; }

  	/* stack buttons for the site search form */
  	#searchResultsFrm .btn-primary {
	  display: block;
	  margin-left: 0;
	  margin-top: 0px;
	}

  	.bigfont140 { font-size:70px; }
	.bigfont140 sup { font-size: 50px; top:-0.2em; }
	.bigfont110 { font-size:70px; }
  	.bigfont110 sup { font-size: 50px; top:-0.25em; }
  	.bigfont60 { font-size:40px; }
  	.bigfont60 sup { font-size: 30px; top:-0.2em; }

}

@media (max-width: 420px) {
	#toolsNavMobileView .logo { display: block; float: left; margin:20px 0 0 30px; }
}

@media (max-width: 320px) {

	.wrapper { padding-right: 5px; }
	#mobileOverlay{ width: 332px; overflow: scroll; }
	#mobileInput { height: 34px; }

	p.imgdesc_r { clear: both; margin-left: 0px; padding-top: 20px; min-height: 0; } 

	/* == enterprise == */
	#ent-gated-form .modal-body { height:300px; max-width: 95%; }

	.carousel .item img { float: none !important; }
	.carousel .item img+div.slide-content { padding-left:0; margin-top:20px; }

}
