@media (max-width: 1680px) {
.container{width:85%}
.about{width:100%}
.what{width:100%}
}
@media (max-width: 1366px) {
.popup-form{margin:0 2%}
.container{width:100%}
.links-section form {margin:0 10% 0 0}
.values .nav-tabs > li{width:14.2857142857%!important;}
.counter {padding:0!important}
ul.custom.five li,ul.custom.four li {width:33.3333333%}
}
@media (max-width: 1200px) {
header .container{width:100%!important}
.about .about-text{bottom:auto}
.brands li{width:25%}
.instagram li{width:25%}
.follow{width:66%}
.image-notes{max-width:100%}
.what-box .what-info{padding:4%}
.what-box.half .what-info{padding:8%}


}
@media (max-width: 991px) {
.container{width:100%}
.navbar-header{float:none}
.navbar-toggle{display:block}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important;margin:7.5px -15px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
.header #logo img{max-height:46px}
.header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:100%;width:100%;background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12);background:#231f20;height:480px;overflow-y:scroll}
.header .nav-menu::-webkit-scrollbar{width:7px}
.header .nav-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.33)}
.header .nav-menu::-webkit-scrollbar-thumb{background:#ec1c24}
.header .nav-menu::-webkit-scrollbar-thumb:hover{background:#ec1c24}
.header .nav-menu > ul > li{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
.header .nav-menu > ul > li:last-child {border-bottom:none;}
.header .nav-menu ul > li a::before{left:0;margin:0;width:0;opacity:1}
.header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{display:none}
.header .nav-menu ul li.active a{background:#ec1c24;color:#fff!important}
.header .nav-menu ul li:hover a{color:#fff!important;background:rgba(0,0,0,.33)}
.header .nav-menu ul li.active:hover a{color:#fff!important}
.header.header-bg .nav-menu ul > li > a{color:#fff!important}
.header .nav-menu > ul > li:first-child{margin-top:0}
.header .nav-menu > ul > li:last-child{margin-bottom:10px}
.header .nav-menu ul li a{padding:10px 20px;color:#fff}
.header .nav-menu ul li span {padding:10px 20px;}
.header .nav-menu ul li a i {display:none}
.header .nav-menu .drop .dropdown{visibility:visible;position:relative;top:0;opacity:1;filter:Alpha(Opacity=1);width:100%;margin:0;border-top:none;background:rgba(255,255,255,.1)}
.header .nav-menu .drop:hover .dropdown{margin-top:0}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:10px 20px;background-color:transparent;border-bottom:none;}
.header .nav-menu .drop .dropdown li span {padding:10px 20px!important;}
.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{background:#231f20;padding-left:15px;color:#ec1c24!important}
.header .nav-menu li span {color:#fff!important;}
.header .nav-menu .drop .dropdown li:hover span{background:rgba(0,0,0,.33)}
.header .nav-menu .drop .dropdown li.active a{background:#ec1c24;color:#fff}
.header .nav-menu .drop .dropdown li span i {float:right;color:#fff;font-size:10px;position:relative;line-height:20px;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.header .nav-menu ul > li > .lngbtn {width:200px;margin:10px auto}
.header .nav-menu ul > li > .lngbtn:before {opacity:1}
.header .nav-menu ul > li > .lngbtn:hover{background:#f2676c;color:#fff}
.header .nav-menu ul > li > .lngbtn:hover:before{border-right-color:#f2676c!important}
.header .nav-menu ul > li > .lngbtn:hover:after{border-left-color:#f2676c!important}
.header .nav-menu .drop .dropdown li .drop-sub{top:0;left:0;right:0;width:100%;margin:0;display:block;}
.header .nav-menu .drop .dropdown li .drop-sub a {padding:10px 20px}
.header .nav-menu .drop .dropdown li:hover .drop-sub {position:relative}
ul li,ol li,.icons-list li{font-size:16px;line-height:22px}
#logo img{max-height:42px}
.header-bg #logo img{max-height:42px}
.section{padding:60px 0}
.animated{-o-transition-property:none!important;-moz-transition-property:none!important;-ms-transition-property:none!important;-webkit-transition-property:none!important;transition-property:none!important;-o-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
.popup-form{margin:1%}
.popup-form .popup-img{display:block}
.popup-form .popup-info{padding:5%}
.popup-form .mfp-close{color:#fff}
.blog .blog-info h3{min-height:auto}
.project-gallery{margin-bottom:5px}
.project-gallery .gallery-top{padding:0;margin-bottom:2px}
.popup-form .popup-info{margin:0}
.video-section .fullscreen-video{left:-75%!important}
.brands li{width:33.33333333%}
.section.instagram{padding:60px 0 0}
.links-section form {margin:0 10%}
.mail-subscribe-widget p{text-align:center}
ul.social-list{float:none;text-align:center}
.links-section{padding:50px 0}
.links-section ul li br{display:inline-block;margin:3px 0}
.links-section h4{padding-bottom:10px;margin-bottom:10px;text-align:center}
.links-section h4 .head-line{margin:0 auto;right:0}
.links-section ul{margin-bottom:30px;text-align:center}
.links-section ul li{display:inline-block;padding:0 7px}
.links-section  p {text-align:center}
.copyright-section,.copyright-section .text-right{text-align:center}
.about .about-text .lead{color:#231f20}
.about .about-text .lead span{display:block;float:none}
.what-box.half .what-img{width:50%}
.what-box.half .what-info{width:50%}
.what-box .what-info{padding:6%}
.what-box.half .what-info{padding:6%}
.clients{padding:0 30px}
.section-home h1{font-size:35px!important;line-height:42px;letter-spacing:0!important}
.split-section .flex{display:flex;flex-direction:column}
.split-section div[class*='col-md-']:first-child{order:2}
.split-section-info,.split-section-info.right {padding:10%;}
.split-section-img {display:block}
.map-section iframe{height:300px;}
.map-section {height:300px;}
.values ul.nav-tabs li a span{display:none}
.secure .row{display:flex;flex-direction:column}
.secure .row div[class*='col-md-']:first-child{order:2}
.secure .secure-info {padding:30px}
.secure .secure-info h3 {text-align:center}
.secure .secure-info .lngbtn {margin:10px auto 0;width:100%}
.counter {margin-bottom:30px}
.counter p {min-height:96px}
.about{margin:0 0 30px}
.form .form-list li,.form .form-list li:first-child,.form .form-list li:last-child{width:100%;float:none;margin-right:0;}
ul.custom.five li,ul.custom.four li {width:50%}
.intro .intro-info {padding:0}
}
@media (max-width: 768px) {
#container div[class*='col-md-']{margin-bottom:20px}
h1{font-size:30px;line-height:35px}
h2{font-size:25px;line-height:30px}
h3{font-size:20px;line-height:25px}
body,p,ul li,ol li,.icons-list li{font-size:15px;line-height:22px}
.header-title p br{display:none}
.page-header{padding:160px 0 80px}
.page-header p br{display:none}
.sign{width:64px;height:64px;line-height:64px;top:-32px}
.sign img{max-height:32px}
.sign2{width:64px;height:64px;line-height:64px;top:-32px}
.sign2 img{max-height:32px}
.header-title,.header-title-white,.header-title-cta{margin-bottom:30px}
.header-title br,.header-title-white br,.header-title-cta br{display:none}
.section-home img{max-height:30px}
.brands li{width:50%}
.follow{width:80%}
.type-wrap{margin-bottom:5px}
.type-wrap span{font-size:30px;line-height:40px;letter-spacing:0!important}
.type-wrap .typed-cursor{font-size:15px!important;margin-left:2px}
.back-to-top{bottom:15px;right:15px}
.back-to-top i{width:32px;height:32px;line-height:32px;font-size:12px}
.testimonials q{font-size:18px;line-height:26px;font-weight:600}
.company .company-info q{font-size:16px;line-height:24px}
.what-box .what-info{padding:4%}
.what-box .what-info h3{margin-bottom:10px}
.what-box .what-info p{font-size:15px;line-height:22px}
.what-box.half .what-info{padding:4%}
.what-box .what-info .btn-sys{margin:0}
.sub {letter-spacing:0}
.counter p {min-height:auto}
.values ul.nav-tabs li a .hexa.med{width:70px;height:40.41px;margin:20.21px auto}
.values ul.nav-tabs li a .hexa.med:before,.hexa.med:after{border-left-width:35px;border-right-width:35px;width:70px;}
.values ul.nav-tabs li a .hexa.med:before{border-bottom-width:20.21px;}
.values ul.nav-tabs li a .hexa.med:after{border-top-width:20.21px;}
.about{margin:0}
.about .icon{display:none}
.about .about-img img{position:relative;opacity:1}
.about .about-img .mob{display:block}
.about .about-img .desk{display:none}
.about .about-img .title{display:none}
.about .about-img h4{display:none}
.about .about-text{position:relative;opacity:1;top:-50px;margin:0 30px;border:1px solid #fff;background:#ffff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);padding:25px}
.about .about-text img {display:none}
.about .about-text h3{color:#111f3e;text-align:center}
.about .about-text p{color:#444}
.about .about-text ul li{color:#444}
.about .about-text .lngbtn {background:#ec1c24;color:#fff}
.about .about-text .lngbtn:before{border-right-color:#ec1c24!important}
.about .about-text .lngbtn:after{border-left-color:#ec1c24!important}
.about:hover .about-text{top:-50px}
.about .hexa {display:none}
.about .about-text .hexa {display:block;position:absolute;left:0;right:0;margin:0 auto;top:-26px}
.about .about-text .hexa i {color:#fff;font-size:16px;line-height:23px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.about .about-text .hexa{width:40px;height:23.09px;margin:11.55px auto;bottom:20px;line-height:23px;background:#ec1c24;}
.about .about-text .hexa:before,.about .about-text .hexa:after{border-left-width:20px;border-right-width:20px;width:40px;}
.about .about-text .hexa:before{border-bottom-width:11.55px; border-bottom-color:#ec1c24}
.about .about-text .hexa:after{border-top-width:11.55px;border-top-color:#ec1c24}
.about .about-text b {display:block;text-transform:uppercase}
.testimonials-carousel .item {padding: 0;}
.testimonials-carousel .quote-content q {font-size: 18px;line-height: 26px;}
@media (max-width: 640px) {
.section-home img{display:none}
.section-home .btn-sys{margin:10px 0 0}
.type-wrap span{font-size:24px!important;line-height:32px;}
.what-box .what-img{width:100%}
.what-box .what-info{width:100%}
.what-box.half .what-img{width:100%}
.what-box.half .what-info{width:100%}
.what-box.flex{display:flex;flex-direction:column}
.what-box.flex .what-info{order:2}
.what-info.arrow-left:after,.what-info.arrow-right:after,.what-info.arrow-up:after{content:'';position:absolute;top:0;left:20%;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px}
.values .nav-tabs > li{width:25%!important;}
.values .nav-tabs > li.active:before {display:none}
.secure .secure-info h3 {}
.secure .secure-info h3 span {border-bottom:none;padding:0}
ul.custom.five li,ul.custom.four li {width:100%}
}
@media only screen and (max-width: 480px) {
.col-xs-6{width:100%}
.section-home h1{font-size:25px;line-height:35px}
.section-home p{font-size:16px;line-height:22px}
.section-home p br{display:none}
.section-home .btn-sys{margin:10px 0 0}
.about .about-text{top:-30px;margin:0 15px}
.video-section .fullscreen-video{left:-100%!important}
.brands li{width:100%}
.instagram li{width:50%;margin:-3px -1.5px}
.follow{width:90%}
.links-section ul li{display:block}
ul.social-list li{display:inline-block!important;padding:0!important}
.company:hover .company-info img{top:15px;max-height:40px;max-width:160px}
.company:hover .company-info q{top:30px}
.company:hover .company-info .autor{top:40px}
.company .company-info .autor{font-size:11px;letter-spacing:1px}
.program-summary li{width:50%}
.program-summary li:nth-child(2),.program-summary li:nth-child(4){border-right:none}
.program-summary li:nth-child(3){border-right:1px solid #eee}
.agenda ul.nav-tabs li{width:50%;margin:0 -2px}
.agenda ul.nav-tabs li a{margin:2px;padding:7px 0}
.section-home h1{font-size:30px!important;line-height:35px!important}
.section-home .date{margin-bottom:10px}
.section-home .date span{color:#ec1c24;letter-spacing:1px;border:none;padding:0}
.meta-summary li{width:100%;border-right:none}
.blog-layout .post-right {padding-left:0}
.blog-layout .post-date {position:relative;top:0;margin:0 0 20px;width:70px}
.post .more-link {margin:0 0 20px}
}
@media only screen and (max-width: 360px) {
.section-home img{display:none}
.brands li{width:100%}
.company .company-info:before{display:none}
}