@charset "utf-8";
/* CSS Document */

@media (max-width:1200px){
    .header,.bottom_nav{padding: 5px 0;}
    .header ul.options{padding-left: 0;}
    .header .row .col{justify-content: space-between;}
    .navbar-default .navbar-nav li:first-child{margin-left: 0;}
    footer{padding: 15px 0;}
}

@media (max-width:991px){
    .header .clicker2{display: none;}
	.clicker {
    display: table !important;
    cursor: pointer;
    font-size: 18px;
    float: left;
    color: #0e3452;
    transition: all .3s;
    z-index: 9999;
	margin: 7px 0;
}
	.clicker:hover{color: #e3a93a;}
	.navbar-default{padding-bottom: 0 !important;}

.overlay {
    height: 100vh;
    width: 260px;
    position: fixed;
    z-index: 999999999999;
    left: -300px;
    top: 0;
    background-color: #44D2AC !important;
    transition: 0.5s;
    padding: 70px 0;
    min-height: 0;
    overflow-y: auto;
    border-radius: 0;
}
.overlay.open{
    left: 0;
}
.overlay-content {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.navbar-default .navbar-nav li {
    margin: 0;
    width: 100%;
}
.navbar-default .navbar-nav li a{
    padding: 5px 15px;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: 0.3s;
    position: relative;
}
.menu-item-has-children span{
    color: #fff !important;
    right: 30px;
}
.navbar-default .navbar-nav li a:before {
    content: "";
    width: 0;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: all .3s;
}
.navbar-default .navbar-nav li a:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: -4px;
    transition: all .3s;
}
.navbar-default .navbar-nav li a:hover:before{width: 18%;}
.navbar-default .navbar-nav li a:hover:after{width: 80%;}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
    color: #fff !important;
	background-color: transparent;
}
.hero_sec{padding: 40px 15px;}
	
}

@media (max-width:767px){
    .header .hidden-xs{display: none !important;}
    .header .row .col:last-child{width: 83.3%;}
    .bottom_nav .row{display: flex;align-items: center;}
    .bottom_nav .hidden-lg{display: block;}
    .header ul.options{padding-left: 50%;}
    .search .form-group .form-control {
        height: 35px;
        font-size: 14px;
        border: 1px solid rgb(34 9 113 / 0.5);
    }
    .search .form-group select, .search .form-group button {
        height: 33px;
        line-height: 3px;
        font-size: 14px;
        margin-top: 1px;
    }
    footer h1{font-size: 14px;}
    footer .icons a{width: 30px;height: 30px;font-size: 14px;line-height: 30px;}
    .hero_sec .hero_img{height: 170px;}
}

@media (max-width:640px){
    .header ul.options{padding-left: 30%;}
    .search .form-group button{width: 45px;}
    .search .form-group select{right: 50px;padding: 0;}
    .search .form-group .form-control{padding: 0 15px;padding-right: 150px;}
    .hero_sec ul.service li{margin: 10px 5px;}
    footer .content{flex-direction: column;}
    footer h1{margin-top: 15px;text-align: center;}
    .hero_sec h6{line-height: 20px;text-align: center;}
}

@media (max-width:460px){
    .header ul.options{padding-left: 10%;}
    .hero_sec ul.service,.hero_sec ul.country{display: flex;flex-direction: column;width: 100%;}
    .hero_sec ul.country li:first-child:after{display: none;}
    .hero_sec ul.country li h2{font-size: 16px;}
    .hero_sec ul.country li,.hero_sec ul.service li{margin: 10px 0;justify-content: space-between;}
    footer h1{font-size: 12px;}
    .search .form-group select{font-size: 12px;right: 35px;}
    .search .form-group .form-control{padding-right: 120px;}
    .search .form-group button{width: 35px;}
}

@media (max-width:360px){
    .header ul.options{padding-left: 0;}
}