@media (max-width: 1024px) {
.iti-mobile .intl-tel-input.iti-container {
    top: 381px;
    bottom: 30px;
    left: 313px;
    right: 30px;
    position: absolute;
    width: 29.5%;
    height: 50%;
}
.threeBg{
    margin-top:20px;
}
.fourBg{
  margin-top:20px;  
}
.das-box_bg{
    height: 296px;
        margin-top: 32px;
}
.inputBox label{
        font-size: 13px;
}
.pagination>li>a{
        margin: 0px 1px;
}
.contact_number{
    padding: 10px 30px 20px 15px !important;
    
}
.liveInput input {
    width: 65%;}
}

@media (max-width: 767px) {
    .padding_left_0 {
        padding-left: 15px !important;
    }
    .padding_right_0 {
        padding-right: 15px !important;
    }
    .grand_total {
        margin-left: 10px;
        padding: 12px 0px;
        text-align: left;
    }

    .addTiming {
    border: none;
    color: #3955F5;
    font-size: 14px;
    background: none;
    font-family: 'Poppins', sans-serif;
    margin-top: 5px;
    left: -16px;
    position: relative;
}
.iti-mobile .intl-tel-input.iti-container {
    top: 474px;
    bottom: 30px;
    left: 27px;
    position: absolute;
    height: 50%;
    width: 93%;
}


    .liveInput input {
    width: 56%;
    }
.main-footer {
    margin-left: 0px;
}
.content-wrapper{
        margin-left: 0px;
}
.main-header .navbar {
    margin-left: 0px;
}
.inputBox {
    position: relative;
    padding: 0px 17px;
}
.projectText h1{
        padding: 0px 0px 0px 8px;
}
.projectTxt h2{
        padding: 15px 0px 4px 10px;
}
.main-sidebar {
   width: 230px;
}
.skin-blue .main-header .logo{
    display:none;
}
.content-header>.breadcrumb{
        background:#4bb7ff !important;
}
.btn-submit {
    margin-right: 20px;
}
.uploadBtn button{
        top: -74px;
            position: relative;
}
#addres_create {
    position: relative;
    top: -10px;
}
.sidebar-menu>li{
    margin: 0px 0px !important;
}
.skin-blue .sidebar-menu>li>a:hover {
    border-left: 0px solid #ffffff!important;
}
.dropdown-content a{
        text-align: left;
}
.createProject {
      margin: -42px 17px 0px 0px!important;
}
.dataTables_filter{
        position: relative;
    margin-top: -39px;
    text-align: right !important
}
#admins-table_length{
text-align: left !important;
}
div.dataTables_length{
        text-align: left !important;
}
.contact_number2{
       padding: 29px 30px 0px 15px !important;
}
.itemChose{
    
    padding: 0px 0px 20px 0px;

}
.tab-design .nav-tabs-custom>.basicInfo{padding: 20px 10px  !important;}
.toppadding{
        padding: 0px 0px 40px 0px;
    margin-bottom: 0px;
}

}



@media (max-width: 414px) {

.job_btn_create {
    margin-top: 59px;
    margin-right: -7px;
}
    
    .projectText h1.item-pb{
    padding: 0px 0px 30px 8px;
}
.iti-mobile .intl-tel-input.iti-container {
    top: 474px;
    bottom: 30px;
    left: 27px;
    position: absolute;
    height: 50%;
    width: 87%;
}
.jobsBtn-search{
    width: 100%;
    display: table-caption;
    margin-top: 60px;
    margin-left: 10px;
}
    .createProject a{
        padding: 9px 11px;
    }
    .upload-create .uploadBtn{
            margin-top: 96px;
    margin-right: 30px;
    }
    .projectText h1.address-padding{
    padding: 0px 0px 30px 8px;
    }
    .houdeImages{
    margin: 0px 98px;
    }
.pass-reset {
    padding: 10px 10px 10px 10px !important;
}
.cretria-padding{
    padding:0px;
}
.border_none{
    display:none;
}
.padding-ten{
    padding:12px !important;
}
.pb_border{
        padding: 0px 0px 50px 0px;
}
    .sign-in{
            max-width: 346px;
    }
.skin-blue .wrapper{
background-color: none;
}
.main-footer span {
    float: left;
}
.main-footer {
    background: #fff;
    padding: 10px 15px 27px 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}
.das-box_bg {
    height: 565px;
}
.twoBg{
    margin-top:20px;
}
.div_responsive{
    width:100% !important;
}
.nav-tabs-custom>.nav-tabs>li {
    margin-right: 4px;
}
.tbl_mobile{
    overflow:auto;
}
/* width */
.tbl_mobile::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.tbl_mobile::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.tbl_mobile::-webkit-scrollbar-thumb {
  background: #3955F5; 
  border-radius: 10px;
}

/* Handle on hover */
.tbl_mobile::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

.contact_number2 {
    padding: 29px 20px 0px 15px !important;
}
.contact_number {
    padding: 10px 20px 20px 15px !important;
}
.liveInput input {
    width: 64%;
}
}

