/******==================== Blog Listing Page CSS Start ====================******/
.blog-listing{padding:90px 0px 0px;position:relative;}
.blog-listingfilter ul{margin-left: 0;}
.rightside-panel{max-width:1240px;width:100%;display:inline-block;margin-left:330px;z-index:1;}
.blog-not-found{height: calc(100vh - 140px);}
.listing-col-one{margin-top:50px;}
.listing-md-img,.listing-sm-img{overflow: hidden; border-radius: 5px; position: relative;}
.listing-md-img img{height:auto;width:100%;border:1px solid #f1f1f1;box-shadow: 0 5px 30px 0 rgba(0,0,0,0.10); border-radius: 5px;-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.listing-md-img:hover img,.listing-sm-img:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.blog-listing-detail a{color:#252B33;font-size:40px;line-height:50px;font-weight:800;margin:20px 0px;text-decoration:none;display:block;}
.blog-listing-detail p{font-size: 16px;line-height: 26px;margin-bottom: 0px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-listing-detail .category{font-size:12px; color:#81959E; font-weight:600; text-transform:uppercase;}
.blog-listingfilter .listing-category a .category-popup{transform:none;}
.listing-sm-img img{height:auto;width:100%;box-shadow: 0 5px 30px 0 rgba(0,0,0,0.10); border-radius: 5px;-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.listing-view .row{flex-wrap:wrap;}
.listing-view .blog-listing-detail{margin-top:20px;}
.listing-view .blog-listing-detail a{font-size:20px;color:#252B33;line-height:28px;margin: 10px 0px 0px; font-weight: 600;}
.listing-view .mar-top-30{margin-top:60px;}
.blog-listingfilter{width:100%;max-width:330px;display:inline-block;vertical-align:top;height:calc(100vh - 140px);position:fixed;left:0px;top:140px;padding:0px 20px 20px 40px;background:#fff;z-index:2;}
.blog-listingfilter::-webkit-scrollbar-track{border-radius:10px;background-color:transparent;}
.blog-listingfilter::-webkit-scrollbar{width:6px;background-color:transparent;}
.blog-listingfilter::-webkit-scrollbar-thumb{border-radius:10px;background-color:#7F8C8D;}
.blog-listingfilter.top-fixed{position:fixed;top:140px;left:0px;}
.blog-listingfilter.top-sticky{position:sticky;} 
.blog-listingfilter .listing-category a{display:flex;align-items:center;color:#252B33;font-size:16px;padding:12px 30px;border-radius:25px; border: 1px solid rgba(37, 44, 51, 0.3); font-weight: 600;}
.blog-listingfilter .listing-category a.active{color:#F13C31;background:rgba(0, 188, 212, 0.1);text-decoration:none;}
.blog-listingfilter .listing-category{display: inline-block;}
.blog-listingfilter .blog-adv-sec{margin-top:30px;}
.blog-listingfilter .blog-adv-sec a img{border-radius: 5px;box-shadow: 0 0px 30px 0 rgba(0,0,0,0.10);}
.blog-nav-icon{width: 18px; height: 12px; margin-right: 10px; display: inline-block; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.blog-nav-icon span{display: block; position: absolute; height: 2px; width: 100%; background: #252B33; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.blog-nav-icon span:nth-child(1) {top: 0px;}
.blog-nav-icon span:nth-child(2){top: 5px;}
.blog-nav-icon span:nth-child(3) {top: 10px;}
.catergory-btn.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
.catergory-btn.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.catergory-btn.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px;}
.blog-categories-sec{position: fixed; top: 210px; padding:20px 20px 5px; z-index: 99; left: 40px; background: #fff; width: 100%; max-width: 850px; box-shadow: 0 0 16px 0 rgba(0,0,0,0.15);}
.blog-categories-sec .row{flex-wrap: wrap;}
.blog-categories-sec a{color:#252B33; font-size:16px;font-weight: 600; display: inline-block; margin-bottom:15px; transition: all .3s ease-in-out; position: relative;}
.blog-categories-sec a::after{position: absolute; content: ""; height: 3px; width: 0; left: 0%; right: 0; bottom: -2px; background-color: transparent; border-bottom: 2px solid #F13C31; transition: all .3s ease-in-out; transform: translate(0%,0) translateZ(0); -webkit-transform: translate(0%,0) translateZ(0);}
.blog-categories-sec a:hover{ color: #F13C31;}
.blog-categories-sec a:hover::after{width:100%;}
.blog-description .ngg-galleryoverview .ngg-gallery-thumbnail-box{display: inline-block; margin-bottom: 5px;}
.blog-description .slideshowlink{display: none;}
.nav-page.active{background: red}
/* Blog Search Menu Start */
.blog-listingfilter .has-search{position:relative;}
.blog-listingfilter .has-search .fa-search{position:absolute;left:0px;top:13px; font-size: 14px; font-weight: 100; color: rgba(138, 149, 158, 1);}
.blog-listingfilter .has-search .form-control:focus{box-shadow:none;}
.blog-search-box .form-control{border: none; border-bottom: 1px solid transparent; font-size: 20px; line-height: 28px;color: #8A959E;font-weight: 300;letter-spacing: -0.5px;padding: 7px 20px;}
.blog-search-box .form-control:focus{border-bottom: 1px solid rgba(0,0,0,0.30); border-radius: 0px;}
.blog-search-box .clear-search{position: absolute; right: 0px; top: 7px; display: none;}
.blog-search-box .clear-search.visible{display: block;}
.blog-search-box .clear-search img{max-width: 10px;}
.has-search .form-control::-webkit-input-placeholder {color: #8A959E;font-weight: 300;}
.has-search .form-control::-moz-placeholder{color: #8A959E;font-weight: 300;}
.has-search .form-control:-ms-input-placeholder {color: #8A959E;font-weight: 300;}
.has-search .form-control:-moz-placeholder {color: #8A959E;font-weight: 300;}
.b-category-list {margin-top: 20px;}
.b-category-list ul li{list-style: none;}
.b-category-list ul li a{color: #8A959E;font-size: 18px; line-height: 32px;font-weight: 400;letter-spacing: -0.5px;}
.b-category-list ul li a:hover{color: #232C33;}
.b-category-list ul li a.active{color: #F13C31;}
.b-category-list ul li .page-name .home-link{margin-left: 7px;}
.blog-search-box .listing-filter,.b-category-list .filter-close{display: none;}
/* Blog Search Menu End */

/* Blog Pagination Css Start */
.bja-pagination{display: flex; align-items: center; justify-content: center; margin: 50px 0px;}
.bja-pagination .page-numbers{background: transparent;border: 0px;font-size: 20px;color: #252B33;font-weight: 800;line-height: 34px;outline: none;margin:0px 5px;padding: 10px 20px; cursor: pointer; position: relative;}
.bja-pagination .page-numbers.current,.bja-pagination .page-numbers:hover{color: #F13C31; background: rgba(0, 123, 255, 0.1); border-color: rgba(0, 123, 255, 0.1);}
.bja-pagination .page-numbers.next {font-size: 0px; background: url(../images/blog-next-arrow-img.svg) no-repeat;background-position: center;}
.bja-pagination .page-numbers.prev {font-size: 0px; background: url(../images/blog-prev-arrow-img.svg) no-repeat;background-position: center;}

/* Blog Pagination Css End */

/*===== Job Apply Popup CSS Start =====*/
.job-popup-wrap{width:250px; position: fixed; bottom: 25px; left: 25px; z-index: 999;box-shadow: 0 2px 8px 0 rgba(40,41,61,0.04), 0 16px 24px 0 rgba(96,97,112,0.16);border-radius: 10px;background: #FFFFFF;}
.job-popup-wrap .popup-box-wrap{position: relative;}
.popup-box-wrap .banner{position: relative; background: url("../../assets/images/job-apply-bg.jpg") no-repeat; z-index: 0; background-size: cover; height: 128px; width: 100%;border-top-left-radius: 10px; border-top-right-radius: 10px;}
.popup-box-wrap .banner img{position: absolute; top: -38px; left: -10px;max-width: 268px;}
.popup-box-wrap .job-content{display: flex; flex-direction: column; padding:25px 25px 15px;}
.popup-box-wrap .job-content h4{color: #232C33; font-size: 12px;font-weight: 600; margin: 0px; line-height: 17px; letter-spacing: -0.27px;}
.popup-box-wrap .job-content a{color: #f13c31 !important; font-size: 20px;font-weight: 600; line-height: 28px; letter-spacing: -0.44px; margin: 10px 0px 15px;}
.popup-box-wrap .job-content a .fa{color: #f13c31 !important;font-size: 16px; margin-left: 5px;}
.popup-box-wrap .job-content h6{color: #FF9104 !important;font-size: 11px;font-weight: 600; margin: 0px; line-height: 18px; letter-spacing: -0.18px;}
.popup-box-wrap .close-btn{position: absolute; right: 0px; top: -25px; z-index: 1; background:#D3D5D6; padding: 2px; width: 21px; height: 21px; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.popup-box-wrap .close-btn svg{width: 8px; height: 8px;}
.popup-box-wrap .close-btn svg g path{stroke: #232C33;}
/*===== Job Apply Popup CSS End =====*/
/******==================== Blog Listing Page CSS End ====================******/

/******==================== Responsive CSS Start ====================******/
@media only screen and (max-width:1660px){
.rightside-panel{width:calc(100% - 30%);}
}

@media screen and (max-width:1440px){
.blog-listing-detail a{font-size:34px;line-height:44px;}
.blog-listingfilter{padding:0px 30px 20px;}
.blog-categories-sec{left:28px;}
}

@media only screen and (max-width:1280px){
.blog-listingfilter{max-width:250px;padding:0px 20px 20px;}
.rightside-panel{margin-left:250px !important;width:calc(100% - 25%);}
.blog-listing-detail a{font-size:32px;line-height:40px;}
.blog-categories-sec {left: 20px;}
}

@media only screen and (max-width:1200px){
.listing-col-one .blog-listing-detail{margin-top: 20px;}
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.globalNav .navSection.logo .item-home,.globalNav .navSection.logo .mobile-logo .white-mb-logo,.black-theme-menu.globalNav .navSection.logo .mobile-logo .black-mb-logo{display: none;}
.globalNav .navSection.logo .mobile-logo,.black-theme-menu.globalNav .navSection.logo .mobile-logo .white-mb-logo{display: block;}
.globalNav .navSection.primary{margin-right: 10px;}
.footer-address-section .address-box a.map-url{padding: 0px 10px;}
.footer-section .services-box {padding-left: 15px;}
.desktop-footer .col-lg-4{flex: 0 0 100%; max-width: 100%;}
.desktop-footer .services-box,.desktop-footer .solution-box{flex: 0 0 50%; max-width: 50%;}
.globalNav{height: 60px; display: none;}

.blog-listingfilter{display:block;max-width:100%;position: sticky !important;top:59px;height:auto; padding: 0px 15px;z-index: 999;margin-bottom: 30px;}
.blog-listingfilter .blog-adv-sec{display:none;}
.blog-listingfilter .sidebar-close-menu{position:absolute;right:15px;top:5px;display:block;cursor:pointer;}
.rightside-panel{margin-left:0px !important;margin-top:0px;width:calc(100% - 0px);padding:0px 15px;}
.listing-col-one{margin-top:0px;}
.blog-listingfilter.slide_right{transform:translateX(0px);transition:0.5s;padding:0px 5px 20px;top:60px;height:calc(100vh - 0px);}
.listing-category{margin-top:0px;}
.blog-listingfilter.top-fixed{top:60px;}
.blog-categories-sec {left: 0px; top: 140px;right: 0px;margin: 0px auto;max-width: 95%;}

.blog-search-box{display: flex; align-items: center; justify-content: space-between;}
.blog-search-box .listing-filter{display: inline-flex; cursor: pointer;}
.blog-listingfilter .has-search{width: calc(100% - 50px);}
.b-category-list{display: inline-block; position: fixed; margin-top: 0px; top: 60px; right: -800px; background-color: #fff;width: 100%; max-width: 400px; height: calc(100% - 60px); z-index: 9999; padding: 0; transition: all 1s ease; -moz-transition: all 1s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 1s cubic-bezier(0, 0, 0.58, 1); -webkit-transition: all 1s cubic-bezier(0, 0, 0.58, 1); transition: all 1s cubic-bezier(0, 0, 0.58, 1);}
.b-category-list.open{right: 0px;transition: all 0.5s cubic-bezier(0, 0, 0.58, 1);}
.b-category-list .filter-close{display: inline-block; position: absolute; top: 0px; right: 10px; padding: 10px; cursor: pointer;}
.b-category-list ul{padding: 30px 15px;}
body.searchlist-open{overflow: hidden;}
body.searchlist-open .blog-listingfilter{z-index: 9999;}

.blog-not-found {height:auto; padding: 50px 0px;}
}
/* iPad 9th Gen Css End */

@media only screen and (max-width:1024px){
.blog-listingfilter{max-width:220px; top:110px;}
.listing-col-one {margin-top: 20px;}
.blog-categories-sec{top:170px;}
.rightside-panel{margin-left:230px !important;}
.blog-listing-detail a{font-size:28px;line-height:36px;}
.blog-listing-detail p{font-size:14px;line-height:20px;}
.blog-listingfilter .listing-category a{padding:12px 14px;}
.blog-listing-detail a{font-size:20px;line-height:28px;margin: 10px 0px; font-weight: 600;}
.listing-view .mar-top-30 {margin-top: 30px;}
.blog-listing{padding: 60px 0px 0px;}
.blog-listingfilter{display:block;max-width:100%;position: sticky !important;top:59px;height:auto; padding: 0px 15px;z-index: 999;margin-bottom: 30px;}
.rightside-panel{margin-left:0px !important;margin-top:0px;width:calc(100% - 0px);padding:0px 15px;}
}

@media only screen and (max-width:979px){
.blog-listingfilter .blog-adv-sec{display:none;}
.blog-listingfilter .sidebar-close-menu{position:absolute;right:15px;top:5px;display:block;cursor:pointer;}
.listing-col-one{margin-top:0px;}
.blog-listingfilter.slide_right{transform:translateX(0px);transition:0.5s;padding:0px 5px 20px;top:60px;height:calc(100vh - 0px);}
.listing-category{margin-top:0px;}
.blog-listingfilter.top-fixed{top:60px;}
.blog-categories-sec {left: 0px; top: 140px;right: 0px;margin: 0px auto;max-width: 95%;}

.blog-search-box{display: flex; align-items: center; justify-content: space-between;}
.blog-search-box .listing-filter{display: inline-flex; cursor: pointer;}
.blog-listingfilter .has-search{width: calc(100% - 50px);}
.b-category-list{display: inline-block; position: fixed; margin-top: 0px; top: 60px; right: -800px; background-color: #fff;width: 100%; max-width: 400px; height: calc(100% - 60px); z-index: 9999; padding: 0; transition: all 1s ease; -moz-transition: all 1s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 1s cubic-bezier(0, 0, 0.58, 1); -webkit-transition: all 1s cubic-bezier(0, 0, 0.58, 1); transition: all 1s cubic-bezier(0, 0, 0.58, 1);}
.b-category-list.open{right: 0px;transition: all 0.5s cubic-bezier(0, 0, 0.58, 1);}
.b-category-list .filter-close{display: inline-block; position: absolute; top: 0px; right: 10px; padding: 10px; cursor: pointer;}
.b-category-list ul{padding: 30px 15px;}
body.searchlist-open{overflow: hidden;}
body.searchlist-open .blog-listingfilter{z-index: 9999;}

.blog-not-found {height:auto; padding: 50px 0px;}
}

@media only screen and (max-width:767px){
.blog-listingfilter.slide_right{max-width:80%;}
.blog-listingfilter .listing-category a{font-size:16px;}
.blog-listingfilter .listing-category a .category-popup{font-size: 12px;}
.rightside-panel{margin-top: 0px;}
.listing-view{margin-top:0px;}
.blog-listing-detail p,.job-popup-wrap{display: none;}
.blog-description .ngg-galleryoverview .ngg-gallery-thumbnail-box{max-width: 93px;}
body.scroll-fix{overflow:hidden;}
.blog-categories-sec{overflow-y: scroll;height: calc(100vh - 140px);padding: 20px 20px 20px; z-index: 9999;}
.b-category-list{max-width: 100%;}
.blog-search-box .form-control{font-size: 16px;}
.listing-col-one .blog-listing-detail a{margin: 10px 0px 0px;}

/* Blog Pagination Css Start */
.bja-pagination .page-numbers{padding: 5px 8px;font-size: 16px; line-height: 24px;}
/* Blog Pagination Css End */
}
/******==================== Responsive CSS End ====================******/