@charset "utf-8";
@media(min-width:1400px) and (max-width:3500px) {
	.inner_page {
		min-height: 500px
	}
	.regiterbox {
		min-height: 490px!important
	}
	.login_section {
		min-height: 520px!important
	}
	.wentwrongouter {
		min-height: 500px
	}
}

@media(min-width:768px) and (max-width:3500px) {
	#mySidenav {
		width: 100%!important
	}
}

@media(max-width:1360px) {
	.btn.btnTheme {
		margin: 0!important
	}
	.btntwologi .btnTheme {
		padding: 5px 10px!important;
		margin: 0
	}
	.sweet-alert {
		width: 50%!important;
		left: 25%!important;
		right: 25%!important;
		margin: 0!important
	}
}

@media(max-width:1224px) {
	.subdecribe_box .form-control {
		width: 69%
	}
	.pricingstrt h3 {
		font-size: 22px
	}
	.dloginb {
		background: none!important;
		background-color: #fff!important
	}
	.formboxxsearcg {
		width: 71%
	}
	.menu_main ul li {
		margin: 0 0 0 12px
	}
	.menu_main ul li a {
		font-size: 15px;
		text-transform: capitalize
	}
	.choose-right {
		position: initial;
		max-width: 100%;
		width: auto
	}
	.dloginb h3 {
		color: #456802
	}
	.dloginb h4 {
		color: #000
	}
	.dloginb p {
		color: #000
	}
	.dreferaouter {
		padding: 30px 18px 27px 18px
	}
	.dhmefirst {
		padding: 4px 10px
	}
	.dhmenuur {
		padding: 4px 3px;
		margin: 20px 0 0 0
	}
	.dbordmenu>ul>li>a {
		padding: 7px 7px 8px;
		font-size: 13px
	}
	.menu_box {
		width: 100%;
		margin: 0
	}
	.menu_main ul {
		width: auto;
		display: inline-block;
		float: right
	}
	.menu_main ul li a {
		font-size: 18px
	}
	.header_btn {
		float: right
	}
	.btntwologi {
		margin: 6px 0 0
	}
	.btntwologi a {
		margin: 5px 0
	}
	.dhead_top {
		padding: 12px 0 10px
	}
	.header_btn {
		margin: 0 0 0 29px
	}
	.box3 {
		height: auto!important
	}
	.pricing {
		box-shadow: 0 0 10px #e6e6e6
	}
	.menu_main ul li:last-child ul {
		left: -50px!important;
		width: 120px!important
	}
	.testimonial_content {
		margin: 0
	}
	.pricing {
		background-position: -75px -216px
	}
	.profiletab li a {
		min-height: 130px
	}
	.updateaccounttt .instruct {
		padding: 24px 2px
	}
	.g-recaptcha {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7)
	}
	.updateaccounttt .instruct {
		padding: 24px 2px;
		display: inline-block;
		width: 100%
	}
}

@media(max-width:991px) {
	
	.stepsform .panel-body {
    padding: 5px;
}
	.about_boxconleft {
		padding: 15px
	}
	.formboxxsearcg {
		width: 63%
	}
	.pricing {
		margin: 0 0 30px
	}
	.logo img {
		width: 100%
	}
	.menu_main ul li a {
		font-size: 17px
	}
	.menu_box {
		float: none
	}
	.dboarsocial ul li {
		margin: 0 0 10px
	}
	.header_btn {
		margin: -2px 0 0 20px;
		float: right;
		vertical-align: text-bottom
	}
	.progresouter {
		margin: 0 0 0 50px
	}
	.box3 {
		padding: 0;
		background-size: cover!important;
		height: 1169px
	}
	.member {
		margin: 0 0 30px
	}
	.ft_title {
		min-height: 200px
	}
	.pricing {
		background-size: 100% 40%
	}
	.ddashbxheight {
		min-height: 206px
	}
	.checkout-totals-left {
		font-size: 13px
	}
	.subdecribe_box .form-control {
		width: 63%
	}
	.member {
		min-height: 320px
	}
	.choose-left ul li {
		font-size: 16px
	}
	.contactaddress {
		min-height: 150px
	}
}

