@media (max-width: 767px) {

/*Display none*/
.top_searchSection, #header .welcome .name, #moreBdms{display:none;}
#header .welcome{padding: 10px 5px;}
.notification{width:50px;}
.notification span{right: 2px;}

#header .logo{background-size: 100% auto;  height: 38px; left:50%; margin: 12px 0 12px -100px;  position: absolute;  top: 0;  width: 190px;}
body.bodybdms #header {margin-top:0;}

.menu-btn {background-position:left -20px; cursor: pointer; float: left; height: 40px; margin-top: 15px; width: 32px;}
.myaccount{background-position:center;}
.myaccount .submenu{right: -48px;}
.myaccount .submenu::after, .myaccount .submenu::before{left: 73%;}
.notification .notification_list{width:310px;}
.notification .notification_list::after, .notification .notification_list::before{right: 8px;}


#mainBanner {min-height: 415px; height:auto;}
#mainBanner .caption {padding-top: 20px;}
#mainBanner .caption .col-xs-10{width:100%;	margin:0;}
#mainBanner h1{font-size:22px; line-height:24px;}
#mainBanner .date{font-size:12px; padding:10px 0;}
#mainBanner .caption .caption_pic{margin:0px auto 15px;  min-width: 100%;}
#mainBanner .caption p{font-size: 14px; line-height: 18px;}
a.btn_readmore{margin:15px auto 20px;}

#mainBanner.banner1{background-size:cover;}
#mainBanner.banner2{background-size:cover;}
#mainBanner.banner3{background-size:cover;}
#mainBanner.banner4{background-size:cover;}
#mainBanner.banner5{background-size:cover;}



#homeStory .listing .col-xs-5 img {height: auto; max-width: 100%; width: 100%;}
#homeStory .listing .col-xs-2{display:none;}
#homeStory .listing .col-xs-5.mobile_xs{ width: 58.3333%; padding-left:0;}
#homeStory .short_desc {padding: 10px 0;}
#homeStory .short_desc h4{font-size:13px; line-height:13px; margin: 0 0 5px;}
#homeStory .short_desc h2{font-size:18px; line-height:20px; margin: 0 0 5px;}
#homeStory .short_desc .date{font-size:11px; margin:0;}
#homeStory .short_desc p{display:none;}

#writeStory{height:140px; background-position:60% top;}
#writeStory h2{font-size: 22px; line-height: 40px; margin: 0; padding: 5px 0 0;}
#writeStory p{font-size: 12px; line-height: 18px; padding: 0 68px 5px 0;}

.goto_write{border:none; margin:0;}
.goto_write a{background:rgba(0, 0, 0, 0.5); border-radius: 30px; color: #ffffff; font-family: "franklin-medium"; font-size: 14px; padding: 12px 20px; text-align: center;}
.goto_write a:hover{background:rgba(0, 0, 0, 1);}

#article_list_slider .owl-controls{
	display:none !important;
}


#upcomingEvents{padding: 10px 0;}
#upcomingEvents .heading{font-size:16px; line-height:16px;}
#upcomingEvents .heading span{padding:15px 10px;}


.event_box{margin-bottom:25px;}

#footer .footer .col-xs-4, #footer .footer .col-xs-8{padding:0;}
ul.footer_nav, #subscribe .bg{padding:10px;}

#subscribe .form-item {background-position:5px center; background-size:20px auto; padding: 1px 90px 1px 30px;}
#subscribe .form-item input.btn_subscribe{width:90px;}

.login{height: 46px; padding: 0; width: 43px;}

/*ARTICLE LIST*/

#articles .head, .about .head, #articles.resources .head{height: 70px;}
#articles .head h1, .about .head h1, #articles.resources .head h1{font-size: 22px; line-height: 70px; padding: 0;}
#articles .site-content{padding: 0;}
.liststyle{display:none;}


.article-list{padding:0;}
.article-list .listing img{float:left; width:100px; height:auto; margin:0 15px 0 0;}

.article-list .short_desc{display:table; padding:0;}
.article-list .short_desc h4{margin: 0 0 5px;}
.article-list .short_desc h2{font-size: 18px; line-height: 22px; min-height: auto; margin: 0 0 8px;}

.article-list .short_desc .date{font-size: 10px;}

.article-list ul.sharing{display:none;}

.article-list .listing:after{
	display:block;
	content:"";
	clear:both;
	overflow:hidden;
}

.article-list .listing{padding-bottom:15px; padding-top:15px; border-bottom: 1px solid #d6d7d9;}
.article-list hr{display:none;}


#pagination_ajax {border-top: 1px solid #d6d7d9; clear: both; display: block; margin: 0; position: relative; top: -1px;}
.article-list .btn_moreStory {background-position: center -24px; border-bottom: 0 none; display: block; height: 70px; margin: 0;}
#homeStory .btn_moreStory a, .article-list .btn_moreStory a{padding: 10px 15px 30px;}
#homeStory .btn_moreStory img, .article-list .btn_moreStory img{height: 30px; top: 10px; width: 30px;}


#partners-slider .owl-item a.item img{width:100%; height:auto}


#upcomingEvents .head{height: 70px;}
#upcomingEvents .head h1{font-size: 22px; line-height: 70px; padding: 0;}


/*login*/

.modal-body{padding:15px;}

#signinModal .forms, #signupModal .forms, #contactModal .forms, #ContactUs .forms{padding:10px 0;}

#signinModal a.fbLink, #signinModal a.Facebook,
#signinModal a.gplusLink, #signinModal a.Google,
#signinModal a.tweetLink, #signinModal a.Twitter,
#signinModal a.inLink, #signinModal a.LinkedIn{margin: 0 8px;}

.or_hr{margin: 0 0 20px;}

.forms .form-field{margin: 0 0 10px;}
.forms .form-field input.textbox{padding:15px}
.forms input.btn_send{padding: 15px 0;}
#forgotModal .forms, #changePassword .forms {padding: 10px 0;}


#signinModal img.popup_logo {height: auto;  width: 200px;}
button.close.modal_closebtn{right: 10px; top: 10px;}

#advt{display:none;}
#advt img{width:100%; height:auto; display:none;}


/*DETAIL PAGES*/
.article_detail{padding:0 0 20px 0;}
.article_detail.banner1 .category,
.article_detail.banner2 .category,
.article_detail.banner3 .category,
.article_detail.banner4 .category,
.article_detail.banner5 .category,
.article_detail.banner6 .category,
.article_detail.banner7 .category,
.article_detail.banner8 .category{ min-height: 170px;}

.article_detail .category h1{font-size: 24px; line-height: 28px; padding: 0 0 10px;}
.article_detail .category hr{margin: 10px auto; width: 100%;}
.article_detail .category .date{font-size:12px;}
.article_detail .category .desc{width:100%; font-size:14px;}

.article_detail .details{margin: 0 10px;}
.article_detail .details .ptb60 {padding: 20px 0 0;}
.article_detail .details p, .article_detail .details ul{font-size: 16px; line-height: 24px;}
.article_detail .details ul li {padding-bottom: 20px;}
#articles .article_detail .details p:first-child::first-letter{font-size: 48px; margin-top: 8px;}

.article_detail .details .cat_img{ border-radius: 100%; height: 50px; overflow: hidden; width: 50px; float:left;}
.article_detail .details .cat_img img {height: 100%; max-height: 50px; width: 100%;}

.article_detail .details .cat_name{font-size:14px; margin:0 10px; font-family: "franklin-medium";}
.article_detail .details .cat_name span{opacity:0.5; display:block;}
.article_detail .details .cat_name a{color:#323642;}

.article_detail ul.sharing{display:table; margin:0 auto; border-left: 1px solid #bcbcbc; border-right:1px solid #bcbcbc; padding:10px 0; position:relative; z-index:2;}
.article_detail ul.sharing li, .book-detail ul.sharing li{float:left; padding:10px 16px; border-right: 1px solid #e2e2e2; border-bottom: none;}
.article_detail ul.sharing li:last-child, .book-detail ul.sharing li:last-child{border:none;}
.article_control{top:auto; bottom:0; height: 110px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;}

.article_control a.prev_arrow {margin: -12px 0 0; padding: 0; top: 50%;}
.article_control a.next_arrow {margin: -12px 0 0; padding: 0; top: 50%;}

.follows .follow{top:10px; display:block;}
.follows .btn_follows {float: right;}
.follows .follow img {height: auto; width: 26px;}

.bot_box a.btn_register{
    padding: 29px 0;
    text-align: center;
    width: 80%;
}

.bot_box .sharebox {
    border-left: 1px solid #d6d7d9;
    float: right;
    padding: 20px 0;
    width: 20%;
}

.events_desc .P30 {padding: 20px 15px;}
.events_desc h3{font-size: 26px; line-height: 30px;}

#partners-slider.owl-carousel .owl-item .item img {height: auto; max-width: 120px;}

.aboutDesc, .write_forms {padding: 20px 0;}
.aboutDesc h2{font-size: 30px; line-height: 32px;}
.aboutDesc h2 span{line-height:22px;}
.aboutDesc p{line-height:30px;}
.letsTalk_form .forms {padding: 30px 0;}

.write .head {
    background: url("../images/write_bg.jpg") repeat scroll 80% 0 / 80% 110% rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    height: 80px;
}
.write .head h1{font-size: 22px; padding: 10px 0;}
.write_forms .form-field {margin: 0 0 20px;}
.write_forms h3{padding:0;}

#articles.resources .searchEvent{
	top:8px;
}

#articles.resources .searchEvent .selectbox {
    background-color:transparent;
    background-image: url("../images/bullet_nav.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    border: none;
    border-radius:0;
    float: left;
    height: 60px;
    margin: 0 5px;
    position: relative;
    text-align: left;
    width: 250px;
}

#articles.resources .searchEvent .selectbox .dropdown-menu {
    background-color: #fff;
    border-radius: 3px;
    color: #ffffff;
    font-family: "franklin-medium";
    font-size: 19px;
    font-weight: normal;
    left: auto;
    line-height: 19px;
    margin: 0;
    min-width: 250px;
    right: 25px;
    top: 10px;
}

#articles.resources .searchEvent .selectbox .dropdown-menu li{border-bottom:1px solid #d6d7d9;}
#articles.resources .searchEvent .selectbox .dropdown-menu li:last-child{border:none;}
#articles.resources .searchEvent .selectbox .btn-select, .book-list .toppanel .bookSelectbox .selectbox .btn-select{text-indent:-9999px;}

.book-list, .book-detail{padding:20px 0;}
.book-list .books{margin:0 auto; border-bottom: 1px solid #d6d7d9; padding-bottom: 15px; padding-top: 15px;}
.book-list .toppanel .bookSelectbox{margin:0;}
.book-list .toppanel h2{font-size: 20px; line-height: 30px; padding:5px 0;}
.book-list .toppanel, .book-detail .toppanel{padding-bottom: 10px;}
.book-list .toppanel .bookSelectbox .selectbox {
    background-color:transparent;
    background-image: url("../images/select_arrow3.png");
    background-position: center center;
    background-repeat: no-repeat;
    border:none;
    border-radius:0;
    float: left;
    height:36px;
    margin: 0 5px;
    position: relative;
    text-align: left;
    width:30px;
}

.book-list .toppanel .bookSelectbox .selectbox .dropdown-menu{left:auto; right:0;}
.book-detail .booksCover{display: table; float: none; margin: 15px;}
.book-detail .bookTittle{font-size: 26px; line-height: 30px;}
.book-detail .dateOn{padding: 10px 0;}
.book-detail .desc{padding: 10px 0 20px;}
.book-detail .detail{padding-bottom:30px;}
.book-detail a.btn_buynow {margin: 0 auto;}

.book-detail ul.sharing{display:table; margin:0 auto; padding:10px 0 0; position:relative; z-index:2;}

.book-detail .col-md-2{border-top: 1px solid #d6d7d9;}


/**/
#eventDetails .detail_banner{height:auto; position:relative;}
#eventDetails .detail_banner h2{font-size: 24px; line-height: 28px; position:relative; z-index:1; padding:20px 0;}
#eventDetails .detail_banner .event_desc{padding:0; margin:0; width:100%; position: inherit;}
#eventDetails .detail_banner .event_desc .rightside{width:100%; position: relative; border-top:1px solid rgba(255, 255, 255, 0.1);}
#eventDetails .detail_banner .event_desc .rightside .dates{font-size:13px; margin:5px 0; padding:5px 20px; width:50%; float:left;  border-left:1px solid rgba(255, 255, 255, 0.1);}
#eventDetails .detail_banner .event_desc .rightside .dates:first-child{text-align:right; border:none;}
#eventDetails .detail_banner .event_desc .rightside .venue{font-size:14px; text-align: center; padding:5px 0;}
#eventDetails .detail_banner .event_desc .rightside hr{margin:5px 0;}

#eventDetails .detail_banner .event_desc ul.sharing{position:relative; margin: 10px auto; left: 0;}
#eventDetails a.btn_register{font-size: 13px; margin: 20px auto -25px; padding: 15px 50px; position: relative; width: auto; z-index: 1;}
#eventDetails .details {margin: 0 15px; padding: 60px 0;}
#eventDetails .details p {font-size: 16px; line-height: 24px;}



#eventDetails .detail_banner .event_desc .event_img{background:none; height:100%; left:0; padding:0; position:absolute; top:0; width:100%; z-index:0;}
#eventDetails .detail_banner .event_desc .event_img img {height: 100%; opacity: 0.2; width: 100%;}

.contribution-list{padding:30px 0;}
.contribution-list p{font-size:14px;}

.contributor_pic{height: 80px; width: 80px; border:3px solid #ffffff; margin: 0 10px 0 0;}
.contributor_pic img {height: 100%; max-height: 80px; max-width: 80px; min-height: 80px; min-width: 80px; width: 100%;}

.contributors_details{margin-top: -60px; margin-bottom: 20px;}
.contributor_table{width:70%;}
.contributor_table .contributor{font-size: 11px; padding: 2px 5px;}
.contributor_table .contributor_name{font-size: 15px; line-height:20px; padding: 3px 0;}
.contributor_table .contributor_name span{font-size: 13px; line-height:normal;}
.contributor_table .contributor_desc{font-size:12px;}

#articles .head a.seeAllLink{font-size: 11px; line-height: normal; margin-right: -5px; margin-top: 20px; text-transform: uppercase; z-index: 1; position:relative;}



.article_detail .details blockquote p {
    font-size: 14px;
    line-height: 24px;
	margin:0;
	padding:0;
}

.article_detail .details blockquote{
	float:none;
	margin:0 0 30px;
	padding:0;
	display:block;
	position: relative;
	width:auto;
}

.article_detail .details blockquote:before {
    color: #999;
    content: "\201c";
    font-family: Georgia,serif;
    font-size: 34px;
    font-weight: bold;
    left: -15px;
    position: absolute;
    top: 0;
}

.article_detail .details blockquote p:after {
    content: "\201d";
    bottom: -10px;
    color: #999;
    content: "”";
    font-family: Georgia,serif;
    font-size: 34px;
    font-weight: bold;
    position: absolute;
}



}



@media (max-width: 767px) and (orientation:landscape) {	
	#header .logo {background-size:cover; height:40px; left: 50%; margin: 15px 0 15px -100px; position: absolute; top: 0; width:200px;}
	#writeStory{height:140px; background-position:55% top;}
	.article_control a.prev_arrow{left:10%;}
	.article_control a.next_arrow{right:10%;}
	.follows .follow img {height: auto; width: 31px;}
}