@media (max-width: 1680px) {
.container{width:100%}
.pro-carousel.brands {width:75%}
.video-section.cta video{bottom:20%;}
.video-box .video-details {padding:30px}
}
@media (max-width: 1366px) {
.steps li {width:33.3333333333%;}
.step  {min-height:300px}
.video-section.cta video{bottom:0%;position:relative}
.board-ul  li {width:33.3333333333%;}
.widget {margin-right:0}
.post {margin:0 0 40px 0}
.post-date {left:-90px}
}
@media (max-width: 1200px) {
header .container{width:100%!important}
#portfolio-grid .portolio-item{width:33.3333333333333%!important}
.clients li {width:33.3333333333333%;}
.contact-info {padding:8% 0 0 }
}
@media (max-width: 991px) {
h1{font-size:50px;}
h2{font-size:40px;}
h3{font-size:30px;}
.pro-carousel.brands {width:90%}
.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}
.header #logo {left:0;right:0;margin:0 auto;text-align:center}
.header #logo img{height:80px;}
.header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:110px;z-index:98;background:#1F4492;text-align:left;overflow:hidden}
#header ul{margin:0;line-height:20px;}
.header .nav-menu > ul > li{width:100%;}
.header .nav-menu ul li.active a,.header .nav-menu ul li:hover a{color:#fff!important;background:-webkit-linear-gradient(-135deg,#042030,#F3CE1D);}
.header.header-bg .nav-menu ul > li > a{color:#fff!important}
.header .nav-menu ul li a,.header.light-header .nav-menu ul li a{padding:15px 30px;color:#fff}
.header .nav-menu .drop .dropdown{visibility:visible;position:relative;top:0;opacity:1;filter:Alpha(Opacity=1);width:100%;margin:0;border:none;background:rgba(0,0,0,.50);border-radius:0}
.header .nav-menu .drop:hover .dropdown{margin:0}
.header .nav-menu .drop:hover .dropdown li a{background:none}
.header .nav-menu .drop:hover .dropdown li a:hover{background:#FF4001}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:15px 15px 15px 30px;background-color:transparent;color:#fff;}
.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{color:#fff!important}
.header .nav-menu .drop .dropdown li.active a{color:#fff}
.header .nav-menu .drop .dropdown li:last-child,.header .nav-menu .drop .dropdown li:last-child a {border-radius:0}
.demo {width:50px;height:50px;padding:0;text-align:center}
.demo i {margin:0}
.demo span {display:none}
.section{padding:90px 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}
.blog .blog-info h3{min-height:auto}
.project-gallery{margin-bottom:5px}
.project-gallery .gallery-top{padding:0;margin-bottom:2px}
.testimonials-carousel{padding:0 45px}
.testimonials-carousel .item{padding:0}
.story .story-bg{margin-right:0;}
.story .story-info{padding:30px;width:100%;position:relative;top:0;bottom:0;border-bottom:3px solid #FF4001;border-right:0 solid transparent;}
.story.right .story-bg{margin-left:0;}
.story.right .story-info{padding:30px;width:100%;position:relative;top:0;bottom:0;border-bottom:3px solid #FF4001;border-left:0 solid transparent;}
.pl45 {padding:0 15px}
#sidebar {margin-bottom:0;top: 0!important;height:auto!important;position:relative!important;}
#sidebar .inner-wrapper-sticky {position:relative!important;top: 0!important;left: 0!important;width: auto!important;display:block;z-index:1;transform:none!important}
.sidebar {bottom:auto!important;top:0}
.links-section ul {margin-bottom:30px}
.links-section ul li {display:inline-block;padding:0 20px 5px 0}
.links-section ul li br {display:none;}
.links-section ul li span {margin:0 10px 0 0;}
ul.social-list li{padding:0}
.counter {margin:0 0 30px}
footer .pull-right{float:none!important;text-align:center}
.search-box {float:none}
.section .flex{display:flex;flex-direction:column}
.section .flex div[class*='col-md-']:first-child{order:2}
.project-summary li{width:33.333333333333%;}
.section.pb240 {padding-bottom:180px}
.video {height:350px;margin:0 0 90px;border-radius:10px;}
.video .back {height:350px;border-radius:10px}
.video .play{top:auto;right:auto;left:30px;bottom:-55px;}
.video .play .play-icon {height: 100px;line-height: 100px;width: 100px;border: 5px solid #fff;}
.video .video-icon-sonar2 {width: 120px;height: 120px;}
.video .dots{width:66.6666666%;right:0}
.features .container-fluid {padding:0 30px;}
.ovrew {padding:30px;margin-bottom:30px;}
.ovrew p,.ovrew.white p{min-height:auto}
.ovrew.white {margin-top:0;top:0}
.support  {margin-bottom:30px;padding:30px 30px;top:-180px;}
.support img {left:30px}
.support.active img,.support:hover img {max-height:40px;top:30px;left:30px;}
.support h4 {margin:7px 0 20px 60px}
.support p {min-height:auto;}
.support.active,.support:hover {top:-180px;}
.clients li {width:33.3333333333333%;}
.steps li {width:50%;}
.step p {min-height:auto;}
.testimonials-carousel .owl-pagination {bottom:-45px}
.rdemo {display:none}
.links-section ul li span {display:block}
.fcontact ul li {display:block}
.topic-title {width:100%}
.portfolio-filters a {padding:10px 30px;font-size:14px;margin:0 0 5px 0;}
.portfolio {height:100px;}
.portfolio img {height:100px;}
.portfolio h3{top:20px;bottom::auto;left:55px;right:20px;line-height:22px;font-size:16px;}
.portfolio:hover h3{bottom:20px;}
.portfolio i{top:20px;left:20px;font-size:18px}
.portfolio:hover i{top:20px;}
.portfolio.title:hover h3 {bottom:20px}
.portfolio.title:hover i {top:20px;left:20px;}
.video-tabs {width:100%;}
.video-list.pro-carousel {display:none!important}
.video-tabs .tab-content>.tab-pane,.video-tabs .tab-pane.fade  {display:block;opacity:1}
.video-box .video-img,.video-box .video-img img {border-radius:10px;}
.contact-info {padding: 0;margin-bottom:30px }
.model {right:45px;padding:30px;width:240px}
.model  h4 {font-size:15px;}
.sig{margin:0 15%}
.board-ul  li {width:50%;}
.subtitle,.sub{font-size:13px;}
.sbar{padding-left:15px}
.values .tab-content{width:100%}
.values .nav-tabs > li {width: 20%;}
.features-list {margin:30px 0;display:block}
.products {padding: 90px 0 180px;}
.comply {padding:0}
.showreel.vtop {top:-180px}
}
@media (max-width: 768px) {
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:24px;}
body,p,ul li,ol li{font-size:15px;}	
.header-title p br{display:none}
.page-header{padding:160px 0 120px}
.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:18px;line-height:26px;font-weight:600}
#portfolio-grid .portolio-item{width:50%!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}
.about .about-info{padding:6%}
.popup-form .popup-info{margin:0}
.brands li{width:33.333333333333%}
.copyright-section{text-align:center}
ul.social-list{float:none;text-align:center}
.about-list li{width:50%;}
.clients li {width:50%;}
.clients li a {margin-right:0}
.clients li:nth-child(2n+1) a{margin-right:20px}
.clients a{line-height:90px;height:90px;}
.clients a img{max-height:40px;max-width:120px;}
.macy-container .blog {display:block;width:calc(100% - 30px)!important;}
.testimonials-carousel {padding:0}
.testimonials-carousel .quote-content q {font-size:18px;}
.values ul.nav-tabs {display:none}
.values .tab-content>.tab-pane {display: block;}
.values .tab-content>.tab-pane.fade {opacity: 1;}
.values .tab-pane .pane-img {display:block}
.values .tab-pane{margin:0 0 30px}
}
@media (max-width: 640px) {
.video-button a{width:70px;height:70px;}
.video-button a i{font-size:24px;line-height:72px;margin-left:5px}
.video-icon-sonar{width:100px;height:100px;}
.section-home .btn-sys{margin:10px 0 0}
#portfolio-grid .portolio-item{width:100%!important}
.portfolio-filters a{letter-spacing:0;}
.portfolio {height:60px;margin:5px}
.portfolio img {height:60px;}
.portfolio h3 {right:0}
.sig{margin:0 0 90px}
.board .board-img{height: 300px;}
.board .board-img img{height: 300px;}
.steps li {width:100%}
.step  {min-height:auto}
.form.reg {width:100%;}
.step p {min-height:auto;}
.board-ul  li {width:100%;}
.ipad {border-radius:20px}
.features-list li {width:100%;padding:0 0 10px 0}
.feat-details {display:block;padding:15px 15px 15px 60px;height:auto}
.feat-details h3 {display:block;margin:0 0 5px;font-size:16px}
.feat-details .feat-over {opacity:1;position:relative;left:auto;bottom:auto;background:none;padding:0}
.feat-details .feat-over p{color:#042030}
.feat-details i {position:absolute;top:0;left:0;width:60px;height:100%;text-align:center;border-radius:10px 0 0 10px;font-size:20px;color:#FF4001;}
.feat-details:hover i {color:#FF4001;background:none}
}
@media only screen and (max-width: 520px) {	
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:20px;}
.section-home p br{display:none}
.clients li {width:100%;}
.clients li a {margin:0 0 10px 0;}
.clients li:nth-child(2n+1) a{margin-right:0}
.header #logo img{height:66px;}
}


@media(max-width: 991px){

.header .nav-menu .has-sub ul {
        visibility: visible;
        position: relative;
        top: 0;
        opacity: 1;
        filter: Alpha(Opacity=1);
        width: 100%;
        margin: 0;
        border: none;
        background: rgba(0, 0, 0, .50);
        border-radius: 0;
    }

    .header .nav-menu .has-sub:hover ul {
        margin: 0;
    }

    .header .nav-menu .has-sub:hover ul li a {
        background: none;
    }

    .header .nav-menu .has-sub:hover ul li a:hover {
        background: #1F4492;
    }

    .header .nav-menu .has-sub ul li a {
        color: inherit;
        padding: 15px 15px 15px 30px;
        background-color: transparent;
        color: #fff;
    }

    .header .nav-menu li.active ul li a {
        color: inherit;
    }

    .header .nav-menu .has-sub ul li:hover a {
        color: #fff !important;
    }

    .header .nav-menu .has-sub ul li.active a {
        color: #fff;
    }

    .header .nav-menu .has-sub ul li:last-child,
    .header .nav-menu .has-sub ul li:last-child a {
        border-radius: 0;
    }
}