/* RESPONSIVE THEME */

/* change the value width below
to set your responsive view elements */

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

	/* responsive disable */
	.resp-n { display: none; }
	.full-h { height: auto; }
	
	#box1 {background-color: #c0eae9;
      height: 80%;
     }
#box11 {background-color: #c0eae9;
      height: 135%;
     }
	
#box10  {background-color: #2697aa;
	height: 100%;
     }
	
#box2  {background-color: #2697aa;
	height: 100%;
     }

#box4, #box12 {background-color: #c0eae9;
      height: 80%;
     }


#box5  {background-color: #2697aa;
	height: 110%;
     }



#box7 {background-color: #c0eae9;
      height: 120%;
     }

#box8 {background-color: #c0eae9;
      height: 170%;
     }
	
#box9 {background-color: #2697aa;
      height: 100%;
     }
	
#box13 {background-color: #2697aa;
      height: 140%;
     }
	

	
}

@media screen and (min-width: 1200px) {	
	
	.mob-m { display: none; }
	
		#box1  {
      height: 60%;
     }
	
	#box10   {
      height: 110%;
     }
	
		 #box11 {
      height: 80%;
     }

	#box12, #box7, #box9, #box3, #box4  {
      height: 100%;
     }
	
	#box8   {
      height: 130%;
     }
	
	#box2, #box5  {
      height: 120%;
     }
	
	#box13  {
      height: 150%;
     }
}

@media screen and (max-width : 1145px ){	
	
	
	
	.main-m { display: none; }
	.mob-m { display: block;
	 }
	
	.mob-n { top: 300px; }
	
	.switch { display: block; }
	
	.bg-fix { background-attachment: scroll; }

	/* tablte hidden */
	.tab-n { display: none; }
	
		.resp-footer { margin-left: 50px;
}
	

	.title-b { font-size: 30px; }
	
	#box1 {
      height: 60%;
     }
	
	#box10  {
      height: 110%;
     }
	
	#box2 {
      height: 135%;
     }
	
	#box4 {
      height: 90%;
     }

	#box5 {
      height: 110%;
     }
	
	#box7 {
      height: 80%;
     }

	#box8 {
      height: 105%;
     }
	
	#box9, #box3 {
      height: 80%;
     }
	
	#box12   {
      height: 120%;
     }
	
	#box13  {
      height: 165%;
     }
	
	

}

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

	header .logo {
		margin: 0 25px;
		padding-top: 50px;
	}
	
	nav li a#current {
	color: #ffffff;
}
	
	.mob-n { display: none; }
	
	
	
	.aside-left {
		margin-bottom: 50px;
	}
	
	.padd-top-225-m {
	padding-top: 100px;
}
	.resp { margin: 50px;
}
	
	.resp-footer { margin-left: 50px;
}
	
	.mob-box { 
	margin: 0;
	 
	}
	
	#box1 {
      height: 80%;
     }
	
	#box10  {
      height: 110%;
     }
	
	#box2 {
      height: 120%;
     }
	
	#box4 {
      height: 100%;
     }

	#box5 {
      height: 90%;
     }
	
	#box7 {
      height: 100%;
     }

	#box8 {
      height: 95%;
     }
	
	#box9 {
      height: 80%;
     }
	
	#box12  {
      height: 110%;
     }
	

}

@media screen and (max-width: 800px) {	
	#box2 {
      height: 140%;
     }

#box8 {
      height: 105%;
     }

#box5 {
      height: 100%;
     }

#box7 {
      height: 110%;
     }
}

@media screen and (max-width: 600px) {	
	
	.header {
		margin: 0 !important;
	}
	
	header .logo, .logo_wko {
		margin: 0 25px;
		padding-top: 25px;
	}
	
	nav li a#current {
	color: #ffffff;
}
	
	.logo img {
		width:80%;
        height:80%;
	}
	
	.switch { margin-left: 25px;}
	
	.mob-box-m { top: 25px;
	 }
	
		.resp { margin: 25px;
}
	
	.resp1 { margin-top: 25px;
		margin-bottom: 25px;
}

		.resp2 { padding-left: 0;
			padding-top: 0;
}

	
	.float-m {float:left;}
	
	header.posit-f { 
		position: static;
	}
	
	#wall .owl-controls {
	right: 25px;

}
	
	.nav-bott { 
		top: 120px; 
		bottom: inherit;  
	}
	
	.map {
		height: 300px;
	}
	
	.page {
		padding-top: 0;
	}	
	
	.page-post .overl {
		padding-top: 0;
	}
	
	
	

	
	.bg-cov-top-mob {
	background-position: 35% center;
	
}
	
	/* mobile hidden */
	
	.mob-n { display: none; }
	
	/* strict typoghraphy */
	
	.title-b { font-size: 30px; }
	
	
	.caption-b {
		font-size: 35px;
	}
	
	.caption-m {
		font-size: 32px;
	}
	
	
	
	.title-m {
		font-size: 22px;
		line-height: 26px;
	}
	
	.title-s {
		font-size: 24px;
		line-height: 24px;
	}
	
	/* width */
	[class^="w-"] { width: 100%; }
	


		.social-m { position: relative;
			bottom: 0px;
				right: 0px;
				margin-top: 25px;
}
	
	
.bg-clr-1-m {background-color: #c0eae9;
     }

.bg-clr-2-m {background-color: #2697aa;
     }
	
#box1  {

    height: 60%;

}
	
	#box10  {
      height: 110%;
     }
	
	#box2  {

    height: 155%;

}
	
		#box9  {

    height: 175%;

}

	#box4 {

    height: 110%;

}
		#box8, #box7 {

    height: 130%;

}
	

	.bg-clr-2-m {
	background-color: #c0eae9;
}

	.bg-clr-3-m {
	background-color: #2697aa;
}
	
	.h-300-m {height: 300px;}
	


.offset-10 {
    margin-top: -70%;
    margin-left: 20%;
}
}

@media screen and (max-width: 600px) and (orientation:landscape) {
	#box1  {

    height: 120%;

}
	
	#box10  {
      height: 125%;
     }
	
	#box2  {

    height: 180%;

}

	#box4 {

    height: 100%;

}
		#box8 {

    height: 170%;

}
	
			#box9, #box11 {

    height: 210%;

}
	

	.bg-clr-2-m {
	background-color: #c0eae9;
}

	.bg-clr-3-m {
	background-color: #2697aa;
}
}