/* MEDIA QUERIES
--------------------------------------------------------------------------*/
@media (max-width:1199px) {
    form.search-btn i{left: 70px;}
    .radio_btn {flex-direction: column; justify-content: flex-start; align-items: flex-start;height: 70px;}
    .bg-shade h2{
font-size: 36px;
}
.search-bar{width: 100%;display:block;}
.location{
    margin-top: 2px;width: 100%;
}
.location select{
    background-color: #fff;
    height: 47px;
    width: 100%;
    border-top: 1px solid rgb(229 227 235 / 83%);
    padding-left: 11px;}
.location:before{display:none;}
.search-bar{height: auto;}
.search-bar input{display:block;}
form.search-bar button {
    float: left;
    padding: 10px;
    background: #2E3877;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    height: 54px;
    border-radius: 5px;
    position: relative;
    right: 0;
    width: 100%;
    color: #fff;
    margin: 30px 0;
}
.location{position: relative;}
.location:after {
    top: 20px;
    right: 10px;
    left: auto;
    position: absolute;
}
form.search-bar input[type=text]{
    width: calc(100% - 40px); height: 40px;
}
}
@media (max-width:992px) {
.bg_overview_txt {
    width: 100% !important;
    max-width: 100% !important;
}
.pay_bill ul li img{
    left: 0;
}
	body{overflow-x:hidden;}
.tog {display:block;top:35px;}
.logo img{margin:0;}
.find {margin-bottom:20px;}
.logo1 a {display:inline-block;}
.navbar-toggler span {font-size:30px !important;}
.navbar ul {margin-top:0px;text-align:left;}
.navbar ul li {width:100%;margin-right:0;border-radius:0 !important;}
.navbar li a {padding:10px 10 0px 0px !important;}
.navbar ul li:last-child {margin-bottom:10px;}
.logo img{margin:10px 0 10px 0;}
.navbar .active, .navbar li:hover{box-shadow:none;}
.find{margin:0;}
.item_content p{font-size:15px;}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{color:#fff !important}
.navbar-light .navbar-nav li:hover .nav-link {color:#fff !important}
.navbar li a{line-height:35px;}
li.nav-item.d-flex {
    margin-left: 20px;
}
.flex_box{
    width:100%;
    max-width:100%;
    flex:100%;
    margin-top:10px;
}
.border_bottom .row .col-md-4 {
    width: 20% !important;
    max-width: 20% !important;
    flex: 20% !important;
}
.border_bottom .row .col-md-8 {
    width: 80% !important;
    max-width: 80% !important;
    flex: 80% !important;
}
.form_field .form-field .form-input-wrapper {
    max-width: 94%;
}
#drop-area {
    border: 2px dashed #ccc;
    border-radius: 4px;
    width: 100%;
    margin: 0px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-imgtxt {
    padding: 40px;
}
.join_us {
    text-align: center;
    margin-top: 40px;
}
.flow_txt a{display:inline-block;margin-bottom:30px;}
.bg_overview {
    z-index: 0;
    position: relative;
}
section.main_section.p-0 {
    z-index: 1;
    top: 0;
}

.banner_img img {
    height: 220px;
    object-fit: cover;
}
.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: -90px auto 0px;
}
.tabbable .nav-tabs .nav-item {
    display: inline-block;
    width: 50%;
    margin-bottom: 5px;
}
.card-title .grid-item {
    padding: 0px 0 !important;
}
.card-title.card_head .grid-container {
    display: grid;
    grid-template-columns: auto auto;
}
.send_btn a{
    display: inline-block;
    margin-bottom: 30px;
}
a.add_morebtn.add_btn {
    display: inline-block;
    margin-top: 13px;
    width: 100%;
}
#newTag{
    height: 144px !important;
}
ul.technology.mt-3 {
    padding: 0px 10px 10px;
    overflow-x: scroll;
}
.main_content.before_none .col-md-3.p-0 {
    width: 50%;
    max-width: 50%;
    flex: 50%;
}
a.remove{
        padding: 8px 10px;
}
.grid-item p{margin-top:0;}
.pay_bill ul{margin:20px 0;}
.pay_bill ul li small{top:45px;}
span.posted{top:20px;}
.pay_bill h3 strong{float:left;}
.navbar li a:hover {
    border-bottom: 2px solid transparent;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}
li.nav-item.btn-2 {
    padding: 0px 0px;
}
li.nav-item.btn-1 {
    padding: 0px 0;
}
.banner {
    background-color: #fafafb;
    padding: 50px 0 0px;
    position: relative;
    z-index:1;
}
header {
    background-color: #F6F6F7;
    position: relative;
    z-index: 9999;
}
.location select{
        /* width: 134px; */
}
.location {
    display: inline-block;
}
.search-bar i {
    margin-top: 14px;
    font-size: 20px;
    margin-left: 10px;
    color: rgb(0 0 0);
    opacity: 34%;
}
li.nav-item.btn-2 button{width:30%;}
div#navbarSupportedContent {
    padding-left: 20px;
    margin-top: 20px;
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 30px;
    background-color: #f6f6f7;
}
.custom_user li {
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 10px;
    width: 56px;
    height: 49px;
    line-height: 6px;
    text-align: center;
    margin: 10px 0;
    width: 30% !important;
    padding: 10px !important;
}
.bell_icon span {
    top: 75%;
    left: 47%;
}
ul.dropdown-menu.dropdown-btn.show li {
    width: 100% !important;
    padding: 10px 0!important;
    margin: 0;
    line-height: 25px;
    height: 0;
    border-bottom: 1px solid#f2f2f2;
    z-index: 9999;
    position: relative;
}
ul.navbar-nav.mr-auto.w-100.justify-content-end.custom_user {
    display: flex;
    flex-direction: inherit;
    align-items: end;
    justify-content: flex-start !important;
}
li.nav-item.btn-1 button{width:30%;margin-bottom:20px;}
li.nav-item.left-border:after{display:none;}
li.nav-item.before:before{display:none;}
.card-img-top{margin:30px auto;}
.card-details{margin-bottom:20px;}
i.fa.fa-bars {
    font-size: 30px;
    color:#313b79;
}
ul.navbar-nav.ml-5 {
    margin-left: 0 !important;
}
.navbar ul li{padding:0;}
li.nav-item.left-border:before {display:none !important;}

