@media (max-width:1600px) {
	.card-block-panel.socialmedia i {
	    left: 10%;
		bottom: 30%;
	}

	.card-block {
	    padding:2em; 
	}

	.login-box {
	    width: 30%; 
	}

	.courses-count{
    padding:2em 0em;
    text-align: center;
    min-height:240px;
	}

	.login-register{
		padding:10% 0;
	}


}


@media (max-width:1440px) {
	.card-no-border .page-wrapper {
	    background: #f8f9fa;
	    padding: 2em;
	    padding-bottom: 3em;
	}

	.register{
		width:50%;
	}

	.login-register{
		padding:5% 0;
	}

	.courses-count{
    padding:2em 0em;
    text-align: center;
    min-height:230px;
	}

	.container-fluid {
    padding: 20px;
}

	.card-block-panel {
	    padding: 1em .8em; 
	}

	.card-block-panel img {
	    max-width: 80%;
	    margin-right: .5em;
	}

	.card-block-panel h3 { 
	    font-size: 1em; 
	}

	.card-block-panel h6 { 
	    font-size: .8em; 
	}

	.social [class*="fa fa-"] {
	    background-color: #66cccc;
	    border-radius: 30px;
	    color: #fff;
	    display: inline-block;
	    height: 1.5em;
	    line-height: 1.5em;
	    margin: auto 0;
	    width: 1.5em;
	    font-size: 1.2em;
	    text-align: center;
	    padding: .1em;
	}

	.card-block-panel i {  
	    z-index: 0;
	    bottom: 50%;
	    left: 25%;
	}

	.card-block-panel h1.facebook ,
	.card-block-panel h1.twitter,
	.card-block-panel h1.instagram,
	.card-block-panel h1.text-danger { 
	    font-size: 1.5em;
	}

	.card-block-panel h1 {
	    font-size: 1.5em; 
	}

	.card-campaign img {
	    max-width: 100%;
	    margin-right: 1em;
	    min-height: 10em;
	    max-height: 10em;
	}

	.card-block-campaign {
	    padding: 1em;
	}

	.card-block-campaign .card-title { 
	    font-size: 1em; 
	}

	.social-gray [class*="fa fa-"] {
	    background-color: #b6b6b7;
	    border-radius: 30px;
	    color: #fff;
	    display: inline-block;
	    height: 1.5em;
	    line-height: 1.2em;
	    margin: auto 0;
	    width: 1.5em;
	    font-size: 1.2em;
	    text-align: center;
	    padding: .15em;
	} 

	.card-block-panel.socialmedia i {
	    left: 9%;
	    bottom: 15%;
	}

	.btn-induco-green-unlink , .btn-induco-green-unlink:hover, .btn-induco-green-unlink:focus{ 
    	margin-top: .5em;
   	}

   	.btn-facebook, .btn-twitter, .btn-instagram {
	    padding: 1em 2em;
	    font-size: .9em;
	    margin-right: 2em;
	}

	.pdf-width{
    width:100%;
    height:100%;
    min-height:550px;  
	}

	.modal-dialog{
		width: 75%;
		max-width:75%;
		margin-top:3%; 
	}

}

@media (max-width:1280px) {
.login-box {
	    width: 40%;
	}

.card-block {
    padding: 2em 2em;
}

.courses-count {
    padding: 2em 0em;
    text-align: center;
}

.month-search select{
	width:auto;
}

	
}

