@media all and (max-width: 767px) {

	.sisuleht  {
		margin:0 2% 2% !important;
		padding:4% 2% !important;
	}

}


@media all and (max-width:993px) {

	a.close-btn1 {
		position:fixed !important;
		right:20px !important;
		top:20px !important;
	}

}


@media all and (max-width:1800px) {
	select.valik {  
		padding-left: 5px;	   
	}
}
@media all and (max-width:1700px) {
	.kollektsioon {
		padding-left: 15px !important;
	}
}
@media all and (max-width:1610px) {
	.kollektsiooni-tutvustus p {
    padding-top: 10px;
}
}
@media all and (max-width:1600px) {
	.valikud {
		width:41.66666% !important;
	}
	.kollektsiooni-tutvustus {
		width:58.3333% !important;
	}
}
@media all and (max-width:1310px) {
	.kollektsioon p {
    font-size: 22px;
	}
	select.valik {
    font-size: 22px;
	}
	.kollektsiooni-tutvustus {
		padding-left:0 !important;
	}
}
@media all and (max-width:1230px) {
	.kollektsioon p {
    font-size: 20px;
	}
	select.valik {
    font-size: 20px;
	}
	#foot1 {
		height:400px;		
	}
}
@media all and (max-width:1200px) {
	.valikud {
		width:50% !important;
	}
	.kollektsiooni-tutvustus {
		width:50% !important;
	}
}
@media all and (max-width:1080px) {
		.kollektsiooni-tutvustus p {
			padding-top: 0px;
		}
	.load-wrapper {
		width:20%;

	}
}
@media all and (max-width:993px) {
	.valikud {
		width:100% !important;
	}
	.kollektsiooni-tutvustus {
		width:100% !important;
		margin-top:20px;
		padding-left:15px !important;
	}
	.dropdown-valik {
		float:right !important;
	}
}



