@charset "utf-8";

#submenu_bar {
    width: 950px;
    margin-top: 0;
}
.filter ul {
    margin: 0;
    width: 950px;
    margin-left: 0;
    margin-top: 10px;
    float: left;
    position: relative;
}




.filter ul li {
    list-style: none;
}
.filter ul li a {
    width: auto;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 5px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    background-color: #5B3D6F;
}
.filter ul li a.selected, .filter ul li a:hover {
    color: #5B3D6F;
    background-color: #F8CCAC;
}
.filter ul li.last {
    margin: 0;
}
.filter a {
    text-decoration: none;
    color: inherit;
}
.portfolio_1_4 {
    width: 950px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
}
.portfolio_1_4 ul {
    width: 950px;
    margin-left: 0;
    padding-left: 0;
}
.allton {
    width: 780px;
}
.portfolio_1_4 ul li {
    list-style: none;
    width: 180px;
    height: 270px;
    float: left;
    position: relative;
    margin-right: 10px;
}
.portfolio_1_4 ul li.last {
    margin-right: 0;
}
.portfolio_1_4 ul li.clear {
    display: block;
    clear: both;
    padding: 5px 0 0;
}
#ul_menu3 {
    display: none;
}

@media screen and (width:900px) {

#submenu_bar {
    width: 800px;
    margin-top: 0;
}

.filter ul {
    margin-left: 25px;
    width: 800px;
	}

.portfolio_1_4 ul {
    margin-left: 25px;
    width: 800px;
}

#ul_menu3 {
    display: none;
}

.filter ul{width:750px;}

.portfolio_1_4 {
    width: 800px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
}



}


@media screen and (max-width:854px) {
    .filter ul {
    margin-left: 50px;
    width: 800px;
}
}

@media screen and (max-width:800px) {
    .filter ul {
    margin-left: 20px;
    width: 800px;
}
}


@media screen and (max-width:854px) {
    .portfolio_1_4 ul {
    width: 800px;
    margin-left: 25px;
}
#ul_menu3 {
    display: none;
}

.filter ul{width:750px;}
}

@media screen and (max-width:800px) {
    .portfolio_1_4 ul {
    width: 800px;
    margin-left: 20px;
}
}

@media screen and (max-width:768px) {
    .filter ul, .portfolio_1_4 ul {
    margin-left: 85px;
}
#ul_menu3 {
    display: none;
}

}

@media screen and (max-width:854px) {
	.filter ul{margin-left:25px;}
	}

@media (min-width:640px) and (max-width:768px) {
    .portfolio_1_4 ul {
    margin-left: 0;
    padding-left: 25px;
    width: 640px;
}
.portfolio_1_4 ul li {
    margin-right: 20px;
    margin-bottom: 10px;
}
.filter ul {
    width: 620px;
    margin-left: 25px;
}
#ul_menu3 {
    display: none;
}
}

@media screen and (width:600px) {
.portfolio_1_4 {
    margin-left: 110px;
    float: left;
    position: relative;
    z-index: 9;
}
.portfolio_1_4 ul {
    width: 380px;
    margin-left: 0;
}
.filter {
    z-index: 999;
}
.filter ul {
    width: 363px;
    float: left;
    position: relative;
    z-index: 999;
    margin-left: -373px;
    margin-top: 38px;
	padding-bottom:10px;
}
.filter ul li a {
    width: 363px;
    padding: 5px;
    margin: 0;
    border-top: 1px #fff solid;
}
#ul_menu2 {
    display: none;
}
#ul_menu3 {
    display: none;
    margin-top: 39px;
}

	
	}


@media screen and (width:540px) {

#submenu_bar {
    width: 480px;
    margin-top: 0;
}
.portfolio_1_4 {
    margin-left: 80px;
    float: left;
    position: relative;
    z-index: 9;
}
.portfolio_1_4 ul {
    width: 380px;
    margin-left: 0;
}
.filter {
    z-index: 999;
}
.filter ul {
    width: 323px;
    float: left;
    position: relative;
    z-index: 999;
    margin-left: -333px;
    margin-top: 38px;
	padding-bottom:10px;
}
.filter ul li a {
    width: 323px;
    padding: 5px;
    margin: 0;
    border-top: 1px #fff solid;
}
#ul_menu2 {
    display: none;
}
#ul_menu3 {
    display: none;
    margin-top: 39px;
}

	
}


@media screen and (max-width:480px) {
    #submenu_bar {
    width: 480px;
    margin-top: 0;
}
.portfolio_1_4 {
    margin-left: 55px;
    float: left;
    position: relative;
    z-index: 9;
}
.portfolio_1_4 ul {
    width: 380px;
    margin-left: 0;
}
.filter {
    z-index: 999;
}
.filter ul {
    width: 300px;
    float: left;
    position: relative;
    z-index: 999;
    margin-left: -290px;
    margin-top: 38px;
}
.filter ul li a {
    width: 280px;
    padding: 5px;
    margin: 0;
    border-top: 1px #fff solid;
}
#ul_menu2 {
    display: none;
}
#ul_menu3 {
    display: none;
    margin-top: 69px;
}
}

@media (min-width:320px) and (max-width:360px) {
    #submenu_bar {
    width: 320px;
    margin-top: 0;
}
.portfolio_1_4 {
    padding-left: 20px;
    margin: 0;
    float: left;
    position: relative;
    z-index: 9;
}
.portfolio_1_4 ul {
    width: 220px;
    margin-left: 30px;
}
.portfolio_1_4 ul li {
    width: 240px;
    height: 250px;
}
.filter {
    z-index: 999;
}
.filter ul {
    width: 210px;
    float: left;
    position: relative;
    z-index: 999;
    padding-left: 70px;
    margin-top: 38px;
}
.filter ul li a {
    width: 210px;
    padding: 5px;
    margin: 0;
    border-top: 1px #fff solid;
}
#ul_menu2, #ul_menu3 {
    display: none;
}
}

@media screen and (max-width:360px) {
    .portfolio_1_4 {
    margin-left: 45px;
    padding-left: 30px;
}

.portfolio_1_4 ul li{height:270px;}
}

@media screen and (max-width:320px) {
    .portfolio_1_4 {
    padding-left: 20px;
    margin: 0;
    float: left;
    position: relative;
    z-index: 9;
}
}

@media screen and (max-width:320px) {
    .filter ul {
    width: 190px;
    padding-left: 90px;
}
.filter ul li a {
    width: 190px;
}
.portfolio_1_4 ul {
    width: 220px;
    margin-left: 55px;
}
.portfolio_1_4 ul li {

    width: 240px;
    height: 270px;
}
}