@media (max-width:1024px) {

	.register{
		width:55%;
	}

	.mini-sidebar .left-sidebar, 
	.mini-sidebar .sidebar-footer {
	    left: 0;
	}

	.topbar .top-navbar {
	   padding-right: 10px;
	   padding-left: 10px;
	   -webkit-box-orient: horizontal;
	   -webkit-box-direction: normal;
	   flex-direction: row;
	   flex-wrap: nowrap;
	   -webkit-align-items: center;
	}

	.mini-sidebar .left-sidebar {
	    width: 70px;
	}

	.left-sidebar { 
	    padding: 1em 0;
	}

	.mini-sidebar .page-wrapper {
	    margin-left: 70px;
	}

	.mini-sidebar .user-profile { 
	    width: 70px;
	}

	.user-profile .profile-img {
	    width: 80%;
	    margin: 0 auto;
	    border-radius: 100%;
	    margin-top: 0; 
	    margin-bottom: 0; 
	}

	.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
		background: #1a1a1a;
	}

	.card-no-border .page-wrapper {
	    background: #f8f9fa;
	    padding: 1.5em;
	}

	.notice ul li{
		padding-left: 15px;
	}

	.card-block-panel {
	    padding: .5em; 
	}

	.card-block-panel img {
	    max-width: 80%;
	    margin-right: .5em;
	}

	.card-block-panel h3 {
	    font-family: NunitoSans-SemiBold;
	    font-size: .8em;
	    color: #4a4a4a;
	    margin: 0;
	}

	.card-block-panel h6 {
	    font-family: NunitoSans-SemiBold;
	    font-size: .65em;
	    color: #b6b6b7;
	    text-transform: uppercase;
	    margin: 0;
	}

	.social [class*="fa fa-"] {
	    background-color: #66cccc;
	    border-radius: 30px;
	    color: #fff;
	    display: inline-block;
	    height: 1.5em;
	    line-height: 1.5em;
	    margin: auto 0;
	    width: 1.5em;
	    font-size: 1.2em;
	    text-align: center;
	    padding: .1em;
	}

	.card-block-panel i {  
	    z-index: 0;
	    bottom: 50%;
	    left: 25%;
	}

	.card-block-panel h1.facebook ,
	.card-block-panel h1.twitter,
	.card-block-panel h1.instagram,
	.card-block-panel h1.text-danger { 
	    font-size: 1.2em;
	}

	.card-block-panel h1 {
	    font-size: 1.5em; 
	}

	.card-campaign img {
	    max-width: 100%;
	    margin-right: 1em;
	    min-height: 12em;
	    max-height: 12em;
	}

	.card-block-campaign {
	    padding: 2em 1em; 
	}

	.social-media-width h1 {
	    line-height: 1;
	    margin-top: .5em;
	}
	
	.btn-induco-green-link, .btn-induco-green-link:hover, .btn-induco-green-link:focus  {
		padding: .5em 1.5em !important;
		margin-top: 0;
	}

	.social-media-width span {
	    font-size: 0.65em;
	}

	.btn-facebook ,
	.btn-twitter  ,
	.btn-instagram  {
	    font-size: .8em;
	}

	.card-block {
    padding: 2em 1em;
	}

}

@media (max-width:768px) {

	.courses-count {
    padding: 2em 0em;
    text-align: center;
    min-height:auto;
	}

	#video-modal .modal-dialog{
		width:95%;
	}

	.course-status{
		min-height:auto;
	}

	.course-status ul{
		padding-left:25px;
	}

	.course-status ul li{
		line-height:22px;
	}

	.signle-course{
		min-height:auto;
	}

	.examinations{
		min-height:auto;
	}

	.annoucement{
		min-height:auto;
	}

	.modal-dialog{
		width: 95%;
		max-width:95%;
	}

	.user-dashboard h2{
		font-size:1.1rem;
	}

	.pdf-width{
    width:100%;
    height:100%;
    min-height:350px;  
	}


	.login-box{
		width:65%;
	}

	.sidebar-footer{
		width:200px;
	}

	.pagination{
		margin-top:15px;
		float: left;
	}

	.pages-legend{
		display:none;
	}

	.register{
		width:90%;
	}

	.btn-previous{
		font-size:1rem;
	}

	.btn-next{
		font-size:1rem;
	}

	.month-search select{
	width:100%;
	margin: 10px 0;
}

