
@media only screen and (max-width:1200px){
	.server ul li{width: 20%;margin-bottom: 20px;vertical-align: top;padding: 0 4px;}
	.server ul li:nth-child(5)::after{display: none;}
}

@media only screen and (min-width:768px) and (max-width:991px){.site-info{text-align:center;}
#header-aside{display:none;}
.header-area .logo{display:none;}
.header-area.header-2 .logo{display:none;}
.responsive-logo{position:relative;top:-5px;left:0;z-index:999;float:left;display:block;margin-top:13px;width:180px;}
.responsive-logo img{width: 100%;}
.header-area .navigation{margin-top:-65px;margin-top:0;padding:0 30px;background:#fff;box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);}
.header-area .main-btn{display:none;}
.header-area-2 .header-btn.main-btn{display:none;}
.main-menu .navbar-nav .nav-link{padding:15px;}
.header-area.header-2 li.nav-item .nav-link{color:#fff;}
.header-area.header-2 .main-menu .navbar-nav .nav-link.active{color:#fff;}
.navbar-toggler{position:absolute;top:20px;right:0;z-index:99999;padding:5px 15px;border:0;background-color:transparent;font-size:20px;line-height:1;}
.navbar-toggler-icon{display:block;margin:6px 0;width:30px;height:2px;background-color:#f35c27;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.active .navbar-toggler-icon:nth-of-type(1){position:absolute;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.active .navbar-toggler-icon:nth-of-type(2){opacity:0;}
.active .navbar-toggler-icon:nth-of-type(3){position:absolute;top:7px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.main-menu .navbar .navbar-collapse{position:absolute;top:70px;left:0;z-index:999;margin-top:15px;padding:10px 16px;width:100%;background-color:#020e28;-webkit-box-shadow:0 26px 48px 0 rgba(0,0,0,.15);box-shadow:0 26px 48px 0 rgba(0,0,0,.15);}
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler{position:absolute;top:0;right:0;display:inline-block;padding:10px 14px;border:0;background:0;color:#094074;font-size:16px;}
.sub-menu{position:relative!important;top:auto!important;right:auto;left:0!important;display:none;visibility:visible!important;width:100%!important;border-top:0;-webkit-box-shadow:none;box-shadow:none;text-align:left;opacity:1!important;-webkit-transition:0s;transition:0s;}
.main-menu .sub-menu li a{display:block;padding:12px;padding-left:12px;padding-left:30px;color:#191919;font-size:14px;-webkit-transition:.3s;transition:.3s;}
.main-menu .navbar-toggler:focus,.navbar-toggler:hover{outline:0;text-decoration:none;cursor:pointer!important;}
.sub-menu::after{display:none;}
.single-slide-item h1{font-size:20px;line-height:30px;}
.single-slide-item p{font-size:15px;line-height:25px;}
.hero-area-content .main-btn{font-size:15px;}
.auto-container{max-width:100%;}
.cta-content{padding:35px;height:135px;}
.cta-content h2{font-size: 18px;}
.feature-image{margin-bottom:50px;}
.achievement-area{height:450px;}
.single-counter-box{margin:30px 0;}
.chooseus-bg{height:584px;}
.blog-area .main-btn.btn-white{margin-top:0;}
.footer-area p{margin-top:15px;}
.home-2 .single-feature-item p{font-size:13px;}
.featured-project-area .project-grids .grid{width:50%;border-bottom:1px solid rgba(255,255,255,.2);}
.featured-project-area .project-grids .overlay-2{top:0;padding:80px 30px 50px;}
.featured-project-area .bg-cover{height:100%px;}
.featured-project-area .project-grids .main-btn{font-size:13px;}
#home3 .single-slide-item h1{font-size:50px;}
.home3 .single-project-item{margin-bottom:40px;}
.info-content-area{margin-top:40px;}
.key-feature{padding:30px 20px;}
.key-feature .num{margin-top:-5px;}
.skill-bg{display:none;}
.skill-content{width:100%;}
.skill-content{padding:80px;}
.featured-img{display:none;}
.featured-area .about-key{margin-bottom:40px;}
.featured-area .about-key{padding-top:50px;}
.address-box{padding:30px;}
.question-section{display:none;}
.helpline-section{display:none;}
.single-service-bg{margin-bottom:30px;}
.h-serlc{margin-top: 30px;}
.h-serlc ul li{width: 20%;font-size: 15px;}
.h-serlc ul li::after{display: none;}
.section-title h6{font-size: 20px;}
#home2 .section-title{padding-left: 40px;}
.section-title h2{font-size: 26px;}
.featured-project-area .project-grids .count{font-size: 26px;}
.featured-project-area .project-grids h3{font-size: 20px;}
.featured-project-area .project-grids .inner{padding: 10px 60px 60px;}
.footer-up{padding-top: 60px;}

}
@media only screen and (max-width: 767px){.section-title h2{font-size: 24px;line-height: 30px;}
.h-serlc{margin-top: 30px;}
.h-serlc ul li{width: 20%;font-size: 12px;}
.h-serlc ul li::after{display: none;}
.h-serlc ul li span,.h-serlc ul li span::after{width: 58px;height: 58px;}
.h-serlc ul li span::after{/* top: -4px; *//* left: -4px; */}
.site-info{text-align:center;}
#header-aside{display:none;}
.header-area .logo{display:none;}
.header-area.header-2 .logo{display:none;}
.responsive-logo{position:relative; /*top:-5px; */left:0;z-index:999;float:left;display:block;margin-top:13px;width:300px;}
.responsive-logo img{width: 100%;}
.header-area .navigation{margin-top:0;background:#fff;box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);}
.header-area .main-btn{display:none;}
.header-area-2 .main-btn{display:none;}
.main-menu .navbar-nav .nav-link{padding:15px;}
.header-area.header-2 li.nav-item .nav-link{color:#fff;}
.header-area.header-2 .main-menu .navbar-nav .nav-link.active{color:#fff;}
.navbar-toggler{position:absolute;top:20px;right:0;z-index:99999;padding:5px 15px;border:0;background-color:transparent;font-size:20px;line-height:1;}
.navbar-toggler-icon{display:block;margin:6px 0;width:30px;height:2px;background-color:#f35c27;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.active .navbar-toggler-icon:nth-of-type(1){position:absolute;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.active .navbar-toggler-icon:nth-of-type(2){opacity:0;}
.active .navbar-toggler-icon:nth-of-type(3){position:absolute;top:7px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.main-menu .navbar .navbar-collapse{position:absolute;top:70px;left:0;z-index:999;margin-top:15px;padding:10px 16px;width:100%;background-color:#020e28;-webkit-box-shadow:0 26px 48px 0 rgba(0,0,0,.15);box-shadow:0 26px 48px 0 rgba(0,0,0,.15);}
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler{position:absolute;top:0;right:0;display:inline-block;padding:10px 14px;border:0;background:0;color:#094074;font-size:16px;}
.sub-menu{position:relative!important;top:auto!important;right:auto;left:0!important;display:none;visibility:visible!important;width:100%!important;border-top:0;-webkit-box-shadow:none;box-shadow:none;text-align:left;opacity:1!important;-webkit-transition:0s;transition:0s;}
.main-menu .sub-menu li a{display:block;padding:12px;padding-left:12px;padding-left:30px;color:#191919;font-size:14px;-webkit-transition:.3s;transition:.3s;}
.main-menu .navbar-toggler:focus,.navbar-toggler:hover{outline:0;text-decoration:none;cursor:pointer!important;}
.sub-menu::after{display:none;}
.single-slide-item{text-align:center;}
.single-slide-item h1{font-size: 14px;line-height: 20px;margin: 10px auto;}
.single-slide-item p{font-size:14px;line-height:20px;}
.hero-area-content .main-btn{font-size:14px;}
.cta-area{display:none;}
.feature-image{margin-bottom:50px;}
.feature-content h5{font-size:18px;}
.achievement-area{height: 160px;}
.single-counter-box{margin:30px 0;}
.chooseus-bg{height:584px;}
.blog-area .main-btn.btn-white{margin-top:0;display: none;}
.blog-area .biaoy{margin-top: -40px;}
.about-us-area .section-title h2{font-size:27px;}
.testimonial-area .section-title h2{font-size:27px;}
.contact-us-content h2{font-size:32px;}
.footer-up{padding-top:60px;}
.footer-up .logo{margin:0 auto;width: auto;}
.footer-area{text-align:center;}
.footer-area p{margin-top:10px;}
.copyright-line{text-align:center;}
p.privacy{text-align:center;}
.home-2 .single-feature-item p{font-size:13px;display: none;}
.featured-project-area .project-grids .grid{width:100%;border-bottom:1px solid rgba(255,255,255,.2);}
.featured-project-area .project-grids .overlay-2{top:0;padding:80px 30px 50px;}
.featured-project-area .bg-cover{height:100%;}
.featured-project-area .project-grids .main-btn{font-size:13px;}
.slide-border{display:none;}
#home2 .hero-area-content .main-btn{margin-top:0;margin-left:0;}
.home-2 .single-feature-item{margin-bottom: 0;margin-top: 0;height: auto;padding: 10px;}
#home3 .single-slide-item{height:750px;}
#home3 .single-slide-item h1{font-size:30px;}
.home3 .single-project-item{margin-bottom:40px;}
.info-content-area{margin-top:40px;}
.about-area .info-content-area{margin-top: 0;}
.key-feature{padding:30px 20px;}
.key-feature .num{margin-top:-5px;}
.skill-bg{display:none;}
.skill-content{width:100%;}
.skill-content{padding:40px;}
.featured-img{display:none;}
.featured-area .about-key{margin-bottom:20px;}
.featured-area .about-key{padding-top:50px;}
.address-box{margin-bottom:50px;padding:40px;}
.contact-form{padding:30px;}
.question-section{display:none;}
.helpline-section{display:none;}
.single-service-bg{margin-bottom:30px;}
.port-img img{margin-bottom:30px;}
.single-comments-section p span{padding-left:0;}
.about-area img{max-width: 100%;}
.section-title h6{font-size: 16px;}
.header-top .text-right{text-align: left !important;}
.featured-project-area .project-grids .inner{padding: 10px 20px 40px;}
.featured-project-area .project-grids .count{font-size: 24px;}
.featured-project-area .project-grids h3{font-size: 18px;}
.server ul li:after{display: none;}
.server ul li b{font-size: 12px;}
.server ul{margin-top: 30px;}
.process-area .logoList li{width: 50%;height: auto; margin-bottom:10px;}
.contact-section #dituContent{height: 400px;}
.services-area-2{padding: 50px 0;}
.services-area-2 p{overflow: hidden;font-size: 14px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.services-area-2 .col-sm-6{width: 50%;}
.services-area-2 .single-service-area{padding: 10px;margin-bottom: 20px;}
.services-area-2  .service-icon{margin-top: 20px;}
.services-area-2  .service-icon i:before{font-size: 30px;}
.services-area-2 .single-service-area h4{font-size: 16px;margin: 10px auto;}
.achievement-area .col-sm-3{width: 25%;}
.achievement-area .single-counter-box{}
.achievement-area .service-icon i:before{font-size: 30px;}
.single-counter-box p.counter-number{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    margin-right: -10px;
}
.single-counter-box .counter-number span{
    font-size: 20px;
    margin: 10px auto;
}
.single-counter-box h6{
    font-size: 14px;
}
.contact-info{
    padding-left: 34px;
}
.contact-info p{text-align: left;}
.portfolio-single-section img{max-width: 100%;}
.single-slide-item{height: 200px;}
.home-2 .single-feature-item i:after{display: none;}
.home-2 .feature-icon i:before{font-size: 30px;}
.home-2 .single-feature-item h5{font-size: 14px;margin: 20px auto 0;}
.feature-area.home-2 .col-sm-4{width: 33.333333333%;padding: 4px;}
.feature-area.home-2{padding-bottom: 0;}
.port-2 .portfolio-list{margin-right: 0;margin-left: 0;}
.single-portfolio-item{margin-left: 0;height: 200px !important;}
.m-art>div{margin: 10px 0;}
}
@media only screen and (min-width:576px) and (max-width:767px){.bg-cover{height:1750px;}
.section-title h2{font-size:30px;line-height:40px;}
.site-info{text-align:center;}
#header-aside{display:none;}
.header-area .logo{display:none;}
.header-area.header-2 .logo{display:none;}
.responsive-logo{position:relative;top:-5px;left:0;z-index:999;float:left;display:block;margin-top:13px;width:180px;}
.header-area .navigation{margin-top:0;background:#fff;box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);}
.header-area .main-btn{display:none;}
.header-area-2 .main-btn{display:none;}
.main-menu .navbar-nav .nav-link{padding:15px;}
.header-area.header-2 li.nav-item .nav-link{color:#fff;}
.header-area.header-2 .main-menu .navbar-nav .nav-link.active{color:#fff;}
.navbar-toggler{position:absolute;top:20px;right:0;z-index:99999;padding:5px 15px;border:0;background-color:transparent;font-size:20px;line-height:1;}
.navbar-toggler-icon{display:block;margin:6px 0;width:30px;height:2px;background-color:#f35c27;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.active .navbar-toggler-icon:nth-of-type(1){position:absolute;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.active .navbar-toggler-icon:nth-of-type(2){opacity:0;}
.active .navbar-toggler-icon:nth-of-type(3){position:absolute;top:7px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.main-menu .navbar .navbar-collapse{position:absolute;top:70px;left:0;z-index:999;margin-top:15px;padding:10px 16px;width:100%;background-color:#020e28;-webkit-box-shadow:0 26px 48px 0 rgba(0,0,0,.15);box-shadow:0 26px 48px 0 rgba(0,0,0,.15);}
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler{position:absolute;top:0;right:0;display:inline-block;padding:10px 14px;border:0;background:0;color:#094074;font-size:16px;}
.sub-menu{position:relative!important;top:auto!important;right:auto;left:0!important;display:none;visibility:visible!important;width:100%!important;border-top:0;-webkit-box-shadow:none;box-shadow:none;text-align:left;opacity:1!important;-webkit-transition:0s;transition:0s;}
.main-menu .sub-menu li a{display:block;padding:12px;padding-left:12px;padding-left:30px;color:#191919;font-size:14px;-webkit-transition:.3s;transition:.3s;}
.main-menu .navbar-toggler:focus,.navbar-toggler:hover{outline:0;text-decoration:none;cursor:pointer!important;}
.sub-menu::after{display:none;}
.single-slide-item{text-align:center;}
.single-slide-item h1{font-size:40px;line-height:50px;}
.single-slide-item p{font-size:14px;line-height:20px;}
.hero-area-content .main-btn{font-size:14px;}
.cta-area{display:none;}
.feature-image{margin-bottom:50px;}
.achievement-area{height:650px;}
.single-counter-box{margin:30px 0;}
.chooseus-bg{height:584px;}
.blog-area .main-btn.btn-white{margin-top:0;}
.about-us-area .section-title h2{font-size:30px;}
.testimonial-area .section-title h2{font-size:27px;}
.contact-us-content h2{font-size:32px;}
.footer-up{padding-top:60px;}
.footer-up .logo{margin:0 auto;}
.footer-area{text-align:center;}
.footer-area p{margin-top:10px;}
.copyright-line{text-align:center;}
p.privacy{text-align:center;}
.home-2 .single-feature-item p{font-size:13px;}
.featured-project-area .project-grids .grid{width:100%;border-bottom:1px solid rgba(255,255,255,.2);}
.featured-project-area .project-grids .overlay-2{top:0;padding:80px 30px 50px;}
.featured-project-area .bg-cover{height:100%;}
.featured-project-area .project-grids .main-btn{font-size:13px;}
.slide-border{display:none;}
#home2 .hero-area-content .main-btn{margin-top:0;margin-left:0;}
.home-2 .single-feature-item{margin-bottom:100px;}
#home3 .single-slide-item{height:750px;}
#home3 .single-slide-item h1{font-size:38px;line-height:50px;}
.home3 .single-project-item{margin-bottom:40px;}
.info-content-area{margin-top:40px;}
.key-feature{padding:30px 20px;}
.key-feature .num{margin-top:-5px;}
.skill-bg{display:none;}
.skill-content{width:100%;}
.skill-content{padding:80px;}
.featured-img{display:none;}
.featured-area .about-key{margin-bottom:20px;}
.featured-area .about-key{padding-top:50px;}
.address-box{margin-bottom:50px;}
.question-section{display:none;}
.helpline-section{display:none;}
.single-service-bg{margin-bottom:30px;}
.port-img img{margin-bottom:30px;}
.single-comments-section p span{padding-left:30px;}
}
