@media screen and (max-device-width:  979px), screen and (max-width:  979px) {
    .container_12{width:98%}
    .clear-2col{display:block}
    .lst-all-service .clear-2col,.lst-all-project .clear-2col{display:none}
    #sequence > .sequence-canvas{font-size:85%;width:724px}
    .slide-item .slide-image{width:45%}
    .slide-item .slide-desc-btn,.slide-item .slide-title{width:50%}
    .slide-item.animate-in .slide-title,.slide-item.animate-in .slide-desc-btn{left:50%}
    .project-top-thumb .information{padding:0 10px}
    .project-top-thumb .project-title{margin-bottom:10px;padding:10px 0}
    .project-infomation{padding:20px 10px}
    .project-infomation ul{margin:10px 0;padding-left:30px}
    .project-img-description{background:none;width:auto}
    .thanks{background:#68c368;display:block;float:none;margin-bottom:10px;width:auto}
    .our-info .about-item{margin-bottom:20px;width:98%!important}
    .lst-recent-posts .article-lastest{margin-bottom:20px;width:100%}
    .lst-logo-client a{margin:0 0 10px;text-align:center;width:50%}
    .layout-2cols,.slide-item .ver-block,.lst-lastest-work .project-lastest{width:100%}
    .service .service-item,.our-info .about-service,.our-info .grid_4{width:48%}
    .lst-lastest-work .project-media,.lst-recent-posts .article-item{width:31.333%}

}

@media screen and (max-device-width:  980px), screen and (max-width:  980px) {
    /* client we work
   *************************************/
    .lst-logo-client a{
        float: left
    }
}
@media screen and (max-device-width:  767px), screen and (max-width:  767px) {
    .grid_6{width:100%}.layout-2cols,.layout-2cols > .sidebar,.layout-2cols > .content,.layout-2cols.big-side-bar > .sidebar,.layout-2cols.big-side-bar > .content{float:none!important;margin-left:1%;margin-right:1%;width:98%}.header .top-login-reg{margin-right:3%}#logo,.main-nav{margin:0 3%}.btn-toogle-menu{display:block;margin:0}#sequence{height:auto}#sequence > .sequence-canvas{font-size:100%;margin:0 10px;width:auto}.slide-item .slide-image{height:0;overflow:hidden;visibility:hidden;width:0}.slide-item .slide-desc-btn,.slide-item .slide-title{width:90%}.slide-item .slide-title{bottom:20%;font-size:2em}.slide-item .slide-desc-btn{top:85%}.slide-item.animate-in .slide-title,.slide-item.animate-in .slide-desc-btn{left:5%}.head-about-us .content-about{display:block;float:none;width:auto}.menu-sidebar{display:block;float:none;margin:0 1% 30px;width:auto}.lst-all-service .clear{margin:0 3%;width:94%}.project-infomation{padding:20px}.project-infomation ul{margin:10px 0}.top-filter-item .common-title,.top-filter-item .wrap-filter{width:auto}.common-title,.time-social,.full-content,.comment-area,.project-img-description{margin-left:1%;margin-right:1%}.wrap-article-detail .article-time,.wrap-article-detail .social-sharing{float:none;padding:10px 0;width:98%}.compose-comment .form-send-cm{margin:0}.compose-comment .form-send-cm .grid_3{width:29.3333%}.compose-comment .form-send-cm .grid_3:first-child{margin-left:0}.compose-comment .form-send-cm .grid_3:nth-child(3){margin-right:0}.compose-comment .form-send-cm .grid_9{margin:0;width:100%}.contact-form .grid_4{width:44%}.service .service-item{margin:0 3% 30px;width:44%}#footer .info-line .btn-blue{min-width:110px}#footer .contact-info{margin:0 3% 20px;width:34%}#footer .recent-tweets{margin:0 2% 20px;padding:0;width:54%}#footer .email-newsletter{margin:0 3%;width:38%}#footer .email-newsletter .inner{padding:0}#footer .foot-menu{float:left;width:40%}#footer .lst-btn-social .grid_4{margin:0 2%;width:29.3333333333%}#footer .lst-btn-social a{font-size:1.2em}#main-menu,#sequence .wrap-pagination{display:none}.project-detail,.contact-form .grid_8{width:94%}
}
@media screen and (max-device-width:  480px), screen and (max-width:  480px) {
    /*#header .top-line{background: green}*/
    /*body{background: green}*/
    /*start custom style*/
    .marleft-10px{margin-left: 0px}.tab-menu li a {padding: 9px 18%;}.tab-menu li {background: #F0F0F0 url(../images/bg-tab.png) repeat-x;}.tab-menu {height: 38px;}.border-tab {border-bottom: none;display: none }.grid_6{width:100%}.head-about-us .common-title{padding:45px 0 20px}.client-we-work .lst-logo-client{text-align:center}.lst-all-service .service-item,.lst-all-project .project-item{width:48%}.wrap-media-item .media > .thumb-left.normal-w{display:block;float:none;margin:0 3% 10px;text-align:center;width:auto}.article-2col .grid_4,.article-2col .grid_5{width:94%}.service .service-item{display:block;float:none;margin-bottom:40px;width:auto}.project-top-thumb .project-title{margin:0 0 16px;padding:17px 0}.lst-logo-client a{display:block;float:none;margin:0 auto 20px;width:auto}.compose-comment .form-send-cm .grid_3{margin:0;width:100%}.lst-lastest-work .project-lastest,.lst-lastest-work .project-media,.our-info .about-item,.our-info .about-service,.our-info .about-testimonial,#footer .contact-info,#footer .recent-tweets,#footer .email-newsletter,#footer .foot-menu,#footer .info-line .grid_3,#footer .info-line .grid_9{display:block;float:none;width:auto}.recent-posts{padding-bottom:15px}.lst-lastest-work .project-lastest,.lst-lastest-work .project-media,.lst-recent-posts .article-lastest,.lst-recent-posts .article-item{float:left;margin:0 1% 20px;width:48%}.article-short .description,.article-short .thumb-img,.article-short.sml-thumb{width:98%}.article-short .thumb-img{margin-bottom:10px}.article-short .thumb-img img{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#footer .inner{padding:0}.our-info .about-service,#footer .email-newsletter{margin-bottom:20px}#footer .info-line .grid_3{text-align:left}.foot-menu{margin:0 3%}.lst-all-service .clear,.lst-all-project .clear,.top-filter-item .lbl{display:none}.lst-all-service .clear-2col,.lst-all-project .clear-2col{display:block}
}

@media screen and (max-device-width:  320px), screen and (max-width:  320px) {
    /*body{background: #ffff00}*/
    .lst-all-service .clear-2col,.lst-all-project .clear-2col{display:none}
    .lst-all-service .service-item,.lst-all-project .project-item,.contact-form .grid_4{width:94%}
    .project-top-thumb .thumb{height:190px}
}