.month-search {
    float: left;
    display: inline-block;
    width: 100%;
}
	
	.course-serach{
		width:100%;
		margin-top:10px;
	}

	.course-serach .app-search{
		display: block;
		margin-right:0;
	}

	.course-serach .app-search input{
		width: 100%;
		text-align: left;
	}

	.page-titles .breadcrumb{
		float:left;
	}

	.col-sm-12 {
	    max-width: 100%
	}

	.col-sm-11 {
	    max-width: 91.66666667%
	}

	.col-sm-10 {
	    max-width: 83.33333333%
	}

	.col-sm-9 {
	    max-width: 75%
	}

	.col-sm-8 {
	    max-width: 66.66666667%
	}

	.col-sm-7 {
	    max-width: 58.33333333%
	}

	.col-sm-6 {
	    max-width: 50%
	}

	.col-sm-5 {
	    max-width: 41.66666667%
	}

	.col-sm-4 {
	    max-width: 33.33333333%
	}

	.col-sm-3 {
	    max-width: 25%
	}

	.col-sm-2 {
	    max-width: 16.66666667%
	}

	.col-sm-1 {
	    max-width: 8.33333333%
	}

	.col-sm-pull-12 {
	    right: 100%
	}

	.col-sm-pull-11 {
	    right: 91.66666667%
	}

	.col-sm-pull-10 {
	    right: 83.33333333%
	}

	.col-sm-pull-9 {
	    right: 75%
	}

	.col-sm-pull-8 {
	    right: 66.66666667%
	}

	.col-sm-pull-7 {
	    right: 58.33333333%
	}

	.col-sm-pull-6 {
	    right: 50%
	}

	.col-sm-pull-5 {
	    right: 41.66666667%
	}

	.col-sm-pull-4 {
	    right: 33.33333333%
	}

	.col-sm-pull-3 {
	    right: 25%
	}

	.col-sm-pull-2 {
	    right: 16.66666667%
	}

	.col-sm-pull-1 {
	    right: 8.33333333%
	}

	.col-sm-pull-0 {
	    right: auto
	}

	.col-sm-push-12 {
	    left: 100%
	}

	.col-sm-push-11 {
	    left: 91.66666667%
	}

	.col-sm-push-10 {
	    left: 83.33333333%
	}

	.col-sm-push-9 {
	    left: 75%
	}

	.col-sm-push-8 {
	    left: 66.66666667%
	}

	.col-sm-push-7 {
	    left: 58.33333333%
	}

	.col-sm-push-6 {
	    left: 50%
	}

	.col-sm-push-5 {
	    left: 41.66666667%
	}

	.col-sm-push-4 {
	    left: 33.33333333%
	}

	.col-sm-push-3 {
	    left: 25%
	}

	.col-sm-push-2 {
	    left: 16.66666667%
	}

	.col-sm-push-1 {
	    left: 8.33333333%
	}

	.col-sm-push-0 {
	    left: auto
	}

	.col-sm-offset-12 {
	    margin-left: 100%
	}

	.col-sm-offset-11 {
	    margin-left: 91.66666667%
	}

	.col-sm-offset-10 {
	    margin-left: 83.33333333%
	}

	.col-sm-offset-9 {
	    margin-left: 75%
	}

	.col-sm-offset-8 {
	    margin-left: 66.66666667%
	}

	.col-sm-offset-7 {
	    margin-left: 58.33333333%
	}

	.col-sm-offset-6 {
	    margin-left: 50%
	}

	.col-sm-offset-5 {
	    margin-left: 41.66666667%
	}

	.col-sm-offset-4 {
	    margin-left: 33.33333333%
	}

	.col-sm-offset-3 {
	    margin-left: 25%
	}

	.col-sm-offset-2 {
	    margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
	    margin-left: 8.33333333%
	}

	.col-sm-offset-0 {
	    margin-left: 0
	}

	.container-fluid{
		padding:25px 0 0; 
	}

	.mini-sidebar .left-sidebar, 
	.mini-sidebar .sidebar-footer {
	    left: 0;
	}

	.topbar .top-navbar {
	    padding-right: 10px;
	    padding-left: 10px;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    -webkit-align-items: center;
	}

	.mini-sidebar .left-sidebar {
	    width: 70px;
	}

	.left-sidebar { 
	    padding: 1em 0;
	}

	.mini-sidebar .page-wrapper {
	    margin-left: 70px;
	}

	.mini-sidebar .user-profile { 
	    width: 70px;
	}

	.user-profile .profile-img {
	    width: 80%;
	    margin: 0 auto;
	    border-radius: 100%;
	    margin-top: 0; 
	    margin-bottom: 0; 
	}

	.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
		background: #1a1a1a;
	}

	.card-no-border .page-wrapper {
	    background: #f8f9fa;
	    padding: 1.5em;
		padding-bottom:10%;
	}

	.card-block-panel {
	    padding: .5em  ; 
	}

	.card-block-panel.socialmedia {
	    padding: 1.5em 1em; 
	}

	.card-block-panel.socialmedia h1 {
	    font-size: 1.2em;
	    line-height: 1;
	    margin-top: .5em; 
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}

	.btn-induco-green-unlink, .btn-induco-green-unlink:hover, .btn-induco-green-unlink:focus  {
		padding: .5em 1.5em !important;
	}

	.card-block-panel img {
	    max-width: 80%;
	    margin-right: .5em;
	}

	.card-block-panel h3 {
	    font-family: NunitoSans-SemiBold;
	    font-size: .8em;
	    color: #4a4a4a;
	    margin: 0;
	}

	.card-block-panel h6 {
	    font-family: NunitoSans-SemiBold;
	    font-size: .65em;
	    color: #b6b6b7;
	    text-transform: uppercase;
	    margin: 0;
	}

	.social [class*="fa fa-"] {
	    background-color: #66cccc;
	    border-radius: 30px;
	    color: #fff;
	    display: inline-block;
	    height: 1.5em;
	    line-height: 1.5em;
	    margin: auto 0;
	    width: 1.5em;
	    font-size: 1.2em;
	    text-align: center;
	    padding: .1em;
	}

	.card-block-panel i {  
	    z-index: 0;
	    bottom: 50%;
	    left: 25%;
	}

	.card-block-panel h1.facebook ,
	.card-block-panel h1.twitter,
	.card-block-panel h1.instagram,
	.card-block-panel h1.text-danger { 
	    font-size: 1.2em;
	}

	.card-block-panel h1 {
	    font-size: 1.5em; 
	}

	.card-campaign img {
	    max-width: 100%;
	    margin-right: 1em;
	    min-height: 12em;
	    max-height: 12em;
	}

	.card-block-campaign {
	    padding: 2em 1em; 
	}

	.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link {
	    font-family: NunitoSans-SemiBold;
	    padding: 0.5em 1em;
	    font-size: .9em;
	    text-align: center;
	}

	.card-block-panel.socialmedia i {
	    left: 14%;
	    bottom: 20%;
	}

	.btn-induco-green-link, .btn-induco-green-link:hover, .btn-induco-green-link:focus  {
		padding: .5em !important;
		margin-top: 0;
	}

	.social-media-width span {
	    font-size: 0.65em;
	}

	.brand-img-details {
	    max-width: 40% !important; 
	}

	
	.btn-facebook ,
	.btn-twitter  ,
	.btn-instagram  {
	    padding: 1em 2em;
	    font-size: 1em;
	    margin-right: 0;
		margin-bottom: 1em;
	}

	.btn-facebook:hover ,
	.btn-twitter:hover  ,
	.btn-instagram:hover  {
	 opacity: .8;
	 color: #fff !important;
	}

	.btn-facebook i,
	.btn-twitter  i,
	.btn-instagram i {
	    margin-right: 1em !important;
	}

 
}

