@media (max-width: 1680px) {
.container{width:90%}
.online ul {width: 100%;}
.share-list li {width: 25%;}

}
@media (max-width: 1366px) {
.popup-form{margin:0 2%}
.container{width:100%}
.header .nav-menu .drop .dropdown.private {width: 360px; display: none;}
.header .nav-menu .drop .dropdown img {display:none}
.header .nav-menu .drop .dropdown .col-md-6 {width:100%}
.header-3 {display:none}
.container{width:100%;padding:0 30px}
.share-list li {width: 33.33333333%;}

}
@media (max-width: 1200px) {
header .container{width:100%!important}
.what-box .what-info{padding:4%}
.what-box.half .what-info{padding:8%}

}
@media (max-width: 991px) {
	h1,h2,h3,h4,h5,h6{line-height:1.3;}	
h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
	
.dnone {display:none}
.section-home {margin-top:0;}
.section-home h1 br {display:none}

.header{height:80px;line-height:80px;top:0;background:#fff;box-shadow:none;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.header.header-bg #logo img{max-height:56px}

.header .gradient-line {display:none}
.header #logo {right:auto;left:75px;}
.header #logo img{max-height:56px;}


.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:0 10px;}
.header .nav-menu{line-height:20px!important;padding:0;margin:0;position:absolute;left:0;top:80px;width:100%;background:#fff;z-index:98;background:#fff;text-align:left;margin:0;border-radius:20px;overflow:hidden}
#header ul {margin:0}
.header .nav-menu .drop .dropdown a::after {display:none}
.header .nav-menu .drop a:after {top:20px;left:10px;right:auto;color:rgba(17,51,78,.75);}
.header .nav-menu .drop .dropdown br{display:none}
.header .nav-menu > ul > li{width:100%;text-align:left}
.header .nav-menu ul > li a::before{display:none}
.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{color:#5697d1;}
.header .nav-menu ul li:hover a{color:#5697d1;}
.header .nav-menu ul li.active:hover a{color:#5697d1}
.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,.header .nav-menu .drop a{padding:15px 15px 15px 30px;}

.quote span {display:none}
.quote {padding:0;width:50px;line-height:50px;right:15px;background:none;top:15px}
.quote i {margin:0;color:#fff}


.header.header-bg .quote i{color:#242956}

.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:#fff;padding: 0;border-radius:20px;overflow:hidden}

.header .nav-menu .drop .dropdown li {padding:0}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:10px 30px;background:#fff;border-bottom:none;color:#0b2234}
.header .nav-menu .drop .dropdown li:hover a{background:linear-gradient(-45deg,#0b2234,#5697d1);color:#fff!important}
.header .nav-menu .drop .dropdown li.active a{background:linear-gradient(-45deg,#0b2234,#5697d1);color:#fff!important}

.header .nav-menu .drop .dropdown h4,.header .nav-menu .drop .dropdown img {display:none}
.header .nav-menu .drop .dropdown.private {width: 100%;}
.header .nav-menu .drop .dropdown div[class*='col-md-']{padding:0}
.header .nav-menu .drop .dropdown .row{margin:0}
.header .nav-menu > ul {height:500px;overflow-y:scroll;padding:0 15px;}

ul li,ol li,.icons-list li{font-size:16px;line-height:22px}
.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}
.popup-form .popup-info{margin:0}
.video-section .fullscreen-video{left:-75%!important}
.values .tab-content{width:100%}
.testimonials-carousel{padding:0 45px}
.testimonials-carousel .item{padding:0}

.vline {display:none}
.notar {height:350px;margin-bottom:60px}
.notar .back {height:350px;}
.notar .dots,.notar.right .dots {left:auto;right:-15px;bottom:-60px;width:50%;}

.notar.h400 {margin-top:30px}
.notar.h400 .dots{left:-15px;right:auto;bottom:-60px;width:50%;}
.play {right:auto;bottom:-50px;left:15px;top:auto;}
.header-title.left {padding:0}
.absolute-img{position:relative;top:60px;left:0;width:100%;z-index:50;height:auto;margin-bottom:60px}
.absolute-img .image{height:auto;width:100%;border-radius:0 0 15px;top:-60px}
.absolute-img .dots{left:20%;right:auto;bottom:0;height:100%;width:80%}
.works {padding-top:0}
.testimonials-carousel {padding:0}
.header-title.left.mt50 {margin-top:0}
.testimonials .debt-details li {margin:0;display:block;padding:10px 0 ;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.10)}
.testimonials .debt-details li:first-child {padding:0 0 10px}
.testimonials .debt-details li:last-child {padding:10px 0 0;border:none}
.testimonials .debt-details li span {margin-top:0}
.icon-box .icon-box-img{position:relative;right:0;margin:0 auto 30px}
.icon-box .icon-box-info {padding:0;text-align:center;margin-bottom:15px}
.faqs div[class*='col-md-'] {padding: 0 30px;}
.collapse-group .panel{padding:15px 0;}
.collapse-group .collapse-heading h4 a{font-size:20px;text-transform:none;line-height:28px;padding:0 40px 0 20px;}
.collapse-group .panel-collapse .collapse-body{padding:15px 20px 0;text-align:left}
.notar.right {margin-top:30px}
.bbb img {max-height: 60px;}
.pl45 {padding-left: 0;}
.container-fluid{padding-left:30px;padding-right:30px;}
.links-section{padding:60px 0 50px;}

.deliver .deliver-box {display:block;background:#fff;overflow: hidden;}
.deliver .deliver-box:hover {background:#0b172f;}
.deliver .col-md-6{width:100%}
.deliver .deliver-box.flex .deliver-img{float:right}
.deliver .deliver-box.flex .deliver-img.right{float:left}
.deliver .deliver-box.flex .deliver-details {float:right}
.deliver .deliver-box.flex .deliver-img:before {border-left: 15px solid #fff;left:auto;left: 0; border-right: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img:before  {border-left: 15px solid #0b172f;}
.deliver .deliver-box.flex .deliver-img.right:before {right:auto;right: 0; border-right:none; border-right: 15px solid #fff;border-left: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-right: 15px solid #0b172f;}
.online ul li {width:100%;}
.section.p0{padding:0}
.section.pt0 {padding-top:0}
.plati {min-height:auto;margin-bottom:20px;}
.section-home .balerina {bottom: 0;top:auto;width: 66%;}
.section-home {padding:120px 0;}
.pro-carousel.serv {padding: 0;}
.pro-carousel.serv .owl-buttons div.owl-next {right:-25px}
.pro-carousel.serv .owl-buttons div.owl-prev {left:-25px}
.travel,.travel img{height:250px;}
.news-box{height:350px;overflow:hidden;display:block;position:relative;transition:all .4s;border-radius:20px;margin:0 0 30px}
.news-box img{height:350px;}
.news-list {padding: 0;}
.corporate-section {padding:0 0 120px;}
.share-list li {width: 50%;}
.pro-carousel.corp {padding: 0;}
.pro-carousel.corp .owl-buttons div.owl-next {right:-25px}
.pro-carousel.corp .owl-buttons div.owl-prev {left:-25px}
.corporate-related {padding:60px 0 0;}
.justify-content-between {display:block}
.valign{display:block}
.experience-box {bottom: -10%;right: 0;}
.shareholders:hover:after{opacity:1;top:20px}
.post {padding: 0 0 50px;}
.post-date{left:15px;top:15px}
.widget-search .search-box {margin-top:30px;}
.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%}
.section.polisi-section {padding:0 0 60px}
.sidebar  {top:0!important;height:auto!important;}
.inner-wrapper-sticky {position:relative!important;top: 0!important;left: 0!important;width: auto!important;transform:none!important}
.sidebar__inner {bottom: auto!important;}
.vig {margin-bottom:30px}
.areas {margin: 20px 0;}
@media (max-width: 768px) {
h1,h2,h3,h4,h5,h6{line-height:1.3;}	
h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
body,p,ul li,ol li{font-size:15px;}
.header-title p br{display:none}
.page-header{padding:160px 0 80px}
.page-header p br{display:none}
.header-title,.header-title-white,.header-title-cta{margin-bottom:30px}
.header-title br,.header-title-white br,.header-title-cta br{display:none}
.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:24px;line-height:32px;}
.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}
.popup-form .popup-info{margin:0}
.video-section .fullscreen-video{left:-75%!important}
.copyright-section{text-align:center}
ul.social-list{float:none;text-align:center}
.copyright-section ul li:first-child {display:block;padding:0;margin:0 0 10px;line-height:40px;}
.share-list li {width: 100%;}
.shareholders {margin:0 0 15px;}
.shareholders h4 {min-height: auto;}
.what-box .what-info{padding:30px}
.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:30px}
.what-box .what-info .btn-sys{margin:0}

.certi {
    font-size: 15px;
    margin-bottom: 30px;
    background: #fff;
    padding: 14px;
    width: 90%;
    border-radius: 10px;
}


.news-list ul li a {
    font-weight: 400;
    display: table-cell;
    color: #0b2234;
    font-size: 14px;
    vertical-align: middle;
    line-height: 17px;
    padding-top: 10px;
}


.news-list ul li span {
    font-size: 13px;
    display: block;
    color: #aaa;
    margin-left: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 180px;
}

.lang {
    height: 50px;
    width: 40px;
    line-height: 50px;
    background: #e5eff7;
    margin: 0;
    position: absolute;
    right: 65px;
    color: #0b2234;
    text-align: center;
    top: 15px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}


.header .poll-link {
    position: absolute;
    top: 15px;
    right: 115px;
}

.header .poll-link a {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    line-height: 50px;
    color: #0b2234;
    background: #e5eff7;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.header .show-search {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    line-height: 50px;
    color: #0b2234;
    background: #e5eff7;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}



}
@media (max-width: 640px) {

.section-home .btn-sys{margin:10px 0 0}
.service .service-img {height:450px}
.section-home .btn-sys{margin:10px 0 0}
.section-home .btn-sys span {display:none}
.pro-carousel.corp .travel {margin:0;}
.service {margin:0}
.service .service-text{position:relative;top:0;opacity:1;padding:35px 0 30px 30px;bottom:auto;border-radius:10px;margin:0;box-shadow:0 15px 15px 0 #ddd}
.service:hover .service-text{bottom:0}
.service .service-img{height:240px;}
.service .service-img img{height:240px;}
.service .service-img h3 {display:none}
.service .service-text p{color:rgba(0,0,0,.9);}
.service .service-text h3{color:#242956;}
.service .service-text .btn-sys{margin:5px 0 0;border:none;background:linear-gradient(-45deg,#bc202f,#242956)}
.service i {top:208px;left:30px;color:#bc2030;}
.service:hover i {top:208px;color:#fff;width:52px;height:52px;line-height:52px;font-size:16px;}
.header-title.cta span {display:none}
.header-title.cta .btn-sys {margin:10px 0 0}
.blog {margin:0}
.testimonials .team-img{height:auto;}
.testimonials .team-img img{display:block;border:3px solid #fff;margin: 0 auto 20px;}
.testimonials .team-img h3{text-align:center;display:block;}

.deliver {background:none;box-shadow:none}
.deliver .deliver-box {margin-bottom:30px;border-radius:15px;box-shadow:0 0 15px rgba(11,23,47,.15)}
.deliver .deliver-box .deliver-img{float:none;width:100%}
.deliver .deliver-box .deliver-img {height:250px}
.deliver .deliver-box .deliver-img img {height:250px}
.deliver .deliver-box .deliver-details {float:none;width:100%}
.deliver .deliver-box.flex .deliver-img{float:none;width:100%}
.deliver .deliver-box.flex .deliver-details {float:none}
.deliver .deliver-box {display: flex;flex-direction: column;}
.deliver .deliver-box .deliver-img.right{order: -1;}
.deliver .deliver-box .deliver-img:before,
.deliver .deliver-box .deliver-img.right:before,
.deliver .deliver-box.flex .deliver-img:before,
.deliver .deliver-box.flex .deliver-img.right:before {width:0;height:0;border-top:0 solid transparent; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid white;right: 0;left:0;top:auto;bottom:0;margin:0 auto}
.deliver .deliver-box:hover .deliver-img:before,
.deliver .deliver-box:hover .deliver-img.right:before,
.deliver .deliver-box.flex:hover .deliver-img:before,
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-bottom: 15px solid #0b172f;border-left: 15px solid transparent;border-right: 15px solid transparent;}
.what-box .what-img{width:100%}
.what-box .what-info{width:100%;min-height:auto}
.what-box.half .what-img{width:100%}
.what-box.half .what-info{width:100%;position:relative}
.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,.what-info.arrow-down: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}
.what-box .what-img,.what-box .what-img .back img {height:250px;}
.certi-box {flex-wrap: wrap;}
.certi-box .certi-info {padding: 0;}
.certi-box img {margin-bottom:20px}
.certi-box .btn-sys.btn-large.btn-border {
    padding: 0 25px;letter-spacing:0.
}

.zastita li {
    padding: 0;
    display: block;
    margin: 0 -2px;
    width: 100%;
    vertical-align: top;
}

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


.video-section .fullscreen-video{left:-100%!important}
.section-home h1{font-size:30px!important;line-height:35px!important}
#portfolio-grid .portolio-item{width:100%!important}
.section-home .balerina {bottom: 0;top:auto;width: 100%;}
.calctab ul.nav-tabs li a {margin: 0 0 10px;}
@media only screen and (max-width: 360px) {
}