.xx{margin: 0 50px;}
.head{width: 50%;font-weight: bold;}
.header{display: flex;margin-top: 5px;}
.lang{margin-left: 32%;}
.h-t-r{text-align: left;font-style: italic;}
.h-c{display: flex;}
.block{display: block; margin: auto;margin-top: 0;}
.h-c-o{font-size: 30px;font-weight: bold;color:#341f97;}
.km{text-align: center;font-size: 22px;color:#5f27cd;}
.bold{text-align: center;font-weight: bold;font-size: 22px;color:#576574;}
.webdesigntuts-workshop{margin-left:-60px;}
.cont{min-height:500px;}
.logo{margin-left:5%;}
.lang input{
	color: white;
	background-color: #00d2d3;
	margin: 4px;
	padding: 10px;
	border-radius: 50%;
	border: 0;
	outline: 0;
}

.news_an{ display: none;
    display:flex;
    min-height:550px;
    margin: 40px 125px;
}
.news{ display: none;
    font-size:25px;
    letter-spacing: 2px;
    weight:bold;
    margin-right:0px;
    border-left: 5px solid #01a3a4;
    height:35px;
    padding-left: 20px;
}
.an{ 
    font-size:25px;
    letter-spacing: 2px;
    weight:bold;
    border-left: 5px solid #01a3a4;
    height:35px;
    padding-left: 20px;
    margin-left:20px;
}
.text{
    color:#242424;
    font-size:16px;
    margin-top:10px;
    font-weight:400;
    font-style:normal;
    font-family:PT Sans;
    
}
.footer{display: none; background-color:#00D2D3;margin: auto;}
.footer-sites{margin-left: 6%;padding-right:2%;font-size: 20px;margin-top: 0;margin-top: 30px;}
footer{background-color:#00D2D3;width:100%;padding: 0 125px;}
.footer-offer{background-color:#00D2D3;text-align:center;weight:bold;}
.f1{margin-top: 30px;}
.f2{margin-left: 6%;font-size: 20px;margin-top: 30px;}
.f22{border-left: 5px solid #01a3a4;padding-left: 10px;margin-bottom:20px;}
.f3{border-left: 5px solid #01a3a4;padding-left: 10px;margin-bottom:20px;}
.footer-sites ul{list-style:none;text-decoration: none;}
.footer-sites ul a{text-decoration: none;color:black;}
.footer-sites ul a:hover{color:red;}
.lin{color:red;}
.lin:hover{text-decoration: none;}

@media (min-width:1200px) {
    #menu {padding: 0;}#menu > li:first-child {margin-left: 9%;}
    
}
@media (min-width:992px) and (max-width:1199px) {
    #container {padding: 0;width:100%;}#menu > li:first-child {margin-left: 0;}
    #menu a {padding: 11px 9px;font-size: 12px;}
    .carousel-items img{width:900px;}
    .carousel{width:900px;}
    .logo{margin-left:0;}
    .map{width:300px;}
    footer{padding: 0 50px;margin:0 auto;}
    .news_an{
    min-height:420px;
    margin: 10px 40px;}
    .xx{margin: 10px;}
    
}
@media (min-width:768px) and (max-width:991px) {
    #container {padding: 0;width:100%;}#menu > li:first-child {margin-left: 0;}
    #menu a {padding: 9px 6px;font-size: 9px;}
    .carousel-items img{width:750px;}
    .carousel{width:750px;height: 360px;}
    .map{width:200px;}
    footer{padding: 0 20px;margin:0 auto;}
    .news_an{
    min-height:480px;
    margin: 10px 20px;}
    .footer-sites{margin-left: 3%;padding-right:1%;font-size: 20px;}
    .f2{margin-left: 3%;}
    .xx{margin: 5px;}
    .head{width: 70%;}
    .lang{margin-left: 12%;}
    .webdesigntuts-workshop input {
	float: left;
	font-size: 12px;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 150px;}
	.webdesigntuts-workshop button {
	font-size: 18px;
	
	height: 30px;
	line-height: 20px;
	width: 30px;
}	
	.h-c-o,.bold{font-size: 20px;}
	.km{font-size:15px;}
	.logo{margin-left:25px;}
    

}
@media (max-width:767px) {
    #container {padding: 0;width:100%;}#menu > li:first-child {margin-left: 0;}
    #menu a {padding: 6px 4px;font-size: 6px;}
    .carousel-items img{width:500px;}
    .carousel{width:500px;height: 300px;}
    .map{width:150px;height:200px;}
    footer{padding: 0 10px;margin:0 auto;}
    .news_an{
    min-height:600px;
    margin: 10px 20px;}
    .footer-sites{margin-left: 3%;padding-right:1%;font-size: 20px;}
    .f2{margin-left: 3%;}
    .xx{margin: 5px;}
    .head{width: 70%;}
    .lang{margin-left: 12%;}
    .webdesigntuts-workshop input {
	float: left;
	font-size: 12px;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 150px;}
	.webdesigntuts-workshop button {
	font-size: 18px;
	
	height: 30px;
	line-height: 20px;
	width: 30px;
}	
	.h-c-o,.bold{font-size: 20px;}
	.km{font-size:15px;}
	.logo{margin-left:0;}
    

}
@media (max-width:480px) {.news_an{min-height:900px;}}