@media all and (max-width:1830px) {
	.search-wrapper.searchOpen {
		width: 20%; /* 100% */
		background-color:#003772;
		z-index: 10;
	}
}
@media all and (max-width:1520px) {
	.search-wrapper.searchOpen {
		width: 19%; /* 100% */
		background-color:#003772;
		z-index: 10;
	}
}
@media all and (max-width:1260px) {
	.search-wrapper.searchOpen {
		width: 18%; /* 100% */
		background-color:#003772;
		z-index: 10;
	}
}
@media all and (max-width:1100px) {
	.search-wrapper.searchOpen {
		width: 17%; /* 100% */
		background-color:#003772;
		z-index: 10;
	}
}
@media all and (max-width:1450px) {
	.mainMenu {
		margin-left:20px;
	}
	.headerlogo {
		left:20px;
	}
	.main-menu-wrapper {
		left: 160px;
		width: 58.33333333% !important;
	}
	.content-page .mainMenu {
		margin-left: 0px;
	}
	.lang  {
		width:16.66666667% !important;
	}	
	.content-page .main-menu-wrapper {
		margin: 3px 0 0;
	}
}
@media all and (max-width:1400px) {
	.newsletter-wrap input.subs-box {
    width: 85%;
	}
	.newsletter-wrap input.input-submit-btn {
    width: 15%;
	}
}
@media all and (max-width:1300px) {
	.mainMenu li {
		padding: 15px 9px;
	}
}
@media all and (max-width:1200px) /*TOGGLE */{
	.ikoonidwr {
		z-index:7;
	}
	.search-btn {
		z-index:8;
	}
	.lang {
		z-index:7;
	}
	.content-page .lang {
		left: 180px;
		position: absolute !important;
		margin-top: 10px;
		width: 25% !important;
	}
	.content-page .lang ul {float:left;}
	.esimene2 {
		z-index:8;
	}
	.logopool .popplogo {	
		right: 10px;
		bottom: 0px;
		top:50%;
		-ms-transform: translateY(-50%); /* IE 9 */
		-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
		transform: translateY(-50%);
	}
	#foot2 img {
    margin-top: 0px;
	float:right;
	}
	.logopool {
		padding:0 !important;
	}
}
@media all and (max-width:1130px) {
	.tekst2 {
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: right;
	}
	.tekst2 h2 {
		font-size: 36px;
	}
	.tekst1 h2 {
		font-size: 52px;
	}
	.tekst3 h2 {
		font-size: 48px;
		padding-right:10px;
	}
	.tekst1 {
		position: absolute;
		bottom: 20px;
		right: 30px;
		text-align: right;
	}
	.tekst3 {
		position: absolute;
		bottom: 20px;
		left: 30px;
	}
}
@media all and (max-width:1050px) {
	
}
@media all and (max-width:966px) {
	.tekst2 {
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: right;
	}
	.tekst2 h2 {
		font-size: 34px;
	}
	.tekst1 h2 {
		font-size: 52px;
	}
	.tekst3 h2 {
		font-size: 44px;
		padding-right:10px;
	}
	.tekst1 {
		position: absolute;
		bottom: 20px;
		right: 30px;
		text-align: right;
	}
	.tekst3 {
		position: absolute;
		bottom: 20px;
		left: 30px;
	}
}
@media all and (max-width:1000px) {
	
	
}
@media all and (max-width:992px) {
.logopool .popplogo {
    right: 10px;
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
	.lang {
		left:180px;
		position:absolute !important;
		margin-top:30px;
		width:25% !important;
	}
	
	.lang li {
		float:none;
	}
	.search-wrapper {
    padding-right: 20px !important;
	}
	.content-page .search-wrapper {
		top:15px;
	}
	.search-wrapper {
		
		position: absolute;
		width: 0px;
		box-sizing: border-box;
		right: 70px;
		top: 45px;
		transition: all 0.3s ease-in-out 0s;
		height: 70px;
	}
	.search-wrapper input {
		background-color: transparent;
		border: medium none;
		
		height: 70px;
		font-size: 18px;
		padding: 0px;
		z-index: 11;
		display: block;
		top: 0px;
	}
	.search-btn {
		right: -69px;
		width: 70px;
		height: 50px;
		position: absolute;
		top: 10px;
		cursor: pointer;
		bottom: 0px;
		padding: 10px 20px;
		background-image: url("../img/luup.png");
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
		transition: all 0.3s ease-in-out 0s;
		border-left: 1px solid #507fb3 !important;
	}
	#foot2 {
    height: 90px;
	}
	.logopool {
		margin-top:15px;
	}
}
/*@media all and (max-width:820px) {
	.main-menu-wrapper {
		left: 160px;
		width: 30% !important;
	}
	.lang {
		width: 45% !important;
	}
	.mobileMenuToggle {
		width: 75%;
	}
	.mainMenu {
		width:400px;
	}
}*/
@media all and (max-width:991px) {
	.search-wrapper.searchOpen {
		width: 33.5%;
		background-color: #003772;
		z-index: 10;
	}
}
@media all and (max-width:950px) {
	.search-wrapper.searchOpen {
		width: 32%;
		background-color: #003772;
		z-index: 10;
	}
	.load-wrapper {
		widtH:25%;

	}
	
	.newsletter-wrap h2 {
		font-size: 28px;
	}
}


/* -----------------------------------SIIT TULEB LILLA MEN??TAUSTRIBA---------------------------- */


