@media only screen and (min-width: 240px) and (max-width: 319px) {


.header{padding:15px 0px 15px 0px;}
.menu-togol{position: absolute;top: -28px;}
.navbar-shrink nav ul li ul {top: 0px !important;}
.slider{display: none;}
.portfolio p{line-height: 1;}
#filter li{border-right:none !important; }
.postitem .info span {margin: 0px 0px 0px 0px !important;}
.counter-wrap{border-right: none !important;}
.social-section a{margin-bottom: 30px;}
.slider .slider-content{display: none;}
.static-content {padding-top: 20px;}
.data-treatment-customers-content { width: fit-content}
#alerts-container .alert  { width: fit-content}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {


.container{width: 300px;}
.container-fluid{width: 300px;}
h1{font-size:36px;}
.header{padding:15px 0px 15px 0px;}
.menu-togol{position: absolute;top: -28px;}
.navbar-shrink nav ul li ul {top: 0px !important;}
.slider{margin-top: 60px;}
.slider .slider-content .slide-layer-img img{width: 50px;height: 40px;margin-top: 15px;}
.slider .slider-content .slide-title{font-size: 18px;margin-top: 0px !important;margin-bottom: 0px;padding-bottom: 0px;}
.slider .slider-content .slide-content{font-size: 14px;line-height: 1;display: none;}
.camera-slider .bottom-link{display: none;}
.static-bg{height: 530px !important;}
.static-content {padding-top: 70px;}
.static-content img{width: 100px;height: 100px;}
.static-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.static-content .static-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.video-bg, .video-frame{height: 550px;}
.video-content {padding-top: 110px;}
.video-content img{width: 100px;height: 75px;}
.video-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.video-content .video-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.section-title{line-height: 45px;text-align: center;}
.postitem .info span {margin: 0px 0px 0px 0px !important;}
.portfolio p{line-height: 1;}
#filter{float:left;width:100%;margin-bottom: 50px}
#filter li{border-right: none !important;float: left;width: 50%;margin: 5px 0px 10px 0px;}
#filter li a{font-size: 20px;text-align: center;}
.portfilio-filter .portfolio{height: 170px;margin-bottom: 30px;}
.hot-key-button{text-align: center;}
.hot-key{width: 100%;margin-bottom: 50px;display: inline-block;margin-left: 7px;margin-right: 7px;}
.our-history{overflow: visible;height: auto;}
.history-content{height: auto;padding-bottom: 85px;}
.history-content h1{line-height: 1;text-align: center;}
.history-content p{text-align: center !important;}
.team-wrap .member{margin-bottom: 30px;}
.member.active .info-warp{padding: 40px 0px;}
.member .info{border: none;}
.service .title{line-height: 1 !important;}
.up-cooming-btn-area .btn-default.red-button{margin-bottom: 20px;}
.counter-wrap{border-right: none !important;}
.social-section a{margin-bottom: 30px;margin-left: 7px;margin-right: 7px;}
.postitem .info span {margin: 0px 0px 0px 0px;}
.footer{height: auto !important;}
.footer p{margin-bottom: 0px !important;}


.landing-content {padding: 50px 0px 50px 0px;}
.why-triangle {margin-top: 30px;}
.why-triangle h3{line-height: 31px;}
.landing-page .why-triangle, .landing-page .why-triangle p{text-align: center;}
.triangle-demos .demo{padding: 15px 18px 15px 22px;height: 220px;}
.triangle-demos .demo .monitor-screen{height: 144px;margin-top: -5px;}
.landing-page h2{line-height: 39px;font-size: 30px;}
.triangle-demos .laptop-demo{padding: 15px 32px 15px 32px;height: 155px;}
.triangle-demos .laptop-demo .laptop-screen{height: 129px;margin-top: -7px;}
.data-treatment-customers-content { width: fit-content}
#alerts-container .alert  { width: fit-content}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {


.container{width: 430px;}
.team-wrap .container-fluid{width: 430px;}
h1{font-size:36px;}
.header{padding:15px 0px 15px 0px;}
.menu-togol{position: absolute;top: -28px;}
.navbar-shrink nav ul li ul {top: 0px !important;}
.slider{margin-top: 0px;}
.slider .slider-content{margin-top: 21%;}
.slider .slider-content .slide-layer-img img{width: 50px;height: 40px;margin-top: 7%;}
.slider .slider-content .slide-title{font-size: 18px;margin-top: 0px !important;margin-bottom: 0px;padding-bottom: 0px;}
.slider .slider-content .slide-content{font-size: 14px;line-height: 1;letter-spacing: 1px;}
.camera-slider .bottom-link{display: none;}
.static-bg{height: 530px !important}
.static-content {padding-top: 110px;}
.static-content img{width: 150px;height: 150px;}
.static-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.static-content .static-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.video-bg, .video-frame{height: 530px;}
.video-content {padding-top: 110px;}
.video-content img{width: 100px;height: 75px;}
.video-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.video-content .video-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.section-title{line-height: 45px;text-align: center;}
.portfolio p{line-height: 1;}
#filter li{border-right: none !important;margin: 5px 0px 10px 0px;}
#filter li a{font-size: 20px;text-align: center;}
.portfilio-filter .portfolio{height: 241px;margin-bottom: 30px;}
.hot-key-button{text-align: center;}
.hot-key{width: 100%;margin-bottom: 50px;display: inline-block;}
.our-history {height: auto !important;}
.history-content{height: auto;padding-bottom: 85px;}
.history-content h1{line-height: 1;text-align: center;}
.team-wrap .member{margin-bottom: 30px;}
.member.active .info-warp{padding: 40px 0px;}
.member .info{border: none;}
.member .info .info-warp {padding: 95px 0px;}
.up-cooming-btn-area .btn-default.red-button{margin-bottom: 20px;}
.counter-wrap{border-right: none !important;}
.social-section a{margin-bottom: 30px;margin-left: 7px;margin-right: 7px;}
.footer{height: auto !important;}
.footer p{margin-bottom: 0px !important;}

.landing-content {padding: 50px 0px 50px 0px;}
.why-triangle {margin-top: 30px;}
.why-triangle h3{line-height: 31px;}
.landing-page .why-triangle, .landing-page .why-triangle p{text-align: left;}
.triangle-demos .demo{padding: 15px 28px 15px 32px;height: 325px;}
.triangle-demos .demo .monitor-screen{height: 212px;margin-top: 1px;}
.landing-page h2{line-height: 39px;font-size: 30px;}
.triangle-demos .laptop-demo{padding: 15px 48px 15px 48px;height: 231px;}
.triangle-demos .laptop-demo .laptop-screen{height: 190px;margin-top: -2px;}
.data-treatment-customers-content { width: 481px}
#alerts-container .alert  { width: 481px}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {


.header{padding:10px 0px 10px 0px;}
.menu-togol{position: absolute;top: -28px;}
.navbar-shrink nav ul li ul {top: 0px !important;}
.slider{margin-top: 50px;}
.slider .slider-content .slide-layer-img img{width: 70px;height: 55px;margin-top: 0%;}
.slider .slider-content .slide-title{font-size: 24px;margin-top: 0px !important;margin-bottom: 0px;padding-bottom: 0px;}
.slider .slider-content .slide-content{font-size: 18px;line-height: 1;letter-spacing: 1px;}
.static-bg{height: 530px !important;}
.static-content {padding-top: 110px;}
.static-content img{width: 200px;height: 200px;}
.static-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.static-content .static-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.video-bg, .video-frame{height: 530px;}
.video-content {padding-top: 110px;}
.video-content img{width: 100px;height: 75px;}
.video-content h1{font-size: 36px !important;margin-top: 25px !important;line-height: 50px !important;margin-bottom: 0px;}
.video-content .video-des{font-size: 18px !important;margin-top: 0px !important;line-height: 27px !important;}

.bottom-link .bottom-link-border{margin-bottom: 70px;}
.portfolio p{line-height: 1;}
.blog-wrap .container{width: 768px;}
.hot-key{margin-bottom: 40px;}
.our-history{background: #191a1e;height: auto;}
.history-content{height: auto;padding-bottom: 85px;}
.member .image img{width: 100% !important;}
.our-skill p {font-size: 20px;}
.counter-wrap{border-right: none !important;}
.social-section a{margin-bottom: 30px;}
.footer{height: auto !important;}
.footer p{margin-bottom: 0px !important;}


.landing-content {padding: 50px 0px 50px 0px;}
.why-triangle {margin-top: 30px;}
.why-triangle h3{line-height: 31px;}
.landing-page .why-triangle, .landing-page .why-triangle p{text-align: left;}
.triangle-demos .demo{padding: 15px 24px 15px 28px;height: 280px;}
.triangle-demos .demo .monitor-screen{height: 183px;margin-top: -1px;}
.landing-page h2{line-height: 39px;font-size: 30px;}
.triangle-demos .laptop-demo{padding: 15px 41px 15px 42px;height: 199px;}
.triangle-demos .laptop-demo .laptop-screen{height: 164px;margin-top: -4px;}
.data-treatment-customers-content { width: 768px}
#alerts-container .alert  { width: 768px}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.header{padding:15px 0px 15px 0px;}
.slider .slider-content .slide-layer-img img{width: 90px;height: 75px;margin-top: 0%;}
.slider .slider-content .slide-title{font-size: 24px;margin-top: 15px !important;margin-bottom: 7px;padding-bottom: 0px;}
.slider .slider-content .slide-content{font-size: 18px;line-height: 1;letter-spacing: 1px;}
.about-content h2{font-size: 25px;}
.hot-key{margin-bottom: 40px;}
.our-history{background: #191a1e;}
.history-img{display: none;}
.member .info .details{margin-bottom: 20px;}
.our-skill p {font-size: 20px;}


.landing-page .why-triangle, .landing-page .why-triangle p{text-align: left;}
.triangle-demos .demo{padding: 15px 33px 15px 36px;height: 371px;}
.triangle-demos .demo .monitor-screen{height: 242px;margin-top: 3px;}
.landing-page h2{line-height: 39px;font-size: 30px;}
.triangle-demos .laptop-demo{padding: 15px 34px 15px 35px;height: 168px;}
.triangle-demos .laptop-demo .laptop-screen{height: 139px;margin-top: -6px;}
.data-treatment-customers-modal{width: 992px}
#alerts-container .alert  { width: 992px}
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.member .social {margin-top: 0px;}
}	

@media only screen and (min-width: 1367px) and (max-width: 1485px) {

.member .info .info-warp{
	padding: 76px 0px;
}
.member .social{
    position: relative;
    margin-top: 10% !important;
    }
}

@media only screen and (min-width: 1486px) and (max-width: 2600px) {

.member .info .info-warp{
	padding: 45px 0px;
}
.member .social{
    position: relative;
    margin-top: 10% !important;
    }
}

@media only screen and (max-width: 600px) {
}

@media (min-width: 1200px) {
    .postitem {height: 594px;}
    .data-treatment-customers-modal{width: 1110px}
    #alerts-container .alert  { width: 1110px}
}

@media (min-width: 768px) {
    .postitem {height: 656px;}
    .contact-form-wrap textarea.form-control {height: 260px;}
}

@media (max-width: 480px) {
    .data-treatment-customers-content .btn-contact {width: min-content;}
    .data-treatment-customers-content .btn-contact .btn {margin-bottom: 10px}
}
@media (min-width: 481px) {
    .data-treatment-customers-content .btn-contact {width: max-content;}
}