@media(max-width:767px) {
	.instructions.newtickedtt.updateaccou {
		padding: 22px 30px
	}
	.member-description::before {
		height: 19px
	}
	.close {
		right: 20px;
		top: 18px
	}
	.footer_outer {
		overflow: hidden;
		position: relative
	}
	.g-recaptcha {
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		position: relative;
		left: -37px
	}
	.captchbox {
		margin: -40px 0 0 0
	}
	.profiletab {
		margin: 40px auto 2px
	}
	.taboumainouter {
		padding: 50px 0 0
	}
	.updateaccou .instruct {
		padding: 24px 8px
	}
	.instructions3 .form-group {
		color: #313030;
		font-size: 13px
	}
	.contactaddress {
		min-height: auto
	}
	.contact_section {
		padding: 0
	}
	.menu_main ul li:last-child ul {
		left: 0!important;
		width: 100%!important
	}
	.membership-benefits h2 {
		font-size: 21px
	}
	.formboxx small {
		position: initial
	}
	.contactaddress ul li p {
		width: 85%
	}
	.profiletab li a {
		min-height: 130px
	}
	.duserboxuser {
		margin: 30px 0 0;
		width: 100%;
		border: 0;
		padding: 0
	}
	.instruct small {
		font-size: 13px;
		position: inherit;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		line-height: 16px;
		display: inline-block
	}
	.slectcurrbox select {
		width: 123px
	}
	.footer_box {
		padding: 56px 0 0
	}
	.banner_text span a {
		padding: 5px 23px!important
	}
	.testimonial_section {
		padding: 26px 0 30px
	}
	.ft_title h2 {
		margin: 0 0 6px
	}
	.subdecribe_box .form-control {
		width: 72%
	}
	.member {
		min-height: auto
	}
	.box3 {
		height: auto!important
	}
	.cart-section .cart-table-row {
		width: 100%
	}
	.popup_boxx img {
		width: 240px;
		text-align: center;
		display: inline-block
	}
	.dataTables_wrapper .dataTables_filter {
		float: left!important;
		text-align: right;
		margin: 0 0 10px 9px
	}
	.treviewouter {
		padding: 0 0 140px!important
	}
	div.dt-buttons {
		position: relative;
		width: auto;
		float: left!important;
		margin: 8px 10px 0
	}
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_processing,
	.dataTables_wrapper .dataTables_paginate label {
		float: left
	}
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_processing,
	.dataTables_wrapper .dataTables_paginate {
		float: left;
		width: 100%;
		text-align: left!important;
		margin: 2px 0 12px 10px!important
	}
	.treemainouter .container {
		margin: 0;
		padding: 0!important
	}
	.comman .content-wrapper {
		padding: 12px 4px
	}
	.tree li:hover .popover {
		top: 60px!important;
		left: -60px!important;
		right: 0!important
	}
	.tree>ul>li>ul>li:last-child:hover .popover {
		margin: 0 0 0 -120px!important
	}
	.tree>ul>li>ul>li:last-child:hover .popover.right>.arrow {
		display: none!important
	}
	#example_length {
		margin: 20px 0 0 10px
	}
	.thank-you-section {
		width: 100%!important
	}
	.form-control.uniGstClass {
		margin: 0 0 10px
	}
	#accordion .col-lg-8 {
		padding: 0!important;
		margin: 0!important
	}
	#collapse1 .col-lg-12 {
		padding: 0!important
	}
	#collapse1 .col-lg-6 {
		padding: 0!important
	}
	.sidebarouter {
		margin: 30px 0 0 0
	}
	#accordion p {
		margin: 0 0 20px!important;
		display: inline-block;
		text-align: center;
		width: 100%;
		font-weight: bold
	}
	.about_boxconleft {
		background: #fff;
		padding: 20px;
		margin: 0 0 30px
	}
	.formboxxsearcg {
		width: 100%;
		margin: 0 0 5px
	}
	.pricing {
		width: 280px;
		margin: 0 auto 30px!important
	}
	.priceinn {
		text-align: center
	}
	.dataTables_wrapper.no-footer {
		width: 900px!important
	}
	.dt-buttons {
		margin: 12px 0
	}
	.pricing {
		background-position: 0 -56px
	}
	.choose-left ul li {
		width: 100%;
		margin-bottom: 20px
	}
	.dhmenuur {
		margin: 10px 0 10px 0
	}
	.referealeft {
		margin: 20px 0 0;
		position: relative;
		text-align: center
	}
	.menu_box {
		text-align: left;
		position: absolute;
		left: 10px;
		top: -56px;
		width: 50px
	}
	.cart-section .cart-totals .cart-totals-left {
		width: 100%;
		font-size: 16px;
		margin: 0 0 20px
	}
	.unioutere {
		padding: 16px 0
	}
	.cart-section .cart-table-row .cart-table-actions {
		text-align: left;
		font-size: 14px
	}
	.cart-section .cart-table-row {
		display: inline-block!important;
		-webkit-box-pack: initial!important;
		-ms-flex-pack: justify;
		justify-content: initial!important
	}
	.cart-section .cart-totals .cart-totals-right {
		width: 80%!important
	}
	.cart-section .cart-table-row .cart-table-row-left,
	.cart-section .cart-table-row .cart-table-row-right {
		display: inline-block!important;
		-webkit-box-pack: initial!important;
		-ms-flex-pack: justify;
		justify-content: initial!important
	}
	.cart-section .cart-totals {
		display: inline-block!important;
		-webkit-box-pack: initial!important;
		-ms-flex-pack: justify;
		justify-content: initial!important
	}
	.cart-section .cart-table-row .cart-table-row-left {
		width: 100%
	}
	.cart-section .cart-table-row .cart-table-row-right {
		width: 100%;
		padding-top: 10px
	}
	.sweet-alert {
		width: auto
	}
	.stepsform .panel-body {
		padding: 15px
	}
	.menu_box {
		float: right
	}
	.menu_main>ul>li>a {
		padding: 2px 10px
	}
	.slectcurrbox {
		margin: 9px 0 0;
		width: auto;
		display: inline-block;
		float: none;
		vertical-align: text-bottom
	}
	#sidebar {
		margin: 0!important
	}
	.profileoutr {
		padding: 8px
	}
	.profilede {
		width: 100%;
		margin: 0
	}
	.profileoutr {
		margin: 72px auto 40px
	}
	.dashb .panel-body {
		padding: 0!important
	}
	thead,
	tbody tr {
		table-layout: initial
	}
	.profileoutr {
		width: 100%
	}
	.form-horizontal .control-label {
		text-align: left!important
	}
	.captecha .g-recaptcha {
		transform: scale(.8);
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		position: relative;
		left: -31px
	}
	.progresouter {
		width: 290px;
		margin: 0 auto 10px
	}
	.progresouter span {
		width: 50%
	}
	.dhmenouter {
		float: none;
		text-align: center
	}
	.dlogo {
		text-align: center
	}
	.profileoutr thead,
	tbody tr {
		table-layout: initial
	}
	#ticket-reply {
		padding: 5px
	}
	.profileoutr {
		width: 100%
	}
	.proteaminn {
		padding: 124px 53px 73px 36px
	}
	.profilecon .active {
		padding: 0
	}
	.menu_main ul li ul {
		position: initial!important;
		width: 100%!important;
		padding: 0!important
	}
	td {
		word-wrap: break-word
	}
	.dreferaouter {
		padding: 30px 35px 27px 35px
	}
	.dbordmenu ul li {
		width: 100%
	}
	.dbordmenu ul li ul {
		position: relative;
		width: 100%;
		padding: 20px 0;
		left: 0;
		top: 0
	}
	.affix {
		position: initial!important;
		-webkit-animation-name: initial!important;
		animation-name: initial!important;
		-webkit-animation-duration: 0s!important;
		animation-duration: 0s!important;
		-webkit-animation-duration: 0s!important;
		animation-duration: 0s!important;
		-webkit-animation-fill-mode: initial!important;
		animation-fill-mode: initial!important
	}
	.dhmefirstouter {
		display: inline-block;
		width: 100%;
		margin: 0 0 5px
	}
	.dlogo {
		padding: 0 0 18px
	}
	.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!important
	}
	.genera .list_head {
		width: 990px!important
	}
	.ft_title {
		margin: 0 0 25px;
		min-height: auto
	}
	.instructions {
		margin: 0 0 30px
	}
	.member {
		margin: 0 auto 30px
	}
	.tabs-left>li {
		margin-bottom: 6px
	}
	.tabs-left {
		margin: 0 0 20px
	}
	.mmainbox {
		float: none;
		text-align: center;
		width: 100%
	}
	.tabs-left .active a::after {
		display: none
	}
	.tabs-left li a {
		padding: 13px 0!important
	}
	.menu_box {
		text-align: left
	}
	.box1 {
		height: 460px
	}
	.banner_text h3 {
		margin: 10px 0 0;
		font-size: 37px
	}
	.banner_text p {
		margin: 20px 0 22px;
		padding: 0;
		font-size: 16px;
		line-height: 23px
	}
	.dhead_bottom {
		top: 0;
		right: 0
	}
	.tableouterrr {
		padding: 10px
	}
	.header_btn {
		margin: 8px 0 0 0;
		float: none
	}
	.logo img {
		width: 190px
	}
	.logo {
		text-align: center
	}
	.menu_b {
		font-size: 30px;
		cursor: pointer;
		display: initial
	}
	.sidenav {
		width: 0;
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		height: 100%
	}
	.sidenav a:hover {
		color: #f1f1f1
	}
	.sidenav .closebtn {
		display: inherit;
		font-size: 18px;
		margin-left: 13px
	}
	.menu_main ul li {
		width: 100%;
		display: inline-block;
		border-bottom: 1px solid #272727;
		padding: 0
	}
	.menu_main ul li a {
		width: 100%;
		display: inline-block;
		font-size: 16px;
		color: #fff
	}
	.menu_main ul {
		margin: 3px 0 0
	}
	.closeee {
		color: #fff;
		display: initial;
		font-size: 17px;
		margin: 0
	}
	.menu_main ul li {
		margin: 0
	}
	#team .box4 {
		background-repeat: no-repeat;
		background-size: cover!important;
		height: auto!important;
		background-position: 0!important;
		padding: 40px 0 20px
	}
	.login_section {
		padding: 70px 30px
	}
	.stepwizard-row:before {
		top: 100px;
		left: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 50%;
		height: 1px;
		background-color: #ccc;
		z-index: 0
	}
	.dloginb {
		text-align: center;
		padding: 0 0 19px
	}
	.dashoboxxx {
		min-height: auto
	}
	.member-description::before {
		right: 0;
		bottom: 2px
	}
}

