@media (max-width: 767px) {
	/* === body content === */
	.main {
		margin-top: 0;
	}
	h1 {
		font-size: 2.286rem; /* 32px */
	}
	.hero-area h1 {
		margin-top: 45px;
		margin-bottom: 230px;
	}
	.hero-area .watch-video-btn {
		margin-bottom: 15px;
	}
	.icon-column h2 {
		font-size: 2.071rem; /* 29px */
	}
/*	.icon-column h3 {
		font-size: 2.357rem; /* 33px 
	}*/
	.gallery-area .panel {
		width: 40%;
		left: 10%;
		top: 28px;
	}
	.gallery-area .panel .panel-heading {
		padding: 15px 18px;
	}
	.gallery-area .panel .panel-heading h1 {
		font-size: 1rem; /* 14px */
		padding: 0;
	}
	.gallery-area .panel .panel-body {
		padding: 25px;
		line-height: 1.143rem;
	}
	.gallery-area .panel .panel-body q {
		font-size: 1.143rem; /* 16px */
	}
	.gallery-area .panel .panel-body em {
		font-size: 0.7857rem; /* 11px */
	}
	.gallery-area .panel a {
		font-size: 1rem; 
	}
	.gallery-area .panel p.quote {
		margin-bottom: 17px;
	}
	.gallery-area .bx-wrapper img {
		max-width: 125%;
	}
	.gallery-area .bx-wrapper .bx-next,
	.hero-area-carousel .bx-wrapper .bx-next {
		right: 15px;
	}
	.gallery-area .bx-wrapper .bx-prev,
	.hero-area-carousel .bx-wrapper .bx-prev {
		left: 15px;
	}
	.statistics-area p {
		font-size: 1.286rem; /* 18px */
	}
	.icon-column-area p.text-dark-blue {
		margin-top: 0;
		font-size: 1.286rem; /* 18px */
	}
	.bx-wrapper .social-feed .panel-body {
		padding: 16px;
	}
	.bx-wrapper .social-feed .panel-body img {
		width: 45%;
		margin-right: 12px;
	}
	.bx-wrapper .social-feed .panel-body p {
		font-size: 1rem;
	}
	.carousel .bx-wrapper .bx-prev {
		left: -30px;
	}
	.carousel .bx-wrapper .bx-next {
		right: -30px;
	}
	.well {
		padding: 32px 0;
	}
	.well .container > h1 {
		margin-bottom: 32px;
	}
	.well hr {
		border-width: 6px;
		margin: 32px -15px;
	}
	.stories-area .row {
		margin-top: 0;
	}
	.stories-area .panel {
		margin-top: 0;
	}
	.panel.new-story {
		margin-bottom: 16px;
	}
	.well .two-blocks-area {
		margin-top: 0;
	}
	.three-blocks-area .panel,
	.two-blocks-area .panel,
	.plays-area .panel {
		margin-bottom: 16px;
	}
	.three-blocks-area .row *[class*='col-xs-']:last-child .panel:last-child {
		margin: 0;
	}
	.two-blocks-area .row *[class*='col-']:last-child .panel:last-child {
		margin: 0;
	}
	.registration-form {
		padding-bottom: 21px;
	}
	.navbar-secondary {
		width: 100%;
		margin: 0 16px;
	}
	/* === end body content === */

	/* === Playbook panel play === */
	.plays-area .panel.play {
	  text-align: center;
	}
	.plays-area .panel.play .panel-heading,
	.plays-area .panel.play .panel-body {
		text-align: left;
	}
	.playbook-tips .bx-pager, .playbook-tips .bx-controls-auto {
	  bottom: 0;
	  left: 50%;
	  margin-left: -10px;
	}
	.playbook-tips .bx-wrapper .bx-pager.bx-default-pager a {
	  position: inherit;
	}
	.playbook-tips .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	.playbook-tips .bx-wrapper .bx-pager.bx-default-pager a.active {
	  background: #ffffff;
	  position: inherit;
	}
	/* End of Playbook panel play */
	.hero-area-s .gallery-outer-caption-right {
		margin: 0;
		padding: 11px 10px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		cursor: pointer;
	}
	.tabs-area .bx-wrapper .bx-viewport {
		height: auto!important;
		overflow-x: hidden;
	}
	.tabs-area .bx-wrapper .bx-next,
	.tabs-area .bx-wrapper .bx-prev {
		margin-top: -40px;
	}
	.tabs-area .bx-wrapper .bx-next {
		right: 10px;
	}
	.tabs-area .bx-wrapper .bx-prev {
		left: 10px;
	}
	.play-tab {
		width: 120px;
		height: 120px;
	}
	.dark-blue-tab,
	.light-blue-tab,
	.cyan-tab,
	.teal-tab,
	.green-tab,
	.red-tab,
	.orange-tab,
	.yellow-tab {
	    background-position: 50% 7px !important;
	}

	.play-tab.active:after, .play-tab:hover:after {
	 	border-width: 20px;
	 	margin-left: -20px;
	 }
	.info-tab.nav-tabs > li > a, .info-tab.nav-tabs > li.active > a {
		padding: 0;
		/*width: 120px;*/
		height: 120px;
	}
	.info-tab.nav-tabs > li > a span, .info-tab.nav-tabs > li.active > a span {
		display: none;
	}
	
	.tab-content {
		margin-left: 0;
		margin-right: 0;
	}
	.tab-content .tab-pane {
		padding-left: 24px;
		padding-right: 24px;
	}

	.work-tab,
	.huddle-tab,
	.make-case-tab,
	.awareness-tab,
	.action-tab,
	.spread-word-tab,
	.community-tab
	{
	    background-position: 50% -10%;
	}
	.tab-pane h1 {
		margin: 15px 0 20px;
	}
	.tabs-area {
		padding-bottom: 32px;
	}
	.panel-see-more-top {
		margin: 24px 0;
	}
	.panel.pep-talk .image-holder {
		text-align: center;
	}
	.panel.pep-talk .image-holder img {
		width: 100%;
	}
	/*.panel.callout,*/
	.panel.link:last-child {
		margin: 0;
	}
	.panel.link .panel-heading h1 {
		font-size: 1.15rem;
	}
	#contributorsModal .modal-dialog {
		width: 96%;
	}
	.layer, .intro-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.layer .container > h1, .layer .container > h3 {
		margin-bottom: 30px;
	}
	.layer .container > h1 + h3 {
		margin: -14px 0 30px;
	}
	.layer .container > .btn {
		margin-top: 30px;	
	}
	.panel.header {
		height: auto!important;
	}
	.panel.header .bx-wrapper .bx-pager {
		left: auto;
		position: relative;
	}
	.panel.header .row div:first-child{
		margin-bottom: 20px;
	}
	#contributorsModal .modal-body h2 {
		padding-top: 20px;
	}
	/* Annul the top spacing for the first row of content, created by the h2 element */
	#contributorsModal .modal-body {
		margin-top: -20px;
	}
	#contributorsModal .modal-body ul {
		line-height: 1rem;
	}
	#contributorsModal .modal-body ul li {
		width: 50%;
		float: left;
		padding: 0 0 10px;
	}
	.bottom-navigation {
		border-top: 1px solid #e7e7e8;
		border-bottom: 1px solid #e7e7e8;
		padding: 20px;
		position: relative;
	}
	select.select-playbooks {
		width: 100%;
		height: 40px!important;
		text-align: center;
		color: #003a74;
		font-size: 1rem;
		font-weight: 900;
		cursor: pointer;
	}
	select.select-playbooks option {
		display: block;
		padding: 10px;
		cursor: pointer;
	}
	select.select-playbooks option {
		color: #29aae1!important;
	}

	.bottom-navigation .navbar-secondary {
		width: 100%;
		margin: 0;
	}
	.bottom-navigation .caret-playbook {
		position: absolute;
		right: 30px;
		top: 50%;
		z-index: 4!important;
		color: #003a74;
		border-width: 6px;
		margin-top: -2px;
	}
	.panel + a {
		margin-bottom: 24px;
	}
	.list-elements li {
		margin-bottom: 32px;
		padding-bottom: 32px;
	}
	.list-elements li:last-child {
		margin-bottom: 0;
    	padding-bottom: 0;
	}
	.list-elements .row div:nth-child(n-1) img { 
		margin-top: 32px;
	}
	.breadcrumb-area .btn-small {
		min-width: 80px;
	}
	.breadcrumb-area .filtering-btns {
		position: static;
		padding: 0;
		background: transparent;
	}
} /* end of media query for 767px */

