/*
 Theme Name: ICRS
 Description: 
 Author: ICRS
 Author URI:
 Template: twentyseventeen
 Version: 1.2
 */

/*@import url('css/fontface.css');
@import url('css/font-awesome.css');*/

* { margin:0px; padding:0px; outline:none;}

body { font-size: 16px; line-height: 22px; color:#4e4e4e; font-family: 'Cormorant', serif; }
h1 { font-size: 24px; line-height: 26px; margin: 0px; margin-bottom: 12px; font-weight: normal; color: #313131; font-family: 'Cormorant', serif; }
h2 { font-size: 24px; line-height: 26px; margin: 0px; margin-bottom: 12px; font-weight: normal; color: #313131; font-family: 'Cormorant', serif; }
h3 { font-size: 20px; line-height: 22px; margin: 0px; margin-bottom: 10px; font-weight: normal; color: #313131; font-family: 'Cormorant', serif; }
h4 { font-size: 18px; line-height: 20px; margin: 0px; margin-bottom: 8px; font-weight: normal; color: #313131; font-family: 'Cormorant', serif; }
p  { font-size: 14px; line-height: 20px; margin: 0px; padding-bottom: 15px; color: #000; font-family: 'Cormorant', serif;  }
a { text-decoration: none; color: #000; }
a:hover { /*text-decoration: underline;*/ }
img {  outline: none; height:auto; max-width:100%; border:none;}
ul, ol { margin:0px; padding:0px;}


#top_section { background: #007de3; }
#top_section ul { float: right; }
#top_section ul li { list-style: none; float: left; position: relative; }
#top_section ul li a { color: #bbf9ff; padding: 0 24px; height: 46px; line-height: 46px; font-size: 18px; display: block; }
#top_section ul li a:hover, #top_section ul li:hover > a { text-decoration: none; background: #0067bb; }

#top_section ul ul { display: none; }
#top_section ul li:hover ul { position: absolute; top: 46px; left: 0; display: block; z-index: 9999; float: none;}
#top_section ul ul li { float: none; }
#top_section ul ul li a { white-space: nowrap; background: #007de3; border-top: 1px solid #048eff; border-bottom: 1px solid #0169bf; height: 40px; line-height: 40px; }

/* header
--------------------------------------------------------------  */

#banner_section { position: relative; }

.banner_section img { width:100%; }

#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: url(assets/images/shadow_bg_v2.png) repeat; }

#logo { padding: 15px 0 0 0; }

.navbar { min-height: inherit; border: none; float: right; margin: 0; }
.navbar ul li { list-style: none; padding: 0 9px; position: relative; }
.navbar ul li a { font-family: 'Cormorant', serif; color: #fff; font-size: 18px; height: 100px; line-height: 100px; padding: 0; border-bottom: 8px solid transparent; }
.navbar ul li a:hover, .navbar ul li a:focus, .navbar ul li:hover > a, .navbar ul li.current-menu-item > a, .navbar ul li.current-menu-ancestor > a { background: none; border-bottom: 8px solid #027de5; }

.navbar ul ul { display: none; }
.navbar ul li:hover > ul { display: block; position: absolute; top: 100px; left: 9px; list-style: none; }
.navbar ul li:last-child:hover > ul { left: initial; right: 9px; }
.navbar ul ul li { padding: 0; }
.navbar ul ul li a { display: block; height: 40px; line-height: 40px; padding: 0 18px; border-top:1px solid rgba(2, 125, 229, 0); border-bottom: 1px solid rgba(2, 125, 229, 0.47); background: rgba(0, 0, 0, 0.75); color: #fff; white-space: nowrap; }
.navbar ul ul li a:hover, .navbar ul ul li.current-menu-item > a, .navbar ul ul li:hover > a { background: rgba(0, 0, 0, 0.9); text-decoration: none; border-top:1px solid rgba(2, 125, 229, 0); border-bottom: 1px solid rgba(2, 125, 229, 0.47); }

.navbar ul ul ul { display: none !important; }
.navbar ul ul li:hover ul { display: block !important; position: absolute; top: 0; left: 100%; list-style: none; }

.navbar svg:not(:root) { display: none; }

#banner img { width: 100%; }

#banner_title { font-family: 'Cormorant Garamond', serif !important; font-weight: 700 !important; }
#banner_content { font-family: 'Cormorant Garamond', serif !important; font-weight: 400 !important; }

.home .entry-title { display: none; }

/* Banner
-----------------------------------------------------------------  */

#banner_right_links_1, #banner_right_links_2, #banner_right_links_3, #banner_right_links_4 { font-family: 'Cormorant Garamond', serif !important; }


/*#banner_right_links_1:hover { padding-left: 15px !important; }
#banner_right_links_2:hover { padding-left: 15px !important; }
#banner_right_links_3:hover { padding-left: 15px !important; }
#banner_right_links_4:hover { padding-left: 15px !important; }*/

.banner_right_links h3 { color: #ccc; font-size: 20px; line-height: 27px; font-weight: 500; width: 260px; padding: 10px 0; border-bottom: 1px solid #fff; }
.banner_right_links.active h3 { width: 320px; color: #fff; border-bottom: 1px solid #006fbf; }


#banner_right_links_1 { margin-left: 0px !important; }
#banner_right_links_2:hover { margin-left: 0px !important; }
#banner_right_links_3:hover { margin-left: 0px !important; }
#banner_right_links_4:hover { margin-left: 0px !important; }

.news_content h3 { color:#fff;}

.news_content .readmore_btn { display: block; border:none; font-family: 'Lato', sans-serif; opacity: 1; font-weight: 400; font-size: 16px; letter-spacing: 2px; padding: 8px 10px; background: #00b2f2; color: #fff; margin-top: 0; width: 140px !important; text-align: center; transition: none; }
.news_block:hover .news_content .readmore_btn { opacity: 1; transition: none; }



/* Content Section
---------------------------------------------------------------  */

#home_content {}
#home_content p { font-size: 24px; line-height: 38px; }

#join_link { margin-right: 15px; }
#join_link a { border:2px solid #00b2f2; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 2px; padding: 11px 55px; background: #00b2f2; color: #fff; }
#join_link a:hover { border: 2px solid #018abb; background: #018abb; }
#member_link a { border:2px solid #00b2f2; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 2px; padding: 11px 20px; background: none; color: #000; }
#member_link a:hover { border: 2px solid #00b2f2; background: #00b2f2; color: #fff; }

/* latest News
--------------------------------------------------------------  */

h2.sub_title { font-family: 'Cormorant', serif; font-weight: 900; position: relative; font-size: 58px; color: #000; line-height: 58px; margin:0; }
h2.sub_title span { background: #F0F0F0; display: inline-block; position: relative; z-index: 10; padding: 0 25px 0 0; }
h2.sub_title:after { position: absolute; bottom: 10px; left: 0; width: 100%; height: 2px; background: #77d1f1; content: ""; }

.news_block { position: relative; overflow: hidden; margin-bottom: 30px !important; }
.news_block img { transition: transform .5s; }
.news_block:hover img { transform: scale(1.5); }

.news_block h4 { position: absolute; top: 10px; left: 10px; display: inline-block;  font-size: 16px; line-height: 35px; font-weight: 700; z-index: 999; text-transform: uppercase; margin:0; background: #00b2f2; padding: 0 15px; }

.news_block_1 h4 { background: #00b2f2; }
.news_block_2 h4 { background: #00f2cd; }
.news_block_3 h4 { background: #f2ed00; }

.news_content { position: absolute; bottom: 0; left: 0; width: 100%; background: url(assets/images/shadow_bg_v2.png) repeat; padding: 20px; transition: ease .5s; }
.news_content h3 { font-size: 30px; line-height: 35px; position: relative; font-weight: 700; padding-bottom: 15px; color: #fff; }
.news_content h3:after { position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #00b2f2; content: ""; }
.news_content p { color: #fff; font-size: 19px; font-weight: 600; line-height: 25px; padding: 0 0 15px 0; }

.news_content .readmore_btn { display: block; border:none; font-family: 'Lato', sans-serif; opacity: 1; font-weight: 400; font-size: 16px; letter-spacing: 2px; padding: 8px 20px; background: #00b2f2; color: #fff; margin-top: 0; /* transition: ease .5s;*/ transition:none; }
.news_block:hover .news_content .readmore_btn { /*display: inline-block; opacity: 1; transition: ease .5s;*/ opacity: 1; transition:none; }

.society_block { background: #000; padding-right: 15px; }
.society_block a:hover { text-decoration: none; }
.society_img { float: left; }
/*.society_block h3 { color: #fff; font-size: 28px; margin-top: 23px; font-weight: 900; }*/
.society_block h3 { color: #fff; font-size: 45px; margin-top: 80px; font-weight: 900; }
.society_block p { color: #fff; font-size: 18px; line-height: 25px; }
.society_block img { max-width: 190px; margin-right: 22px; }
.society_block .readmore_btn { border:2px solid #00b2f2; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; padding: 4px 9px; background: #00b2f2; color: #fff; margin-top: 0; }
.society_block .readmore_btn:hover { border: 2px solid #00b2f2; background: #00b2f2; }

/* Photo Gallery
--------------------------------------------------------------  */

#photo_gallery {}
#photo_gallery img { width: 100%; }

.banner_caption { position: absolute; bottom: 0; left: 0; width: 100%; padding:20px 60px; background: rgba(0, 0, 0, 0.66); color: #fff;  }
#photo_gallery p { color: #fff; margin: 0; padding: 0; font-size: 19px; }

/*  Footer
---------------------------------------------------------------  */

#footer { background: #01070e url(assets/images/footer_bg_v1.png) no-repeat top center; background-size: 100%; padding: 190px 0 50px 0; }

.footer_logo { padding: 30px 0 0 0; }
.f_links { margin-bottom: 30px; }
.f_links ul { list-style: none; }
.f_links ul li { margin-bottom: 6px; }
.f_links ul li a { color: #fff; font-family: 'Lato', sans-serif; }
.f_links ul li.menu_title a { color: #03b2f5; font-weight: 600; }


/*****************about us********************/
.about_news p.abt_news{color: #fff; padding-top: 369px; font-size: 18px;}

.page_title { position: relative; }
.page_title h1 { font-family: 'Cormorant', serif; font-weight: 700; margin: 0; display: inline-block; background: #fff; position: relative; z-index: 99; padding: 0 20px 0 0; }
.page_title .wpb_wrapper { position: relative; }
.page_title .wpb_wrapper:after { content: ""; background: #429bbd; height: 1px; width: 100%; position: absolute; bottom: 11px; left: 0; }

.content {}
.content h2, .content h3, .content h4 { font-weight: bold; }
.content h2 { font-size: 26px; line-height: 35px; margin-bottom: 20px; }
.content h3 { font-size: 25px; line-height: 32px; margin-bottom: 20px; }

.content h2 a, .content h3 a, .content h4 a { color: #007de3; }

.content p { /*font-size: 22px; line-height: 36px;*/ font-size: 20px; line-height: 30px; }
.content ul, .content ol { margin-left: 20px; margin-bottom: 15px; }
.content ul li, .content ol li { font-size: 20px; line-height: 30px; color: #000; margin-bottom: 15px; }
.content p a, .content ul li a, .content ol li a { color: #007de3; word-break: break-word; }

.entry-content a[target=_blank] { padding-right: 16px; /*padding-right: 1.142857143rem;*/ background: transparent center right no-repeat; background-image: url('assets/images/icon-external-link.png');}

.alignleft { float: left; margin: 0 15px 15px 0 !important; }
.alignright { float: right; margin: 0 0 15px 15px !important; }
.aligncenter { float: none; margin: 0 auto 15px auto !important; display: block; }

#latest_news_sidebar { background: #f7f7f7 url(http://coralreefs.org/wp-content/uploads/2019/01/latest_news_sidebar_bg.png) no-repeat right top; padding: 25px; margin-bottom: 40px; }
#latest_news_sidebar h2 { font-family: 'Cormorant', serif; font-size: 40px; line-height: 40px; border-bottom: 1px solid #429bbd; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; }
#latest_news_sidebar ul { list-style: none; margin: 0; }
#latest_news_sidebar ul li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #d7d7d7; font-family: 'Cormorant', serif; font-weight: 700; color: #3b3b3b; font-size: 24px; }
#latest_news_sidebar ul li h3 { color: #3b3b3b; font-size: 20px; font-weight: 700; word-break:normal !important; line-height:28px; }
#latest_news_sidebar ul li:nth-child(3) { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#latest_news_sidebar ul li img { float: left; margin: 0 20px 0 0; }
#latest_news_sidebar ul li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; overflow: hidden; }
#latest_news_sidebar ul li:hover a { text-decoration: none; color: #007de3; }
#latest_news_sidebar ul li:hover h3 { color: #007de3; }


#committee_news h2 { font-family: 'Cormorant', serif; font-size: 40px; line-height: 40px; border-bottom: 1px solid #429bbd; font-weight: 700; margin-bottom: 30px; padding-bottom: 20px; }
#committee_news ul { list-style: none; margin: 0; }
#committee_news ul li { background: #f7f7f7 url(http://coralreefs.org/wp-content/uploads/2019/01/committee_news_bg.png) no-repeat right center; padding: 0; line-height: 36px; }
#committee_news ul li a { background: url(assets/images/committee_news_arrow.png) no-repeat 20px 34px; background-size: 18px; text-transform: uppercase; display: block; font-family: 'Cormorant', serif; padding: 22px 0 22px 50px; margin-bottom: 25px; font-weight: 700; font-size: 18px; color: #000; }
#committee_news ul li a:hover { text-decoration: none; color: #007de3; }

.inner_banner {}
.inner_banner img { width: 100%; }

#inner_content { padding: 50px 0; }

#inner_content blockquote { background: url(assets/images/blockquote_icon.png) no-repeat; border: none; padding: 32px 0 0 41px; background-size: 36px; }


/* Blog 
----------------------------------------------- */

#blog_outer { padding: 50px 0; }
#blog_content .page-header { margin: 0 0 30px 0; padding: 0; border:none; position: relative; }
#blog_content .page-header:after { content: ""; background: #429bbd; height: 1px; width: 100%; position: absolute; bottom: 11px; left: 0; }
#blog_content .page-header h1 {  font-family: 'Cormorant', serif; font-weight: 700; margin: 0; line-height: 45px; display: inline-block; font-size: 45px; background: #fff; position: relative; z-index: 99; padding: 0 20px 0 0;  }

.single #blog_content .entry-header { margin: 0 0 30px 0; padding: 0; border:none; position: relative; }
.single #blog_content .entry-header:after { content: ""; background: #429bbd; height: 1px; width: 100%; position: absolute; bottom: 11px; left: 0; }
.single #blog_content .entry-header h1.entry-title {  font-family: 'Cormorant', serif; font-weight: 700; margin: 0; line-height: 42px; display: inline-block; font-size: 36px; background: #fff; position: relative; z-index: 99; padding: 0 20px 0 0;  }

#blog_content article.post,
#blog_content article.committee-news,
#blog_content article.society-publication,
.search #blog_content article.page,
.search #blog_content article.society-publication,
.search #blog_content article.committee-news { border-bottom:1px dashed #ADADAD; padding-bottom:20px; margin-bottom:20px;}

#blog_content h2.entry-title { color:#007de3; line-height: 26px; margin-bottom: 12px; font-weight: 700; }
#blog_content h2.entry-title a { color:#007de3; font-size: 26px; line-height: 33px;}
#blog_content h2.entry-title a:hover { color:#007de3; text-decoration: underline; }

#blog_content .entry-header .entry-meta { margin-bottom: 12px; }

#blog_content .post_thumb { margin:0 20px 20px 0; float:left;}     
#blog_content .post_thumb img { margin: 0 ;}
#blog_content .post_thumbnail { margin: 0 0 20px 0; }
#blog_content .post_thumbnail img { max-width:100%; height:auto; margin: 0px; }
#blog_content .post_date { font-family: 'ralewayregular'; display:block; margin-bottom:10px; font-size:14px; color: #333; }

#blog_content .link-more { display: none; }
#blog_content .moretag { background: #007de3; font-family: 'ralewayregular'; border: none; color: #fff; padding: 8px 20px; cursor: pointer; font-size: 16px; display:inline-block; margin:10px 0 0 0; text-decoration:none; float:right; border-radius:4px; }
#blog_content .moretag:hover, #blog_content .moretag:focus { text-decoration:none; background:#005fac; color: #fff;}

#blog_content .entry-summary p  { font-size: 18px; line-height: 24px;}

.post-navigation { margin-bottom: 30px; }
.post-navigation:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; overflow: hidden; }
.post-navigation .nav-previous { float:left; background:none !important; padding-left:20px;}
.post-navigation .nav-next { float:right; background:none !important; padding-right:20px;}
.nav-links { margin-bottom:20px;}
.nav-links a { color:#1F1F1F;}
.post-navigation .nav-next .meta-nav, .post-navigation .nav-previous .meta-nav { color: #1F1F1F !important;}
.screen-reader-text { display:none;}

.pagination {}
.pagination .page-numbers { background: #007de3; display: block; float: left; color: #fff; border-radius: 3px; padding: 4px 10px; margin-right: 10px;}
.pagination a.page-numbers:hover,.pagination .page-numbers.current  { background: #005fac; text-decoration: none; color: #fff; }

.screen-reader-text { display: none; }

#blog_sidebar .search-form, #blog_content .search-form, #page_content .search-form { position:relative; border:1px solid #ccc; border-radius:4px; height:45px; background:#F7F7F7; max-width:360px;}
#blog_sidebar .search-form input[type="text"], #blog_content .search-form input[type="search"], #page_content .search-form input[type="search"] { width: 100%; border:none; background:none; height:45px; padding:0 40px 0px 10px; font-weight:normal;}
#blog_sidebar .search-form input[type="submit"] { position: absolute; top: 0; right: 0; text-indent: -99999px; font-size: 0; background: url(assets/images/search_icon.png) no-repeat center; border:none; width: 40px; height: 45px; }

.b_sidebar { margin-bottom: 30px; }
.b_sidebar ul { list-style: none; }

#blog_outer svg:not(:root) { display: none; }
#blog_sidebar svg:not(:root) { display: none; }

.overlay { height: 0%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background: #007de3 url(assets/images/mobile_navigation_bg.jpg) repeat-x top; overflow-y: hidden; transition: 0.5s; }
.overlay-content { position: relative; top: 50px; width: 100%; text-align: center; }
.overlay ul { list-style: none; }
.overlay ul li { margin: 2px 0; }
.overlay a { padding: 8px; text-decoration: none; font-size: 26px; line-height: 26px; color: #fff; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #f1f1f1; }
.overlay .closebtn { position: absolute; top: 8px; right: 15px; font-size: 100px; line-height: 30px; padding: 0; }


#blog_content.content p { font-size: 22px; line-height: 36px; }

.post-type-archive-society-publication .b_sidebar.widget_search { display: none; }

#contact_form {}
#contact_form td { padding: 8px; }
#contact_form input[type="text"], #contact_form input[type="email"], #contact_form input[type="tel"] { border:1px solid #ccc; background: #fff; padding: 0 15px; height: 40px; line-height: 40px; border-radius: 3px; width: 100%; color: #000; }
#contact_form textarea { border:1px solid #ccc; background: #fff; padding: 15px; height: 100px; line-height: 40px; border-radius: 3px; width: 100%; max-width: 100%; color: #000; }
#contact_form input[type="submit"] { background: #007de3; font-family: 'ralewayregular'; border: none; color: #fff; padding: 8px 20px; cursor: pointer; font-size: 16px; display:inline-block; margin:10px 0 0 0; text-decoration:none; float:right; border-radius:4px; }
#contact_form input[type="submit"]:hover { background:#005fac; color: #fff;}

#bottom_slider {}
#bottom_slider .owl-pagination-true { margin-bottom: 0 !important; }
#bottom_slider .sa_owl_theme .owl-nav button { height: 90px !important; width: 100px !important; margin-top: -45px !important; }
#bottom_slider .white .sa_owl_theme .owl-nav .owl-next { right: 0; background: rgba(0, 0, 0, 0.5) url(assets/images/icon_next.png) no-repeat center center !important; background-position: 24px 28px !important; background-size: 22px !important; }
#bottom_slider .white .sa_owl_theme .owl-nav .owl-prev { left: 0; background: rgba(0, 0, 0, 0.5) url(assets/images/icon_prev.png) no-repeat center center !important; background-position: 56px 24px !important; background-size: 22px !important; }

#bottom_slider .sa_owl_theme .owl-dots { bottom: 30px !important; padding: 0 !important; display: none; }

.banner_content h2 { font-size: 100px; line-height: 107px; color: #fff; font-weight: 600; }
.banner_content p { font-size: 24px; line-height: 35px; color: #fff; margin-bottom: 25px; padding: 0; }
.banner_content a.banner_btn { color: #fff; padding: 12px 35px; border:2px solid #00a6e7; letter-spacing: 3px; display: inline-block; }

.image_corner { border-radius: 3px; }
.image_border { box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }

table.studentcommittee_table { width: 100%; }
table.studentcommittee_table td { padding: 6px 10px 6px 0; font-size: 20px; line-height: 30px; color: #000; font-family: 'Cormorant', serif; }
table.studentcommittee_table td a { color: #007de3; }

table.membershiprates_table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.membershiprates_table td { padding: 10px 0; font-size: 17px; line-height: 30px; color: #000; font-family: 'Cormorant', serif; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.membershiprates_table td a { color: #007de3; }
table.membershiprates_table td:nth-child(1) { padding-left: 10px; }

table.post_table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.post_table td { padding: 10px; font-size: 17px; line-height: 30px; color: #000; font-family: 'Cormorant', serif; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.post_table td a { color: #007de3; }

.membershiprates_table table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.membershiprates_table table td { padding: 10px 0; font-size: 17px; line-height: 30px; color: #000; font-family: 'Cormorant', serif; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.membershiprates_table table td a { color: #007de3; }
.membershiprates_table table td:nth-child(1) { padding-left: 10px; }

.entry-content a.button_arrow[target=_blank] { background: none; padding-right: 0; }

table.image_table {}
table.image_table td:first-child { padding-right: 20px; }

.footer_last p { color: #fff; line-height: 30px; }



/**************   Responsive Style  **********************************************/

@media (max-height: 450px) {
	.overlay { overflow-y: auto; }
	.overlay a { font-size: 20px }
	.overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}


@media (min-width: 992px) and (max-width: 1199px) {
	.news_content h3 { font-size: 25px; line-height: 33px; }
	.society_block p { font-size: 15px; line-height: 23px; }
	.news_content p { font-size: 15px; line-height: 23px; }
	#home_content p { font-size: 22px; line-height: 34px; }
	.navbar ul li { padding: 0 9px; }
	.navbar ul li a { font-size: 16px; }
	.navbar { margin: 0 0 0 -60px; }
	.page_title h1 { font-size: 50px !important; }
	#latest_news_sidebar ul li h3 { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#top_section ul li a { padding: 0 10px; }
	#home_content p { font-size: 20px; line-height: 28px; }
	#member_link button { font-size: 14px; letter-spacing: 1px; }
	#join_link button { font-size: 14px; letter-spacing: 1px; }
	h2.sub_title { font-size: 42px; line-height: 47px; }
	h2.sub_title:after { bottom: 10px; }
	.news_content { padding: 15px; }
	.news_content h3 { font-size: 20px; line-height: 26px; padding-bottom: 3px; }
	.news_content p { font-size: 16px; line-height: 20px; }
	.news_block h4 { padding: 5px 15px; font-size: 13px; line-height: 22px; }
	.society_block img { margin-bottom: 72px; max-width: 100px; margin-right: 15px; }
	.society_block h3 { font-size: 60px; line-height: 60px; margin-top: 14px; }
	.society_block p { font-size: 14px; line-height: 20px; }
	#photo_gallery p br { display: none; }
	#footer { padding: 80px 0 0 0; background-size: cover; }
	.f_links ul li { margin-bottom: 4px; }
	.f_links ul li.menu_title a, .f_links ul li a { font-size: 15px; }
	.navbar ul li { padding: 0 2px; }
	.navbar ul li a { font-size: 13px; }
	.navbar { margin: 0 0 0 -30px; }
	.page_title h1 { font-size: 40px !important; }
	#latest_news_sidebar ul li h3 { font-size: 16px; }
	#latest_news_sidebar { padding: 10px; }
	#latest_news_sidebar h2, #committee_news h2 { font-size: 30px; }
	#latest_news_sidebar ul li img { margin: 0 10px 0 0; max-width: 45px; }
	#committee_news ul li { padding: 0 0 0 10px; }
	#committee_news ul li a { background-size: 13px; background-position: left center; padding-left: 22px; font-size: 15px; line-height: 20px; }
	.content p { font-size: 20px; line-height: 30px; }
	.content ul li, .content ol li { font-size: 20px; line-height: 30px; }
	#blog_content.content p { font-size: 20px; line-height: 30px; }
	#blog_content.content ul li, #blog_content.content ol li { font-size: 20px; line-height: 30px; }
	.banner_content h2 { font-size: 60px; line-height: 70px; }
	.banner_content p { font-size: 20px; line-height: 28px; }
	.banner_right_links h3 { font-size: 18px; line-height: 22px; }
	table.studentcommittee_table td { display: block; padding-bottom: 0; width: 100%; }
}

@media (max-width: 767px) {
	#top_section { display: none; }
	#logo { padding: 15px 0 15px 15px; }
	#logo img { max-width: 140px; }
	.mobile_menu { float: right; font-size: 30px; cursor: pointer; margin: 34px 17px 0 0; color: #00d0f4; }
	#home_content .wpb_single_image { max-width: 280px; margin: 0 auto 20px auto; }
	#home_content p { font-size: 20px; line-height: 32px; }
	#home_content { padding-top: 10px !important; padding-bottom: 20px !important; }
	#home_content p { text-align: center; }
	#member_link button { font-size: 14px; letter-spacing: 1px; }
	#join_link button { font-size: 14px; letter-spacing: 1px; }
	.vc_custom_1546248726163 { padding-top: 0 !important; }
	h2.sub_title { font-size: 44px; line-height: 52px; }
	h2.sub_title:after { bottom: 11px; }
	.news_block img { width: 100%; }
	.news_block { margin-bottom: 20px !important; }
	.news_content h3 { font-size: 26px; line-height: 30px; }
	.vc_custom_1546248726163 .wpb_wrapper .wpb_text_column { margin-bottom: 0; }
	.vc_custom_1546238635466 .wpb_wrapper .wpb_text_column { margin-bottom: 0; }
	.society_block { margin-bottom: 20px !important; }
	.society_block h3 { font-size: 60px; line-height: 60px; margin-top: 10px; }
	.society_block img { max-width: 210px; }
	.banner_caption { display: none; }
	#footer { padding: 70px 0 50px 0; }
	.f_links { margin: 0 auto; max-width: 290px; }
	.f_links ul li { display: none; }
	.f_links ul li.menu_title { display: block; text-align: center; border-bottom: 1px solid #4e5c69; margin: 0; padding: 10px 0; }
	.f_links ul li a { font-family: 'Cormorant', serif; font-size: 20px; }
	.f_links#nav_menu-9 ul li { border-bottom: none; }
	.footer_logo { padding: 35px 0 0 0;	text-align: center; }
	.footer_logo img { max-width: 200px; }
	.banner_right_links { display: none !important; }
	.page_title h1 { font-size: 30px !important; line-height: 30px !important; }
	.content p { font-size: 19px; line-height: 30px; }
	.content ul li, .content ol li { font-size: 19px; line-height: 30px; }
	#blog_content.content p { font-size: 19px; line-height: 30px; word-break: break-word; }
	#blog_content.content ul li, #blog_content.content ol li { font-size: 19px; line-height: 30px; }
	#blog_content .page-header h1 { font-size: 30px; padding-right: 0; }
	.single #blog_content .entry-header h1.entry-title { font-size: 30px; padding-right: 0; }
	#blog_content h2.entry-title a { font-size: 21px; }
	#bottom_slider .autohide-arrows .owl-nav { display: none !important; }
	#bottom_slider .autohide-arrows:hover .owl-nav { display: none !important; }
	#bottom_slider .sa_owl_theme .owl-dots { display: block; }
	#bottom_slider .sa_owl_theme .owl-dots .owl-dot span { background-color: rgb(255, 255, 255) !important; }
	#bottom_slider .sa_owl_theme .owl-dots .active span { background-color: rgb(0, 0, 0) !important; }
	.vc_custom_1546237150027 { padding-left: 15px !important; }
	#latest_news_sidebar h2, #committee_news h2 { font-size: 32px; line-height: 32px; padding-bottom: 12px; }
	#latest_news_sidebar ul li h3 { font-size: 17px; }
	#committee_news ul li a { font-size: 15px; padding: 10px 0 10px 50px; background-position: 20px 22px; margin-bottom: 10px; }
	table.studentcommittee_table td { display: block; padding-bottom: 0; width: 100%; }
	.membershiprates_table { overflow-x: scroll; }
	.membershiprates_table table { width: 700px; }
	.alignleft { float: none; display: block; margin: 0 0 15px 0 !important; }
	.alignright { float: none; display: block; margin: 0 0 15px 0 !important; }
	.f_links p { text-align: center;}
}

@media (max-width: 480px) {
	#logo { padding-left: 5px; }
	#home_content p { font-size: 19px; line-height: 28px; }
	h2.sub_title { font-size: 36px; }
	h2.sub_title span { padding-right: 12px; }
	.news_content p { font-size: 17px; line-height: 23px; }
	.society_img { float: none; }
	.society_block { padding-right: 0; }
	.society_block img { max-width: inherit; margin: 0 0 20px 0; width: 100%; }
	.society_block h3 { padding: 0 15px; font-size: 17px; line-height: 23px; margin-top: 15px;}
	.society_block p { padding: 0 15px 15px 15px; }
	.society_block .readmore_btn { margin: 0 0 15px 15px; display: inline-block; }
	#contact_form td { display: block; width: 100%; }
	.banner_content h2 { font-size: 50px; line-height: 60px; }
	.banner_content p { font-size: 20px; }
	.banner_content { padding: 20px 20px 20px 30px !important; }
	#latest_news_sidebar ul li img { width: 65px; }
	#latest_news_sidebar ul li h3 { font-size: 15px; line-height: 22px; }
}