/*------------------------------------------------------------------*/ 
/*	2) Note: Design for a width of 480 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.slicknav_menu{
		display: block;	
		margin: 0 auto;
	}
	
	.topmenu{
		width: auto;
		top: 0;
	}
	
	#header_lang{
		top: 68px;
		height:29px;
		right: 55px;
	}
	
	.topmenu .dropdown{
		display: none;
	}
	
	.header_slider .container_12{
		height: auto;
	}
	
	.head_bar{
		height: 105px;
	}
	
	.head_bar .container_12{
		padding: 0;		
	}
	
	.topmenu{
		position: relative;
		right: auto !important;
		height: auto;
	}
	
	.sText .slide-text-left .slide-descr,
	.sText .slide-descr{
		padding: 0;
	}
	
	.row .col_3_4{
		width: 100%;
	}
	
	.sText .slide-text-right,
	.sText .slide-text-left{
		width: 100%;
	}
	
	.grid_8 .jcarousel-skin-tango .jcarousel-clip-horizontal, .col_2_3 .jcarousel-skin-tango .jcarousel-clip-horizontal,
	.grid_8 .jcarousel-skin-tango .jcarousel-container-horizontal, .col_2_3 .jcarousel-skin-tango .jcarousel-container-horizontal,
	.sText,
	.sText .slide-image,
	.sText .slide,
	.sText .slides_container{
		width: 420px;
	}
	
	.sText .slide-image img{
		display: none;
	}
	
	.row .col_1_2{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
	.row .col_1_3{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.row .col_2_3{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.head_title{
		width: 100%;
	}
	
	#Screenshots{
		margin: 0;
		width: 100%;
	}
	
	.page-contact-form{
		width: 100%;
	}
	
	.contact-form .row{
		float: none;
	}
	
	.contact-form .field_textarea textarea{
		width: 100%;
	}
	
	.sidebar_1_content {
		width: 100%;
	}
	
	
	#morehighlight img{
		width:100%;
	}
	
	.bottom_publ .col{
		margin:15px auto !important;
		float:none;
		display:block;
	}
	
	.bottom_publ .elementright{
		margin-bottom:0 !important;
	}
	
	
}