/* -----------------------------------------------------------------------------

  MEDIA QUERIES

----------------------------------------------------------------------------- */

body {min-width: 320px; }
.inner { width: 1560px; }
main {width: 1530px;}
article.page > section.white-page { width: 1060px; }
article.page footer {width:1130px;}


/**
  *  Toggle for Responsive
  * - - - - - - - - - - - - - - - - - - - - - */

.toggleNavTop {position:absolute; top:25px; right:20px; display:block; width:28px; height:30px; }
.toggleNavTop span:after,
.toggleNavTop span:before {position:absolute; top:-9px; right:0; content:""; }
.toggleNavTop span:after{ top:9px; }
.toggleNavTop span { position:relative; display:block; }
.toggleNavTop span,
.toggleNavTop span:after,
.toggleNavTop span:before { width:100%; height:5px; transition:all .3s; border-radius:2px; background-color:#888; backface-visibility:hidden; }

/**
 *  on activation
 */

.toggleNavTop.on span { background-color:transparent; }
.toggleNavTop.on span:before { transform:rotate(45deg) translate(5px, 5px); }
.toggleNavTop.on span:after { transform:rotate(-45deg) translate(7px, -8px); }


/* 

  SMALLER DESKTOPS
----------------------------------------------------------------------------- */


@media screen and (max-width: 1680px) {
	
	/**
	 *  Header
	 */	
	 .inner { width: 100%; }
	/*.logo { left:50px; }
	.donation { right:50px;}
	.nav-branch { left:460px; }
	.nav-lang { right:254px; }
	.nav-branch { left:45%;}*/
	
	/**
	 *  Back button
	 */		
	header.section-intro .btn-back  {left: 0; }
	.nav-main.fixed a.btn-back  {left: 15px; }

	/**
	 *  Main menu
	 */	
	main {width: 96%;}
	.nav-main .main { left:30px; }
	.nav-main .main li {right:auto;}
	
}

@media screen and (max-width: 1380px) {

   	
	
	/**
	 *  Social buttons
	 */
	.nav-main .social a { width: 75px;font-size:25px;}
	.nav-main .social .icon-instagram { font-size:21px; }
	.nav-main .social .icon-youtube { font-size:25px; }
	
		/**
	 *  Social buttons
	 */
	.nav-main .social a { width: 65px;font-size:23px; }
	.nav-main .social .icon-instagram { font-size:21px; }
	.nav-main .social .icon-youtube { font-size:23px; }


	
	/**
	 *  Footer
	 */	
	.main-footer .inner { width:100%; }


}
@media screen and (max-width: 1180px) {

	
	/**
	 *  Header banner
	 
	.nav-branch { left:420px; }
	.nav-lang { right:234px; }	
	.nav-branch { left:41%;}*/
	
	/**
	 *  Main menu
	 */		
	.nav-main .main { left:15px; }
	
	/**
	 *  Social buttons
	 */
	.nav-main .social { display:none; }
	
	/**
	 *  Masonery grid
	 */	
	.grid .grid-item section { margin: 0 35px 35px 35px; }
	.grid .grid-item section h3 {font-size:27px; line-height:33px; }
	
	/**
	 *  Back button
	 */	
	header.section-intro .btn-back  { width:100px; overflow:hidden; }
	header.section-intro .btn-back:hover  { width:auto; }
	
	/**
	 *  Content > White page
	 */	
	article.page > section.white-page { width: 100%; }
	
	/**
	 *  Event search filters
	 */	
	.em-search-wrapper {width: 100%;}
	.em-search-main { left:50%; float:left; position:relative; text-align:center; } 
	.em-search .search-field { left:-50%; margin:10px auto; position:relative; display:inline-block; }
	.em-search-text { display:inline-block; } 

}

@media screen and (max-width: 1000px) {

	
	/**
	 *  Header banner
	 
	.nav-dropdown {top:184px; }
	.nav-branch { left:180px; }
	.nav-lang {left: 350px; right:auto; }*/	
	

	.home .banner-main-focus { top: 270px; width:90%: left:5%; }
	.banner-main-focus .main-focus { width:365px; }
	/**
	 *  Masonery grid
	 */	
	.grid .grid-item section h3 {font-size:22px; line-height:30px; }
	
	/**
	 *  Heading with main title
	 */	
	 header.section-intro { width:100%;}
	 
	 		
	/**
	 *  Shop
	 */	
	.basket { margin: -30px 40px 0px 0; }
 

}

@media screen and (max-width: 930px) {


	
	/**
	 *  Header
	 */	
	 
	.home .banner-main-focus { top: 270px; }
	.banner-main-focus .main-focus { width:40%; }
	
	.main-focus h3 { font-size: 35px; line-height: 1.1; margin:5px auto; }
	.main-focus p { margin:5px 0; }
	
	.tp-bullets { right:15px; }
	
	/**
	 *  Main menu
	 */	
	.nav-main { height:98px; overflow:hidden;  }
	.nav-main .main { width:100%; max-width:550px; height:79px; padding:9px 0; left:50%; position:relative; text-align:center; }
	.nav-main .main li { display:inline-block; float:none; line-height:40px; right:50%; padding:0; }
	.nav-main .main li a { display:inline; float:none; line-height:40px;}
	.nav-main .main li:nth-child(3):after {content:'';}
	
	/**
	 *  Social buttons
	 */
	.nav-main .social {position: absolute; right: 5px; top: -53px; }
	.nav-main .social li { display:inline-block; border:0;  background-color:rgba(0, 0, 0, 0.0); text-shadow: 0px 0px 6px #000;}
	.nav-main .social a { color:#fff; width: 51.5px;font-size:23px; line-height: 45px;}
	.nav-main .social .icon-instagram { font-size:21px; }
	.nav-main .social .icon-youtube { font-size:25px; }
	
	/**
	 *  Heading with main title
	 */	
	header.section-intro { margin: 30px auto 30px auto;}
	
}

  
/* 

  IPAD / TABLETS
----------------------------------------------------------------------------- */
  
@media screen and (max-width: 782px) {
 	
	/**
	 *  Masonery grid
	 */		  
	.grid .grid-sizer {width:49%;}
	.grid .gutter-sizer {width:2%;}
	.grid .grid-item {width:49%; margin-bottom:15px; }
	.grid .grid-item .entry {min-height:0!important;}
	.grid .grid-item[data-ss-colspan="1"] {width: 49%;}
	.grid .grid-item[data-ss-colspan="2"] { width:100%; }
	.grid .grid-item[data-ss-colspan="3"] { width:100%; }
	.grid .grid-item .video-left {float:none;width:100%!important;height:auto;max-width:100%;margin-right:0;}
	.grid .grid-item .video-right {float:none;width:100%!important;height:auto;max-width:100%;margin-left:0;}
	.grid .grid-item section h3 {font-size:28px;line-height:35px; }
	
	/**
	 *  Content > White page
	 */	
	article.page > section.white-page { padding: 55px 50px 35px 50px; }
	

   
}


/* 

  ALL SMALLER SCREENS
----------------------------------------------------------------------------- */
  
@media screen and (max-width:760px) {
    
	/**
	 *  Header banner
	 */	
	.home .banner-main-focus { }
	.banner-main-focus .main-focus { width:37%; }
	
	.main-focus h3 { font-size: 30px; }
	.main-focus p { margin:8px 0; }
	.main-focus .main-focus-more { margin-top:10px;}
	
	 /* header.main-header { height:185px; }
	.logo {top:43px;}
   	.nav-dropdown {}
	.nav-dropdown.nav-branch {left: 65px;}
    .nav-dropdown.nav-lang {left:235px;}*/
	.tp-bullets { display:none; }
	
	.donation { right:5%; top: 105px;  padding: 7px 14px;}
	.home.blog .donation { top: 250px; height: 42px; right:10%; }
	
	.nav-branch { left:5%; }
	.home.blog .nav-branch { top: 255px; left:10%; }
	
	.royalSlider .infoBlock { top:320px; }
	
    .social { display:none; }
	
	
	/**
	 *  Main menu
	 */	
	.nav-main { height:98px; overflow:hidden;  }
	.nav-main .main { width:100%; max-width:550px; height:79px; padding:9px 0; left:50%; position:relative; text-align:center; }
	.nav-main .main li { line-height:40px; right:50%; padding:0; }
	.nav-main .main li a { display:inline; float:none; line-height:40px;}
	.nav-main .main li:nth-child(3):after {content:'';}

	
	/**
	 *  Masonery grid
	 */	
	.grid {width:100%;max-width:500px; margin:0 auto;}
    .grid .grid-sizer {width:100%;max-width:500px;}
    .grid .gutter-sizer {width:0;}
    .grid .grid-item {width:100%; }
	.grid .grid-item[data-ss-colspan="1"] {width: 100%;}
	
    .grid .grid-item header .img-left {float:none;width:100%;height:auto;max-width:100%;max-height:300px;margin-right:0; overflow:hidden;}
    .grid .grid-item header .img-left img {width:100%;margin:0;height:auto;}
    .grid .grid-item header .img-right {float:none;width:100%;height:auto;max-width:100%;max-height:300px;margin-left:0; overflow:hidden;}
    .grid .grid-item header .img-right img {width:100%;margin:0;height:auto;}


	/**
	 *  Heading with main title
	 */
	header.section-intro p { width:71%; }
	
	/**
	 *  Back button
	 */	
	header.section-intro .btn-back  { width:50px; padding-left:4px; line-height: 60px; top:18px; }
	header.section-intro .btn-back:hover  { width:50px; }
	
	/**
	 *  Content > White page
	 */	
	article.page > section.white-page { padding: 35px 40px 25px 40px; }
	
	/**
	 *  Share buttons
	 */
	.ssba img { padding:5px!important; }

	ul.list-2-columns li { width: 100%; }	
	ul.list-2-columns li:nth-child(odd) { margin-right: 0%!important; }
	


}

@media screen and (max-width:660px) {
	/**
	 *  Header banner
	 */	
	 header.main-header>.inner { min-height: 305px; }
	  
	.home .banner-main-focus { top: 233px; }
	.main-focus .focus-white-border { padding:20px; }
	.banner-main-focus .main-focus { width:85%; }
	.main-focus .main-focus-more { display:none;}
	
	.donation { top: 235px; }
	.home.blog .donation { top: 250px; }
	.nav-branch {top:245px; }
	.home.blog .nav-branch { top: 255px; }
	
	.submenu { top:-50px; }
	header.section-intro h3 { margin-top:60px; }

	.main-focus h3 {  }
	.main-focus p {  }
	.main-focus-more { }
	
			
	/**
	 *  Shop
	 */	
	.row { margin: 0 auto; }
	.row div { padding:0; }
	.site-main .row { width:100%; }
	.single-product #content { padding:0; }
	

}

@media screen and (max-width:600px) {
    
	/**
	 *  Header banner
	 */	
	 
	 /* header.main-header { height:185px; }
	.logo { left:2%; }
	.logo { width:64%; top:40px; height:auto; }
	.logo img { width:100%;  height:auto; }
	.nav-dropdown.nav-branch {left: 25px;}
    .nav-dropdown.nav-lang {left:195px;}*/
	
    .social { display:none; }
}

@media screen and (max-width:500px) {
    
	/**
	 *  Header banner
	 */	
	 .main-focus h3 { font-size: 25px; }
	
	 /* header.main-header { height:185px; }
	.logo { left:auto; width:100%; top:10px; margin:0 auto; }
	.logo img { width:auto; margin:0 auto; }
	.nav-dropdown.nav-branch {top: 150px;left:10%;}
    .nav-dropdown.nav-lang {top:200px;left:10%;}*/
	

	.home .banner-main-focus { top: 260px; }

	
	.nav-main {min-width: 380px; height: 111px; padding-top:5px; }
	.nav-main .main li a { padding:0 10px; line-height: 44px;}
	.nav-main .main li {  font-size: 17px; }
	
	
	.mp3Player .pull-right { right:-40px; }
}


@media screen and (max-width:430px) {
	
	.main-focus .focus-white-border { padding:10px; }
	
	/**
	 *  Share buttons
	 */
	.ssba img { padding:1px!important; }
}

@media screen and (max-width:400px) {

}