/************************************900px*********************************************/
@media (max-width: 900px) {

  .container {
    max-width: 100%;
    width: 94%;
    position: relative;
  }

  /***** start header *****/

  header {
    position: absolute;
    left: 0%;
    top: 5px;
    width: 100%;
    margin: 0px;
    z-index: 99;
  }

  .header_bottom .header-right {
    float: right;
    padding: 60px 0px;
    width: 14%;
    color: #fff;
  }

  .header_bottom .header-right #block-searchform{
    display: none;
  }

  .header_bottom .header-menu #block-searchform-2 .js-form-type-search {
      display: inline-block;
      width: 70%;
  }

  .header_bottom .header-menu #block-searchform-2 input::placeholder{
      color: #fff;
  }

  .header_bottom .header-menu #block-searchform-2 input {
      border: 0px;
      background-color: unset;
      font-size: 12.32px;
      color: #fff;
      outline: none;
  }

  .header_bottom .header-menu #block-searchform-2 {
      border: 0px;
      background-color: unset;
      border-bottom: 1px solid #dadada;
      font-size: 12.32px;
      padding-bottom: 5px;
      color: #fff;
      display: block;
  }

  .header_bottom .header-menu #block-searchform-2 .form-actions {
      float: left;
      width: 20%;
      position: relative;
  }

  .header_bottom .header-menu #block-searchform-2 .form-actions input {
      background-image: url("../images/search-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      font-size: 0px;
      background-color: unset;
      border: unset;
      width: 20px;
      height: 20px;
  }

  .header_bottom .header-menu #block-searchform-2 .form-actions::after {
      content: "|";
      position: absolute;
      top: 0px;
      right: -2px;
      width: 10px;
      height: 20px;
      font-size: 15px;
  }

  .header_bottom .header-menu nav{
    display: none;
  }

  .header_bottom .header-menu {
    display: inline-block;
    width: 50%;
    padding: 60px 0px;
    text-align: center;
    margin-left: 25px;
  }

  .header_bottom .header-right {
    float: right;
    padding: 50px 0px;
    width: 14%;
    color: #fff;
  }

  .menu-icon{
    display: block;
    width: 45px;
    height: 45px;
  }
  
  .menu-icon img{
    width: 45px !important;
    height: 45px !important;
  }

  #block-mainnavigation-2{
    display: block;
  }

  #block-mainnavigation-2 ul{
    display: none;
  }
  
  #block-mainnavigation-2 ul.show{
    display: block;
    position: absolute;
    left: -12px;
    top: -5px;
    background-color: #dadada;
    border-radius: 0 0 8px 0;
    padding: 10px 20px;
  }

  #block-mainnavigation-2 ul li{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #3d556f;
  }

  #block-mainnavigation-2 ul li:last-child{
    border-bottom: unset;
  }

  #block-mainnavigation-2 ul li>ul{
    display: none !important;
  }

  #block-mainnavigation-2 ul>li.expanded{
    position: relative;
  }
  
  #block-mainnavigation-2 ul li>ul.show2{
    display: block !important;
    position: absolute;
    left: 125px;
    top: -10px;
  }

  /* ___________ slider ___________ */

  .slider,
  #block-views-block-slider-block-1{
    height: 300px;
  }

  #block-views-block-slider-block-1 .slide__description{
    height: 300px;
  }

  .slider img{
    width: 100%;
    height: 300px;
  }

  #block-views-block-slider-block-1 .slide__description .views-field-body{
    top: 35%;
    left: 3%;
  }

  /* ________ about us __________ */

  #block-views-block-about-us-block-1{
    padding-top: 15px;
  }

  #block-views-block-about-us-block-1 .views-field-nothing-1{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
  }

  #block-views-block-about-us-block-1 .views-field-field-image {
    float: right;
    width: 100%;
    text-align: center;
  }

  #block-views-block-about-us-block-1 .views-field-nothing-1 .link {
    text-align: left;
    margin-right: 0px;
    margin-bottom: 25px;
  }

  /* ________ department _________ */

  .department {
    background-color: #eff3f6;
    margin-top: 35px;
  }

  #block-views-block-department-block-1{
    display: none;
  }

  #block-views-block-department-block-1.animate__fadeInRightBig{
    animation-name:none;
    -webkit-animation-name:unset;
  }

  #block-views-block-department-block-3 {
      position: relative;
      margin: 55px 0px;
      display: block;
  }

  #block-views-block-department-block-3 footer{
      background-color: unset;
      text-align: right;
  }

  #block-views-block-department-block-3 footer a{
      text-decoration: underline;
      color: #3d556f;
      font-size: 18.22px;
      margin-right: 25px;
  }

  #block-views-block-department-block-3 header {
      position: unset;
      left: unset;
      top: unset;
      width: unset;
      margin: unset;
      z-index: unset;
  }

  #block-views-block-department-block-3 header a {
      font-weight: bold;
      font-family: "Gordita_Bold";
      color: #14284e;
      font-size: 35.36px;
  }

  #block-views-block-department-block-3 .views-field-nothing {
      position: relative;
  }

  #block-views-block-department-block-3 .views-field-nothing .image {
      position: relative;
      height: 415px;
      border-radius: 6px;
  }

  #block-views-block-department-block-3 .views-field-nothing .image::before {
      content: "";
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      border-radius: 6px;
      background-color: #44424291;
  }

  #block-views-block-department-block-3 .views-field-nothing .image img {
      height: 100%;
      width: 100%;
      border-radius: 6px;
  }

  #block-views-block-department-block-3 .views-field-nothing .group1 {
      position: absolute;
      left: 10%;
      top: 50%;
  }

  #block-views-block-department-block-3 .views-field-nothing .group1 .icon img{
      background-color: #ffffff85;
      border-radius: 12px;
      padding: 3px;
  }

  #block-views-block-department-block-3 .views-field-nothing .group1 .title a {
      margin-top: 25px;
      font-size: 18.65px;
      color: #fff;
      font-weight: bold;
      font-family: "Gordita_Bold";
  }

  /* #block-views-block-department-block-3 .slide__description .views-field-nothing .group2{
      width: 0%;
      transition: width 1s;
  } */

  #block-views-block-department-block-3 .slide__description .views-field-nothing .group2 {
      display: none;
      width: 0%;
      transition: width 1s;
  }

  #block-views-block-department-block-3 .slide__description:hover .views-field-nothing .group2 {
      background: rgb(104, 129, 163);
      background: linear-gradient(90deg, rgba(104, 129, 163, 1) 0%, rgba(86, 148, 173, 1) 48%, rgba(63, 173, 185, 1) 100%);
      display: block;
      position: absolute;
      left: 0%;
      top: 0%;
      border-radius: 6px;
      width: 100%;
      height: 100%;
      z-index: 99;
      padding: 190px 25px 50px 25px;
      transition: width 1s;
  }

  #block-views-block-department-block-3 .slide__description:hover .views-field-nothing .group2 .title1 a {
      font-size: 18.65px;
      color: #fff;
      font-weight: bold;
      font-family: "Gordita_Bold";
  }

  #block-views-block-department-block-3 .slide__description:hover .views-field-nothing .group2 .body {
      font-size: 12.43px;
      color: #fff;
      margin-top: 5px;
  }

  #block-views-block-department-block-3 .slide__description:hover .views-field-nothing .group2 .link a {
      background-color: #91acc2;
      width: auto;
      padding: 8px 25px;
      font-size: 16.07px;
      color: #fff;
      border-radius: 6px;
      margin-top: 35px;
      margin-left: 35px;
  }

  #block-views-block-department-block-3 nav {
      position: absolute;
      right: 0%;
      top: -2%;
  }

  #block-views-block-about-us-block-5 nav .slick-prev,
  #block-views-block-department-block-3 nav .slick-prev {
      font-size: 0px;
      background-image: url("../images/prev-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      background-color: unset;
      width: 50px;
      height: 50px;
      border: 1.5px solid #9ab0d6;
      border-radius: 100%;
  }

  #block-views-block-about-us-block-5 nav .slick-prev:hover,
  #block-views-block-department-block-3 nav .slick-prev:hover {
      font-size: 0px;
      background: rgb(104, 129, 163);
      background: linear-gradient(90deg, rgba(104, 129, 163, 1) 0%, rgba(86, 148, 173, 1) 48%, rgba(63, 173, 185, 1) 100%);
      width: 50px;
      height: 50px;
      border-radius: 100%;
      position: relative;
      z-index: 99;
  }

  #block-views-block-about-us-block-5 nav .slick-prev:hover::after,
  #block-views-block-department-block-3 nav .slick-prev:hover::after {
      content: "";
      background-image: url("../images/prev-icon-w.png");
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      position: absolute;
      top: 0%;
      left: 0%;
  }

  #block-views-block-about-us-block-5 nav .slick-next,
  #block-views-block-department-block-3 nav .slick-next {
      font-size: 0px;
      background-image: url("../images/next-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      background-color: unset;
      width: 50px;
      height: 50px;
      border: 1.5px solid #9ab0d6;
      border-radius: 100%;
      margin-left: 15px;
  }

  #block-views-block-about-us-block-5 nav .slick-next:hover,
  #block-views-block-department-block-3 nav .slick-next:hover {
      font-size: 0px;
      background: rgb(104, 129, 163);
      background: linear-gradient(90deg, rgba(104, 129, 163, 1) 0%, rgba(86, 148, 173, 1) 48%, rgba(63, 173, 185, 1) 100%);
      width: 50px;
      height: 50px;
      border-radius: 100%;
      position: relative;
      margin-left: 15px;
  }

  #block-views-block-about-us-block-5 nav .slick-next:hover::after,
  #block-views-block-department-block-3 nav .slick-next:hover::after {
      content: "";
      background-image: url("../images/next-icon-w.png");
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 100%;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0%;
      left: 0%;
  }

  /* ________ question ________ */

  #block-morequestions .group{
    margin: 0;
  }

  /* _________ footer _________ */
  .footer {
      padding-top: 65px;
      display: flex;
      justify-content: space-between;
      gap: 0px;
      background-color: #f6f6f6;
      flex-direction: column;
  }

  .footer .contact_info, .footer .footer_menu, .footer .department_menu, .footer .market_menu{
    width: auto;
  }

  /* ________ */

  .inner{
    height: 200px;
  }

  .inner img{
    height: 200px;
  }

  /* ___________ about us ___________ */

  .page-node-about-us .header_bottom .container {
    max-width: 100%;
    width: 94%;
    position: relative;
  }

  #block-views-block-about-us-block-2 {
    padding: 0 10px;
    padding-bottom: 35px;
  }
  
  #block-views-block-about-us-block-2 .views-field-nothing-1 {
    float: unset;
    width: 100%;
    padding-top: 0px;
  }

  #block-views-block-about-us-block-2 .views-field-field-image-page {
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  #block-views-block-about-us-block-3{
    padding: 20px 10px;
    height: auto;
  }

  #block-views-block-about-us-block-3 .views-row:nth-child(1) {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
  }

  #block-views-block-about-us-block-3 .views-row:nth-child(2){
    width: 100%;
    float: unset;
  }

  #block-views-block-about-us-block-3 .views-row .views-field-body{
    margin-top: 10px;
  }

  #block-views-block-about-us-block-4{
    display: none;
  }

  #block-views-block-about-us-block-5{
    padding: 0 10px;
    padding-top: 40px;
    display: block;
  }

  #block-views-block-about-us-block-5 header {
    position: unset;
    left: unset;
    top: unset;
    width: 100%;
    margin: unset;
    text-align: center;
    font-size: 35.36px;
    font-weight: bold;
    font-family: "Gordita_Bold";
    color: #991c1f;
    padding-bottom: 50px;
  }

  #block-views-block-about-us-block-5 .slide__description {
    border: 2px solid #dadada;
    /* margin: 0px; */
    height: 250px;
    position: relative;
  }

  #block-views-block-about-us-block-5 .views-field-nothing {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 250px;
  }

  #block-views-block-about-us-block-5 .views-field-nothing .icon {
    text-align: center;
    display: flex;
    justify-content:center;
  }

  #block-views-block-about-us-block-5 .views-field-nothing .icon img {
    max-width: 53px;
    max-height: 54px;
  }

  #block-views-block-about-us-block-5 .views-field-nothing .title {
    font-size: 15.21px;
    color: #343434;
    padding-top: 25px;
    text-align: center;
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 {
    position: absolute;
    top: 0px;
    opacity: 0;
  }

  #block-views-block-about-us-block-5 .slide__description:hover .views-field-nothing-1 {
    opacity: 1;
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .image  {
    width: auto;
    height: 100%;
    position: relative;
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .image img{
    width: auto;
    height: 250px;
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .image::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.581);
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .n1 {
    position: absolute;
    bottom: 0px;
    left: 8px;
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .n1 .title1 {
    font-size: 15.21px;
    font-weight: bold;
    font-family: "Gordita_Bold";
  }

  #block-views-block-about-us-block-5 .views-field-nothing-1 .n1 .body {
    font-size: 11.36px;
    margin-top: 8px;
  }
  
  #block-views-block-about-us-block-5 nav{
    text-align: center;
    margin-top: 25px;
  }

  #block-morequestions-2{
    margin: auto;
  }

  #block-morequestions-2 .group {
    position: absolute;
    top: 28%;
    left: 2%;
    padding: 30px 20px;
    background-color: #ffffff5e;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: "Gordita_Bold";
    width: 96%;
  }

  /* ______ department page ______ */

  #block-views-block-department-block-2 .dep{
    gap: 30px;
  }

  #block-views-block-department-block-2 .views-row{
    height: 400px;
    width: 100%;
  }

  /* ______ contact us page ______ */

  .map,
  .bodywebform{
    width: 100%;
    float: unset;
  }

  .webform input,
  .webform form{
    width: 100%;
  }

  /* _______ market _________ */

  #block-views-block-markets-block-1 .views-field-body,
  #block-views-block-markets-block-2 .views-field-body{
    width: 100%;
    margin-left: 0px;
  }

  /* ________ jordan ________ */

  #block-irbid .city {
    position: absolute;
    top: 601.5px;
    left: 12%;
    z-index: 9;
    width: 10%;
  }

  #block-ajloun .city {
    position: absolute;
    top: 631px;
    left: 58px;
    z-index: 9;
    width: 6%;
  }

  #block-jerash .city {
    position: absolute;
    top: 637px;
    left: 63px;
    z-index: 9;
    width: 7%;
  }

  #block-mafraq .city {
    position: absolute;
    top: 536px;
    right: 73px;
    z-index: 1;
    width: 64%;
  }

  #block-azzarqa .city {
    position: absolute;
    top: 653px;
    right: 203px;
    z-index: 1;
    width: 36%;
  }

  #block-amman .city {
    position: absolute;
    top: 669px;
    left: 62px;
    z-index: 1;
    width: 29.7%;
  }

  #block-balqa .city {
    position: absolute;
    top: 653px;
    left: 48px;
    z-index: 9;
    width: 8.8%;
  }

  #block-madaba .city {
    position: absolute;
    top: 693px;
    left: 43px;
    z-index: 9;
    width: 9%;
  }

  #block-alkaraq .city {
    position: absolute;
    top: 730px;
    left: 34px;
    z-index: 9;
    width: 16.5%;
  }

  #block-tafilah .city {
    position: absolute;
    top: 771.3px;
    left: 26.5px;
    z-index: 99;
    width: 15%;
  }

  #block-aqaba .city {
    position: absolute;
    top: 800px;
    left: 2px;
    z-index: 9;
    width: 15%;
  }

  #block-maan .city {
    position: absolute;
    top: 748px;
    right: 185px;
    z-index: 1;
    width: 51%;
  }

  /* ___________ Iraq ____________ */

  #block-ramadi .city {
    position: absolute;
    z-index: 9;
    top: 401px;
    left: 2px;
    width: 32.5%;
  }

  #block-basra .city {
    position: absolute;
    z-index: 9;
    top: 575.6px;
    left: 46%;
    width: 12.2%;
  }

  #block-dewania .city {
    position: absolute;
    z-index: 9;
    top: 525.6px;
    left: 211px;
    width: 7.9%;
  }

  #block-kut .city {
    position: absolute;
    z-index: 9;
    top: 476.6px;
    left: 217px;
    width: 12%;
  }

  #block-nasyrah .city {
    position: absolute;
    z-index: 9;
    top: 540.6px;
    left: 258px;
    width: 9%;
  }