.nav-link {
    padding: 6px 12px !important;
}
a.nav-link.active{padding:6px 10px !important;}

.nav-tabs .nav-item a{margin-left:0;}
a.nav-link.active{margin-right:0;}

.grid-item{padding:0;}
.grid-item ul {
    margin: 0;
}
section.great_work {
    padding: 40px 0 317px;
}
.main_section {
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
li.nav-item.d_color a {
    color: #2e3877;
    margin-top: 5px;
}
.custom_user li i {
    color: #2e3877;
    font-size: 24px;
    line-height: 30px;
}
li.nav-item.d_color a {
    color: #2e3877;
}
ul.dropdown-menu.dropdown-btn.show {
    padding: 0 10px;
    height: 165px;
    margin-left: -37px;
}
/*.banner-img img{width:90%;position: relative;}
*/.banner-text ul{display:block;}
.banner-text li a{margin:0;line-height:35px;}
.banner-text h1{font-size:44px;}
.col-md-7.mt-5 {
    margin: 0 !important;
}
.main-heading h2{font-size:34px;}
section.services_section {
    padding: 28px 0;
}
.services{margin-bottom:30px;}
.services h5{margin:0;font-size:16px;}
/*.col-md-3.col-xs-6 {
    width: 50%;
}*/
.bg-shade h2 {
    height: 210px;
    width: 70%;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 39px;
    transform: translate(17%, 25%);
}
.row.manage-text {
    width: 82%;
    position: relative;
    top: -3%;
    left: 12%;
}
.services.job-img h5{
	font-size: 14px;
	line-height: 22px;
}
.grid-container {
    display: grid !important;
    grid-template-columns: auto !important;
}
.image-icon i{display:none;}
.main-bg{width:95%;position: relative;
    top: 14px;
    left: 0;
    transform: translate(0%, 0%);
}
.form_section {
    padding: 20px;
}
.bg-img h1 {
    width: 90%;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 60px;
    margin: 15% 40px;
}
header.t-center.bg-blue {
    padding: 10px;
}
.search_baar h1{text-align:left;margin:0px 0 10px;}
form.search-btn i{left:60px;}
header.t-center.bg-blue i.fa.fa-bars{color:#fff !important;}
section.bg_blue {
    background-color: #252C5C;
    padding: 30px 0;
    position: relative;
    z-index: 1;
}
.post ul li strong{
	    top: -4px;
}
.post ul li small {
    top: -11px;
    left: 14%;
    font-size: 10px;
}
.sender, .receiver, .user-input{
    max-width:290px;
}
.receiver img {
    position: absolute;
}
.overview-txt h2{font-size:30px;}
.post ul li {
    padding: 0 6px;
}
.to_details li a {
    border-radius: 5px;
    background-color: #ee867330;
    color: #EE8673;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 15px;
    padding: 10px 10px;
    display: block;
    width: 84px;
    margin-right: 15px;
}
.to_details li {
    padding: 0 !important;
    margin-right: 4px;
}
li.list_style {
    position: relative;
    border-left: none;
    padding: 0 20px !important;
    top: 0;
}
.technology li a {
    display: block;
    width: 120px;
}
.custom-file {
    width: 88% !important;
    height: auto !important;
    margin-left: 20px;
}
.technology li {
    padding: 4px !important;
}
form.search-btn button{margin-left:0;}
.technology li a{display:block;}
.icons li a{font-size:12px;}
.form-row input{margin-bottom:10px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{font-size:10px;}
.form_section form ul li button {
    width: 100% !important;
}
.form_section form ul li{margin:10px;}
.select2-container .select2-search--inline{margin:0px;}

}
@media (max-width:767px) {
    .nav-top .navbar-brand img{width: 75px !important;}
    .nav-top .navbar-brand{padding-left:15px !important;}
    .nav-top li.nav-item button{ width:auto;}
    .banner-text h1 { font-size: 38px; line-height: 52px;}
.location select{-webkit-appearance: none !important;}
.location:after { right: 15px}
.row.manage-text { top: 5%;}
.col-md-6.p-0.bg-shade {height: 410px;}
.main-heading p {margin-bottom: 23px;}
.main-heading h2 { font-size: 26px; line-height: 51px;}
.grid-item h3 {line-height: 23px; margin-top: 30px;}
.help_bg {padding: 25px;}
.flow_txt {padding: 0px;}
.bg-img { padding: 20px; border-radius:20px;}
.bg-img h1 { width: 100%;font-size: 27px; line-height: 50px;margin: 10% 0px;text-align: center;}
.main-bg { width: 100% !important;}
.t-center.bg-blue .sticky-top button.navbar-toggler{color: #fff;font-size: 22px;}
.search_baar h1 { text-align: center;}
form.search-btn i {left: 35px;}
.calling { margin-bottom: 10px;}
.post {margin-bottom: 12px;}
.custom_user li {  width: 56px; width: 100% !important; }
ul.navbar-nav.mr-auto.w-100.justify-content-end.custom_user {display: block;}
.custom_user li{text-align: left;}
ul#myTab li a.active {width: 98%;}
.tabbable .nav-tabs .nav-item { width: auto;}





    .col-sm-6.p-2.t_right {
        float: left;
        text-align: left;
        margin: 0;
        vertical-align: text-bottom;
        display: inline-flex;
    }
    .form-field{
        max-width: 100%;
    }
.tog{margin-top:0;}
}
@media (max-width:375px) {
.tog {top: -22px;    margin-top: -42px;}
}
@media (max-width:1024px) {
    .main-bg{width:75%;}

}

@media  (min-width: 768px) and (max-width: 1366px) {
    .navbar ul li{padding: 10px 10px 0;}
	.banner-text ul {
    display: flex;
    width:100%;
}
.main-bg{width:75%;}
.banner-text li{margin:5px;}

}

@media(max-width: 991px){
    h4.panel-title a{line-height: normal;}
    .main_section .categories-2, .categories-3{margin-bottom: 15px;}
    .categories a{
        padding: 4px 10px; line-height: normal;
    }
    ul.to_details.mt-3{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    ul.to_details li.list_style {
        padding: 0 !important;
    }
    header.t-center{padding: 15px 0;}
    .form_section form ul{flex-direction: column;}
    .banner{background: none;}
    .banner .col-md-7{width: 100%; max-width: 100%;    flex: 0 0 100%;}
    .col-md-6.p-0.image-icon {
    width: 100%;
    flex: 100%;
    max-width: 100%;
}
.col-md-6.p-0.bg-shade {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    height: 284px;
    display: flex;
    align-items: self-start;
    flex-direction: column;
    justify-content: center;
}
.full-wrap .container-fluid > .row:before {
    position: absolute;
    content: "";
    background: url(../img/bg-shade1.png)no-repeat;
    width: 100%;
    right: 0;
    top: calc(100% - 50%);
    bottom: 0;
    left: 0;
    background-position: left;
    background-size: cover;
}
.bg-shade h2{height: auto; margin-bottom: 25px;}
.banner-text li:first-child{display: block;}
.banner-text ul, .banner-text li{display: inline-block;}
}