@media  only  screen  and (min-width:1171px) and (max-width:1280px){
.navigation ul li a {
    font-size: 14px;
}
}

@media screen and (max-width:1170px) {
.container {
	width: 900px;
}
.banner-text {
    width: 65%;
}
.banner-text h1 {
    font-size: 50px;
    line-height: 65px;
}
}

@media screen and (max-width:1024px) {
.member_event_list ul {
    grid-template-columns: repeat(1,1fr);
}	
}


@media screen and (max-width:991px) {

.header {
    position: relative;
}
.mobile-menu {
    display: block;
    position: absolute;
    top: 60px;
    right: 45px;
    font-size: 30px;
}
.navigation {
    display: none;
	background-color: #58addb;
    position: absolute;
    top: 140px;
    left: 0;
    z-index: 99;
}
.navigation ul {
    width: 100%;
}
.navigation ul li {
    width: 100%;
	border-bottom:1px solid #fff;
	padding:0;
}

.navigation ul li:last-child {
	border-bottom:none;
}
.navigation ul li a {
    font-size: 16px;
	width: 100%;
	padding: 20px 18px;
}
.navigation ul li.current-menu-item a {
    color: #fff;
}
.navigation ul li a:hover {
    color: #fff;
}
.navigation ul li:hover > .sub-menu {
    margin-top: 0;
}
.navigation ul li:last-child ul.sub-menu {
    left: 0;
}

.banner-text {
    width: 100%;
}
.banner-text h1 {
    font-size: 45px;
    line-height: 60px;
}
.association-realtop-sec ul li h2 {
    font-size: 24px;
}
h2 {
    font-size: 26px;
}
.find-our-member .find-now {
    flex-direction: column;
}
.find-our-member .find-now h4{
    margin-bottom:5px;
	font-size: 16px;
}
.community-and-city-info-page ul {
    grid-template-columns: repeat(2,1fr);
}
.how-to-choose-now ul {
    grid-template-columns: repeat(2,1fr);
}
.footer-box {
    width: 50%;
    margin: 15px 0;
}
.footer-box.footer-box-3 {
    width: 50%;
}
.member_event_list ul {
    grid-template-columns: repeat(1,1fr);
}
}
@media screen and (max-width:980px) {
.container {
	width: 700px;
}
.navigation ul li a {
    font-size: 14px;
}
.how-to-choose-now ul {
    grid-template-columns: repeat(1,1fr);
}
}
@media screen and (max-width:767px) {
.container {
	width: 600px;
}

.banner {
    height: 502px;
}
.banner-text {
    width: 100%;
}
.banner-text h1 {
    font-size: 40px;
    line-height: 46px;
}
.banner-text h1 span {
    display: block;
}
.banner.inner-banner .banner-text h1 {
    font-size: 30px;
}
h2 {
    font-size: 30px;
}
.who-are-delta-association {
    padding: 55px 0;
}
.association-realtop-sec ul {
    grid-template-columns: auto auto;
}
.how-to-choose {
    padding: 55px 0;
}
.how-to-choose-now ul {
    grid-template-columns: auto;
}
.how-to-choose-box-1 img {
    width: 100%;
    margin-bottom: 10px;
}
.newsletter {
    flex-direction: column;
}
.newsletter-left {
    width: 100%;
	margin-bottom: 30px;
}
.newsletter-right {
    width: 100%;
}
.newsletter h2 {
    font-size: 30px;
}
.newsletter h2 span {
    font-size: inherit;
}
.newsletter input[type="text"], .newsletter input[type="email"] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
.footer-box {
    width: 100%;
	margin-bottom: 30px;
}
.footer-box.footer-box-3 {
    width: 100%;
}
.committies-page {
    padding: 55px 0;
}
.community-and-city-info-page ul {
    grid-template-columns: auto auto ;
}
.nar-code-ethics-page {
    padding: 55px 0;
}
.faq-sec .faq-inner {
    width: 100%;
}

.accordion {
    font-size: 20px;
}
.accordion:after {
    font-size: 20px;
}
.leadership-sec ul {
    grid-template-columns: auto auto;
}
.your-home-your-money-left {
    width: 100%;
}
.your-home-your-money-right {
    width: 100%;
}
.dowload-document-sec .group-btns {
    display: flex;
	flex-direction:column;
}
.dowload-document-sec .group-btns select {
	margin:2px 0;
}
.user_account_page .user_account_inner {
    width: 100%;
}
.colsecboxfull {
    grid-template-columns: auto;
}
.delta-member-portal{
	margin: -140px 0 0;
    height: 140px;
}
.member-portal-list ul li {
    padding: 0 15px;
}
.member-portal-list ul li::before{
	top: 10px;
	left: 0;
}
.member-portal-list ul li a {
    font-size: 18px;
    line-height: 30px;
}
.me_list_body ol li {
    width: 100%;
}
	.thank-in h2 {
    color: #fff;
    font-size: 22px;
    padding: 0 0 30px;
}
}
@media screen and (max-width:640px) {
.container {
	width: 400px;
}
.navigation ul li a {
    font-size: 14px;
}
.banner {
    height: 300px;
}
.banner-text h1 {
    font-size: 26px;
    line-height: 36px;
}
.group-btns a {
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 1px;
}
.banner.inner-banner {
    height: 180px;
}
.banner.inner-banner .banner-text h1 {
    font-size: 24px;
}
.association-realtop-sec {
    /* margin: -100px 0 0; */
}
.association-realtop-sec ul {
    grid-template-columns: auto;
}
h2 {
    font-size: 24px;
}
.newsletter h2 {
    font-size: 24px;
}
.newsletter input[type="text"], .newsletter input[type="email"] {
    height: 46px;
    font-size: 15px;
}
.footer-bottom p {
    font-size: 12px;
}
p {
    font-size: 15px;
}

.community-and-city-info-page ul {
    grid-template-columns: auto ;
}
.committies-page ul {
    grid-template-columns: auto;
}
.accordion {
    font-size: 18px;
	padding: 12px;
}
.accordion:after {
    font-size: 18px;
}
.panel {
    padding: 15px;
}
.panel ul li a {
    font-size: 16px;
}
.center-text {
    margin-bottom: 30px;
}
.leadership-sec ul {
    grid-template-columns: auto ;
}
.tab-sec h2 {
    font-size: 18px;
}
.tab-sec h2 span {
    font-size: 24px;
}
.tab-sec .tabs li {
    font-size: 16px;
}
.become-to-member-page ul li .counter-list:before {
    font-size: 24px;
}
.hotline-page {
    padding: 55px 0;
}
.hotline-page ul li a {
    font-size: 16px;
}
.user_account_page {
    padding: 55px 0;
}
.user_account_page .user_account_inner label {
    font-size: 16px;
}
.user_account_inner input[type="text"], .user_account_inner input[type="password"], .user_account_inner input[type="email"], .user_account_inner select {
    height: 36px;
}
.member-portal-list ul li a {
    font-size: 16px;
    line-height: 26px;
}
.member-portal-list ul li::before {
    top: 10px;
    left: 0;
    font-size: 8px;
}
.member-portal-btn a {
    font-size: 15px;
}
}
@media screen and (max-width:480px) {
.container {
	width: 320px;
}
.logo {
    width: 100%;
    text-align: center;
}
.logo a img {
    max-width: 135px;
}
.header-right {
    width: 100%;
}
.top {
    text-align: left;
    margin: 10px 0 0;
}
.mobile-menu {
    top: 135px;
}
.navigation {
    top: 185px;
}
.banner {
    height: 200px;
}
.banner-text h1 {
    font-size: 16px;
    line-height: 26px;
}
.group-btns a {
    font-size: 11px;
    padding: 8px 10px;
    margin: 0 3px 7px;
}
.banner.inner-banner {
    height: 140px;
}
.banner.inner-banner .banner-text h1 {
    font-size: 20px;
}
.who-are-delta-association {
    padding: 30px 0;
}

.association-realtop-sec {
    /* margin: 0; */
	/* position:static; */
}
.association-realtop-sec ul li .textbox {
    text-align: center;
}
.know-more-btn a {
    font-size: 14px;
}
.newsletter input[type="text"], .newsletter input[type="email"] {
    height: 36px;
    font-size: 13px;
}
.newsletter input[type="submit"] {
    height: 30px;
    font-size: 15px;
}
.newsletter h2 {
    font-size: 18px;
}
.footer-box ul li {
    line-height: 30px;
    font-size: 14px;
}
.footer-box h4 {
    font-size: 17px;
}
.footer-box:last-child {
    margin-bottom: 0px;
}
h2 {
    font-size: 18px;
}
p {
    font-size: 14px;
}
.committies-page {
    padding: 30px 0;
}
.main-title h2 {
    margin-bottom: 15px;
}
h4 {
    font-size: 18px;
}
.nar-code-ethics-page {
    padding: 30px 0;
}
.accordion {
    font-size: 16px;
}
.accordion:after {
    font-size: 16px;
}
.panel ul li a {
    font-size: 15px;
}
.tab-sec h2 {
    font-size: 16px;
}
.tab-sec h2 span {
    font-size: 20px;
}
.tab-sec .tabs li {
    font-size: 12px;
}
.become-to-member-page ul li .counter-list {
    padding-left: 30px;
}
.become-to-member-page ul li .counter-list:before {
    font-size: 18px;
}
.dowload-document-sec .group-btns select {
    font-size: 12px;
}
.hotline-page {
	padding:30px 0;
}
.hotline-page ul li a {
    font-size: 15px;
}
.user_account_page {
    padding: 30px 0;
}
.user_account_page .user_account_inner label {
    font-size: 14px;
}
.delta-member-portal {
    height: 130px;
    margin: 0;
}
}

@media screen and (max-width:360px) {
.container {
	width: 280px;
}
}