/*
Name : responsive.css
Author : BIS (anon.id)
Type : Default Style
*/

@media (min-width: 991px) {
	.desktop-hide {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.w-label{
		width: 100%;
		justify-content: left !important;
		margin: 5px auto !important;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	.tablet-hide {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.notif-warning{
		width: 90%;
	}
	.info_edit{
		width: 90%;
	}
	.mobile-hide {
		display: none !important;
	}
	.wrapper-form {
		padding: 5px 0 0 0 !important;
		width: 100% !important;
	}
	.img-rs{
		max-width: 100%;
    	height: auto;
    	padding: 0 15px 0 15px;
	}
	.img-rs-user img{
		border-radius: 100px;
		object-fit: cover;
		/* width: 125px;
		height: 125px; */
		background-color: #fff;
	}
	.btn-profile{
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.rs-width{margin-top: 20px;}
	.w-birt{width: 100% !important;}
	
}
@media (max-width: 380px) {
	.img-rs-user img{
		border-radius: 100px;
		object-fit: cover;
		/* width: 100px;
		height: 100px; */
		background-color: #fff;
	}
	.mobile-hide {
		display: none !important;
	}
	.wrapper-form .input-group.form-left-1 {
		/* width: 340px; */
		width: 100%;
		/* margin: 0px 0 0 0; */
		margin-left: auto;
		margin-right: auto;
		height: 40px;
	}
	.m-row {
		margin: 15px 0px !important;
		display: block;
	}
	.form-login {
		width: 100%;
	}
	.socmed-login {
		width: 120px;
	}
	.btn-soc-txt {
		width: 100%;
	}
	.icon-soc {
		padding: 9px 10px 0 0px;
    width: 20px;
    height: 30px;
    margin: -1px 5px 0px -15px;
	}
	.g-plus {
		margin-left: -30px !important;
    padding-left: 4px !important;
    padding-right: 23px !important;
	}
	.cb-txt {
		margin-top: -16px;
    	height: 55px;
    	line-height: 6px !important;
    	margin-left: 23px;
	}
	.cb-custom {
		float: left;
		margin-left: 0px;
		margin-right: 10px;
	}
}
@media (min-width: 404px) and (max-width:420px) {
	.btn-max-profile {
		max-width: 166px !important;
    	font-size: 13px !important;
    	font-family: 'OpenSans-Semibold' !important;
	}
}
@media (min-width: 304px) and (max-width:403px) {
	.btn-max-profile {
		max-width: 125px !important;
    	font-size: 12px !important;
    	font-family: 'OpenSans-Semibold' !important;
	}
}
@media (max-width: 303px) {
	.img-rs-user img{
		border-radius: 100px;
		object-fit: cover;
		/* width: 75px;
		height: 75px; */
		background-color: #fff;
	}
	.cb-txt {
		margin-top: -7px;
    	height: 55px;
    	line-height: 6px !important;
    	margin-left: 23px;
	}
}
@media (min-width: 297px) and (max-width:303px) {
	.btn-max-profile {
		max-width: 120px !important;
    	font-size: 12px !important;
    	font-family: 'OpenSans-Semibold' !important;
	}
}
@media (max-width: 276px) {
	.socmed-login {
		float: none;
		margin: 5px 5px;
	}
}
@media (max-width: 201px) {
	.cb-txt {
		margin-top: -11px;
    	height: 55px;
    	line-height: 16px !important;
    	margin-left: 23px;
	}
}



@media (min-width: 991px) and (max-width: 1300px) {
}

@media (min-width: 768px) and (max-width: 990px) {
	
	/* WRAPPER FORM STRUCTURE
	----------------------------------*/
	/* .wrapper-form .input-group.form-left-1 {
		margin: 125px 0 0 0;
	}
	.wrapper-form .input-group.form-left-2 { */
		margin: 310px 0 0 0;
	}
	
}

@media (max-width: 767px) {
	
	/* WRAPPER FORM STRUCTURE
	----------------------------------*/
	.wrapper-form {
		text-align: center;
	}
	.wrapper-form .logo {
		display: block;
		margin: 0 auto;
	}
	.wrapper-form .input-group.form-left-1, .wrapper-form .input-group.form-left-2 {
		margin: 40px 0 40px 0;
	}
	.wrapper-form .wrapper-account .img-account {
		margin: 10px auto 40px auto;
	}
	.wrapper-form .wrapper-account {
		text-align: center;
	}

}

.center{
	display: block;
	margin: 0 auto;
}