/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@media(max-width:767px){.close-offcanvas{position:absolute;top:15px;right:15px;z-index:1;color:#000;border:2px solid #eee;border-radius:100%;width:22px;height:22px;line-height:18px;text-align:center;font-size:12px}
    .close-offcanvas:hover{background:#000;color:#fff}
    header #slide-nav #menu_nav{background:#222 none repeat scroll 0 0;box-shadow:0 0 4px 0 #666;color:#999;height:100%;opacity:0;overflow-y:scroll;position:fixed;top:0;width:280px;z-index:999999;margin:0;padding:0}
    #menu_nav .closs{color:#ffffff;display:block;font-size:30px;left:10px;text-align:center;top:10px}
    header #slide-nav #menu_nav{-webkit-transition:opacity 400ms cubic-bezier(0.7,0,0.3,1),right 400ms cubic-bezier(0.7,0,0.3,1);transition:opacity 400ms cubic-bezier(0.7,0,0.3,1),right 400ms cubic-bezier(0.7,0,0.3,1)}
    header #slide-nav #menu_nav{right:-280px}
    .offcanvas header #slide-nav #menu_nav{right:0}
    .offcanvas:after{position:fixed;top:0;width:0;height:0;background:rgba(255,255,255,0.95);content:'';opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;z-index:99;left:0}
    .offcanvas{width:100%;height:100%;position:relative}
    .offcanvas:after{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
    .offcanvas header #slide-nav #menu_nav{opacity:1}
    .navbar-toggle .icon-bar{background-color:#fff;border-radius:1px;display:block;height:3px;width:30px}
    .navbar-toggle .icon-bar + .icon-bar{margin-top:6px}
    .menu-logo{display:inline-block;margin-top:10px}
    .navbar-toggle{margin-bottom:0;margin-right:0;margin-top:10px;padding:9px 0}
    #slide-nav #menu_nav > ul{float:none;margin-left:0;margin-right:0;margin-top:30px}
    #slide-nav #menu_nav > ul > li > a{line-height:50px}
    #menu_nav .more{bottom:0;color:#fff;cursor:pointer;line-height:50px;position:absolute;right:10px;text-align:center;top:0;width:30px;z-index:6}
    #menu_nav .more::before{bottom:0;color:#fff;content:"";font-family:icofont;left:0;position:absolute;right:0;top:0}
    #menu_nav ul > li.current > .more::before{content:""}
    .search .dropdown-menu{width:100%}
    #slide-nav .dropdown-menu{display:none;height:0;padding:0;position:relative;top:0 !important;width:100%}
    #slide-nav .dropdown.current > .dropdown-menu.open{background-color:#333;display:block;height:auto;left:0}
    .nav > li{clear:both}
    .dropdown-menu li a{color:#fff;line-height:50px;padding-bottom:0;padding-top:0}
    #menu_nav .dropdown-menu li a{border-bottom:1px solid #111}
    .navbar-nav .open .dropdown-menu > li > a{line-height:50px;padding-bottom:0;padding-top:0}
    #slide-nav.affix .navbar-header,#slide-nav .navbar-header{line-height:50px;margin:0;padding:0;width:100%}
    .header-1 nav#slide-nav{top:0}
    .banner-content h2{font-size:30px;line-height:45px}
    #services .service-block:not(:last-child){margin-bottom:30px!important}
    h4.rotate-heading{display:none}
    #about-us .space::after{right:0}
    #about-us .about-block.space{padding-left:15px;padding-right:15px;padding-bottom:40px}
    #about-us.one .about-block h3{line-height:36px}
    #about-us.one .about-block p{padding-right:0}
    .main-heading{margin-bottom:50px}
    #portfolio.one .portfolio-block,.grid-sizer{width:44%}
    #work .work-block:not(:last-child){margin-bottom:30px}
    #portfolio.one .grid{padding:0 15px}
    #portfolio.one .portfolio-block{margin-bottom:15px}
    .team-image img{width:100%}
    #our-team .team-block:not(:last-child){margin-bottom:30px}
    #testimonial .testimonial-block:not(:last-child){margin-bottom:30px}
    .main-heading h3{margin-bottom:10px;font-size:20px}
    #price .price-block:not(:last-child){margin-bottom:50px}
    #newsletter form .form-group .btn{font-size:12px;padding:0 11px}
    #newsletter input{padding:0 50px 0 30px}
    .header-2 nav#slide-nav{background-color:#222222}
    .header-2 .menu-logo{margin-top:6px}
    .header-2 #slide-nav #menu_nav > ul > li > a{color:#ffffff;line-height:50px}
    #main-banner.two .banner-base{display:block}
    #main-banner.two .banner-content h2{font-size:18px;line-height:31px;margin-top:60px}
    #main-banner.two .banner-block > img{margin-top:40px}
    #search .search-form h3{line-height:34px}
    #search form input{padding:0 15px}
    #map{height:240px}
    #contact .contact-block:not(:last-child){margin-bottom:40px}
    #error-page .btn{padding:13px 20px 10px}
    #search form button{border:medium none;margin-left:5px;padding:0 15px;width:159px;font-size:10px}
    .domain-price ul li:not(:first-child){padding-left:4px}
    .domain-price ul li{font-size:11px;padding-right:4px}
    #price-plans .price-block:not(:last-child){margin-bottom:30px}
    .action-2 .action-base{display:block}
    .action-2 .action-block h3{font-size:20px;line-height:34px}
    .copyrights .social{margin-top:20px;text-align:center}
    #banner-3 #banner-slider .item{display:block}
    #banner-3 #banner-slider{padding:0 15px}
    #banner-slider .banner-block > img{width:100%}
    .topbar-block li a{font-size:10px}
    .topbar-block.text-right{text-align:center}
    .header-3 .navbar-toggle .icon-bar{background-color:#222222}
    .header-3 .menu-logo{margin-top:6px}
    .header-3 #slide-nav #menu_nav > ul > li > a{color:#ffffff;line-height:50px}
    #services.three .service-block img.signature{margin-bottom:25px;margin-top:50px}
    .video .hover .inner a{font-size:50px}
    #services.three .service-block:not(:nth-last-child(-n+3)){margin-bottom:30px}
    .action-3 .main-heading{margin-bottom:0;padding:0 15px}
    .action-5 .action-base{display:block}
    .action-5 .action-block > img{margin-top:40px}
    .action .action-block p{font-size:13px}
    #blog .blog-block:not(:last-child){margin-bottom:30px}
    #breadcrumb .breadcrumb-block{text-align:center}
    .breadcrumb-block.text-right ol{margin-top:15px}
    #portfolio.two .portfolio-block:not(:last-child){margin-bottom:30px}
    #portfolio.two .portfolio-base{padding:0}
    #portfolio .inner img{width:100%}
    aside{margin-top:40px}
    #services.five .hover p{font-size:12px;font-weight:300;line-height:21px}
    #services.five .hover h3{color:#ffffff;font-size:16px;line-height:28px}
    #single-portfolio .project-info > li{font-size:15px;line-height:30px}
    #single-portfolio .portfolio-detail .btn.pull-right{float:none}
    #single-portfolio .portfolio-detail .btn.pull-right{display:inline-block;float:none !important;margin-top:20px}
    .portfolio-pagination .btn{font-size:10px;padding:0 10px}
    .copyright-block .social{margin-top:15px;text-align:center}
    #accordion h4{font-size:11px !important}
    #single-services .service-item h4{font-size:16px}
    header.header-4 #slide-nav #menu_nav{background:transparent none repeat scroll 0 0;box-shadow:none;opacity:1;padding-left:30px;position:relative;right:auto;top:auto;width:auto}
    .header-4 #slide-nav #menu_nav > ul{padding-right:30px}
    .header-4 .menu-logo.black{color:#fff;margin-bottom:0;margin-top:60px}
    .header-4 nav#slide-nav.affix.fix{background-color:transparent !important}
}
@media (min-width:768px) and (max-width:992px){.banner-content h2{font-size:30px;line-height:45px}
    h4.rotate-heading{display:none}
    #services .service-block > p{font-size:13px;line-height:22px}
    #about-us .space::after{display:none}
    #about-us .about-block.space{padding-top:0}
    #portfolio.one .portfolio-block,.grid-sizer{width:30.5%}
    #our-team .team-block .inner p{color:#ffffff;font-size:10px;line-height:18px;margin-bottom:5px}
    #our-team .team-block:hover .hover{bottom:0;left:0;right:0;top:0}
    #price .price-block{padding:2px}
    #newsletter .main-heading h3{font-size:20px;line-height:30px;margin-bottom:10px}
    #newsletter form .form-group .btn{font-size:12px;padding:0 15px}
    #newsletter input{padding:0 100px 0 30px}
    #footer-1 .popular-post h4{font-size:11px;line-height:23px}
    .footer-block.about p{line-height:22px}
    .instagram img{width:51px}
    .header-2 #slide-nav #menu_nav > ul > li > a{margin:0 17px}
    #main-banner.two .banner-content h2{font-size:20px}
    #price-plans.two .inner ul{padding:0 0 0 40px}
    .action-2 .action-block p{font-size:11px}
    .header-3 #slide-nav #menu_nav > ul > li > a{margin:0 11px}
    #banner-3.banner-content h2{font-size:22px;line-height:37px;margin-top:11px}
    #services.three .service-block p{font-size:13px}
    .action-3 .main-heading.two p{font-size:13px}
    .main-heading h3{font-size:20px;margin-top:0}
    .action-4 .main-heading p{font-size:13px;letter-spacing:0;line-height:25px}
    .action .action-block p{font-size:12px}
    #price-plans.three .price-block{padding:0 2px}
    #price-plans.three .inner p{font-size:11px}
    #testimonial .testimonial-block p{font-size:11px;line-height:22px}
    #blog .blog-block > h4{font-size:11px;line-height:24px}
    #blog .blog-block li{font-size:11px;margin-right:5px}
    .social.two li a{font-size:11px;height:25px;line-height:25px;width:25px}
    .social.two li{margin:0}
    .twitter .tweet-block p{font-size:11px;line-height:18px;margin-top:5px}
    .twitter .tweet-block .name{font-size:10px}
    .twitter .tweet-block .date{font-size:8px}
    .twitter .tweet-block{padding:20px 0 20px 12px}
    #portfolio.two .portfolio-block:hover .hover{bottom:0;left:0;padding-top:43%;right:0;top:0}
    #services.five .hover h3{font-size:12px;line-height:20px;margin-bottom:7px}
    #services.five .hover p{font-size:9px;line-height:16px}
    #services.five .service-block:hover .hover{padding:15px;top:0}
    #services.five .btn{padding:9px 22px 7px}
    #services.five .hover{padding:11px}
    #services.four .inner p{font-size:11px;line-height:19px}
    #services.four .inner h4{font-size:12px}
    #services.four .read-more{font-size:12px;font-weight:300}
    #single-portfolio .project-info > li{font-size:12px}
    #single-services .service-item h4{font-size:16px}
    #single-services .service-item p{font-size:11px;line-height:22px}
    #accordion h4{font-size:13px !important}
    .widget.category ul li a{font-size:13px}
    .widget.expert h4{font-size:14px}
}