@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
	font-weight: Bold;
    font-style: normal;
		 
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsLight.eot');
    src: url('../fonts/PoppinsLight.eot') format('embedded-opentype'),
         url('../fonts/PoppinsLight.woff2') format('woff2'),
         url('../fonts/PoppinsLight.woff') format('woff'),
         url('../fonts/PoppinsLight.ttf') format('truetype'),
         url('../fonts/PoppinsLight.svg#PoppinsLight') format('svg');
	font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsThin.eot');
    src: url('../fonts/PoppinsThin.eot') format('embedded-opentype'),
         url('../fonts/PoppinsThin.woff2') format('woff2'),
         url('../fonts/PoppinsThin.woff') format('woff'),
         url('../fonts/PoppinsThin.ttf') format('truetype'),
         url('../fonts/PoppinsThin.svg#PoppinsThin') format('svg');
	font-weight: 100;
    font-style: normal;
}


/*----------------------new css----------------------------------------------*/

.aboutWrapperDivNav-n li{ font-size:14px;}
.aboutWrapperDivNav-n li{ font-size:14px; color:#555555; line-height:33px; margin-bottom:10px; position:relative; font-weight:300;  padding-left: 37px;}
.aboutWrapperDivNav-n li span{ position:absolute;  left:0; width:22px; height:22px; top:0; display:block; }
.memorandum-box{
	margin:20px;
	padding:10px;
	}
.memorandum-box2{
	margin:5px;
	padding:10px;
	font-size:16px;
	color:#555555;
	}
.inside-box{
	margin:20px;
	padding:10px;
	}
.inside-box2{
	margin-left:20px;
	padding:10px;
	}
.box-color {
    border-left: 6px solid #e33422;
    background-color: #d9d9d9;
    padding-left:5px;
	margin-bottom:30px;
}	
.heading{
	color:#e33422;
	font-size:32px;
	margin:10px;
	}
.heading-2{
	color:#1cb4b6;
	font-size:24px;
	
	}	
.heading-3{
	color:#1c5ab6;
	font-size:24px;
	}	
#top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#FFFFFF;
  border: 1px solid #e33422;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

#top:hover {
  background-color: #ff8f83;
}

/*----------------------new css ends-----------------------------------------*/





