* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { padding: 0; margin: 0; box-sizing: border-box; }
body { font-family: 'Open Sans',sans-serif; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
p { margin: 0; padding: 0; }

html.gr__besiders_co body { background: #fafafa; }

header.header { padding: 20px; box-shadow: 0px 1px 10px 0 #ddd; background-color: #2a3949; }
header.header .logo { float: left; }
header.header .logo img { float: left; }
header.header nav.nav-collapse ul { margin: 23px 0; float: left; width: 100%; }
header.header nav.nav-collapse ul li { float: left; margin-right: 20px; line-height: 1; }
header.header nav.nav-collapse ul li a { line-height: 1; color: #666; }
header.header nav.nav-collapse ul li i { float: left; margin-right: 10px; color: #666; }
header.header nav.nav-collapse { float: right; }
.homeexpertise table tr th:first-child {
    width: 50px;
}

.tabscls { float: left; width: 100%; margin: 30px 0 20px; }
.tabscls .tab-content { padding: 20px; }
.tabscls ul.nav.nav-tabs { padding: 0 20px; }
.tabscls ul.nav li a.nav-link { color: #999; }
.main-surv .main-header { border-bottom: 1px solid #ddd; float: left; width: 100%; }
.aftelgin header .logo { float: left; padding: 0; }
.aftelgin header .logo img { float: left; }
.bodypart { float: right; width: calc(100% - 240px); width: -webkit-calc(100% - 240px); padding: 0 10px; transition: 0.5s; }
.bodypart.mainbody { width:100%; transition: 0.5s; }
.side-menu { position: fixed; width: 240px; height: 100%; background: #2a3949; transition: 0.5s; overflow: auto; }
.side-menu nav.navbar { float: left; width: 100%; position: relative; padding: 10px 0; }
.side-menu nav.navbar .navbar-header { float: left; width: 100%; }
.side-menu button.navbar-toggle { position: absolute; right: 21px; top: 23px; border: none; background: transparent; cursor: pointer;
    line-height: 1; transition: 0.5s; }
.side-menu.slide-in { transition: 0.5s; width: 0px; overflow: hidden; }
.side-menu nav.navbar .side-menu-container { float: left; width: 100%; }
.side-menu nav.navbar .side-menu-container ul.nav li a { float: left; width: 100%; padding: 8px 15px; border-bottom: 1px solid #829dbd;
    color: #c7e0ff; white-space: nowrap; }
.side-menu nav.navbar .side-menu-container ul.nav li ul.nav { float: left; width: 100%; }
.side-menu nav.navbar .navbar-header .brand-name-wrapper { float: left; width: 100%; padding: 0 15px 10px; border-bottom: 1px solid #829dbd; }
.side-menu nav.navbar .side-menu-container ul.nav li a span.fa { float: left; font-size: 18px; margin: 3px 15px 0 0; width: 20px;
    text-align: center; }
.side-menu nav.navbar .navbar-header .brand-name-wrapper a.navbar-brand { float: left; margin: 0; color: #c7e0ff; font-weight: 600;
	 transition: 0.5s; }
.side-menu.slide-in .brand-name-wrapper a.navbar-brand { margin-left: -80px !important; transition: 0.5s; }
.side-menu button.navbar-toggle span.fa { color: #c7e0ff; }
.side-menu button:focus { outline: none; }
.side-menu.slide-in button.navbar-toggle { transform: rotate(180deg); transition: 0.5s; }
.side-menu nav.navbar .side-menu-container ul.nav li div.collapse { float: left; width: 100%; }
.side-menu nav.navbar .side-menu-container ul.nav li div.collapse .panel-body { float: left; width: 100%; background-color: #000; }
.side-menu nav.navbar .side-menu-container ul.nav li.dropdown { position: relative; transition: 0.5s; }
.side-menu nav.navbar .side-menu-container ul.nav li.dropdown > a:after { content: "\f078";font: normal normal normal 14px/1 FontAwesome;
	position: absolute; right: 30px; top: 13px; color: #c7e0ff; transition: 0.5s; border: none; }
.navbar-nav .dropdown-menu { float: left; width: 100%; background: transparent; }
.side-menu nav.navbar .side-menu-container ul.nav li.dropdown ul.dropdown-menu { background-color: #000; float: left; margin: 0; padding: 0; }
.side-menu nav.navbar .side-menu-container ul.nav li.dropdown ul.dropdown-menu a { font-size: 14px; padding-left: 25px; }
.adminlogin { width: 400px; position: absolute; right: 0; left: 0; margin: 0 auto; top: 30%; padding: 20px; box-shadow: 0 0 10px 0 #eee;
    border-radius: 4px; border: 1px solid #eee; text-align: center; background: #fff; }
.adminlogin label { float: left; width: 100%; font-size: 22px; text-align: center; border-bottom: 1px solid #ddd; color: #000;
    font-weight: 600; padding-bottom: 10px; margin-bottom: 20px; }
.adminlogin form { float: left; width: 100%; text-align: center; }
.adminlogin form input[type="email"], .adminlogin form input[type="password"] { border: 1px solid #ddd; font-size: 15px; padding: 5px 10px;
	box-sizing: border-box; width: 70%; margin-bottom: 10px; border-radius: 3px; box-shadow: inset 0px 0px 2px #eee; }
.adminlogin button.btmn.btn-primary { padding: 4px 15px; font-size: 15px; border-radius: 3px; background: #ec9001; border: 1px solid #ec9001;
    width: 70%; margin-bottom: 10px; }

.homebanner { float: left; width: 100%; padding: 20px 0; }
.homebanner table { width: 100%; border: 1px solid #ddd; table-layout: fixed; background-color: #fff; }
.homebanner table td img { width: 100%; float: left; }
.homebanner table td, .homebanner table th { padding: 10px; border: 1px solid #ddd; }
.homebanner table th:first-child { width: 25%; }
.bannerupid { float: left; width: 100%; background-color: #fff; padding: 20px 10px; margin-bottom: 20px; }
.bannerupid span.bannertitle { float: left; width: 100%; margin-bottom: 10px; }
.bannerupid span.bannertitle label { float: left; width: 100%; margin: 0; font-size: 18px; border-bottom: 1px solid #ddd;
	padding-bottom: 10px; margin-bottom: 6px; }
.bannerupid .editimagebanner { float: left; width: 100%; }
.bannerupid .editimagebanner form { float: left; width: 100%; }
.bannerupid .editimagebanner form .editimagebannerinr { float: left; width: 100%; position: relative; height: 150px; margin: 5px 0; }
.bannerupid .editimagebanner form .editimagebannerinr input[type="file"] { position: absolute; height: 100%; width: 100%; z-index: 0;
	z-index: 99; opacity: 0; }
.bannerupid .editimagebanner form .editimagebannerinr label { position: absolute; height: 100%; width: 100%; text-align: center;
    margin: 0; z-index: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; font-size: 17px; font-weight: 600; }
.bannerupid .editimagebanner form .editimagebannerinr label i.fa { font-size: 60px; margin: 27px 0 0; width: 100%; }
.bannerupid .editimagebanner form .editimagebannerinr .editimagebannerimg { position: absolute; left: 110%; width: 100%;
	background-color: #fff; height: 100%; }
.bannerupid .editimagebanner form .editimagebannerinr img#output { width: auto; height: 100%; max-width: 680px; }
.bannerupid .editimagebanner button.btn { float: right; margin: -63px 20px 0; }

.bannerupid.test .editimagebanner button.btn { float: right; margin:  0 20px 0; }
.bannerupid .editimagebanner form span.fileerror { margin-top: 10px; float: left; width: 100%; text-align: center; color: red; }


.userview { float: left; width: 100%; }
.userview h3.page-title { float: left; width: 100%; margin: 20px 0 20px; }
.userview .userviewbtn { float: left; width: 100%; margin-bottom: 20px; }
.userview .userviewbtn a { float: left; margin-right: 10px; color: #fff !important; padding: 8px 20px; font-weight: 600; font-size: 15px; }
.userview .userviewbtn a i.fa { float: left; margin: 4px 6px 0 0; }
.userview .userviewtbl { float: left; width: 100%; }
.userview .userviewtbl .panel-heading { float: left; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;
    font-size: 20px; }
.userview .userviewtbl .progrmslistcls { float: left; width: 100%; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_length { float: left; margin-bottom: 15px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_filter { float: right; margin-bottom: 15px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_filter label { float: left; margin: 0; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_filter label input[type="search"] { border: 1px solid #ddd;
	padding: 4px 10px; font-size: 15px; border-radius: 3px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_length label { margin: 0; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_length label select { border: 1px solid #ddd;  padding: 4px 10px;
    font-size: 15px;  border-radius: 3px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls { float: left; width: 100%; padding: 10px 0; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table { border: 1px solid #ddd; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table td { border-width: 1px 1px 0 0px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table th { border-width: 0px 1px 0 0px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table td:last-child { border-width: 1px 0px 0 0px; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table th:last-child { border-width: 0px 0px 0 0px; }

.userview .userviewtbl .progrmslistcls .prolisttabcls table td:last-child form { float: left; }


.homeservice { float: left; width: 100%;padding: 20px 0; }
.homeservice table { width: 100%; border: 1px solid #ddd; background-color: #fff; }
.homeservice table td, .homeservice table th { padding: 10px; border: 1px solid #ddd; }
.homeservice table th:first-child { width: 50px; text-align: center; }
.homeservice table td:first-child { text-align: center; }
.homeservice table th { white-space: nowrap; }

.bannerupid {  float: left; width: 100%; }
.homeservice .bannerupid .editservices { float: left; width: 100%; }
.homeservice .bannerupid .editservices form { float: left; width: 100%; }
.homeservice .bannerupid .editservices .editimageservice { float: left; width: 200px; margin-right: 20px; }
.homeservice .bannerupid .editservices form .editimagebannerinr { float: left; width: 100%; position: relative; height: 150px; }
.homeservice .bannerupid .editservices form .editimagebannerinr input[type="file"] { position: absolute; height: 100%; width: 100%;
    z-index: 99; opacity: 0; }
.homeservice .bannerupid .editservices form .editimagebannerinr label { position: absolute; height: 100%; width: 100%; text-align: center;
    margin: 0; z-index: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; font-size: 17px; font-weight: 600; }
.homeservice .bannerupid .editservices form .editimagebannerinr label i.fa { font-size: 60px; margin: 27px 0 0; width: 100%; }
.homeservice .bannerupid .editservices form .editimagebannerinr .editimagebannerimg { position: absolute; left: 110%; width: 100%;
    background-color: #fff; height: 100%; }
.homeservice .bannerupid .editservices form .editimagebannerinr .editimagebannerimg img#output1 { width: auto; height: 100%;
    max-width: 550px; }
.homeservice .bannerupid .editservices button { float: right; margin: 20px 20px 0; }
.homeservice .bannerupid .editservices form .servicesname { float: left; width: 300px; margin-bottom: 15px; }
.homeservice .bannerupid .editservices form .servicesname label { float: left; margin: 0 0 10px 0; width: 100% }
.homeservice .bannerupid .editservices form .servicesname input[type="text"] { float: left; width: 240px; padding: 4px 10px;
    border: 1px solid #ddd; border-radius: 3px; }
.homeservice .bannerupid .editservices form span.fileerror { margin-top: 10px; float: left; width: 100%; text-align: left;
    color: red; padding: 0 0 0 330px; }
.homeservice .bannerupid .editservices form .servicedesc { float: left; width: 100% !important; margin-top: 10px; }
.homeservice .bannerupid .editservices form .servicedesc label { float: left; margin: 0 20px 0 0; }
.homeservice .bannerupid .editservices form .servicedesc textarea { float: left; width: 100%; padding: 7px 10px; margin-top: 10px;
    border: 1px solid #ddd; max-width: 100%; min-width: 100%; }

button.btn.btn-danger { background: transparent;
    color: #dc3545; padding: 4px 10px; border: 1px solid #dc3545; margin-left: 10px; float: left; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table td:last-child a { color: #28a745; padding: 4px 10px; border: 1px solid #28a745;
    float: left; border-radius: 4px; background: transparent; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .dataTables_info { float: left; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .paging_simple_numbers { float: right; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .paging_simple_numbers span a.paginate_button { padding: 3px 11px;
    display: inline-block; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .paging_simple_numbers span a.paginate_button.current {
    border: 1px solid #aaa; background: transparent; color: #666; }
.homeservice table td img { float: left; max-width: 200px; }
.sliderpage { float: left; width: 100%; padding: 20px 0; }
.sliderpage table { width: 100%; border: 1px solid #ddd; table-layout: fixed; background-color: #fff; }
/*.sliderpage table th:first-child { width: 75%; }*/
.sliderpage table td, .sliderpage table th { padding: 10px; border: 1px solid #ddd; vertical-align: top; }
table.adminorderpage { width: 100%; margin-top: 20px;  }
table.adminorderpage thead th { border: 1px solid #ddd; padding: 10px 10px; background-color: #eee; }
table.adminorderpage tbody td { border: 1px solid #ddd; padding: 4px 10px; background-color: #fafafa; }
.home-config { float: left; width: 100%; padding: 20px; }
.home-config ul { float: left; width: 100%; }
.home-config ul li { float: left; width: 31%; margin: 0 1% 20px; background-color: #0075b1; padding: 0; text-align: center; }
.home-config ul li .admin-homeicon { font-size: 50px; color: #fff; }
.home-config ul li .admin-hometext { float: left; width: 100%; margin-top: 10px; border-top: 1px solid #fff; padding: 10px; background-color: #8F8F8F; }
.home-config ul li .admin-hometext a { color: #fff; }
.pricechangepopup div#pricechange { width: 100%; }


.adminlogin form input[type="text"], .adminlogin form input[type="password"] { border: 1px solid #ddd; font-size: 15px;
    padding: 5px 10px; box-sizing: border-box; width: 70%; margin-bottom: 10px; border-radius: 3px; box-shadow: inset 0px 0px 2px #eee; }
.adminlogin form input[type="submit"] { width: 70%; padding: 5px 10px; color: #fff; background-color: #00b9e9; border: none;
    border-radius: 3px; margin-bottom: 10px; cursor: pointer; }
.adminlogin form input[type="submit"]:hover { background-color: #049ec5; }
.adminlogin form label {  padding: 0; border: none; font-size: 14px; margin: 0px 0 10px; font-weight: normal; width: 70%; float: none; }
.sliderpage td button.btn.btn-primary { float: left; background-color: transparent; color: #00b9e9; padding: 8px; line-height: 1;
    border: 1px solid #00b9e9; }
.sliderpage td button.btn.btn-danger { float: left; }


.homeslider .sliderpage table th:first-child { width: 40%; }
.homeslider .sliderpage table th:nth-child(2) { width: 40%; }
.homeabout .sliderpage table th:first-child { width: 30%; }
.homeabout .sliderpage table th:nth-child(2) { width: 60%; }
.bannerupid .editimagebanner .editimageservice { float: left; width: 200px; margin-right: 20px; }
.bannerupid .editimagebanner .editimageservice .editimagebannerinr { float: left; width: 100%; position: relative; height: 150px; }
.bannerupid .editimagebanner form .editimagebannerinr textarea { width: 100%; min-width: 100%; max-width: 100%; height: 100px; min-height: 100px; }
.homeabout .bannerupid .editimagebanner button.btn { float: left; margin: 0; }
.bannerupid .editimagebanner form .editimagebannerinr.autohight { height: auto; }
.homeexpertise.sliderpage table th:nth-child(4) { width: 50%; }
.homeexpertisemain .bannerupid .editimagebanner button.btn.btn-primary { margin: 0; float: left; }
.homeslider.sliderpage table th:first-child { width: 50%; }
.homeslider.sliderpage table th:nth-child(2) { width: 35%; }
.homeslider .bannerupid .editimagebanner button.btn { float: left; margin: 0; }
.abutbg .sliderpage table th:first-child { width: 25%; }
.abutbg .sliderpage table th:nth-child(2) { width: 65%; }
.abutbg .bannerupid .editimagebanner button.btn { margin: 0; float: left; }
.abutkey .bannerupid .editimagebanner button.btn { margin: 0; float: left; }
.abutkey .sliderpage table th:first-child { width: 20%; }
.sliderpage table td img { max-width: 100%; }
.abutkey .sliderpage table th:nth-child(3) { width: 50%; }
.publicationadmin .editimagebannerinr.autohight input[type="text"] { width: 21%; padding: 6px 0; }
.homab .sliderpage table th:first-child {
    width: 18%;
}
.homab .sliderpage table th:nth-child(2) {
    width: 19%;
}
.homab .sliderpage table th:nth-child(3) {
    width: 46%;
}
.homab .sliderpage table th:last-child {
    width: 120px;
}

.invest .sliderpage table th:first-child {
    width: 18%;
}
.invest .sliderpage table th:nth-child(2) {
    width: 19%;
}
.invest .sliderpage table th:nth-child(3) {
    width: 46%;
}
.invest .sliderpage table th:last-child{
    width:120px;
}


/*MY CSS 23-4-18*/
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; }
.modal-body form input { width: 100%; margin: 10px 0; min-height: 40px; border: 0; background-color: #f7f7f7; border: 1px solid #ddd; padding: 0 10px; }
.modal-body input[type="button"], .modal-body input[type="submit"] { background: #ec9001; color: #fff; border: 0; padding: 4px 15px; clear: both; cursor: pointer; }
.modal-body form input{ width: 100%; margin: 10px 0; min-height: 40px; }
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; }
.tab button:hover { background-color: #ddd; }
.login-reg-pop .tab button.tablinks { width: 50%; border-right: 1px solid #ddd; }
.changeprofilepopup button#changepassword { width: 100%; border: 0; }
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; }
.login-reg-pop .tab button.tablinks { width: 100%; border-right: 0; }
.modal-body input[type="button"]:hover, .modal-body input[type="submit"]:hover { opacity: 0.8; }
.modal .modal-header { padding-top: 0; }
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; float: left; }
/*MY CSS 23-4-18*/



.menuicon { display: none; }
.settingpage { float: left; width: 100%; }
.settingpage .mainhead { float: left; width: 100%; padding: 15px 10px; }
.settingpage .mainhead .subhead { float: left; width: 100%; margin-bottom: 10px; }
.settingpage .mainhead .subhead label { float: left; min-width: 200px; }
.settingpage .mainhead .subhead .childclass { float: left; }
.settingpage .mainhead .subhead .childclass input { float: left; width: 350px; border: 1px solid #ddd; border-radius: 3px;
    padding: 5px 15px; }
.settingpage .mainhead .subhead .childclass span { float: left; width: 350px; color: red; clear: both; text-align: center; }
.settingpage span.admindetailsaved { float: left; width: 100%; margin-top: 15px; background-color: rgb(221, 251, 220);
    border-left: 5px solid green; line-height: 3; padding-left: 20px; }
.bannerupid .editimagebanner form .editimagebannerinr .editimagebannerimg img { max-width: 100%; max-height: 100%; }

.casestudy .sliderpage table th:first-child { width: 15%; }
.casestudy .sliderpage table th:nth-child(2) { width: 15%; }
.casestudy .sliderpage table th:nth-child(3) { width: 60%; }
.casestudy .sliderpage table th:nth-child(4) { width: 10%; }
.casestudy .editimagebannerinr textarea#description { width: 100%; min-width: 100%; max-width: 100%; min-height: 100px; height: 100px; }

span.fileerror3 { float: left; width: 100%; line-height: 2; color: red; }
.side-menu nav.navbar .navbar-header .brand-name-wrapper a.navbar-brand img { max-width: 100%; }
.khalifahistory table tr th:first-child { width: 20%; }
.khalifahistory table tr th:last-child { width: 80px; }

.homeslider .klfhimg table th:first-child { width: 20%; }
.homeslider .klfhimg table th:nth-child(2) { width: 20%; }
.homeslider .klfhimg table th:last-child { width: 100px; }
.bannerupid .editimagebanner .editimageservice .editimagebannerinr1 { height: auto; }
.bannerupid .editimagebanner .editimageservice .editimagebannerinr1 input#title { width: 100%; }
.bannerupid .editimagebanner form .editimagebannerinr2 { height: auto; }
.bannerupid .editimagebanner form .editimagebannerinr2 textarea { height: 100px; min-width: 100%; min-height: 100px; max-width: 100%; width: 100%; }
.beginnings th:last-child { width: 100px; }
.khalaffirm .sliderpage table th:nth-child(1) { width: 20%; }
.khalaffirm .sliderpage table th:last-child { width: 100px; }
.bannerupid .editimagebanner form .editimagebannerinr1 { height: auto; }
.homeslider .attoprofile table th:first-child { width: 20%; }
.homeslider .attoprofile table th:nth-child(2) { width: 20%; }
.homeslider .attoprofile table th:last-child { width: 100px; }

.homeslider .practicearea table th:first-child { width: 10%; }
.homeslider .practicearea table th:nth-child(2) { width: 20%; }
.homeslider .practicearea table th:last-child { width: 100px; }

.publicationadmin table th:nth-child(1) { width: 20%; }
.publicationadmin table th:nth-child(5) { width: 40%; }
.bannerupid .editimagebanner button.btn.btn-outline-secondary.border-left-0 { margin: 0; }

.bannerupid .editimagebanner .btmbtncls button.btn { margin: 0; }

.hmopocnt .sliderpage table th:nth-child(1) { width: 15%; }
.hmopocnt .sliderpage table th:nth-child(2) { width: 20%; }
.hmopocnt .sliderpage table th:last-child { width: 120px; }
.portcls .sliderpage table tr th:first-child { width: 20%; }
.portcls .sliderpage table tr th:nth-child(2) { width: 50%; }
.portcls .sliderpage table tr th:last-child { width: 120px; }
.hometext table th:last-child {
    width: 120px;
}

.publicationadmin table td:nth-child(3) {
    word-wrap: break-word;
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {

.home-config ul li { width: 48%; }

}

@media only screen and (max-width: 991px) {

.menuicon { display: block; float: left; padding: 6px 15px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px;
    margin-right: 20px; }
.side-menu { width: 0; }
.side-menu.side-menu-toggle { width: 240px; }
.side-menu .menuicon { margin: 0; position: absolute; right: 15px; top: 0; }
.side-menu nav.navbar .navbar-header .brand-name-wrapper { position: relative; }

.bannerupid .editimagebanner form .editimagebannerinr img#output { width: auto; height: auto; max-width: 100%; max-height: 100%; }

}


@media only screen and (min-width: 481px) and (max-width: 991px) {

.bodypart { width: 100%; }
header.header .logo { float: left; width: 100px; }
header.header .logo img { float: left; width: 100%; }
header.header nav.nav-collapse ul { margin: 12px 0 0; }
header.header nav.nav-collapse ul li { margin: 0 15px 0; }
header.header nav.nav-collapse ul li:last-child { margin: 0; }
.side-menu { z-index: 999; }
.bannerupid .editimagebanner form .editimagebannerinr .editimagebannerimg img { max-width: 100%; max-height: 100%; }

.home-config ul li { width: 48%; }

}

@media only screen and (max-width: 767px) {

div#tabreviewid1_wrapper { width: 100%; float: left; overflow: auto; }

.casestudy .sliderpage table th:first-child { width: 100%; }
.casestudy .sliderpage table th:nth-child(2) { width: 100%; }
.casestudy .sliderpage table th:nth-child(3) { width: 100%; }
.casestudy .sliderpage table th:nth-child(4) { width: 100%; }

}

@media only screen and (max-width: 480px) {

.bodypart { width: 100%; }
header.header .logo { float: left; width: 100px; }
header.header .logo img { float: left; width: 100%; }
header.header nav.nav-collapse { float: right; width: 100%; margin-top: 20px; }
header.header nav.nav-collapse ul { margin: 0; }
header.header nav.nav-collapse ul li { margin: 0 10px 8px 0; float: left; }
header.header nav.nav-collapse ul li:last-child { margin: 0; }
.userview .userviewtbl .progrmslistcls .prolisttabcls div.dataTables_filter { width: 100%; }
.userview .userviewtbl .progrmslistcls .prolisttabcls table td:last-child { width: 85px; display: inline-block; }
.side-menu { z-index: 999; }
.userview .userviewtbl .progrmslistcls .prolisttabcls { overflow: auto; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .paging_simple_numbers { width: 100%; }
.userview .userviewtbl .progrmslistcls .prolisttabcls .dataTables_wrapper .dataTables_info { width: 100%; }

.settingpage .mainhead .subhead .childclass { float: left; width: 100%; }
.settingpage .mainhead .subhead .childclass input { width: 100%; }
.bannerupid .editimagebanner button.btn { float: left; margin: 20px 20px 0; }
.bannerupid .editimagebanner form { float: left; width: 100%; margin-right: 0; }
.bannerupid .editimagebanner form .editimagebannerinr { width: 50%; }
.bannerupid .editimagebanner form .editimagebannerinr .editimagebannerimg { left: 100%; }
.bannerupid .editimagebanner form .editimagebannerinr .editimagebannerimg img { max-height: 100%; padding: 0 10px; max-width: 100%; }

.bannerupid .editimagebanner form label { float: left; width: 100%; }
.bannerupid .editimagebanner form .aboutusinr { float: left; width: 50%; }
.bannerupid .editimagebanner form .aboutusinr textarea { float: left; width: 100%; margin: 4px 0; border: 1px solid #ddd;
    padding: 5px 5px; max-width: 100%; min-width: 100%; }
.bannerupid .editimagebanner form .aboutusinr label { width: 100%; }
.bannerupid .editimagebanner form .aboutusinr:last-child, .bannerupid .editimagebanner form .aboutusinr:nth-last-child(2) { width: 100%; }
.adminlogin { width: 90%; }

.home-config ul li { margin: 0 0 20px; width: 100%; }


}
.bannerupid .editimagebanner .pdf-sngl {
    float: left;
    width: calc(100% - 220px);
}
.pdf-sngl .sngl-pdf-cls {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}
.pdf-sngl .sngl-pdf-cls button.btn.btn-danger {
    margin: 0;
}