.country_modal,.enquire_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /* background-color: rgb(0,0,0); Fallback color */
    /* background-color: rgba(0,0,0,0.4); Black w/ opacity */
  }

  .country_container,.enquire_container{
    display: inline-block;
    width:100%;
    /* margin-left:10%; */
  }
  /* Modal Content/Box */
  .country_modal-content,.enquire_modal-content {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
    -moz-box-shadow:0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
    box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
    color: black;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    /* border: 1px solid #888; */
    height: auto;
    min-height: 600px;
    max-height: fit-content;
    width: 80%; /* Could be more or less, depending on screen size */
    
  }
  
  /* The Close Button */
  .country_modal_close,.enquire_modal_close {
    color: #aaa;
    float: right;
    font-size: 15px;
    font-weight: bold;
  }
  
  .country_modal_close:hover,
  .enquire_model_close:hover,
  .enquire_model_close:focus
  .country_modal_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .country_container .country_parent div{
    font-size:12px;
    padding: 5px;
    
  }
  .country_container .country_parent:hover div{
    /* background-color: #1976b8;
    color:#fff; */
    border-left: 3px solid #ed9300;
    color: #ed9300;
    
    /* margin-left: -1px;
    padding-left: 17%; */
  }
  .country_container .country_parent:hover .country{
    color: #ed9300 !important;
    font-weight: 400;
  }
  .country{
    color: #1976b8;
  }

  .country:hover{
    color:#fff;
}   

