@media screen and (min-width:240px) and (max-width:1024px) {
body { -webkit-text-size-adjust: none; }
input, textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type="radio"] { appearance: radio; -moz-appearance: radio; -webkit-appearance: radio; }
input[type="checkbox"] { appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; }
.subscription-box-heading1, .subscription-box-heading2, .subscription-box-heading3, .subscription-box-heading4, .subscription-select1 a, .subscription-select2 a, .subscription-select3 a, .subscription-select4 a { font-family: Arial, Helvetica, sans-serif; }
}
 @media screen and (min-width:1024px) and (max-width:1270px) {
.banner-caption h1 { font-size: 60px; }
.banner-caption h1 span { font-size: 80px; }
.carousel-caption { top: 25%; }
.howexplore-l { width: 60%; float: left; padding-top: 50px; }
.howexplore-r { width: 35%; float: right; }
.howexplore-r img { width: 100%; }
.navbar-nav > li > a { padding: 0 8px; }
.subscription-main { margin-right: 5px; width: 24.6%; }
.subscription-details { font-size: 60px; padding-top: 64px; }
.item, .active, .carousel-inner { height: 680px; }
#footer { height: 400px; }
.page-main-bg { width: 470px; }
.changepass { width: 55%; }
.navbar-brand { width: 250px; }
img.logo { width: 100%; }
.youlife-list, .yourlife-instead { width: 33%; float: left; }
.youlife-list ul li { font-size: 20px; }
.life-adventure-cont{ font-size:18px;}
/*new css added 12-15-2015*/
.left-contact{ width:60%;}
.right-contact{ width:38%;}
.plan-list ul li{white-space: inherit;}

/* New Added CSS on 09/05/2016 */
.about-r-area h3 { padding: 0 50px; }
ul.about-r-list li { padding: 0 50px; }
}
 @media screen and (min-width:768px) and (max-width:1023px) {
.banner-caption h1 { font-size: 40px; margin-bottom: 40px; }
.banner-caption h1 span { font-size: 55px; }
.howexplore-l h2 { font-size: 35px; margin-bottom: 20px; }
.howexplore-l { width: 60%; float: left; padding-top: 0; }
.howexplore-r { width: 35%; float: right; }
.howexplore-r img { width: 100%; }
.subscription-details { font-size: 60px; padding-top: 54px; }
.item, .active, .carousel-inner { height: 550px; }
.howexplore-l p { font-size: 16px; line-height: 26px; margin-bottom: 25px; }
a.gray-btn, a.orange-btn { min-width: 200px; font-size: 20px; margin-right: 10px; height: 50px; line-height: 46px; }
.navbar-header { width: 145px; }
.navbar-nav > li > a { padding: 0 6px; font-size: 13px; }
img.logo { width: 100%; margin-top: 32px; }
a.nav-button { min-width: inherit; }
.carousel-caption { top: 24%; }
.yourlife-section p { font-size: 17px; line-height: 30px; margin-bottom: 30px; }
a.gray-small-btn { font-size: 20px; height: 50px; line-height: 46px; }
h2.page-heading { margin-bottom: 30px; font-size: 35px; }
h2.page-heading::after { margin-top: 15px; }
.subscription-section h3 { font-size: 25px; margin-bottom: 20px; }
.subscription-main { width: 44%; margin: 15px 3% !important; }
#footer { height: 300px; }
.page-main-bg { width: 470px; }
.manageprofile-l { float: none; width: auto; margin-bottom: 10px; }
.manageprofile-r { float: none; width: auto; }
.yourlife-instead { padding: 0; text-align: center; margin: 30px 0; font-size: 30px; }
.youlife-list ul li { font-size: 17px; }
.life-adventure-cont{ font-size:18px;}

/*new css added 18-11-2015*/
.plan-include {padding-bottom:50px;}
.plan-list ul li {font-size:14px; white-space: inherit;}
.testi-hd {font-size:17px;}
.featured-logos ul li {margin-right:2%;}
.featured-logos span {width:100px;}
.join-journo-section h1 {font-size:32px;}
/*new css added 12-15-2015*/
.left-contact{ width:60%; min-height: 506px;}
.right-contact{ /* width:38%; */ width: 28%; }

/* New Added CSS on 09/05/2016 */
.about-r-area h3 { padding: 0px; font-size: 19pt; }
ul.about-r-list li { padding: 0px; }
.about-l-area h3 { font-size: 25pt; }
.team-name { font-size: 16px; }
}
 @media screen and (min-width:240px) and (max-width:767px) {
.navbar { min-height: inherit; }
.banner-caption h1 { font-size: 22px; margin-bottom: 20px; }
.banner-caption h1 span { font-size: 25px; }
#mid-wrapper { padding-top: 50px; }
.banner-icons { padding-top: 24px; }
.howexplore-l h2 { font-size: 27px; margin-bottom: 10px; }
.howexplore-l { display: block; padding-top: 0; text-align: center; margin-bottom: 20px; }
.howexplore-r { display: block; text-align: center; }
.section, .section-colored { padding: 50px 0; }
.subscription-details { font-size: 60px; }
.item, .active, .carousel-inner { height: 250px; }
.howexplore-l p { font-size: 15px; line-height: 22px; margin-bottom: 15px; }
a.gray-btn, a.orange-btn { min-width: 130px; font-size: 20px; margin: 0 5px; height: 40px; line-height: 36px; padding: 0 10px; font-size: 17px; }
img.logo { width: 70%; margin-top: 10px; max-width:145px; }
a.nav-button { min-width: inherit; margin-right: 0; }
.carousel-caption { top: 0; }
.yourlife-section { text-align: center; }
.yourlife-section p { font-size: 15px; line-height: 22px; margin-bottom: 20px; }
a.gray-small-btn { font-size: 20px; height: 50px; line-height: 46px; min-width: 130px; margin: 0 5px; font-size: 17px; height: 40px; line-height: 36px; }
h2.page-heading { margin-bottom: 20px; font-size: 27px; }
h2.page-heading::after { margin-top: 15px; }
.subscription-section h3 { font-size: 25px; margin-bottom: 20px; }
#footer { height: 300px; }
.navbar-inverse .navbar-toggle { border-color: #ef4729; }
.navbar-inverse .navbar-toggle .icon-bar { color: #ef4729; background: #ef4729; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #fff !important; /*background: #000;*/ }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #e4e4e4; }
ul.topright { padding-top: 0; }
.navbar-nav { margin-top: 0; margin-bottom: 0; }
.navbar-nav > li { background-image: none; border-bottom: 1px solid #e4e4e4; }
.navbar-nav > li:last-child { border-bottom: none; }
.nav-button { margin: 10px 20px; }
a.banner-button1 { min-width: inherit; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px; }
a.banner-button2 { min-width: inherit; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 5px; }
.yourlife-section h3 { margin-bottom: 10px; font-size: 20px; }
.subscription-section h3 { width: auto; font-size: 18px; }
.subscription-main { width: auto; float: none !important; margin-right: 0; margin: 10px 0 35px;}
.container > .navbar-header, .container > .navbar-collapse { margin: 0; }
.navbar-brand { padding: 0; }
.innerpage-cnt { padding-top: 0; }
.page-main-bg { padding: 15px; }
.dashboard-main { text-align: center; }
h4.page-heading { font-size: 25px; }
h5.page-heading { font-size: 18px; margin-bottom: 10px; text-align: center; }
.pakg-info { font-size: 16px; }
.pakg-btn a { min-width: 130px; margin: 5px; }
.manageprofile-l { float: none; width: auto; }
.manageprofile-r { float: none; width: auto; }
.manageprofile-l label, .manageprofile-r label, .manageprofile-l .singlerow, .manageprofile-r .singlerow { text-align: left; }
.yourlife-instead { padding: 0; text-align: center; margin: 30px 0; font-size: 23px; }
.youlife-list ul li { font-size: 15px; background: none; padding: 0; }
.bott-block1 { margin-bottom: 30px; text-align: center; }
.bott-block2 { text-align: center; }
ul.footerlink { overflow: hidden; }
ul.footerlink li { width: 50%; float: left; }

/*new css added 18-11-2015*/
#price h2.page-heading {margin-bottom:30px;}
.most-popu-img {position:relative; top:0;}
.plan-list ul li {float:none; display:block; text-align:left; padding-right:0px;}
.plan-list br{display:none;}
.client-testi-img {text-align:center;}
.testi-hd {font-size:15px; text-align:center;}
.featured-logos {margin-top:0px;}
.featured-logos span {display:inline-block; text-align:center; margin:10px 0; width:100%;}
.featured-logos ul{width:100%; float:left; text-align:center;}
.featured-logos ul li {margin:0 2% 15px 0;}
.lifes-advent {margin-top:0px; padding:30px 0;}
.join-journo-section h1 {font-size:24px; margin-bottom:15px;}
ul.faq-inner li {width:100%; padding-right:0px;}
.plan-list ul li { white-space:inherit; }
.plan-list ul li span { margin-bottom: 5px; margin-top: 9px; display: block; float: left; }
/*new css added 12-15-2015*/
.left-contact{ width:100%;}
.right-contact{ width:100%;}
.features-new-padding .testi-slider .carousel-indicators{ bottom:-24px;}
.share-im-in-main #headernav{/*top: 46px;*/ z-index:1000; /*position:absolute;*/ position:relative; top: -55px;}
.howexplore-l2 .pricing-txt{ text-align:center;}
.file-button{ width:189px;}
.about-picking-test{width: 97%;}
.about-picking-test .orange-btn{min-width:298px;}
/*.auth-title{background-position: 50% !important;}*/
/* Promocode Page CSS*/
.promo-code-box { width: 100%; }
.flexcroll { width: auto !important; height: 350px !important;  }
.credit-detail-box1 { width: auto; float: none; margin-bottom: 10px; }
.credit-detail-box1 select { width: 100%; }
.credit-detail-box3 { float: left;  width: auto; }
.credit-detail-box3 input[type="text"] { margin-right: 10px;  }
.promocode { width: 152px;  }
.promocode input[type="text"] { width: 94%;  }
.promo-apply-btn { margin-left: 10px;  }
.promo-apply-btn input { padding: 0 15px;  }
.freefund-promo input[type="text"], .freefund-promo input[type="password"] { width: 54%; }
/*body { overflow: hidden !important;  }*/

/* New Added CSS on 09/05/2016 */
.about-r-area h3 { padding: 0px; font-size: 19pt; }
ul.about-r-list li { padding: 0px; }
.about-l-area { text-align: center; }
.about-l-area h3 { font-size: 22pt; }
.team-name { font-size: 16px; }
.about-r-area { padding-top: 0; }
/* New Added CSS on ---12-9---2016---*/
.security-rt{ width:100%;}
.jointhe-team p br{ display:none;}
.journo-securitylt li { text-align: left; }
}
 @media screen and (min-width:240px) and (max-width:400px) {
.howexplore-r img { width: 100%; }
.signup-l { width: auto; float: none; margin-bottom: 10px; }
.signup-l .common-btn { width: 202px; display: block; margin: auto; }
.signup-r { width: auto; float: none; text-align: center; }
.manageprofile-l label, .manageprofile-r label, .manageprofile-l .singlerow, .manageprofile-r .singlerow { display: block; float: none; width: auto; line-height: normal; margin-bottom: 5px; }
.navbar-inverse .navbar-brand{ float:left; width:79%;}
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
.st_facebook_large { background-image: url(../images/social-icon1@2x.png); background-size: 50px 50px; } 
.st_twitter_large { background-image: url(../images/social-icon2@2x.png); background-size: 50px 50px; } 
.st_pinterest_large { background-image: url(../images/social-icon3@2x.png); background-size: 50px 50px; } 
.st_googleplus_large { background-image: url(../images/social-icon4@2x.png); background-size: 50px 50px; } 
.st_tumblr_large { background-image: url(../images/social-icon5@2x.png); background-size: 50px 50px; } 
.st_instagram_large { background-image: url(../images/social-icon6@2x.png); background-size: 50px 50px; } 
.st_linkedin_large { background-image: url(../images/social-icon7@2x.png); background-size: 50px 50px; } 
.st_sharethis_large { background-image: url(../images/social-icon8@2x.png); background-size: 50px 50px; } 
.apple-icon { background: url(../images/apple@2x.png) no-repeat !important; background-size: 28px 34px !important;  }
.android-icon { background: url(../images/android@2x.png) no-repeat !important; background-size: 30px 34px !important; }
.windows-icon { background: url(../images/windows@2x.png) no-repeat !important; background-size: 34px 34px !important; }
.instagram-icon { background: url(../images/instagram@2x.png) no-repeat !important; background-size: 32px 32px !important; }
.twitter-icon { background: url(../images/twitter@2x.png) no-repeat !important; background-size: 32px 32px !important; }
.facebook-icon { background: url(../images/facebook@2x.png) no-repeat !important; background-size: 32px 32px !important; }

}