@media (max-width: 639px) {
	/* === hero area === */
	.hero-area .gallery-caption-left, .hero-area-s .gallery-caption-left {
		left: 50%;
		margin-left: -83px;
	}
	.gallery-btn-holder {
		bottom: 75px;
	}
	.icon-column-area .row *[class*='col-xs-'],
	.three-blocks-area .row *[class*='col-xs-'] {
		width: 100%;
	}
	.gallery-area .panel {
		top: 10px;
		width: 80%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 0;
	}
	.registration-form .bootstrap-select.btn-group {
		width: 100%;
		padding-bottom: 21px;
	}
	.registration-form .bootstrap-select.btn-group:last-child {
		padding-bottom: 0;
	}
	.registration-form label {
		line-height: 5.071rem; /* 71px */
	}
	.registration-form .select-transparent.bootstrap-select.btn-group {
		width: 75%!important;
	}
	.registration-form .select-transparent.bootstrap-select.btn-group .dropdown-menu.open {
		width: 133.25%;
		margin-left: -33.25%;
	}
	/* === end hero area === */
	/* === News area === */
	.news-area .row *[class*='col-xs-'] {
		width: 100%;
		padding-right: 16px;
	}
	/* End of News area */

	/* === PlayPage === */
	.panel.pep-talk img {
		max-width: 100%;
	}
	.hero-area-s .gallery-caption-left {
		left: 20%;
	}
	/* End of PlayPage */

	/* === PlayBook === */
	/*.layer.two-blocks-area {
		padding-top: 0;
		padding-bottom: 0;
	}*/
	.layer.plays-area {
		padding-bottom: 0;
	}
	/* End of PlayBook */
	.panel.callout {
		min-height: auto!important;
		height: auto!important;
	}
} /* End of media query for 639px */