/**/
.input-dropdown {
 margin-left:-15%;
 position:relative;
 font-weight:400
}
@media only screen and (max-width:1300px) and (min-width:1024px) {
 .input-dropdown {
  margin-bottom:220px;
  margin-top:-220px
 }
}
@media only screen and (min-width:1301px) {
 .input-dropdown {
  margin-bottom:310px;
  margin-top:-310px
 }
}
.input-dropdown .input-dropdown__container {
 align-items:center;
 display:none;
 justify-content:center
}
@media(min-width:1025px) {
 .input-dropdown .input-dropdown__container {
  display:flex
 }
}
.input-dropdown .input-dropdown__container .input-dropdown__input {
 border:none;
 border-radius:5px;
 font-size:14px;
 height:34px;
 padding-left:1%;
 padding-right:.5%;
 width:200px;
 color:#000
}
.input-dropdown .input-dropdown__container .input-dropdown__search-button {
 align-items:center;
 background-color:#faa02f;
 border-bottom-right-radius:5px;
 border-top-right-radius:5px;
 display:inline-flex;
 height:36px;
 justify-content:center;
 margin-left:-15%;
 width:30px
}
.input-dropdown .input-dropdown__container .input-dropdown__search-button .input-dropdown__arrow {
 height:50%;
 width:50%
}
.input-dropdown .input-dropdown__container .input-dropdown__search-button .dropdown-arrow-animation {
 transform:rotate(90deg)
}
.input-dropdown__triangle {
 border-color:transparent transparent #fff transparent;
 border-style:solid;
 border-width:0 20px 20px;
 display:none;
 height:0;
 left:44%;
 margin-bottom:-10px;
 margin-top:7px;
 position:relative;
 width:0
}
@media(min-width:1025px) {
 .input-dropdown__triangle {
  display:flex
 }
}
.input-dropdown__desktop-dropdown {
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
 display:none;
 height:400px;
 justify-content:space-around;
 margin-bottom:-250px;
 margin-left:17%;
 margin-right:10%;
 margin-top:10px;
 max-width:1300px;
 width:80%
}
@media only screen and (max-width:1300px) and (min-width:1024px) {
 .input-dropdown__desktop-dropdown {
  display:inline-flex;
  margin-bottom:-240px
 }
}
@media only screen and (min-width:1300px) {
 .input-dropdown__desktop-dropdown {
  display:inline-flex;
  margin-bottom:-320px;
 }
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list {
 border-left:1px solid #c4c4c4;
 display:flex;
 flex-basis:0;
 flex-direction:column;
 flex-grow:1;
 justify-content:space-around;
 list-style-type:none;
 margin-top:2%
}
@media(min-width:1025px) {
 .input-dropdown__desktop-dropdown .input-dropdown__country-list {
  display:inline-flex;
 }
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list:nth-of-type(1) {
 border-left:none
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list:nth-of-type(1) li {
 padding-left:5%
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list:nth-of-type(1) li:hover {
 margin-left:-1.25rem;
 padding-left:12%
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list:nth-of-type(5) li {
 padding-right:1em
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list li {
 color:#797979;
 font-size:14px;
 padding-left:20%
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list li:hover {
 border-left:5px solid #ed9300;
 color:#ed9300;
 font-weight:800;
 margin-left:-1px;
 padding-left:17%
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list li:hover a {
 color:#ed9300
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list li a {
 color:#797979;
 font-size:14px
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list li a:hover {
 color:#ed9300;
 font-weight:800
}
.input-dropdown__desktop-dropdown .input-dropdown__country-list .input-dropdown__empty-country:hover {
 border-left:none
}
.input-dropdown__mobile-container {
 align-items:center;
 display:flex;
 justify-content:center
}
@media(min-width:1025px) {
 .input-dropdown__mobile-container {
  display:none
 }
}
.input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
 -moz-appearance:none;
 -ms-expand:none;
 -webkit-appearance:none;
 background-image:url(/sites/all/themes/custom/zictheme/images/mobile-drop-down.svg);
 background-position:right;
 background-repeat:no-repeat;
 background-size:35px 35px;
 border:none;
 border-radius:5px;
 cursor:pointer;
 display:flex;
 font-size:14px;
 height:35px;
 margin-left:12%;
 margin-top:-610px;
 padding-bottom:1px;
 padding-left:2%;
 padding-top:1px;
 position:relative;
 width:270px
}
@media only screen and (max-width:327px) and (min-width:321px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-top:-670px
 }
}
@media only screen and (max-width:480px) and (min-width:328px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-top:-620px
 }
}
@media only screen and (max-width:737px) and (min-width:481px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-left:7%;
  margin-top:-460px;
  margin-bottom:3%
 }
}
@media only screen and (max-width:768px) and (min-width:737px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-left:-40%;
  margin-top:-70px;
  width:250px
 }
}
@media only screen and (max-width:1024px) and (min-width:768px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-left:7%;
  margin-top:-410px;
  padding-left:1.25%;
  width:250px
 }
}
@media only screen and (max-width:1024px) and (min-width:1024px) {
 .input-dropdown__mobile-container .input-dropdown__mobile-dropdown {
  margin-left:7%;
  margin-top:0;
  width:250px
 }
}
.input-dropdown__mobile-container .input-dropdown__mobile-dropdown:focus {
 outline:0
}
.input-dropdown__show {
 display:inline-flex
}
.input-dropdown__hide {
 display:none
}


@media only screen and (max-width:1300px) and (min-width:1024px) {
  .input_container { 
    margin-bottom: 30px;
      width: 30%;
      margin-left: 35%;
  }
}

@media only screen and (max-width:472px) and (min-width:346px) {
  .input_container {
    margin-bottom: 30px; 
      width: 70%;
      margin-left: 15%;
  }
  .country_modal-content {
  
      max-height: 100%;
      width: 90%; /* Could be more or less, depending on screen size */
      overflow: scroll;
      
    }
    .country_modal-content {
     
      margin: 50% auto; /* 15% from the top and centered */
      
    }
}

@media only screen and (max-width:1023px) and (min-width:473px) {
  .input_container { 
      margin-bottom: 30px; 
      width: 50%;
      margin-left: 25%;
  }
}

@media only screen and (min-width:1301px) {
  .input_container {
      
      width: 20%;
      margin-left: 40%;
  }
}