/*--Responsive--*/
@media screen and (max-width:1920px){  
    /*body {border:5px solid #f00;}*/
}
@media screen and (max-width: 1800px) {
    .buil-full-new{width:85%}
    .ChineseClass .buil-full-new{width:90%}
    .frenchClass .buil-full-new{width:81%}
    .spanishClass .buil-full-new{width:79%}
}

@media screen and (max-width: 1600px) {
    /*body{border:2px solid #f0f}*/
    .buil-full-new{width:83%}
    .ChineseClass .buil-full-new{width:87%}
    .frenchClass .buil-full-new{width:79%}
    .spanishClass .buil-full-new{width:75%}
}

@media screen and (max-width: 1400px) {
    /*.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:82% !important}
    .frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:82% !important}*/
    #wrapper .btn-success{width: 150px;min-width: inherit;}
    .defination-limit{width:950px}    
    #loginbox{width:460px}
    #loginbox img{width:380px}
    #loginbox .login-form-logo{margin-bottom:10px}
    #wrapper #loginbox .btn-success {padding: 8px 40px;font-size: 19px;min-width: 182px}
    #loginbox .input100{font-size:14px;height: 36px}
    #loginbox .label-checkbox100{font-size: 16px;padding-left: 30px}
    #loginbox .label-checkbox100::before{width: 18px;height: 18px}
    #loginbox .txt1,#loginbox .txt1:hover{font-size: 16px}
    #loginbox .focus-input100::after{font-size:26px}
    #loginbox .wrap-input100{margin-bottom: 18px}
    .dropdown.profile-menu {padding: 15px 10px 14px;}
    /*header img.profile-img {width: 150px;}
    .dropdown.profile-menu .initial{width: 60px;height: 60px}*/
    .header-right .dropdown em.name{font-size:16px;position: relative;top: 8px;}
    #wrapper header .logo{padding: 25px 0}
    
    .buil-full-new{width:78%}
    .ChineseClass .buil-full-new{width:85%}
    .frenchClass .buil-full-new{width:75%}
    .spanishClass .buil-full-new{width:72%}
}

@media screen and (max-width: 1280px) {
    /*body{border:2px solid #00f}*/
    .add-actions a, .add-actions div.conver-print, .dtr-details a, .dtr-details div.conver-print{margin:0 1px}
    .defination-limit{width:auto;white-space:initial}
    /*.checck-radio{width:180px}*/
    .view-protocol .defination-limit,.defination-limit{width:auto;white-space:initial}
    .project-screen .scroll-site-details{min-height: inherit !important;border: none;overflow: auto;}
    .project-screen .scroll-site-details .scroll-inner-div{width:1400px !important;max-width:inherit;}

    .project-screen.view-site-details .scroll-site-details .scroll-inner-div {
        width: 100% !important;
        max-width: inherit;
    }
    .project-screen.view-site-details .scroll-site-details {
        overflow: inherit;
    }

    .table-responsive .table.for-table-responsive{width:1200px !important;max-width:inherit !important}
    #projectActiveList.table-responsive .table.for-table-responsive{width:100% !important;}
    .project-screen .table-responsive .table.for-table-responsive{width:100% !important;}

    /*For French Language*/
    /*.frenchClass .floor-details .add-floor-new,.spanishClass .floor-details .add-floor-new{padding-right:150px}
    .frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:69% !important}
    .spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:62% !important}*/
    .frenchClass .add-more-tabs .floor-details .before-floor .form-control,.spanishClass .add-more-tabs .floor-details .before-floor .form-control{width:100% !important}
    .frenchClass .nav-tabs>li>a,.spanishClass .nav-tabs>li>a{font-size:13px;min-width:145px}
    /*For Spanish Language*/

    /*For Chinese Language*/
    /*.ChineseClass .add-more-tabs .floor-details .form-control{width:78% !important}*/
    .ChineseClass .build-error-left{padding-left: 78px}

    .buil-full-new{width:76%}
    .ChineseClass .buil-full-new{width:85%}
    .frenchClass .buil-full-new{width:70%}
    .spanishClass .buil-full-new{width:65%}

    /*---------- for  project details nav tab  -------*/
    .projectDetailsTabSect .nav-tabs>li>a {
        font-size: 13px;
        padding: 10px 0;
    }
}
@media screen and (max-width: 1150px) {
    #projectActiveList.table-responsive .table.for-table-responsive{width:1150px !important;}
}
@media screen and (max-width: 1199px) {
    .raise-alert-wrapper .btn-primary {
        display: inline-block;
        width: auto;
        min-width: 149px;
        white-space: inherit;
        font-size: 14px !important;
        padding: 10px 16px;
    }
}

