@media screen and (max-width:1199px){
  .auth-right{padding:2rem 4rem;}
  .shape-bottom::before,.shape-bottom::after{z-index: -1;}
  .premium-plan-2::before{display: none;}
}
@media screen and (max-width:991px){
  .auth-left img{width: 100%;}
  .auth-right{padding: 2rem }
  .container{padding: 0 30px;max-width: 100%;}
  .main-header{padding: 20px 30px;}
  /* .navbar-toggler{position: absolute;top:-52px;left: 180px;padding: 0;} */
  .navbar-toggler{display: block;padding: 0; margin-left: 5px;}
  .navbar-toggler img{width: 30px;}
  .navbar-collapse{position: absolute;top: 0;background: #000;width: 100%;left: 0;z-index: 9;border-top: 1px solid #282828;}
  .sub-header .navbar-nav .nav-link{display: inline-block;}
  .sub-header .navbar-nav .nav-link::before{content: none;}
  .premium-plan-box h3{font-size: 25px;}
  .premium-plan-2 .premium-plan-box{min-height: 134px;}
}
@media screen and (max-width:767px){
  .auth-pages{flex-flow: column;}
  .auth-left{display: none;}
  .auth-right {padding: 4rem 30px;}
  .custom-btn,.cancel-btn,.common-header .custom-btn{padding: 10px 12px;font-size: 14px;min-width: auto;}
  .floating-input label, .floating-select label{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 90%;font-size: 14px;}
  .auth-pw-page .auth-right{max-width: initial;padding: 20px 30px;}
  .main-header{padding: 20px;flex-wrap: wrap;}
  .container{padding: 0 20px;}
  .modal-dialog{max-width: 90%;margin: 0 auto;}
  .modal-body{padding: 30px;}  
  .business-box{margin-bottom: 20px;}
  .main-header h1{justify-content: flex-end;flex: auto;margin: 0;font-size: 16px;}
  .imgupload-main{flex-wrap: wrap;}
  .profile-detail.first::before{content: none;}
  .profile-detail.first{margin-bottom: 10px;}
  .imgupload-box{height: 120px;width: 140px;}
  .profile-detail p span{padding-left: 10px;}
  .hours-right > div{flex-wrap: wrap;}
  .hours-right span{width: 100%;margin-bottom: 10px;font-size: 14px;}
  .hours-box li:first-child{padding-top: 10px;}
  .hours-box .day-status > label{font-size: 16px;}
  .switch-check{height: 25px;}
  .switch-check .slider:before{height: 22px;width: 22px;left: 2px;}
  .switch-check{min-width: 50px;max-width: 50px;}
  .switch-check input:checked + .slider:before{-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}
  .hours-right{margin-bottom: 10px;}

  .custom-table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} 
  .custom-table td {display: block; padding: 20px;}  
  .custom-table td::before {content: attr(data-label) ":";float: left;margin-right: 5px;font-weight: 600;color: #fff;}  
  .custom-table td:last-child {border-bottom: 0;}
  .custom-table td.action-td::before{content: none;}
  .custom-table td button:first-child{margin-left: 0;}
  .custom-table tr{margin-bottom: 20px;display: block;border: 1px solid #282828;}
  .custom-table td:first-child{border-left: none;}
  .custom-table td:last-child{border-right:none}
}
@media screen and (max-width:567px){
  .modal-body {padding: 20px;}
  .modal-content .close{top: 10px;}
  .business-header,.common-header{flex-wrap: wrap;}
  .business-header h3,.business-header .custom-btn,.common-header h1,.common-header .custom-btn{margin-bottom: 10px;}
  .business-header{margin-bottom: 20px;}
  .padding-custom{padding: 40px 0;}
  .main-header .dropdown-toggle{padding: 0 2px;}
  header .notification-dropdown .dropdown-menu{max-width: 300px;min-width: 300px;}
  header .notification-dropdown .dropdown-menu:before, header .notification-dropdown .dropdown-menu:after{content: none;}
  .imgupload-box{margin-bottom: 20px;}
  .otp-input input{margin-right: 10px;}
  .detail-form{max-width: initial;}
  .imgupload-main-box{margin-right: 20px;}
  .subscription-main .w-90 {width:auto;}
}
@media screen and (max-width:420px){
    .simple-header{flex-direction: column;}
    .simple-header.main-header h1{margin-top: 10px;}
    .event-radio{flex-wrap: wrap;}
    .event-radio .gender-label{width: 100%;}
       .imgupload-main-box{margin-right: 0;}
    .imgupload-main-box .image_prev_box{width: 46%;}
    .imgupload-box{width: 100%;}
}
@media screen and (max-width:360px){
  .main-header{flex-flow: column;}
  .rightside-nav{justify-content: space-between;width: 100%;margin-top: 10px;}
    .input-group.time{margin-right: 10px;}
 
}