@media all and (max-width: 767px) {
	.newsletter-wrap input.subs-box {
    
		padding-left: 25px;
	}
	#foot1 {
		height:350px;		
	}
	.newsletter-wrap h2 {
		font-size: 24px;
		padding-bottom: 25px;
		margin-top:10px;
	}
	.first-page .sisuala {
		padding: 0 15px;
	}
	.teine1 {
		padding-bottom: 60%;
		margin:10px 0;
	}
	.first-page .teine {
		max-height:1200px !important;
	}	
	.carousel-inner .item-img {
		padding-bottom:60%;
	}
	.teine2 {
		padding-left:0 !important;
	}
	span.glyphicon {
		font-size:30px !important;
	}
	.esimene2 {
		padding-bottom:45%;
		float:left;
	}
	.esimene1, .teine1, .kolmas, .esimene2 {
		float:left;
		margin-bottom:10px;
		margin-top:0 !important;
	}
	.esimene, .teine, .kolmas {
		width:100%;
	}
	.esimene1 {
		background: url(../img/pilt1.jpg) no-repeat center center;
		padding-bottom:55%;
		background-size:100%;
	padding-right:0 !important;
	}
	.headerlogo {
		left: 15px;
	}
	.headerlogo img{
		height:200px;
		max-width:175px;

	}
	.headerlogo {
		position:absolute;
		top:0px;
		z-index:11;
		
		width:175px;
		max-height:200px;
	}
	.headerlogo a {
		top:-100px;
		width:175px;
	}
	.taustL {
		left:0px;
		z-index:-1;
		top:-100px;
	}
	.nimi {
		max-width:125px !important;
		left:25px;
		top:80px;
	}
	
	
	.bluebar {
		display:block;
		position:absolute;
		top:0;
		height:60px;
		background-color:#003772;
		width:100%;
	}
	.ikoonidwr {
		height:60px;
	}
	.ikoonid {
		top: 20px;
		right: 75px;		
	}
	.ikoonid img {
		float:right;
	}
	.searchbar {
		height:60px;
		margin-top:0;
	}
	.search-wrapper.searchOpen{
		width:55%;
		padding-left:10px;
	}
	.content-page .search-wrapper {
		top:0;
	}
	.content-page .ikoonid {
		top:20px;
	}
	.content-page .searchbar {
		height: 60px;
		margin-top: 0px;
	}
	.content-page .headerlogo {
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 13px;
		width: 120px;
		max-height: 120px;
	}
	.content-page .bluebar {
		display: block;
		position: absolute;
		top: 0;
		height: 60px;
		background-color: #003772;
		width: 120%;
		left:-10%;
		z-index:7;
	}
	
	.content-page .esimene, .content-page .teine {
		
		padding-left:0;
		padding-right:0;
		padding-bottom:6px;	
		
		
	}
	.content-page .lang {
		margin-top: 29px;
		margin-left:30px;
		right:0;
		width:33% !important;
		left:auto;
	}
	.content-page .lang ul{position:absolute; right:0;}
	
	.search-wrapper {
		padding-right: 30px !important;
		
		
		position: absolute;
		width: 0px;
		box-sizing: border-box;
		right: 70px;
		top: 0px;
		transition: all 0.3s ease-in-out 0s;
		height: 60px;
	}
	.search-btn {
		right: -69px;
		width: 70px;
		height: 50px;
		position: absolute;
		top: 5px;
		cursor: pointer;
		bottom: 0px;
		padding: 10px 20px;
	}
	
	#header {
		height:140px;
	}
	
	/*.searchbar {
		position:absolute !important;
		left:0px;
		top:-20px;
		width:100% !important;
		height:60px;
	}
	.ikoonid {
		height: 40%;
		width:100%;
		padding: 20px 0 0 0 !important;
	}
	.search-wrapper {
		width:100%;
		height:60%;
		float:left;
		padding-right:20px !important;
	}
	.search-wrapper form {
		top: 0px;
	}*/
	/*.search-wrapper input[type="submit"] {
		width: 15%;
		position: absolute;
		top: 0px;
		right: 15px;
		bottom: 0px;
		
		padding:0 !important;
		background-image: url("../img/luup.png");
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		border-left: 1px solid #fff !important;
		
	}
	.search-wrapper input {
		background-color: transparent;
		border: none;
		width: 85%;
		height: 50px;
		font-size: 18px;
		padding: 10px 15px 10px 5px;
	}*/

	.lang ul {
		float:left;
		
	}
	.esimene2 {
		z-index:5;;
	}
	.carousel-control .glyphicon-chevron-left {
		margin-left:0 !important;
	}
	.wrap.first-page {
		padding:0 0px ;
		
	}
	
	/*.lang {
		position: absolute;
		margin-top: 0px;
		top: 65px;
		width: 94% !important;
		float: none;
		left: 15px;
		padding: 0 !important;
	}*/
	.lang ul {
		float:left;
		padding-left:0;
	}
	.lang {
		margin-top:40px;
		width:70% !important;
	}
	.newsletter-wrap input.subs-box {
    width: 75%;
	}
	.newsletter-wrap input.input-submit-btn {
    width: 25%;
	}
	.newsletter-wrap input.subs-box {
    resize: none;
    height: 60px;
	}
	.newsletter-wrap::-webkit-input-placeholder {		
		line-height:60px;		
	}
	.subs-box:-moz-placeholder {
		line-height:60px;
	}
	.subs-box::-moz-placeholder {
		line-height:60px;
	}
	.subs-box:-ms-input-placeholder {
		line-height:60px;
	}
	.newsletter-wrap input.input-submit-btn {
	   height:60px;
	}
	.newsletter-wrap  input.subs-box {
		line-height: 60px;
	}
	.newsletter-wrap {
    width: 70%;
	}
	
	
	.galerii-leht li {
		width: 33.33333%;
		float: left;
		border:4px solid transparent;
		list-style: none;
		height: 100%;
		max-height: 380px;
		overflow: hidden;
	}
	