html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0; font-family: 'Poppins'; background:#fff;}
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#25d8ae;}
::selection{ background:#0075c1; color:#fff;}
::-moz-selection{ background:#0075c1; color:#fff;}
::-webkit-selection{ background:#0075c1; color:#fff;}
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}

.bylaw ul{ margin:0; padding:0; list-style-type:none;}
.bylaw li{ margin-left:40px; padding:0; font-size:16px; color:#555555; list-style-image: url("https://epskochi.org/themes/user/images/pin.png");}
p{ padding:0; color:#555555; font-size:17px;   font-family: 'Poppins'; margin:0 0 15px 0; font-weight:300;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'Poppins'; }

input, select, button{outline:none !important;}


.headerBg{ padding-top: 12px;
padding-bottom: 10px; background:#fff}
.registerWrapper{ position: relative;

padding-left: 51px;

padding-top: 10px;

padding-right: 20px;

float: left;}

.headerContactWrapper{float: left;
border-left: 1px #dddddd solid;
padding-left: 30px;
padding-right: 30px;}
.headerContactWrapper p{ color:#4b4b4b; font-size:14px; font-weight:300; margin-bottom:0;}
.headerContactWrapper span{ color:#4b4b4b; font-size:14px; font-weight:700; margin-bottom:0; display:block; }
.registerWrapper p{ font-size:14px; color:#555555; font-weight:700;}
.registerWrapperDiv{position: absolute;
left: 0;
top: 0;}
.logoImage{-moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.logoImage1 {height: 93px; top:10px; position:fixed;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.logoDiv{ position: fixed;
left: 24px;
z-index: 100000;
top: 11px;}
.headercontactDiv{ float: right;
margin-top: 20px;
margin-bottom: 20px;}
.headerBgMain{ position:fixed; z-index:50; width:100%;}
.captionHolder {    width: 1170px;
position: absolute;
bottom: 359px;
left: 50%;
margin-left: -585px;
} 

.epsBg{ padding-bottom:100px;}
.bannerHeaderSpan{ color:#ffd800!important; font-size:67px; display:inline-block }
.captionHolder h2{ color:#fff!important; font-size:62px; font-weight:100;  }
.captionHolder h3{ color:#fff!important; font-size:40px; font-weight:700;  }
.captionHolderWrapper{ position:relative; }
.captionHolderWrapper1{ display:inline-block;}
.captionHolderWrapper span{ color:#383d45; font-size:69px; font-weight:700;}
.containerDivWrapper{-webkit-box-shadow: -5px 2px 33px -11px rgba(0,0,0,0.7);-moz-box-shadow: -5px 2px 33px -11px rgba(0,0,0,0.7);box-shadow: -5px 2px 33px -11px rgba(0,0,0,0.7); margin: -320px auto 0;position: relative; border-radius: 27px 27px 0 0; }
.headerBanner{ position:fixed; z-index:100;}
.nopadding{ padding:0;}
.headerBg1{ position:fixed; width:100%; background: rgba(0, 0, 0, 0.75); padding-bottom:10px; top:0;}
.logoHolder {float: left;padding: 40px 0px 0px; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.loginImageOne{float: left; padding: 9px 0px 0px;}
.memberLoginBg p{ font-size:15px; color:#333; margin-top:0px; font-weight:normal; }
.loginBtn{ background:#e33422; padding:5px; border-radius:30px; border:1px #e33422 solid; text-align:center; width:100%; color:#fff; font-size:15px; transition:0.4s;}
.forgetPassrdBtn{ color:#333!important; display:block; font-size:14px; margin-top:10px;  }
.forgetPassrdBtn:hover{ color:#1cb4b6!important;}
.loginBtn:hover{ background:#1cb4b6; border:1px #1cb4b6 solid}
.menuHolder {float:left;
padding-top: 0px;
padding-right: 30px;}

.memberLoginBg{background: #e8e8e8;

width: 100%;

min-height: 439px;

position: absolute;

left: 0px;

top: -136px;

padding: 50px 40px;}

.memberLoginBg1{background: #bcc0c4;
width: 100%;

position: absolute;
left: 0px;
bottom: 0;
padding: 30px 39px 25px; text-align:center;}
.memberLoginField{ background:url(../images/username-icon.png) 20px no-repeat; border:1px #b9b9b9 solid; padding: 10px 0 10px 55px; font-size:14px; color:#333333; font-weight:300; width:100%; margin-bottom:20px; }
.memberLoginField1{ background:url(../images/lock-icon.png) 20px no-repeat; border:1px #b9b9b9 solid; padding: 10px 0 10px 55px; font-size:14px; color:#333333; font-weight:300; width:100%; margin-bottom:20px;  }
.memberLoginBg h3{ color:#333333; font-size:31px; font-weight:300; margin-bottom:30px; position:relative;}
.memberLoginBg h3:before{ position:absolute; content:""; background:#1cb4b6; width:20px; height:30px; left: -40px;top: 1px; }
.whyJoinEpsBg{ background:#1cb4b6; min-height:298px; padding: 40px 60px;}
.becomeMemberBg{ background:#e33422; min-height:325px; padding: 40px 60px;}
.downloadBg{ background:#fff; min-height:298px; padding: 40px 60px;}

.whyJoinEpsBg1{ background:#1cb4b6; min-height:298px; padding: 40px 40px;}
.becomeMemberBg1{ background:#e33422; min-height:298px; padding: 40px 40px;}
.downloadBg1{ background:#fff; min-height:298px; padding: 40px 40px;}

.whyJoinEpsWrapper h3{ margin-top:20px; color:#ffffff; font-size:26px; margin-bottom:20px; font-weight:300;}
.whyJoinEpsWrapper p{ line-height:23px; font-size:14px; color:#fff; margin-bottom:0; }
.whyJoinEpsWrapper1 h3{ margin-top:20px; color:#333333; font-size:24px; margin-bottom:20px; font-weight:normal; text-align:center;}
.whyJoinEpsWrapper1 p{ line-height:23px; color:#333333; font-size:14px;  margin-bottom:0; text-align:center;   }
.missionHeaderBg{ background: rgba(0, 0, 0, 0.50);
min-height: 300px;
padding-bottom: 40px;
padding-top: 40px;
margin-top: -342px;
position: absolute;
z-index: 1;
width: 100%;}
.organizationWrapper{ position:relative; padding-right: 26px;}
.organizationWrapper:before{position: absolute;
content: "";
width: 1px;
height: 164px;
right: 0;
top: 76px;
background: #727272; }
.missionWrapper{ padding-left:10px; padding-right:20px;}
.organizationWrapper h3{ margin-top:20px; margin-bottom:30px; color:#fff; font-weight:300; font-size:26px;}
.organizationWrapper p{ font-size:15px; color:#d3d3d3; line-height:23px; margin-bottom:20px;}
.organizationWrapper a{ display:inline-block; font-size:14px; font-weight:300; color:#fff;}
.organizationWrapper a span{display:inline-block; font-size:14px; font-weight:300; color:#fff; background:#1cb4b6; height:20px; width:50px; text-align:center; margin-left: 5px;}
.missionWrapper h3{ margin-top:20px; margin-bottom:30px; color:#fff; font-weight:300; font-size:26px;}
.missionWrapper p{ font-size:15px; color:#d3d3d3; line-height:23px; margin-bottom:20px;}
.missionWrapper a{ display:inline-block; font-size:14px; font-weight:300; color:#fff;}
.missionWrapper a span{display:inline-block; font-size:14px; font-weight:300; color:#fff; background:#1cb4b6; height:20px; width:50px; text-align:center; margin-left: 5px;}

.signUpBtn{ color: #333333!important;


text-align: center;

font-size: 15px;
 text-transform:uppercase;

padding-bottom: 2px; position:relative;}
.signUpBtn:before{ position:absolute; content:""; background:#fff; bottom:0; left:50%; width:60px; height:1px; margin-left:-30px;    }

.signUpBtn:hover{color: #fff!important}
.confernceBg1{width: 40%;
background: url(../images/bg-1.jpg) no-repeat;
background-color:#FFFFFF;
background-size: cover;
min-height: 560px;
position: relative; float:left;
z-index: 10;}
.confernceBg{background: #fff;
float: right;
padding-top: 80px;
padding-right: 30px;
padding-left: 50px;
padding-bottom: 30px;
min-height: 200px;
border: 3px #1cb4b6 solid;
position: absolute;
right: -100px;
bottom: -33px;
z-index: 1;
width: 464px;}
.confernceBg h3{ color:#333; font-size:32px; font-weight:300; margin-bottom:20px; position:relative;}
.confernceBg h3:before{ position: absolute;

content: "";

background: #e33422;

height: 65px;

width: 8px;

top: -80px;

left: 8px; }
.confernceBg p{ font-weight:300; font-size:15px; color:#555555; line-height:28px; margin-bottom:40px;}
.confernceBg span{ font-size:25px; font-weight:normal; color: #555555 !important; float:left; width:50%; }
.confernceBg a{ color:#fff; font-size:17px; text-align:center; font-weight:300; display:inline-block; float:right; padding: 2px 10px;}
/*.confernceBg a:hover{ background:#1cb4b6;}*/
.meetingBg1{ background:#e9e9e9; width:60%; float:left; min-height: 560px; padding-left: 157px; padding-top:80px; padding-right:60px; }
.meetingBg1 h3	{color:#333; font-size:34px; font-weight:300; margin-bottom:30px; position:relative;}
.meetingBg1 h3:before{position: absolute;

content: "";

background: #e33422;

height: 65px;

width: 8px;

top: -80px;

left: 0px;}

.meetingNav{ margin:0; padding:0;}
.meetingNav li{ color: #555555;
font-size: 16px;
font-weight: 300;
line-height: 28px;
margin-bottom: 7px;
position: relative;
padding-left: 60px; }
.meetingNav li p{ font-size:16px; color:#555555; font-weight:700; display:inline-block; }
.meetingNav li span{ position:absolute; content:""; height:50px; width:50px; left:0; top:5px; }
.organizingCommitteeBg{ background:#f8f8f8; padding-top:147px; padding-bottom: 130px; }

.orginizingCommiteWrapper{ text-align:center; position:relative; }
.orginizingCommiteWrapper h3{ color:#333333; font-weight:300; margin-top:0; margin-bottom:20px; font-size:32px;}
.orginizingCommiteWrapper p{ color:#555555; font-size:15px; font-weight:300; line-height:24px; max-width: 586px; margin: 0 auto 111px; }
.committeMemberBg{  width:33%; float:left; padding:0 30px 0; margin-bottom:60px;  }
.committeMemberBgWrapper{background:#fff; min-height:175px; border:1px #e8e8e8 solid; margin-bottom:40px; text-align:center; position:relative; }
.committeMemberBgWrapper:before{ position: absolute;
content: "";
background: url(../images/pattern.jpg) no-repeat;
bottom: -16px;
left: 50%;
width: 169px;
height: 30px; z-index:-1; margin-left:-89px;  }

.committeMemberBgWrapper p{ color: #555555;
text-align: center;  font-weight:300; 
line-height: 23px;
font-size: 15px;
max-width: 229px;
margin: 10px auto; }

.commiteeDivAll{ max-width: 1000px;
margin: 0 auto 90px; position:relative; z-index:10; display:block;}

.commimteBorderBg{ overflow:hidden; width:150px; height:150px; border-radius:50%; margin: -65px auto 20px;}
.committeMemberBgWrapper span{ color:#333333; font-size:16px; font-weight:300; margin-bottom:0; margin-top:0px; display:block }

.viewAllBtn{ background:#e33422; padding:10px; border-radius:30px; border:1px #e33422 solid; text-align:center; width:200px; color:#fff!important; font-size:15px; transition:0.4s; margin:0px auto; display:block; clear:both; }
.viewAllBtn:hover{ color:#fff!important; background:#1cb4b6; border:1px #1cb4b6 solid;}
.newEventWrapper{ background: #fff;
border: 2px #e9e9e9 solid;
min-height: 400px;
padding: 30px 30px;}
.newAndEventsHeader{ color:#333333; font-size:32px; margin-top:0; margin-bottom:30px; font-weight:300;}
.newEventWrapper h3{ color:#b8b8b8; font-size:15px; display:block; text-transform:none; margin-bottom:20px; font-weight:300; }
.newEventWrapper p{ color:#555555; font-size:15px; line-height:28px; margin-bottom: 30px; font-weight:300;}
.newEventWrapper span{ text-align:right; display:block; color:#555555; font-size:25px; font-weight: 300; position:relative;}
.newEventWrapper span:before{ position: absolute;content: "";background: #9a9a9a; width: 127px;height: 1px;left: 0;bottom: 16px; }
.viewAllBtn1 {

    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    color: #585858; margin-top:15px;

}
.viewAllBtn1 span{display: inline-block;

font-size: 17px;

font-weight: 300;

color: #fff;

background: #e33422;

height: 25px;

width: 38px;

text-align: center;

margin-left: 5px;}
.mediaGalleryHeader{ font-size:32px; color:#333333; font-weight:300; text-align:center; line-height:44px; margin-top: 50px; }
.photoGalleryWrapper{ background:#e33422; text-align:center; min-height:179px; padding: 48px 10px; transition:0.4s;}
.photoGalleryWrapper p{ color:#fefefe; font-size:15px; text-transform:uppercase; margin-top:7px; margin-bottom:0;}
.photoGalleryWrapper:hover{ background:#1cb4b6;}

.vdoWrapper{ background:#1cb4b6; text-align:center; min-height:179px; padding: 48px 10px; transition:0.4s;}
.vdoWrapper p{ color:#fefefe; font-size:15px; text-transform:uppercase; margin-top:7px; margin-bottom:0;}
.vdoWrapper:hover{ background:#e33422 ;}

.audioWrapper{ background:#aeaeae; text-align:center; min-height:179px; padding: 48px 10px; transition:0.4s;}
.audioWrapper p{ color:#fefefe; font-size:15px; text-transform:uppercase; margin-top:7px; margin-bottom:0;}
.audioWrapper:hover{ background:#333333 ;}
.mediaGalleryDivAll{padding-right: 0;
margin-bottom: 15px;}
.mediaGalleryDiv{margin-top: 64px;}
.messageBg{ background:#1cb4b6; padding-top:70px;  padding-bottom:70px;}
.footerBg{background: #0c0f11;
padding-top: 88px;
padding-bottom: 80px;}
.footerHeader{ color:#1cb4b6; font-size:23px; margin-top:0; margin-bottom:8px; font-weight:300; }
.footerNav{ margin:0; padding:0;}
.footerNav li{ display:inline-block; width:49%; }
.footerNav a{color:#fff; font-size:16px; margin-bottom:15px; font-weight:300; display:inline-block; position:relative; }
.footerNav a:before{ position:absolute; content:""; width:0%; background:#fff; height:1px; transition:0.4s; opacity:0; bottom:-3px;    }
.footerNav :hover:before{ opacity:1; width:40%  }
.footerNav a:hover{color:#e33422;}
.footerWrapper{ position:relative;}
.footerWrapper:before{ position:absolute; content:""; background:#242a2e; width:1px; height:150px; right:0; }
.footerWrapper:after{position: absolute;

content: "";

background: #e33422;

width: 4px;

height: 18px;

right: -2px;

top: 0;}
.footerWrapper p{ line-height:38px; color:#fff; font-size:16px; }
.footerContactDiv{padding-left: 55px;}
.homeContactIconWrapper{ position:relative; padding-left: 56px;}
.homeContactIcon{ position:absolute; left:0; top: 6px;}
.footerIconTxt{ color:#fff; font-size:21px; font-weight:300; margin-bottom:25px;}
.footerContactDiv1{ padding-left: 40px;
margin-top: 26px;}

.footerEndBg{ background:#cecece; padding-bottom:20px; padding-top:30px;}
.footerEndBg p{ font-size:16px; font-weight:300; margin:0; color:#3b3b3b;}
.footerEndBg span{  font-size:15px; font-weight:300; margin:0; color:#3b3b3b; display:inline-block; padding-left:30px; }
.footerEndBg a{ color:#3b3b3b; font-size:15px; font-weight:700; margin:0; display:inline-block;}
.footerEndBg a:hover{ color:#e33422;}
.socialMediaIcon{ text-align:right;}
.socialMediaIcon a{ border:1px #545454 solid; width:30px; height:30px; border-radius:50%; margin-left:10px;}
.socialMediaIcon a i{ color:#545454; padding: 7px 8px; font-size:15px; transition:0.4s;}
.socialMediaIcon a:hover{ border:1px #e33422 solid;}
.socialMediaIcon a i:hover{ color:#e33422}
.messageWrapper h3{ color:#fff; font-size:32px; text-align:center; margin-top:0; margin-bottom:100px; position:relative;}
.messageWrapper h3:before{ position: absolute;
left: 50%;
content: "";
top: -70px;
width: 6px;
height: 70px;
background: #e33422;
margin-left: -3px;}
.messageWrapper p{ font-size:15px; line-height:30px; font-weight:300; color:#fff; text-align:center; max-width: 956px; margin:0 auto 10px;}
.messageWrapper img{ margin-bottom:30px;}
.messageWrapper a{color:#E33422!important; text-align:center; padding: 2px 8px;font-weight:bolder;font-size:16px;}
 .messageWrapper a:hover{ color:#fff!important;} 
.viewAllMessageBtn{ color:#fff!important; text-align:center; background:#e33422; padding:4px; margin:0 auto; font-weight:300; font-size:21px; display:block; margin:0 auto; width:192px;}
.viewAllMessageBtn:hover{color:#333!important; background:#fff;}

.date1{ text-align:right; margin-top:60px}
.date2{ margin-top:60px; position:relative;}
/* .date2:before{ position:absolute; content:""; background:#fff; width:1px; height:50px; left:0; top:0;} */
.date1 span{ color: #fff;
font-size: 28px;
font-weight: 300;
margin-top: 6px;
display: inline-block; }
.date2 span{color:#fff; font-size:21px; font-weight:300;}
.date2 p{color:#fff; font-size:16px; font-weight:700;}
.searchIcon {
    width: 130px; font-weight:300;
 
    border: 1px solid #fff;

    font-size: 16px; color:#fff;
 
    background: transparent url(../images/search-icon.png) right no-repeat;

    background-repeat: no-repeat; padding: 7px 40px 7px 8px;
   
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}


 .spaceHolder {float: right;}
.menuBg{ float:left;}
.serachDiv{ float:right;padding-right: 30px; padding-top: 13px; }

/*SubPage*/

.subBannerWrapper{ position:relative; text-align:center; background:url(../images/about-banner.jpg) no-repeat; background-size:cover; min-height: 228px;}
.subBannerWrapperDiv{ position:absolute; bottom: 40px; width:100%; }
.subBannerHeader{ font-size:62px; font-weight:100; color:#fff; padding-top:118px;}
.subNav{ margin:0; padding:0; text-align:right;}
.subNavDiv{ padding-bottom:100px; padding-top:10px;}
.subNav li{ display:inline-block; color:#e33422; font-weight:300; }
.subNav a:before{ position:absolute; content:""; background:#d6d6d6; width:1px; height:20px; right:10px; -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(20deg); }
.subNav a{ font-size:15px; color:#333333; font-weight:300; position:relative; padding-right:15px; }

.boxBgDiv4 {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.84) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.84) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.84) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d6000000',GradientType=0 );
    padding: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.aboutWrapperDiv h3{ font-size:32px; color:#04213b; margin-top:0; margin-bottom:20px; font-weight:300; }
.aboutWrapperDiv p{ color:#555555; font-weight:300; line-height:33px; margin-bottom:30px; text-align:justify; font-size:16px;}
.subMissionWrapper{ position:relative;}
.subMissionWrapper p{ font-size:16px; color:#fff; text-align:center; margin:0;}
.subMissionWrapper img{ margin-bottom:50px;}
.aboutWrapperDivNav{ margin:0; padding:0;}
.aboutWrapperDivNav li{ background-image:url("../images/bullet-point-icon.png"); background-position: left top; background-repeat: no-repeat;  font-size:16px; color:#555555; line-height:33px; margin-bottom:30px; position:relative; font-weight:300;  padding-left: 37px;}
.aboutWrapperDivNav li span{ position:absolute;  left:0; width:22px; height:22px; top:0; display:block; }
.subPageBg{ padding-bottom:80px;}

.committeMemberBgWrapperSub{background: #fff;
min-height: 180px;
border: 1px #e8e8e8 solid;
text-align: center;
position: relative;
margin-top: 86px;
margin-bottom: 28px; }
.committeMemberBgWrapperSub:before{ position: absolute;
content: "";
background: url(../images/pattern.jpg) no-repeat;
bottom: -16px;
left: 50%;
width: 169px;
height: 30px; z-index:-1; margin-left:-89px;  }

.committeMemberBgWrapperSub span{ color: #555555;
text-align: center;  font-weight:300; 
line-height: 23px;
font-size: 15px;
max-width: 229px;
margin: 10px auto; }
.committeMemberBgHeader{ font-size:22px; color:#333; text-align:center;}
.subPagecommiteHeader{ font-size:28px; color:#333; text-align:center; font-weight:300; padding-bottom: 160px; position:relative}
.subPagecommiteHeader:before{position: absolute;
left: 50%;
content: "";
top: 37px;
width: 5px;
height: 70px;
background: #e33422;
margin-left: -2px; }
.subCommitteMemberBg {
    width: 25%;
    float: left;
    padding: 0 30px 0;
    margin-bottom: 60px;
}

.newEventDivBg{ padding-bottom:50px;}
.newEventDivWrapper:last-child{ border-bottom:none;}
.newEventDivWrapper{position: relative;
padding-left: 209px; padding-right: 63px; border-bottom:1px #ddd solid; margin-bottom:60px;}
.newEventWrapperDiv{ position:absolute; left:0; top:8px; border:1px #dddddd solid; width: 168px;}
.newEventWrapperDivBtn{position:absolute;right:0; bottom: 0px; margin-bottom:30px;}
.newEventWrapperBtnBorder{ background:#e33422; width:50px; height:50px; border-radius:50%; transition:0.4s; padding: 16px;}
.newEventWrapperBtnBorder:hover{ background:#ffe00c;}
.newEventDivWrapper h3{ color: #333;
font-size: 22px;
line-height: 35px;
font-weight: 300;
position: relative;
padding-bottom: 14px;
margin-bottom: 20px;
display: block; }
.newEventDivWrapper h3:before{ position:absolute; left:0; content:""; width:80px; height:1px; background:#e33422; bottom:0;   }
.newEventDivWrapper p{ font-size:15px; color:#555555; line-height:27px; font-weight:300; margin-bottom: 60px;}
.newEventDivWrapper h2{color:#e33422; font-size:66px; text-align:center; border-bottom:1px #dddddd solid;  font-weight:300; padding-top: 10px;
padding-bottom: 10px;}
.newEventDivWrapper span{ color:#333; font-size:24px; text-align:center; font-weight:300; text-align:center; display:block; padding: 10px 0;}

.newDeatilSideDiv{ background:#fff; border:1px #dddddd solid; -webkit-box-shadow: -2px 0px 58px -2px rgba(0,0,0,0.1);
-moz-box-shadow: -2px 0px 58px -2px rgba(0,0,0,0.1);
box-shadow: -2px 0px 58px -2px rgba(0,0,0,0.1); }
.newDeatilSideDiv h3{ text-align:center; border-bottom:1px #ddd solid }
.newDeatilSideDiv p{ color:#333; font-size:16px; line-height:28px; font-weight:300;}
.newDeatilSideDiv span{ color:#e33422; font-weight:700;  font-size:16px;}
.knowMoreBtn{ color:#777777; font-size:14px; font-weight:300; text-align:right; display:block; position:relative; margin-top: 3px; padding-right: 37px;  }
.knowMoreBtn:hover{ color:#093a59;}
.knowMoreBtn:before{ position:absolute; content:""; width:100px; height:50px; right:0;bottom:-14px; background:url(../images/knowmore-icon.png) right no-repeat;  }

.newDeatilSideDiv h3{ color:#333333; font-size:21px; text-align:center; font-weight:300; padding-top: 30px; padding-bottom: 30px;}
.latestNewDiv{ position:relative; padding: 20px 40px; z-index:1;}

.latestNewDiv:before{position: absolute;

content: ""; z-index:-1;

width: 286px;

height: 1px;

left: 50%; margin-left:-143px;

bottom: 0;

background: #ddd; }
.latestNewDiv1{  padding: 20px 40px 54px; }


.viewAllBtnRed{ background:#e33422; margin:0 auto; display:block!important; font-size:17px; padding:10px; font-weight:300; color:#fff!important; text-align:center!important; width:183px; border-radius:30px; margin: -27px auto 60px;   }
.viewAllBtnRed:hover{ background:#073350;}
.newDeatils h3{ font-size:22px; line-height:35px; color:#062e4a; position:relative; margin-bottom:20px; padding-bottom: 8px;} 
.newDeatils h3:before{ position:absolute; left:0; content:""; width:80px; height:1px; background:#e33422; bottom:0;   }
.newDeatils p{ font-size:16px; color:#333; line-height:33px; font-weight:300; margin-bottom:30px; text-align:justify;}
.newDeatils h2{ color: #e33422;
font-size: 24px;

font-weight: 300;
width: 36%;
text-align: center;
padding: 10px 0; border-right: 1px #ddd solid;}
.newDeatils h1{ color: #333;
font-size: 23px;

font-weight: 300;


padding: 10px 0; margin-bottom:20px; }
.newDeatils span{ display:block; font-size:24px; color:#333333; font-weight:300; }
.newDeatilsBg{ padding-bottom:60px;}
.newDateWrapper{ border: 1px #d2d2d2 solid; position:relative; width:210px; margin-bottom:20px;}
.newDateWrapperDiv{ position: absolute;
right: 17px;
top: 6px;}
.registerBreadCrumb{margin-top: -140px;}
.memberRegisterBg{ background:url(../images/member-registry-bg.jpg) no-repeat; background-size:cover; position:relative; padding-top:153px; padding-bottom:100px; margin-bottom:100px; }
.registerDivAll{ max-width:800px; margin:0 auto;}
.memberLoginBg3{background:url(../images/member-registry-bg.jpg) no-repeat; background-size:cover;  padding-top:0; padding-bottom:0px; margin-bottom:100px; }
.memberLoginBg2{ background: url(../images/member-login-bg.jpg) no-repeat;
    background-size: auto auto;
background-size: cover;
max-width: 500px;
margin: 0 auto;
min-height: 590px;
padding-top: 125px;
padding-bottom: 50px;
padding-left: 60px;
padding-right: 60px;}
.memberRegisterBg:before{ position:absolute; content:""; background:#e33422; right:50%; width:3px; height:113px; top:0;}
.registerField{ background:#fff; padding:13px 17px; border:1px #ddd solid; width:100%; margin-top:20px; color:#555555; font-size:16px;}
.errorMessage{color:red;font-size:14px;}
.submityourMessage{ background: #e33422;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 300;
margin: 35px auto 0;
padding: 15px 37px;
border-radius: 30px;
display: block;
border: 1px #e33422 solid;
text-transform:capitalize; transition:0.4s; }
.submityourMessage:hover{ background:#07324f; border:1px #07324f solid;}
.userNameFiled{ padding:13px 70px; border:1px #ddd solid; width:100%; margin-bottom:20px; color:#555555; font-size:18px; border-radius:30px; background: #fff url(../images/username-icon-1.png) 40px no-repeat;}
.long {color: #474747; font: 28px 'open_sansbold' !important; font-weight:bold;}
.passFiled{ padding:13px 70px; border:1px #ddd solid; width:100%; margin-bottom:20px; color:#555555; font-size:18px; border-radius:30px; background: #fff url(../images/passwrd-icon.png) 40px no-repeat;}
.memberFogotPass{ color:#000000; font-weight:300; font-size:14px; text-align:right; display:block; margin-top:-9px;}
.memberFogotPass:hover{ color:#3399ff;}
.meberLoginBtn{ background: #ffcc00;
text-align: center;
color: #000000;
font-size: 18px;
font-weight: 300;
margin: 20px auto 25px;
padding: 14px 79px;
border-radius: 30px;
display: block;
border: 1px #ffcc00 solid;
text-transform:capitalize; transition:0.4s; }
.meberLoginBtn:hover{background:#3399ff; color: #FFFFFF; border:1px #07324f solid;}
.meberLoginTxt{ color:#000000; font-weight:normal; text-align:center; font-size:15px; }
.meberLoginTxtSign{ display:inline-block; font-size:13px; font-weight:normal; color:#07314e; margin-left:20px; text-transform:uppercase;}
.meberLoginTxtSign:hover{ color:#3399ff;}
.contactInfoIcon{ position:relative; padding-left:40px;}
.contactInfoIconDiv{ position:absolute; left:0; top:10px;}
.contactInfoIcon p{ color:#333; font-size:19px; line-height:44px; font-weight:300; margin-bottom:30px;}
.contactInfoHeader{color:#333; font-size:37px;  font-weight:300; margin-top:0; margin-bottom:30px;}
.submityourMessage1{ background: #e33422;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 300;
margin: 0 auto 0;
padding: 13px;
display: block;
border: 1px #e33422 solid; width:100%;
text-transform:capitalize; transition:0.4s; }
.submityourMessage1:hover{ background:#07324f; border:1px #07324f solid;}
.contactField{ background:#fff; padding:13px 17px; border:1px #ddd solid; width:100%; margin-bottom:40px; color:#555555; font-size:16px;}
.contactField1{background: #fff;

border: 1px #c0c0c0 solid;

padding: 9px 17px;

width: 100%;

color: #555555;

font-size: 13px;}
.resetWrapper{position: relative;

border: 1px #c0c0c0 solid;

background: #eeeeee;

padding: 7px 17px 7px 195px;}
.resetWrapperDiv{ position: absolute;

left: 18px;

top: 9px;}
.restImg{ padding-right:20px;}
.contactInfoBg{ padding-bottom:90px;}
.dropbtnDiv{ margin-bottom:50px;}
.dropbtn { text-align: left;
    background: #e33422 url(../images/dropdown-menu.png) right no-repeat ; font-weight:300;
    color: white;
    padding: 10px 15px;
    font-size: 18px;
    border: none; width:370px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width:370px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #093a59; color:#fff;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #093a59;}
.subVdoGalleryWrapper{ overflow:hidden; transition:0.4s; margin-bottom:60px; position:relative; }

.subPhotoGalleryWrapper{ overflow:hidden; border:2px #bebebe solid; transition:0.4s; margin-bottom:60px; position:relative; text-align:center; }
.subPhotoGalleryWrapper:hover{ border:2px #093a59 solid;}
.galleryIconWrapper{position: absolute;
bottom: 44px;
right: 2px;}
.galleryIconWrapper1{position: absolute;
top: 30px;
right: 0px;}

.galleryIconWrapper2{position: absolute;
bottom: 50%;
transition: transform .2s;
transition: .3s ease;
left: 50%;
width: 64px;
height: 64px;
margin-left: -34px;
margin-bottom: -34px;}

.subVdoGalleryWrapper:hover .galleryIconWrapper2 {
    transform: scale(1.10);
}

.viewImage{     background: #093a59;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 6px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 123px;
} 
.subPhotoGallery{ padding-bottom:70px;}
.viewImage:hover{  color: #fff; background:#e33422;}

.viewImageBtn{     background: #093a59;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 6px;

    width: 123px;
} 
.viewImageBtn:hover{  color: #fff; background:#e33422;}

/*Accordion*/


/*######################## Accordian Styles BEgins ##############################*/



.Accordion {
	overflow: hidden;
	outline: 0;
}


.AccordionPanel {
	margin: 0px 0 10px 0;
	padding: 0px;  border-bottom:1px #dddddd solid; 
}
.AccordionPanel:last-child{ border-bottom:none;}


.AccordionPanelTab { position:relative;
	background-color: #eeeeee;
	margin: 0px;
	padding: 10px 40px 10px 20px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none; 
 font-size:17px; color:#093a59; 
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0;
	padding: 0px;
	height: 260px;
	background:Transparent;
}

.AccordionPanelTabWrapper{ position:absolute; left:0; top:16px;}
.AccordionPanelTabWrapper p{ border:1px #093a59 solid; color:#093a59; font-size:29px; width:50px; height:50px; text-align:center; margin:0; padding:10px 0; }
.AccordionPanelOpen .AccordionPanelTab {
	background:url(../images/acc-minus.png) top right no-repeat ;   line-height: 30px; position:relative; padding-left: 78px; 
}
.AccordionPanelTab h3{font-size:17px; color:#093a59; font-weight:300; padding-right: 66px; padding-left: 0px; line-height:30px;}

.AccordionPanelClosed .AccordionPanelTab {
	background:url(../images/acc-plus.png) top right no-repeat #fff;  color:#555555; font-size:17px; font-family: PoppinsLight, Arial, Tahoma; padding-right: 66px;  padding-left: 78px; line-height: 30px; padding-bottom: 46px;    
}


.AccordionPanelTabHover {
	color: #fff;
}





.accContentHolder {padding:30px 60px; text-align:justify width:100%; line-height:29px; margin-top:20px; margin-bottom:20px; background:#ededed; position:relative;}
.accContentHolder:before{ content: '';

display: block;

width: 0;

height: 0;

border-left: 12px solid transparent;

border-right: 12px solid transparent;

border-bottom: 18px solid #ededed;

position: absolute;

top:-18px;

left: 26px;

margin-left: -10px;

-moz-transition: 0.4s;

-webkit-transition: 0.4s;

transition: 0.4s;
}
.accContentHolder p{ line-height:34px; font-size:16px; color:#555555; font-weight:300;}
.accImg {float:right; margin:0 0 40px 40px;}




.Accordion1 {
	overflow: hidden;
	outline: 0;
}


.AccordionPanel1 {
	margin: 0px 0 0px 0;
	padding: 0px;
}


.AccordionPanelTab1 {
	background-color: #eeeeee;
	margin: 0px;
	padding: 10px 40px 10px 20px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:HindVadodaraBold, Arial, Tahoma; font-size:17px; color:#fff; 
}


.AccordionPanelContent1 {
	overflow: auto;
	margin: 0;
	padding: 0px;

	background:#391d7f;
}


.AccordionPanelOpen .AccordionPanelTab1 {
	background:url(../images/acc-minus.png) center right no-repeat #391d7f ; color:#fff; font-size:35px; font-family: PoppinsLight, Arial, Tahoma; padding:50px 0 0; line-height: 30px; text-align:center  
}

.AccordionPanelClosed .AccordionPanelTab1 {
	background:url(../images/acc-plus.png) center right no-repeat #70cafc;  color:#fff; font-size:35px; font-family: PoppinsLight, Arial, Tahoma; padding:50px 0 ; line-height: 30px; text-align:center; border-bottom:1px #fff solid;   
}


.AccordionPanelTab1Hover {
	color: #fff;
}





.accContentHolder1 {padding:30px 20px; text-align:center; color:#fff; max-width: 972px; margin:0 auto 30px; line-height:29px;}
.accContentHolder2 {padding:30px 20px;  color:#fff; max-width: 1146px; margin:0 auto 30px; line-height:29px;}
/*######################## Accordian Styles Ends ##############################*/

/*Nav Style*/
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif; text-align:center;}
#cssmenu > ul > li{ display:inline-block; text-align:center;}
#cssmenu > ul > li > a{padding: 26px 20px 13px; font-size:15px; text-decoration:none;color:#fff!important;font-weight:300;  font-family: 'Poppins';  position:relative; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
#cssmenu > ul > li:hover{color:#fff!important; background:#e33422 }
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right: 20px;}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top: 33px;right:2px;display:block;width:13px;height:8px;background:url(../images/menu-dropdown.png) no-repeat;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub > a:after{position: absolute; bottom:0;
right: 50%;
display: block;
width: 0px;
height: 2px; 
background: #ffd800;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:after{width: 61px; margin-right:-30px;}

#cssmenu > ul > li > a:after{position: absolute; bottom:0;
right: 50%;
display: block;
width: 0px;
height: 2px; 
background: #ffd800;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li > a:hover:after{width: 61px; margin-right:-30px;}
#cssmenu > ul > li.has-sub:hover > a:before{background:url(../images/menu-dropdown.png) no-repeat;}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:100; top: 54px;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#e33422;transition:all .25s ease; margin-top: }
#cssmenu ul ul li:hover{ background:#eed514;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#fff;font-weight:300; text-align:left; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#cssmenu > ul > li:last-child:after{ display:none;}

/*Banner*/
@media screen and (max-width:1365px){ }

@media screen and (max-width:1199px){
.submityourMessage1{ font-size:15px;}
.subBannerWrapperDiv{ bottom:25px;}
.subBannerHeader{ font-size:40px;}
.serachDiv{padding-right: 84px;}
.spaceHolder{ float:none;}
#cssmenu ul{ position:absolute; width:100%; background:#e33422; top: 69px; }
#cssmenu > ul > li > a{padding: 17px 20px;}
#cssmenu ul ul{ top:0;}
.memberLoginBg h3{font-size: 26px;}
.memberLoginBg1{padding: 30px 39px 0px;}
.missionHeaderBg{ background:#093a59;}
.missionWrapper h3{ font-size:24px; margin-top: 15px;
margin-bottom: 15px;}
.missionWrapper p{color:#fff;}
.captionHolderWrapper{ text-align:center;}
.captionHolder{bottom: 200px; left:auto; margin-left:0; width:100%;}
.organizationWrapper p{ color:#fff;}
.organizationWrapper h3{ font-size:24px; margin-top: 15px;
margin-bottom: 15px;}
.footerContactDiv{ padding-left:0px;}
.epsBg{ padding-bottom:0px;}
.downloadBg{ min-height:auto;}
.becomeMemberBg{min-height:auto;}
.whyJoinEpsBg{min-height:auto;}
.whyJoinEpsBg{padding: 40px 30px;}
.becomeMemberBg{padding: 40px 30px;}
.confernceBg{ padding-bottom:90px; margin-bottom:50px}
.meetingBg1{padding-left: 60px; min-height:auto; padding-bottom:50px;}
.meetingNav li span{ top:-4px;}
.meetingNav li{ margin-bottom:20px}
.confernceBg{padding-left: 30px;}
.organizingCommitteeBg{ padding-top:70px;}
.commiteeDivAll{ margin: 0 auto 50px;}
.newUpdates{ max-width:100%;}
.organizingCommitteeBg{ padding-bottom:50px;}
.loginBtn{width: 149px; float:right;}
.menuHolder{ float:none; padding-right:0; }
.headerBg1{padding-bottom: 17px;}
.missionHeaderBg{ position:static; margin-top:0;}
.memberLoginBg{ position:static;}
.memberLoginBg1{ position:static; padding: 58px 39px 0px; background:none;}
.organizationWrapper a{ margin-bottom:40px;}
.missionWrapper a{ margin-bottom:40px;}
.organizationWrapper{ padding-right:0;}
.organizationWrapper::before{ display:none;}
.confernceBg1{ width:100%; min-height:auto; background:none; padding-left: 60px; padding-right: 60px; }
.confernceBg{ float:none; width:100%; position:static;}
.meetingBg1{ width:100%;}
.logindiv{ padding:0;}
.missionWrapper{ padding-left:0; padding-right:0;}
.committeMemberBg{ width:60%; float:none; margin: 0 auto 121px;}
.subCommitteMemberBg{ width:60%; float:none; margin: 0 auto 70px;}
.viewAllBtn{ margin-top:-50px}
nav{width:100%;}
#cssmenu{width:100%; background:#00aad4;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px dotted #f45a4a}
#cssmenu ul li:hover{}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#eb5040!important;}
#cssmenu ul ul li:hover{background:#1cb4b6!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:none;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width: 60px;
height: 46px;
position: absolute;
right: 16px;
top: 10px;
cursor: pointer;
z-index: 12399994;
-moz-transition: .4s;
-webkit-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s; }

.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px dotted #f45a4a;height:49px;width:46px;cursor:pointer}
#cssmenu > ul > li.has-sub > a::after{position: absolute;
bottom: 0;
right: 50%;
display: block;
width: 0px;
height: 2px;
background: #ffd800;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;}
#cssmenu .submenu-button.submenu-opened{background:#e33422}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
 .noPadding{ padding:0; margin:0; width:100%} 
#cssmenu > ul > li::after{ display:none; }
#cssmenu > ul > li > a{ font-size:15px;}

.newDeatilSideDiv p{ font-size:15px;}
.latestNewDiv{padding: 20px 23px;}

}

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

}

@media screen and (max-width:991px){
.footerContactDiv{padding-left: 15px;}
.footerEndBg span{ padding-left:0px; display:block; margin-top:7px;}
.footerContactDiv1{ padding-left:15px;}
.footerWrapper::before{ display:none;}
.footerWrapper::after{display:none;}
.headerContactWrapper{ display:none;}
.captionHolder{ bottom:70px;}
.logoImage{height: 141px;}
.logoImage1{height: 93px;}
.headercontactDiv{margin-top: 0px;
margin-bottom: 0px;}
.whyJoinEpsWrapper h3{font-size: 23px;
margin-bottom: 10px; margin-top: 13px;}
.whyJoinEpsBg{ padding: 30px 30px;}
.becomeMemberBg{ padding: 30px 30px;}
.whyJoinEpsWrapper h3{font-size: 23px;
margin-bottom: 10px; margin-top: 13px;}
.downloadBg{padding: 30px 60px;}
.whyJoinEpsWrapper1 h3{font-size: 23px;
margin-bottom: 10px; margin-top: 13px;}
.confernceBg h3{font-size: 27px; margin-bottom: 10px;}
.confernceBg{ padding-bottom:50px;}
.confernceBg span{ font-size:20px;}
.meetingBg1 h3{ font-size: 27px; margin-bottom:20px;}
.meetingNav li{ font-size:14px;}
.meetingNav li p{ font-size:14px;}
.meetingBg1{ padding-bottom:20px;}
.orginizingCommiteWrapper h3{font-size: 27px; margin-bottom:15px;}
.orginizingCommiteWrapper p{margin: 0 auto 93px;}
.newAndEventsHeader{ font-size:27px; margin-bottom:20px;}
.newEventWrapper span{ font-size:20px;}
.mediaGalleryHeader{ font-size:25px; margin-top: 64px;}
.messageWrapper h3{ font-size:27px;}
.messageWrapper p{ font-size:14px;}
.date1 span{font-size: 22px;}
.date2 span{font-size: 17px;}
.date2 p{font-size: 14px;}
.messageBg{ padding-bottom:50px;}
.footerBg{ padding-top:20px; padding-bottom:50px;}
.footerHeader{ margin-top:30px;}
.footerWrapper p{ font-size:15px; margin-bottom:30px;}
.footerIconTxt{ font-size:15px;}
.footerEndBg p{font-size: 15px;}
.subNavDiv{ padding-bottom:50px;}
.aboutWrapperDiv h3{ font-size:27px;}
.downloadBg1{ min-height:auto;}
.whyJoinEpsBg1{min-height:auto;}
.becomeMemberBg1{min-height:auto;}
.latestNewDiv::before{width: 100%; margin-left: -50%;}


}

@media screen and (max-width:767px){
.contactInfoHeader{ font-size:27px;}
.contactInfoIcon p{ font-size:16px; line-height:30px; margin-bottom:20px;}
.contactInfoIconDiv{ top:2px}
.contactInfoBg{ padding-bottom:50px;}
.resetWrapper{ margin-bottom:20px;}
.contactField{ margin-bottom:20px;}
.memberLoginBg3{ margin-bottom:50px;}
.meberLoginBtn{ width:100%; text-align:center; padding:10px;}
.userNameFiled{ font-size:14px; padding: 13px 63px;}
.passFiled{font-size:14px; padding: 13px 63px;}

.memberLoginBg2{ padding-top: 60px; padding-bottom: 60px; min-height:auto; margin-top:30px; padding-left: 20px;
padding-right: 20px;}
.meberLoginTxtSign{ margin-left:0;}
.memberFogotPass{ text-align:center;}
.registerBreadCrumb{ margin-bottom:32px;}
.memberRegisterBg:before{ display:none;}
.memberRegisterBg{ padding-bottom:40px; margin-bottom:50px;}
.submityourMessage{margin: 20px auto 0;}

.knowMoreBtn{ text-align:left;}
.knowMoreBtn::before{ left: 13px;}
.newDeatils h3{ font-size:17px; line-height:30px;}
.newDeatils span{ font-size:20px;}
.newDateWrapperDiv{ top:6px;}
.newDeatils p{ font-size:15px;}
.newDeatils h1{ font-size:18px;}
.newDeatilsBg{ padding-bottom:40px;}
.newDeatils h2{font-size:20px;}
.newEventWrapperDiv{ position:static; margin-bottom:20px;}
.newEventDivWrapper h2{ font-size:45px;}
.newEventDivWrapper span{ font-size:17px;}
.newEventDivWrapper h3{ font-size:17px; line-height:30px;}
.newEventDivWrapper p{ font-size:14px; margin-bottom:20px;}
.newEventDivWrapper{ padding-left:0; padding-right:0; margin-bottom:30px;}
.newEventWrapperDivBtn{ position:static; margin-bottom:30px;}

.subPagecommiteHeader{ padding-bottom: 119px; font-size: 20px;}
.aboutWrapperDiv p{ font-size:13px;}
.boxBgDiv4{ position:static; background:#093a59; margin-bottom:40px; padding: 12px 17px;}
.subMissionWrapper img{ margin-bottom:0;}


.aboutWrapperDivNav li{ font-size:15px;}
.aboutWrapperDiv p{ font-size:15px;}


.aboutWrapperDiv h3{ font-size:24px;}
.subNav{ text-align:center;}
.memberLoginBg p{font-size: 14px;}
.downloadBg{padding: 30px 9px;}
.meetingNav li span{ top:-4px;}
.captionHolder h2{font-size: 38px;}
.captionHolder h3{font-size: 27px;}
.socialMediaIcon{ text-align:center;}
.footerEndBg p{ text-align:center; margin-bottom:20px;}

#cssmenu > ul > li > a{    padding: 15px 26px;}

.logoWrapperTxt{ display:none;}
.committeMemberBg{ width:100%;}
.registerWrapper1{ display:none;}
.forgetPassrdBtn{ text-align:center; margin-bottom:20px;}
.loginBtn{ float:none; margin:0 auto; display:block;}
.memberLoginBg1{padding: 29px 39px 0px;}
.confernceBg1{ padding-left:15px; padding-right:15px;}
.meetingBg1{padding-left:15px; padding-right:15px;}
.mediaGalleryHeader{ margin-top:0;}
.mediaGalleryDivAll{ padding-right:15px;}
.confernceBg span{ font-size:17px;}
.meetingNav li{margin-bottom: 9px;}
.organizingCommitteeBg{ padding-top:40px;}
.newEventWrapper span::before{ display:none; }
.newEventWrapper span{ text-align:left;}
.subNavDiv{ padding-bottom:30px;}
.subPhotoGallery{ padding-bottom:40px;}
.AccordionPanelTabWrapper{ position:static;}
.AccordionPanelClosed .AccordionPanelTab{ padding-left:0px; padding-right: 20px;}
.AccordionPanelTab h3{ font-size:16px; margin-top:10px;}
.AccordionPanelOpen .AccordionPanelTab{padding-left:0px; padding-right: 20px;}
.accContentHolder{padding: 30px 20px;}
.accContentHolder p{ font-size:14px;}

.mobileView{display:none;}
}
@media screen and (max-width:479px){
.resetWrapperDiv{ position:static;}
.resetWrapper{ padding:0; border:none; background:none;}

.contactField1{ margin-top:20px; font-size:16px; padding: 13px 17px;}
.submityourMessage{ width:100%; font-size: 16px; padding: 10px 33px;}
.newDeatils p{ font-size:14px;}
.subPagecommiteHeader{font-size: 18px; padding-bottom: 80px;} 
.subPagecommiteHeader::before{height: 38px;}
.subCommitteMemberBg{ width:100%;}
.orginizingCommiteWrapper h3{ font-size:23px;}
.committeMemberBg{ padding:0;}
.captionHolderWrapper{ display:none;}
.organizationWrapper p{ font-size:14px;}
.missionWrapper p{font-size:14px;}
.confernceBg p{ font-size:14px;}
.orginizingCommiteWrapper p{font-size:14px;}
.committeMemberBgWrapper p{font-size:14px;}
.newEventWrapper p{font-size:14px;}
.newEventWrapper span{ font-size:18px;}
.button{ right:0;}
.serachDiv{padding-right: 60px;}
.aboutWrapperDivNav li{ font-size:14px;}
.aboutWrapperDiv p{ font-size:14px;}
.col-xs-6{ width:100%; float:none;}
.subVdoGalleryWrapper{ margin-bottom:20px;}
.subPhotoGalleryWrapper{ margin-bottom:20px;}
.dropbtn{ width:100%;}
.dropdown-content{ width:100%;}
.subPhotoGalleryWrapper img{ width:100%;}
.subVdoGalleryWrapper img{ width:100%;}
.dropdown{display:block;}


}