/* AUTO-GENERATED — do not hand-edit.
   Source: blog-merge/theme/ttc/assets/css/media.css
   Regenerate: python3 themes/ttc-theme/scripts/build-blog-headsup-css.py */

/* CSS Document */
body.ttc-headsup main.ttc-headsup-shell input[type="submit"], body.ttc-headsup main.ttc-headsup-shell input[type="button"], body.ttc-headsup main.ttc-headsup-shell input[type="text"], body.ttc-headsup main.ttc-headsup-shell input[type="password"], body.ttc-headsup main.ttc-headsup-shell input[type="email"], body.ttc-headsup main.ttc-headsup-shell textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;
 -moz-border-radius:0px; -o-border-radius:0px; }

body.ttc-headsup main.ttc-headsup-shell a[href^=tel] { text-decoration:inherit;color: inherit; }


/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px) {



}


@media only screen and (min-width: 1280px) {




}


@media screen and (min-width:1024px) and (max-width:1279px) {

body.ttc-headsup main.ttc-headsup-shell img { max-width:100%; }

body.ttc-headsup main.ttc-headsup-shell .row { width:1000px; }


/**header css**/
body.ttc-headsup main.ttc-headsup-shell .logo { flex: 0 1 200px; }



/***Author page***/
body.ttc-headsup main.ttc-headsup-shell .author-sec { padding: 60px 0; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li { row-gap: 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li .aut-inn { max-width: 160px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg1 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg4 .aut-inn::after { right: -16px; top: -11px;height: 184px; width: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg2 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg5 .aut-inn::after { border-left: 150px solid transparent;  border-top: 150px solid rgba(255,255,255,0.1); }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg3 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg6 .aut-inn::after { top: -24px; right: -30px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name h3 { font-size: 24px; line-height: 32px; margin-bottom: 10px; }


/***Author detail page***/
body.ttc-headsup main.ttc-headsup-shell .checkbox { font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht h2 { font-size: 32px; line-height: 40px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith { padding: 40px 110px 40px 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith::after { width: 106px; height: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 { font-size: 26px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 { font-size: 20px; line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li { font-size: 13px; }


/***blog detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-section { padding: 60px 0 100px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related h2 { font-size: 36px; line-height: 42px; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-lft { padding-left: calc((100% - 1000px) / 2); }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h1 { font-size: 36px; line-height: 42px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h5 { margin-bottom: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div h4 { font-size: 17px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht h3 { font-size: 26px; line-height: 30px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p, body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul li { font-size: 17px; }

body.ttc-headsup main.ttc-headsup-shell .author-detail-box { padding: 30px 30px 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-shape { width: 150px; }


/**footer css**/

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p { font-size: 26px; }

body.ttc-headsup main.ttc-headsup-shell .ftr-rht { flex: 0 1 38%; }


body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table th, body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table tr:first-child td { padding: 12px 20px; font-size: 16px; line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .addtoany_content { width:100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det { width:100%; margin-bottom:30px; }



}


/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {

body.ttc-headsup main.ttc-headsup-shell img { max-width:100%; }

body.ttc-headsup main.ttc-headsup-shell .row { width:100%; padding: 0 15px; }


/**header css**/
body.ttc-headsup main.ttc-headsup-shell .logo { flex: 0 1 180px; }

body.ttc-headsup main.ttc-headsup-shell .menu-nav ul { column-gap: 30px; }



/**banner css**/
body.ttc-headsup main.ttc-headsup-shell .inn-caption h1 { font-size: 40px; line-height: 40px; }


/***Author page***/
body.ttc-headsup main.ttc-headsup-shell .author-sec { padding: 40px 0; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li { row-gap: 30px; padding: 30px 20px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li .aut-inn { max-width: 140px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg1 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg4 .aut-inn::after { right: -16px; top: -11px;height: 164px; width: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg2 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg5 .aut-inn::after { border-left: 150px solid transparent;  border-top: 150px solid rgba(255,255,255,0.1); }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg3 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg6 .aut-inn::after { top: -24px; right: -30px; width: 110px; height: 110px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name h3 { font-size: 22px; line-height: 28px; margin-bottom: 5px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name a { font-size: 15px; }


/***Author detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-sec { padding: 40px 0 50px; }

body.ttc-headsup main.ttc-headsup-shell .checkbox { font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht h2 { font-size: 28px; line-height: 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft { flex: 0 1 150px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith { padding: 40px 110px 40px 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith::after { width: 106px; height: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht { flex: 0 1 calc(100% - 180px); }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 { font-size: 24px; }

body.ttc-headsup main.ttc-headsup-shell .blog-lft { padding: 40px 30px; flex: 0 1 100%; position: relative; top: auto; display: none; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 { font-size: 20px; line-height: 28px; min-height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht { margin-top: 0px; flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li { font-size: 11px; margin-right: 4px; padding: 0 12px 0 0; }


/*blog page*/
body.ttc-headsup main.ttc-headsup-shell .view-all { top: 0; }


/***blog detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-section { padding: 40px 0 60px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related h2 { font-size: 36px; line-height: 42px; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-lft { padding: 30px 30px 30px 15px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h5 { margin-bottom: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div h4 { font-size: 17px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft { flex: 0 1 100%;  order: 2; margin-top: 40px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft h3 { padding-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det { padding-bottom: 25px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht h3 { font-size: 23px; line-height: 26px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht { flex: 0 1 100%;  order: 1; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p { font-size: 16px; padding-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul { row-gap: 12px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul li { font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul li a { font-size: 15px; }

body.ttc-headsup main.ttc-headsup-shell .author-detail-box { padding: 30px 30px 80px; }

body.ttc-headsup main.ttc-headsup-shell .author-shape { width: 150px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont a.back-link { margin-bottom: 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-det-box { margin-top: 10px; padding-top: 12px; }

body.ttc-headsup main.ttc-headsup-shell .author-detail-box .author-det-name p { padding: 0; }

body.ttc-headsup main.ttc-headsup-shell .author-name { padding-left: 15px; }

body.ttc-headsup main.ttc-headsup-shell .author-img { flex: 0 1 46px; }



/**category css**/
body.ttc-headsup main.ttc-headsup-shell .category-list { padding: 50px 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres h2 { font-size: 28px; line-height: 30px; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul { row-gap: 20px; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul li { flex: 0 1 49%; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list .publish-txt ul li { flex: 0 1 auto; }



/**footer css**/

body.ttc-headsup main.ttc-headsup-shell .ftr-lft h2 { font-size: 60px; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p { font-size: 22px; line-height: 28px; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p br { display: none; }

body.ttc-headsup main.ttc-headsup-shell .ftr-rht { flex: 0 1 38%; }

body.ttc-headsup main.ttc-headsup-shell .addr-details p { font-size: 16px; line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .addr-details a { font-size: 14px; }


body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table th, body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table tr:first-child td { padding: 12px 25px; font-size: 16px; line-height: 22px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .addtoany_content { padding: 0px 0 30px; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt { flex: 0 1 calc(100% - 64px); }

body.ttc-headsup main.ttc-headsup-shell .publish-detail { margin-top: 15px; padding-top: 15px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related { margin-bottom: 50px; }


}


/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {

body.ttc-headsup main.ttc-headsup-shell img { max-width:100%; }

body.ttc-headsup main.ttc-headsup-shell .row { width:100%; padding:0px 15px; }



/**header css**/
body.ttc-headsup main.ttc-headsup-shell .logo { flex: 0 1 170px; }

body.ttc-headsup main.ttc-headsup-shell .menu-nav { display: none; }



/**banner css**/
body.ttc-headsup main.ttc-headsup-shell .inner-banner { overflow: hidden; }

body.ttc-headsup main.ttc-headsup-shell .inn-caption h1 { font-size: 32px; line-height: 40px; max-width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .inn-caption { left: 0; right: 0; top: 30%; margin: 0 auto; text-align: center; }

/* .inner-banner img { height: 200px;  object-fit: cover;  object-position: right;} */
body.ttc-headsup main.ttc-headsup-shell .mobile-banner { display: block; }

body.ttc-headsup main.ttc-headsup-shell .desktop-banner { display: none; }


/***Author page***/
body.ttc-headsup main.ttc-headsup-shell .author-sec { padding: 40px 0; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul { row-gap: 20px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li { row-gap: 30px; padding: 30px 20px; flex: 0 1 49%; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li .aut-inn { max-width: 140px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg1 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg4 .aut-inn::after { right: -16px; top: -11px;height: 164px; width: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg2 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg5 .aut-inn::after { border-left: 150px solid transparent;  border-top: 150px solid rgba(255,255,255,0.1); }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg3 .aut-inn::after, body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg6 .aut-inn::after { top: -14px; right: -20px; width: 90px; height: 90px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name h3 { font-size: 20px; line-height: 26px; margin-bottom: 5px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name a { font-size: 14px; }


/***Author detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-sec { padding: 30px 0 50px; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .checkbox { font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht h2 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft { flex: 0 1 120px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith { padding: 40px 110px 40px 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith::after { width: 106px; height: 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht { flex: 0 1 calc(100% - 150px); }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 { font-size: 24px; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht p { font-size: 15px; }

body.ttc-headsup main.ttc-headsup-shell .blog-lft { padding: 30px 20px; flex: 0 1 100%; position: absolute;  top: auto; opacity: 0; visibility: hidden; margin-bottom: 30px; transition: all 0.2s ease-in-out; }

body.ttc-headsup main.ttc-headsup-shell .blog-lft.open { opacity: 1; visibility: visible; position: relative; margin-top: 50px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul { row-gap: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 { font-size: 20px; line-height: 24px; min-height: auto; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht { margin-top: 0px; flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li { font-size: 13px;  margin-right: 8px; padding-right: 12px; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter { display: block; }



/***blog page***/
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-img { flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-cnt { flex: 1 1 100%; margin-top: 25px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul li { margin-right: 8px; padding-right: 12px; font-size: 13px; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li { flex: 0 1 23%; }

body.ttc-headsup main.ttc-headsup-shell .view-all, body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list .view-all { position: relative; top: auto; width: 100%; text-align: center; margin-top: 20px; }

body.ttc-headsup main.ttc-headsup-shell .view-all a { display: inline-block; }



/***blog detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-section { padding: 30px 0 40px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-lft { padding: 30px 15px 30px 15px; flex: 0 1 100%; order: 2; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-rgt { flex: 1 1 100%; order: 1; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h1 { font-size: 28px; line-height: 36px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h5 { margin-bottom: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul { row-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div h4 { font-size: 17px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft { flex: 0 1 100%;  order: 2; margin-top: 40px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft h3 { padding-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det { padding-bottom: 25px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht h3 { font-size: 23px; line-height: 26px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht { flex: 0 1 100%;  order: 1; width:100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p { font-size: 16px; padding-bottom: 20px; word-break: break-word; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul { row-gap: 12px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul li { font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul li a { font-size: 15px; }

body.ttc-headsup main.ttc-headsup-shell .author-detail-box { padding: 20px 20px 70px; }

body.ttc-headsup main.ttc-headsup-shell .author-shape { width: 130px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont a.back-link { margin-bottom: 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-det-box { margin-top: 10px; padding-top: 12px; }

body.ttc-headsup main.ttc-headsup-shell .author-det-img { flex: 0 1 130px; }

body.ttc-headsup main.ttc-headsup-shell .author-detail-box .author-det-name p { padding: 0; }

body.ttc-headsup main.ttc-headsup-shell .author-det-name { flex: 0 1 calc(100% - 140px); padding-left: 30px; }

body.ttc-headsup main.ttc-headsup-shell .author-name { padding-left: 15px; }

body.ttc-headsup main.ttc-headsup-shell .author-img { flex: 0 1 46px; }


body.ttc-headsup main.ttc-headsup-shell .blog-related { margin-bottom: 40px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list ul { column-gap: 4%; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list ul li { flex: 0 1 48%; }

body.ttc-headsup main.ttc-headsup-shell .publish-detail .publish-txt ul { column-gap: inherit; }



/**category css**/
body.ttc-headsup main.ttc-headsup-shell .category-list { padding: 40px 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres { margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres h2 { font-size: 28px; line-height: 30px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li { font-size: 15px; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul { row-gap: 20px; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul li { flex: 0 1 49%; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list .publish-txt ul li { flex: 0 1 auto; }



/**footer css**/

body.ttc-headsup main.ttc-headsup-shell .ftr-lft { flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft h2 { font-size: 60px; text-align: center; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p { font-size: 22px; line-height: 28px; text-align: center; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p br { display: none; }

body.ttc-headsup main.ttc-headsup-shell .ftr-rht { flex: 0 1 100%; text-align: center; margin-top: 40px; }

body.ttc-headsup main.ttc-headsup-shell .addr-details p { font-size: 16px; line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .addr-details a { font-size: 14px; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul { justify-content: center; }


body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table th, body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table tr:first-child td { padding: 10px 25px; font-size: 14px; line-height: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .addtoany_content { padding: 5px 0 25px; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det { width:100%; margin-bottom: 30px; }

body.ttc-headsup main.ttc-headsup-shell .tbl-scroll { float: left;
  width: 100%;
  overflow-x: scroll;
  margin-bottom: 25px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table { width: 1000px;
  float: left;
  margin-bottom: 0;
  font-size: 16px; }


}



/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {


/***Author detail page***/
body.ttc-headsup main.ttc-headsup-shell .blog-list ul li { flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li { flex: 0 1 auto; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht { flex: 1 1 100%; margin-top: 20px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith { padding: 30px 50px 30px 30px; }


/***blog page***/
body.ttc-headsup main.ttc-headsup-shell .feature-author ul { justify-content: flex-start; row-gap: 30px; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li { flex: 0 1 45%; text-align: center; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img { max-width: 120px; float: none; display: inline-block; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-name { padding-top: 10px; }


body.ttc-headsup main.ttc-headsup-shell .author-det-name { flex: 1 1 100%; padding-left: 0px; margin-top: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list ul li { flex: 0 1 100%; }


/**category css**/
body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul li { flex: 0 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul { row-gap: 10px; column-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li { font-size: 14px; }

body.ttc-headsup main.ttc-headsup-shell .pagination { padding-top:20px; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li { flex:0 1 auto; }


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {


/***Author page***/ 
body.ttc-headsup main.ttc-headsup-shell .author-sec ul li { flex: 1 1 100%; }


/***Author detail page***/
body.ttc-headsup main.ttc-headsup-shell .author-img-lft { flex: 0 1 100px; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith { padding: 20px; }



}


@media screen and (max-width:379px) {


/***blog page***/
body.ttc-headsup main.ttc-headsup-shell .feature-author ul li { flex: 0 1 100%; }



}