@charset "utf-8";
/* CSS Document */
@media (min-width: 1024px) {
/*#content,.testimonials_wrapper{ background-color:red; }*/
/*#menu ul{ display:block; }*/
#about_description{ max-width:100%; padding:0 3%; }
}

@media (max-width: 1600px){
.banner-item{ width:100%; }
.banner-item img{ width:100%; }
#banner,.banner-item{ height:auto; }
#about-img{ max-width:100%; }
}

@media (max-width: 1024px){
/*#content,.testimonials_wrapper{ background-color:blue; }*/
.centered{ width:960px; }
.banner-text{ font-size:2.2em;}
#about_description{ width:100%; font-size:1.2em;  }
.slick-dots{ bottom:10px !important; }
.banner-text{ bottom:40px !important; }

}
@media (max-width: 780px){
	 .contacts-bg{  display:none; }
}
@media (max-width: 768px){
/*#content,.testimonials_wrapper{ background-color:yellow; }	*/
.centered{ width:700px; }
.banner-text{ font-size:2.2em; }
.slick-dots{ bottom:10px !important; }
.banner-text{ bottom:30px !important; }
}

@media (max-width: 736px) {
	/*#content,.testimonials_wrapper{ background-color:green; }*/
	
	img.logo{ width:auto;}
	.centered{ width:660px; }
	}
	
@media (max-width: 668px){
	.centered{ width:100%; }
	.banner-text{ font-size:1.2em; }
	.slick-dots{ bottom:5px !important; }
	.banner-text{ bottom:25px !important; }
	}

@media (max-width: 600px){
	
}

@media (max-width: 568px){
	 img.logo{ width:60%; margin-left:20%; margin-top:10px; max-height:100%; }
	 #header{ position:relative; }
	 #header1{ display:none; }
	 ul.header-list li{ padding:2px 18px; }
	 ul.header-list{ margin-left:5px; }
	 div.copyright{ font-size:12px; }
	 div.powered_by{ font-size:10px; margin: 0 10px }
	 #footer{ height:auto; padding-bottom:10px; }
	 .slick-dots li button, .slick-dots li{ width:16px; height:16px; background-size:100%; }
	 .slick-dots li button:hover, .slick-dots li button:focus,.slick-dots li.slick-active { background:url(../../images/dots_blue.png) no-repeat center center; background-size:100%; }
	}

@media (max-width: 414px){
	#flip_flop_img,#spadrij_img{ max-width:100%; }
	ul.header-list{ font-size:11px; padding:2px 5px 2px 18px; margin-top:5px; }
	#header_1{ height:65px; 
	}

@media (max-width: 384px){
	}

@media (max-width: 375px){
	}

@media (max-width: 360px){
	#header_1{ height:50px; }
	}

@media (max-width: 320px){
	}

@media (max-width: 240px){
	}