@media only screen and (min-width: 1024px) {
.hidden-lg {
	display: none !important;
}
.paddingtop {
	padding-top: 100px;
}
/* SOCIAL MEDIA */
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 20px;
}
.social-circle li i {
	margin: 0;
	line-height: 50px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 3px solid #ddd;
}
.avataro {
	margin-left: 29%;
}
.searchinput {
	float: right;
}
	
	.dropdown-menu{
	margin-left: 53%;
	margin-top: 0%
}
}

@media only screen and (max-width: 1024px) {
.inlinetext {
	position: absolute;
	top: 320px;
}
	
	
			.dropdown-menu{
	margin-left: 57%;
	margin-top: 0%
}

}

@media only screen and (max-width: 999px) {
/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

h1 {
	font-size: 4em;
}
h2 {
	font-size: 3em;
}
h3 {
	font-size: 2em;
}
/* COMMoNS */
	
.no-left-padding {
	padding-left: 15px;
}
.no-right-padding {
	padding-right: 15px;
}
header .src-area {
	width: 30%;
}
.paddingtop {
	padding-top: 100px;
}
/* SOCIAL MEDIA */
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 30px;
}
.social-circle li i {
	margin: 0;
	line-height: 50px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 3px solid #ddd;
}
.searchinput {
	float: right;
}
.inlinetext {
	position: absolute;
	top: 200px;
}
	
				.dropdown-menu{
	margin-left: 54%;
	margin-top: 0%
}
.user-table th{background-color:#1a7e90 !important; color:#fff; font-weight:500;}
.table-striped tbody tr:nth-of-type(odd){background-color:#fff;}
.table-striped tbody tr:nth-of-type(even){background-color:#e4f1f1;}	
}

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

p {
	line-height: 1.4;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.2em;
}
/* ---------------------------------
	2. COMMONS FOR PAGE DESIGN
	--------------------------------- */

.section {
	padding: 15px 0 10px;
}
.blog-area .row div[class^="col"] {
	margin-bottom: 15px;
}
/* ---------------------------------
	3. MENU
	--------------------------------- */
	
	
header .main-menu {
	display: none;
	float: none;
	clear: both;
	border-top: 1px solid #ccc;
}
header .main-menu > li {
	display: block;
	float: none;
	border-bottom: 1px solid #ddd;
}
header .main-menu > li:last-child {
	border-bottom: 0;
}
header .main-menu li > a,  header .main-menu ul.drop-down li > a {
	display: block;
	line-height: 1;
	height: auto;
	padding: 15px;
	background: none;
}
/* SEARCH AREA */

header .src-area {
	width: 100%;
}
/* NAV ICON */
	
.menu-nav-icon {
	display: inline-block;
}
/* ---------------------------------
	6. EXTRA BIG BLOG
	--------------------------------- */
	
.post-style-2 .blog-image {
	width: 100%;
	height: auto;
	float: none;
}
.post-style-2 .blog-info {
	height: auto;
	width: 100%;
}
/* ---------------------------------
	10. FOOTER
	--------------------------------- */

footer {
	padding: 40px 0 0px;
	margin-top: 0px;
}
.hidden-xs {
	display: none !important;
}
.paddingtop {
	padding-top: 100px;
}
/* SOCIAL MEDIA */
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
}
.social-circle li i {
	margin: 0;
	line-height: 40px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 3px solid #ddd;
}

.searchinput {
	float: right;
}
.inlinetext {
	position: absolute;
	top: 250px;
}
.sizeoffont {
	font-size: 80%
}
.avataro {
	margin-left: 0%;
	padding:0px;
}
	
		.dropdown-menu{
	margin-left: 35%;
	margin-top: 0%
}
	
.post-style-1 .blog-image{max-height:225px;}
.post-style-1 .blog-image img{width:100%; height:auto;}



}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

