/*1280px x 1480px*/
@media (min-width: 1280px) and (max-width: 1800px) {
    .width-holder{width: 100%;}
	.detail-box .btm-box{padding: 0 20px;}
	.detail-box{padding: 30px 20px;}
	.btn-finished{padding: 0 8px;}
}


/*900px x 1080px*/
@media (min-width: 900px) and (max-width: 1180px) {
	.width-holder{width: 100%;}
	.top-space{margin-top: 40px;}
	.detail-box .box{margin-bottom: 20px;}
	.btn-finished{padding: 0 8px;margin-bottom: 20px;}
	.detail-box .box{margin-bottom: 20px;min-height: 180px;}
	.detail-box input{font-size: 18px;}
	.detail-box textarea{height: 180px;}
	.hasWickedpicker{padding: 8px !important;}
	.top-row.top-space.mb-4.overflow-hidden.reschedule-mobile.reschedule-hidde{display: none !important;}
}
@media (max-width: 1180px){
    .top-space {
        margin-top: 0;
    }
}

/*768px x 899px*/
@media (min-width: 768px) and (max-width: 899px) {
	.width-holder{width: 100%;}
	.detail-box{padding: 20px;}
	.detail-box .btm-box{padding: 0 20px;}
	.btn-refresh{font-size: 14px;}
	.btn-finished{font-size: 14px;padding: 0 8px;margin-bottom: 20px;}
	.top-space{margin-top: 0;}
	.detail-box .box{margin-bottom: 20px;min-height: 180px;}
	.detail-box input{font-size: 18px;}
	.detail-box textarea{height: 180px;}
	.hasWickedpicker{padding: 8px !important;}
	.top-row.top-space.mb-4.overflow-hidden.reschedule-mobile.reschedule-hidde{display: none !important;}
}


/*@media 767px*/
@media (max-width: 767px) {
	.login-section .container-fluid{padding: 0 20px;}
	.login-box .logo{display: none;}
	.logo.d-none{display: block !important;text-align: center;}
	 h1{font-size: 26px;}
	.login-box h1{text-align: center;line-height: 33px;}
	.login-box h1 span{display: inline-block;}
	.form-control{height: 56px;}
	.login-box .btn{height: 56px;}
	.login-section{margin-top: 20px;}
	.logo, .menu-box{display: none;}
	header{padding: 20px 0;display: block;box-shadow: none;margin: 0;}
	.overview{padding: 0 10px;margin-bottom: 40px;}
	.width-holder{width: 100%;}
	.menu-mobile.d-none{display: block !important;position: fixed;bottom: 0;}
	.detail-box{border-radius: 10.5px 10.5px 0 0;padding: 30px;min-height: 560px;}
	.detail-section .breadcrumb{padding-left: 20px;}
	.arrow-btn.d-none{display: inline-block !important;}
	.detail-box .btm-box{padding: 0 40px;}
	.btn-refresh{font-size: 14px;}
	.btn-finished{font-size: 14px;padding: 0 15px;float: left !important;margin-top: 10px;margin-bottom: 20px;}
	.success-row{margin: 50px auto 0;padding: 0 10px;}
	.top-space{margin-top: 40px;}
	.detail-box .box{margin-bottom: 20px;}
    .desktop-none{display: block;}
    .top-row.desktop-none{clear: both;margin-top: 20px;float: left;margin-bottom: 0 !important;}
    .top-row.top-space.mb-4.overflow-hidden{display: none;}
    .top-row.top-space.mb-4.overflow-hidden.desktop-none{display: block !important;}
    .detail-box .box{min-height: 180px;}
    .detail-box textarea{height: 180px;}
	.hasWickedpicker{padding: 8px !important;}
	.detail-box input{font-size: 18px;}
	.top-row.top-space.reschedule-desktop.desktop-none.reschedule-hidde{display: none !important;}
}


/*@media 430px*/
@media (max-width: 430px) {
	.login-section{margin-top: 20px;}
	.login-section .container-fluid{padding: 0 20px;}
	.login-box .logo{display: none;}
	.logo.d-none{display: block !important;text-align: center;}
	 h1{font-size: 26px;}
	.login-box h1{text-align: center;line-height: 33px;}
	.login-box h1 span{display: inline-block;}
	.form-control{height: 56px;}
	.login-box .btn{height: 56px;}
	.logo, .menu-box{display: none;}
	header{padding: 20px 0;display: block;box-shadow: none;margin: 0;}
	.overview{padding: 0 10px;margin-bottom: 40px;}
	.width-holder{width: 100%;}
	.menu-mobile.d-none{display: block !important;position: fixed;bottom: 0;}
	.detail-section, .detail-section .container-fluid{padding: 0;}
	.detail-box{border-radius: 30px 30px 0 0;padding: 30px 40px;min-height: 560px;}
	.detail-section .breadcrumb{padding-left: 20px;}
	.arrow-btn.d-none{display: inline-block !important;}
	.success-row{margin-top: 0;}
	.arrow-row, .mobile-none{display: none;}
    .desktop-none{display: block;}
    .top-row.desktop-none{clear: both;margin-top: 20px;float: left;margin-bottom: 0 !important;}
    .top-row.top-space.mb-4.overflow-hidden{display: none;}
    .top-row.top-space.mb-4.overflow-hidden.desktop-none{display: block !important;}
    .detail-box .box{min-height: 180px;}
    .detail-box textarea{height: 180px;}
    .btn-logout{display: inline-block;}
    .btn-logout img {width: 25px;margin: 0;}
	.btn-logout{right: 20px;}
	.btn-finished{float:right !important;margin-top: 0;}
	.detail-box input{font-size: 18px;}
	.top-row.top-space.reschedule-desktop.desktop-none.reschedule-hidde{display: none !important;}
}