@media (max-width: 991px) {	
	html {
		font-size:0.9em;
	}
	#menu {
		padding:0 8% 0 5%;
	}
	.block-top {
		padding-top:6em;
	}	
	.overlay-vid .vid {
		width:50%;
		padding:0px calc(5%-12);
	}	
	.spinner{
		width: 60px;
		height: 60px;
	}

	.logo-footer {
		width:50%;
	}
	.logo-partner {
		width:120px;
		bottom:8vw;
	}	
	.slogan {
		width:100%;
		padding:0 10%;
	}
	/** Gutters **/
	.pad {
		padding:0px 15px;
	}
	.vid-holder {
		left:0;
	}

	.home-thumb .vid-btn:hover .play-btn {
		opacity:1;
	}
	.home-thumb .vid-btn:hover .play-btn-hover {
		opacity:0;
		padding-top:0px;
	}	
	.logo-natgeo {
		width: 120px;
	}
	.home-btn {
		font-size:0.9em;
		bottom:10vh; 
	}	
	.home-btn .home-ttl {
		
	}
	.home-thumb .play-btn {
		font-size:2em;
		transform:translateY(50%);
		margin-left:0px;
	}
	.home-thumb-info {
		font-size:1em;
		line-height:145%;
		text-align:center;
		padding:25px 20px 10px 20px;
	}	
	.btn-visit {
		width:520px;
	}
	.thumb .play-btn .btn {
		font-size:0.8em;
	}
	.profile-box{
		display:none;
	}	
	.profile-box-m {
		display:block;
		margin:auto;
		overflow:hidden;
		margin-bottom:20px;
		margin-left:30px;
		width:30%;
		float:right;
	}
	.profile-box-m .img-m {
		height:100%;
		width:100%;
		overflow:hidden;
		float:left;
	}
	.profile-box-m img {
		padding:10px;
	}
	.profile-box-m .img {
		display:none;
		}
	.profile-box-m .profile {
		float:left;
		width:100%;
		padding:10px 15px 25px 15px;
		font-size:0.925em;
		line-height:140%;
	}
	.exp-fav-ttl {
		line-height:135%;
	}
	.footer-logos {
		margin-top:4em;
	}
	.footer-external {
		border-right:0px solid #888;
	}
	.partner {
		font-size:9px;
		top:10%;
	}
	
}
@media (max-width: 767px) {	
	html {
		font-size:0.9em;
		line-height:140%;
	}
	.thumb-hover:hover  {
		transform:none;
	}
	#home-bnr .thumb-hover:hover  .home-thumb-shadow{
		margin:0;
	}
	.footer-logos {
		margin:0;
	}	
      /** menu **/
    .patty {
        display: block;
        color: white;
    }
	.overlay-vid .vid {
		width:60%;
		padding:0px;
	}
	.show-m {
		display:block;
	}
	.hide-m {
		display:none;
	}
	.slogan {
		width:100%;
		padding:0 18%;
	}
	.logo-partner {
		width:120px;
		bottom:10vw;
	}		
	.backtop {
		margin:3em 0;
	}	
	/** gutters **/
	.pad {
		padding:0;
	}
	.hero .row {
		padding:0px;
	}
	.carousel {
		margin:0px;
		
	}
			
	/** Gutter **/	
	.fullwidth, .fullwidth .row {
		padding-left:0px !important;
		padding-right:0px !important;
		margin:0;
	}	
	.row.no-pad {
	  margin-right:0;
	  margin-left:0;
	}
	.row.no-pad > [class*='col-'] {
	  padding-right:0;
	  padding-left:0;
	}
	.gutter-m, .gutter-m .row {
		padding-left:4px !important;
		padding-right:4px !important;
	}
	.gutter-m .no-pad > [class*='col-'] {
	  padding-right:7px;
	  padding-left:7px;
	}	
	.block-top {
		padding-top:5em;
	}

    /** menu **/
	.patty {
		right:14px;
		top:15px;

	}
	.patty .ico {
		font-size:1.7em;
		padding:7px 10px;
	}

	#menu .menu-item {
		font-size:1.1em;
	}		
	.logo-natgeo {
		width: 18%;
	}
	.logo-footer {
		width:60%;
	}	
	.home-btn .home-ttl {
		font-size:2.25em;
	}
	.page-ttl {
		font-size:1.5em;
	}
	.home-thumb .play-btn {
		font-size:1.75em;
		transform:translateY(50%);
		margin-left:0px;
	}
	.pad-right {
		padding:0;
	}
	.frame {
		top:15px; left:15px;
		width: calc(100% - 30px);
		height:calc(100% - 30px);
	}
	.explore .frame {
		top:15px; left:15px;
		width: calc(100% - 30px);
		height:calc(75vh - 30px);
	}
	.bg-stellar {
		background-attachment:scroll;
	}
	.profile-box-m {
		display:block;
		margin:auto;
		overflow:hidden;
		margin-bottom:20px;
		margin-left:25px;
		width:30%;
		float:right;
	}
	.profile-box-m .img-m {
		height:100%;
		width:100%;
		overflow:hidden;
		float:left;
	}
	.profile-box-m img {
		padding:10px;
	}
	.profile-box-m .img {
		display:none;
		}
	.profile-box-m .profile {
		float:left;
		width:100%;
		padding:10px 10px 25px 10px;
		font-size:0.925em;
		line-height:140%;
	}
	.overlay-music .vid {
		width:80%;	
	}
	#tracks {
		right:10px; top: 10px;
	}
	#tracks i {
		font-size:2em;
	}
	.partner {
		font-size:8px;
		top:15%;
	}
	.exp-fav-ttl {
		line-height:135%;
	}
	.footer-external {
		text-align:left;
		border-right:0px solid #888; padding-right:0%;
		margin-top:1em;
	}
	.footer-logos {
		padding-right:0%; 
	}
	.footer-logo-natgeo img {
		padding:0px;
		margin-top:5px;
	}
	.home-thumb-info {
		font-size:1em;
	}
	.home-insp-row {
		padding:0 0px;
	}
	.home-insp-row .row {
		background:none;
	}
	.home-insp {
		font-size:1em;
		text-align:left;
		padding:0;background:none;
		color:white;
	}	
	.home-insp.inspimg {
		padding:0px;
		padding-top:15px; padding-bottom:15px;
	}	
		/** LOGO **/
	.logo-holder {
		padding:18px 0 0 15px;
	}
	.logo-holder .partner{
		top:4px;
		font-size:7px;
	}
	.logo-natgeo-s {
		padding-right:12px;
		margin-right:12px;
		width: 135px;
		margin-top:5px;
	}
	.logo-abudhabi {
		width: 135px;
	}		
		
}
@media (max-width: 575px) {
	html {
		font-size:0.95em;
		line-height:140%;
	}

	.block-top {
		padding-top:4em;
	}
	.hide-xs {
		display:none;
	}
	.show-xs {
		display:block;
	}
     /** menu **/
	#menu .menu-item {
		font-size:1.1em;
	}
	.fa-stack { font-size:medium; !important }		 
	.patty {
		right:0px;
		top:0px;
	}
	.patty .ico {
		font-size:1.7em;
		padding:10px 12px;
	}
	.logo-natgeo {
		width: 35%;
	}
	.logo-footer {
		width:80%;
	}
	.logo-partner {
		width:120px;
		bottom:10vw;
	}		
	.slogan {
		width:100%;
		padding:0 10%;
	}
	.large {
		font-size:1.1em;
	}

	#menu {
		padding:0 10% 0 5%;
	}	

	.home-thumb .play-btn {
		font-size:1.05em;
		transform:translateY(50%);
	}
	.home-btn {
		width:75%;
		bottom:8vh;
	}
	.home-btn .home-ttl {
		font-size:2em;
		line-height:120%;
	}	
	.large .ttl {
		font-size:1.5em;		
	}
	.subheader {
		font-size:1.4em;	
	}
	.btn-visit {
		font-size:0.95em;
		width:100%;
		padding:15px;
	}
	.btn-visit-line {
		padding-left:0px;border-left:0px solid #FC0;
		margin-left:-10px;
	}
	#exp-home {
		height:calc(62vh);
	}
	.hero-urban {
		/*height:calc(400px - 10px);
		border:1px solid green;*/
	}		
	.frame {  
		top:10px; left:10px;
		width: calc(100% - 20px);
		height:calc(100% - 20px);
	}	
	.explore .frame {
		top:10px; left:10px;
		width: calc(100% - 20px);
		height:calc(80vh - 20px);
	}	
	.page-ttl {
		font-size:1.5em;
	}
	.exp-insta-info {
		padding:20px 5% 30px 5%; text-align:center;
		line-height:135% !important;
	}
	.profile-box-m {
		display:block;
		margin:auto;
		overflow:hidden;
		margin:auto;
		margin-bottom:2.2em;
		width:100%;
		float:none;
	}
	.profile-box-m .img-m {
		height:100%;
		width:100%;
		overflow:hidden;
		float:left;
	}
	.profile-box-m img {
		padding:15px;
	}
	.profile-box-m .img {
		display:none;
		}
	.profile-box-m .profile {
		float:left;
		width:100%;
		padding:10px 5% 25px 5%;
		font-size:0.925em;
		line-height:140%;
	}
	.overlay-music .vid {
		width:100%;
		padding:0 15px;
	}
	#tracks {
		right:10px; top: 10px;
	}
	#tracks i {
		font-size:2em;
	}	
	.partner {
		font-size:8px;
		top:3px;
	}
	.explore .thumb .play-btn {
		font-size:2.75em;
	}
	.popup .ico-zoom {
		font-size:1.25em;
		right:15px; top:8px;
	}
	/** LOGO **/
	.logo-holder {
		padding:20px 0 0 15px;
	}
	.logo-holder .partner{
		top:2px;
		font-size:6px;
	}
	.logo-natgeo-s {
		padding-right:9px;
		margin-right:9px;
		width: 110px;
		margin-top:2px;
	}
	.logo-abudhabi {
		width: 110px;
	}
	.logo-abudhabi-center {
		width: 150px;
		margin-bottom:1.5em;
	}
	.logo-abudhabi-center .partner{
		top:5px;
		font-size:8px;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {



}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	.show-m {
		display:none;
	}
	.hide-m {
		display:block;
	}

	#pg-technology .textbox {
		display:none;
	}
	.article-box-m {
		display:block;
	}
	.article-box-m .textbox{
		display:block;
	}

	.logo-natgeo {
		width: 120px;
	}
	.home-btn {
		font-size:0.9em;
		bottom:10vh; 
	}	
	.home-thumb .play-btn {
		font-size:0.95em;
		transform:translateY(40%);
		margin-left:0px;
	}	
	.btn-visit {
		width:500px;
	}				
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html {
		font-size:0.9em;
	}
	.pad {
		padding:0px 5%;
	}
	.block-top {
		padding-top:6em;
	}
	/** Gutters **/
	.carousel {
		margin:0 4px;
	}

	#pg-videos .no-pad .thumb {
		padding:0 10px;
	}
	.athletes-each {
		padding:0 10px;
	}	
	#pg-technology .textbox {
		display:block;
	}	
	.article-box-m {
		display:none;
	}
	#pg-article .textbox {
		padding:25px 3% 35px;
	}
	.logo-natgeo {
		width: 120px;
	}
	.home-btn {
		font-size:0.9em;
		bottom:10vh; 
	}	
	.home-thumb .play-btn {
		font-size:1.1em;
		transform:translateY(40%);
		margin-left:0px;
	}
	.btn-visit {
		width:520px;
	}
	.overlay-vid .vid {
		width:30%;
	}
	.profile-box {
		margin-right:5%;
	}	
	.partner {
		font-size:8px;
		top:10%;
	}	
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html {
		font-size:0.95em;
	}			
	.pad {
		padding:0px 5%;
	}
	.block-top {
		padding-top:6em;
	}
	/** Gutters **/
	.carousel {
		margin:0 4px;

	}
	#pg-article .textbox {
		padding:50px 6% 55px;
	}
	.logo-natgeo {
		width: 120px;
	}
	.home-btn {
		font-size:1em;
		bottom:10vh; 
	}	
	.home-thumb .play-btn {
		font-size:1.2em;
		transform:translateY(45%);
	}	
	.btn-visit {
		width:540px;
	}
	.overlay-vid .vid {
		width:24%;
	}
	.profile-box {
		margin-right:12%;
	}	
	.partner {
		font-size:8px;
		top:5%;
	}			
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
	html {
		font-size:0.975em;
	}
	.pad {
		padding:0px 6%;
	}
	.patty {
		right:25px;
		top:25px;
	}
	.block-top {
		padding-top:6.5em;
	}		
	/** Gutters **/
	.carousel {
		margin:0 1px;
	}
	#pg-videos .no-pad .thumb {
		padding:0 12px;
	}
	.athletes-each {
		padding:0 12px;
	}
	#pg-article .textbox {
		padding:60px 8% 65px;
	}	
	.logo-natgeo {
		width: 150px;
	}
	.home-btn {
		font-size:1.1em;
		bottom:12vh; 
	}
	.home-thumb .play-btn {
		font-size:1.3em;
		transform:translateY(45%);
	}
	.btn-visit {
		width:560px;
	}
	/** LOGO **/
	.logo-holder {
		padding:22px 0 0 25px;
	}
	.logo-holder .partner{
		top:4px;
		font-size:9px;
	}
	.logo-natgeo-s {
		padding-right:12px;
		margin-right:12px;
		width: 165px;
		margin-top:5px;
	}
	.logo-abudhabi {
		width: 165px;
	}	
	.footer-logo-natgeo img {
		padding-right:0px;
		margin-top:0.5em;
	}
	.partner {
		font-size:8px;
		top:10%;
	}	
}
@media (min-width: 1600px) {
	html {
		font-size:1em;
	}	
	.home-btn {
		font-size:1.2em;
		bottom:12vh; 
	}	
	.btn-visit {
		width:580px;
	}
	.block-top {
		padding-top:6em;
	}	
	.partner {
		font-size:9px;
		top:10%;
	}												
}
@media (min-width: 1800px) {
	html {
		font-size:17px;
	}
	.pad {
		padding:0px 8%;
	}	
	
	.home-thumb .play-btn {
		font-size:1.4em;
		transform:translateY(60%);
	}	
	.partner {
		font-size:10px;
	}								
}

@media (min-width: 2200px) {
	html {
		font-size:18px;
	}	
	.pad {
		padding:0px 12%;
	}
	.partner {
		font-size:11px;
	}	
}