@media screen and (max-width: 1140px) {
    /* body{border:2px solid #f00}*/
    .content .change-password input{width:75%}
    /* .checck-radio{width:160px}*/
    .nav-tabs>li>a{min-width:148px}  
    .projects-tab table p.pro-height-limit.add{width:400px}
    .table-responsive .table.for-table-responsive{width:1200px !important;max-width:inherit !important}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:69% !important}*/
    #tab2default .table td{vertical-align: top !important}

    /*For French and Spanish Language*/
    .frenchClass .content .change-password input,.spanishClass .content .change-password input{width:65%}
    .frenchClass .add-more-tabs .floor-details .form-control{width:100% !important}
    .frenchClass .nav-tabs>li>a{font-size:13px;min-width:132px}
    .spanishClass .nav-tabs>li>a{font-size:11px;min-width:140px}
    .frenchClass #tab2default .table td{vertical-align:top !important}
    /*.frenchClass #tab2default .table .before-floor td,
    .frenchClass #tab2default .table tbody tr td,
    .spanishClass #tab2default .table .before-floor td,
    .spanishClass #tab2default .table tbody td,
    .edit-sitemap-details #tab2default .table tbody td{width:30%}
    .frenchClass #tab2default .table .before-floor td:last-child,.spanishClass #tab2default .table .before-floor td:last-child,.edit-sitemap-details #tab2default .table .before-floor td:last-child{width:40%}*/
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:64% !important}*/

    /*For Spanish Language*/
    /*.spanishClass .floor-details .add-floor-new{padding-right:110px}
    .spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width: 65% !important}*/

    /*For Chinese Language*/
    /*.ChineseClass .add-more-tabs .floor-details .add-floor-new .form-control{width:76% !important  }*/
    .buil-full-new{width:73%}
    .ChineseClass .buil-full-new{width:81%}
    .hindiClass .buil-full-new{width:75%}

    .projectDetailsTabSect .nav-tabs>li>a {
        font-size: 13px;
        padding: 10px 0;
        min-height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .left-table.leftsideSect {
        width: 72%;
    }
}
/*---Max-Width 1024---*/
@media screen and (max-width:1024px){
    .login-wraap{position:relative;z-index:9}
    .content .change-password input{width:70%}
    /* .checck-radio{width:145px}  */
    .projects-tab table p.pro-height-limit{white-space: initial;max-height:inherit;}
    .projects-tab .table td{vertical-align:top !important}
    .projects-tab table p.pro-height-limit.add,.projects-tab table p.pro-height-limit{width:auto}
    .add-actions a, .add-actions div.conver-print, .dtr-details a, .dtr-details div.conver-print{margin:0 1px}
    .nav-tabs>li>a{min-width:125px;font-size:13px}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:70% !important}*/
    #tab2default .table .before-floor td{vertical-align:top !important}
    .add-floor .fa.fa-plus,.add-floor .fa.fa-remove{font-size:14px;padding-right:0}
    .building-main .add-floor .btn-primary, .building-main .add-floor .btn-default{font-size:0;min-width:inherit;}
    #tab4default .table>thead>tr>th{vertical-align: middle;}
    .defination-limit{width:inherit;white-space:initial;display:inline;}
    /*.container{padding:0 15px}*/
    .edit-sitemap-details .container{padding:0 30px}
    .table-responsive .table.for-table-responsive,.edit-sitemap-details .tab-content table{width:1200px !important;max-width:inherit !important}
    /* .view-site-details .inner-bg-row:first-child .col-sm-4:last-child{width:100%;display: block !important;float:none;clear: both;}
    .view-site-details .inner-bg-row:first-child .col-sm-4{width:50%}
    .view-site-details .inner-bg-row:first-child .col-sm-4 .col-sm-4{width:auto}*/
    /*.site-address{width:100%;clear:both;}
    .site-address .control-label{width:auto}*/
    .convertqr,.pin-no {float: none !important; margin: 0 auto;}
    .pin-no{text-align:center;display:block;}
    .btn.btn-primary.btn-create,.col-sm-8.text-left.padding-left{margin:4px auto;display:block}

    /*For French and Spanish Language*/
    .frenchClass .nav-tabs>li>a {font-size: 12px;min-width: 100px}
    .frenchClass .form-horizontal #tab1default .inner-bg-row .control-label,.frenchClass .form-horizontal .control-label{padding-left:0}
    .frenchClass #tab2default .table .before-floor td,.spanishClass #tab2default .table .before-floor td{width:40%}
    .frenchClass #tab2default .table .before-floor td:last-child,.spanishClass #tab2default .table .before-floor td:last-child{width:20%}
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control,.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:70% !important}*/
    .spanishClass .nav-tabs>li>a{padding: 8px 12px;min-width: 114px}
    
    .ChineseClass .buil-full-new{width:83%}
    .hindiClass .buil-full-new{width:77%}
    .frenchClass .buil-full-new{width:72%}
    .spanishClass .buil-full-new{width:69%}

    .left-table.leftsideSect {
        width: 76%;
    }
}
@media screen and (max-width:991px){  
    .projectDetailsTabSect .nav-tabs{
        text-align: center
    }
    .projectDetailsTabSect .nav-tabs>li {
        margin-bottom: 2px;
    }
}
/*---Max-Width 990---*/
@media screen and (max-width:990px){  
    .login-wraap{position:relative}
    .profile-details .col-md-3.col-lg-3{width:25%;float:left} 
    .profile-details .col-md-9.col-lg-9{width:75%;float:left}
    .content .change-password label{float:none}
    .content .change-password .password-field{padding:0;/*;text-align:center*/}
    .add-actions a, .add-actions div.conver-print, .dtr-details a, .dtr-details div.conver-print{margin:0}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:78% !important}
    .container{padding:0 15px}.checck-radio{width:130px}
    .spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:68% !important}*/
    .spanishClass .nav-tabs>li>a{padding:8px 10px;min-width: 105px}

    /*For French Language*/
    /*.frenchClass .content .change-password input{width:60%}
    .frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:73% !important}*/
    .frenchClass .nav-tabs>li>a{font-size:11px}
    .bordered{min-height:350px}
    .left-table.leftsideSect {
        width: 70%;
    }
}