body {
	font-size: 14px;
}
.paddingtop {
	padding-top: 130px;
}
/* SOCIAL MEDIA */
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 10px;
}
.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 3px solid #ddd;
}
.searchinput {
	float: left;
	border: 1px solid #ddd;
	margin-top: 20px;
	width: 300px;
}
.avataro {
	margin-left: 0%;
	padding:0px;
}
.inlinetext {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
}
h3 {
	font-size: 15px;
}
.card-title {
	margin-bottom: 0rem;
}
.card-text {
	font-size: 12px;
}
/*.logo .avatario img {
	width: 50px;
}*/
.nopadding {
	padding: 0 0 0 0
}
	
			.dropdown-menu{
	margin-left: 25%;
	margin-top: 13%
}
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {
/* SOCIAL MEDIA */
.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 10px;
}
.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}
/* AVATAR HOME */
.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 3px solid #ddd;
}
.searchinput {
	float: left;
	border: 1px solid #ddd;
	margin-top: 10px;
	width: 250px;
}
.avataro {
	margin-left: 5%;
}
.inlinetext {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 100%;
}
.sizeoffont {
	font-size: 70%
}
.load-more-btn {
	padding: 15px 30px;
}

	
	.dropdown-menu{
	margin-left: 45%;
	margin-top: 13%
}
	.avatario{
		padding: 5px;
	}
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}
/* AVATAR HOME */
.avataro img {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	border: 3px solid #ddd;
}
.searchinput {
	float: left;
	border: 1px solid #ddd;
	margin-top: 10px;
}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
.form-main-sec{padding:0 1.2%;}	
.searchinput_2 {width:92%; padding:7px; margin-top: 3%;}
}

