@media screen and (max-width: 1033px) {
.container{ width:98%;}
.section-inner ul li {padding: 0 25px 0 0;}
.your-work-inner ul li{ margin:0 15px 15px 0;}
.your-work-inner ul li img{ padding:0; margin:0 -3px -4px 0;display:block;}
.your-work-inner ul li img:hover{opacity: 0.6;
    filter: alpha(opacity=60);}
.your-work-inner ul li p{position:relative; background:url(../images/test-bg.png) repeat; line-height:42px; margin:-58px 0 0 0; width:97%;
padding:0 0 1px 13px; text-transform:uppercase; display:block;}
.footer-inner-left{ width:44%;}
.footer-inner-left img{ padding:0 10px 0 0;}
.footer-inner-right{ width:53%;}
.box{width:98%;}
}
@media screen and (max-width: 1000px) {
.section-inner ul li{ padding:0 15px 10px 0;}
.section-inner ul li div{display:inline-block; max-width:290px;}
}
@media screen and (max-width: 980px) {
.box{width:98%; top:0;}
}

@media screen and (max-width: 940px) {
.section-inner ul li div{display:inline-block; max-width:270px;}
.footer-inner-right01 p{ padding:0 0 0 60px;}
.footer-inner-right01 h3{ padding:0 0 0 60px;}
.footer-inner-left {float: none;margin: 0 auto;width:51%;}
.footer-inner-right{float: none;margin:15px auto 0 auto;width:70%;}
.footer-inner-right01 h3{padding: 0 0 0 70px;}
.footer-inner-right01 p{padding: 0 65px 0 70px;}
}

@media screen and (max-width: 900px) {
.section-inner ul li div{display: inline-block;max-width: 260px;}
.your-work-inner ul li{ width:99%; margin:0 0 15px 0; }
.your-work-inner ul li img{ width:100%;max-height:223px;}
.your-work-inner ul li p{ width:98.4%;}
}
@media screen and (max-width: 800px) {
.section-inner ul li div {display: inline-block;max-width: 245px;}
}

@media screen and (max-width: 768px) {
.section-inner ul li div {display: inline-block; max-width: 225px;}
.logo{ width:155px; float:none; padding:10px 0 15px 0; margin:0 auto;}
.menu-part{ width:100%; float:none; margin:0 auto;}
.nav-part{ text-align:center;}
.menu {float: none;padding:0;width:85%; margin:0 auto;}
.footer-inner-left {width: 60%;}
}
@media screen and (max-width: 700px) {
.section-inner ul li div {max-width: 100%;}
.footer-inner-left {width:70%;}
.menu{ width:95%;}
}


@media screen and (max-width: 600px) {
.footer-inner-left{width:90%;}
.footer-inner-right{width: 90%;}
.menu{display:none;}
.toggleMenupart{display:block; margin-top:15px; width:100%;}
.toggleMenupart a{width:94%;}
.nav > li > .parent {background-position: 97.5% center;}
.your-work-inner ul li p {
    width: 97.5%;
}
}



@media screen and (max-width: 500px) {
.footer-inner-left{width:98%;}
.footer-inner-right{width: 96%;}
.your-work-inner ul li p {width: 97%;}
}


@media screen and (max-width: 480px) {
.toggleMenupart a {
    width: 92.3%;
}
.toggleMenupart {
    display: block;
    width: 97%;
}
}


@media screen and (max-width: 360px) {
.nav-part ul li{ padding:0 4px 0 0;}
.footer-inner-left{ padding:0 0 20px 0;}
.footer-inner-left img{ float:none;}
.pic{ width:98%;}
.footer-inner-left h3{ padding:0 0 0 20px;}
.footer-inner-left p{ padding:0 0 0 20px;}
.footer-inner-left ul{ padding:0 0 0 20px;}
.your-work-inner ul li p {
    width: 96%;
}
}


@media screen and (max-width: 320px) {
.nav-part ul li{ font-size:12px;}
}