@media (min-width: 1156px) {
    .animation1-1 {
      animation-duration: 1.1s;
    }
    .animation1-2 {
      animation-duration: 1.2s;
    }
    .animation1-3 {
      animation-duration: 1.3s;
    }
    .animation1-4 {
      animation-duration: 1.4s;
    }
    .animation1-5 {
      animation-duration: 1.5s;
    }
    .animation1-6 {
      animation-duration: 1.6s;
    }
    .animation1-7 {
      animation-duration: 1.7s;
    }
    .animation1-8 {
      animation-duration: 1.8s;
    }
    .animation1-9 {
      animation-duration: 1.9s;
    }
    .animation2 {
      animation-duration: 2s;
    }

    .animated1 {
      animation-delay: 0.1s;
    }
    .animated2 {
      animation-delay: 0.2s;
    }
    .animated3 {
      animation-delay: 0.3s;
    }
    .animated4 {
      animation-delay: 0.4s;
    }
    .animated5 {
      animation-delay: 0.5s;
    }
    .animated6 {
      animation-delay: 0.6s;
    }
    .animated7 {
      animation-delay: 0.7s;
    }
    .animated8 {
      animation-delay: 0.8s;
    }
    .animated9 {
      animation-delay: 0.9s;
    }
    .animated10 {
      animation-delay: 1s;
    }
    .animated11 {
      animation-delay: 1.1s;
    }
    .animated12 {
      animation-delay: 1.2s;
    }
    .animated13 {
      animation-delay: 1.3s;
    }
    .animated14 {
      animation-delay: 1.4s;
    }
    .animated15 {
      animation-delay: 1.5s;
    }
    .animated16 {
      animation-delay: 1.6s;
    }
    .animated17 {
      animation-delay: 1.7s;
    }
    .animated18 {
      animation-delay: 1.8s;
    }
    .animated19 {
      animation-delay: 1.9s;
    }
    .animated20 {
      animation-delay: 2s;
    }
    .index-hero .animated20 {
      animation-delay: 2s;
    }
    .index-hero .animated10 {
      animation-delay: 1s;
    }
    .animated20 {
      animation-delay: 2s;
    }
    .animated25 {
      animation-delay: 2.5s;
    }
    .animated30 {
      animation-delay: 3s;
    }
    .animated35 {
      animation-delay: 3.5s;
    }
    .animated40 {
      animation-delay: 4s;
    }
    .animated45 {
      animation-delay: 4.5s;
    }
    .animated50 {
      animation-delay: 5s;
    }
    .animated55 {
      animation-delay: 5.5s;
    }
    .animated60 {
      animation-delay: 6s;
    }
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .navbar-brand {
        width: 50%;
    }

    .video159 .container, .video1591 .container {
        width: auto;
    }
}

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .navbar-collapse {
        border-top: none;
        position: absolute;
        z-index: 999;
        background: rgba(0,0,0,0.75);
        width: 100%;
    }
}