#block-babel .city {
  position: absolute;
  z-index: 9;
  top: 488.6px;
  left: 188px;
  width: 9%;
  }

  #block-baghdad .city {
    position: absolute;
    z-index: 99;
    top: 473.6px;
    left: 204px;
    width: 1.8%;
  }

  #block-diyala .city {
    position: absolute;
    z-index: 9;
    top: 402px;
    left: 205px;
    width: 10.5%;
  }

  #block-duhok .city {
    position: absolute;
    z-index: 2;
    top: 297px;
    left: 133px;
    width: 11%;
  }

  #block-erbil .city {
    position: absolute;
    z-index: 9;
    top: 302.4px;
    left: 171px;
    width: 10%;
  }

  #block-karbala .city {
    position: absolute;
    z-index: 9;
    top: 505px;
    left: 167px;
    width: 7%;
  }

  #block-kirkuk .city {
    position: absolute;
    z-index: 9;
    top: 366px;
    left: 169px;
    width: 9%;
  }

  #block-mosul .city {
    position: absolute;
    z-index: 2;
    top: 313.6px;
    left: 91.2px;
    width: 18.1%;
  }

  #block-mysan .city {
    position: absolute;
    z-index: 9;
    top: 508.6px;
    left: 281px;
    width: 9%;
  }

  #block-najaf .city {
    position: absolute;
    z-index: 9;
    top: 525.6px;
    left: 150px;
    width: 12%;
  }

  #block-sulaymaniyah .city {
    position: absolute;
    z-index: 9;
    top: 339px;
    left: 217px;
    width: 10.3%;
  }

}
/************************************767px*********************************************/
@media (max-width: 767px) {
  
}