/*Portrait Tablet*/
@media (min-width: 1024px){
	.slicknav_btn{
	display:none;
	}
	}

@media (min-width: 481px) and (max-width: 768px){
	
.container{
	width:90%!important;
	}
	.topright{
		display:none;
		}
	
	.search{
		float:right;
		width:52%;
		margin-top:-48px;
		}
	
	.search input[type="text"]{
		width:94%;
		}
	.flexslider{
	width:97%;
	}
	
	.slicknav_menu {
	display:block;
	}
	
.slicknav_btn{
	margin:5px 35px 6px;
	}	
	nav{
		display:none;
		}
		
	.logo{
	position: relative;
    width: auto;
    z-index: 100000002;
		
	}
	
		.logo img{
			width:80%;
			}
	
	
}

/*Landscape smart phone*/
@media (min-width: 321px) and (max-width: 480px){
		.topright{
		display:none;
		}
	
	.search{
		float:right;
		width:52%;
		margin-top:-36px;
		}
	
	.search input[type="text"]{
		width:94%;
		}
		
	.search input[type="submit"]{
		right:15px;
	}	
	
	.slicknav_btn{
	margin:5px 25px 6px;
	}
	
	.flexslider{
	width:97%;
	}
	
	.slicknav_menu {
	display:block;

	}
	nav{
		display:none;
		}
		
	.logo{
	position: relative;
    width: auto;
    z-index: 100000002;
		
	}
	
		.logo img{
			width:80%;
			}
	
	
	.slicknav_menu {
    font-size: 16px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000001;
	top:26px;
	}

	.recent_works .caroufredsel_wrapper{
		width:300px!important;
		}
	.recent_works ul li{
		margin:0 20px 0 0;
		}
	.flexslider {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: none;
    float: left;
    margin-bottom: 20px;
    padding:0;
    position: relative;
	overflow:hidden;
}	
		
	.flexslider .slides img{
		max-width:none;
		left:-50%;
		position:relative;
		}
		
	.prom {
		background: none repeat scroll 0 0 #fff;
		border-radius: 5px;
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.44);
		float: left;
		height: 75px;
		margin-bottom: 20px;
		margin-left: 0px;
		padding: 10px;
		position: relative;
		width: 89%;
		overflow:hidden;
	}
	
	.prom img{
		width:100%;
		height:auto;
		top:-35%;
		position:relative;
		}
	
	

#news {
	width:90%;
	margin-left:0;
	}
	
.comment_box .avatar .image{
	display:none;
	}
	
.comment_box .text{
	padding-left:0;
	width:250px;
	}
	
.comments-info{
	padding:0 0 0 0;
	}
	
.col_1_4{
	border-right:none;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
	}	
	}

/*Portrait smart phone*/
@media (max-width: 320px){
	.topright{
		display:none;
		}
	
	.search{
		float:left;
		width:100%;
		}
	
	.search input[type="text"]{
		width:94%;
		}
	.flexslider{
	width:100%;
	}
	
	.slicknav_menu {
	display:block;
	}
	nav{
		display:none;
		}
		
	.logo{
	position: relative;
    width: auto;
    z-index: 100000002;
		
	}
	
		.logo img{
			width:80%;
			}
	
	
	.slicknav_menu {
    font-size: 16px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000001;
	top:26px;
	}

	.recent_works .caroufredsel_wrapper{
		width:300px!important;
		}
	.recent_works ul li{
		margin:0 18px 0 0!important;
		}
		
	.flexslider {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: none;
    float: left;
    margin-bottom: 20px;
    padding:0;
    position: relative;
	overflow:hidden;
}	
		
	.flexslider .slides img{
		max-width:none;
		left:-50%;
		position:relative;
		}
		
	
.prom {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.44);
    float: left;
    height: 155px;
    margin-bottom: 20px;
    margin-left: 0px;
   /* padding: 10px;*/
    position: relative;
    width: 277px;
	overflow:hidden;
}


.prom img {
    width: 100%;
	height:auto;
	top:-78%;
	position:relative;
	border:5px solid #fff;
	/*padding:10px;*/
}


#news {
	width:90%;
	margin-left:0;
	}
	
.comment_box .avatar .image{
	display:none;
	}
	
.comment_box .text{
	padding-left:0;
	width:250px;
	}
	
.comments-info{
	padding:0 0 0 0;
	}
	
.col_1_4{
	border-right:none;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
	}
		
	}
