/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	section.main .my_profile_info .avatar img{
		width: 200px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	section.main .my_profile_info .avatar img{
		width: 170px !important;
	}
	section.main .chat_list .chat_value img{
		max-width: 40px;
		height: auto;
	}
}	

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top_link{
		display: none;
		width: 100%;
		position: absolute;
		background: #1B3304;
		bottom: 0;
		padding-left: 20px;
		margin-bottom: -57px;
		z-index: 10;
	}
	.nav_p ul.nav{
		display: none;
		width: 100%;
		position: absolute;
		top: 33px;
		background: #2A5422;
		z-index: 10;
	}
	.nav_p ul.nav li{
		display: block !important;
	}
	section.main .my_profile_info .avatar img{
		width: 170px !important;
		margin: 20px 0 20px 20px; 
	}
	section.main .chat_list .chat_value img{
		max-width: 40px;
		height: auto;
	}
	section.main .profile{
		position: absolute;
		display: none;
		width: 100%;
		top: 34px;
		z-index: 10;
	}
        section.main .adminPanel ul li{
            display: block;
        }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.top_link {
		display: inline-block !important;
	}
	.nav_p ul.nav {
		display: block !important;
	}
	section.main .profile{
		display: block !important;
	}
        section.main .adminPanel ul li{
            display: inline-block;
        }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}