@media (min-width: 480px) and (max-width: 767px) {
	.plays-area *[class*="col-xs-"]:nth-child(n+0) {
		padding-right: 10px;
	}
	.plays-area *[class*="col-xs-"]:nth-child(n+1) {
		padding-left: 10px;
	}
} /* End of media query for 480px */

@media (max-width: 479px) {
	/* === PlayPage === */
	.hero-area-s .gallery-caption-left {
		left: 26%;
	}
	.hero-area-s .gallery-caption-left a {
		margin-right: 2px;
	}
	.new-story-area *[class*="col-xs-"],
	.stories-area *[class*="col-xs-"],
	.plays-area *[class*="col-xs-"] {
		width: 100%;
	}
	.gallery-area .panel .panel-body {
		padding: 5px 16px 16px;
	}

	.gallery-area .bx-wrapper .bx-next,
	.hero-area-carousel .bx-wrapper .bx-next {
		right: 5px;
	}
	.gallery-area .bx-wrapper .bx-prev,
	.hero-area-carousel .bx-wrapper .bx-prev {
		left: 5px;
	}
	.panel.quote p {
		margin-bottom: 5px;
		font-size: 1rem;
	}
	.gallery-area .panel a {
		float: right;
		margin-top: 5px;
		clear: both;
	}
	#contributorsModal .modal-dialog,
	#collectiblesModal .modal-dialog {
	   width: 94%;
	}
	#contributorsModal .modal-dialog *[class*="col-xs-"] {
		width: 100%;
	}

	.breadcrumb-area .btn-group.filtering-btns .breadcrumb-search,
	.breadcrumb-area .btn-group.filtering-btns .breadcrumb-search input[type="text"] {
		width: 100%;
	}

	.breadcrumb-area .btn-group.filtering-btns .breadcrumb-search {
		margin-bottom: 10px;
	}

} /* End of media query for 479px */

@media (max-width: 410px) {
  .notification-form form > .row .col-xs-6 {
    width: 100%;
  }

  .notification-form form .btn-primary.pull-right {
    float: none !important;
    margin-top: 0;
  }
} /* End of media query for 410px */

@media (max-width: 400px) {

} /* End of media query for 400px */

@media (max-width: 359px) {
	.padding-top-xs_30px {
		padding-top: 30px;
	}
} /* End of media query for 359px */

@media (max-width: 320px) {
	.hero-area .panel, .hero-area-s .panel {
		margin-top: 25px;
	}
	.hero-area-s .panel-body {
		padding: 10px 24px;
	}
	.hero-area-s .panel-body > a {
		margin-top: 10px;
	}
	.plays-area *[data-height="play"] {
		width: 100%;
	}
	.navbar-secondary {
		width: 105%;
	}
	.navbar-nav {
		margin: 7.5px -25px;
	}
	.hero-area-s .gallery-caption-right {
		bottom: 34px;
	}
	.hero-area-s .gallery-caption-left {
		left: 45%;
		margin-left: -100px;
	}
} /* End of media query for 320px */