* { -webkit-font-smoothing: antialiased; -webkit-appearance: none; text-shadow: none !important; }
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1200px) {
a.donate { padding: 8px 11px; }
.header-menu { margin-left: 10px; }
ul.social-icon li a { font-size: 16px; }
.enumenu_ul > li { margin-right: 17px; }
ul.social-icon { margin-left: 10px; }
.custome-dots { width: 50%; }
.banner-img { max-width: 50%; }
.banner-text { max-width: 100%; }
.trending-on-eureka-title { margin-right: 1.2%; }
/*.searchbox {  right: 75px; top: 30px; }*/
.enumenu_ul > li.has-children:after { right: -13px; }
}

@media (max-width:1020px) {
.enumenu_ul > li { margin-right: 8px; }
}


/*------------tablet portrait  view------*/
@media (max-width:1040px) {
.latest-blog ul li { margin-right: 2%; }
ul.social-icon { display: none; }
/*.search-box { display: none; }*/
a.donate { display: none; }
.header-menu { margin-left: 0; width: 100%; }
.menu-icon { padding: 0; }
.enumenu_ul > li.has-children:after { display: none; }
.enumenu_ul li a { font-size: 18px; }
#header-main { text-align: left; padding: 30px 0 0 0; position: relative; }
.header-rt { float: none; width: 100%; margin: 0 0 10px 0; position: inherit; }
.footer-blog-subscribe a.btn-custom { padding: 9px 15px; }
.enumenu_ul > li ul { padding-bottom: 0; }
/*.search-header { display: none; }*/
.searchbox {  right: 95px; top: 25px; }
.custome-dots ul li.active { background: #f0f0f0; }
ul.enumenu_ul.menu.mob { padding-bottom: 0 !important; }
.enumenu_ul ul li { border-bottom: 1px solid rgba(0,0,0,0.2); }
}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
ol { -webkit-padding-start: 24px; }
.wrap { display: block; }
h2 { font-size: 33px; }
/*	h3 {font-size: 23px;}*/
h4 { font-size: 20px; }
p { font-size: 19px; }
.banner-text span { font-size: 8px; }
.banner-text h1 { max-width: 100%; font-size: 34px; }
.banner-text a.btn-custom { font-size: 11px; }
.content-wrap span { font-size: 15px; }
.content-wrap p { font-size: 17px; margin: 0 0 6px; }
a.featured { font-size: 17px; }
.name ul li:after { top: 0px; height: 19px }
.title-international span { font-size: 16px; padding: 4px 12px; }
.title-economics span { font-size: 16px; padding: 4px 12px; }
.title-education span { font-size: 16px; padding: 4px 12px; }
.trending-on-eureka-title span { font-size: 12px; }
.title-australia span { font-size: 12px; }
.week-in-politics h3 { font-size: 19px; }
.week-Donate { margin: 40px 0; }
a.btn-custom { font-size: 17px; padding: 10px 19px; }
.trending-on-eureka-title ol li em { font-size: 19px; }
.trending-on-eureka-title ol li { font-size: 15px; }
.enumenu_ul > li { margin-right: 0px; }
.banner { margin-bottom: 0; }
.banner-text { max-width: 70%; margin: 0 auto; }
.slider-number { margin-right: 0; }
.slider-number h6 { margin-bottom: 0; }
.featured-writers-slider { margin-top: 27px; }
.featured-writers .main-title { margin-bottom: 0; }
.custome-dots ul li.active:after { position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 20px solid #efefef; border-right: 15px solid transparent; left: 40%; top: -59%; content: ""; z-index: 9999; }
 .custome-dots ul li:after.active {
display: none;
}
ul.social-icon { display: none; }
.search-box { display: none; }
a.donate { display: none; }
.banner-img { max-width: 100%; height: 453px; }
.custome-dots ul li { padding: 15px 0; background: none; }
.custome-dots ul li { display: inline-block; border-bottom: none; width: 19.5%; text-align: center; padding: 15px 0; background: none; }
.content { height: 100%; margin-top: 0; }
.custome-dots { position: inherit; width: 100%; margin-top: 16px; }
.custome-dots ul { border-bottom: 2px solid #efefef; border-top: 2px solid #efefef; }
.slider-content { display: none; }
.latest-articles { margin-bottom: 30px; }
.latest-articles .main-title { margin-top: 25px; }
.latest-blog ul li { width: 100%; margin-right: 0; margin-bottom: 25px; }
.latest-blog ul li figcaption { border-bottom: 1px solid #eaeaea; padding-bottom: 41px; }
.latest-blog ul li .name ul li { margin-bottom: 0; width: auto; margin-right: 8px; }
.panorama-banner { display: none; }
.latest-blog p { margin-bottom: 18px; }
.name ul li { font-size: 19px; }
.name ul { margin-bottom: 6px; }
.name span { font-size: 19px; }
.week-in-politics { width: 100%; margin-bottom: 48px; }
.Donate { width: 100%; }
.Donate figure img { width: 100%; }
.trending-on-eureka-title { width: 100%; margin-right: 0; }
.footer-blog { width: 49%; }
.footer-social-icon { display: block; width: 100%; margin-bottom: 15px; }
.copy-right { display: block; float: none; width: 100%; }
.journey-throughlent figure { float: none; margin-bottom: 20px; }
.journey-throughlent figure img { width: 100%; }
.similar-articles-lft { width: 100%; margin-bottom: 25px; }
.similar-articles-rt { width: 100%; }
.similar-articles .main { padding: 0; }
.economics-content h1 { font-size: 36px; }
/*	.economics-blog p {font-size: 16px;}*/
.Deconstructing-img span { font-size: 20px; }
.Deconstructing-img img { margin-bottom: 20px; }
.footer-blog-res { display: block; margin-bottom: 38px; width: 48%; }
.footer-blog-subscribe { display: none; }
.footer-blog-res a.btn-custom:hover { background: #404040; color: #fff; border: 1px solid #404040; }
.pagination { margin-top: 25px; }
.pagination p { margin-bottom: 0; }
a.envelope { display: block; }
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
/*	h2 {font-size: 26px;}*/
.economics-content h1 { font-size: 28px; }
.banner-text { max-width: 80%; bottom: 105px; }
.david-james-lft { width: 100%; margin-bottom: 25px; }
.david-james-rt { width: 100%; }
.home { margin: 0 0 10px 0; }
.custome-dots ul li { width: 19.3%; }
.custome-dots ul li.active:after { left: 35%; }
.pagination { margin-top: 30px; }
.pagination ul li { margin-left: 5px; }
.journey-throughlent { margin-bottom: 0; }
}
/*----------optional css------*/
@media (max-width:480px) {
h2 { font-size: 26px; }
p { font-size: 16px; }
.main { padding: 0 15px; }
h4 { font-size: 14px; }
a.header-logo img { width: 200px; }
.menu-icon .menu-box { top: 33px; }
.banner-text { max-width: 100%; bottom: 60px; }
.economics-social-icon { float: none; width: 100%; display: inline-block; margin: 0 0 10px 0; }
.economics-content .name { margin-bottom: 8px; }
.banner-text h1 { font-size: 28px; }
.custome-dots ul li { width: 18.9%; }
.custome-dots ul li.active:after { left: 25%; }
.pagination span { font-size: 11px; }
.pagination ul li { margin-left: 0; }
.pagination ul li a { font-size: 10px; }
.footer-blog-res { width: 68%; }
.footer-blog { width: 45%; }
.content-wrap { width: 58%; }
.home p { font-size: 15px; }
.menu-icon .menu-box { right: -10px; }
ol { margin: 12px 0; text-align: -webkit-match-parent; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 25px; }
.footer-blog ul li a { font-size: 16px; }
.footer-blog { width: 100%; }
.copy-right p { font-size: 16px; }
.name ul li { font-size: 15px; }
.name ul li:after { top: -3px; }
.name span { font-size: 15px; }
.trending-on-eureka-title ol li em { font-size: 15px; }
.content-wrap p { font-size: 16px; }
a.featured { font-size: 16px; }
.content-wrap span { font-size: 16px; }
.journey-throughlent strong { font-size: 16px; }
}
 @media screen and (min-width:480px) and (max-width:540px) {
.main { padding: 0 45px; }
.menu-icon .menu-box { right: 20px; }
.banner-text h1 { font-size: 32px; }
.banner-text { bottom: 60px; }
.img-wrap { width: 30%; }
.img-wrap img { width: 100%; }
.footer-blog ul li a { font-size: 20px; }
.copy-right p { font-size: 15px; }
.footer-social-icon ul li a { font-size: 22px; }
.footer-blog-res a.btn-custom { font-size: 16px; padding: 9px; }
}
/*---------use only when design is customise-----------*/
@media screen and (min-width:767px) and (max-width:990px) {
.economics-content h1 { font-size: 44px; }
.footer-blog a.btn-custom { padding: 8px 12px; }
.content-wrap { width: 53%; }
}
