@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@500&display=swap');
@font-face {
 font-family: 'ubuntubold';
 src: url('../ubantu/ubuntu-b-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-b-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntubold_italic';
 src: url('../ubantu/ubuntu-bi-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-bi-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntu_condensedregular';
 src: url('../ubantu/ubuntu-c-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-c-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntulight';
 src: url('../ubantu/ubuntu-l-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-l-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntulight_italic';
 src: url('../ubantu/ubuntu-li-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-li-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntumedium';
 src: url('../ubantu/ubuntu-m-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-m-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'ubuntumedium_italic';
 src: url('../ubantu/ubuntu-mi-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-mi-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubunturegular';
 src: url('../ubantu/ubuntu-r-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-r-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ubuntuitalic';
 src: url('../ubantu/ubuntu-ri-webfont.woff2') format('woff2'),  url('../ubantu/ubuntu-ri-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
body {
	font-family: 'Exo';
	background:#f2f7fa;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #dd4b39 !important;
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important;
}
.alert-danger, .alert-error {
	border-color: #d73925;
}
.alert {
	border-radius: 3px;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px;
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
/*.adminpanel .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.adminpanel .row {
    margin-right: 0;
    margin-left: 0;
}
.adminpanel .col-xs-1, .adminpanel .col-sm-1, .adminpanel .col-md-1, .adminpanel .col-lg-1, .adminpanel .col-xs-2, .adminpanel .col-sm-2, .adminpanel .col-md-2, .adminpanel .col-lg-2, .adminpanel .col-xs-3, .adminpanel .col-sm-3, .adminpanel .col-md-3, .adminpanel .col-lg-3, .adminpanel .col-xs-4, .adminpanel .col-sm-4, .adminpanel .col-md-4, .adminpanel .col-lg-4, .adminpanel .col-xs-5, .adminpanel .col-sm-5,
.adminpanel .col-md-5, .adminpanel .col-lg-5, .adminpanel .col-xs-6, .adminpanel .col-sm-6, .adminpanel .col-md-6, .adminpanel .col-lg-6,
.adminpanel .col-xs-7, .adminpanel .col-sm-7, .adminpanel .col-md-7, .adminpanel .col-lg-7, .adminpanel .col-xs-8, .adminpanel .col-sm-8,
.adminpanel .col-md-8, .adminpanel .col-lg-8, .adminpanel .col-xs-9, .adminpanel .col-sm-9, .adminpanel .col-md-9, .adminpanel .col-lg-9,
.adminpanel .col-xs-10, .adminpanel .col-sm-10, .adminpanel .col-md-10, .adminpanel .col-lg-10, .adminpanel .col-xs-11, .adminpanel .col-sm-11, .adminpanel .col-md-11, .adminpanel .col-lg-11, .adminpanel .col-xs-12, .adminpanel .col-sm-12, .adminpanel .col-md-12, .adminpanel .col-lg-12 {
 padding-right: 0;
 padding-left: 0;
}*/
.btn-lg, .btn-group-lg > .btn {
	padding: 4px 16px;
	font-size: 14px;
}
.top_strip {
	background:#012243;
	padding: 10px 0;
	color:#fff;
	font-size: 11px;
}
#date_time {
	display:inline-block;
}
.imgrounded {
	border-radius:50%;
	border:4px solid #e9e6e6;
	margin-right: 15px;
}
.profile_section {
	padding:10px 0;
	background-color: #f2f7fa;
}
.username {
	font-size: 16px;
	font-weight: bold;
}
.top_box {
	text-align:right;
}
.top_box ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.top_box ul li {
	list-style-type: none;
	padding: 15px;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin-right: 20px;
	width: 14%;
	vertical-align: text-top;
}
.profile_box {
	margin:0px 0;
}
.top_box ul li:last-child {
	margin-right:0;
}
.digit {
	font-weight:bold;
	font-size: 20px;
}
.blue {
	background:#016083;
}
.grey {
	background:#8c8e8e;
}
.black {
	background:#293949;
}
.light_blue {
	background:#0b9db7;
}
.menu_section {
	background:#012243;
}
.navbar {
	margin-bottom:0;
}
.navbar-nav > li > a {
	padding-top:18px;
	padding-bottom:18px;
	color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #013c52;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #013c52;
	border-color: #337ab7;
}
.navbar-toggle .icon-bar {
	background:#fff;
}
.navbar-toggle {
	background-color: #000000db;
	border: 1px solid #fffffff7;
}
.navbar-brand {
	color:#fff;
	border-right: 1px solid #4f6377;
	line-height: 27px;
	height: auto;
}
.navbar-brand:hover {
	color:#fff;
}
.nav > li {
	border-right: 1px solid #4f6377;
}
.navbar-right li {
	border-right:0;
}
.dropdown-menu {
	padding:0;
	box-shadow:none;
}
.dropdown-menu > li > a {
	padding:10px 20px;
}
.dropdown-menu > li > a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #013c52 !important;
}
.bar_box {
	margin-top: 20px;
	margin-left: 20px;
	cursor:pointer;
	margin-right: 15px;
}
.bar {
	width: 25px;
	height: 3px;
	background: #fff;
	margin-bottom: 3px;
}
.content_section {
	margin-top: 15px;
	min-height: 530px;
}
.menu_title {
	background: #012243;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.left_menu {
	background: #111d29;
	min-height: 700px;
	margin-bottom: 10px;
}
.left_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.left_menu ul li {
	list-style-type:none;
	border-bottom: 1px solid #193b5d;
	background: #012243;
}
.left_menu ul li:hover {
	background: #041a2f;
transition:all .3s ease-in-out;
}
.left_menu ul li a {
	color: #FFFFFF;
	padding: 13px 15px;
	display: block;
	font-size: 13px;
	text-decoration:none;
}
.left_menu ul li a:hover {
	text-decoration:none;
}
.droparrow {
	float:right;
}
.submenu {
	cursor:pointer;
}
.submenu_box {
	display:none;
	border-right: 4px solid #0b9db7;
transition:all .5s ease-in-out;
}
.submenu:hover .submenu_box {
	display:block;
transition:all .5s ease-in-out;
}
.submenu:hover .droparrow {
	transform:rotate(-180deg)
}
.submenu_box ul li {
	background:#013971;
	border-bottom: 1px solid #002040;
}
.submenu_box ul li a {
	padding-left:45px;
}
.submenu_box ul li a:hover {
	padding-left:50px;
transition:all .3s ease-in-out;
}
.submenu_box ul li:last-child {
	border-bottom:0;
}
.icn {
	font-size: 18px !important;
	color: #02dede !important;
	padding-right: 8px;
}
.box {
	background:#fff;
	border:1px solid #e5e5e5;
	margin-bottom: 25px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.pf {
	display: table;
	width: 100%;
}
/*label {
	font-weight:normal;
}*/
.inner_box {
	padding:15px 0;
}
.inner_box_pad {
	padding:15px;
}
.navbar-right .dropdown-menu {
	min-width:200px;
	padding:0;
}
.navbar-right .dropdown-menu li a {
	padding:10px 15px;
}
.bottom.create {
	background: #016083;
	padding: 10px 0;
	color: #fff;
}
.bottom.create a {
	color: #01d5fb;
	font-weight: normal;
	font-size: 12px;
}
.btnedit {
	font-size: 21px;
	color: #016083;
	text-decoration:none;
	border: 1px solid #cacaca;
	padding: 5px 3px 3px 11px;
	transition:all 0.3s ease;
}
.btnedit:focus {
	text-decoration:none;
	outline: 0;
	outline-offset: 0;
}
.btnedit:hover {
	text-decoration:none;
	background: #016083;
	color: #fff;
	border: 1px solid #016083;
}
.btndelete {
	font-size: 21px;
	color: #016083;
	margin-left: 10px;
	text-decoration:none;
	border: 1px solid #cacaca;
	padding: 4px 10px;
	transition:all 0.3s ease;
}
.btndelete:hover {
	text-decoration:none;
	background: #016083;
	color: #fff;
	border: 1px solid #016083;
}
thead {
	background: #8c8e8e;
	color: #fff;
}
.orderselect {
	width: 25%;
	margin-left: 20px;
	padding: 10px 10px;
	border: 1px solid #d5d6d6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	background:url(../images/down_arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	margin-bottom: 25px;
}
.footer_section {
	background: #012243;
	padding: 10px 0;
	color: #a5c3e2;
	font-size: 11px;
	text-align: center;
}
.ripple {
	position:relative;
	overflow:hidden;
	transform:translate3d(0, 0, 0)
}
.ripple:after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
	background-image:radial-gradient(circle, #000 10%, transparent 10.01%);
	background-repeat:no-repeat;
	background-position:50%;
	transform:scale(10, 10);
	opacity:0;
transition:transform .5s, opacity 1s
}
.ripple:active:after {
	transform:scale(0, 0);
	opacity:.2;
	transition:0s
}
.profile_banner_box {
	background:url(../images/profile-banner.jpg) no-repeat left;
	height: 110px;
	background-size: cover;
}
.proname {
	font-size: 20px;
	margin: 0 0 10px 13px;
	padding: 20px 13px 0px 13px;
	color: #fff;
	text-shadow: 0 1px #000;
}
.imgbox {
	display: inline-block;
	width: 12%;
	border: 4px solid #dadada;
	margin-top: -50px;
	margin-left: 25px;
	margin-bottom: 20px;
}
.imgbox img {
	max-width:100%;
}
.abut_pro {
	display: inline-block;
	width: 80%;
	float: right;
	padding: 20px 0;
	font-size: 14px;
}
.abtus {
	margin-top:0;
}
.editbtn {
	border:0;
	font-size: 12px;
	outline: none;
	background:none;
}
.savebtn {
	border:0;
	font-size: 12px;
	outline: none;
	background:none;
}
#editext {
	margin-right:20px;
}
.btnbox {
	text-align:right;
	margin-right: 20px;
	margin-top: 5px;
}
/*side bar menu*/

.sidenav {
	height: 100%;
	width:0;
	position: fixed;
	z-index: 4;
	top: 0;
	right: -15px;
	background-color: #041c33;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 40px;
	padding-left: 10px;
}
.sidenav.right {
	right:0px;
	width:250px;
}
.sidenav a {
	padding: 3px 8px 5px 32px;
	text-decoration: none;
	color: #bfbfbf;
	display: block;
	transition: 0.3s;
}
.sidenav a:hover {
	color: #f1f1f1;
}
.sidenav .closebtn {
	position: absolute;
	top: 10px;
	left:10px;
	background: #464646;
	font-size: 24px;
	margin-left: 0;
	padding: 0px 7px 3px;
	line-height: 22px;
}
.sidenav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.sidenav ul li {
	list-style-type: none;
	background: #016083;
	margin-bottom: 1px;
	transition: 0.3s;
}
.sidenav ul li:hover {
	background: #054a63;
}
.sidenav ul li a {
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
}
/* registration css */

.rightform_box {
	display: inline-block;
	width: 50%;
	float: left;
}
.leftform_box {
	display: inline-block;
	width: 50%;
	float: left;
}
.register_Btn {
	background: #016083;
	padding: 8px 15px;
	font-size: 14px;
	color: #fff;
	border: 0;
	-webkit-appearance: none;
	outline:none;
}
.tabdesign .nav-tabs li {
	border-right:0;
}
.tabdesign .nav > li > a:hover {
	background-color: #ffffff;
}
.tabdesign .nav-tabs > li > a {
	color: #a7a7a7;
}
.address {
	padding: 10px;
	border: 1px solid #dddd;
	font-size: 13px;
	color: #3e3d3d;
	line-height: 22px;
	margin-bottom:20px;
	display: inline-block;
	width: 30%;
	vertical-align: top;
	min-height: 182px;
}
.secondbox {
	padding: 10px;
	margin-bottom:20px;
	display: inline-block;
	width: 35%;
	vertical-align: top;
	margin-top: -35px;
}
.add_editbtn {
	float: right;
	background: none;
	border: 0;
	outline: 0;
	cursor:pointer;
}
.editible_box {
	display:none;
}
.mobile {
	display:none;
}
#myInput {
	background-image: url('../images/search_icon.png');
	background-position: 10px 13px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 12px;
}
#myTable {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 14px;
}
#myTable th, #myTable td {
	text-align: left;
	padding: 12px;
}
#myTable tr {
	border-bottom: 1px solid #ddd;
}
#myTable tr.header, #myTable tr:hover {
	background-color: #f1f1f1;
}
#myInput:focus {
	border:1px solid #68c0e0;
	outline:none;
}
/* checkbox */
.chkouter {
	display: block;
	position:absolute;
	right:20px;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.chkouter input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 23px;
	border: 1px solid #dedede;
}

/* On mouse-over, add a grey background color */
.chkouter:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkouter input:checked ~ .checkmark {
 background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.chkouter input:checked ~ .checkmark:after {
 display: block;
}
/* Style the checkmark/indicator */
.chkouter .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*checkbox*/






/*26 Aapril 2018 Start*/

.recent_work h4 {
	float: right;
	margin-top: -30px;
	margin-bottom: 20px;
}
.recent_work h4 a {
	background: #016083;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
}
.recent_work .table thead th:nth-child(1) {
 width:60px;
}
.recent_work .table thead th:nth-child(2) {
 width:120px;
}
.recent_work .table thead th:nth-child(3) {
 width:150px;
}
.recent_work .table thead th:last-child {
	width:100px;
}
.recent_work_form {
	padding: 30px 20px;
}
.recent_work_form form label {
	font-weight:600;
}
.contact_page {
	padding:20px 20px;
}
.contact_page .top_panel {
	padding-top:30px;
	padding-bottom:40px;
}
.contact_page .search_top .form-control {
	height: 45px;
}
.contact_page .search_top .btn {
	background: #13b5ea;
	color: #fff;
	height: 45px;
}
.contact_page a.download {
	color: #13b5ea;
	float: right;
	font-size: 15px;
	margin-top: 15px;
}
.sort_panel {
	border-top: 2px solid #ddd;
	padding-bottom:30px;
	padding-top: 30px;
}
.sort_panel select {
	height: 35px;
	padding: 0px 15px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
.sort_panel .fa-long-arrow-up, .fa-long-arrow-down {
	background: #13b5ea;
	color: #fff;
	height: 35px;
	width: 25px;
	text-align: center;
	padding-top: 10px;
}
.sort_panel p {
	font-size:18px;
}
.sort_panel .fa-check-square {
	color:#13b5ea;
}
.ct_box {
	width: 100%;
	border-top: 2px solid #ddd;
	padding: 30px 0px;
}
.ct_box h3 {
	color:#13b5ea;
	margin-top: 0px;
	margin-bottom: 20px;
}
.ct_box h5 {
	margin-bottom: 20px;
}
.ct_box h5 strong {
	margin-right: 20px;
}
.ct_box h5 span {
}
.ct_box p .fa-dollar {
	margin-right:20px;
}
.ct_box a.more_details {
	color: #13b5ea;
	background: #fff;
	box-shadow: 0px 2px 4px 1px #ddd;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 24px;
}
.page-nation {
	width:100%;
	text-align:right;
	border-top: 2px solid #ddd;
}
.contact_details {
	width: 100%;
	padding: 20px 10px;
}
.top_header .img-circle {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
}
.user_details {
	width: 100%;
	margin-top: 15px;
}
.user_details .nav-tabs li {
	border-right: 0px;
}
.user_details .nav-tabs > li > a {
	border: none;
}
.user_details .nav-tabs > li.active > a {
	border: 0px;
	color: #13b5ea;
	border-bottom: 3px solid #13b5ea;
}
.user_details .nav-tabs > li.active > a:hover {
	border-bottom: 3px solid #13b5ea;
}
.user_details .nav > li > a:hover {
	color: #13b5ea;
	background-color: #fff;
	border: none;
}
.user_details .tab-content {
	margin-top: 30px;
}
.user_details .box_1 {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding-top: 20px;
	padding-bottom: 20px;
}
.user_details .box_1:last-child {
	border-bottom:0;
}
.user_details .box_1 .ballance_box {
	width: 20%;
	padding: 10px 20px;
	float: left;
}
.user_details .box_1 span {
	color: #f00;
	font-size: 16px;
}
.user_details .box_1 h4 {
}
.user_details .box_1 h5 {
	font-weight: 600;
}
.user_details .box_1 table {
	width: 100%;
	border: none;
}
.user_details .box_1 table tr {
	border-bottom:1px solid #ddd;
}
.user_details .box_1 table tr:first-child td {
	font-weight: bold;
}
.user_details .box_1 table td {
	padding: 10px;
}
.user_details .box_1 i {
	color: #13b5ea;
}

/*             26 Aapril 2018  End       */



@media(max-width:1024px) {
.mobile {
display:block;
}
.desktop {
display:none;
}

.heading {
    display: none;
}
 #date_time {
 padding-top: 4px;
}
.profile_box {
text-align:center;
}
.top_box {
 text-align: center;
}
.top_box ul li {
width:22.5%;
min-height:98px;
}
.address {
width:49%;
min-height: 183px;
}
.secondbox {
width:49%;
}
.left_menu {
 min-height: auto;
 margin-bottom: 20px;
}
.nav > li > a {
padding: 18px 11px;
}
}
@media(max-width:988px) {
.nav > li > a {
 font-size: 13px;
}
}
 @media(max-width:968px) {
.top_box ul li {
width:22%;
}
}
@media (max-width: 825px) {
.top_box ul li {
 width: 22%;
 min-height: 98px;
}
.tt {
display:none;
}
.big {
font-size:32px !important;
}
}
@media (max-width: 809px) {
.top_box ul li {
 width: 21%;
}
.nav > li > a {
padding:10px 2px;
}
}
@media(max-width:768px) {
.custom_col {
width:100%;
text-align:center;
}
.top_box {
 text-align: center;
}
.top_box ul li {
width:22.5%;
}
.navbar-nav > li > a {
font-size:11px;
padding: 19px 6px;
}
.left_menu {
 margin-right:0px;
}
}
@media(max-width:767px) {
.movileview .navbar-nav > li > a {
 font-size: 15px;
 padding: 14px 6px;
}
.movileview .dropdown-menu > li > a {
color:#FFFFFF;
}
}
@media(max-width:736px) {
.nav > li {
 border-right:0;
}
}
@media(max-width:726px) {
.top_box ul li {
width:22%;
}
 @media(max-width:617px) {
.top_box ul li {
min-height:98px;
}
}
@media(max-width:609px) {
.top_box ul li {
width:21%;
}
}
@media (max-width: 466px) {
.top_box ul li {
 width: 49%;
 margin-right: 0;
 display: inline-block;
}
}
@media (max-width:480px) {
.address {
width:100%;
min-height: auto;
}
.secondbox {
width:100%;
margin-top: 0;
padding: 0;
}
.imgbox {
width: 25%;
}
.abut_pro {
 display: block;
 width: 100%;
 float: none;
 padding: 20px 20px;
}
.top_strip {
text-align:center;
}
}
 @media screen and (max-height: 450px) {
 .sidenav {
padding-top: 15px;
}
 .sidenav a {
font-size: 18px;
}
}

/*side bar menu*/