@media only screen and (min-width: 220px) and (max-width: 1023px) {
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: transparent;
    }

    .navbar-dark .dropdown-menu .dropdown-item {
        color: #fff;
        text-align: left;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 10px;
    } 
    
    .top {
        margin-top:75px;
    } 

    .services-section img{
        width: 40%;
    }

    h3.services-title {
        margin-top: 5px;
    }

    .ready h2 {
        font-size: 15px;
    }

    .ready p {
        font-size: 13px;
    }

    h3.loc {
        font-size: 16px;
    }

    .navbar-brand {
        padding: 8px;
    }

    h1.title-section3 {
        margin-bottom: 0px; 
        font-size: 26px;
    }

    .services-section2, .services-section3, .services-section4, .services-section5, .services-section6{
        background: rgba(6,67,96,1);
        border-bottom: 6px solid #40a4ce;
        border-top:2px solid #0064a4;
        height: auto;
        margin: 0;
    }

    .services-section4, .services-section5{
        top: 0;
    }

    .services-section6 {
        top: 200px;
    }

    .video159 .container, .video1591 .container {
        width: 320px;
    }

    .video159 {
        background: url(../images/video11.html) center top no-repeat;
        height: auto;
    }

    .video1591{
        background: url(../images/video22.html) center top no-repeat;
        height: 360px;
        top: 0;
    }

    .video1591 video {
        margin-top: 60px;
    }

    .col-position {
        top: 120px;
    }

    .mtop21, .mtop49 {
        margin-top: 0%;
    }

    .mt3 {
        margin-bottom: 3%;
    }

    .who {
        font-size: 14px;
    }

    .who .we {
        border: 2px solid #0572b9;
        padding: 5px 16px;
    }

    h5.oren5 {
        right: 18%;
        top: 0%;
        font-size: 12px;
    }

    p.grey-text5 {
        font-size: 10px;
        right: 0;
        top: 18%;
        width: auto;
    }

    .index-hero {
        top: 70px; 
    }

    .mtop2 {
        position: relative;
        top: 50px;
        margin-top: 0;
    }

    .services-tabs {
        top: 110px;
    }

    .bg_dingdong {
        margin-top: 10px;
    }

    .services1 {
        top: 70px;
    }

    .monitorlot {
        top: 10px;
    }

    .monitor {
        top: 20px;
    }

    .monitor88 {
        top: -10px;
    }

    .monitor99 {
        top: -20px;
    }

    .monitor77 {
        top: -30px;
    }

    .monitor008 {
        top: -50px;
    }

    .bg-news img.bg {
        top: 70px;
    }

    .services-tabs1 {
        top: 180px;
    }

    .who p {
        font-size: 14px;
    }

    .ready {
        height: auto;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1152px) {
    .bg-news img.bg {
        top: 70px;
    }

    .services-tabs1 {
        top: 380px;
    }

    .services-section6 {
        top: 250px;
    }

    .mtop21 {
        margin-top: 26%;
    }

    .monitor {
        top: -170px;
    }

    .monitor88 {
        top: -280px;
    }

    .monitor99 {
        top: -350px;
    }

    .monitor77 {
        top: -360px;
    }

    .monitor008 {
        top: -380px;
    }

    .services-section5 {
        top: 0px;
    }

    h5.oren5 {
        right: 21%;
        top: -34%;
    }

    p.grey-text5 {
        right: 20%;
        top: -20%;
    }

    .video1591 {
        top: 0px; 
    }

    .services-section4 {
        top: 0px; 
    }

    .mtop49 {
        margin-top: 62%;
    }

    .services-section2 {
        margin-top: -250px;
    }
}

@media only screen and (min-width: 480px) and (max-width:1023px) and (orientation : landscape){
    .video159 .container, .video1591 .container {
        width: 430px;
    }

    .video1591 {
        height: 440px;
    }

    .services-section5 {
        top: 80px;
    }

    h5.oren5 {
        right: 29%;
    }

    .monitor {
        top: 60px;
    }

    .monitor88 {
        top: 30px;
    }

    .monitor99 {
        top: 0px;
    }

    .monitor77 {
        top: -10px;
    }

    .monitor008 {
        top: 10px;
    }

    .services-tabs1 {
        top: 220px;
    }

    .services-section6 {
        top: 220px;
    }

    .services-section img{
        width: 40%;
    }

}

@media only screen and (min-width: 568px) and (max-width:1023px) and (orientation : landscape){
    .monitor {
        top: 90px;
    }

    p.grey-text5 {
        font-size: 12px;
        top: 12%;
    }

    h5.oren5 {
        font-size: 15px;
    }

    .who {
        font-size: 18px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1023px) and (orientation : landscape) {
    .monitor {
        top: 110px;
    }

    .monitor88 {
        top: 50px;
    }

    h5.oren5 {
        font-size: 18px;
        right: 26%;
    }
}

@media only screen and (min-width: 667px) and (max-width: 1023px) and (orientation : landscape){
    .services-tabs1 {
        top: 280px;
    }

    .services-section6 {
        top: 280px;
    }
}

@media only screen and (min-width: 736px) and (max-width: 1023px) and (orientation : landscape){
    h5.oren5 {
        font-size: 22px;
    }

    p.grey-text5 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 1023px) and (orientation : portrait){
    .video159 .container, .video1591 .container {
        width: 360px;
    }

    .services-section4, .services-section5 {
        top: 20px;
    }   
}

@media only screen and (min-width: 375px) and (max-width: 1023px) and (orientation : portrait){
    .video159 .container, .video1591 .container {
        width: 375px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 1023px) and (orientation : portrait){
    .video159 .container, .video1591 .container {
        width: 414px;
    }

    .video1591 {
        height: 390px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation : portrait){
    .services-section img {
        width: auto;
    }

    .video159 .container, .video1591 .container {
        width: 430px;
    }

    h5.oren5 {
        right: 21%;
        font-size: 26px;
    }

    p.grey-text5 {
        font-size: 18px;
        top: 12%;
    }

    .mtop21, .mtop49 {
        margin-top: 1%;
    }

    .monitor {
        top: -30px;
    }

    .monitor88 {
        top: -100px;
    }

    .monitor99 {
        top: -160px;
    }

    .monitor77 {
        top: -170px;
    }

    .monitor008 {
        top: -200px;
    }

    .services-tabs1 {
        top: 300px;
    }

    .services-section6 {
        top: 300px;
    }
}