@media(min-width:490px) and (max-width:680px) {
	.proilfbox figure img {
		width: 100px!important;
		height: 80px
	}
	.testimonial_content {
		margin: 0;
		padding: 0 16px;
		display: inline-block
	}
	.proilfbox {
		text-align: center;
		vertical-align: text-bottom;
		position: initial;
		top: -29px;
		vertical-align: top
	}
	.testimonial_box {
		margin: 40px 0 40px 0
	}
}

@media(max-width:640px) {
	.testimonialsDetail {
		padding: 0 16%
	}
	.sweet-alert {
		width: 80%!important;
		left: 10%!important;
		right: 10%!important
	}
	.profilecon .alert {
		position: absolute;
		top: -30px;
		left: 0;
		right: 0
	}
	.subdcribe_section {
		padding: 40px 0 31px
	}
	.box3 {
		padding: 30px 0
	}
	.subdecribe_box .form-control {
		width: 100%
	}
	.subdecribe_box .btnTheme {
		padding: 10px 18px;
		width: 100%;
		position: initial;
		border: 1px solid #466803
	}
	.subdecribe_box .form-control {
		border-radius: 30px!important;
		background: #fff;
		border: 0;
		margin: 0 0 11px
	}
	.subdecribe_box {
		background: 0
	}
	.testimonial_box {
		margin: 0
	}
	.proilfbox {
		width: 100%;
		position: initial
	}
	.testimonial_section .headingOther h2 {
		font-size: 19px
	}
	.testimonial_content {
		width: 100%;
		position: initial;
		margin: 0;
		padding: 0
	}
}

