@media(min-width: 1500px) and (max-width: 1700px) {

    }
    @media(min-width: 1200px) and (max-width: 1500px) {
        .slider-div iframe {
            transform: scale(1.5);
            height: 600px;
        }
        
    }
    @media(min-width: 1024px) and (max-width: 1200px) {

    }
    @media(min-width: 992px) and (max-width: 1024px) {

    }

    /*dekstop css*/
    @media(max-width: 1700px) {
        .home-slider .caption h1 {
        font-size: 40px;
    margin-bottom: 40px;
        }
        .service:before {
        width: 80%;
        }
        .home-slider.owl-theme .owl-dots {
        position: absolute;
        left:8%;
        }
        .home-slider.owl-theme .owl-nav {
        right: 8%;
    
        }
    }

    @media(max-width: 1200px) {
        header .bottom-navbar {
        padding: 4px;
        min-height: 33px;
        }
        header .bottom-navbar li {
        font-size: 12px;
        margin-left: 10px;
        }
        .reflection-wrapp .counter {
        margin-right: 17px;
        padding: 10px;
        min-width: 117px;
        }
        .home-slider .caption h1 {
        font-size: 30px;
        margin-bottom: 20px;
        }
        .home-slider .caption p {
        font-size: 15px;
        }
         footer{
        background:#1f1c1c;
        }  
         .service:before {
            width: 85%;
        }
        .slider-div iframe {
        transform: scale(1.3);
        height: 500px;
        }    
    }
    /*ipad lanscape view */
    @media(max-width: 1024px) {
        header .navbar-mob ul li a.social {
        margin: 5px -7px 0 0;
        }
        header .navbar-mob ul li {
        margin-left: 13px;
        }

        .services .service-wrapper {
        margin: 0 5px;
        }
        .reflection-wrapp h1 {
        font-size: 26px;
        }
        .reflection-wrapp .counter {
        margin-right: 17px;
        padding: 8px;
        min-width: 100px;
        }
        .reflection-wrapp {
        top: 4%;
        left: 11%;
        }
        .home-slider .caption p {
        font-size: 15px;
        margin-bottom: 10px;
        }
        .home-slider .caption h1 {
        font-size: 22px;
        margin-bottom: 17px;
        }
        .home-slider .caption a {
        display: none;
        }
        .reflection {
        background-image: linear-gradient( to top, rgba(0,0,0,0.03) 10% , #FFF 100%);
        }
        .speedmaster-slider .speed-wrapp{
        margin: 30px 0 0 20px;
        }
        .heading {
        font-size: 22px ;
        }
        .paddi70 {
        padding: 60px 0;
        } 
        .contact .address-div {
        min-height: 440px;
        padding: 40px 20px;
        margin: 0 20px;
        } 
    }

     @media(min-width: 1000px) and (max-width: 1020px) {
         .slider-div iframe {
        transform: scale(1.5);
        height: 600px;
        }
        .home-slider .caption h1 {
        font-size: 40px;
        }
        .home-slider .caption p {
        font-size: 20px;
        }
    }
    /*ipad  view */
    @media(max-width: 992px) {

        .slider-wrapp {
    position: absolute;
    top: 25%;
    }
        .paddi70{
        padding: 50px 0;
        }
        header .bottom-navbar {
        width: 72%;
        display: none;
        }
        header .navbar-mob ul li {
        margin-left: 5px;
        }
        header .navbar-mob ul li a.social {
        margin: 5px -2px 0 0;
        }
        header .navbar-logo a img {
        transition: all 0.5s ease-in-out;
        width: 200px;
         }
        .slider-div {
        margin-top: 65px;
        }
        .services .service-wrapper p {
        font-size: 14px;
        }
        .services .service-wrapper h1 {
        font-size: 16px;
        }
        .infrastructure-slider .infra-caption p {
        font-size: 15px;
        }
        .infrastructure h2 {
        font-size: 22px;
        }
        .services h2 {
        font-size: 22px;
        }

        footer .footer .section1:before{
            display: none;
        }
        footer .footer .section {
        padding: 20px 25px;
        }
        footer .footer .section1 {
        width: 51%;
        }
        footer .footer .section2 {
        width: 30%;
        }
        footer .footer .section3 {
        width: 16%;
        }
        footer .footer .section4 {
        width: 40%;
       clear: both;
        }
        footer .footer .section5 {
        width: 60%;
        
        }
        .about-main {
        margin: 50px 0;
        }
        .about-img {
        height: auto;
        width: 270px; 
        }
        .about-slider.owl-theme .owl-nav {
        bottom: -20px;
        }
        .who-we-are {
        padding: 40px 0;
        }
        .who-wrapp1:before{
            display:none;
        }
        .who-we-are:before{
             display:none;
        }
        .breadcum {
        margin-top: 55px;
        }
        .breadcum .breadcum_container h1 {
        font-size: 35px;
        }
        .breadcum .breadcum_container {
        font-size: 15px;
        }
        .speedmaster-slider .speed-wrapp{
        margin: 50px 0 0 20px;
        }
        .speedmaster .speedmaster-slider h1 {
        margin: 30px 0 20px 0;
        }
         .service h1 {
        font-size: 19px;
        }
        .service .service-icon {
        vertical-align: middle;
        }
        .service-section {
         padding: 0; 
        }
        .service {
            padding: 40px 0;
        }
        .contact .form-div .form-group.email{
          width:100%;
          
        }
        .contact .form-div .form-group.phone{
          width: 100%;
        }
        .address-div .contact-social {
        font-size: 16px;
        height: 33px;
        width: 33px;
        }
        .service:before {
            width: 90%;
        }
        .service .other-service ul li:nth-child(even) {
            margin-left: 200px;
        }
        .service .other-service ul li {
            font-size: 13px;
        }
        .service .other-service ul {
            margin: 10px 0 0 0;
        }
        .address-div .landlane{
          float: none;
        }
        .slider-div iframe {
        transform: scale(1.3);
        height: 400px;
        }
        .home-slider .caption h1 {
        font-size: 25px;
        }
        .home-slider .caption p {
        font-size: 17px;
        }
        .slider-wrapp {
        transform: translateY(-65%);
        }



    }

    /*mobile css start */
    @media(max-width: 767px) {
        .home-slider .owl-item.active .item .caption h1 {
                animation: 1.2s 0.7s fadeIn both;
        }
        header .navbar-logo a img {
    transition: all 0.5s ease-in-out;
    width: 130px;
}
 header.shrink .navbar-logo a img {
    transition: all 0.5s ease-in-out;
    width: 100px;
}
        #outdoor-promotion .col-md-4 .service-wrapper,
        #corporate-branding .image-div .service-wrapper,
        .service-section .service-wrapper {
            margin: 0 auto;
      }
        .breadcum .breadcum_container h1 {
        font-size: 28px;
        }
        .breadcum .breadcum_container {
        font-size: 13px;
        }
        .breadcum {
        margin-top: 65px;
        }
        button.navbar-toggler:focus {
        outline: 0px dotted;
        outline: 0px auto -webkit-focus-ring-color;
        }
        header .navbar {
        float: none;
        justify-content: flex-end;
        padding: 0;
        }       
        .navbar-toggler {
        padding: 0;
        z-index: 3;
        margin: 20px 0;
        }
        .navbar-toggler .icon-bar {
        display: block;
        width: 28px;
        height: 2px;
        border-radius: 0px;
        background-color: #00aeef;
        border-color: transparent;
        position: relative;
        margin: 5px 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: 3;
        }
        .navbar-toggler.active .icon-bar.one {
        top: 7px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        }
        .navbar-toggler.active .icon-bar{
        background-color: rgb(255,255,255);
        z-index: 3;
        }
        .navbar-toggler.active .icon-bar.two {
        transform: translateX(155px);
        }
        .navbar-toggler.active .icon-bar.three {
        top: -7px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        }
        .navbar-mob {
        background: #00aeef;
        position: fixed;
        top: 0;
        right: 0;
        width: 0%;
        height: 100vh;
        transition: all 0.3s ease;
        z-index: 2;
        }
        .navbar-mob.open{
        width: 85%;
        }
        .navbar-nav{
            margin: 50px 0 20px 30px;
        }
        header .navbar-mob ul li a.social{
        display: none;
        }
        header .navbar-mob ul li a{
        color: #ffff;
        }
        header .navbar-mob ul li {
        margin: 5px 0;
        }
        header .bottom-navbar {
        display: none;
        }
        header {
        height: 70px;
        }
        .home-slider .caption {
        left: 5%;
        }
        .home-slider .caption h1 {
        font-size: 15px;
        }
        .home-slider .caption a {
        display: none;
        }
        .home-slider .caption p {
        display: none;
        }
        .home-slider .caption h1 {
        font-size: 25px;
        }
        .home-slider.owl-theme .owl-nav {
         bottom: 45%;
         left: 5%;
         right: auto;
        }
        .home-slider.owl-theme .owl-dots {
        left: 6%;
        bottom: 5%;
        }
        .slider-div {
        margin-top: 70px;
        }
        .services h2 {
        font-size: 22px;
        }
        .reflection .reflection-right:before{
        display: none;
        }
        .reflection .reflection-right{
        background-color: #14a4d9;
        }
        .reflection-wrapp {
        top: 0%; 
        left: 0;
        padding: 30px 0;
        }
        .reflection-wrapp h1 {
        font-size: 20px;
        }
        .reflection-wrapp p.para {
        margin: 20px 0;
        }
        .reflection-wrapp .counter {
        padding: 8px;
        min-width: 150px;
        margin: 10px;
        }
        .reflec-wrapper {
        margin: 30px 0;
        }
        .reflection-wrapp .counter h2, 
        .reflection-wrapp .counter .plus {
        font-size: 17px;
        }
        .reflection-wrapp .counter p {
            font-size: 12px;
        }
        .reflection-wrapp .counter .counter-icon {
            font-size: 31px;
        }
        .reflection-wrapp .counter-section{
            display: flex;
    justify-content: center;
        }
        footer .footer {
            padding-top: 0;
        }
        footer .footer-logo {
    margin-bottom: 20px;
}
        footer .footer .section1 {
        width: 100%;
        }
        footer .footer .section2 {
        width: 55%;
        }
        footer .footer .section3 {
        width: 45%;
        }
        footer .footer .section4 {
        width: 34%;
        clear: both;
        }
        footer .footer .section5 {
        width: 63%;
        
        }
        footer .section5 p {
        margin-left: 24px;
        font-size: 12px;
        }
        footer .footer .section {
        padding:10px;
        }
       /* footer .footer-img {
        display: block;
        float: none;
        }*/
        footer .footer .section li a {
        font-size: 12px;
        }
        footer .footer .section1 p {
        font-size: 12px;
        }
        footer .footer .section h3 {
        font-size: 13px;
        }
        
        footer .div-main{
        padding: 20px 0;
        }
        footer .footer-bottom span {
        font-size: 12px;
        float: none;
        }
       /* footer .section4 .footer-about{
            float: left;
            width: 50%;
        }*/
        /*footer .section4 .footer-contact{
          float: left;
        width: 50%;  
        }
        footer .section5 .working-time{
            float: left;
            width: 50%;
        }
        footer .section5 .footer-social-section{
          float: left;
        width: 50%;  
        }*/
        .service-slider.owl-theme .owl-prev{
        left: -10px;
        }
        .service-slider.owl-theme .owl-next{
        right: -10px;
        }
        .services .service-wrapper .middle-section {
        margin: 20px 0;
        }
        .services .service-wrapper {
         padding: 20px 30px 22px 30px;;
        margin: 0 25px;
        min-height: 256px;
        }
        
        .services {
        padding: 21px 0 28px 0;
        }
        .infrastructure {
        padding: 21px 20px 5px 20px;
        }

        .infrastructure-slider .infra-caption p {
        text-align: center;
        }
        .about-main {
        margin: 10px; 
        background: #fff;
        }
        .about-slider .slider-content {
        margin: 0; 
        }
        .about-main .about-right{
        margin: 30px 0;
        }
        .about-slider .slider-content p {
        font-size: 12px;
        }
        .about-slider .slider-content h1 {
        font-size: 22px;
        }
        .about-rootprint .about-right h1 {
        font-size: 17px;
        margin: 0 0 10px 0;
        }
        .about-img {
        height: auto;
        width: 100%;
        margin: 0; 
        }
        .about-slider.owl-theme .owl-nav {
        position: absolute;
        border: 10px;
        bottom: -30px;
        right: 5px;
        }
        .who-we-are {
        padding: 40px 0;
        }
        .who-we-are h2 {
        font-size: 22px;
        margin: 0;
        }
        .who-we-are p {
        font-size: 18px;
        margin-left: 0;
        }
        .who-we-are .mission {
        font-size: 22px;
        }
        .our-mission ul li {
        font-size: 12px;
        margin-left: 50px;
        }
        .who-we-are .number {
        font-size: 30px;
        }
        .who-we-are .span-2 {
        font-size: 35px;
        }
        .who-we-are  .who-wrapp{
        margin-top: 30px;
        height: 280px;
        }
        .who-wrapp .about-video {
    height: 250px;
}
        .who-wrapp .video-frame {
    transform: scale(2.5);
}
        .paddi70{
        padding: 40px 0;
        }
        .about-counter {
        margin-top: 20px;
        }
        .counter-section .about-counter h2 {
        font-size: 27px;
        margin-top: 16px;
        }
        .counter-section .about-counter p {
        font-size: 15px;
        }
        .counter-section .about-counter .plus-sign {
        font-size: 24px;
        vertical-align: inherit;
        }
        .heading{
        font-size: 22px;
        }
        .speedmaster {
        background: #01a8e8;
        }
        .speedmaster .skew{
        display: none;
        }
        .speedmaster-slider .slider-content{
        padding-left: 90px;
        }
        .speedmaster-slider.owl-theme .owl-nav [class*=owl-] {
        font-size: 10px;
        padding: 5px 7px;
        }
        .speedmaster-slider.owl-theme .owl-nav {
        top: 36%;
        }
        .speedmaster .speedmaster-slider p {
        font-size: 13px;
        }
        .service .service-right{
        margin: 30px 0;
        }
       
        .service p {
        font-size: 13px;
        }
        .service {
        padding: 20px 0;
        }
        .contact .address-div {
        width: 100%;
        min-height: 440px;
        padding: 60px 20px;
        margin: 0;
        }
        .contact .form-div{
            margin-bottom: 40px;
        }
        .contact h1 {
            margin-bottom: 30px;
        }
        .contact .address-div p, .contact .address-div h2 {
            font-size: 14px;
        }
        .contact .form-div .form-group {
            margin-bottom: 20px;
        }
        .contact .form-div input {
            height: 45px;
    }
    .contact .form-div ::placeholder{
color: #131212 !important;
      font-size: 13px !important;
      font-weight: 700 !important;
    pointer-events: none;
    }
    .contact .form-div .contact-btn {
        width: 100px;
        height: 35px;
        font-size: 13px;
    }
    .service .other-service ul li:nth-child(even) {
        margin-left: 0;
    }
    .service .other-service ul li:nth-child(odd) {
        float: none;
    }
    .who-we-are .card .btn-link span{
      font-size: 35px;
    }
    .who-we-are .btn-link{
      font-size: 18px;
    }
    .who-we-are .card .btn-link[aria-expanded="true"] {
      font-size: 22px;
      color: #e8d40f;
    }
    .who-we-are .card .btn-link[aria-expanded="true"] span{
      font-size: 40px;
    }
    .contact .form-div ::placeholder{

  font-size: 12px !important;
  font-weight: 400 !important;
pointer-events: none;
}
.contact .form-div .hide_label{
    font-size: 14px;
}

    .slider-div iframe {
    transform: scale(1.6);
    height: 300px;
    }

    header .phone-box,
    header .mail-box {
    padding: 10px 0;
    margin: 0 ;
    font-size:15px;
    }

     header .phone-box img,
    header .mail-box img {
        display: inline-block;
        margin-right: 7px;
    }

    .slider-wrapp {
            position: static;
    top: 0;
    transform: unset;
    }

    .home-slider .item {
        position: relative;
    }

    .home-slider .container {
        position: absolute;
    }

    .home-slider .container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    }

     .error{
        padding: 40px 0;
     }
    .error h1 {
    font-size: 30px;
    margin: 0 0 15px;
}
.error h2 {
    font-size: 20px;
}
.error p {
    margin: 0 0 20px;
}
.slider-section {
    position: relative;
    margin-top: 70px;
}
.gifting-slider.owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 29%;
}
.gifting-slider .owl-dots {
    position: absolute;
    bottom: 25px;
    left: 46%;
}
    }

    @media(max-width: 576px) { 
        .home-slider .container {
            height: 90px;
            position: static;
            top: auto;
            transform: unset;
            left: 0;
            width: 100%;
            bottom: 0;
            background: #0b597c;
            padding: 15px;
            line-height: 1.2;
        }
        .home-slider .caption h1 {
            font-size: 17px;
            font-weight: 600;
            margin: 0;
            line-height: 1.2;
            text-align: center;
        }
        .home-slider.owl-theme .owl-dots {
            left: 6%;
            bottom: 45%;
            display: none;
        }
        .heading {
        font-size: 16px;
        }
        .reflection-wrapp .counter {
        padding: 8px;
        min-width: 140px;
        margin: 10px;
        }
        .slider-div iframe {
        transform: scale(1.8);
        height: 250px;
        }
        .services .service-wrapper {
    padding: 20px 10px 22px 10px;
}
    }

    @media(max-width: 480px) { 
        .speedmaster-slider .slider-content {
        padding-left: 70px;
        }
        .reflection-wrapp .counter {
        padding: 8px;
        min-width: 85px;
        margin: 5px;
        }
    }

    @media(max-width: 400px) { 

    }














    @media(min-width: 1200px) and (max-width: 1450px) {
    }

    @media(min-width: 1170px) and (max-width: 1270px) {
    }

    /*laptop view css */

    @media(min-width: 1270px) and (max-width: 1400px) {
    }

    @media(min-width: 1200px) and (max-width: 1270px) {
    }

    @media(min-width: 1200px) and (max-width: 1300px) { 
    }

    @media(min-width: 1300px) and (max-width: 1430px) {
    }

    /*mac laptop css */

    @media(min-width: 1430px) and (max-width: 1500px) {
    }

    @media(min-width:576px) {   
    }