#mylogo{

float:left;



}





#portfolio-sort{
margin-bottom:80px;
}
#sort-inline{
}
#sort-inline li{
float:left;
font-size:1.1em;

list-style-type:none;


}
#sort-inline #sort-hover:hover{
color:red;


}
#slide_view1
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
	z-index:99;
}
#slide_view2
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
	margin-left:-240px;
		z-index:99;

}
#slide_view3
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-480px;
			z-index:99;


}
#slide_view4
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-720px;
			z-index:99;


}
#slide_view5
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
	z-index:99;

	}
#slide_view6
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-240px;
	z-index:99;

}
#slide_view7
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-480px;
	z-index:99;

}
#slide_view8
{
	height:auto;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-720px;
			z-index:99;


}
@media only screen and (max-width: 959px) {
#mylogo{

display:none;



}



#portfolio-sort{

margin-bottom:80px;
margin-left:-50px;
}

#sort-inline li{
float:left;

list-style-type:none;


}
#sort-inline #sort-hover:hover{
color:red;


}
#slide_view1
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
}
#slide_view2
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
	margin-left:-200px
}
#slide_view3
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-400px

}
#slide_view4
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-720px

}
#slide_view5
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
}
#slide_view6
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-200px

}
#slide_view7
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-400px

}
#slide_view8
{
	height:300px;
	width:900px;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:-720px

}
}
@media only screen and (max-width: 767px) {



#mylogo{

display:none;



}
#portfolio-sort{

margin-bottom:40px;
margin-left:-2%;
}

#sort-inline li{
float:left;
margin-left:15%;
font-size:1.2em;
list-style-type:none;


}
#dimnish{
display:none;
}
#sort-inline #sort-hover:hover{
color:red;


}
#slide_view1
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;

}
#slide_view2
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;
}
#slide_view3
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;

}
#slide_view4
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;

}
#slide_view5
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;
}
#slide_view6
{
	height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;

}
#slide_view7
{
	height:auto;
	width:90%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:2%;
		margin-bottom:100px;

}
#slide_view8
{
height:auto;
	width:80%;
	background: rgb(16, 46, 101);
	display:none;
	position:absolute;
		margin-left:5%;

}
}
@media only screen and (max-width: 479px) {

#mylogo{

display:none;



}

#portfolio-sort{

margin-bottom:80px;
margin-left:10%;
}

#sort-inline li{
width:80%;
float:none;
font-size:1.2em;
list-style-type:none;
}
#sort-inline #sort-hover:hover{
color:red;


}
#dimnish{
display:none;
}


}