/* ==========================================================================
  header
   ========================================================================== */
 @media only screen and (min-width:320px) {

 }  
@media only screen and (min-width:375px) {

}
@media only screen and (min-width: 480px) {
  .investment-top .title{float: left;display: table;height: 40px;}
  .investment-top h2{display: table-cell;vertical-align: middle;}
  .investment-top a.link{float: right;}

}

@media screen and (min-width: 576px) and (max-width: 640px) { 
  .rwd-table td{font-size: 11px;padding: 13px;}
}
@media only screen and (min-width: 601px) {
  .mobile-nav{display: none;}
  .responsive-logout{display: none;}
} 

@media only screen and (min-width: 768px) {
    header .right{width:calc(100% - 250px);float: right;height:40px;display: table;padding: 20px 0px;box-sizing: border-box;}
    header .right .desk-nav{display: table-cell;vertical-align: middle;padding-right: 35px;}
    .log-body header .right ul{text-align: right;float: none;padding-top: 0;}
    header .logo-sec{width: 250px;padding-left: 30px;box-sizing: border-box;}
    header .spaceView_class .logo-sec{width: 40%;}
   /* .top-set  .box-two{width:47.5%;float: left;margin-top: 0;padding:32px 20px;} */
   /* .top-set .box-three{ margin-left: 4%;margin-top: 0;} */
   /* .second-sec .top-set .box-two{padding: 0px 30px;height:165px;display: table;}
   .second-sec .top-set .box-two a{display: table-cell;vertical-align: middle;} */
   .second-sec .right-boxes .box-two{margin-bottom:10px;}
   .achievment-sec{margin-bottom: 100px;}
   .second-sec .right-bx-cnt{display:flex;flex-wrap:wrap;}
   .second-sec .right-bx-cnt .white-box{width:49%;margin-right:2%;}
}
@media only screen and (min-width: 992px) {
  .box-one{width: 50.5%;float: left;padding:29px 30px;}
  .right-boxes{float: right;width: 47%;}
  .second-sec .left-boxs{width: 50.5%;float: left;}
  .no-investment .right-boxes{float: left;width: 100%;}
  /* .no-investment .right-boxes .box-two{width: 50%;} */
  .second-sec .left-boxs .box-one{width: 100%;margin-bottom: 25px;}
  .second-sec .right-boxes .box-two{margin-bottom: 25px;}
  .nav-opener{display: none;}
  .nav-container{display: none;}
  .my_account-page .rwd-table th,.my_account-page .rwd-table td { padding:15px 15px 15px 15px !important; }
  
.main-table-container .rwd-table th{
  padding: 15px 15px 15px 15px !important;
}

.main-table-container .rwd-table thead tr{
   border: 0.5px solid #C7C7C7;
}

.main-table-container .rwd-table td{
  padding: 30px 10px 30px 10px !important;
}

.main-table-container .rwd-table th h6{
          font-size: 14px;
          color: #000;
          font-family: 'sf-pro-display';
          font-weight: 500;
          margin-bottom: 0px;
          text-transform: none;
}

.main-table-container .rwd-table th{
  background-color: #FAFAFC;
}
  .second-sec .right-bx-cnt .white-box{width: 24%;margin-right: 1%;padding: 25px 20px;}
  .second-sec .right-bx-cnt .white-box:last-child{margin-right:0}

  .dashboard-analytics-section{width:100%;max-width:100%;flex:0 0 100%;}
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-half{flex:0 0 50%;max-width:50%;}
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-third{flex:0 0 33.3333%;max-width:33.3333%;}
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-full{flex:0 0 100%;max-width:100%;}
  .dashboard-analytics-section .analytics-card.white-box{width:100% !important;max-width:100%;margin-right:0 !important;padding:26px 24px !important;display:block;min-height:100%;}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-half{flex:0 0 50%;max-width:50%;}
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-third{flex:0 0 50%;max-width:50%;}
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-full{flex:0 0 100%;max-width:100%;}
}