@media screen and (max-width: 840px){
    /*.content .change-password input{width:60%}
    .checck-radio{width:115px}*/
    /*body{border:2px solid #f0f;}*/
    .project-screen .nav-tabs{text-align:center;}
    .nav-tabs>li {float: none;display: inline-block;width: 32%;margin: 2px;}
    .add-new-client  .nav-tabs>li {width:47%}
    .nav-tabs>li a{min-width: inherit;font-size:14px}
    .inner-bg-row .col-sm-4{width:100%}
    .inner-bg-row .col-sm-4 .col-sm-4{width:130px;text-align: left;}
    .inner-bg-row .col-sm-4 .col-sm-8{width:82%}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:73% !important}*/
    .add-action button{padding:0 2px}  
    .table.for-table-responsive thead tr th{vertical-align:middle !important}
    .project-screen .scroll-site-details .scroll-inner-div{width:100% !important}
    .project-screen .scroll-site-details .inner-bg-row .col-sm-4 .col-sm-4{width:auto;}
    /* .view-site-details .inner-bg-row:first-child .col-sm-4{width:100%}*/
    .view-site-details .add-more-tabs label,.view-site-details .view-details .inner-bg-row .col-sm-8{line-height:20px}
    /*.convertqr, .pin-no{float:left !important;margin:0 5px}*/
    .btn.btn-primary.btn-create, .col-sm-8.text-left.padding-left{margin:0;display: inline-block;}

    /*.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:67% !important}*/

    /*For French Language*/
    .frenchClass .content .change-password input,.spanishClass .content .change-password input{width:100%}
    .frenchClass .content .change-password .col-md-12,.spanishClass .content .change-password .col-md-12{margin:5px 0;overflow: hidden;}
    .frenchClass .content .bordered,.spanishClass .content .bordered{min-height:303px}
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:68% !important}*/
    .frenchClass #tab2default .table .before-floor td{width:38%}
    .frenchClass .nav-tabs>li>a{font-size:12px}
    
}