.content-page .headerlogo, .first-page .headerlogo {
    width: 120px !important;
}
.front-page .headerlogo img.taustL {
    width: 120px;
    height: auto;
}
.front-page .headerlogo img.nimi {
    width: 70px;
    z-index: 3;
    height: auto;
    padding: 45px 0 124px;
}
	
	
}
/* -----------------------------------------------*/
@media all and (max-width:700px) {
	.lisalingid-footer li {
		padding: 3px 5px;
	}
	#foot2 p {
    font-size: 11px;
	}
	.kerry-pool  {
		padding: 0 !important;
	}
	.menu-pool {
		padding-left: 0 !important;
	}
}
@media all and (max-width:650px) {
	.kollektsioon p {
		font-size: 18px;
	}
	select.valik {
		font-size: 18px;
	}
	.dropdown-valik {
		padding-left: 0px !important;
	}
	.kollektsioon {
		pading-right:0 !important;
	}
}
@media all and (max-width:630px) {
	#foot2 {
		height: 100px;
	}
}
@media all and (max-width:600px) {
	.galerii-leht li {
		width: 50%;
		float: left;
		list-style: none;
		height: 100%;
		max-height: 380px;
		overflow: hidden;
		border:4px solid transparent;
	}
	.search-wrapper.searchOpen{
		width:50%;
		padding-left:10px;
	}
	a.load-btn {
		font-size: 18px;
	}
	.loadMoreDiv .load-wrapper {
		width:33%;
	}
	.kollektsiooni-tutvustus p {
		font-size: 16px;
	}
	.kollektsioon, .dropdown-valik {
		width:100% !important;
	}
	.valikud {
		display:inline-block !important;
	}
	.kollektsiooni-tutvustus {
		margin-top:30px; 
	}	
	.kollektsioon {
		margin-right: 0;
		border-bottom: 2px solid #d5d7db;
		padding-bottom:15px;
	}
	.dropdown-valik {
		padding-left:5px !important;
	}
	.valikud {
		height:auto;
	}
	.newsletter-wrap {
		width: 80%;
	}
	.lisainfo-subscribe p {
    font-size: 12px;
	}
	.newsletter-wrap h2 {
		font-size: 22px;
		padding-bottom: 20px;
		margin-top: 0px;
	}
	.newsletter-wrap input.subs-box {
    resize: none;
    height: 50px;
	}
	.newsletter-wrap::-webkit-input-placeholder {		
		line-height:50px;		
	}
	.subs-box:-moz-placeholder {
		line-height:50px;
	}
	.subs-box::-moz-placeholder {
		line-height:50px;
	}
	.subs-box:-ms-input-placeholder {
		line-height:50px;
	}
	.newsletter-wrap input.input-submit-btn {
	   height:50px;
	}
	.newsletter-wrap input.subs-box {
		line-height: 50px;
	}
	.newsletter-wrap input.subs-box {
    width: 85%;
	}
	.newsletter-wrap input.input-submit-btn {
    width: 15%;
	}
	#foot1 {
		height: 310px;
	}
}
@media all and (max-width:585px) {
	#foot2 {
		height: auto;
	}
	.logopool .popplogo {
		float:right;
		position:relative !important;
		bottom:0;
		top:0;
		margin-bottom:10px;
		right:auto;
		width:100%;
		text-align:center;
		-ms-transform: translateY(0); /* IE 9 */
		-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
		transform: translateY(0);
	}
	.logopool img {
		max-width:140px;
		margin-left:auto;
		margin-right:auto;
		float:none !important;
		display:block;
	}
	#foot2 > div,
	.kerry-pool, .menu-pool, .logopool {
		width:100% !important;
		top:0;
		-ms-transform: translateY(0); /* IE 9 */
		-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
		transform: translateY(0);
	}
	.kerry-pool {
		text-align:center;
	}
	.menu-pool {
		padding-right: 0 !important;
	}
}
@media all and (max-width:530px) {
	.search-wrapper.searchOpen{
		width:45%;
		padding-left:10px;
	}
}
@media all and (max-width:486px) {
	.search-wrapper.searchOpen{
		width:40%;
		padding-left:10px;
	}
	.newsletter-wrap input.subs-box {
    width: 80%;
	}
	.newsletter-wrap input.input-submit-btn {
    width: 20%;
	}
	
	.galerii-leht li {
		width: 100%;
		float: left;
		list-style: none;
		height: 100%;
		max-height: 380px;
		overflow: hidden;
		border:2px solid transparent;
	}
}
@media all and (max-width:444px) {
	.search-wrapper.searchOpen{
		width:39%;
		padding-left:10px;
		padding-right:
	}
	.search-btn {
		padding:0 !important;
		background-position: center left 10px;
		width:50px !important;
		right:-49px !important;
	}
	.search-wrapper {
		right:50px !important;
	}
	.newsletter-wrap h2 {
		font-size: 20px;
	}
	.newsletter-wrap {
    padding-top: 20px;
	}
	.newsletter-wrap input.subs-box {
    
		padding-left: 15px;
	}
}
@media all and (max-width:390px) {
	.search-wrapper.searchOpen{
		width:35%;
		padding-left:10px;
		padding-right:
	}
}
@media all and (max-width:383px) {
		.footer #foot1 {
		height: 340px;
	}
}
@media all and (max-width:350px) {
	.footer #foot1 {
		height: 370px;
	}
	.newsletter-wrap h2 {
    font-size: 19px;
}

}
@media all and (max-width:365px) {
	.search-wrapper.searchOpen{
		width:30%;
		padding-left:10px;
		padding-right: 15px !important;
	}
}
@media all and (max-width:344px) {
	.search-wrapper.searchOpen{
		width:27%;
		padding-left:10px;
		padding-right: 15px !important;
	}
}
/*@media all and (max-width:444px) {
	.headerlogo {
		position: absolute;
		top: 0px;
		z-index: 2;
		left: 15px;
		width: 135px;
		max-height: 200px;
	}
	.headerlogo a {
		top: -100px;
		width: 135px;
		
	}
	.headerlogo img {
		height:200px;
		max-width: 135px;
	}
	.nimi {
		max-width: 85px !important;
		left: 25px;
		top: 80px;
	}
	
}*/