@media only screen and (min-width: 1200px) {
  .user {float: left;width: 80%;}
  .user .user-image{float: left;}
  .user .details{float: right;width: calc(100% - 90px);}
  .user .details .name{font-size: 20px;line-height: 20px;}
  .account-settings .medal-image{float: right;}
  .top-set .box-two .dolor-texts h2{font-size: 18px;line-height:15px;}
  .top-set .box-two .dolor-texts p{font-size: 18px;line-height: 18px;}
  .investment{margin: 110px 0 200px 0;}
  .trans-table{margin-bottom: 75px;}
  .package-details-page .detail-top{padding-top: 80px;}
  .package-details-page .white-box.up-gold{padding: 45px 40px;}
  .graph-section .graph-left{padding-right: 30px;}
  .package-details-page .last-transactions{margin-top: 60px;}
  .package-details-page{margin-bottom: 155px;}
  .credit-form.thankyou-page{padding: 100px 55px;}
  .up-plan-page .container{max-width: 1200px;}
  .package-details-page.buy-package-details{margin-bottom: 100px;}
  .second-sec .second-sec-cnt .top-set .right-boxes .box-two .dolor-texts p{
    font-size: 15px;line-height: 15px;}
  .transaction-details .rwd-table td:nth-child(4){
     text-align:center;
  }
     
}
@media only screen and (min-width: 1201px) {
  .scroll-right{display: none;}
}
@media only screen and (min-width: 1400px) {
  .notification span{font-size: 14px;}
  .notifacation-texts{padding: 0 40px;margin: 0 40px;}
  .graph-section .white-box select{min-width: 160px;}
  .graph-section .white-box p{font-size: 16px;line-height: 16px;}
  .graph-section .white-box{padding: 26px 30px;}
  .graph-section .left-cols .white-box {padding: 40px 30px;}
  .graph-section .white-box h6{margin: 15px 0;}
  .plan-boxes .plan p{font-size: 14px;line-height: 25px;}
  .buy-package-details .graph-section .white-box select{min-width: 290px;}
  .buy-package-details .white-box input[type="submit"]{min-width: 200px;}
  .buy-package-details .right-form .white-box{padding: 58px 30px;}
  header .search-sec h6{padding:0px 45px 0 10px;}
}
@media only screen and (min-width: 1600px) {
}
@media screen and (min-width: 1400px) and (max-width: 1600px) { 
   .package-details-page{padding: 0 2%;}
   .buy-package-details .white-box input[type="submit"]{min-width: 155px;margin-left: 5px;}
   .buy-package-details .white-box form{display: flex;}
}
@media screen and (min-width: 1110px) and (max-width: 1340px) { 
  .buy-package-details .right-form .white-box:before{width: 100px;}
  .buy-package-details .white-box input[type="submit"]{padding: 0 15px;font-size: 12px;}
  .graph-section .left-cols .white-box{padding: 25px 12px;}
  .buy-package-details .right-form .white-box{min-height: 158px;}
} 
@media screen and (min-width: 992px) and (max-width:1110px) { 
  .buy-package-details .right-form .white-box:before{width: 95px;}
  .buy-package-details .graph-section .white-box select{width: 70%;min-width: 183px;}
  .buy-package-details .white-box input[type="submit"]{padding: 0 13px;height: 40px;}
  .graph-section .left-cols .white-box{padding: 25px 12px;}
  .buy-package-details .right-form h3{font-size: 17px;}
  .buy-package-details .right-form .white-box{min-height: 158px;}
  .buy-package-details.package-details-page .detail-top h2{text-align: center;}
}
@media screen and (max-width: 1400px) {
  .package-details-page{padding: 0 5%;}
  .space-detail-page .first-col{padding-left:0} 
  .space-detail-page .color-set{right:10px;}
}
@media only screen and (max-width: 1350px) {
  header .logo-sec{width: 15%;}
  header .right{width: 85%;}
  .header-conents{padding: 0 15px;}
  header .right .desk-nav{padding-right: 25px;}
  header .right ul li{padding-right: 15px;}
  .scroll{width: auto;}
    /* #button_shelfs { width: 330px;}*/  
  #button_shelfs .shelf_set button{width: 88% !important;height: 58px;} 
  .space-detail-page .color-set .color{width: 15px;height: 15px;margin-right: 5px;} 
  .space-detail-page .color-set ul li{font-size:11px;}
}
@media only screen and (max-width: 1200px) {
  .user{display: flex;align-items: center;width: 80%;}
  .account-settings{display: flex;align-items: center;} 
  header .addmin-text{font-size: 12px;}
  header .admin-image{width: 40px;height: 40px;}
  header .admin-image img{width: 40px;height: 40px;object-fit: cover;}
  header .bell-icon{padding: 0 25px;}
  header .right ul li a{font-size: 13px;}
  header .right ul li{padding-right: 20px;}
  .plan-boxes .referal{font-size: 12px;}
  .plan-boxes .referal span{margin-right: 15px;}
.user .user-image{margin-right: 10px;}
  .links{display: flex;align-items: center;}
  .links a.btn{padding: 8px}
  .second-sec .gold-text{padding-left: 40px;}
  .first-sec .btn-last span{font-size: 13px;}
  .top-set .box-two,.top-set .box-three{min-height: 95px;}
  .scroll-right{font-size: 12px;text-align: right; padding-top: 15px; color: #000; font-weight: bold;}
}

@media only screen and (max-width:1024px) {
  .notifacation-texts{border: none;padding: 0;margin: 15px 0;display: block;}
  .user .details{margin-left: 15px;}
  .refferal-right-part{position: initial;}
  /* .package-details-page .diamond-img img{width: 50%;} */
}

@media only screen and (max-width: 992px) {
  .investment .curve-box:after{width: 180px;}
  .investment .diamond-img{padding-right: 0;}
  .second-sec .gold-text{padding-left: 0.75rem;}
  .upgrade-sec::after{width: 155px;height: 85px;left: 15px;}
  .upgrade-sec::before{width: 175px;height: 125px;}
  .last-transactions h2{font-size: 23px;line-height: 23px;}
  .box-one{width: 100%;padding:32px 30px;}
  .right-boxes{width: 100%;}
  .box-one{margin-bottom:10px;}
  .trans-table ul li{font-size: 19px;}
  .trans-table h6{font-size: 20px;}
  .first-sec{margin-top: 35px;}
  header .admin-set{margin-right: 75px;}
  header .bell-icon,header .admin,header .right-cnt,header .right{height: 75px;}
  header .right ul li a{font-size: 20px;}
  header  ul li a{font-size: 20px;color: #000;}
  .header-conents{display: flex;align-items: center;}
  .nav-opener {
    position: fixed;
    right: 3px;
    top:20px;
    float: right;
    width: 60px;
    height: 35px;
    border-radius: 0;
    margin: 0;
    z-index: 99999999;
    cursor: pointer;
}
.nav-opener:before, .nav-opener:after{
    content: '';
}
 .home .nav-opener:before, .home .nav-opener:after, .home .nav-opener span{
	 background: #261f22;
 }
 .nav-opener:before, .nav-opener:after, .nav-opener span{
    background: #1f51a5;
    border-radius: 0;
    position: absolute;
    top: 19px;
    left: 25%;
    right: 25%;
    height: 2px;
    margin-top: -2px;
    transition: all 0.2s linear;
    content: '';
    z-index: 99999999;
   
 }
  .nav-opener:before{
    top:11px;
}
 .nav-opener:after{
    top:27px;
}
 .navbar{
    float: none !important;
    padding: 0;
    width: 100%;
    margin: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.20s ease;
    -webkit-transition: all 0.20s ease;
    position: fixed;
    right: -100%;
    /* left: 0; */
    border: none;
    top: 0px;
    z-index: 999;
    background: #fff;
    min-height: auto;
    height: 100vh;
    padding-top:50px;
    text-align: center;
	transition: all 1s;
	z-index: 99999;
 }
 .nav-active .navbar{
     right: 0;
 }
 .navbar .navbar-right{
    float: none !important;
 }
 .nav-active .nav-opener:after, .nav-active .nav-opener:before{
    transform: rotate(45deg);
    top: 50%;
    left: 25%;
    right: 25%;
    background: #1f51a5;
 }
.nav-active .nav-opener:after{
    transform: rotate(-45deg);
}
.nav-active .nav-opener span{
    opacity: 0;
}
.nav-container{
	width: 100%;
    position: fixed;
    left: 0;
    height: 0%;
    top: 0;
    z-index: 999;
	background: rgba(43, 47, 58, 0.98);
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	
}
body.nav-active .nav-container {
  opacity: 1;
  visibility: visible;
  height: 900px;
}
body.nav-active header .menu ul{text-align: center;}
.nav-container{
	width: 100%;
    position: fixed;
    left: 0;
    height: 0%;
    top: 0;
    z-index: 9999999;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	
}
.nav-container nav {
  position: relative;
  height: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-70%);
  text-align: center;
}
.log-body .nav-container nav ul li{
  display: block;
  padding: 0;
  margin-bottom: 15px;
}
/*header .right ul li{display: block;margin-bottom: 15px;}*/
.faq-list .faq-box{padding: 30px 35px;}
.faq-list .faq-box p{font-size: 13px;line-height: 23px;margin-top: 10px;}
.faq-content {padding: 50px 0 80px 0;}
.credit-form{width: 95%;}
.credit-form input{width: 55%;}
.credit-form button{padding: 0 20px;}
.buying-package .package-left span{font-size: 12px;margin-bottom: 5px;}
.withdrw .white-box {width: 95%;}
.review .review-links a.btn{padding: 10px 50px;}
.review.buying-package h3{font-size: 13px;line-height: 18px;word-break: break-word;}
.review.buying-package .right-texts h5{font-size: 20px;}
.buying-package .package-left h6{font-size: 23px;}
.plan-boxes .plan{width: 100%;float: none;margin: 0 0 15px 0;}
.plan-boxes .referal{font-size: 11px;padding: 15px;line-height: 15px;}
.plan-boxes .referal span {margin-right: 2px;}
.package-details-page.buy-package-details .right-form{margin-top: 20px;}
.buy-package-details .right-form .white-box:before{width: 110px;}
.buy-package-details .graph-section .white-box select{min-width: 100%;margin-bottom: 5px;}
.graph-section .graph-right .white-box::before{display: none;}
.graph-section .graph-img{text-align: left;margin-top: 20px;}
.package-details-page .graph-section .Diamondselect-sec{text-align: left;}
.package-details-page a.link {padding: 15px 20px;}
.buy-package-details .graph-section .white-box .leaf-img{bottom: 30px;}
.upgrade-sec{margin: 50px 0 55px 0;}
/* .scroll{width: auto;} */
.my_account-page .transaction-sec ul li .text-box{font-size: 11px;}
.investment .diamond-sec ul li span{display: block;margin-left: 0;}
.sidebar .nav-item .nav-link span{margin-top:10px}
.product-table .rwd-table th:first-child, .product-table .rwd-table td:first-child{padding-left:30px !important;}
.product-table .rwd-table th, .product-table .rwd-table td{padding-left:30px !important}
.inner-service-pages.product-add{padding:0 15px;}
.product-add .second-box .btnPlus{width:90px !important}
.edit-profile .inner-service-pages.product-add .white-box{padding: 10px 0 60px 0;}
label.error{position: initial;margin: 5px 0 0 0 !important;}
.product-add .white-box.second-box label.error{ top:auto;position: absolute;bottom: 2px;left: 15px;}
.product-add .second-box .default-set{width:64%;}
.logo-sec a{width:100px;}
.top-title-set h5{font-size:16px;}
.last-transactions .rwd-table td:first-child, .last-transactions .rwd-table th:first-child{padding-left:10px !important;width:auto;}
.last-transactions .rwd-table td:nth-child(2),.last-transactions .rwd-table td:nth-child(3),.last-transactions .rwd-table td:nth-child(7){width:auto;}
.rwd-table a.link{min-width: 70px;padding: 2px 5px 2px 5px;}
.second-sec h2{margin-bottom:20px;}
.title-sec h2{font-size: 28px;}
.top-title-set{margin-bottom: 25px;}
.product-list .product-box{width:47.5%}
.product-list .product-box:nth-child(3n+3){margin-right:5%}
.product-list .product-box:nth-child(2n+2){margin-right:0;}
.package-details-page{margin-top: 45px;}
.product-details .rwd-table th, .product-details .rwd-table td{width:auto;padding: 10px 20px !important;}
.product-detail-pop.white-popup-block label.error{top:7px;}
.product-details .up-gold{padding: 0 15px 25px 15px;}
.my_transaction_page.purchase .rwd-table th:first-child, .my_transaction_page.purchase .rwd-table td:first-child{padding: 10px 25px !important; !important}
.my_transaction_page.purchase .rwd-table td{padding: 10px 25px !important;}
.my_transaction_page.purchase .bottom-links a.link{margin-left:20px;}
.my_transaction_page.purchase #purchase-filter ul{padding: 0 15px 30px 25px;}
.my_transaction_page.purchase .transaction-sec ul li .text-box{padding-left: 5px;padding-top: 3px;}
.my_account-page .rwd-table td:first-child,.my_account-page .rwd-table td{padding: 10px 30px !important;}
.product-table{margin-top:50px;}
.product-table h2{ padding-left: 25px;padding-bottom: 15px;}
.edit-profile .white-box{max-width: 495px;margin: 70px auto;}
.my_account-page.my_transaction_page .transaction-sec ul li select.text-box{padding-left:10px;background-position: 94% 60%;background-size: 10%;}
.my_account-page .transaction-sec ul li{width:49%;}
.last-transactions .rwd-table td:nth-child(4){text-align:left}
.last-transactions .rwd-table td:nth-child(5){text-align:left !important;}
.my_transaction_page .transaction-sec .rwd-table td{width:auto;}
.purchase .rwd-table td{text-align:left;}
.my_transaction_page.purchase .rwd-table th{text-align:left;}
.my_transaction_page .transaction-sec .rwd-table td:nth-child(3){text-align: left !important;}
.rwd-table .amount-format-right{text-align:left !important}
.last-transactions .rwd-table td, .last-transactions .rwd-table th{text-align:left}
.product-details .rwd-table tr:nth-child(2n+2){background:#fff;}
.product-details .rwd-table tr{border-bottom: 1px solid #f1f1f5;}
.product-details .rwd-table tr:last-child{border-bottom: none;}
} 
@media only screen and (max-width: 768px) {
  .package-details-page .up-gold h2{font-size: 20px;}
  /* .log-body header .logo-sec{width:auto} */
  .my_account-page .right-boxes{ margin-top: 10px;width: 100%;float: none;}
  .my_account-page .box-one{float: none;width: 100%;}
  header ul li a{font-size: 15px;}
  /*header ul li{margin-bottom: 15px;}*/
  .notification-page{margin-top: 50px;}
  .noti-count{top: 12px;}
  .links{display: block;}
  .refferal-boxes .ref-texts p{line-height: 20px;}
  .booking-search,
  #searchBookingretilor,
  .booking-detail-overflow,
  #retailorSpaceTable,
  #expense-type-filter,
  .space-detail-page,
  #store_list_table,
  #spaceeditform,
  #adminSpaceTable,
  #adminResellerTable,
  .productCategoryTable,
  #adminStoreTable,
  #SpacetypeTables,
  .edit-expense{ overflow: auto; }
  .booking-search .form-row,
  #adminResellerTable .rwd-table{ min-width: 1500px; margin-bottom: 10px;}
  .booking-search a.link.SearchBookings{ vertical-align: top; }
  .booking-detail-overflow .full-wraper,
  #expense-type-filter .form-row,
  .space-detail-page .transaction-sec{ min-width: 1300px; }
  #expense-type-filter{ padding: 0 }
  #expense-type-filter .form-row{ margin-bottom: 15px; }
  .product-add-page.add-space-page { max-width: 100%; padding: 30px;}
  .add-space-page .bottom-space,
  .add-space-page .space-result{ margin-left: 0!important; margin-right: 0!important; }
  .add-space-page .add-space-sec,
  .add-space-page .bottom-space,
  .add-space-page .space-result{ min-width: 1300px;}
  .add-space-page .select-set { width: 100%;}
  .product-add-page .white-box .logo-upload { width: 100%;}
  .space-detail-page .transaction-sec .col-lg-8{ flex: 0 0 66.66667%;max-width: 66.66667%; }
  .space-detail-page .transaction-sec .col-lg-6{ flex: 0 0 50%;max-width: 50%; }
  .space-detail-page .transaction-sec .col-lg-5{ flex: 0 0 41.66667%;max-width: 41.66667%; }
  .space-detail-page .transaction-sec .col-lg-4{ flex: 0 0 33.33333%;max-width: 33.33333%; }
  .notification-page .notification-section { padding: 0!important;}
  .notification-page .notification-section ul li{ padding: 15px 20px 20px 60px; }
  .notification-page .notification-section ul li p{ margin:0; }
  .notification-page .notification-section ul li a{ position: static; }
  .notification-page .notification-section ul li span.hour{ display: block; margin-bottom: 5px; }
  a.link.searchCommonRetailor{ vertical-align: top; }
  .edit-profile{ padding-top: 40px; }
  .edit-profile .edit-profile{ padding-top: 0; }
  .product-view-pop .pop-row{ display: block; }
  .product-view-pop .pop-left-col { width: auto;}
  .product-view-pop .pop-right-col { width: auto; padding-left: 0; padding-top: 20px;}


}
@media only screen and (max-width: 767px) {
  .buying-package .credit-form input{width: 53%;}
  .buying-package .credit-form button { padding: 0 15px;}
  .review.buying-package .right-texts h5{font-size: 17px;}
  .bitcon-wallet .bitcon-left .bitcon-texts h3{font-size: 15px;}
  .bitcon-wallet .bitcon-left .bitcon-texts h5{font-size: 11px;line-height: 12px;}
  .bitcon-wallet .bitcon-left{width: 78%;}
  .bitcon-wallet .bitcon-right{width: 15%;}
  .upgrade-sec.white-box h2{font-size: 20px;}
  .upgrade-sec p{ font-size: 13px;line-height: 19px;}
  .right-boxes .right-bx-cnt {display: flex;flex-wrap: wrap;}
  .right-boxes .right-bx-cnt  .box-two{width: 48%; margin:3% 3% 0 0;min-height: 84px;display: flex;align-items: center;
    justify-content: center;}
  .right-boxes .right-bx-cnt  .box-two:nth-child(2n+2){margin-right: 0;}
  .first-sec .box-one{margin-bottom: 0;}
  .first-sec a.btn{padding: 8px 13px;}
  .first-sec a.btn-last{padding: 2px 13px;}
  .dashbord-credit .credit-texts{float: none;width: 100%;}
  .dashbord-credit .credit-img{float: none;width: auto;}
  .dashbord-credit .credit-texts span{font-size: 17px;}
  .dashbord-credit{padding: 12px 15px;}
  .dashbord-credit .credit-texts p{margin-top: 10px;}
  .white-popup-block{padding: 30px;}
  .white-popup-block h3{font-size: 27px;margin-bottom: 25px;}
  .login-page.register-styles form ul li{width: 100%;margin-right: 0;}  
  header .search-expand{ left: 0; width: 100%; overflow: auto; }  
  header .search-expand .form-inline{ width: 1300px; padding-right: 3%;}
}
@media only screen and (max-width: 600px) {
  .second-sec .diamond-sec h5{font-size: 20px;line-height: 20px;}
  .second-sec .diamond-sec h6 { font-size: 18px;line-height: 18px;}
  .last-transactions h2{    font-size: 19px;line-height: 19px;}
  .upgrade-sec h2{font-weight: bold;position: relative;z-index: 8;    font-size: 19px; }
  .notification{padding: 15px 20px;}
  .second-sec h3{font-size: 19px;line-height: 19px;}
  .package-details-page .up-gold p{font-size: 12px;line-height: 20px;}
  .upgrade-sec::before {width: 128px;height: 80px;}
  .upgrade-sec::after {width: 110px;height: 60px;left: 5px;}
  header .logo-sec{width:20%;}
  header .admin-set{width: 85%;
    margin-right: 00px;
    /* margin-right: 50px; */
  }
  .buying-package .credit-form input{width: 100%;margin-bottom: 10px;}
  .buying-package .credit-form button{margin-top: 5px;}
  .buying-package .package-left{width: 100%;float: none;border-right: none;border-bottom: 1px solid #e5e5e5;}
  .buying-package .package-right{width: 100%;float: none;}
  .buying-2 .credit-form button{margin-top: 40px;}
  .bitcon-wallet .bitcon-left{width: 100%;float:none}
  .bitcon-wallet .bitcon-left .bitcon-texts{float: none;width: 100%;}
  .bitcon-wallet .bitcon-right{width: auto;float: none;}
  .bitcon-wallet .bitcon-left .bitcon-img{float: none;}
  .package-page .white-box.color-box::after{width: 170px;height: 215px;}
  .first-sec a.btn{margin-bottom: 5px;padding: 8px 18px;}
  .achievment-sec{padding: 20px 15px 30px 15px}
  .refferal-code-sec .ref-right{padding: 5px 15px;}
  .refferal-code-sec .ref-right span{font-size: 15px;}
  .refferal-code-sec .ref-right a{font-size: 13px;padding: 6px 15px;}
  .refferal-code-sec .ref-left{width: 60%;}
  #wrapper{flex-wrap: wrap;}
  .sidebar{width: 100%;display: none;z-index: 1;} 
  .nav-active .sidebar{ display: block; margin-top: 60px;}  
  .nav-active .mobile-nav span.click{ transform: rotate(180deg); }  
  .sidebar .nav-item .nav-link{width: auto;display: flex;align-items: center;}
  .sidebar .nav-item .nav-link span{font-size: 13px; margin-top: 0;margin-right: 7px;}
  .mobile-nav{margin: 0;padding: 0;list-style: none;width: 100%;}
  .nav-item.mobile-nav-item{background-color: #30318a;text-transform: uppercase;position: relative;}
  .nav-item.mobile-nav-item a{color: #fff;font-size: 13px;font-weight: bold;padding: 1rem;display: flex;align-items: center;}
  .mobile-nav span.icon{margin-right: 1em;}
  /* .nav-item.mobile-nav-item::after{background-image: url(../images/white-arow.png);width: 13px;height:9px;
    background-repeat: no-repeat;content: "";display: inline-block;position: absolute; right: 20px;top: 20px;} */
    .mobile-nav span.click{position: absolute;right: 18px;top: 0px; width:50px;height: 59px; text-align: right;right: 0; display: flex; align-items: center; justify-content: flex-end;
    padding-right: 15px;}
    .sidebar-active .sidebar{display: block; margin-top: 60px;}
    .bg-gradient-primary{box-shadow: none;}
    .sidebar .nav-item:first-child{display: none;}
    .notification-page .notification-section{padding:20px 25px;margin-bottom: 35px;}
    .dashbord-credit .credit-texts p{margin-top: 0;}
    .dashbord-credit{display: flex;align-items: center;margin: 80px 15px 80px 15px;border-radius:20px;}
    .dashbord-credit .credit-texts{padding-left: 15px;}
    #edit-popup ul li .file-input{flex-wrap: wrap;}
    #edit-popup span.label,#edit-popup textarea{width: 100%;}
    #edit-popup ul li label{width: 100%;margin-bottom: 6px;display: block;}
    .mfp-close{right: 10px;top: -3px;font-size: 30px;}
    .user .edit-image img {width: 15px; margin-top: 15px;}
    .notification-sec{width: auto;top: 75px;right: 0;left: 0;margin: 0 auto}
    .plan-boxes{padding: 70px 0 65px 0;}
    .my_account-page.my_transaction_page .transaction-sec h2{font-size: 25px;}
    header .bell-icon{float: none;order: 2;width: 25%;}
    header .admin-set > .clearfix{display: flex;align-items: center;}
    header .admin{float:none;order: 2;width: 75%;padding-left: 20px;}
    a.responsive-logout{width: 20px;margin: 0 auto; display: none;}
    header .right {width: 65%;}
   .refferal-texts h3{font-size: 15px;line-height: 20px;}
   .tree ul.parent> li > a > .refferal-texts h3{font-size: 15px;line-height: 20px;}
   .tree ul.parent> li > a > .refferal-texts {width: calc(100% - 75px);}
    .refferal-texts h4{font-size: 13px;}
    .refferal-boxes .ref-texts p{font-size: 12px;}
    .tree {margin-top: 20px;}
    .document-alert-empty a{height: 45px;line-height: 44px;margin-top: 35px;font-size: 13px;}
    a.round{display:inline-block;padding-top: 7px;}
    .top-set .box-two .dolor-texts h2{    font-size: 13px;line-height: 15px;}
    .top-set .box-two .box-image,.top-set .box-two .dolor-img{ width: 30px;margin:0 7px 0 0;float: left;}
    .inner-service-pages{margin: 30px auto;padding: 0 15px;}
    .inner-service-pages h2{font-size: 22px;padding-left: 15px;margin-bottom: 20px;}
    .service-edit .white-box ul li label,.service-edit .white-box ul li .textbox,.service-edit .cke_chrome,
    .service-edit .white-box ul li span.label{width:100%;}
    .service-edit form {padding: 0 20px;}
    .service-edit .white-box ul li label{margin: 12px 0 7px 0;font-size: 12px;}
    .edit-profile .checkbox{width:100%;}
    .service-edit .image-div,.service-edit select{width:100%;}
    .listing-inner .colunm,.listing-inner .white-box ul li{width:100%;margin-right:0;}
    .service-edit-profile.edit-profile .white-box ul li label{width: 45%;}
    .edit-profile .view-temp-box{margin:40px auto;}
    .service-edit-profile.edit-profile .white-box ul li label{width:100%;    margin-bottom: 3px;}
    .service-edit-profile.edit-profile .white-box ul li .input-set{width:100%;}
    .service-edit-profile .content-right{width:100%}
    .service-edit-profile.edit-profile .white-box ul li,.service-edit-profile.edit-profile .white-box ul li .input-set{
       flex-wrap:wrap;
    }
    .service-edit-profile.view-temp .recordset{width:100%;}
    .service-edit-profile.edit-profile .white-box .fieldRow label{margin-bottom:2px;}
    .product-add .first-box{flex-wrap:wrap;}
    .product-add .first-box .left-set,.product-add .first-box .upload-sec{width:100%}
    .product-add .first-box .left-set{margin-bottom:25px;}
    .product-add .first-box .left-set,.product-add .first-box .upload-sec,.edit-profile .inner-service-pages.product-add .white-box.second-box{padding: 20px 15px;}
    .service-edit form{padding:0 10px;}
    .service-edit .form-control{font-size:12px;}
    .product-add .second-box .btnPlus{width: 30px !important;height: 30px !important;line-height: 30px;}
    .service-edit #czContainer_23{width:100%;}
    .product-add .second-box .default-set{width:80%;}
    .second-sec h2{    margin-bottom: 10px;font-size: 20px;line-height: 20px}
    .top-title-set { margin-bottom:10px;}
    .first-sec { margin-top: 0;}
    .title-sec h2,  
    h2.main-title{font-size: 22px;margin-bottom: 10px;}
    .top-title-set h2{font-size: 20px;}
    .top-title-set h5{font-size: 13px;margin-top: 10px;}
    .link-btn{text-align:left;}
    .second-sec .top-set { margin-bottom: 40px;}
    .product-list .product-box,.product-list .product-box:nth-child(3n+3){width:100%;margin-right:0;}
    .product-list .list-set ul li{margin-right: 7%;}
    .product-list .list-set ul li{margin-right: 0;width: 100%;border-right: 0;}
    .product-detail-pop.white-popup-block{padding: 20px 25px;}
    .product-detail-pop.white-popup-block .replay-textbox{height:35px;}
    .product-detail-pop.white-popup-block ul li{margin-bottom:15px;}
    .package-details-page{margin-top: 30px;}
    .top-title-set{flex-wrap:wrap;}
    .top-title-set h5{width:100%;}
    .diamond-img{width:100%;}
    .package-details-page .top-title-set h5{font-size: 13px;margin-top: 10px;}
    .product-detail-title{flex-wrap:wrap;}
    .package-details-page .up-gold h2{width:100%;margin-bottom: 10px;}
    .product-details .up-gold {padding: 0 20px 15px 20px;}
    .package-details-page  a.link{padding: 10px 20px;font-size: 12px;}
    .package-details-page .rwd-table a.link{padding: 2px 10px;}
    .product-detail-pop.white-popup-block label.error{font-size: 10px!important;}
    .my_transaction_page.purchase .bottom-links a.link{padding: 10px;font-size: 11px;}
    .my_account-page .transaction-sec form{padding: 0px 10px 0 23px;}
    .white-popup-block ul{flex-wrap:wrap;}
    .white-popup-block ul li{width:100%;margin-right:0; margin-bottom: 20px;}
    .transaction-details span.bold-text{font-size: 14px;}
    .transaction-details.package-details-page .up-gold p{margin-bottom:10px;  }
    .transaction-details .up-gold{flex-wrap:wrap;}
    .package-details-page .up-gold p{width:100%;}
    .transaction-details span.bold-text{margin-bottom:0}
    .product-detail-pop.white-popup-block .replay-textbox{font-size:12px;}
    .latest-updates .update-boxes{ display: block; }  
      .latest-updates .update-boxes .box{ width: auto; }  
      .latest-updates .update-boxes .box:nth-child(1){ margin-bottom: 20px; } 
      .latest-updates .update-boxes ul li{ font-size: 14px; } 
      .latest-updates .update-boxes h5{ margin-bottom: 18px; }  
      .latest-updates .update-boxes h5 { font-size: 21px;}  
      .second-sec .white-box span { font-size: 12px !important;line-height: 15px;display: block;} 
      .second-sec .white-box h5{ font-size: 26px; line-height: 30px;} 
      .second-sec .white-box .dolor-texts .view-btn{ min-width: 58px;font-size: 11px;padding: 7px 13px 6px; display: inline-block;margin: 5px 0 0;} 
      .right-boxes .right-bx-cnt .box-two{ display: block; }  
      .rwd-table a.link,  
      .rwd-table a.btn, 
      .rwd-table a.dltbtn{text-align: center;font-size: 9px;margin: 5px 0 4px;} 
      .rwd-table a.dltbtn{ height: 30px; line-height: 30px; } 
      .product-list-page .rwd-table a.link{ padding:5px 15px; } 
      .second-sec .white-box .dolor-texts{ display: block; }  
      .rwd-table a.btn{ margin-right: 5px; }  
      .booking-detail-page .td-cnt .icon{ width: 40px; }  
      .color-box .center img{ height: 150px; }  
      header .search-section, 
      header .space-availability{ display: none; }  
      .register-body header .right ul li a{ font-size: 13px; }  
      .register-body header .btn-reg.bg-reg{ min-width: 80px; } 
      .register-body header .right ul li { padding-right: 10px;}  
      header .right ul li a { font-size: 15px;} 
      .outerbox .switchview{ top: -80px; }  
      .space-detail-page .right-set { width: 100%;margin-top: 15px;}  
      .space-detail-page .space-top-set{ display: block!important;} 
      .space-detail-page .right-set ul li{ font-size: 14px; } 
      .space-detail-page .right-set ul li span{ font-size: 13px; }  
      .space-detail-page .set-one h4{ font-size: 22px; }  
      /*.space-detail-page .pro-row{ display:block; } 
      .space-detail-page .first-col,  
      .space-detail-page .second-col, 
      .space-detail-page .third-col{ width: auto; }*/ 
        
      .space-detail-page{ overflow: auto; } 
      .space-detail-page .col-set{ padding-bottom: 10px; }  
      /*.space-detail-page .tab-row span.tab-col, 
      .space-detail-page .tab-row{ display: block; margin-right: 0; width: 100%;} 
      .space-detail-page .tab-row span.tab-col{ margin-bottom: 10px; }  
      .space-detail-page .bottom-tabs .left-col{ border-right: 0; padding-right: 0.75rem;}*/  
      /*.space-detail-page .nav-tabs .nav-item{ width: 50%; }*/ 
      .space-detail-page .nav-tabs .nav-link{ padding-left: 15px; padding-right: 15px; font-size: 15px;}  
      #pricechartTable{ overflow: auto; } 
      /*.space-detail-page #pricechartTable .table{ width: 600px; }*/ 
      .space-detail-page .tab-content > .tab-pane .container{ max-width: none; }  
      .space-detail-page .bottom-tabs .left-col{ flex: 0 0 75%;max-width: 75%; }  
      .space-detail-page .bottom-tabs .right-col{ flex: 0 0 25%;max-width: 25%; } 
      .booking-detail-page .bk_sp_set.shelvs .main-box{ overflow: auto; } 
      .booking-detail-page .bk_sp_set.shelvs .main-box .rwd-table{ min-width: 1200px; } 
      .restockmain-01 .top-title{ display: block; } 
      .restockmain-01 .top-title img{ display: inline-block;vertical-align: middle; } 
      .restockmain-01 .right-txt-box01a{ display: inline-block; } 
      .booking-detail-page .booking-col p{ font-size: 13px; } 
      .booking-detail-page .booking-col span{ font-size: 15px; }  
      .booking-detail-page .booking-space-row { display: block;}  
      .booking-detail-page .booking-space-col-left{ margin-bottom: 20px; }  
      .booking-detail-page .booking-space-col-left, 
      .booking-detail-page .booking-space-col-right{ width: auto; } 
      .booking-detail-page .bk_sp_set h3{ font-size: 20px !important; display: block; } 
      .trans-idcard h3 .id-card-booking{ margin-top: 10px; }  
      .product-list-page .top-title{ display: block; }  
      .product-list-page .top-title .link{ display: block; margin:0 0 5px; padding-top: 7px; padding-bottom: 7px; } 
      .product-list-page .top-title .main-title{ margin-bottom: 15px!important; } 
      .product-list-page #expense-type-filter{ overflow: auto; }  
      .product-list-page #expense-type-filter .form-row{ min-width: 680px; flex-wrap: nowrap; } 
      #wrapper #content-wrapper{ position: relative;z-index: 0; } 
      .my_transaction_page .mobile-overflow{ overflow: auto; padding-bottom: 10px;} 
      .my_transaction_page .mobile-overflow .form-row{ min-width: 1200px; } 
      .mobile-nav .nav-item span.icon{ background-position: 0 top }
}

@media only screen and (max-width: 576px) {
  .curve-box,.curve-box-2{height: 115px;right: auto;left: 0;bottom: 0;z-index: 1;border-radius: 130px 130px 15px 15px;top: auto;width: 100%;}
  .second-sec .diamond-img,.second-sec .gold-img .diamond-img{text-align: center;}
  .second-sec .gold-img{order: 2;}
  .investment .diamond-img{text-align: center;}
  .investment .curve-box{height: 135px;right: auto;left: 0;bottom: 0;z-index: 1;  border-radius: 200px 200px 15px 15px;top: auto;width: 100%;}
  .investment .diamond-sec a.link{margin: 20px 0 30px 0;}
  .last-transactions .link{text-align: left;margin-top: 15px;}
  .trans-table ul li,.trans-table .table-col:nth-child(4) ul li,.trans-table .table-col:nth-child(6) ul li{ padding: 15px 10% 15px 10%;}
  .upgrade-sec p{font-size: 13px;line-height: 18px;position: relative;z-index: 9;}
  .trans-table .col-4.col-lg-2.table-col{max-width: 50%;flex: 0 0 50%;}
  .trans-table ul li{font-size: 14px;}
  .trans-table h6 {font-size: 15px;}
  .upgrade-sec .leaf-img{position: relative;text-align: left;}
  .credit-form input{width: 100%;}
  .credit-form button{margin-top: 5px;}
  .buying-package .right-texts h5{font-size: 21px;line-height: 23px;margin-bottom: 2px;}
  .buying-package .right-contents .right-texts{width: calc( 100% - 55px );}
  .buying-package h3 span{display: block;margin-bottom: 5px;}
  .buying-package h3{margin-top: 30px;}
  .white-box ul li span.label{font-size: 10px;}
  .package-page .bottom-cnt .bottom-left,.package-page .bottom-cnt .bottom-right{width: 100%;float: none;}
  .package-page .bottom-cnt a.link{position: initial;margin-top: 15px;}
  .package-page .white-box .img{position: initial;margin-bottom: 15px;}
  .package-page .white-box.color-box::after{display: none;}
  .package-page h2{font-size: 25px;line-height: 25px;}
  .package-page .white-box h3{font-size: 30px;line-height: 30px;margin-bottom: 15px;}
  .buy-package-details .graph-section .white-box{margin-bottom: 15px;}
  .buy-package-details .graph-section .white-box .leaf-img{position: initial;}
  .buy-package-details .right-form .white-box:before{display: none;}
  .graph-section .white-box .leaf-img{right: -125px;}
  .my_account-page .transaction-sec ul li{width: 100%;}
  .rwd-table td{padding: 10px }
  .rwd-table td:last-child{padding-bottom: 10px;}
  .rwd-table td:first-child{padding-top: 10px;}
  .package-page .color-curve{display: none;}
  .investment .diamond-sec ul li span{display: inline-block;margin-left: 8px;}
}
@media only screen and (max-width: 480px) {
  .login-page{padding: 50px 15px;}
  .login-page ul li a{font-size: 13px;padding-right: 5px;margin-right: 5px;}
  .user .details .name{margin-bottom: 0;font-size: 13px;line-height: 13px;}
  .user .details .position{line-height: 10px;font-size: 10px;}
  .user .user-image{width: 45px;height: 45px;}
  .user .user-image img{width: 45px;height: 45px;}
  .account-settings .medal-image{width: 10%;}
  .user .details{height: 45px;margin-left: 10px;}
  .white-box{padding: 17px 15px;}
  a.btn{padding: 5px 10px;margin-bottom: 5px;font-size: 11px; }
  .investment-top h2{margin-bottom: 15px;font-size: 20px;}
  .diamond-sec ul li{font-size: 12px;}
  header .bell-icon{padding: 0px 15px;width: 24%;}
  header .right {width: 65%;}
  .noti-count{width: 15px;height: 15px;font-size: 10px;line-height: 15px;top: 20px;right: -10px;}
  header .admin-image{width: 30px;height: 30px;}
  header .admin-image img{width: 30px;height: 30px;}
  header .addmin-text{padding: 0 5px;display: inline-block;vertical-align: middle;font-size: 13px;}
  .nav-opener{ width: 45px;height: 30px;}
  header .admin-set{width: 95%;
    margin-right: 0px;
    /* margin-right: 20px; */
  }
  header .logo-sec {width: 25%;}
  /*header .admin{width: 70%;padding-left: 0;}*/
  .faq-list .faq-box{padding: 25px;}
  .faq-list .faq-box h3{font-size: 15px;margin-bottom: 10px;}
  .faq-page h2{font-size: 25px;}
  footer .copyright{line-height: 20px;}
  .credit-form{padding: 25px 15px;}
  .add-credit-content .credit-form{margin: 95px auto;}
  .add-credit h2{font-size: 20px;margin-bottom: 15px;}
  .buying-package h2{font-size: 25px;}
  .buying-package{padding: 60px 0 100px 0;}
  .edit-profile .white-box { margin: 65px 15px;}
  .edit-profile .white-box{padding: 20px 15px;margin: 35px 15px;}
  .withdrw .form-sec ul li .verify{font-size: 10px;width: 55px;}
  .white-box ul li .textbox{font-size: 12px;}
  .withdrw .links ul li a{padding: 13px 26px;}
  .white-box input[type="submit"]{padding: 0 25px;}
  .withdrw .white-box{margin: 90px auto;}
  .withdrw .white-box{padding: 40px 15px;}
  .buying-package .credit-form{ width: 100%;padding: 30px 20px;}
  .review.buying-package .right-contents .right-texts{float: left;margin-top: 10px;}
  .plan-boxes .top-sec h3{font-size: 30px;line-height: 35px;margin-bottom: 10px;}
  .plan-boxes .top-sec h4{font-size: 20px; line-height: 15px;}
  .plan-boxes .referal{font-size: 10px;line-height: 15px;padding: 10px;}
  .plan-boxes a.link{padding: 10px 15px;}
  .plan-boxes .plan p{line-height: 19px;}
  .plan-boxes .active-text-box{padding: 10px 0px;font-size: 11px;max-width: 155px;}
  .plan-boxes .referal span { margin-right: 5px;}
  .package-page .white-box.color-box{padding: 30px 20px;}
  .package-page{padding: 30px 0;}
  .package-page .white-box h5{font-size: 17px; line-height: 17px;}
  .package-page .white-box .strip{font-size: 12px;}
  .buy-package-details .bp-form{padding-left: 0.75rem;}
  .buy-package-details .right-form h3{font-size: 17px;line-height: 25px;}
  .my_account-page .transaction-sec {margin: 50px 0 70px 0;}
  .my_account-page .top-set .box-two{width: 100%;min-height: auto;padding: 25px 15px;}
  .my_account-page .top-set .box-two.box-three{margin-left: 0;}
  .my_account-page .transaction-sec h2{font-size: 20px;line-height: 20px;}
  .white-popup-block h3{font-size: 23px;}
  .white-popup-block p{margin-bottom: 30px;}
  .refferal-boxes .ref-box{width: 100%;margin-right: 0;margin-bottom: 10px;}
  .achievment-sec h2{font-size: 22px;}
  .refferal-code-sec{flex-wrap: wrap;}
  .refferal-code-sec .ref-left{width: 100%;margin-bottom: 10px;}
  .achievment-sec p{font-size: 11px;}
  .refferal-code-sec .ref-right span{font-size: 15px; margin-bottom: 5px;}
  .refferal-code-sec .ref-right{padding: 12px 15px;}
  .first-sec a.btn{margin-right: 3px;}
  .investment {margin: 30px 0 50px 0;}
  .investment .white-box {margin-bottom: 30px;}
  a.link{padding: 7px 11px;}
  .title-sec h2, h2.main-title { font-size: 17px;}
  .package-details-page .detail-top h2{font-size: 25px;line-height: 25px;margin-bottom: 10px;}
  .package-details-page .detail-top h3{font-size: 11px;line-height: 11px;margin-bottom: 6px;}
  .package-details-page .detail-row-cnt .right-set{padding-left: 20px;}
  .withdrw .links ul{max-width: 205px;}
  .alert{font-size: 13px; padding: 50px 15px;}
  .package-details-page .graph-section{margin-top: 25px;}
}
@media only screen and (max-width: 375px){
  .trans-table .col-4.col-lg-2.table-col{max-width: 100%;flex: 0 0 100%;}
  .sidebar .nav-item .nav-link span.icon{display: block;}
  /* .sidebar .nav-item .nav-link{padding: 1rem 0rem;width: 4rem;} */
  .buying-package{padding: 40px 0;}
  .buying-package .credit-form button{padding: 0 14px;}
  .buying-package .credit-form p{font-size: 13px;line-height: 20px;}
  .buying-package h2{font-size: 20px;}
  /* .white-box input[type="submit"]{margin-top: 40px;} */
  /* .white-box ul li span.label .button{right: auto;left: 0;top: 45px;} */
  .white-box ul li span.label{font-size: 8px;}
  .white-box h2{margin-bottom: 20px;font-size: 20px;}
  .review .review-links a.btn{width: 100%;}  
  .plan-boxes .top-sec .left-box{width: 80%;}
  .plan-boxes .top-sec h3{font-size: 25px;line-height: 30px;}
  .plan-boxes .plan{padding: 5px;}
  .rwd-table td{font-size: 11px;}
  footer .copyright{font-size: 10px;}
  footer{padding: 20px 0;}
  .dashbord-credit{margin: 20px 15px 30px 15px;padding: 12px 5px 12px 10px;}
  .upgrade-sec p{font-size: 12px;}
  .package-details-page .detail-top .left-set .col-9{padding-left: 30px;}
  #creditMsg{ left: auto; bottom: 15px;right: 0;}

}
@media only screen and (max-width: 350px){
  header .bell-icon{width: 35%;}
  header .right{width: 60%;}
  .achievment-sec .copycode-after{margin-left: 0 !important;left: -20px !important;}
  .refferal-texts.main-child-ref-txt  h4 span{display: block;}
  header .logo-sec { width: 30%;}
  header .admin-set{margin-right: 15px;}
  .plan-boxes .plan p{font-size: 13px;}
   #creditMsg{ left: auto; bottom: 15px;right: 0;}
   .credit-form button{padding: 0 10px;font-size: 11px;height: 38px;}
   .buying-package .credit-form p{font-size: 12px;line-height: 17px;}
}



@media only screen and (max-width: 767px) and (orientation: landscape){
    .service-edit .white-box ul li label,.service-edit .white-box ul li .textbox,.service-edit .cke_chrome,.service-edit #czContainer_23,
    .service-edit .white-box ul li span.label{width:100%;}
    .service-edit form {padding: 0 20px;}
    .service-edit .white-box ul li label{margin: 12px 0 2px 0;}
    .inner-service-pages{    margin: 40px auto; padding: 0 15px;}
    .edit-profile .checkbox{width:100%;}
    .service-edit select{width:100%;}
    .edit-profile .checkbox{width:100%;}
    .service-edit .image-div,.service-edit select{width:100%;}
    .listing-inner .colunm{width:100%;}
    
    .service-edit .white-box ul li label,.service-edit .white-box ul li .textbox,.service-edit .cke_chrome,.service-edit #czContainer_23,
    .service-edit .white-box ul li span.label{width:100%;}
    .service-edit form {padding: 0 20px;}
    .service-edit .white-box ul li label{margin: 12px 0 2px 0;}
}
@media only screen and (max-width: 1600PX) {
  .complaint-list{
    flex-direction: column;
  }
  .complaint-list-item{
    width: 100%;
    margin-bottom: 15px !important;
  }
  .complaint-box .complaint-list{
    margin-top: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-half,
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-third,
  .dashboard-analytics-section .dashboard-chart-grid > .chart-span-full{flex:0 0 100%;max-width:100%;}
  .dashboard-analytics-section .analytics-card.white-box{width:100% !important;max-width:100%;margin-right:0 !important;padding:22px 18px !important;display:block;}
}