@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
/* header */
header .logo-bar {
 background: #fff
} 
header .logo {  
    width: 220px;
    float: left;
}
header .cont-nav {
 margin: 9px 0 5px;
}
 header .cont-nav ul li {
 margin-left: 0px !important;
border-right: 0;
}
header .cont-nav ul li .fa {
 color: #2a622a;
}
header .cont-nav ul span.cont-text, header .cont-nav ul span.cont-ex {
 display: none;
}
 header .user-nav {
 margin: 10px 0 5px;
}
header .user-nav ul a {
 padding: 5px 8px 7px 8px;
 font-size: 13px;
 text-transform: capitalize;
 border: 2px solid #666;
 color: #666 !important;
}
header .user-nav ul a.login .fa {
 color: #666 !important;
}
header .user-nav ul a.join {
 color: #fff !important;
}
header .user-nav ul a.login:hover {
color: #fff !important;
}
header .user-nav ul a.login:hover .fa {
 color: #fff !important;
}
header .social-nav {
 float: left;
}  
/**/
.main-head {
	line-height: 30px !important;
}
/**/
.home-abt-bar {
 padding:20px 0 20px 0!important;
}
.home-abt-bar .no-padding-left {
padding-left:15px!important
}
.home-abt-bar .no-padding-right {
padding-right:15px!important
}
.home-abt-bar .main-head {
 margin-top:50px!important
}
.home-abt-bar .lb-yrs {
 left: 50%;
 top: calc(100% - 55px);
 margin-right: -50% !important;
margin-bottom: inherit !important;
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
.home-abt-bar .lb-exp {
 width: auto;
 padding: 5px 25px !important;
 left: 50%;
 margin-right: -50% !important;
 top: 100%;
 margin-bottom: inherit !important;
 -webkit-transform: translate(-50%, 0);
 -moz-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
 letter-spacing: 2px;
}
/**/
.home-web-col-bar {
	margin-bottom: 60px;
}
.home-web-col-bar ul.mylist li {
	float: none;  
	font-size: 14px;
}
.home-web-col-bar ul.mylist li::before {  
	font-size: 16px;
}
.home-web-col {
	margin-bottom: 0; 
}
/**/
section.contents .content-bar {
 padding: 20px 0;
}
/* page banner*/
.banner-bar {
 padding:50px 0 50px;
}
/*contact bar*/
.contact-bar .no-padding-right {
padding-right:15px!important
}
.contact-bar .no-padding-left {
padding-left:15px!important
}
.contact-bar .cont-nav {
 padding: 22px;
}
/* rankers */
.rankers .achievers-pic-container {
 height: 288px;
}
/* login form */ 
 .log-body {
padding:35px 0 35px;
}
.log-model {
 max-width: 280px;
 border-radius:5px;
 padding:10px 30px 20px;
}
.log-model h2 {
 font-size: 20px!important;
}
 
/*Join Form*/
 .join-body {
padding:30px 0 50px;
}
.join-form-box {
margin:15px 0 0;
padding:25px 20px 0;
}
.join-nav li {
 margin-right: 0px !important;
}
.join-nav li a span {
 width: 30px;
 height: 30px;
 font-size: 14px;
 padding-top: 5px;
}
/* footer */

}
@media only screen and (min-width:768px) and (max-width:991px) {
/* header */
 header .logo {
    padding: 8px 0 8px 0; 
}
header .cont-nav ul li:last-child {
 display:none
}
/**/
.home-abt-bar .main-head {
 margin-top:0px!important
}
.home-web-col-bar ul.mylist li:last-child {
	float: none;
	margin: 40px 0 0!important;text-align: center;
}
/* rankers */
.rankers .achievers-pic-container {
 height: 210px;
}
/* footer */
}
@media only screen and (min-width:992px) and (max-width:1199px) {
/* header */ 
 header .logo {
    padding: 11px 0 10px 0; 
}

/* rankers */
.rankers .achievers-pic-container {
 height: 205px;
}
/* footer */
}