/*
Theme Name: Gurbaksh Chahal
Theme URI: http://netsolutionsindia.com
Author: Davinder Singh
Author URI: http://netsolutionsindia.com
Description: Simply blog
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: gurbaksh

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@charset "utf-8";
/******** font-face CSS *********/
@font-face{font-family:'robotobold'; src:url('fonts/roboto-bold-webfont.eot'); src:url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype'), url('fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'robotolight'; src:url('fonts/roboto-light-webfont.eot'); src:url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'robotoregular'; src:url('fonts/roboto-regular-webfont.eot'); src:url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'robotoitalic'; src:url('fonts/roboto-italic-webfont.eot'); src:url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-italic-webfont.woff') format('woff'), url('fonts/roboto-italic-webfont.ttf') format('truetype'), url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); font-weight:normal; font-style:normal;}
.wrapper{width:1239px; margin:0 auto;}
@font-face{font-family:'robotomedium'; src:url('fonts/roboto-medium-webfont.eot'); src:url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium-webfont.woff') format('woff'), url('fonts/roboto-medium-webfont.ttf') format('truetype'), url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'sylfaenregular'; src:url('fonts/sylfaen-webfont.eot'); src:url('fonts/sylfaen-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sylfaen-webfont.woff') format('woff'), url('fonts/sylfaen-webfont.ttf') format('truetype'), url('fonts/sylfaen-webfont.svg#sylfaenregular') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'robotothin'; src:url('fonts/roboto-thin-webfont.eot'); src:url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-thin-webfont.woff') format('woff'), url('fonts/roboto-thin-webfont.ttf') format('truetype'), url('fonts/roboto-thin-webfont.svg#robotothin') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family:'sanchez_regularregular'; src:url('fonts/sanchezregular-webfont.eot'); src:url('fonts/sanchezregular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sanchezregular-webfont.woff') format('woff'), url('fonts/sanchezregular-webfont.ttf') format('truetype'), url('fonts/sanchezregular-webfont.svg#sanchez_regularregular') format('svg'); font-weight:normal; font-style:normal;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}

html, html a {
    -webkit-font-smoothing: antialiased !important;
}

a:hover {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

/*-------------------Header Section----------------*/
header{float:left; width:100%; background:url(images/home-banner-img.jpg) no-repeat center top; min-height:759px;}
header.detailHeader{float:left; width:100%; background:url(images/home-banner-img.jpg) no-repeat center top; min-height:759px;}
header.contactHeader{float:left; width:100%; /*min-height:100%; background:none;*/}
header .headerBar{float:left; width:100%; height:47px; background:url(images/header-bar-bg.png) repeat left top;}
h1{float:left; width:198px; margin:0 37px 0 12px;}
h1 a{float:left; width:100%; height:191px; background:url(images/logo.jpg) no-repeat left top; text-indent:-999999px; font-family:'robotoregular';}
nav{float:left; /*width:260px;*/ margin:19px 0 0;}
nav ul{float:left; width:100%;}
nav li{float:left; width:auto; margin-right:28px;}
nav li:last-child{margin-right:0;}
nav a{float:left; width:100%; color:#f2f2f2; font-size:14px; text-transform:uppercase; font-weight:bold;}
nav a:hover { color: #157db2; }
.headerShare{float:right; width:310px; border-left:1px solid #1f1f1f; padding:5px 0 5px 20px; margin:10px 0 0;}
.headerShare .fbShare{float:left; width:90px; margin-right:10px;}
.headerShare .twitter-share-button{float:left; width:100px !important;}
header article{float:left; width:659px; margin:207px 0 115px; padding:36px 30px 42px 35px; background:url(images/header-text-bg.png) repeat left top;}
header article h2{font-size:86px; color:#fff; float:left; width:100%; margin:0 0 15px; font-family:'robotobold'; line-height:69px;}
header article h3{font-size:25px; color:#fff; float:left; width:100%; margin:0 0 17px; font-family:'robotobold'; line-height:21px; text-transform:uppercase;}
header article p{font-size:16px; color:#fff; float:left; width:100%; font-family:'robotoregular'; line-height:20px;}
p.titleTxt{ font-size:20px; margin:18px 0 0; font-weight:bold; }

/*-------------------Content Section----------------*/
.contentSection{float:left; width:100%; margin:-170px 0 0;}
.contentSection.marginTop{margin-top:15px;}
/*.contentSection.contactCol{margin:165px 0 0;}
.contentSection.aboutCol{margin:165px 0 0;}
*/
.contentSectionInner{background:#fff; width:1239px; margin:0 auto; position:relative;}
.contentGrid{float:left; width:91%; padding:20px 56px; background:#fff; position:relative;}
.contentGrid.heightContent{min-height:630px;}
.contentSection.contactCol h2, .contentSection.aboutCol h2{float:left; width:auto; color:#157db2; font-size:70px; margin:0; font-family:'robotobold'; line-height:70px;}
.contentSection.contactCol h2{ margin-bottom:18px;}

.contentSection.contactCol.aboutPage h1{float:left; width:100%; color:#515151; font-size:28px; margin:-8px 0 15px; font-family:'sanchez_regularregular'; line-height:33px; height:auto;}
.contentSection.contactCol.aboutPage h2{float:left; width:100%; color:#515151; font-size:22px; margin:-8px 0 15px; font-family:'sanchez_regularregular'; line-height:26px; }

.contentGrid h3, .contentGrid h3 a{float:left; width:100%; color:#515151; font-size:30px; margin:-5px 0 15px; font-family:'sanchez_regularregular'; line-height:33px; }
.contentGrid h3:hover, .contentGrid h3 a:hover {color:#157db2 !important; -webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.contentGrid h2, .contentGrid h2 a{float:left; width:100%; color:#515151; font-size:40px; margin:-5px 0 15px; font-family:'sanchez_regularregular'; line-height:48px; font-weight:bold; }

.contentGrid h3 a{ text-decoration:underline;}
.contentGrid h4{float:left; width:100%; color:#2e2e2e; font-size:38px; margin:0 0 17px; font-family:'robotothin'; text-transform:uppercase;}
.contentGrid h5{float:left; width:100%; color:#434343; font-size:25px; margin:0 0 25px; font-family:'sylfaenregular';}
.contentGrid p{color:#2b2b2c; font-size:17px; float:left; width:100%; margin:0 0 20px; font-family:'robotolight'; line-height:24px;}
.contentGrid p:last-child{margin:0;}
.contentGrid .leftCol{float:left; width:670px;}
.contentGrid .leftCol figure{float:left; width:100%;}
.contentGrid .rightCol{float:left; width:385px;}
.contentGrid .rightCol.marginLeft{margin-left:72px;}
.contentGrid .rightCol.marginRight{margin-right:72px;}
.contentGrid .rightCol p{float:left; width:100%; color:#2b2b2c; font-size:17px; font-family:'robotolight'; margin:20px 0 0; line-height:25px;}
.contentGrid .postShareCol{float:left; width:100%; margin:0px 0 0;}
.contentGrid .readMoreBtn{float: left;width: auto; margin-bottom:10px; background: #157db2;color: #fff;font-size: 12px;text-transform: uppercase;font-family: 'robotomedium';padding: 12px 10px;margin-right: 9px;margin-top: 10px;}
.contentGrid .readMoreBtn:hover { background: #1a1a1a; }
.contentGrid .postShareImg{float:left; margin:5px 0 0;}
.contentGrid .postBgImg{position:absolute; left:0px; top:0; width:100%;}
.contentGrid .postOverlay{position:relative; z-index:9; background:#fff; padding:10px 30px 30px; width:315px;}
.postComment{width:100%; float:left;}
.contentGrid .leftCol.fullWidth{ width:100%;}
.contentGrid.first, .contentGrid.paginationGrid{ padding:45px 56px 20px;}

.shareBox{ float:right; /*border:1px solid #e8e8e8; border-radius:5px; padding:9px 45px;*/ margin:-25px -35px 8px 0;}
.contentGrid .rightAlign{float:right;}

.postByCol{float:right; margin:27px 0 0; width:90%;}
.postByCol img{float:left; margin-right:24px;}
.postInfo{float:left; width:69%;}
.postInfo span{float:left; width:100%; margin:0 0 10px; font-size:15px; color:#5e5e5e; font-family:'robotoregular';}
.postInfo span a{font-family:'robotoitalic';}
.postInfo span.twitterLink{background:url(images/twitter-icon.jpg) no-repeat left top; padding-left:25px;}
.postInfo span.twitterLink a{color:#048fc0; font-family:'robotoregular';}

.popularPostGrid{float:left; width:100%;}
.popularPostGrid li{float:left; width:219px; margin-right:8px; position:relative;}

.popularPostGrid li:last-child{margin-right:0;}
.popularPostGrid img{float:left;}
.popularPostGrid .postTag{position:absolute; right:9px; top:185px; background:#157db2; float:left; color:#fff; font-size:14px; font-family:'robotoregular'; text-transform:uppercase; padding:8px 5px;}
.popularPostGrid .frameBorder{position:absolute; left:0; top:0; width:91%; border:10px solid #333333; height:63%; text-indent:-999999px; float:left; display:none; transition:all 0.2s ease-out 0s;}

.popularPostGrid .greyBox{float:left; width:84%; padding:15px 15px 20px 20px; background:#e5e5e5; transition:all 0.2s ease-out 0s; min-height:85px;}
.popularPostGrid .dateText{float:left; width:100%; font-size:15px; color:#909090; font-family:'sylfaenregular'; margin:0 0 10px;}
.popularPostGrid p{color:#474747; font-size:19px; line-height:20px; font-family:'sylfaenregular';}

.postShareBox{/*float:left; width:100%; text-align:right; position:absolute; top:15px; right:15px; */z-index: 999;
float: right;
margin: 10px 1px;}
.postShareBox a{float:left; margin:0 4px 0 0;}
.contentSection.contactCol .postShareBox, .contentSection.aboutCol .postShareBox{/*width:auto; float:right; margin:40px 0 0;*/ position:absolute; top:5px; right:20px; }

/* .contentSection.contactCol .contentGrid:nth-child(2){} */
.contactForm{float:left; width:74%; background:#e8e8e8; padding:60px 145px;}
.contactForm fieldset{float:left; width:48%; margin:0 0 30px;}
.contactForm fieldset:last-child{margin:0;}
.contactForm fieldset:nth-child(2), .contactForm fieldset:nth-child(4){margin-right:25px;}
.contactForm fieldset.fullWidth{width:100%;}
.contactForm label{float:left; width:100%; color:#515151; font-size:22px; font-family:'sylfaenregular'; margin:0 0 12px;}
.contactForm input{float:left; width:97%; background:#fff; border-top:2px solid #d0d0d0; border-left:1px solid #d0d0d0; height:50px; padding:0 10px;}
.contactForm textarea{float:left; width:97%; background:#fff; border-top:2px solid #d0d0d0; border-left:1px solid #d0d0d0; height:90px; padding:10px; resize:vertical; overflow-x:hidden; overflow-y:auto;}
.contactForm input[type="submit"]{float:left; width:auto; background:#da2626; padding:0 40px; text-transform:uppercase; font-size:25px; color:#fff; font-family:'sylfaenregular'; border:0; cursor:pointer;}

.aboutLeftPost{float:left; width:500px; margin-right:50px;}
.aboutCol .contentGrid:first-child{padding-top:40px}
.aboutCol .contentGrid{padding-top:0;}
.aboutLeftPost img, .aboutRightPost img{width:100%; float:left;}
.aboutRightPost{float:left; width:577px;}
.contentGrid .aboutRightPost p, .contentGrid .aboutLeftPost p{color:#515151; font-size:19px; font-family:'sanchez_regularregular'; line-height:35px; margin:20px 0 0;}
.aboutCol p{float:left; width:100%; margin:0 0 40px; color:#515151; font-size:19px; font-family:'sanchez_regularregular'; line-height:30px;}

.contentSection.detailCol{ margin:-170px 0 0;}
.detailCol .postImg{width:100%;}


/*-------------------Footer Section----------------*/
footer{float:left; width:100%; background:#2d2d2d; padding:23px 0; margin:25px 0 0;}
.footerLeftCol{float:left; width:450px;}
.footerLeftCol ul{float:left; width:100%; margin:0 0 7px;}
.footerLeftCol li{float:left; margin-right:15px; color:#b6b6b6; font-size:14px; font-family:'robotoregular';}
.footerLeftCol a{float:left; width:auto; margin-right:10px; color:#b6b6b6; font-size:14px; font-family:'robotoregular';}
.footerLeftCol p{color:#757575; font-size:12px; font-family:'robotoregular';}
.footerShareLinks{float:right; width:285px;}
.footerShareLinks li{float:left; width:auto; margin-right:12px;}
.footerShareLinks li:last-child{margin-right:0;}
.footerShareLinks a{float:left; width:37px; height:38px; background:url(images/footer-share-icons.jpg) no-repeat left top; text-indent:-999999px;}
.footerShareLinks a.twLink{background-position:left top;}
.footerShareLinks a.twLink:hover{background-position:left -44px;}
.footerShareLinks a.fbLink{background-position:-48px top;}
.footerShareLinks a.fbLink:hover{background-position:-48px -44px;}
.footerShareLinks a.gpLink{background-position:-95px top;}
.footerShareLinks a.gpLink:hover{background-position:-95px -44px;}
.footerShareLinks a.instaLink{background-position:-143px top;}
.footerShareLinks a.instaLink:hover{background-position:-144px -44px;}
.footerShareLinks a.inLink{background-position:-190px top;}
.footerShareLinks a.inLink:hover{background-position:-190px -44px;}
.footerShareLinks a.youtube{background-position:-235px top;}
.footerShareLinks a.youtube:hover{background-position:-236px -44px;}

.twitter_feeds{floaT:left; width:550px; margin-right:20px;}
.twitter_feeds h3{margin:0;}
.facebook_comments{float:left; width:550px;}
.facebook_comments h3{margin:0;}
.facebook_comments .fbf_facebook_page_widget li{float:left; width:100%; padding:0 0 10px; margin:10px 0 0;}
.facebook_comments .fbf_facebook_page_widget h4{margin:0 0 10px;}
.facebook_comments .facebook_page-timestamp{padding:5px 0 0; float:left;}
.contactForm fieldset:nth-child(2), .contactForm fieldset:nth-child(4){margin-right:25px;}

.pagination{ /*padding:0 0 20px 56px; width:auto;*/ margin:10px 0 40px 20px; width:auto; float:right; background:url(images/button-bg.png) left top repeat-x; min-height:46px; border:1px solid #dfdfdf; box-shadow:0 0 4px 0 #dfdfdf; -moz-box-shadow:0 0 4px 0 #dfdfdf; -webkit-box-shadow:0 0 4px 0 #dfdfdf; }
.pagination.blogPage{ padding:0; width:auto; margin:0 20px 20px 0;}
.blogPage:first-child{ margin:0 56px 20px 0;}
.pagination a{ font-size:22px; color:#157db2; line-height:46px; height:46px; display:inline-block; font-family:'robotomedium';}
a.olderPost{ background:url(images/old-post-arrows.png) 144px 11px no-repeat; padding:0 50px 0 15px; }
a.newpost{background:url(images/new-post-arrows.png) 15px 11px no-repeat; padding:0 15px 0 50px;  /*margin-right:-20px;*/}

a.olderPost:hover{ background:url(images/old-post-arrows.png) 144px -64px no-repeat; color:#6a6a6a;}
a.newpost:hover{ background:url(images/new-post-arrows.png) 15px -64px no-repeat; color:#6a6a6a;}
  
/*a.olderPost{ float:left; background:url(images/older-post-btn.png) left top no-repeat; width:198px; height:54px; text-indent:-99999px;} 
a.newpost{ float:left; background:url(images/newer-post-btn.png) left top no-repeat; width:198px; height:54px; text-indent:-99999px;} */
.paginationOuter{ float:left; width:100%; background:#fff;}


.flexslider h3{margin:0;}
.socialIcons{float:left; background:#e5e5e5; padding:40px 5% 45px; width:70%; }
.socialIcons h4{ float:left; font-size:17px; color:#515151; line-height:22px; font-family:'sanchez_regularregular'; margin-bottom:12px;}
.socialIcons h4 a{ font-size:20px; color:#157db2; text-transform:none; }
.socialIcons ul{ float:left; width:100%;}
.socialIcons li{float:left; width:auto; margin:0 8px 8px 0;}
.socialIcons li:last-child{margin-right:0;}
.socialIcons li a{float:left; width:64px; height:64px; background:url(images/social-icons.png) no-repeat left top; text-indent:-999999px;}
.socialIcons a.facebook{background-position:left top;}
.socialIcons a.twitter{background-position:-73px top;}
.socialIcons a.linkedIn{background-position:-145px top;}
.socialIcons a.youTube{background-position:-218px top;}
.socialIcons a.googlePlus{background-position:-290px top;}
.socialIcons a.rss{background-position:-361px top;}
.socialIcons a.instagram{background-position:right top;}

.innerWrapper{ float:left; width:100%;}
.fbf_desc{ font-size:14px; color:#2B2B2C; line-height:18px; font-family:'robotolight';}
.facebook_comments .facebook_page-timestamp abbr{ color:#2B2B2C; font-family:'robotolight';}
.postDate { font-family: 'robotolight';color: #2B2B2C;}

/*---- Seacrh Box ---*/
.searchBox { float:right; width:200px; margin:15px 10px 0 0; background:#666; border:1px solid #000000; color:#E8E8E8; transition: background-color 0.3s ease-out 0s; }
.searchBox input[type="text"] { color: #B2B4B7; float:left; font-size:14px; line-height:20px; padding:0 10px 1px; width:78%; font-family:'robotomedium';}
.searchBox:hover { background:#555;}
.searchBox .searchBtn { background: url(images/search_btn.png) no-repeat left top; float:right; width:16px; height:16px; margin:2px 5px 0 0; cursor:pointer; }

.categoryTitle { float: left;font-family: robotolight;font-size: 20px;margin: 0;width: 100%;}

.pageList, .catList {float:left; width:200px; margin:0 10% 0 0; }

.pageList h2, .catList h2{ font-size:18px; color:#515151; line-height:20px; margin:0 0 10px;}

.list1{ float:left; width:100%;}
.list1 li{ float:left; width:100%; margin:0 0 10px 0;}
.list1 li a{ font-size:14px; line-height:16px; font-family:'robotolight';}


.leftPostGrid{float:left; width:850px;}
.leftPostGrid .contentGrid{width:87%;}
.postDetailCol{float:left; width:335px; padding-left:24px; padding-right:30px; background:#fff;}
.postDetailCol .search{width:94%; float:left; background:#454545; padding:22px 10px 15px;}
.postDetailCol .search h3{float:left; width:100%; color:#fff; font-size:29px; margin:0 0 5px; border:0;}
.postDetailCol .search p{font-size:16px; color:#b4b4b4; margin:0; float:left; width:100%;}
.postDetailCol .search form{float:left; width:100%;}
.postDetailCol .search label{display:none;}
.postDetailCol .search input{float:left; width:79%; background:#fff; border:0; color:#434343; font-size:15px; padding:0 10px; height:43px;}
.postDetailCol .search input[type="submit"]{color:#fff; font-size:19px; background: url(images/blog-post-btn.png) no-repeat left top; width:155px; height:44px; border:0px; margin:15px 0 0; cursor:pointer;}
.postDetailCol h3{color:#434343; font-size:29px; margin:40px; border-top:1px dashed #c9c9c9; padding-top:21px; float:left; margin:40px 0 20px; width:100%; font-family:'sanchez_regularregular';}
.postDetailCol ul{float:left; width:100%;}
.postDetailCol ul li{float:left; width:100%; border-top:1px dashed #c9c9c9; padding-top:20px; margin:0 0 15px; font-family:'robotolight';}
.postDetailCol ul li:first-child{border-top:0;}
.postDetailCol ul li a{color:#434343; font-size:16px; font-family:'robotolight';}
.postDateCol {font-family:'robotolight'; color:#909090; float:left; width:100%; margin:0 0 5px; font-size:12px;}
.contentTags{float:left; width:100%; margin:20px 0 0;}
.contentTags li{width:auto; float:left;  margin-bottom:10px; margin-right:5px; color:#1e1e1e; font-size:14px; border-radius:4px; -webkit-border-radius:4px; background:#f4f4f4; font-family:'robotolight'; border:1px solid #c0c0c0; padding:5px;}
.postDetailCol .search .blogupdate{float:left; width:100%; background:url(images/blog-email-icon.jpg) no-repeat 95% center #fff; border:1px solid #d5d5d5;}
#mc_signup_submit{color:#fff; font-size:19px; background:url(images/blog-post-btn.png) no-repeat left top; width:155px; height:44px; border:0px; margin:15px 0 0; cursor:pointer;}
#mc_subheader p{font-size:16px; color:#b4b4b4; margin:0 0 10px; float:left; width:100%;}
.mc_form_inside .blogupdate{background:url(images/blog-email-icon.jpg) no-repeat 95% center #fff; border:1px solid #D5D5D5; float:left; width:100%;}
.mc_form_inside .blogupdate input{background:#fff; border:0 none; color:#434343; float:left; font-size:15px; height:43px; padding:0 10px; width:79%;}
.mc_form_inside .mc_error_msg{width:100%; float:left; margin:0 0 5px;font-size:13px;}
.mc_error_msg a {color:#FFFFFF; float:left; margin:5px 0; width:100%;}
.fb-update{float:left; width:100%;}
.facebook_page-avatar{floaT:left; margin:0 5px 0 0;}
.facebookDetailCol{float:left; width:88%; margin:0 0 10px;}
.facebookDetailCol p{float:left; width:100%; font-size:15px; line-height:20px; margin:0 0 5px;}
.postShareBox img{ width:auto !important; }

.alignLink{ float:left; width:320px; position:relative;}
.alignLink .fb_iframe_widget{ width:auto; left:0px; top:0; float:left !important; margin:0 10px 0 0; display:inline-block !important; position:absolute;}
.alignLink .twitter-follow-button{width:auto; float:right !important; margin:0 10px 0 0; display:inline-block !important; position:absolute; left:100px; top:0;}

@media only screen and (min-width : 320px) and (max-width : 767px){

.contentGrid h2, .contentGrid h2 a{float:left; width:100%; color:#515151; font-size:30px; margin:-5px 0 15px; }

	.flexslider{ display:none;}
	.wrapper{width:100%;}
	header, header.detailHeader{background-size:205% auto; background-color:#000; background-position:67% 40px; min-height:550px;}
	h1{ /*width:25%;*/ width:120px; height:110px; position:relative; z-index:999; margin:0 20px 0 10px;}
	h1 a{width:100%; height:100%; background-size:cover;}
	nav{/*width:200px;*/ width:auto;}
	.headerShare{display:none;}
	
	header article{padding:15px 5%; margin:140px 0 0; width:90%;}
	header article h2{font-size:33px; line-height:28px; margin:0 0 10px;}
	header article h3{font-size:18px; line-height:16px; margin:0 0 10px;}
	header article p{font-size:13px;}
	p.titleTxt{ font-size:16px; margin:10px 0 0;}
	
	.contentSection.contactCol.aboutPage h1{ margin:20px 0 15px;}
	/*.contentSection.detailCol{ margin:-368px 0 0;}*/
	/*.contentSection{ margin:80px 0 0;}*/
	.contentSectionInner{width:100%;}
	.contentGrid, .contentGrid.first{padding:20px 15px; width:90.5%;}
	.contentGrid .leftCol, .contentGrid .rightCol{width:100%;}
	.contentGrid .leftCol figure img, .contentGrid .rightCol figure img{width:100%;}
	/*.shareBox{position:absolute; top:15px; padding:9px 10px;}*/
	/*.contentGrid .leftCol:first-child{margin-top:45px;}*/
	.postByCol{width:100%;}
	.postInfo{width:63%;}
	.postInfo span.twitterLink{width:auto;}
	.contentGrid h3{font-size:23px; margin-top:10px;}
	.contentGrid .rightCol.marginLeft{margin-left:0;}
	.contentGrid .postOverlay{width:79%; margin:100px 0 0;}
	.contentGrid.heightContent{min-height:100%;}
	.contentGrid .rightCol p{font-size:15px;}
	
	.popularPostGrid{width:220px; float:none; margin:0 auto;}
	.popularPostGrid li{margin-right:0; margin-bottom:10px;}
	.popularPostGrid .frameBorder{height:64%; width:90.7%;}
	.popularPostGrid img{width:99%;}
	.contentGrid .postBgImg{left:0;}
	

	/*header.detailHeader{background-size:contain; background-color:#fdfdfd; background-position:center 47px; min-height:510px;}*/
	.detailHeader article{width:90.7%; margin:137px 0 0;}
	
	.contentSection.aboutCol{margin:0;}
	.contentSection.contactCol h2, .contentSection.aboutCol h2{font-size:30px; line-height:28px; margin:60px 0 10px;}
	.contentSection.aboutCol .postShareBox{margin:0;}
	.aboutLeftPost, .aboutRightPost{width:100%; margin-right:0;}
	.aboutCol p{font-size:16px; line-height:25px;}
	.contentGrid .aboutRightPost p, .contentGrid .aboutLeftPost p{line-height:25px; font-size:16px;}
	.aboutLeftPost img, .aboutRightPost img{margin-top:15px;}
	
	/*.contentSection.contactCol{margin:0;}*/
	.contentSection.contactCol .postShareBox{margin:0;}
	
	.contactForm{padding:60px 15px; width:90%;}
	.contactForm fieldset{width:100%;}
	.contactForm fieldset:nth-child(1), .contactForm fieldset:nth-child(3){margin-right:0;}
	.contactForm input{width:91%; -webkit-appearance:none;}
	.contactForm textarea{width:92%;}
	.contentSection.contactCol img{width:100%;}
	
	.footerLeftCol{width:98%; padding-left:2%;}
	.footerShareLinks{float:left; width:98%; padding-left:2%; margin:15px 0 0;}
	.footerLeftCol li{margin-right:5px;}
	.footerLeftCol a{margin-right:5px;}
	
	.socialIcons{ width:90%;}
	.twitter_feeds, .facebook_comments{ width:100%; margin:0 0 20px; overflow:hidden;}
	.shareBox{ margin:-10px 0 8px;}
	 .pagination.blogPage{ padding:0; margin:0 13px 20px 0;}
	 a.olderPost{ background:url(images/old-post-arrows.png) 98px 11px no-repeat; padding:0 44px 0 10px; font-size:15px;  }
   	 a.newpost{background:url(images/new-post-arrows.png) 10px 11px no-repeat; padding:0 10px 0 44px; font-size:15px;}
	 
	 a.olderPost:hover{ background:url(images/old-post-arrows.png) 98px -64px no-repeat; }
	 a.newpost:hover{ background:url(images/new-post-arrows.png) 10px -64px no-repeat; }

	 
	 .fb_iframe_widget{ float:left; width:100%; display:block;}
	 .fb_iframe_widget iframe{ width:100% !important; position:relative; }
	 .fb_iframe_widget span{ width:100% !important; }
     /*.fbFeedbackContent{ min-height:100px !important;}*/
	 .ra1-pw-popup.pw-popup-type_simplelist{ width:200px !important; height:200px !important;}
	 .ra1-pw-popup{ min-width:200px !important;}
	 .popularPostGrid .greyBox{ padding:15px 15px 20px 19px;}
	 .searchBox{ display:none;}
	
	  .contentGrid p{word-wrap:break-word;}
	   /*Shubi Start*/ 
	.leftPostGrid{width:100%;}
	.leftPostGrid .contentGrid{width:90.5%;}
	.postDetailCol{width:83%;}
	.postDetailCol .search h3{font-size:27px; padding-top:0;}
	
	.postDetailCol .search input{width:100%;}
	.postDetailCol .search .blogupdate{background-image:none;}
	
	.postDetailCol .search input{width:92%;}
	
	.facebook_page-avatar{margin-right:10px;}
	.facebookDetailCol{width:78%;}
	/*link-align*/
	.contentGrid .fb_iframe_widget{ width:88px !important; }
}
@media only screen and (min-width : 360px) and (max-width : 479px){
	/*h1{width:14%;}*/
	header{ min-height:500px;}
	.contentGrid{width:91.6%;}
	.detailHeader article{margin:136px 0 0; width:91.6%;}
	.contentSection, .contentSection.detailCol{margin:-120px 0 0;}
	.detailHeader article{margin:154px 0 0;}
		/*Shubi Start*/
	.leftPostGrid .contentGrid{width:91.7%;}
	.postDetailCol{width:85%;}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
	/*h1{width:11%;}*/
	header, header.detailHeader{background-size:115% auto;}
	header{ min-height:490px;}
	header article{margin:135px 0 0;}
	.contentSection{margin:-141px 0 0;}
	.contentGrid, .contentGrid.first{width:93.7%;}
	.popularPostGrid{width:100%; margin:0;}
	.popularPostGrid li{width:200px; margin-right:15px; min-height:336px;}
	.popularPostGrid img{width:100%;}
	.popularPostGrid .greyBox{width:83.2%;}
	.popularPostGrid .frameBorder{height:56%;}
	.popularPostGrid .postTag{top:165px;}
	.detailHeader article{margin:206px 0 0; width:93.8%;}
	.contentSection.detailCol{margin:-115px 0 0;}
	/*Shubi Start*/ 
	.leftPostGrid .contentGrid{width:93.7%;}
	.postDetailCol{width:88.7%;}
}
@media only screen and (min-width : 568px) and (max-width : 767px){
	/*h1{position:relative; z-index:9;}
	h1 a{height:60px;}*/
	header, header.detailHeader{background-size:115% auto;}
	header article{width:90%; margin:172px 0 0;}
	.contentSection{margin:-140px 0 0;}
	.contentGrid, .contentGrid.first{width:94.7%;}
	.popularPostGrid li{width:164px; min-height:290px;}
	.popularPostGrid .greyBox{width:79%; min-height:108px;}
	.popularPostGrid .postTag{top:125px;}
	.popularPostGrid .frameBorder{height:52%; width:88.7%;}
	.detailHeader article{margin:244px 0 0; width:94.7%;}
	.contactForm{width:94%;}
	.contentGrid .postOverlay{margin:195px 0 0; width:88%;}
	.contentSection.detailCol{margin:-75px 0 0;}
	/*Shubi Start*/ 
	.leftPostGrid .contentGrid{width:94.2%;}
	.postDetailCol{width:89.6%;}
	
	.facebookDetailCol{width:88%;}
}

@media only screen and (min-width : 600px) and (max-width : 639px){
header article{margin:140px 0 0;}
.socialIcons{ width:94%; padding:40px 3%;}
.contentSection.detailCol{ margin:-140px 0 0;}
}

@media only screen and (min-width : 640px) and (max-width : 767px){
	/*h1{position:relative; z-index:9;}
	h1 a{height:67px;}*/
		/*Shubi Start*/
	header article{margin:135px 0 0; width:90%;}
	/*Shubi End*/
	header.detailHeader{min-height:100%;}
	.contentSection.detailCol{ margin:-145px 0 0;}
	.detailHeader article{margin:275px 0 0; width:95.3%;}
	.contentSection{margin:-145px 0 0;}
	.contentGrid, .contentGrid.first{width:95.4%;}
	.contentGrid .postOverlay{margin:225px 0 0; width:90%;}
	.popularPostGrid li{width:188px;}
	.popularPostGrid .greyBox{width:82%;}
	.popularPostGrid .frameBorder{width:89.7%; height:53%;}
	.popularPostGrid .postTag{top:158px;}
	.footerLeftCol{/*width:370px;*/ width:auto; }
	.footerShareLinks{margin:0; /*width:233px;*/ width:auto; float:right; margin-right:20px;}
	.contactForm{width:95%;}
	/*Shubi Start*/
	.leftPostGrid .contentGrid{width:95.4%;}
	.postDetailCol{width:91.7%;}
	
	.facebookDetailCol{width:90%;}
	.contentGrid .headerShare {
    border-left: none;
    float:left;
    margin: 10px 0 0;
    padding: 5px 0 5px 20px;
    width: 310px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1023px){
	header, header.detailHeader{background-position:60% top; background-size:cover;}
	.wrapper{width:100%;}
	header article{width:425px;}
	header article h2{font-size:55px;}
	nav{width:auto;}
	
.contentGrid h2, .contentGrid h2 a{float:left; width:100%; color:#515151; font-size:30px; margin:-5px 0 15px; }

	.contentSectionInner{width:100%;}
	.contentGrid{ width:94%; padding:15px 23px;}
	.contentGrid.first{width:94%; padding:45px 23px 20px;}
	
	.contentGrid .leftCol{width:47%;}
	.contentGrid .leftCol img{width:100%;}
	.contentGrid .rightCol{width:49%;}
	.contentGrid .rightCol.marginLeft{margin-left:28px;}
	.contentGrid .rightCol.marginRight{margin-right:28px;}
	.contentGrid .rightCol h3{margin-top:0;}
	.contentGrid h3{font-size:22px; margin:0;}
	.contentGrid .rightCol p{font-size:15px;}
	
	.shareBox{padding:9px 15px; margin:-25px 0 8px;}
	.postByCol{width:75%;}
	.postInfo{width:60%;}
	
	.contentGrid .postBgImg{width:99.8%;}
	.contentGrid.heightContent{min-height:354px;}
	.contentSection.contactCol h2, .contentSection.aboutCol h2{font-size:70px;}
	.contentSection.contactCol input, .contentSection.contactCol textarea{-webkit-appearance:none;}
	
	.aboutLeftPost{width:45%; margin-right:20px;}
	.aboutRightPost{width:52%;}
	.aboutCol .contentGrid h3{margin-top:20px;}
	.aboutCol p{font-size:15px; line-height:25px; margin:0 0 20px;}
	.contentGrid .aboutRightPost p, .contentGrid .aboutLeftPost p{line-height:26px; font-size:15px;}
	
	.contactCol .contentGrid h3{margin:20px 0 0;}
	.contactForm{padding:60px; width:83%;}
	.contactForm fieldset{width:47%;}
	.contactCol img{width:100%;}
	
	.popularPostGrid li{ margin:0 5px 20px;/*margin-bottom:20px; margin-left:13px;*/}
	
/*
	.footerLeftCol{ width:400px; margin-left:10px;}
	.footerShareLinks{margin-right:10px;}
	 
*/
	.footerLeftCol{ width:98%; margin:0 0 20px 2%;}
	.footerShareLinks{ width:98%; margin:0 0 20px 2%; }
	
	.headerShare{ width:310px;}
	.headerShare .IN-widget{ float:right; margin-right:5px;}
	.twitter_feeds{ width:45%; margin-right:5%;}
	.facebook_comments{ width:45%; overflow:hidden;}
	.fb_iframe_widget{ float:left; width:100%; display:block;}
	 .fb_iframe_widget iframe{ width:100% !important; position:relative; }
	 .fb_iframe_widget span{ width:100% !important; }
	 
	 header .headerBar{ position:relative;}
	.searchBoxOuter{ float:right; background:url(images/header-bar-bg.png) repeat left top; width:295px; padding:10px; position:absolute; right:0px; top:47px; }
	.searchBox{ width:285px; margin:0;}
	
	.contentGrid p{word-wrap:break-word;}
		/*Shubi Start*/
	.leftPostGrid{width:100%;}
	.postDetailCol{width:93%;}
	.leftPostGrid .contentGrid{width:94%;}
	
	.facebook_page-avatar{margin-right:10px;}
	.facebookDetailCol{width:81%;}
	.headerShare {
    margin-right: 10px;
    width: auto;
}
	/*link-align*/
	.contentGrid .fb_iframe_widget{ width:88px !important; }
}


@media only screen and (min-width : 1024px) and (max-width : 1243px){
	/*nav{width:200px;}*/
	.wrapper{width:1000px;}	
	.contentSectionInner{width:1000px;}
	/*.contentGrid, .contentGrid.first{width:93%; padding:45px 35px 50px;}*/
	.contentGrid{ width:96%; padding:15px 2%;}
	.contentGrid.first{ padding:45px 2% 20px;}
	.contentGrid .leftCol{width:470px;}
	.contentGrid .leftCol figure img{width:100%;}
	.contentGrid .rightCol{width:370px;}
	.contentGrid .rightCol.marginLeft{margin-left:40px;}
	.shareBox{padding:9px 11px;}
	.postByCol{width:65%;}
	.postInfo{width:50%;}
	.popularPostGrid li{width:179px;}
	.popularPostGrid img{width:100%;}
	.popularPostGrid .greyBox{width:81%;}
	.popularPostGrid .postTag{top:145px;}
	.popularPostGrid .frameBorder{width:89.5%; height:58%;}
	.popularPostGrid p{font-size:15px;}
	.contentGrid.heightContent{min-height:492px;}
	
	.aboutLeftPost{width:340px;}
	.aboutRightPost{width:499px;}
	
	.contactForm{width:67%;}
	.contactForm fieldset{width:47%;}
	.contactCol img{width:100%;}
	
	.contentGrid .rightCol h3{margin:0;}
	.contentGrid .aboutRightPost p, .contentGrid .aboutLeftPost p{margin:0; font-size:22px;}
	.footerLeftCol{ width:400px; margin-left:10px;}
	.headerShare{ width:310px;}
	.headerShare .IN-widget{ float:right; margin-right:5px;}
	.twitter_feeds{ width:45%; margin-right:5%;}
	.facebook_comments{ width:45%;}
	.footerLeftCol{ width:98%; padding-left:2%; margin-bottom:20px;}
	.footerShareLinks{ width:98%; padding-left:2%; }
	/*Shubi Start*/
	.leftPostGrid{width:611px;}
	.leftPostGrid .contentGrid{width:96%;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.contentSection{margin:-140px 0 0;}
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
header, header.detailHeader{background-size:cover;}
.popularPostGrid a:hover .greyBox{background:#333333; transition:all 0.2s ease-out 0s;}
.popularPostGrid a:hover .frameBorder{display:block; transition:all 0.2s ease-out 0s;}
.popularPostGrid a:hover p{color:#efefef;}
nav li {    margin-right: 10px;}
nav a {    font-size: 12px;}

}


@media only screen and (min-width :800px){
.popularPostGrid a:hover .greyBox{background:#333333; transition:all 0.2s ease-out 0s;}
.popularPostGrid a:hover .frameBorder{display:block; transition:all 0.2s ease-out 0s;}
.popularPostGrid a:hover p{color:#efefef;}
}

/* ---- Media Query for Samsung Galaxy Tab ----*/ 
/*@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait){*/
@media (max-device-width: 800px) and (orientation: portrait) { 
	.textwidget{ float:left; width:100%;}
/*
	header article{ width:60% !important; padding:30px 5%;}
*/
	.contentGrid.first{ float:left; width:90%; padding:45px 5% 20px;}
	.contentGrid{ float:left; width:90%; padding:15px 5%;}
	
}

/*@media (max-device-width: 1280px) and (orientation: landscape) {
.footerLeftCol{ width:auto;}
.contentGrid.first{ float:left; width:90%; padding:45px 5% 20px;}
.contentGrid{ float:left; width:90%; padding:15px 5%;}
} 
*/
/*@media only screen and (maxin-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
*/	
/*@media (max-device-width : 1024px) and (orientation : landscape) {
.contentGrid{ width:98%; padding:15px 1%;}
.contentGrid .rightCol.marginRight{ margin-right:60px;}
.popularPostGrid li{ margin-right:5px;}

}*/
@media only screen and (min-width : 0px) and (max-width : 767px){
nav li { margin-right:8px; }
nav li  a { font-size:10px; }
header{
    min-height: 590px;
}
}

.btn.btn-counter > img {
    margin: 0 0 0 0;
}
.shareBox #sharethis-popup,.postShareCol  #sharethis-popup,.postShareBox #sharethis-popup{
top: 60px;
left: -270px;
}
#custom ul a {
line-height: 1.4;
}
element.style {
}
#typetenth #facebook .share span {
color: #4364b1;
font: sans-serif;
}
#typetenth .sharrre .share span {
background: #fff;
padding: 3px 5px !important;
font-family: sans-serif;
font-weight: bold;
}
#typetenth .sharrre .count{
	font-weight:bold;
	font-family:arial,sans-serif;
}
#typeeleven #sharethis-popup {
left:auto;
right: 0;
top: 65px;
width:279px;
}
#typeeleven { float:left; clear:both; }
#typefourth #sharethis-popup { width:242px; left:auto; right:0; }
.addnow{position:relative;}

.addnow > .popup h3 {
padding: 15px 0 15px 0px !important;
text-indent: 15px !important;
}