@media (max-width: 375px) {
    .concrete {
        margin-left: 80px;
    }
.iti-mobile .intl-tel-input.iti-container {

    top: 470px;
    bottom: 30px;
    left: 31px;
    position: absolute;
    height: 50%;
    width: 84%;

}

select.input-sm {
    height: 37px;
}
div.dataTables_length select {
    width: 143px;
    display: inline-block;
}
div.dataTables_length select {
    border-radius: 4px !important;
    margin-left: 16px;
}

div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
    text-align: center;
    display: inline;
}
.nav-tabs-custom>.nav-tabs>li {
    margin-right: -8px;
}

.measurement {
    background-image: url(../../doc_view/images/m.png);
    width: 322px;
    height: 403px;
    background-size: cover;
    background-position: center;
    margin: 59px 0 23px 0;
}
.houdeImages {
    margin: 0px 78px;
}
.upload-create .uploadBtn {
    margin-top: 96px;
    margin-right: -6px;
}
.projectText h1{
        font-size: 18px;
}

.box{
        padding: 3px !important;
}

div.dataTables_paginate {
    text-align: center !important;
    
}

div.dataTables_paginate ul.pagination {
    margin: 13px 0px;
    white-space: nowrap;
    padding: 0px 1px;
}
.liveInput span{
        left: 116px;
}
.liveInput input {
    width: 64%;
}

}


@media (max-width: 360px) {
.liveInput span{
        left: 116px;
}
.liveInput input {
    width: 65%;
}
.iti-mobile .intl-tel-input.iti-container {

    top: 470px;
    bottom: 30px;
    left: 31px;
    position: absolute;
    height: 50%;
    width: 83%;

}

.nav-tabs-custom>.nav-tabs>li {
    margin-right: -12px;
}
.measurement {
    background-image: url(../../doc_view/images/m.png);
    width: 314px;
    height: 385px;
    background-size: cover;
    background-position: center;
    margin: 59px 0 23px 0;
}
.houdeImages {
    margin: 0px 71px;
}
.upload-create .uploadBtn {
    margin-right: -23px;
}


}

@media (max-width: 320px) {
    .concrete {
        margin-left: 40px;
    }
    .job_btn_create {
    margin-top: 49px;
    margin-right: 7px;
}
 .job_btn_create .createProject a{
          margin-bottom: 10px;
  }
    .liveInput span{
        left: 114px;
    }
    .liveInput input {
    width: 60%;
    padding-right:10px!important;
}
    .iti-mobile .intl-tel-input.iti-container {
    top: 450px;
    bottom: 30px;
    left: 31px;
    position: absolute;
    height: 50%;
    width: 81%;
}
.padding-background-remove{
    background:none;
}
.upload-create .uploadBtn {
    margin-right: -60px;
}
.projectTxt h2 {
    padding: 0px 0px 4px 10px;
}
.box-header{
    padding: 0px 0px 0px 0px; 
}
.p_input{
    padding:3px 0px 3px 0px;
}
.createProject a {
    padding: 9px 7px;
}
.createProject {
    margin: -36px 0px 0px 0px!important;
}
.padding-0{
    padding:0px;
}
}