/*---Max-Width 800---*/
@media screen and (max-width:800px){

}

@media screen and (max-width: 768px) {
    /*body{border:2px solid #000;}*/
    .inner-bg-row .col-sm-4 .col-sm-8{width:80%}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:67% !important}*/
    .building-main .add-floor .btn-primary, .building-main .add-floor .btn-default{padding:6px 9px}
    .checck-radio {width: auto;/*margin-right: 15px;*/}
    .add-more-tabs .row.text-center {position: relative;right: 0;top: 0;margin: 0 0 15px 0;}
    .add-more-tabs h3{display:none;}
    .modal-dialog{width:90% !important}
    .frenchClass #tab2default .table .before-floor td,.spanishClass #tab2default .table .before-floor td{width:40%}
    .frenchClass #tab2default .table .before-floor td:last-child,.spanishClass #tab2default .table .before-floor td:last-child{width:20%}

    /*For French Language*/
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:62% !important}*/
    /*For Spanish Language*/
    /*.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width: 62% !important}*/

    .buil-full-new{width:76%}
    #map-loaction-pop .modal-dialog,.map-loaction-pop .modal-dialog{max-width:100%;}
}


/*---Max-Width 767---*/
@media screen and (max-width:767px){
    body{/*border:2px solid #0ff;*/font-size:14px}
    .def-btn{padding:0 0 10px 0}
    .default-language .bordered{min-height:inherit !important}
    .default-language{margin-bottom:15px}
    .content .change-password input{width:80%}
    .confirm-btn{padding-left:147px}
    .content .change-password .confirm-btn{padding-left:0}
    /*.modal-dialog{width:90% !important}*/
    .confirm .modal-dialog{width:400px !important}
    .add-plus{display:inline-block;}
    .projects-tab .head-top-right{top:3px}

    .collapse{display: none !important;text-align:left !important}
    .collapse.in{display: block !important;text-align: left !important;}
    .table.for-table-responsive tr{margin:0 15px 15px 15px;display:block}
    .table.for-table-responsive tr td{background:#f9f9f9;}
    .table.for-table-responsive tr td label.for-responsive {display: inline-block;width: 115px;font-weight:bold;margin:0}
    .projects-tab .table.for-table-responsive tr td label.for-responsive{width:75px}

    .table.for-table-responsive tr td {display: inline-block;width: 100%;padding: 3px 3px 0;border: 0;margin:0;border:none !important;text-align:left !important}
    .table.for-table-responsive thead{display:none;}
    .text-center.add-actions{text-align:left !important}
    .add-actions a, .add-actions div.conver-print, .dtr-details a, .dtr-details div.conver-print{margin:0 4px}
    .table.for-table-responsive tr td.first-click{padding-left: 30px !important;position: relative;cursor: pointer;text-align:left !important}
    .table.for-table-responsive tr td.first-click:before{top: 9px;left: 4px;height: 14px;width: 14px;display: block;position: absolute;color: white;border: 2px solid white;border-radius: 14px;
    box-shadow: 0 0 3px #444;box-sizing: content-box;text-align: center;text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;line-height: 14px;content: '+';background-color: #ff4f00;cursor: pointer}
    .table.for-table-responsive tr td.first-click.after:before{content:'-';background-color: #82320e}
    .collapse{-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
    .table.for-table-responsive .switch{top:10px}
    .table-responsive .table.for-table-responsive{width:100% !important;max-width: 100% !important}
    .inner-bg-row{text-align:left;padding:15px 10px 0 10px}
    .inner-bg-row .col-sm-4 .col-sm-8{width:80%;display: inline-block;}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:70% !important}*/
    .table.for-table-responsive tbody:first-child tr{margin:0}
    .table-responsive{margin:15px 0}
    .user-management .table-responsive{margin-top:0}
    .protocol-limit{display:inline;}
    .select-site {text-align: left;padding: 6px 0 6px 15px;}
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{white-space: initial;}
    .pro-height-limit{max-height: inherit;}

    /*.user-management .table.for-table-responsive tr td label.for-responsive{width:65px}*/
    /*For Hindi Language*/
    .hindiClass .user-management .table.for-table-responsive tr td label.for-responsive{width:140px}
    /*For French Language*/
    .frenchClass .content .bordered{min-height:inherit;}
    .frenchClass .content .change-password .col-md-12.confirm-btn,.spanishClass .content .change-password .col-md-12.confirm-btn,.content .change-password .col-md-12.confirm-btn{padding-left:0;text-align: center;}
    .frenchClass .user-management .table.for-table-responsive tr td label.for-responsive{width:145px}
    .frenchClass .projects-tab .table.for-table-responsive tr td label.for-responsive{width:100px}
    /*.frenchClass #tab2default .table .before-floor td,.frenchClass #tab2default .table .before-floor td:last-child{width:100%;display: block;}*/
    .frenchClass .project-screen .table.for-table-responsive tr td label.for-responsive{width:160px}
    .frenchClass .project-screen #tab5default .table.for-table-responsive tr td label.for-responsive{width:75px}

    .spanishClass .table.for-table-responsive tr td label.for-responsive{width:150px} 
    .spanishClass .user-management .table.for-table-responsive tr td label.for-responsive{width:165px}
    .spanishClass .projects-tab .table.for-table-responsive tr td label.for-responsive{width:80px}
    .projects-tab .table.for-table-responsive tr td:first-child label.for-responsive{width:auto;padding-right:10px}

    .projects-tab .heading-title {text-align: left;margin-top: 7px}
    .search{margin:0}
    .btn-floating .ti-plus{top:0}
    .projects-tab .project-top{padding:5px 0}
    .user-management .heading-title,.heading-title{margin-left: 0;padding:0}
    .add-more-tabs .col-sm-10{width:100%;display:inline-block}
    .add-building {margin-top:10px}
    .content .change-password .password-field{padding-left:0}

    /*For new ui change for edit sitemap details*/
    .buil-full-new{width:81%}
    .new-ui-change{border:1px solid #fe9b6b !important}
    .edit-sitemap-details .tab-content .new-ui-change table{width:100% !important}
    #tab2default .new-ui-change .table td{width:100%;display:inline-block;clear:both;}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody tr{border-bottom:1px solid #f2f2f2}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody td{width:50% !important;text-align:left;padding:15px !important}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody td:last-child{text-align:right}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody td.add-new-floorplus{width:100% !important;text-align:left !important}
    #tab2default .new-ui-change .table thead td:last-child{display:none}
    .new-ui-change .uploadFile{width:100%}
    /*.add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:75% !important} */
    /*.ChineseClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:81% !important}*/
    /*.frenchClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:72% !important}
    .spanishClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:70% !important}*/
    .ChineseClass .buil-full-new{width:87%}
    .hindiClass .buil-full-new{width:82%}
    .frenchClass .buil-full-new{width:77%}
    .spanishClass .buil-full-new{width:75%}


    .view-sitemap-details .tab-content .new-ui-change table{width:100% !important}
    .view-sitemap-details #tab2default .new-ui-change .table tbody tr{border-bottom:1px solid #f2f2f2}
    .view-sitemap-details #tab2default .new-ui-change .table tbody td{width:50% !important;text-align:left;padding:15px !important}
    .view-sitemap-details #tab2default .new-ui-change .table tbody td:last-child{text-align:right}
    .view-sitemap-details #tab2default .new-ui-change .table tbody td.add-new-floorplus{width:100% !important;text-align:left !important}

    .emergencycenter .table-bordered{border:none;}
    .sitedetailseditview.project-screen .scroll-site-details {
    overflow: inherit;
}
.sitedetailseditview .table-responsive > .table{min-width:400px;}
.sitedetailseditview .table-responsive > .table>tbody>tr>td {
    border: 0;
}
    .left-table.leftsideSect {
        width: 100%;margin-bottom: 20px;float:none
    }
    .pin-codes.rightsideCol{position: relative;width: 100%;float:none;max-width:300px;margin:0 auto}
}

/*---Max-Width 667---*/

@media screen and (max-width:667px){
    .checck-radio {width:auto;/*padding-right:15px*/}
    .edit-btn{top:-12px;right:2px}
    .projects-tab .heading-title{font-size: 18px !important}
    .projects-tab .head-top-right{top:0}
    .inner-bg-row .col-sm-4 .col-sm-8{width:70%}
    /*.add-more-tabs .floor-details .add-floor-new .form-control{width:64% !important}*/
    /*#tab2default .table .before-floor td,
    .frenchClass #tab2default .table .before-floor td,
    .frenchClass #tab2default .table tbody tr td,
    .spanishClass #tab2default .table .before-floor td,
    .spanishClass #tab2default .table tbody td,
    .frenchClass #tab2default .table .before-floor td:last-child,
    .spanishClass #tab2default .table .before-floor td:last-child{width:100%;display:block;}*/
    .uploadFile{width:100%}
    /*.building-main .add-floor .btn-primary, .building-main .add-floor .btn-default{font-size:13px}
    .add-floor .fa.fa-plus, .add-floor .fa.fa-remove{padding-right:8px !important}*/
    .outer-search{display: inline-block;width: 100%;margin: 0;text-align: right;/*padding-bottom: 3px;border-bottom: 1px solid #6fa3e8;*/}
    /*.outer-search .search{display:inline-block;width:auto;padding-bottom:0;border:none;float:left;margin:0 5px}*/
    .projects-tab .head-top-right {top:38px;display: inline-block;right: 0}
    #tab2default .table thead td{text-align:left !important}
    /*.edit-sitemap-details #tab2default .table tbody td,.frenchClass #tab2default .table tbody tr td{width:100%;display: block;text-align:center !important}*/
    .nav-tabs>li{width:40%}
    .left-table{padding-right: 0}
    .convertqr, .pin-no{float: none !important}
    .view-details .table>tbody>tr>th, .scroll-site-details .table>tbody>tr>th{width: 175px}

    .spanishClass .profile-details .col-md-3.col-lg-3,
    .spanishClass .profile-details .col-md-9.col-lg-9{width:100%;float:none;}
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control,
    .spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:58% !important}*/


    /*For new ui change for edit sitemap details*/
    /*.add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:71% !important}*/
    /*.ChineseClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:78% !important}*/
    /*.frenchClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:68% !important}
    .spanishClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:65% !important} */

    .buil-full-new{width:76%}
    .ChineseClass .buil-full-new{width:85%}
    .hindiClass .buil-full-new{width:78%}
    .frenchClass .buil-full-new{width:73%}
    .spanishClass .buil-full-new{width:71%}

    .projectDetailsTabSect .nav-tabs>li>a {
         min-height: inherit;
        display: block;
    }
    #wrapper header .logo {
        float: none;
        text-align: center;
        padding: 25px 0 10px;
    }
    header .header-right {
        float: none;
        text-align: center;
    }

}

/*---Max-Width 640---*/
@media screen and (max-width:640px){
    .profile-details .col-md-3.col-lg-3{width:100%;float:none;} 
    .profile-details .col-md-9.col-lg-9{width:100%;float:none;}
    .edit-btn .btn-primary{min-width:70px;padding:5px 12px;}
    .modal-header h4{font-size:15px}
    .table-user-information{width:100%}
    .table-user-information tr td:first-child{width:135px}
    .content .change-password .confirm-btn{text-align:center;padding:0}
    .add-actions a, .add-actions div.conver-print, .dtr-details a, .dtr-details div.conver-print{margin:0 2px 0 2px}
    .floor-details .add-floor-new,.frenchClass .floor-details .add-floor-new{padding-right:0}
    .floor-details .text-center.add-action {position: relative;top: 0;right: 0;margin: 10px 0 0 0}
    .view-sitemap-details .table>tbody>tr>td:first-child{padding-left:0 !important}

    /*For French Language*/
    .frenchClass .table-user-information tr td:first-child{width:170px}
    .frenchClass .nav-tabs>li,.spanishClass .nav-tabs>li{width:40%}

    /*For Spanish Language*/
    .spanishClass .table-user-information tr td:first-child{width:180px}
    .spanishClass .floor-details .add-floor-new{padding-right:0}



    /*For new ui change for edit sitemap details*/
    /*.add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:69% !important}*/
    .buil-full-new{width:69%}
    /*.ChineseClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:76% !important}
    .frenchClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:66% !important}
    .spanishClass .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:63% !important}*/ 

    .ChineseClass .buil-full-new{width:76%}
    .hindiClass .buil-full-new{width:70%}
    .frenchClass .buil-full-new{width:65%}
    .spanishClass .buil-full-new{width:63%}
}

/*---Max-Width 568---*/
@media screen and (max-width:568px){
    .content .change-password input{width:73%}
    .nav-tabs>li{width:100% !important}.nav-tabs>li a{font-size:14px !important}

    /*For French Language*/
    .frenchClass .add-more-tabs .floor-details .add-floor-new .form-control/*,
    .spanishClass .add-more-tabs .floor-details .add-floor-new .form-control*/{width:60% !important}
    .spanishClass #tab6default .table.for-table-responsive tr td label.for-responsive,.spanishClass #tab4default .table.for-table-responsive tr td label.for-responsive{width:140px}

    /*.buil-full-new{display: block;clear: both;padding-right: 60px}
    .full-new-btn{position: absolute;bottom:5px;right: 0}*/
    .buil-full-new{width:64%}
    .add-more-tabs .floor-details .new-ui-change .add-floor-new .form-control{width:100% !important}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody tr.before-floor td{width:100% !important;text-align:left;padding:15px !important}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody tr.before-floor td:last-child{text-align:center !important}

    .view-sitemap-details #tab2default .new-ui-change .table tbody tr.before-floor td{width:100% !important;text-align:left;padding:15px !important}
    .view-sitemap-details #tab2default .new-ui-change .table tbody tr.before-floor td:last-child{text-align:center !important}

    .ChineseClass .buil-full-new{width:72%}
    .hindiClass .buil-full-new{width:66%}
    .frenchClass .buil-full-new{width:60%}
    .spanishClass .buil-full-new{width:58%}
}

/*---Max-Width 480---*/
@media screen and (max-width:480px){
    #loginbox{padding:10px 0}
    .content .change-password input{width:65%}
    .edit-btn .btn-primary {min-width: inherit;padding: 5px 12px;font-size: 0}
    .edit-btn .btn-primary .fa{font-size: 15px;padding: 0;}
    .header-right .dropdown a em.name{display: none}
    .inner-bg-row .col-sm-4 .col-sm-8{width:65% !important}

    .add-more-tabs .floor-details .add-floor-new .form-control{width:76% !important;clear:both;}
    .build-name {padding-right: 0;clear: both;}
    .build-btn {position: relative;top: 0;right: 0;margin: 10px 0 0 0}
    .crop-result-active {width: 100%;margin: 0 0 10px 0}

    /*For French Language*/
    .frenchClass .build-name{padding-right:0}
    /*.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control,*/.SpanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:67% !important;clear:both;}
    /*.frenchClass .nav-tabs>li,.spanishClass .nav-tabs>li{width:48%}.frenchClass .nav-tabs>li>a,.spanishClass .nav-tabs>li>a{font-size:11px}*/
    .frenchClass .panel-heading,.spanishClass .panel-heading{padding:10px 0}
    /*For Spanish Language*/
    /*.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:65% !important;clear: both;}*/
    .spanishClass .build-name{padding-right:0}

    .container{padding:0 10px !important}
    header img.profile-img{width:145px}
    .header-right .dropdown em.name{top:0}.dropdown.profile-menu .initial{width: 65px;height: 65px}
    .dropdown.profile-menu .initial img{vertical-align: top;}

    .buil-full-new,.ChineseClass .buil-full-new,.spanishClass .buil-full-new{width:88%;clear:both}
    .frenchClass .buil-full-new{width:85%}
    .hindiClass .buil-full-new{width:86%}
    .ChineseClass .build-error-left,.build-error-left{padding-left:0 !important}
}
/*---Max-Width 400---*/
@media screen and (max-width:414px){
    .table-user-information tr td:first-child{width:118px}
    .add-new-client .nav-tabs>li>a{min-width:135px;font-size:12px}
    .confirm .modal-dialog{width:90% !important}
    .inner-bg-row .col-sm-4 .col-sm-8{width:55% !important}
    .convertqr{float:none !important;margin:0 auto}
    /*  .btn.btn-primary.btn-create, .col-sm-8.text-left.padding-left {margin: 0 auto;display: block;}
    .convertqr, .pin-no {float: none !important;margin: 0 auto}*/
    .pin-no{line-height:30px}
    /* .inner-bg-row .col-sm-4 .col-sm-8{text-align:center !important}*/
    /*.add-more-tabs .floor-details .add-floor-new .form-control,.frenchClass .add-more-tabs .floor-details .add-floor-new .form-control{width:80% !important;clear:both;}*/
    #loginbox img{width: 100%}

    /*For French Language*/
    /*.frenchClass .nav-tabs>li{width:70%}.frenchClass .nav-tabs>li>a{font-size:13px}*/
    .header-right .dropdown em.name{font-size: 0}
    .header-right .dropdown em.name span{font-size: 14px}

    .buil-full-new{width:84%}
    .hindiClass .buil-full-new{width:83%}
    .frenchClass .buil-full-new{width:81%}
    .spanishClass .buil-full-new{width:85%}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody td{width:100% !important;text-align: left !important}
    .edit-sitemap-details #tab2default .new-ui-change .label-bold{padding-left:0 !important}
    .edit-sitemap-details #tab2default .new-ui-change .table tbody td{padding:10px 15px !important}

    .view-sitemap-details #tab2default .new-ui-change .table tbody td{width:100% !important;text-align: left !important}
    .view-sitemap-details #tab2default .new-ui-change .label-bold{padding-left:0 !important}
    .view-sitemap-details #tab2default .new-ui-change .table tbody td{padding:10px 15px 6px !important;text-align: left !important}
    .view-sitemap-details #tab2default .new-ui-change .text-center{text-align:left !important;width: auto !important}
} 

@media screen and (max-width:375px){
    .content .change-password input {width: 100%;display: block;float: none}
    .settings .content .table td {padding:4px 0 4px !important;display: block;width: 100%;border-bottom:none !important}
    .settings .content .table tr{border-bottom:1px solid #f1f1f1 !important}
    .inner-bg-row .col-sm-4 .col-sm-8{width:auto !important}
    /*.view-details .inner-bg-row .col-sm-8.pro-height-limit{display:inline;}*/
    /*.nav-tabs>li a{font-size:13px}*/
    .inner-bg-row .col-sm-4 .col-sm-4,.inner-bg-row .col-sm-4 .col-sm-8{width:100% !important;}
    .inner-bg-row .col-sm-4 .col-sm-8{padding-left:15px !important}
    .projects-tab .head-top-right button {margin: 0 !important;font-size: 0;  min-width: inherit;  }
    .projects-tab .head-top-right button .fa{font-size: 14px;  padding: 0;  }
    .projects-tab .heading-title{font-size:16px !important}
    .convertqr, .pin-no {float: none !important;margin: 0 5px}
    .view-sitemap-details .tab-content table{width: 800px !important}

    #wrapper header .logo {padding: 10px 0;float: none}
    .header-right{float: none !important;text-align: center !important}
    .header-right .dropdown em.name span{font-size: 15px}

    /*For French Language*/
    .frenchClass .panel-default>.panel-heading{padding:0}
    .frenchClass .form-horizontal #tab1default .inner-bg-row .control-label, .frenchClass .form-horizontal .control-label{padding-left: 15px}
    /*For Spanish Language*/
    /*.spanishClass .add-more-tabs .floor-details .add-floor-new .form-control{width:65% !important}*/
    .ChineseClass .buil-full-new{width:83%}

}

/*---Max-Width 360---*/
@media screen and (max-width:360px){
    .user-crop-img .modal-footer button{margin-bottom: 10px}
    .buil-full-new,.ChineseClass .buil-full-new{width:82%}
}

/*---Max-Width 320---*/
@media screen and (max-width:320px){
    .nav-tabs>li a{font-size:12px}
    #loginbox .label-checkbox100,#loginbox .txt1, #loginbox .txt1:hover{font-size:14px}
    .view-details .table>tbody>tr>th, .scroll-site-details .table>tbody>tr>th{width: 125px;padding:8px}
    .buil-full-new,.ChineseClass .buil-full-new{width:80%}
    .hindiClass .buil-full-new{width:78%}
    .spanishClass .buil-full-new{width:82%}
}