/* Extra small devices (portrait phones, less than 576px) */
 
 @media only screen and (max-width: 512px) and (min-width: 457px) {
     .nav.nav-pills.justify-content-between {
         justify-content: start !important;
     }
     item:nth-child(6) .nav-link {
         padding-left: 0;
         padding-right: 16px;
     }
 }
 
 @media (max-width: 575.98px) {
     .tetCenter {
         text-align: center;
         font-size: 11px;
     }
     .header .logo {
         max-width: 45px !important;
     }
     .header .articleBtn {
         font-size: 12px;
         border-radius: 50px;
         padding: 3px 8px;
         /* font-weight: 400 !important; */
     }
     .banner .contentText {
         padding: 25px 0 0;
         margin: 0px 0px 60px;
     }
     .banner .contentText h1 {
         font-size: 35px;
         margin: 10px 0;
     }
     .banner .contentText h1 .saveImg {
         bottom: 4px;
         margin-right: 14px;
         width: 30px;
     }
     .featuredArticles ul li span,
     .conversations ul li span {
         font-size: 20px;
         margin-left: 10px;
     }
     .featuredArticles ul li a,
     .conversations ul li a {
         width: 40px;
         height: 40px;
     }
     .tooltipSearchBox ul li a img,
     .featuredArticles ul li a img.featuredImg,
     .conversations ul li a img.featuredImg {
         width: 24px;
     }
     .featuredArticles button.seeAll {
         width: 70px;
         font-size: 12px;
     }
     .huaweiSeriesList p {
         padding: 0 15px;
     }
     .featuredArticles {
         margin-top: 50px;
     }
     .touchSlider10_wrap {
         margin: 50px auto 0;
         padding-bottom: 80px;
     }
     .expertsBlogs .col-sm-2 {
         max-width: 50% !important;
     }
     .expertsBlogs i.fas {
         margin-top: 15px;
         margin-bottom: 35px;
     }
     .expertsBlogs {
         margin: 50px 0 0;
     }
     .replayCoomentBox .textBox span {
         font-size: 10px;
         border: 1px solid #999;
         background: transparent;
         padding: 3px 10px;
         border-radius: 50px;
         width: 200px;
         display: block;
     }
     .conversations button.commentBtn {
         width: auto;
         font-size: 12px;
     }
     .commentBox {
         padding: 20px 15px 12px;
     }
     .footer .footerInner {
         padding: 100px 30px 30px;
     }
     .footer .footerInner h2 {
         margin-bottom: 20px;
     }
     .conversations .topTitle {
         padding-bottom: 20px;
     }
     .conversations {
         padding: 20px 0 40px;
         top: 35px;
     }
     .searchbar {
         top: 0;
         width: 100%;
         margin: 80px auto;
     }
     .singleExpertarticle .banner .contentText h1,
     .featuredExpert .banner .contentText h1,
     .articleTemplateA .banner .contentText h1 {
         font-size: 30px;
     }
     .featuredExpert .banner .contentText {
         margin: 60px 0px 60px;
     }
     .filterCategory .banner ul li {
         display: grid;
         margin: 10px 0px;
     }
     .articleTemplateA .banner .contentText {
         padding: 50px 0;
     }
     .mtnStrategyBox {
         border-radius: 10px;
         margin-bottom: 20px;
     }
     .mtnStrategyBox h1 {
         font-size: 60px;
     }
     .mtnStrategyBox .viewNowBtn {
         padding: 12px 5px;
         width: 100%;
         margin: 6px 0 15px;
     }
     .submitForm .checkBoxMain button {
         font-size: 12px;
         padding: 10px 7px;
         margin-left: 0;
     }
     .featuredArticles.allArticles .topReadsBox,
     .allArticles.articleTemplateB .topReadsBox,
     .row.featuredArticles.allArticles.position-relative .topReadsBox {
         padding: 30px 0 0;
     }
     .slider_sec {
         margin-top: 20px !important;
     }
     .owl-dots {
         margin: 50px auto 0 !important;
     }
     .quoteConetnt .subHeaderBox {
         padding: 20px;
         min-height: 200px;
         margin: 20px 0 20px;
     }
     .quoteConetnt textarea {
         margin-top: 25px;
         padding: 20px;
     }
     .featuredArticles .col-sm-3.col-3.float-right.text-right {
         padding: 0px;
     }
     .allArticles.filterCategory .row.topReadsBox.align-items-center .col-lg-4.col-sm-6 .leftBox {
         margin-bottom: 50px;
     }
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-4,
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-8 {
         flex: 0 0 100% !important;
         max-width: 100% !important;
         margin-bottom: 20px;
     }
     .fullBoxHeadline .float-right {
         float: none !important;
     }
     .fullBoxHeadline {
         padding: 40px 25px;
     }
     .filterCategory .leftBox span {
         top: 50px !important;
         left: auto !important;
         right: 25px !important;
     }
     .ecosystemTrends .banner .contentText h1 {
         font-size: 53px;
     }
     .row.header .menu li {
         margin-right: 3px !important;
     }
     .overviewMTNPest8 .listDataBox li {
         padding: 6px;
         font-size: 12px;
         padding-left: 0;
     }
     .overviewMTNPest8 .listDataBox li::before {
         left: -30px;
     }
     .mtnStrategyBoximg img {
         height: 40%;
     }
 }
 
 @media (max-width: 500.98px) {
     .tooltipSearchBox ul li {
         width: 70px !important;
         margin: 0 auto !important;
     }
     .searchbar {
         top: 0 !important;
     }
     .tooltipSearchBox ul li a {
         margin: 0 auto 10px;
         width: 55px;
         height: 55px;
     }
     .tooltipSearchBox {
         height: 300px;
     }
     .row.tooltipSearchBox.trendsPage.position-relative {
         height: auto;
     }
 }
 
 @media (max-width: 400.98px) {
     .tooltipSearchBox ul li {
         width: 100% !important;
     }
     .searchbar {
         top: 0 !important;
     }
     .tooltipSearchBox ul li a {
         margin: 0 auto 10px;
         width: 115px !important;
         height: 115px !important;
     }
     .tooltipSearchBox {
         height: 100%;
     }
     .tooltipSearchBox ul li span {
         font-size: 14px !important;
         max-width: 100% !important;
         overflow: visible;
         width: 100%;
     }
     .header ul.menu li {
         margin-right: 6px;
     }
 }
 /* Small devices (landscape phones, less than 768px) */
 
 @media (max-width: 767.98px) {
     .submitForm form {
         min-width: 100%;
         margin: 15px auto;
         padding: 15px;
     }
     .submitForm .form-row {
         margin-bottom: 0;
     }
     .submitForm .form-row .form-control {
         margin-bottom: 15px;
     }
     .submitForm h2 {
         margin-bottom: 30px;
         font-size: 24px;
     }
     .tooltipSearchBox ul {
         top: 18px;
         bottom: unset;
     }
     .tooltipSearchBox ul li span {
         position: relative !important;
         left: unset;
         transform: unset;
         font-size: 12px;
         max-width: 165px;
         overflow: hidden;
         height: 55px;
         width: 100%;
     }
     .tooltipSearchBox ul li {
         width: 90px;
         margin: 0 auto !important;
     }
     .tooltipSearchBox ul li a {
         margin: 0 auto 10px;
         width: 60px;
         height: 60px;
     }
     .searchbar {
         top: 50px;
     }
     .row.header {
         position: relative;
     }
     .row.header .col-sm-6.col-6 {
         flex: 0 0 100% !important;
         max-width: 100% !important;
     }
     .row.header .col-sm-6.col-6.float-right.text-right {
         position: absolute;
         top: 50%;
         right: 0px;
         transform: translate(0%, -50%);
     }
     .articleTemplateB .topReadsBox .leftBox {
         margin: 0px 0 20px;
     }
     .replayCoomentBox .textBox span {
         font-size: 10px;
         border: 1px solid #999;
         background: transparent;
         padding: 3px 10px;
         border-radius: 50px;
         width: 200px !important;
         display: block;
     }
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-4,
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-8 {
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: 20px;
     }
     .row.featuredArticles.ecosystemTrends.position-relative,
     .row.featuredArticles.ecosystemTrends.position-relative .row.topReadsBox.align-items-center {
         padding: 50px 0 0px;
     }
     .featuredArticles {
         margin-top: 20px;
     }
     .allArticles .leftBox {
         margin-bottom: 20px;
     }
     .allArticles .moreBtn button {
         margin: 30px auto 0 !important;
     }
     .filterCategory .leftBox span {
         top: 80px;
         left: 33px;
         right: auto;
     }
     .fullBoxHeadline img.mountain {
         left: 50%;
     }
     .notMandetory {
         top: 38%;
     }
     .allArticles .leftBox h1 {
         font-size: 19px;
     }
 }
 /* Medium devices (tablets, less than 992px) */
 
 @media (max-width: 991.98px) {
     .tooltipSearchBox ul li {
         margin: 0 25px;
     }
     .replayCoomentBox .textBox span {
         width: 465px;
         display: block;
     }
     .dropdowncustom {
         margin-top: 20px;
     }
     .contentTextBox button.viewNowBtn,
     .contentTextBox a.viewNowBtn {
         width: 66% !important;
     }
     .tab-content .bg-white.shadow {
         margin-bottom: 40px;
         height: auto;
     }
 }
 
 @media (max-width: 1391.98px) {
     .mtnStrategyBox h1 {
         text-align: center;
     }
     .mtnStrategyBox p {
         max-width: 100%;
         text-align: center;
     }
 }
 /* Large devices (desktops, less than 1200px) */
 
 @media (max-width: 1199.98px) {}
 
 @media only screen and (max-width: 992.98px) and (min-width: 575.98px) {
     .topReadsBox .col-sm-4 {
         flex: 0 0 50%;
         max-width: 50%;
     }
     .featuredArticles.ecosystemTrends .topReadsBox .col-sm-4 {
         flex: 0 0 33%;
         max-width: 33%;
     }
     .mtnStrategyBoxMain .col-sm-2 {
         flex: 0 0 33%;
         max-width: 33%;
         margin-bottom: 15px;
     }
     .mtnStrategyBox .viewNowBtn {
         font-size: 16px;
         padding: 9px 5px;
         width: 100%;
         margin: 15px 0 15px;
     }
 }
 
 @media only screen and (max-width: 767px) and (min-width: 575px) {
     .nav-pills .nav-item:last-child .nav-link {
         padding-left: 0;
         padding-right: 16px;
     }
 }
 
 @media only screen and (max-width: 808px) and (min-width: 767px) {
     .header ul.menu li {
         margin-right: 16px;
     }
 }
 
 @media only screen and (max-width: 992.98px) and (min-width: 575.98px) {
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-4 .leftBox {
         padding: 30px 15px;
     }
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-4 .leftBox .readMore,
     .row.featuredArticles.ecosystemTrends .topReadsBox .col-sm-8 .leftBox .readMore {
         width: 165px
     }
     .row.featuredArticles.ecosystemTrends .topReadsBox .leftBox span {
         top: 70px;
         right: 44px;
     }
 }
 
 @media (max-width: 799px) {
     .row.header .col-sm-6.col-6.float-right.text-right {
         width: 17%;
     }
 }
 
 @media (max-width: 650px) {
     .tetCenter {
         font-size: 15px;
     }
     .row.header .menu li {
         margin-right: 8px;
     }
 }
 
 @media (max-width: 400px) {
     .replayCoomentBox .textBox span {
         width: 160px !important;
     }
     .custom-control {
         padding-left: 16px;
     }
     .header .articleBtn {
         font-size: 10px;
         padding: 5px 1px;
     }
     .tetCenter {
         font-size: 10px;
     }
 }
 
 @media (max-width: 337px) {
     .submitForm .checkBoxMain button {
         margin-top: 10px;
     }
 }