@media (max-width:480px) {
	html body .p-xs-0 {
	    padding: 0px !important;
	}

	html body .p-xs-10 {
	    padding: 10px !important;
	}

	html body .p-xs-20 {
	    padding: 20px !important;
	}

	html body body .p-xs-30 {
	    padding: 30px !important;
	}

	html body .p-xs-35 {
	    padding: 35px !important;
	}

	html body .p-xs-40 {
	    padding: 40px !important;
	}

	html body .p-xs-45 {
	    padding: 45px !important;
	}

	html body .p-xs-l-0 {
	    padding-left: 0px !important;
	}

	html body .p-xs-l-10 {
	    padding-left: 10px !important;
	}

	html body .p-xs-l-20 {
	    padding-left: 20px !important;
	}

	html body .p-xs-r-0 {
	    padding-right: 0px !important;
	}

	html body .p-xs-r-10 {
	    padding-right: 10px !important;
	}

	html body .p-xs-r-20 {
	    padding-right: 20px !important;
	}

	html body .p-xs-r-30 {
	    padding-right: 30px !important;
	}

	html body .p-xs-r-40 {
	    padding-right: 40px !important;
	}

	html body .p-xs-t-0 {
	    padding-top: 0px !important;
	}

	html body .p-xs-t-10 {
	    padding-top: 10px !important;
	}

	html body .p-xs-t-20 {
	    padding-top: 20px !important;
	}

	html body .p-xs-t-30 {
	    padding-top: 30px !important;
	}

	html body .p-xs-b-0 {
	    padding-bottom: 0px !important;
	}

	html body .p-xs-b-5 {
	    padding-bottom: 5px !important;
	}

	html body .p-xs-b-10 {
	    padding-bottom: 10px !important;
	}

	html body .p-xs-b-20 {
	    padding-bottom: 20px !important;
	}

	html body .p-xs-b-30 {
	    padding-bottom: 30px !important;
	}

	html body .p-xs-b-40 {
	    padding-bottom: 40px !important;
	}

	html body .m-xs-0 {
	    margin: 0px !important;
	}

	html body .m-xs-l-5 {
	    margin-left: 5px !important;
	}

	html body .m-xs-l-10 {
	    margin-left: 10px !important;
	}

	html body .m-xs-l-15 {
	    margin-left: 15px !important;
	}

	html body .m-xs-l-20 {
	    margin-left: 20px !important;
	}

	html body .m-xs-l-30 {
	    margin-left: 30px !important;
	}

	html body .m-xs-l-40 {
	    margin-left: 40px !important;
	}

	html body .m-xs-r-5 {
	    margin-right: 5px !important;
	}

	html body .m-xs-r-10 {
	    margin-right: 10px !important;
	}

	html body .m-xs-r-15 {
	    margin-right: 15px !important;
	}

	html body .m-xs-r-20 {
	    margin-right: 20px !important;
	}

	html body .m-xs-r-30 {
	    margin-right: 30px !important;
	}

	html body .m-xs-r-40 {
	    margin-right: 40px !important;
	}

	html body .m-xs-t-0 {
	    margin-top: 0px !important;
	}

	html body .m-xs-t-5 {
	    margin-top: 5px !important;
	}

	html body .m-xs-t-10 {
	    margin-top: 10px !important;
	}

	html body .m-xs-t-15 {
	    margin-top: 15px !important;
	}

	html body .m-xs-t-20 {
	    margin-top: 20px !important;
	}

	html body .m-xs-t-30 {
	    margin-top: 30px !important;
	}

	html body .m-xs-t-40 {
	    margin-top: 40px !important;
	}

	html body .m-xs-t-50 {
	    margin-top: 50px !important;
	}

	html body .m-xs-b-0 {
	    margin-bottom: 0px !important;
	}

	html body .m-xs-b-5 {
	    margin-bottom: 5px !important;
	}

	html body .m-xs-b-10 {
	    margin-bottom: 10px !important;
	}

	html body .m-xs-b-15 {
	    margin-bottom: 15px !important;
	}

	html body .m-xs-b-20 {
	    margin-bottom: 20px !important;
	}

	html body .m-xs-b-30 {
	    margin-bottom: 30px !important;
	}

	html body .m-xs-b-40 {
	    margin-bottom: 40px !important;
	}

	html body .m-xs-b-50 {
	    margin-bottom: 50px !important;
	}

	.mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {
	    left: -280px;
	}

	.topbar .top-navbar {
	    padding-right: 10px;
	    padding-left: 10px;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    -webkit-align-items: center;
	} 

	.card-block {
	    padding: 1.5em;
	    /*text-align: center;*/
	}

	.card-no-border .page-wrapper { 
	    padding: 5.5em 1.5em;
	}

	.card-block-panel {
	    padding: 1.5em; 
	}

	.card-block-panel i {
		z-index: 0;
	}

	.card-campaign img {
	    max-width: 100%;
	    margin-right: 1em;
	    min-height: auto; 
	}

	.card-block-panel {
	    padding: 1em;
	    max-height: 10em;
	    min-height: 10em;
	    overflow-x: auto;
	    word-wrap: break-word;
	}

	.card-block-panel h1 {
		font-size: 1.3em;
	    font-weight: 700;
	}

	.card-block-panel h1.facebook ,
	.card-block-panel h1.twitter,
	.card-block-panel h1.instagram,
	.card-block-panel h1.text-danger {
		font-size: 1.75em;
	}

	.card-block-campaign {
	    padding: 1em; 
	}

	.card-block-campaign .card-title { 
	    font-size: 1em; 
	}

	.social-gray [class*="fa fa-"] {
	    background-color: #b6b6b7;
	    border-radius: 30px;
	    color: #fff;
	    display: inline-block;
	    height: 1.75em;
	    line-height: 1.5em;
	    margin: auto 0;
	    width: 1.75em;
	    font-size: 1em;
	    text-align: center; 
	}

	.social-media-width {
	    width: 100% !important;
	    margin: 0 auto;
	    margin-top: 0;
	}

	.card-block-panel.socialmedia i {
	    left: 25%;
	    bottom: 40%;
	}

	.card-block-panel.socialmedia img {
	    max-width: 50%;
	    margin-right: 1em;
	}

	.card-block-panel.socialmedia h1 {
	    font-size: 1em;
	    line-height: 1;
	    margin-top: 0;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    margin-bottom: 0.75em;
	}

	.card-block-panel.socialmedia h6 {
	    font-size: .65em;
	    margin-bottom: 0.5em;
	}

	.btn-induco-green-unlink, .btn-induco-green-unlink:hover, .btn-induco-green-unlink:focus,
	.btn-induco-green-link, .btn-induco-green-link:hover, .btn-induco-green-link:focus  {
        padding: .25em 1.5em !important;
	    margin-top: 1.5em;
	    font-size: .8em;
		display: block;
	}

	.card-block-panel.socialmedia {
	    padding: 1em;
	} 

	.social-media-width span {
	    font-size: .8em;
	}

	.wallet-history { 
	    font-size: 0.6em !important;  
	}

	.btn-edit {
	    padding: .75em !important;
	    margin-top: 0;
	    font-size: 1em;
	}

	.btn-induco-green-joincampaign, .btn-induco-green-exitcampaign { 
	    margin-top: 1em !important;
	}

	html body .m-xs-t-0 {
		margin-top: 0 !important;
	}
}