@media all and (max-width:500px) {
		
	.tekst2 {
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: right;
	}
	.tekst2 h2 {
		font-size: 30px;
	}
	.tekst1 h2 {
		font-size: 48px;
	}
	.tekst3 h2 {
		font-size: 42px;
		padding-right:10px;
	}
	.tekst1 {
		position: absolute;
		bottom: 20px;
		right: 30px;
		text-align: right;
	}
	.tekst3 {
		position: absolute;
		bottom: 20px;
		left: 30px;
	}
	.teine1 {
		background: url(../img/pilt3.jpg) no-repeat center center;
		background-size:cover;
	}
	p.bold-title {
		padding-left: 0;
		font-weight: bold;
		border-left: none;
	}
	p.title1 {
		border-right: 2px solid #d5d7db;
		padding-right:15px;
	}
	
}
@media all and (max-width:450px) {
	.bluebar {
		display:block;
		position:absolute;
		top:0;
		height:100px;
		background-color:#003772;
		width:100%;
	}
	.content-page .bluebar {

		height: 100px;
		
	}
	.ikoonidwr {
		height:60px;
	}
	.content-page .ikoonid {
		top: 65px;
		right: 10px;
	}
	.content-page #header {
		height: 140px;
	}
	.content-page .lang {
		margin-top: 72px;
		margin-left: 15px;
	}
	.ikoonid {
		top: 65px;
		right: 10px;		
	}
	.ikoonid img {
		float:right;
		
	}
	img.social {
		
		height:20px;
	}
	.searchbar {
		height:60px;
		margin-top:0;
	}
	.search-wrapper {
		padding-right: 30px !important;
		padding-left: 270px;
		
		position: absolute;
		width: 0px;
		box-sizing: border-box;
		right: 70px;
		top: 0px;
		transition: all 0.3s ease-in-out 0s;
		height: 60px;
	}
	.search-btn {
		right: -69px;
		width: 70px;
		height: 50px;
		position: absolute;
		top: 5px;
		cursor: pointer;
		bottom: 0px;
		padding: 10px 20px;
	}
	
	#header {
		height:160px;
	}
	.lang {
		margin-top:85px;
		width:70% !important;
	}
}
@media all and (max-width:383px) {
	img.social-last {
		margin-right:0;
	}
}
@media all and (max-width:530px) {
	.loadMoreDiv .load-wrapper {
		width:40%;

	}
}
@media all and (max-width:600px) {
	
}
@media all and (max-width:700px) {
	.load-wrapper {
		width:30%;

	}
}
@media all and (max-width:420px) {
	.loadMoreDiv .load-wrapper {
		width:50%;

	}
}
@media all and (max-width:484px) {
	.tekst2 {
		position: absolute;
		top: 10px;
		left: 20px;
		text-align: left;
	}
	.tekst2 h2 {
		font-size: 26px;
	}
	.tekst1 h2 {
		font-size: 44px;
	}
	.tekst3 h2 {
		font-size: 32px;
		padding-right:10px;
	}
	.tekst1 {
		position: absolute;
		bottom: 20px;
		right: 30px;
		text-align: right;
	}
	.tekst3 {
		position: absolute;
		bottom: 20px;
		left: 30px;
	}
	.teine1 {
		background: url(../img/pilt3.jpg) no-repeat center center;
		background-size:cover;
	}
}
@media all and (max-width:350px) {
.content-page .lang {
		margin-top: 72px;
		margin-left: 5px;
		width:40% !important;
	}
	.loadMoreDiv .load-wrapper {
		width:60%;

	}
}
@media all and (max-width:546px) {

}

