@charset "utf-8";
/* CSS Document */
body {
font-family: 'montserratlight';
font-size: 13px;
line-height: 1.5;
color: #6d6e71;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
strong {
font-family: 'montserratregular';
font-weight: normal;
}
a {
text-decoration: none;
color: #03ade2;
}
a:hover {
color: #34c6f4;
}
.img-responsive {
max-width: 100%;
height: auto;
}
.load-more {
color: #34c6f4;
font-size: 12px;
text-transform: uppercase;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.p-none {
padding: 0px !important;
}
.p-t-none {
padding-top: 0px !important;
}
.p-l-none {
padding-left: 0px;
}
.p-r-none {
padding-right: 0px;
}
.m-none {
margin: 0px !important;
}
.m-b-none {
margin-bottom: 0px !important;
}
.m-t-none {
margin-top: 0px !important;
}
.b-none {
border: none !important;
}
.m-auto {
display: block;
}
a {
text-decoration: none;
transition: 0.5s;
}
a:hover {
text-decoration: none;
color: inherit;
}
.form-control:focus {
box-shadow: none;
}
button:focus {
outline: none;
}
section {
padding-top: 20px;
margin-top: 20px;
}
.font15 {
font-size: 15px;
}
.headerlinks {
color: #144263;
/*text-transform: uppercase;*/
font-size:14px;
}
.lightblue {
color: #34c6f4;
}
.darkblue {
color: #144263;
}
.viewmorelink {
color: #34c6f4;
font-size: 12px;
display: inline-block;
padding-right: 25px;
position: relative;
text-transform: uppercase;
float: right;
margin-top: 12px;
font-family: 'montserratregular';
}
.viewmorelink:after {
content: "\f105";
font: normal normal normal 35px/1 FontAwesome;
color: #34c6f4;
position: absolute;
top: -12px;
right: 0;
}
.sectiontitle, .news-details-heading {
font-size: 34px;
color: #144263;
line-height: 1.2;
text-transform: uppercase;
font-family: 'montserratsemibold';
margin-bottom: 20px;
}
.title, .title a {
font-size: 16px;
font-family: 'montserratregular';
color: #144263;
}
.title18 {
color: #144263;
font-size: 18px;
font-family: 'montserratmedium';
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
}
.greentag {
background: #44bea1;
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
font-size: 10px !important;
color: #fff;
font-family: 'montserratmedium';
margin: 0 5px 7px 0;
}
.graytag {
background: #dde6ef;
display: inline-block;
padding: 5px 10px;
font-size: 11px;
color: #586e83;
font-family: 'montserratmedium';
margin: 0 5px 7px 0;
}
.graytag:hover, .greentag:hover {
color: #fff;
background: #34c6f4;
}
.verticleadvt ul {
margin: 0;
padding: 0;
list-style: none;
}
.verticleadvt li {
margin-bottom: 20px;
}
.horizantaladvt ul {
margin: 0;
padding: 0;
list-style: none;
display: table;
}
.horizantaladvt li {
display: table-cell;
padding: 0px 20px 0 0;
}
.carousel-indicators li {
height: 12px;
width: 12px;
background-color: #ccc;
border-radius: 50%;
bottom: -10px;
}
.carousel-indicators li.active {
background-color: #34c6f4;
}
#demo .carousel-inner {
padding-bottom: 25px;
min-height: 475px;
}
.textlink {
background: transparent;
border: 0px;
text-transform: uppercase;
font-family: 'montserratmedium';
color: #34c6f4;
}
.textlink:hover {
background: transparent;
border: 0px;
text-decoration: none;
color: #144263;
}
/*Header CSS*/
.topheader {
background: #ffffff;
box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);
transition: all 0.5s;
width:100%;
display: inline-block;
}
.topbar {
text-align: right;
padding: 5px 10px;
margin-bottom: -10px;
}
.headerlogo {
text-align: center;
padding: 10px;
transition: all 0.5s;
/*margin-top: -20px;*/
position: relative;
float: left;
}
.topheader .navbar {
padding-bottom: 0;
/*transition: all 0.5s;*/
float: right;
margin-top:15px;
width: calc(100% - 540px);
}
.topheader .navbar-nav {
text-align: center;
margin: 0 auto;
}
.topheader .nav-item {
border-bottom: 4px solid transparent;
}
.topheader .nav-item.active {
border-bottom: 4px solid #34c6f4;
}
.topheader .nav-item:hover {
border-bottom: 4px solid #34c6f4;
}
.topheader .nav-item:before{
    content: '';
    width:1px;
    height: 10px;
    background-color: #000;
    position: absolute;
    right: -6px;
    top: 13px;
	
}
.topheader .nav-item:last-child:before{display: none;}
.topheader .nav-item {
margin: 0 .4rem;
	position: relative;
}
.topheaderspace {
height: 160px;
}
/* green tags used in interview and article listing page */
.leads-tag-wrapper {
padding-left: 0px;
}
.leads-tag-wrapper li {
list-style: none;
float: left;
margin-left: 5px;
margin-bottom: 10px;
}
.blank-tag {
background-color: #ffffff;
color: rgba(66, 92, 112, 0.7);
padding: 7px 10px;
border: 1px solid rgba(66, 92, 112, 0.7);
border-radius: 19px;
float: left;
}
.blank-tag.active, .blank-tag:hover {
background-color: #44bea1;
color: #ffffff;
border: 1px solid #44bea1;
}
.blank-tag.active.tag-more {
background-color: gray;
border-color: gray;
}
/* error page start*/
.error-contnet {
font-size: 16px;
padding-top: 7%;
padding-bottom: 7%;
}
.or-text {
font-size: 18px;
margin-top: .5rem;
}
.error-sub-title {
font-size: 26px;
font-family: 'montserratregular';
font-weight: normal;
}
.error-contnet .sectiontitle {
margin-bottom: 0px;
}
.mtop {
margin-top: 150px;
}
.user-dropdown .dropdown {
border: none;
border-radius: 4px;
padding: 0px 10px;
}
.user-dropdown .dropdown .dropdown-toggle::after {
display: none;
}
.user-dropdown .short-name {
margin-left: 12px;
background-color: #144263;
color: #ffffff;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
    text-align: center;
    display: inline-block;
}
.user-dropdown li a {
color: #144263;
font-size: 14px;
line-height: 25px;
float: left;
width: 100%;
}
.user-dropdown .dropdown ul.dropdown-menu {
margin-top: 20px;
width: 100%;
border: 1px solid #ccc;
border-color: rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
-moz-border-radius: 2px;
border-radius: 2px;
}
.user-dropdown .dropdown ul.dropdown-menu li {
background-color: #f8f8f8;
}
.user-dropdown .dropdown ul.dropdown-menu li a {
padding: 3px 15px;
color: #666;
border-bottom: 1px solid #c6c6c6;
font-size: 13px;
}
.user-dropdown .dropdown ul.dropdown-menu li:last-child a {
border-bottom: none;
}
.user-dropdown .dropdown ul.dropdown-menu li a i {
margin-top: 5px;
}
.user-dropdown .dropdown ul.dropdown-menu:before {
content: "";
border-bottom: 10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
top: -10px;
right: 16px;
z-index: 10;
}
.user-dropdown .dropdown ul.dropdown-menu:after {
content: "";
border-bottom: 12px solid #ccc;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -12px;
right: 14px;
z-index: 9;
}
.navbar-toggler {
display: none;
}
#frmNewsSubscription .topsearchbar {
background-color: #fff !important;
}
#demo .carousel-inner .carousel-item p span {
font-size: 14px;
font-family: 'montserratregular';
}
.othernewstxt a {
font-family: 'montserratregular';
}
/* Popup Banner CSS Start */
.TTEmbeddedPBBanner {
position: fixed;
display: none;
top: 50%;
}
.TTEmbeddedPBBanner, .TTEmbeddedPBBannerInner, .TTEmbeddedPBanner, .TTEmbeddedPBannerInner, .TTEmbeddedSPBannerInnerHtmlPopup {
margin: 0 auto !important;
}
.TTEmbeddedPBBanner, .TTEmbeddedPBanner {
z-index: 99999;
transform: translateX(-50%) translateY(-50%);
left: 50%;
max-width: 100%;
}
.TTEmbeddedPBBannerContent {
position: relative;
}
.TTEmbeddedPBfootercloseButton {
position: absolute;
top: -19px;
}
.TTEmbeddedPBfootercloseButton, .TTEmbeddedPfootercloseButton {
background-color: #fff;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
padding: 0 5px;
right: .5%;
cursor: pointer;
}
/* Popup Banner CSS End */
@media screen and (max-width: 767px) {
.error-contnet .error-thumb {
margin-bottom: 7%;
}
.error-contnet {
text-align: center;
}
.error-sub-title {
font-size: 20px;
}
}
/* error page end*/
@media screen and (max-width: 767px) {
.homeheader {
padding: 10px 20px;
}
.homeheader h1 {
margin: 30px auto 0px auto;
}
.topbar {
text-align: center;
}
.headerlogo {
width: auto;
float: left;
display: inline-block;
max-width: 170px;
margin-top: 0px;
}
.topheader .navbar-toggler {
text-align: right;
padding-top: 15px;
}
.topheaderspace {
height: 116px;
}
.topheader .stylish-input-group .headersearch.f2fsearchtext {
max-width: calc(100% - 36px) !important;
}
    .webinar-section h2 {font-size:18px!important;}
}
@media screen and (max-width: 479px) {
.horizantaladvt ul {
display: block;
}
.horizantaladvt li {
display: block;
margin: 10px auto;
text-align: center;
padding: 0;
}
    .topsearchbar.input-group.active-xs .selectric {width:74px;
    }
}
@media screen and (max-width: 425px) {
.sectiontitle {
font-size: 25px;
}
}
@media screen and (max-width: 320px) {
.headerlogo {
width: 72%;
}
.headerlogo img {
max-width: 100%;
height: auto;
}
}
/*homepage css*/
.homeheader {
background: url(https://static.fibre2fashion.com/ttresources/images/home-headerbg.jpg) no-repeat center center;
background-size: cover;
text-align: center;
padding: 110px 0px;
position: relative;
}
.homeheader .innerheader {
background: none;
background-size: cover;
text-align: center;
padding: 20px;
position: relative;
}
.homeheader h1 {
font-size: 40px;
text-shadow: 3px 3px 3px #333;
color: #fff;
font-family: 'montserratsemibold';
margin: 20px auto 20px auto;
}
.topsearchbar {
background: #fff;
border-radius: 25px;
width: 90%;
max-width: 700px;
margin: 7px auto 120px auto;
padding: 10px;
}
.topsearchbar .form-control {
border: 0px;
font-size: 13px;
font-family: 'montserratregular';
text-align: center;
}
.topsearchbar .btn {
background: transparent;
}
.topsearchbar .btn i {
font-size: 22px;
color: #34c6f4;
}
.downarrow {
position: absolute;
display: inline-block;
height: 60px;
width: 60px;
border-radius: 50%;
background: #34c6f4;
color: #fff;
font-size: 26px;
line-height: 60px;
bottom: -25px;
left: calc(50% - 30px);
}
/* bread crumbs*/
.breadcrums {
margin-bottom: 20px;
margin-top: -30px;
}
.breadcrums a {
color: #34c7f4;
}
/*Latest news block */
.mainnews, .latestnews {
border-right: 1px solid #e5e5e5;
}
.mainnewsimg {
width: 100%;
height: auto;
position: relative;
margin: 0 10px 20px 0;
}
.mainnewsimg img {
max-width: 100%;
height: auto;
}
.mainnewsimg .greentag {
position: absolute;
top: 10px;
left: 10px;
}
.othernewsblock {
padding: 10px 0 16px 0;
position: relative;
}
.othernewsblock:first-child {
padding-top: 0;
}
.othernewsblock:after {
content: "";
position: absolute;
bottom: 5px;
right: 0;
width: 66%;
border-bottom: 1px solid #e5e5e5;
height: 1px;
}
.othernewsimg {
float: left;
width: 30%;
height: auto;
margin-right: 4%;
border: 1px solid #e5e5e5;
}
.othernewstxt {
float: left;
width: 66%;
}
.othernewstxt .greentag {
margin-top: 7px;
}
.date {
font-size: 11px;
color: #999;
}
.sign-wrapper {
      position: relative;
    z-index: 9;
    float: right;
    width: 190px;
    margin-top: 33px;
    }
    .sign-wrapper a.sign-in {
        background-color: #34c7f5;
    color: #fff;
    padding: 7px 18px;
    text-transform: uppercase;
    margin-right: 8px;
    }
    .sign-wrapper a.sign-up {background-color: #144263;
    color: #fff;
    padding: 7px 18px;
    text-transform: uppercase;
    }

/*texpro-css*/
.texpro-section{background-color:#FBFBFB;padding: 35px 0px!important; }
.texpro-section p{font-size:15px;color: #333333;margin:20px 0px;width:80%;font-weight: normal;}
.texpro-logo{width: 160px;}
.texpro-logo img{max-width:100%;}
ul.texpro-category{margin:0px;padding:0px;list-style-type: none;}
ul.texpro-category li .fa{color:#F26F39;font-size:16px;margin-right:12px;display: inline-block;width: 14px;vertical-align: top;
padding-top: 2px;}
ul.texpro-category li{font-size:14px;margin-bottom: 16px;}
ul.texpro-category li span{width:calc(100% - 26px);display: inline-block;}
.request-demo a{background-color: #144263;padding:8px 18px;font-size: 16px;color: #fff;border-radius:5px;margin-top: 18px;display: inline-block;}
.texpro-section img{max-width: 100%;}
.welcome-text {display: inline-block;font-size: 12px;line-height:14px;}
/*webinar-css*/
.webinar-section{background-color:#FBFBFB;padding:30px 0px!important;text-align: center; }
.webinar-section h2{color:#214D6B;font-size: 34px;font-family: 'montserratbold';text-align: center;width: 100%;font-weight: bold;text-transform: uppercase;margin-bottom:35px;line-height: 26px;}
.webinar-section span{width: 100%;display: inline-block;color: #333333;font-size: 15px; font-family: 'montserratregular';font-weight: normal;}
.webinar-section .categories{margin-bottom:35px;}
.webinar-section .categories span{font-size: 16px;color: #333333; font-family: 'montserratlight';font-weight: normal;margin-top:12px;}
.host-webinar{width:100%;text-align: center;display: inline-block;}
.host-webinar a{background-color: #144263;padding:8px 18px;font-size: 16px;color: #fff;font-family: 'montserratlight';border-radius:5px;display: inline-block;}
/*webinar-css*/
/* new header css*/
.top-bar{padding: 5px 0px;background-color: #144262;display: inline-block;width: 100%;}
.left-add{float: left;font-size: 12px;color:#fff;padding-left: 12px;line-height: inherit; padding-bottom:5px;}
.top-social-icons{float:right;}
.top-social-icons ul{margin:0px;padding: 0px;list-style-type: none;}
.top-social-icons ul li {width:25px;height:25px;background-color:#34C7F5;border-radius: 100px;line-height:26px;text-align: center;color:#144262;display: inline-block;margin-left:5px; margin-top:5px;}
.top-social-icons ul li a { color:#144262}
/*upcoming fairs block */
.white-bg{background-color:#fff!important;}
.upcomingfairs {
background: #f9fafa;
}
.uctfblock {
background: #fff;
box-shadow: 2px 2px 2px #e2e2e2;
padding: 5%;
margin: 10px 0;
min-height: 350px;
}
.uctflogo {
border: 1px solid #e5e5e5;
display: block;
width: 100%;
padding: 0px;
height: 150px;
text-align: center;
margin-bottom: 20px;
overflow: hidden;
}
.uctflogo img {
max-width: 100%;
height: auto;
margin-top: -25px;
}
.uctfblock div {
padding-left: 20px;
}
.uctfblock div.uctflogo {
padding: 0;
}
.uctfblock i {
font-size: 15px;
display: inline-block;
margin-left: -20px;
}
.postfairbtn {
background: #144263;
color: #fff !important;
padding: 10px;
display: inline-block;
border-radius: 0;
text-transform: uppercase;
margin: 20px auto;
}
/*article block */
.article {
margin-bottom: 30px;
}
.latestarticles {
border-right: 1px solid #e5e5e5;
}
.article .mainnewsimg img {
height: 200px;
width: 100%;
}
/*interview block */
/*big banner block */
section.bigbanner {
padding-top: 0px;
}
/*interview block */
.interviewblock {
text-align: center;
padding: 0 4%;
}
.interviewimg {
height: 112px;
width: 112px;
border-radius: 50%;
box-shadow: 4px 4px 1px #ccc;
margin: 60px auto 40px auto;
}
.interview-name {
font-size: 20px;
color: #144263;
font-family: 'montserratsemibold';
}
.interview-details {
color: #333;
line-height: 20px;
}
/*supplier leads */
.supplierslead {
margin-top: 0px;
background: #f5f5f5;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: -30px;
}
.leadunit {
background: #fff;
box-shadow: 2px 2px 2px #e5e5e5;
padding: 3%;
width: 95%;
min-height: 180px;
margin: 2% auto;
}
.leadunit h6 {
margin-bottom: 20px;
font-family: 'montserratsemibold';
}
.leadunit .details {
width: 80%;
float: left;
}
.leadunit .details .alert-warning {
color: #333;
background-color: #efefef;
border-color: #e0e0e0;
}
.leadunit .details .alert-warning a {
color: #2dacd4;
}
.leadunit .details p {
margin-bottom: 0.2rem;
word-wrap: break-word;
}
.leadunit .details p i {
display: inline-block;
margin: 3px 7px 0px 0;
color: #2eaed6;
float: left;
}
.leadunit .inquirybtn {
width: 18%;
float: right;
text-align: center;
}
.leadunit .inquirybtn img {
max-width: 100%;
height: auto;
}
.b2bcontact {
display: inline-block;
padding: 5px 10px;
color: #666;
background: #e5e5e5;
text-decoration: none;
}
.b2bcontact:hover {
background: #ccc;
color: #333;
}
/* pagination start*/
.page-link {
border: none;
color: #425c70;
}
.page-link:hover, .page-link:focus {
background-color: transparent;
color: #34c6f4;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
color: #8b8b8b;
}
.page-item.active .page-link {
background-color: #34c6f4;
border-color: #34c6f4;
border-radius: 4px;
padding: .3rem .5rem;
margin-top: 0.2rem;
}
/* pagination end*/
/* footer */
.footer {
background-image: url("https://static.fibre2fashion.com/ttresources/images/footer-bg.jpg");
background-size: cover;
background-position: center;
padding-top: 45px;
padding-bottom: 45px;
color: #ffffff;
}
.footer h3 {
margin-top: 0px;
text-transform: uppercase;
}
.footer .subscribe-btn {
background-color: rgb(68, 190, 161);
color: #ffffff;
padding: 15px 35px;
border-radius: 25px;
text-transform: uppercase;
text-decoration: none;
}
.footer .subscribe-btn:hover {
background-color: #189779;
}
.footer .form-control {
padding: 15px 35px;
border-radius: 25px;
}
.footer .topsearchbar {
max-width: 525px;
box-shadow: 2.728px 2.925px 3px 0px rgba(0, 0, 0, 0.34);
margin: 7px auto 15px auto;
}
.footer-link {
background-color: #f4f5f6;
margin-top: 0px;
}
.footer-link h3 {
color: #144263;
font-size: 16px;
text-transform: uppercase;
}
.footer-link ul {
padding-left: 0px;
}
.footer-link ul li {
list-style: none;
padding-top: 6px;
padding-bottom: 6px;
}
.footer-link ul li a {
color: #808285;
font-size: 13px;
}
.footer-link ul.follow-us li {
float: left;
margin-right: 10px;
padding: 2px;
border: 1px solid #c4c9cf;
border-radius: 50%;
background-color: #fcfdfd;
}
.footer-link ul.follow-us li a {
background-color: #c4c9cf;
color: #fcfdfd;
width: 25px;
height: 25px;
line-height: 25px;
display: inline-block;
text-align: center;
border-radius: 50%;
transition: all 0.3s;
}
.footer-link ul.follow-us li a:hover {
background-color: #9c9fa3;
color: #fff;
}
.copyright-footer {
padding-top: 17px;
padding-bottom: 17px;
}
.copyright-text {
padding-top: 10px;
}
.copyright-footer img {
max-width: 250px;
}
.tncnote a {
color: #67f7d5;
}
.mobilefooter {
display: none;
}
@media screen and (max-width: 1199px) {
.othernewsblock {
padding: 10px 0 10px 0;
}
.title, .title a {
font-size: 14px;
line-height: 1.3;
}
.uctflogo {
height: 100px;
}
.uctflogo img {
margin-top: -25%;
}
.uctfblock {
min-height: 300px;
}
.headerlinks img {
margin-right:10px;
}
.sign-wrapper {margin-top:20px;
    }
.ul.texpro-category li{margin-bottom: 8px;}
}
@media screen and (max-width: 991px) {
.mobile-sign-hide {display:none!important;}
.welcome-text {display:none;}
.xs-hide {
display: none;
}
#menu {
opacity: 1;
transition: none;
overflow-y: hidden;
}
#menu .modal-header {
padding-top: 5px;
padding-bottom: 5px;
display: block;
}
#menu .modal-dialog {
height: 100%;
margin: 0px;
position: absolute;
width: calc(100% - 55px);
max-width: 315px;
}
#menu .modal-content {
height: 100%;
border-radius: 0px;
margin: 0px;
overflow: auto;
border: 0px;
}
#menu.modal .modal-dialog {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
#menu.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile-header {
display: block;
}
    .topheader .container {
    min-height: 75px!important;    }
.topheader .container, .topbar .container {
max-width:100%;
}
/*.headerlogo {
margin-top: 10px;
}
    */
.homeheader {
padding: 50px 0px;
}
.latestnews {
border: 0px;
}
section {
padding-top: 20px;
margin-top: 20px;
}
.sectiontitle, .news-details-heading {
font-size: 25px;
margin-bottom: 10px;
margin-top: 5px;
}
.tthomebanners {
margin-top: 25px;
}
.breadcrums {
margin-top: 0;
}
.tthomebanners .verticleadvt li {
display: inline-block;
width: 30%;
margin-right: 2%;
}
.uctfblock {
min-height: 315px;
}
.uctflogo {
height: 150px;
}
.uctflogo img {
margin-top: -10%;
}
.latestarticles {
border-right: 0px;
}
.article .mainnewsimg img {
height: 150px;
}
.interviewblock {
border-top: 1px solid #e5e5e5;
text-align: left;
}
.interviewimg {
margin: 20px;
float: left;
}
#demo .carousel-inner {
min-height: 110px;
}
#demo .carousel-item {
text-align: left;
}
.interview-details {
margin-top: -10px;
}
.leadunit {
min-height: 200px;
}
.leadunit .details .alert {
margin-bottom: 5px;
}
.footer-link .container {
max-width: 90%;
}
.footer-link .container > .row > .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
}
.footer-link .container > .row > .col-md-3:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
max-width: 38%;
}
.footer-link .container > .row > .col-md-3:last-child {
margin-left: 38%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 20px;
}
.footer-link ul.follow-us li {
display: inline-block;
float: none;
}
ul.follow-us {
margin: auto;
}
/*.fixed-top .headerlogo {
width: 25%;
padding: 10px 0;
}
*/
.fixed-top .navbar.navbar-expand-md {
width: 75%;
}
.fixed-top .headerlinks {
padding-right: 0.3rem;
padding-left: .3rem;
}
/* webinar & texpro css */
.texpro-section .col-md-4{-webkit-box-flex: 0;-ms-flex: 100%;flex: 100%;max-width: 100%;}
.texpro-section p{width:100%;text-align: center;}
.texpro-logo {width: 160px;margin: 0px auto;}
.texpro-section .col-md-5{-webkit-box-flex: 0;-ms-flex: 62%;flex:62%;max-width:62%;}	
.texpro-section .col-md-3{-webkit-box-fle: 0;-ms-flex: 38%;flex:38%;max-width:38%;}	
.webinar-section .col-md-2{-webkit-box-fle: 0;-ms-flex:33%;flex:33%;max-width:33%;margin-bottom:20px;}
.webinar-section .categories {margin-bottom: 12px;}
/* webinar & texpro css */

}
@media screen and (max-width: 768px) {
     .topheader .subheader {
                width: 70%;
                    right: 35px!important;
            }
.top-bar {display: none;}
.homeheader {
padding: 20px 10px;
}
.homeheader h1 {
margin: 20px auto;
font-size: 25px;
}
.homeheader .innerheader {
padding: 0 0 20px 0;
}
.interviewblock h1 {
    display: block;
    width: 100%;
    float: none;
}
#demo{width:100%;}
.interview-details {
margin-top: -20px;
}
.topsearchbar {
margin: 0 auto 100px auto;
}

}
@media screen and (max-width: 767px) {
#menu .modal-header a img {
max-width: 90%;
margin: auto;
display: block;
}
section {
padding-top: 15px;
margin-top: 10px;
}
.othernews {
margin-top: 20px;
}
.mainnews {
border: 0px;
}
.othernewsblock:after {
width: 100%;
}
.othernewsblock {
padding: 10px 0 20px 0;
}
.tthomebanners .verticleadvt li {
margin-right: 2%;
}
.uctfblock {
min-height: 345px;
}
.navbar-expand-md .navbar-collapse {
position: fixed;
left: 0px;
width: 100%;
top: 87px;
background: rgb(255, 255, 255);
z-index: 99;
}
.navbar-nav .nav-item {
border-bottom: 1px solid #e5e5e5;
}
#menu .modal-body {
padding: 0px;
}
.navbar-nav .nav-link {
padding: 10px 15px;
text-align: left;
}
.navbar-nav .nav-link img {
max-width: 25px;
vertical-align: bottom;
margin-right: 15px;
}
.m-t-xs-20 {
margin-top: 20px;
}
.interviewimg {
margin: 15px;
}
section.bigbanner {
padding-top: 10px;
margin-top: 10px;
}
.leadunit {
min-height: auto;
}
.supplierslead {
margin-bottom: -10px;
}
.copyright-footer .row > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center !important;
}
.footer-link {
padding-bottom: 15px;
}
.copyright-footer .row > div img {
display: block;
margin: auto !important;
}
.headerlogo {
margin-top: 0px !important;
}
    
	
/* webinar & texpro css */
.texpro-section .col-md-4{-webkit-box-flex: 0;-ms-flex: 100%;flex: 100%;max-width: 100%;}
.texpro-section .col-md-5{-webkit-box-flex: 0;-ms-flex: 100%;flex:100%;max-width:100%;}	
.texpro-section .col-md-5 .col-md-6{-webkit-box-flex: 0;-ms-flex: 50%;flex:50%;max-width:50%;}
.texpro-section .col-md-3{display: none;}	
.webinar-section .col-md-2{-webkit-box-fle: 0;-ms-flex:33%;flex:33%;max-width:33%;margin-bottom:20px;}
.webinar-section .categories {margin-bottom: 12px;}
.request-demo{text-align:center;}
/* webinar & texpro css */	
}
@media screen and (max-width: 767px) {
    .topheader .search-box {width:inherit;
    }
     .topheader .subheader {
                width:86%!important;
                    right: 60px;
            }
.breadcrums {
display: none;
}
.welcome-text {
display: none;
}
#HelloBarNewsBlock.newsapp-nav{position:fixed!important;
    }
/*.topheader .navbar-nav {
margin-right: 30px;
margin-top: 15px;
}*/
.sign-wrapper {
margin-top: 20px !important;
display: block;
text-align: center !important;
}
.mobile-header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #ffffff;
z-index: 9;
}
.mobile-header {
z-index: 999;
}
.mobile-header .topbar {
text-align: right;
}
.mobile-header .headerlinks {
font-size: 11px;
}
.mobile-header .container {
margin-top: 5px;
}

body {
padding-top: 75px;
}

.navbar-toggler {
display: block;
}
.mobile-header .container {
max-width: 100%;
}
/* mobile footer css start */
.footer, .footer-link, .copyright-footer {
display: none;
}
.mobilefooter {
background: #144263;
color: #fff;
display: block;
}
.footersocial p {
margin-bottom: 5px;
}
.mobilefooter ul.follow-us {
list-style: none;
padding: 0;
}
.mobilefooter ul.follow-us li {
display: inline-block;
margin: 5px;
height: 30px;
width: 30px;
font-size: 15px;
border-radius: 50%;
background: #34c6f4;
padding: 5px;
}
.mobilefooter ul.follow-us li a {
color: #fff;
}
.mobilefooter .copyright {
padding: 10px;
margin-top: 5px;
}
}
@media screen and (max-width: 540px) {
      .topheader .subheader {
                width:80%!important;
                    right: 60px;
            }
.uctfblock {
min-height: auto;
}
.footer-link .container > .row > .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.footer-link .container > .row > .col-md-3:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.footer-link .container > .row > .col-md-3:last-child {
margin-left: 0%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.footer h3 {
font-size: 20px;
}
.footer .subscribe-btn, .footer .form-control {
padding: 10px 20px;
}
.footer .subscribe-btn {
font-size: 0.8rem;
}
.breadcrums {
margin-top: 0;
}
}
@media screen and (max-width: 425px) {
body {
padding-top: 65px;
}
.mobile-header .container {
padding-left: 0px;
padding-right: 0px;
min-height: 60px!important;
}
.headerlogo {
padding: 4px;
max-width: 220px;
margin-top:0px !important;
    width: 120px!important;
}
   
 .sign-wrapper {
    margin-top: 15px !important;
  }
    
	
/*.headerlogo img {
min-height: 50px;
width: 200px !important;
}*/
.homeheader h1 {
margin: 20px auto;
font-size: 20px;
}
.homeheader .innerheader {
padding: 0;
}
.sectiontitle, .news-details-heading {
font-size: 18px;
}
.viewmorelink {
margin-top: 3px;
padding-right: 15px;
}
.topsearchbar {
margin: 0 auto 40px auto;
}
.downarrow {
display: none;
}
.topheader .navbar-nav {
margin-right: 0;
margin-top: 0px;
}
.topheader.mobile-header .subheader {
    /* bottom: 10px; */
    right: 0px!important;
    top:5px;
	width: 90% !important;
}
.tthomebanners .verticleadvt li {
width: 100%;
margin-right: 0%;
text-align: center;
}
.interviewimg {
margin: 20px 20px 0 0;
}
.interviewblock {
padding: 0 8%;
}
#demo .carousel-inner {
min-height: 235px;
}
section {
padding-top: 10px;
margin-top: 0px;
padding-bottom: 10px;
}
section.bigbanner {
padding: 0;
margin: 0 auto;
}
.viewmorelink {
line-height: 15px;
}
.viewmorelink:after {
font-size: 15px;
top: 0px;
line-height: 15px;
}
/* webinar & texpro css */
.texpro-section .col-md-5{-webkit-box-flex: 0;-ms-flex: 100%;flex:100%;max-width:100%;}	
.texpro-section .col-md-5 .col-md-6{-webkit-box-flex: 0;-ms-flex: 100%;flex:100%;max-width:100%;}
.webinar-section .col-md-2{-webkit-box-fle: 0;-ms-flex:50%;flex:50%;max-width:50%;margin-bottom:20px;}
.webinar-section .categories {margin-bottom: 12px;}
.request-demo{text-align:center;}
/* webinar & texpro css */	
}
@media screen and (max-width: 360px) {
.headerlogo {
max-width: 200px;
}
}
@media screen and (max-width: 375px) {
#demo .carousel-inner {
min-height: 255px;
}
.article .mainnewsimg img {
height: auto;
}
.sectiontitle, .news-details-heading {
font-size: 16px;
}
h4.darkblue {
font-size: 18px;
font-family: 'montserratregular';
}
.leadunit {
width: 100%;
}
}
/*.mobile-header{display: none;}*/
.modal-open .modal {
top: 0%;
}
@media screen and (max-width: 320px) {
    .topheader .container .innerheader .topsearchbar {
        background: transparent !important;
    }

    .topheader .stylish-input-group .headersearch.f2fsearchtext {
        max-width: calc(100% - 50px) !important;
    }
    .topheader.mobile-header .subheader {right: 10px!important;  width: 95% !important;}
    
}
a.learnmore {
    background: transparent;
    color: #f36f3a;
    font-size: 14px;
    position: relative;
}
a.learnmore:after {
    content: "\f105 \f105";
    font: normal normal normal 35px/1 FontAwesome;
    color: #144263;
    position: absolute;
    top: 11px;
    right: 2px;
    font-size: 15px;
}
#TextAdsDisplayAjax .text-ads a {
    color:#fff; font-size:13px !important;
    line-height:1.4;
}
#TextAdsDisplayAjax .text-ads a.textadscommon {color:#34c6f4 !important;}
.text-ads{padding-top:0 !important; margin-bottom:0 !important;}
.text-ads a{padding:0 !important;}

/*Elastic search suggester start*/
#divESSuggesterSection {
clear: both;
padding-left: 14px;
}

.essuggester {
font-size: 14px;
}

.essuggester a {
	color: #4c96d3;
	font-weight: normal;
}

	.essuggester a:hover {
		cursor: pointer;
	}

	.essuggester a em {
		font-weight: bold;
		font-style: normal;
		color: #f37038;
	}
/*Elastic search suggester end*/