@media (max-width:480px) {
	.card-block-panel img {
	    max-width: 90%;
	    margin-right: 1em;
	}

	.card-block-panel h3 { 
	    font-size: .9em; 
	}

	.card-block-panel h6 { 
	    font-size: 1em; 
	}

	.card-block-panel h1 {
	    font-size: 1.3em; 
		line-height: 1;
		margin: .5em 0;
	}

	.card-block-panel h1.facebook ,
	.card-block-panel h1.twitter,
	.card-block-panel h1.instagram,
	.card-block-panel h1.text-danger {
		font-size: 1.25em;
	}

	.card-block-campaign {
	    padding: .5em;
	}

	.signle-course .form-group{
		margin-bottom:15px;
	}

	.signle-course .table td, 
	.signle-course .table th{
    width:100%;
    display:inline-block;
	}

	.signle-course label{
		color:#666;
	}

	.mini-sidebar .left-sidebar {
	    width: 200px;
	}

	.mini-sidebar .page-wrapper {
	    margin-left: 0;
	}

	.scroll-sidebar {
	    padding-bottom: 60px;
	    padding-top: 70px;
	}

	.mini-sidebar .user-profile {
	    width: 100%;
	}

	.user-profile .profile-img img {
	    width: 50%;
	    border-radius: 100%;
	}

	.user-profile .profile-text {
	    padding: 1em 0; 
	}

	.btn-next-cc, .btn-next-cc:focus, .btn-next-cc:hover ,
	.btn-previous-cc, .btn-previous-cc:focus, .btn-previous-cc:hover {
	    padding: 0.5em 0em !important; 
	    width: 50%; 
	}

	.interest-list li >ul {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    padding: 0;
	    margin-bottom: 1em;
	}


.login-box{
	padding: 2.5rem 0.9rem;
}

.login-box.card p{
	margin:0.5em 0;
}

.login-box.card h3 {
    font-size: 1.3em;
    }

    .registration-form h6{
    	margin-bottom:1rem;
    }

}

@media (max-width:320px) {
	.card-block-panel h6 {
	    font-size: .8em;
	}


	.card-block img {
    max-width:75%;
    margin-bottom: 15%;
	}

	.list-dashboard-left{
		width: 100%;
	}

	.list-dashboard-right{
		width: 100%;
	}

	.card-block-panel.socialmedia {
	    padding: 1em .5em;
	}

	.card-block-panel.socialmedia i { 
	    bottom: 45%;
	}

	.card-block-panel.socialmedia h6 {
	    font-size: .5em; 
	}

	.btn-induco-green-unlink, .btn-induco-green-unlink:hover, .btn-induco-green-unlink:focus,
	.btn-induco-green-link, .btn-induco-green-link:hover, .btn-induco-green-link:focus  {
	    margin-top: 1.2em; 
	}
}