@media only screen and (max-width: 1199px) {
  .logo {
    margin: 10px 0;
    text-align: center;
  }
  ul.navigation li {
    padding: 0 44px 0 0;
  }
  .step-one img {
    width: 100%;
  }
  form.home-form img {
    width: 100%;
  }
  .changecolor {
    position: static;
  }
  .box3 {
    min-height: 420px;
  }
  .banner11 {
    background-position: 100%;
  }
  .banner3 {
    background-position: 100%;
  }
  .banner32 {
    background-position: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .row.new-div {
    margin: 0;
  }
  ul.navigation {
    display: none;
  }
  .sbmt3 {
    margin-top: 0;
  }
  #menulink {
    display: block;
  }
  .nnn {
    margin: 0 auto;
    position: relative;
    top: 55px;
  }
  .banner h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner2 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner2 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner2 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .footer-upper p {
    width: 100%;
  }
  .step-one img {
    width: auto;
  }
  form.home-form img {
    width: auto;
  }
  .new- {
    position: relative;
    bottom: 30px;
    float: left;
    width: 100%;
  }
  .panel-heading {
    padding: 0 60px !important;
    top: -10px;
    position: relative;
  }
  .banner-bot a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    transition: 0.3s;
  }
  .footer ul li {
    line-height: 26px;
  }
  ul.social-icons {
    margin: 20px 0 30px 0;
  }
  .banner3 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner3 h3 {
    font-size: 30px;
    width: 100%;
  }
  .banner3 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner3 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner4 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner4 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner4 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner5 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner5 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner5 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner6 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner6 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner6 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .box3 {
    /* min-height: auto */
  }
  .banner7 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner7 h3 {
    font-size: 30px;
    width: 100%;
  }
  .banner7 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner8 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner8 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner8 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner9 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner9 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner9 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner10 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner10 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner10 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner11 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner11 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner11 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner11 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner12 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner12 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner12 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner13 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner13 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner13 h6 {
    font-size: 30px;
    width: 100%;
  }
  .banner13 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner14 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner14 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner14 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner14 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner15 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner15 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner15 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner16 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner16 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner16 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner17 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner17 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner10,
  .banner29,
  .banner7 {
    background-position: center center;
  }
  .banner17 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner17 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner18 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner18 h5 {
    font-size: 30px;
    width: 100%;
  }
  .banner18 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner18 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner19 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner19 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner19 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner20 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner20 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner20 h5 {
    font-size: 30px;
    width: 100%;
  }
  .banner20 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
    background-position: center center;
  }
  .banner21 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner21 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner21 h6 {
    font-size: 30px;
    width: 100%;
  }
  .banner21 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner21 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner22 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner22 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner22 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner23 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner23 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner23 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner24 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner24 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner24 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner25 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner25 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner25 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner25 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner26 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner26 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner26 h3 {
    font-size: 30px;
    width: 100%;
  }
  .banner26 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner26 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner27 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner122 h3 {
    font-size: 30px;
    width: 100%;
  }
  .banner122 h5 {
    font-size: 30px;
    width: 100%;
  }
  .banner27 h4 {
    font-size: 30px;
    width: 100%;
  }
  .banner27 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner27 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner28 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner28 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner28 {
    height: auto;
  }
  .banner29 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner29 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner29 {
    height: auto;
    /* padding: 80px 0;
		background-size: cover */
  }
  .banner30 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner30 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner30 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner31 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner31 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner31 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner32 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner32 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner32 {
    height: auto;
    padding: 80px 0;
    background-size: cover;
  }
  .banner123 {
    height: auto;
    padding: 40px 0;
    background-size: cover;
  }
  .banner123 h1 {
    font-size: 30px;
    width: 100%;
  }
  .banner123 h2 {
    font-size: 30px;
    width: 100%;
  }
  .banner123 h3 {
    font-size: 30px;
    width: 100%;
  }
  .banner123 h4 {
    font-size: 30px;
    width: 100%;
  }
  .footer p {
    color: #fff;
  }
  .footer i {
    color: #fff;
  }
  .footer a {
    color: #fff;
  }
  .orange-top-bar-msg p br {
    display: none;
  }
  .row.mobilechangedirections {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 767px) {
  .quote-cont img {
    margin: 10px 0 10px 0;
  }
  .cont-box {
    margin: 0 0 20px 0;
  }
  .pro-box p {
    text-align: center;
  }
  .icon-cont img {
    padding: 10px 0 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .offer-form img {
    width: 100%;
  }
  .offer-inner {
    margin: 0 0 30px 0;
  }
  img.query500 {
    width: auto;
    margin: 20px 0 0 0;
  }
  .offer-inner {
    padding: 40px 0;
  }
  .row.mobilechangedirections {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 414px) {
  #menulink {
    top: 85px;
  }
}

@media only screen and (max-width: 400px) {
  .step-one img {
    width: 100%;
  }
  form.home-form img {
    width: 100%;
  }
  .technology-check-area2 span {
    font-size: 13px;
  }
  .footer ul li {
    border-right: none;
    width: 100%;
  }
  ul.social-icons li {
    float: left;
    padding: 0 9px !important;
    width: auto;
  }
  .footer {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 991px) {
  .contact-columns {
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .contact-inner a,
  .contact-inner p,
  .new-contact-wrapper .contact-inner .contact-image img {
    float: none;
  }
  .contact-inner,
  .contact-inner a {
    display: inline-block;
  }
  .row.mobilechangedirections {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 767px) {
  .contact-columns {
    width: 50% !important;
    display: inline-block;
    float: left;
  }
  .footer ul {
    left: 0;
  }
}

@media only screen and (max-width: 520px) {
  .contact-columns {
    width: 100% !important;
    display: inline-block;
    float: none;
  }
  .middle-east-offices .row {
    flex-wrap: wrap;
  }
  .row.mobilechangedirections {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 425px) {
  .orange-top-bar-msg p {
    font-size: 12px;
  }
  .logo {
    text-align: left;
  }
}