@media all and (min-width:768px){

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
	  select {
	   
	   cursor:pointer;
	   background: transparent;
	   -webkit-appearance: none;
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
	}
}
::-ms-expand {
	display:none;
}
@media all and (min-width:1444px) {	
body .option-box {
    width: 107px;
    padding-bottom: 107px;
}	
}

@media all and (min-width:2017px) {
	
	.popup-aken {
		left:50%;
		right:0;
		margin-left:-938px;
		height:1000px; /*14-03*/
		top: 50%;
    
    margin-top: -500px;
	}
	/*14-03*/
	.popup-tootevalikupool {
	
		height:1000px;
		float:right;
		padding-left: 1000px;
	width: 100%;
	}
	.popup-galeriipool {
		height: 1000px;
	width: 1000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}
	.popup-galeriipool .carousel-inner .item-img {
		/*padding-bottom:77.5%;*/
		height:1000px;
		padding-bottom:0;
	}
	.slimScroll, .slimScrollDiv {
		height:850px !important;
		margin-bottom:5px;
		padding-right:10px;
	}
	p.tootekoodirida {
	position:absolute;
	top:10px;
	left:1010px;
	font-size:16px;
	color:#636466; 
	font-family: 'Fira Sans', sans-serif;
}
}



@media all and (max-width:1550px) {
	.popup-aken {
		background-color:#242527;
		top: 50%;
		
		max-width:1876px;
	}
	.popup-tootevalikupool {
	
		height:650px;
		float:right;
		padding-left: 650px;
	width: 100%;
	}
	.popup-galeriipool {
		height: 650px;
		width: 650px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.subwrap {
		min-height: 650px;
	}
	.popup-galeriipool .carousel-inner .item-img {
		
		height:650px;
		padding-bottom:0;
	}

	.slimScroll, .slimScrollDiv {
		height:500px !important;
		margin-bottom:5px;
		padding-right:10px;
	}
	p.tootekoodirida {		
		left:660px;		
	}
}

@media all and (max-width:1200px) {
	.popup-aken {
		background-color:#242527;
		top: 50%;
		height: 500px;
		margin-top: -250px;
		
		max-width:1876px;
	}
	.popup-tootevalikupool {	
		height:500px;
		padding-left: 500px;
		width: 100%;
	}
	.popup-galeriipool {
		height: 500px;
		width: 500px;
	}
	.popup-galeriipool .carousel-inner .item-img {
		/*padding-bottom:77.5%;*/
		height:500px;		
	}
	.slimScroll, .slimScrollDiv {
		height:350px !important;
		margin-bottom:5px;
		padding-right:10px;
	}
	p.tootekoodirida {
		left:510px;
	}
}
@media all and (max-width:993px) {
	.popup-aken {
    width: 75% !important;
    left: 12.5%;
    right: 12.5%;
	height:700px;
	overflow-y:scroll;
		margin-top: -350px;
	}
	.slimScroll, .slimScrollDiv {
		height:auto !important;
		margin-bottom:5px;
		padding-right:10px;
		overflow:visible !important;
	}
	.slimScrollBar, .slimScrollRail {
		display:none !important;
		opacity:0 !important;
	}
	
	.popup-galeriipool {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		position: relative;
		float: left;
		background-color: #242527;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height:0;
		padding-bottom:100%;
		
	}
	p.tootekoodirida {
		left:10px;
	}	
	.popup-tootevalikupool {
		width:100%;
		min-height:400px;
		height:auto;
		float:left;
		padding-left:0;
	}
	
	/*
	a.fancybox-close.close-btn1 {	
		display:none;	
	}
	*/
	
	
	a.fancybox-close.close-btn-mobile {
		display:block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px !important;
		height: 50px !important;
		cursor: pointer;
		z-index: 9999;
		padding-bottom:0;
		background-image: url("../img/close-btn2.jpg");
	}
	
	/*.option-box {
		padding-bottom:14.3%;
	}*/
	
}
/*@media all and (max-width:2000px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:13.3%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1933px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:13.9%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1861px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:14.5%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1799px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:15.1%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1735px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:15.7%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1677px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:16.4%;
		float:left;
		margin:5px;
		height:0;
	}
}
@media all and (max-width:1650px) {
	.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:16.6%;
		float:left;
		margin:5px;
		height:0;
	}
}*/
@media all and (min-width:2001px) {
	/*.option-box {
		max-width:107px;
		max-height:107px;
		width:16.6%;
		padding-bottom:13.3%;
		float:left;
		margin:5px;
		height:0;
	}*/
}
@media all and (max-width:992px) {
	.content-page .lang {
		
	}
	.content-page .lang li {
		float:right;
	}
}



/*@media all and (max-width:955px) {
	.option-box {
		padding-bottom:15%;
	}
}
@media all and (max-width:920px) {
	.option-box {
		padding-bottom:15.7%;
	}
}

@media all and (max-width:880px) {
	.option-box {
		padding-bottom:16.6%;
	}
}

*/
@media all and (max-width:650px) {
	.option-box {
		width:25%;
		/*padding-bottom:21.8%;*/
	padding-bottom:25%;
	}
	.popup-galeriipool {
		width:100%;
		min-height:500px;
		float:left;
	}		
	.popup-galeriipool .carousel-inner .item-img {
		
		min-height:500px;
	}
	
}
 

@media all and (max-width:567px) {
	.option-box {
		padding-bottom:25%;
	}
	.tooteKirjeldusDiv p {
		font-size: 15px;
	}
	.tooteDetailDiv p {
    font-size: 15px;
	}
	.color-options-div p {
    font-size: 18px;
	}
	h2.tooteheader {
    font-size: 34px
	}
	.popup-galeriipool {
		width:100%;
		min-height:450px;
		float:left;
	}		
	.popup-galeriipool .carousel-inner .item-img {
		
		min-height:450px;
	}
}
@media all and (max-width:530px) {
	.option-box {
		padding-bottom:25%;
	}
}
@media all and (max-width:767px) {
	h2.tooteheader {
		padding-right:120px;
	}
/* 	.popup-aken {
	   height: auto;
	   top: 20px;
	   margin: 0;
	   bottom: 20px;
	   
    width: 80% !important;
    left: 10%;
    right: 10%;
	} */
}

@media all and (max-height:1050px) and (min-width: 2018px) {
	.popup-aken {
		background-color:#242527;
/* 		top: 50%;
		height: 650px;
		
		max-width:1876px; */
	}
	.popup-tootevalikupool {
	
		height:650px;
		float:right;
		padding-left: 650px;
	width: 100%;
	}
	.popup-galeriipool {
		height: 650px;
		width: 650px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.popup-galeriipool .carousel-inner .item-img {
		
		height:650px;
		padding-bottom:0;
	}

	.slimScroll, .slimScrollDiv {
		height:500px !important;
		margin-bottom:5px;
		padding-right:10px;
	}
	p.tootekoodirida {		
		left:660px;		
	}
}
@media all and (max-height:710px) and (max-width:992px) /* suur ekraan ja l?hike */ {
/* 	.popup-aken {   
    height: 500px;
	} */
	.popup-galeriipool {
		height: 500px;
	}
	.popup-tootevalikupool {
		height:auto;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 500px;
	}
	
}
@media all and (max-height:505px) and (max-width:992px) /* suur ekraan ja l?hike */ {
/* 	.popup-aken {   
    height: 400px;
	} */
	.popup-galeriipool {
		height: 400px;
	}
	.popup-tootevalikupool {
		height:auto;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 400px;
	}
	
}
@media all and (max-height:405px) and (max-width:992px) /* suur ekraan ja l?hike */ {
/*	.popup-aken {   
    height: 300px;
	}*/
	.popup-galeriipool {
		height: 300px;
	}
	.popup-tootevalikupool {
		height:auto;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 300px;
	}
	
}
@media all and (max-height:310px) and (max-width:992px) /* suur ekraan ja l?hike */ {
/* 	.popup-aken{
	height: auto;
	top: 20px;
	bottom: 20px;
	
	} */
}
/* @media all and (max-height:710px) and (max-width:767px) {
	.popup-aken{
	height: auto;
	top: 20px;
	bottom: 20px;
	width: 80% !important;
	left: 10%;
	right: 10%;
	}
} */
@media all and (max-height:740px) and (min-width:993px) /* suur ekraan ja l?hike */ {
/* 	.popup-aken {   
    height: 500px;
	} */
	.popup-galeriipool, .popup-tootevalikupool {
		height: 500px;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 500px;
	}
	.slimScroll, .slimScrollDiv {
		height: 350px !important;
		margin-bottom: 5px;
		padding-right: 10px;
	}
}

@media all and (max-height:505px) and (min-width:993px) {
/* 	.popup-aken {   
    height: 400px;
	} */
	.popup-galeriipool, .popup-tootevalikupool {
		/*height: 400px;*/
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 400px;
	}
	.slimScroll, .slimScrollDiv {
		height: 250px ;
		margin-bottom: 5px;
		padding-right: 10px;
	}
}
@media all and (max-height:405px) and (min-width:993px) {
/* 	.popup-aken {   
    height: 300px;
	} */
	.popup-galeriipool, .popup-tootevalikupool {
		height: 300px;
	}
	.popup-galeriipool .carousel-inner .item-img {
		height: 300px;
	}
	.slimScroll, .slimScrollDiv {
		height: 150px !important;
		margin-bottom: 5px;
		padding-right: 10px;
	}
}



@media all and (max-width:360px) {
/* 	.popup-aken {
   
		width: 90% !important;
		left: 5%;
		right: 5%;
	} */
	.tootesisuDiv {
    
		padding-top: 90px;
		
	}
	.ctrl-btn-wrap {

		top: 60px;
	}
}
@media all and (max-width:550px) {
	.option-box {
    padding-bottom: 30%;
    width: 30%;
}
@media all and (max-width:440px) {
	.option-box {
    padding-bottom: 35%;
    width: 35%;
}

@media all and (max-height:800px) {
	.popup-aken {
		overflow-y:scroll;
	}
}



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