/* < iPad */
@media only screen and (max-width: 959px) {

.dash-box {position: relative; background: rgb(255, 86, 65); background: -moz-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);    background: -webkit-linear-gradient(top, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 0%, rgba(253, 50, 97, 1) 100%);  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5641', endColorstr='#fd3261', GradientType=0);   border-radius: 4px; text-align: center; margin: 60px 0 50px;}
.dash-box-icon { position: absolute; transform: translateY(-50%) translateX(-50%); left: 50%;}
.dash-box-action {transform: translateY(-50%) translateX(-50%);position: absolute;left: 50%;}
.dash-box-body {padding: 50px 20px;}
.dash-box-icon:after {width: 60px;height: 60px;position: absolute;background: rgba(247, 148, 137, 0.91);content: ''; border-radius: 50%;left: -10px;top: -10px;z-index: -1;}
.dash-box-icon > i {background: #ff5444; border-radius: 50%;line-height: 40px; color: #FFF;width: 40px;height: 40px;font-size:22px;}
.dash-box-icon:before {width: 75px;height: 75px; position: absolute; background: rgba(253, 162, 153, 0.34);content: '';border-radius: 50%;left: -17px;top: -17px;z-index: -2;}
.dash-box-action > button { border: none;background: #FFF;border-radius: 19px;padding: 7px 16px;text-transform: uppercase;font-weight: 500;font-size: 11px;    letter-spacing: .5px;color: #003e85; box-shadow: 0 3px 5px #d4d4d4;}
.dash-box-body > .dash-box-count {display: block;font-size: 30px;color: #FFF;font-weight: 300;}
.dash-box-body > .dash-box-title {font-size: 13px;color: rgba(255, 255, 255, 0.81);}

.dash-box.dash-box-color-2 {background: rgb(252, 190, 27); background: -moz-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);    background: -webkit-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcbe1b', endColorstr='#f85648', GradientType=0);}
.dash-box-color-2 .dash-box-icon:after {background: rgba(254, 224, 54, 0.81);}
.dash-box-color-2 .dash-box-icon:before {background: rgba(254, 224, 54, 0.64);}
.dash-box-color-2 .dash-box-icon > i {background: #fb9f28;}
.dash-box.dash-box-color-3 {background: rgb(183,71,247); background: -moz-linear-gradient(top, rgba(183,71,247,1) 0%, rgba(108,83,220,1) 100%);background: -webkit-linear-gradient(top, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%); background: linear-gradient(to bottom, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );}
.dash-box-color-3 .dash-box-icon:after {background: rgba(180, 70, 245, 0.76);}
.dash-box-color-3 .dash-box-icon:before {background: rgba(226, 132, 255, 0.66);}
.dash-box-color-3 .dash-box-icon > i {background: #8150e4;}

.dropdown-menu{padding:0px !important;}
.dropdown-menu a{border-bottom: 1px solid #cdcdcd;width: 100%;padding: 2px 10px;}
.dropdown-menu a:hover{background-color:#eceeef;} 	

.post-img{}
.post-img img{width:100%;}

.browse-icon a{margin-bottom:30px;vertical-align: middle;padding-left: 10px;}
.browse-icon .fa{background-color: #cdcdcd;width: 25px;height: 25px;border-radius: 100%;padding: 5px 7px; cursor:pointer;}
.submit-post{padding:7px 20px !important;}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {

.form-main-sec .form-group{width:auto; margin-right:15px; margin-bottom:10px !important;}
.register-form{margin-top:20px; margin-bottom:20px;}
.field-sec, .frst-name{margin-top:15px;}
.form-main-sec{margin-top:30px;}
.checkbox{margin-right:20%; float:left;}
.category-sec select.form-control:not([size]):not([multiple]){height: calc(2.70rem + 2px);}
.category-sec .btn-group{width:100% !important; padding:6px 6px; display:inline-block;}
.category-sec artical{width:100% !important;}
.searchinput_2 {width:92%; padding:7px; margin-top: 3%;}

.profile-section .avatar {margin-left: 63% !important; width: 150px; height: 150px; margin-top: -55px;}
}

@media only screen and (max-width: 767px) {
.h3{text-align:center;}
.head-top .text-right{text-align:center !important; padding:10px 0;}
.container{width:100%;}
.card-body{padding: 1.25rem; background-color:#eceeef; margin-bottom:30px;}

/*.profile-section .avatar{margin-left:60% !important; width:100px; height:100px; margin-top: -50px;}*/
.profile-section .post-style-1 .blog-image{max-height: 200px; overflow: hidden;}
.blog-area .buttonsleft{position: static; text-align: left; padding-left: 0px; margin-top:5px !important;}

.category-sec select.form-control:not([size]):not([multiple]){height: calc(2.70rem + 2px);}
.category-sec .btn-group{width:100% !important; padding:6px 6px; display:inline-block;}
.category-sec artical{width:100% !important;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {	
.social-icon-sec, .profile-sec, .search-top-sec{width:33.33%;}	
ul.social-network li{margin:0 2px;}	

.form-main-sec .form-group{width:auto; margin-right:15px; margin-bottom:10px !important; float:left;}
.register-form{margin-top:20px; margin-bottom:20px;}
.field-sec, .frst-name{margin-top:15px;}
.form-main-sec{margin-top:30px;}
.searchinput_2 {width:92%; padding:7px; margin-top: 3%;}
.dropdown-menu{padding:0px !important; left:5%;}

.profile-section .avatar {
    margin-left: 80% !important;
    width: 100px;
    height: 100px;
    margin-top: -50px;
}
.blog-area .buttonsleft {
    position: static;
    text-align: left;
    padding-left: 0px;
    margin-top: -40px !important;
}

}

@media only screen and (max-width: 479px) {
.social-icon-sec{width:50%;}	
.profile-sec{width:50%;}
ul.social-network li{margin:0 3px;}	

.form-main-sec .form-group{width:100%; margin-right:15px; margin-bottom:10px !important;}
.register-form{margin-top:20px; margin-bottom:20px;}
.field-sec, .frst-name{margin-top:15px;}
.searchinput_2 {padding: 9px; margin-top: 3%;}
.dropdown-menu{padding:0px !important;left:-44%;top: 23px;}
.blog-action-btn .dropdown-menu{left: 25px;top:-5px;}

.profile-section .avatar {margin-left:0px !important;
    width: 150px;
    height: 150px;
    margin-top: -75px;
}
}

@media only screen and (max-width: 360px){}