@charset "utf-8";

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

	.twitter-iframe p {text-align:left; clear:both; }
	.twitter-iframe .icon {float:left; margin-bottom:10px;}
	.twitter-iframe .feed-title {float:left;}

	
}

@media screen and (max-width:1240px) {
.main {
	width: 98%;
}
.enumenu_ul > li > a {
	padding-left: 20px;
	padding-right: 20px;
}

.enumenu_ul > li > ul > li > a {
	padding-left: 26px;
	padding-right: 26px;
	text-transform: none;
}
.news .col-8 {
	max-width: 70%;
	width: 100%;
}
.news .col-4 {
	max-width: 30%;
	width: 100%;
}
.about-aelert .col-9 {
	max-width: 75%;
	padding-left: 10px;
	width: 100%
}
.about-aelert .col-3 {
	max-width: 25%;
	width: 280px;
}
.about-aelert::before {
	left: 280px;
}
.member-bg .center-mrg {
	margin-left: 12px;
	margin-right: 12px;
}
.member-bg {
	text-align: center
}
.member-bg .col-4 {
	width: 32.3%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left
}
.memberimg-box {
	width: 100%
}
.member-bg .members-area {
	padding: 42px 15px 46px
}
footer > .main {
}
footer .col-6, footer .col-3 {
	width: 32%;
	float: none;
	display: inline-block;
	vertical-align: top
}
footer .col-6 li {
	width: 46%;
	margin-right: 10px;
	text-align: left
}
footer .ftr-bottom {
	text-align: left;
	width: 70%;
}
footer .col-6 h3, footer h3 {
	text-align: left
}
.enumenu_ul > li > a {
	padding: 15px 26px;
}
}

