@media (max-width: 979px) {

	.content-left,	.sidebar{ width:100%; }
	.content-left{ margin-bottom: 50px; padding-right: 0px; }
	.sidebar{  padding-left: 0px; }
	.border.green .content-left {   border-right: none;  }
	.border.green .sidebar{  border-left: 2px solid #209bd7; padding-left:30px;  }
	.border.blue .content-left {   border-right: none;  }
	.border.blue .sidebar{  border-left: 2px solid #209bd7; padding-left:30px;  }
	
	.socket .col-6{ width: 50%; float:left;}
	.socket .col-6{ font-size: 13px; }
	
	
	
   
	.content .news-item .description {
		width:100%;
	}
	.content .news-item .description h2{
		margin: 20px 0px 5px 0px;
	}
	.content .news-item .description p{
		width: 100%;
	}
	.content .news-item .description a.btn{
		margin-top:20px;
	}
    .fullwidth.news .content .news-item .description a.btn{
        position: relative;
        right:inherit;
    }

	
	.container.news {  
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-flex-flow: column-reverse;
		flex-flow: column-reverse;
	}

	.container.news .content-left { width: 100%; padding-right:0px;}
	.container.news .sidebar { 	width: 100%; margin-bottom:20px; }
    
    .content .news-item .image a img{ max-width:100%;}
    .content .news-item .image{ margin-bottom:0px;}
		   
}
	   



@media (min-width: 980px) and (max-width: 1199px) {

	.container { width: 900px;}
	
	
	.eyecatcher .slides li { height: 300px;}
	
}




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

	.container { width: 720px;}

	
	.eyecatcher .slides li { height: 200px;}

	
	.logo-3w { display: none;}
	
	
	.col-3 { width:33.33333333%; float:left;}
	.col-3.fourth { margin-top: 20px; width: 100%;}

}




@media screen and (min-width: 980px) {
	
	.js .nav-collapse { position: relative;}
	.js .nav-collapse.closed { max-height: none;}
	.nav-toggle { display: none;}
	
}
@media screen and (max-width: 979px) { 
	.container{
		padding: 0px 40px;
	}

    
    .header {
        height: auto;
        min-height: 220px;
    }    
	.content.container-fluid .container,
	.newscarousel .container	{
		padding: 50px 40px;
	}
	
	.newscarousel .container a.newsall{
		right: 40px;
	}
	.newscarousel .container .item{
		width:306px;
	}
	
	.content.container-fluid .container .col-4{
		padding: 15px 0px;
		float: left;
		display: block;
	}
	
	
	.js .nav-collapse {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: static;
		display: block;
		overflow: hidden;
		zoom: 1;
		background-color: #e1097e;
		z-index: 10;
		left: -40px;
		margin-right: -80px;
	}
	
	.nav-collapse.opened {
		max-height: 9999px;
	}
	.nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		color: #fff;
		font-size: 18px;
        line-height: 70px;
        text-transform: uppercase;
	}
	
    .nav-toggle:hover { color: #e1097e;}
    
	header .container-fluid {
		height: auto;
		min-height: 70px;
	}
	
   
    
    
    
    .menu{ padding-bottom:20px;}
    
    .menu > li {
		border-top: 1px solid #fff;
		float: none;
		font-size: 14px;
		line-height: 50px;
	}
    .menu > li > a { padding: 0 30px; height: inherit; font-size: 18px; }
	
	ul.menu > li > ul {
		display:block;
		position: inherit;
		min-height: inherit;
		padding: 0px 30px 20px;
		margin: 0px; 
		background: none; 
		box-shadow: none;
	}
	ul.menu > li > ul > li a {
		color: #fff;
		
	}
	
	ul.menu > li > ul > li a:hover{
		color: #a9cbee;
	}
	
	ul.menu > li > ul > li a:before{
		content: "\f105";
		font-family: FontAwesome;
		margin-right: 10px;
	}
    
	
	.menu > li.active a:after{
		display:none;
	}
	
	.header .quick-search{
		right: 40px;
	}
	
}



@media (max-width: 767px) {

	.container { width: auto;}
	
	
	.eyecatcher .slides li { height: 100px;}

	.newscarousel .container a.newsall{
		display:none;
	}
	
	.newscarousel .container .item{
		overflow-x: auto;
		display: block;
        max-width: 100%;
	}

    
    table {
		overflow-x: auto;
		display: block;
        max-width: 100%;
	}

	
	.contact-form table { display: inline-table;}
	.contact-form td { display: block;}
	.contact-form input[type=text], .contact-form  select, .contact-form  textarea { width: 100%; padding: 8px 6px;}
	
	.col-3 { margin-top: 20px;}
	.col-3.fourth { width: 100%;}
	footer a.sm{ height: 50px; float: left; }
	
	.employees .item { width: 100%; }

	
	.photoalbum a.thumb {
		margin: 0.5%;
		width: 48%;
	}
	.photoalbum a.thumb .image img {
		width: 100%;
	}
	.photoalbum a.thumb .name {
	    min-height: 55px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.photoalbum.detail a.thumb .name {
		min-height: inherit;
	}
    
    	
	
	
	.logo-3w { display: none;}
	
	
	.footer .google-maps { pointer-events: none; }
	
}



@media (max-width: 480px) {

	
	.photoalbum a.thumb {
		margin: 0 0 5px;
		width: 100%;
	}

}



@media (max-width: 400px) {

	.newscarousel .container .item{
		width:250px;
	}
    
    .contact table{ width:100%;  }
	
}