@media(max-width:599px) {
	.member-image img {
		height: 144px;
		width: 144px!important
	}
	.member {
		width: auto
	}
	.comman tbody tr {
		table-layout: fixed
	}
	.dashouter thead,
	tbody tr {
		table-layout: initial
	}
}

@media(max-width:480px) {
	.csection2_promise {
		margin: 93px 0 0
	}
	.dhmefirst {
		margin: 0 0 10px
	}
	.dlogo {
		text-align: center
	}
	.dhmenuu ul {
		text-align: center;
		margin: 12px 0
	}
	.dhead_top {
		text-align: center
	}
	.testimonial_box button.owl-prev {
		display: none!important
	}
	.testimonial_box button.owl-next {
		display: none!important
	}
}

.dhmenuu ul li:nth-child(2) {
	margin: 0 9px 13px
}

.dhmenuu ul li:first-child {
	margin: 0 9px 10px
}

@media(max-width:439px) {
	.testimonialsDetail {
		padding: 0
	}
}


/****start 13august 2021****/

.clockdiv {
	margin-top: 10px;
	margin-left: 0px;
}


/****close 13august 2021****/

@media(max-width:480px) {
	.close {
		right: -10px;
		top: 0px;
	}
}

@media(max-width:767px) {
	#order-list .amount_box input[type="file"] {
		margin-top: 10px !important;
	}
	#order-list .amountbox input[type="file"] {
		margin-top: 10px !important;
	}
	#order-list .amountbox span {
		padding: 0px 15px;
	}
	#order-list .amount_box span {
		padding: 0px 15px;
	}
	#order-list .Edit_data_show input[type="text"] {
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	#remFileMulti {
		margin-top: 0px;
	}
	.amountbox {
		padding: 12px 12px !important;
	}
	#order-list .inputBlock1 input {
		font-size: 11px;
	}
	#order-list .resCLL input[type="text"] {
		width: auto !important;
	}
	#order-list .resnewCLL input {
		font-size: 11px!important;
	}
	.tablebox .amount_box {
		padding: 10px 8px !important;
	}
	.tranIds {
		word-break: inherit!important;
	}
}


/****start 13august 2021****/

@media(min-width:768px) and (max-width:1199px) {
	.clockdiv {
		margin: 10px 0px 0px 0px;
	}
	.clockdiv>div {
		margin-bottom: 5px;
	}
}


/****close 13august 2021****/