@import url('bootstrap.min.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.css');
@import url('fancybox.min.css');
@import url('animate.css');

html{width:100%;}
body{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400; font-weight: 400; font-style: normal; color: #000000; letter-spacing: 0; word-spacing: 0; text-transform: inherit;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body .wrapper{left:0;min-height:100vh;background-color: #FFF; background-repeat: repeat; background-position: center top; position: relative; overflow: hidden; width: 100%; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
img{max-width: 100%;}
a,button{-webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover,a:focus{text-decoration: none;}
a:hover{color: #5271fa;}
a, input, button, select, select:focus, textarea, button:focus{outline: none !important;color: #000;}
textarea{resize: vertical;}
li{list-style: none;}
.thumbnail_container{padding-bottom: 66.667%; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
body .thumbnail{margin: 0; display: block; padding: 0; border: none; height: 100%; width: 100%; position: absolute; background: 0 0;}
body .thumbnail a, body .thumbnail img{display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute;}
.no_padding{padding:0;}
.eq_height{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.btn_full{display: block;width: 100%;}
.btn_blue{font-size: 20px;color: #ffffff;font-weight: 700;border-radius: 4px;background-color: #288851;border:1px solid #288851;padding:15px 20px;}
.btn_blue:hover{background-color: transparent;color:#288851;;}
.animated{opacity: 0;}
.animated.load{opacity: 1;}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?k5p6g2');
  src:  url('../fonts/icomoon.eot?k5p6g2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?k5p6g2') format('truetype'),
    url('../fonts/icomoon.woff?k5p6g2') format('woff'),
    url('../fonts/icomoon.svg?k5p6g2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Advantage2:before {
  content: "\e90f";
}
.icon-Advantage1:before {
  content: "\e900";
}
.icon-Advantage3:before {
  content: "\e901";
}
.icon-Advantage4:before {
  content: "\e902";
}
.icon-facebook-logo-button:before {
  content: "\e903";
}
.icon-left-arrow:before {
  content: "\e904";
}
.icon-linkedin:before {
  content: "\e905";
}
.icon-location:before {
  content: "\e906";
}
.icon-navigation:before {
  content: "\e907";
}
.icon-padlock:before {
  content: "\e908";
}
.icon-play:before {
  content: "\e909";
}
.icon-right-arrow:before {
  content: "\e90a";
}
.icon-satellite:before {
  content: "\e90b";
}
.icon-share:before {
  content: "\e90c";
}
.icon-twitter-logo-button:before {
  content: "\e90d";
}
.icon-wifi:before {
  content: "\e90e";
}



header{position: absolute;top: 0;left: 0;right: 0;z-index: 9999;padding: 30px 0 0 0;-webkit-transition: all .65s cubic-bezier(.86,0,.07,1);-khtml-transition: all .65s cubic-bezier(.86,0,.07,1);-moz-transition: all .65s cubic-bezier(.86,0,.07,1);-ms-transition: all .65s cubic-bezier(.86,0,.07,1);-o-transition: all .65s cubic-bezier(.86,0,.07,1);transition: all .65s cubic-bezier(.86,0,.07,1);}
header .logo a{-webkit-transition: all .65s cubic-bezier(.86,0,.07,1);display: block;-khtml-transition: all .65s cubic-bezier(.86,0,.07,1);-moz-transition: all .65s cubic-bezier(.86,0,.07,1);-o-transition: all .65s cubic-bezier(.86,0,.07,1);transition: all .65s cubic-bezier(.86,0,.07,1);}
header .head_right{width: calc(100% - 201px);font-size: 0;padding: 18px 0 0 0;text-align: right;-webkit-transition: all .65s cubic-bezier(.86,0,.07,1);-ms-transition: all .65s cubic-bezier(.86,0,.07,1);-o-transition: all .65s cubic-bezier(.86,0,.07,1);transition: all .65s cubic-bezier(.86,0,.07,1);}
header .head_right ul{font-size: 0;display: inline-block;}
header .head_right ul li{display: inline-block;margin-right: 35px;}
header .head_right ul li a{font-size: 18px;color: #000000;border-bottom: 2px solid transparent; padding-bottom: 3px;}
header .head_right ul li a:hover, header .head_right ul li.active a{border-color: #000;}
header .head_right form{display: inline-block;font-size: 16px;position: relative;}
header .head_right form select{padding:5px 24px 5px 12px;background-color: transparent;border-radius: 3px;font-size: 16px;color: #000;-webkit-appearance: none;appearance: none;-moz-appearance: none;-o-appearance: none;-ms-appearance: none; border: solid 1.5px #000000;position: relative;}
header .head_right form:after{position: absolute;content: "▼";font-size: 10px; right: 10px; top: 12px; }

.home_banner{height: 100vh;background-position: center center;background-size: cover;display: table; width: 100%;text-align: center;}
.home_banner .cell_content{display: table-cell; vertical-align: middle; padding: 100px 0;}
.home_banner .cell_content .container{width: 100%;max-width: 752px;padding-bottom: 30px;position: relative;text-align: center;}
.home_banner .cell_content .container:after{position: absolute;content: "";width: 100%;max-width: 126px;height: 2px;background-color: #000;left: 0;right: 0;margin: 0 auto;bottom: 0;display: inline-block;}
.home_banner .cell_content .title_banner{margin: 0 0 20px 0;font-weight: 700;font-size: 80px;color: #288851;line-height: 1;}
.home_banner .cell_content p{line-height: 1.78;font-size: 18px;color: #000000;}

.title_box{position: relative;padding-bottom: 25px;}
.title_box:after{position: absolute;content: "";width: 100%;max-width: 126px;height: 1px;background-color: #000;left: 0;bottom: 0;}
.title_box.center:after{right: 0;margin: 0 auto;}
.title_box.center{display: table;margin:0 auto;}
.title_box .title_txt{font-size: 36px;color: #000000;font-weight: 700;margin:0 0 7px 0;}
.title_box .subtitle_txt{color: #288851; font-size: 24px;}

.whyneed{padding: 50px 0;}
.whyneed .whyneed_slider {margin-top: 50px;}
.whyneed .whyneed_slider .problem_box{box-shadow: 0 0 25px 0 rgba(128, 128, 128, 0.15); border: solid 1px #d7d7d7; background-color: #ffffff;text-align: center;}
.whyneed .whyneed_slider .problem_box .thumbnail_container{background-color: #FFF;padding-bottom: 75.9%;}
.whyneed .whyneed_slider .problem_box .thumbnail_container img{-webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.whyneed .whyneed_slider .problem_box .thumbnail_container:before{position: absolute;content: "";height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.65);z-index: 1;}
.whyneed .whyneed_slider .problem_box .thumbnail_container a i{position: absolute; z-index: 99; font-size: 64px; left: 0; top: 50%; right: 0; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -o-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0);color:#FFF;}
.whyneed .whyneed_slider .problem_box .problem_dis{padding: 23px 8px;}
.whyneed .whyneed_slider .problem_box .problem_dis h3{line-height: 1.31;color: #000000;font-size: 22px;margin:0 0 10px 0;font-weight: 400;}
.whyneed .whyneed_slider .problem_box .problem_dis p{font-size: 14px;color: #1b1b1b;line-height: 1.71;margin: 0;height: 92px;overflow: hidden;}
.whyneed .whyneed_slider .problem_box:hover .thumbnail_container img{transform:scale(1.2) rotate(5deg);-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);-o-transform:scale(1.2) rotate(5deg);-ms-transform:scale(1.2) rotate(5deg);}

.wedo{background-color: #f5f5f5;}
.wedo .wedo_left{padding:90px 30px 0 0;display:inline-block;width:100%;max-width:570px;}
.wedo .wedo_left ul{margin-top:30px;counter-reset: number}
.wedo .wedo_left ul li{position:relative;font-size: 14px;line-height: 1.71;color: #616161;padding:35px;box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff;counter-increment: number;}
.wedo .wedo_left ul li:before{content:'0' counter(number);opacity: 0.1;color: #288851;position: absolute;top:7px;left:7px;font-size: 59px;font-weight: 700;line-height: 54px;}
.wedo .wedo_left ul li+li{margin-top: 20px;}
.wedo .wedo_right{padding:10px 15px;height:100%;width:100%;background-position: center center;background-size: cover;background-repeat: no-repeat;text-align:center;}
.wedo .wedo_right img{display:inline-block;}

.download{padding:50px 0;background-image: url(../images/download_bg.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.download .container{width: 100%;max-width: 920px;}
.download .container .title_download{font-size: 36px;font-weight: 700;color: #ffffff;margin: 10px 0 0 0;}
.download .container .title_download span{font-size: 24px; font-weight: 400;display: block;margin-top: 10px;}
.download .container .download_btn{background-color: #000;padding: 0; border-radius: 10px; border: none;}
.download .container .download_btn:hover{background-color:rgba(0,0,0,0.7)}

.work{padding:50px 0;background-color: #f5f5f5}
.work .work_img{margin-top: 32px;}
.work .work_img .step_title{text-align: center;line-height: 1.33;font-size: 24px;color: #288851;font-weight: 400;margin:10px 0 0 0;}
.work .work_img .step_title span{margin-left: 12%;}
.work .thumbnail_container{padding-bottom: 98%;}

.advantages{padding: 50px 0;}
.advantages .advantages_slider{margin-top: 32px;}
.advantages .advantages_slider .owl-stage-outer{overflow: visible;}
.advantages .advantages_slider .advantages_box{ box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff;text-align: center;padding: 50px 20px;}
.advantages .advantages_slider .advantages_box h3{font-size: 24px;color: #424242;line-height: 0.88;font-weight: 400;margin: 50px 0 10px 0;}
.advantages .advantages_slider .advantages_box p{line-height: 1.71;font-size: 14px;color: #1b1b1b;height: 70px;overflow: hidden;}
.advantages .advantages_slider .advantages_box .icon_box{width: 142px;position: relative;margin:0 auto;}
.advantages .advantages_slider .advantages_box .icon_box i{position: absolute; left: 0; right: 0; font-size: 60px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);color:#FFF;}

.features{background-color:#f5f5f5;}
.features .thumbnail_container{padding-bottom:65.7%;background-color:#f5f5f5;}
.features .thumbnail_container a{display: table;height: 100%;width: 100%;}
.features .thumbnail_container a i{display: table-cell;vertical-align: middle;font-size: 116px;color: #FFF;z-index: 2;text-align: center;position: relative;}
.features .thumbnail_container a:before{position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);z-index: 1;}
.features .thumbnail_container img{-webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.features .features_right{padding:90px 60px 0px 60px;}
.features .features_right .features_listing{margin-top: 33px;font-size:0;}
.features .features_right .features_listing li{display:inline-block;width: 50%;vertical-align: top;margin-bottom:35px;}
.features .features_right .features_listing li .icon_left{width: 73px;height:73px;float: left;border-radius: 100px;border: solid 5px #288851;background-color: #288851;display: table;}
.features .features_right .features_listing li .icon_left i{font-size: 36px;color:#FFF;display: table-cell;vertical-align: middle;text-align: center}
.features .features_right .features_listing li .right_box{float: left;width: calc(100% - 73px);padding:0 20px 0 30px;}
.features .features_right .features_listing li .right_box h3{font-weight: 500;color: #1b1b1b;font-size: 16px;margin:0 0 14px 0;}
.features .features_right .features_listing li .right_box p{line-height: 1.71;color: #888890;font-size: 14px;}
.features .thumbnail_container:hover img{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}

.gallery{padding:50px 0;}
.gallery .gallery_slider{margin-top: 32px;}
.gallery .gallery_slider .owl-stage{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.gallery .gallery_slider .owl-stage .item img{margin:0 auto;}
.gallery .gallery_slider .owl-nav button{position: absolute;top: 50%;right:calc(100% + 5px);font-size:35px;opacity: 0.2;padding:0;margin:0;background-color: transparent !important;color:#000 !important;cursor: pointer;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.gallery .gallery_slider .owl-nav button:hover{opacity: 1;}
.gallery .gallery_slider .owl-nav button.owl-next{left: calc(100% + 5px);right:auto;}

.contact{background-color: #000;padding:45px 0;}
.contact .title_box_contact .title_txt{font-size: 36px;color: #288851;font-weight: 700;margin:0 0 20px 0}
.contact .title_box_contact .subtitle_txt{font-size: 24px;color: #ffffff;line-height: 1;}
.contact form{margin-top: 45px;}
.contact form .form-group{margin-bottom:30px;}
.contact form .form-control{border-radius: 4px;height: 50px;background-color: #ffffff;box-shadow: none;color: #9b9b9b;}
.contact form textarea.form-control{height: 120px;}

footer{background-color: #000;padding:27px 0;border-top: solid 1px #ffffff;}
footer p{color: #ffffff;line-height: 1.5;font-size: 16px;display: inline-block;font-weight: 300;}
footer .social{line-height: 0;display: inline-block;vertical-align: middle  }
footer .social li{display: inline-block;margin-left: 7px;}
footer .social li a{font-size: 25px;color: #FFF}
footer .social li a:hover{color:#288851;}

.nav-mobile{background:#288851;left: 0;overflow: auto;position: fixed;top: 0;-webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;-webkit-transform: translate(-270px,0); -khtml-transform: translate(-270px,0); -moz-transform: translate(-270px,0); -ms-transform: translate(-270px,0); -o-transform: translate(-270px,0); transform: translate(-270px,0);visibility: visible; width: 270px; z-index: 999999; height: 100%; overflow: scroll;}
.nav-mobile .menu_title{color: #FFF;text-align: center;text-transform: uppercase;padding: 6px 0;border-bottom: 1px solid #FFF;font-size: 24px;font-weight: 700;}
.nav-mobile ul{margin:0;}
.nav-mobile ul li+li{border-top: 1px solid rgba(255,255,255,0.1);}
.nav-mobile ul li{list-style-type: none;margin:0;}
.nav-mobile ul li.active>a, .nav-mobile ul li a.active{color: #000;}
.nav-mobile ul li a{color: #FFF;padding:10px 15px;display: block;}
.nav-mobile ul li .click{color: #FFF;padding: 8px 10px;position: absolute;right: 0;top: 0;font-size: 20px;}
.nav-mobile ul li ul{margin-left:15px;border-left:1px solid rgba(255,255,255,0.1);}
#nav-mobile-btn{color: #000;vertical-align: top;margin:4px 15px 0 0;background: 0 0;border: none;display: inline-block;width: 36px;height: 29px;position: relative;-webkit-transform: rotate(0);-khtml-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .5s ease-in-out;-khtml-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;padding: 0;outline: 0;}
#nav-mobile-btn span{display: block;position: absolute;height: 3px;width: 100%;background-color: currentColor;opacity: 1;left: 0;-webkit-transform: rotate(0);-khtml-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .25s ease-in-out;-khtml-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;-webkit-transform-origin: left center;-khtml-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-mobile-btn span:nth-child(1) {top: 0;}
#nav-mobile-btn span:nth-child(2) {top: 13px;}
#nav-mobile-btn span:nth-child(3) {top: 26px;}
.ssm-overlay{position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,.5);z-index: 999;}
html.is-navOpen #nav-mobile-btn span:nth-child(1) {top: 0;left: 7px;-webkit-transform: rotate(45deg);-khtml-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
html.is-navOpen #nav-mobile-btn span:nth-child(2) {width: 0%;opacity: 0;}
html.is-navOpen #nav-mobile-btn span:nth-child(3) {left: 7px;top: 26px;-webkit-transform: rotate(-45deg);-khtml-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

@media(min-width: 1199px){
  .nav-mobile{display: none;}
  header .header_BG{background: #FFF;top:0;height: 78px;width: 100%;position: absolute;border-radius: 0 0 30% 30%;-webkit-transition: all .65s cubic-bezier(.86,0,.07,1);-khtml-transition: all .65s cubic-bezier(.86,0,.07,1);-moz-transition: all .65s cubic-bezier(.86,0,.07,1); -ms-transition: all .65s cubic-bezier(.86,0,.07,1); -o-transition: all .65s cubic-bezier(.86,0,.07,1);transition: all .65s cubic-bezier(.86,0,.07,1);-webkit-transform: translateY(-100px);-khtml-transform: translateY(-100px);-moz-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px);z-index: -1;}
  header.fixed .header_BG{border-radius: 0;-webkit-transform: translateY(0);-khtml-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
  header.fixed{position: fixed;top:0;left: 0;right:0;padding:10px 0 0 0;}
  header.fixed .logo a{display: block;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform-origin: left top;-webkit-transform-origin: left top;-o-transform-origin: left top;-ms-transform-origin: left top;-moz-transform-origin: left top;}
  header.fixed .head_right{padding: 10px 0 0 0;}
}
@media (max-width:1199px){
  .animated{-webkit-animation-duration: inherit !important;animation-duration: inherit !important;-webkit-animation-fill-mode: inherit !important;animation-fill-mode: inherit !important;-webkit-animation-name: inherit !important;animation-name: inherit !important;opacity: 1 !important;}
  header{padding:10px 0 0 0;}
  header .head_right ul{display:none;}
  .wedo .wedo_left{max-width:470px;padding:80px 15px 0 0;}
  .features .features_right{padding:50px 15px 10px 15px;width:100%;max-width:970px;margin: 0 auto;}
}
@media(max-width:991px){
  .home_banner{height: 65vh;}
  .home_banner .cell_content .title_banner{font-size:60px;margin:0 0 5px 0;}
  .home_banner .cell_content p{line-height: 1.6;font-size: 16px;}
  .home_banner .cell_content .container{padding-bottom:20px;}
  .whyneed, .download, .work, .advantages, .gallery, .contact{padding:30px 0;}
  .title_box{padding-bottom:15px;}
  .title_box .title_txt, .contact .title_box_contact .title_txt{font-size:30px;margin:0 0 5px 0}
  .title_box .subtitle_txt, .contact .title_box_contact .subtitle_txt{font-size: 20px;}
  .whyneed .whyneed_slider, .work .work_img, .advantages .advantages_slider, .gallery .gallery_slider, .contact form{margin-top:30px;}
  .whyneed .whyneed_slider .problem_box .problem_dis{padding:15px 8px;}
  .whyneed .whyneed_slider .problem_box .thumbnail_container a i{font-size:44px;}
  .whyneed .whyneed_slider .problem_box .problem_dis h3{font-size:20px;line-height: 1;margin:0 0 5px 0;}
  .whyneed .whyneed_slider .problem_box .problem_dis p{line-height: 1.4;height:95px;}
  .wedo .wedo_left{max-width: 490px;padding: 30px 15px 0 0;}
  .wedo .wedo_left ul li{padding:25px;}
  .download .container .title_download{font-size:28px;margin:5px 0 0 0;}
  .download .container .title_download span{font-size: 20px;margin-top: 5px;}
  .download .container .download_btn{max-width: 220px;}
  .advantages .advantages_slider .advantages_box{padding:15px;}
  .advantages .advantages_slider .advantages_box .icon_box{width: 120px;}
  .advantages .advantages_slider .advantages_box .icon_box i{font-size: 50px;}
  .advantages .advantages_slider .advantages_box h3{font-size: 20px;margin:10px 0 5px 0;}
  .advantages .advantages_slider .advantages_box p{line-height: 1.4;height: 55px;}
  .features .features_right{padding:30px 15px 0px 15px;}
  .features .features_right .features_listing li{margin-bottom:30px;}
  .features .features_right .features_listing li .right_box{padding:0 15px;}
  .features .features_right .features_listing li .right_box h3{margin:0 0 7px 0;}
  .features .features_right .features_listing li .right_box p{line-height: 1.4;}
  .work .work_img .step_title{line-height: 1;font-size: 20px;}
  .work .work_img .step_title span{margin-left: 14%;}
}
@media(max-width:767px){
  .btn_blue{font-size: 18px;padding:8px 10px;}
  header .logo{width:150px;}
  header .head_right{width: calc(100% - 150px);padding:8px 0 0 0;}
  .home_banner .cell_content .title_banner{font-size: 40px;}
  .home_banner .cell_content p{font-size: 14px;}
  .home_banner .cell_content{padding:65px 0;}
  .home_banner .cell_content .container{padding-bottom: 10px;}
  .home_banner{height: 100vh;}
  .whyneed, .download, .work, .advantages, .gallery, .contact{padding: 20px 0;}
  .title_box .title_txt, .contact .title_box_contact .title_txt{font-size: 24px;}
  .title_box .subtitle_txt, .contact .title_box_contact .subtitle_txt{font-size: 16px;}
  .title_box{padding-bottom: 10px;}
  .whyneed .whyneed_slider, .work .work_img, .advantages .advantages_slider, .gallery .gallery_slider, .contact form, .wedo .wedo_left ul{margin-top: 20px;}
  .wedo .wedo_left{padding: 0px 15px 0 15px;}
  .wedo .wedo_left ul li+li{margin-top: 10px;}
  .wedo .wedo_left ul li{padding:12px;}
  .wedo .eq_height{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
  .download .container .download_btn{max-width:160px;}
  .download .container .title_download{font-size: 24px;margin:0;}
  .download .container .title_download span{font-size: 16px;}
  .advantages .advantages_slider .advantages_box h3{font-size: 18px;margin:5px 0 5px 0;}
  .advantages .advantages_slider .advantages_box .icon_box{width: 100px;}
  .advantages .advantages_slider .advantages_box .icon_box i{font-size: 40px;}
  .features .features_right{padding: 20px 15px 0px 15px;}
  .features .features_right .features_listing{margin-top:25px;}
  .features .features_right .features_listing li .icon_left{width:55px;height: 55px;}
  .features .features_right .features_listing li .icon_left i{font-size: 26px;}
  .features .features_right .features_listing li .right_box h3{margin: 0 0 5px 0;}
  .features .features_right .features_listing li .right_box{width:calc(100% - 55px)}
  .contact form .form-group{margin-bottom: 15px;}
  .contact form .form-control{height: 40px;}
  .contact form textarea.form-control{height: 90px;}
  footer{padding: 20px 0;}
  .features .thumbnail_container a i{font-size: 76px;}
}
@media(max-width:479px){
  .col-xss-12{width: 100%;}
  header .logo{width: 110px;}
  header .head_right{width:calc(100% - 110px);padding:3px 0 0 0;}
  .home_banner{height: 70vh;}
  .home_banner .cell_content .title_banner{font-size: 38px;}
  .whyneed .whyneed_slider .problem_box .problem_dis p{height: inherit;}
  .wedo .eq_height{display:block}
  .wedo .wedo_left{padding: 20px 15px;}
  .download, footer, footer .text-right{text-align:center;}
  .download .container .download_btn{display:table;margin: 10px auto 0 auto;}
  .work .work_img{margin-top:5px;}
  .work .thumbnail_container{margin-top: 15px;}
  .advantages .advantages_slider .advantages_box p{height: 75px;}
  .features .features_right .features_listing li{width: 100%;margin-bottom: 20px;}
  footer p{vertical-align: top}
  footer .social{margin-bottom: 10px;}
  .work .work_img .step_title{font-size: 16px;}
}