@media screen and (max-width:1200px) {
.enumenu_ul > li > a {
	padding: 15px 38px;
}
.news .newimg {
	width: 250px;
	margin-right: 10px;
}
h4 {
	font-size: 15px;
}
.news .new-detail p {
	font-size: 14px;
}
.news::after {
	right: 35%
}
.upcoming-events .events-list li .events-name {
	max-width: 70%;
}
.upcoming-events .events-list li span {
	margin-right: 10px;
}
.member-bg .col-4 {
	width: 27%
}
.memberimg-box {
	height: auto;
}
.member-bg .members-area {
	width: 40%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.member-detail {
	padding: 38px 15px 37px
}
footer .ftr-bottom {
	margin-top: 30px;
	width: 100%;
}
footer .login-box {
	text-align: left
}
footer .login-box form {
	padding: 9px 15px 15px
}
.logo {
	width: 224px;
}
.enumenu_ul > li > a {
	padding: 15px 19px;
}

.banner .banner-text {
}
.about-aelert .col-9 {
	width:900px;
}
.about-aelert::before {
	left:24%;
}
.member-detail h3 {
	font-size:17px;
}
.bxslider > div {
	background-attachment:inherit !important
}
.member-bg .col-4 {
	min-height:475px;
	}
}

@media screen and (max-width:1080px) {
.enumenu_ul {
	display: none;
}
.menu-block {
	height: auto;
}
.menu-icon {
	display: inline-block;
	background: url(../images/menu-icon.png) no-repeat center center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin: 0 20px 0 0;
	vertical-align: top
}
header {
	height: 76px;
}
.logo {
	width: 200px;
}
.enumenu_container {
	text-align: right;
}
.enumenu_ul > li:last-child, .enumenu_ul > li:nth-child(2), .follow .enumenu_ul > li:last-child, .follow .enumenu_ul > li:nth-child(2) {
	display: block;
}
.follow .enumenu_ul > li.sticky-logo {
	display: none
}
nav .main {
	position: relative;
	z-index: 99999
}
nav {
	padding: 0;
	height: 44px;
}
nav .main{ max-width:100%; width:100%}
.follow .menu-logo {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0
}
.socail-media {
	margin-right: 0
}
.enumenu_ul {
	width: 100%;
	margin: 0;
}
.enumenu_ul li {
	border-top: 1px solid #1A5E6A;
}
.enumenu_ul > li {
	display: block;
	margin: 0px;
	padding: 0px;
	background: #207584;
}
.enumenu_ul > li:first-child {
	display: none
}
.enumenu_ul > li:last-child {
	border-bottom: 1px solid #fff;
}
.enumenu_ul > li > a {
	display: block;
	text-align: left;
	padding: 10px 50px 10px 20px;
	margin-right: 0;
	line-height: normal;
}
.enumenu_ul > li ul {
margin: 0;padding: 0;}
.enumenu_ul > li ul ul {
}
.enumenu_ul > li ul a {
	text-align: left;
	display: block;
	position: relative;
	color: #cfd3da;
	font-family: "ff-good-headline-web-pro-con", sans-serif;
	padding: 9px 0;
	font-size: 15px;
	line-height: normal







}
.enumenu_ul > li ul a:hover {
	color: #fff;
}
.enumenu_ul .arrow {
	background: url(../images/plus.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	z-index: 99;
	cursor: pointer;
	background-color: rgba(0,0,0,0.2);
}
.enumenu_ul .arrow.up {
	background: url(../images/minus.png) no-repeat center center
}

}

@media screen and (max-width:991px) {
footer .col-6 li:nth-last-child(2) {
	border-bottom: none;
}
.news .newimg {
	width: 200px;
}
.member-bg .col-4 {
	width: 48%;
	margin-left: 6px;
	margin-right: 6px;
}
.member-bg .members-area {
	width: 98%;
	margin-left: 0px;
	margin-right: 0px;
}
.about-aelert .col-9 {
	max-width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #e7eaec;
	padding-bottom: 15px;
	padding-left: 0;
	width:100%;
}
.about-aelert .col-3 {
	max-width: 100%;
	width: 100%;
	padding-right: 0
}
.about-aelert::before {
	display: none
}
.about-aelert .news-blog {
	width: 50%;
	float: left;
	padding-right: 15px;
}
.about-aelert .btm-border {
	border-bottom-width: 0px;
}
footer .col-6 li {
	width: 100%;
	
}
footer .col-6 li.btm-border{ border-bottom:0}
footer .col-6 li a {
	padding: 7px 12px;
}
.twitter-iframe {
	margin-right: 10px;
}
.header-top li {
	padding: 8px 7px 6px
}
.header-top li.social-icon a i {
	margin: 0 5px;
}
.header-top li i.fa-home {
	margin-right: 4px;
}

.banner .banner-text h1{ font-size:35px; margin-bottom:15px;}
.banner .banner-text p{ font-size:20px; line-height:26px;}

.member-bg .col-4{ min-height: initial;}

}

@media screen and (max-width:800px) {
.news .newimg {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-right:0
}
.news .col-8 {
	max-width: 100%;
	margin-bottom: 30px;
	border-bottom:1px solid #e7eaec;
	padding-bottom:30px;
	float: none;
}
.news .col-4 {
	max-width: 100%;
	float: none;
	padding-top: 0;
}
.news::after {
	display: none
}
.news .new-detail {
	width: 100%;
}
.upcoming-events .events-list li {
	width: 49%;
	display: inline-block
}
.member-bg .col-4{ min-height: initial;}

}

/*------------tablet portrait  view------*/
/*------------mobile landscape  view------*/
@media screen and (max-width:767px) {
	.menu-icon {
	height: 43px;
}
	.inner-page .banner {
		height: 200px;
	}
	
	.banner {
		height: auto;
		background-size: initial;
		background-position: center top;
	}
	.banner .banner-text h1{ font-size: 30px; margin-bottom: 9px;line-height: 33px;}
.banner .banner-text p{ font-size: 20px; line-height:26px;margin-bottom: 18px;}
	.slider {
		height: auto;
	}
.about-aelert .news-blog {
	width: 100%;
	float: left;
	padding-right: 0
}
.about-aelert .btm-border {
	border-bottom-width: 1px;
}
footer .col-6, footer .col-3 {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}
footer .form-width {
	margin-left: 0
}
footer .ftr-bottom li {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}
.member-bg .col-4 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0
}
.twitter-iframe {
	margin-right: 0
}
.main {
	width: 96%
}
footer {
	padding-top: 30px;
}
footer > .main {
	margin-bottom: 0px;
}
footer .ftr-bottom li {
	margin: 0;
	width: 33.3%;
	float: left;
}


.member-bg {
	padding-bottom: 20px;
}
.member-bg .col-4 {
	margin-top: 30px;
}
.news {
margin: 0;padding-bottom: 50px;}
.news h2 {
	font-size: 26px;
	margin-bottom: 20px;
}
.upcoming-events .events-list li {
	width: 100%;
}
.bule-btn {
	padding: 12px 24px
}
.about-aelert .news-blog img {
	width: 100%;
	margin-bottom: 15px
}
.about-aelert .news-blog {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.about-aelert {
	padding-top: 30px;
	padding-bottom: 20px;
	
}
nav {
	height: 44px;
}

.logo{ position:static; display:inline-block; vertical-align:top}
header{ min-height:auto; height:auto;}
.header-top{ text-align:center}
.header-top ul{ width:100%}
.header-top li{ display:inline-block; vertical-align:top; float:none; border:0; width:30%;}
.header-top li:first-child{ width:25px;}
.header-top li:nth-child(2) {text-align:left;}
.header-top li.mob-search , 
.header-top li.mob-login {width:49%;}
.banner .bxslider{ height:280px;}
.banner .main{ z-index:999}
.banner .banner-cover{ position:static}
.banner .banner-text{   padding: 30px 0 0 0;position: static;}
.banner .login-box{ width:100%; border:1px solid #e7eaec; margin-bottom: 39px; margin-top: 32px;float: none;}
.banner .login-box form{ padding-bottom:15px;}
.enumenu_ul{ margin-top: 0;}

.header-top li .search-box{ width:100%;}
.header-top li{ padding: 8px 0 6px;}
.search-box .btn-search{ margin-top:3px;}
.search-box .text-search{ padding-top:5px;}
.header-top li .search-box{ margin-top:-7px; height: 31px;}
.member-bg .col-4{ min-height:0px;}

}

/*------------mobile portrait view------*/
@media screen and (max-width:640px) {
	footer .ftr-bottom li {
		margin-bottom: 1.8rem;
		width: 100%;
		float: none;
	}
}

/*----------optional css------*/
@media screen and (max-width:480px) {
.left,
.right {
	margin: 20px 0;
	float: none;
	display: block;
}
	.inner-page .banner {
		display: none;
	}
	.header-top li:last-child a i.fa-user{ margin-right:4px;}
	
	.search-box .text-search{ width:82%;}
	.banner .banner-text{ padding-top:30px;}
	.banner .banner-text h1{ font-size:28px;}
	.banner .banner-text p{ font-size:18px;}
	.bule-btn{ padding:10px 14px}
	.member-bg .members-area .accordion p{ font-size:12px; padding:6px 4px 7px}
	.banner .login-box{ margin-top: 22px;}
	.header-top li:last-child a i.fa-angle-right{ margin-left:4px;}
}

/*---------use only when design is customise-----------*/