@media(min-width:1800px) {
    .h-slider .owl-controls .owl-buttons:after {
    height: 15px;
}
.h-slider .owl-controls .owl-buttons:before {
    width: 27px;
    height: 203px;
    transform: rotate(-58deg);
    top: -45px;
}
.h-slider .owl-controls .owl-buttons {
    bottom: -7px;
}
}

@media(min-width: 1199px){
    .container {
    width: 1300px;
}
}

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

@media(max-width:1024px) {
   .main-head .bottom-nav .main-nav {
      display: none;
   }

   .main-head .extra-help .open-sidebar {
      display: inline-block;
   }

   .h-slider .owl-controls .owl-buttons:before {
      transform: rotate(-40deg);
   }

   .hero-s .item {
      height: 450px;
   }

   .hero-s:after {
      transform: rotate(13deg);
   }
   
   img.vis {
    width: 130px;
    margin-right: 50px;
    position: relative;
    top: 6px;
}
}

@media(max-width:991px) {

   .request .req-data,
   .request .req-form {
      width: 100%;
      max-width: 100%;
   }

   .request .req-data {
      margin-bottom: 50px;
   }


   .request .req-form {
      padding: 0;
   }
   
   img.vis {
    position: absolute;
    top: 120px;
    z-index: 9;
    background-color: #fff;
    padding: 20px;
    left: 20px;
        border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
}

@media (min-width: 768px){

.modal-dialog {

    width: 900px;

    margin: 30px auto;


}



}

@media(max-width:768px) {
    .hero-s .h-slider:after {
    border-right: 150px solid #fff;
}
    .h-slider .inner-caption {
    max-width: 80%;
}
    .search-form .form-group {
    width: 100%;
}

   .hero-s .h-slider:after {
      top: 2px;
   }

   .hero-s:before {
      bottom: -38px;
      right: 65px;
   }

   .h-slider .owl-controls .owl-buttons:before {
      transform: rotate(-32deg);
   }

   .h-slider .owl-controls .owl-buttons {
      padding-right: 70px;
   }

   .g-head,
   .about-s .ab-body,
   .service-s .service-right,
   .service-s .service-left,
   .l-head p,
   .footer-top .footer-item,
   .contact-us .con-body .con-form {
      max-width: 100%;
      padding: 0;
      width: 100%;
   }

   .footer-top .footer-item,
   .contact-us .con-body .con-form,
   .about-inner-page .ab-middle .mid-img {
      margin-bottom: 40px;
   }

   .footer-top .footer-item:last-of-type {
      margin-bottom: 0;
   }

   .about-s .ab-body:after {
      display: none;
   }

   .about-s .ab-body:before {
      right: -50px;
   }

   .proj-s .owl-controls .owl-buttons div .slider-right,
   .proj-s .owl-controls .owl-buttons div .slider-left {
      display: none;
   }

   .contact-us .con-body .con-data {
      max-width: 100%;
      width: 100%;
   }

   .about-inner-page .ab-bottom .nav-tabs li {
      display: block;
      width: 100%;
      margin: 0 0 10px;
   }
}

@media(max-width:600px) {
   .proj-inner-page .nav-tabs {
      padding-bottom: 20px;
      overflow: hidden;
      overflow-x: auto;
      white-space: nowrap;
   }

   .proj-inner-page .nav-tabs li a:after {
      height: 3px;
      bottom: -20px;
   }

   .proj-inner-page .nav-tabs li a {
      font-size: 13px;
   }

   .proj-inner-page .inner-head h3 {
      font-size: 22px;
   }

   .proj-inner-page .inner-head {
      margin-bottom: 50px;
   }

   .proj-inner-page .inner-head h3:before {
      top: 14px;
   }
   
   img.vis {
   
    top: 80px;
    left: 15px;

}
}

@media(max-width:425px) {
   .hero-s .h-slider:after {
      border-right: 50px solid #fff;
      border-left: 50px solid transparent;
      border-top: 460px solid transparent;
   }

   .hero-s:after {
      right: 10px;
      width: 17px;
      transform: rotate(7deg);
   }


   .hero-s:before {
      border-bottom: 25px solid transparent;
      bottom: -38px;
      right: 23px;
   }

   .h-slider .owl-controls .owl-buttons {
      padding: 16px 80px 20px 6px;
      max-width: 45%;
   }

.main-head .bottom-nav .logo img {
    width: 170px;
    padding-top: 3px;
}

   .main-head .extra-help {
      padding-top: 12px;
   }

   .main-head .top-bar .top-contact li a,
   .main-head .top-bar .lang a {
      font-size: 11px;
   }

   .main-head .top-bar .top-contact li:after {
      margin: 0 5px;
   }

   .g-head h3 {
      font-size: 22px;
      max-width: 100%;
   }

   .about-s .ab-body p,
   .about-s .ab-body a {
      font-size: 14px;
   }

   .service-s {
      padding: 80px 0;
   }

   .proj-s .l-head h3 {
      font-size: 25px;
   }

   .l-head p {
      font-size: 12px;
   }

   .footer-bottom p {
      margin-bottom: 20px;
      display: block;
   }

   .footer-bottom {
      text-align: center;
   }

   .footer-bottom a {
      float: none;
      top: 0 !important;
      margin-top: -27px;
   }

   .ryad-logo {
      display: block !important;
      float: none !important;
      width: auto !important;
      height: 40px !important;
   }

   .about-s .ab-body:before {
      display: none;
   }

   .pagination-gar li a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 14px;
   }

   .pagination-gar li:first-child a,
   .pagination-gar li:last-child a {
      font-size: 13px;
      width: 40px;
   }

   .pagination-gar {
      padding: 15px 10px;
   }

   .about-inner-page .ab-middle .mid-img .img-inner {
      background-size: cover;
   }

   .about-inner-page .ab-middle .mid-img:before {
      width: 79%;
   }

   .about-inner-page .ab-top h3,
   .about-inner-page .ab-middle h3 {
      font-size: 23px;
      margin-bottom: 25px;
   }

   .contact-us .con-head h3,
   .request .req-data h3,
   .about-inner-page .service-s .service-right h3 {
      font-size: 20px;
   }

   .wrapper {
      overflow-x: hidden;
   }

   .request .req-data h3:before {
      top: 12px;
   }

   .proj-s .item .inner-img {
      height: 260px;
   }
}

@media(max-width:360px) {

   .sidebar {
      width: 270px;
   }

   .h-slider .owl-controls .owl-buttons {
      max-width: 53%;
   }

   .service-s .g-letter {
      padding: 35px 0;
   }

   .proj-s .item .inner-img {
      height: 260px
   }

   .hero-s .item {
      height: 350px;
   }

}

@media(max-width:320px) {
   .main-head .bottom-nav .logo img {
      width: 130px;
   }
   
   img.vis {
    top: 50px;
}
}