.clb-section-dark, .section-dark {
    background-color: #17161a;
}
footer {
    position: relative;
}
.clear, .clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
    content: '';
    display: table;
    clear: both;
}
.site-footer .widgets {
    padding: 30px 0 10px;
    list-style: none;
}
.vc_row:after, .vc_row:before {
    content: " ";
    display: table;
}
.breadcrumbs .vc_row, .clb-page-headline-holder .vc_row, .comments-container .vc_row, .project-page-content>.vc_row, .project-page>.vc_row, .site-footer .vc_row, .vc_row, .vc_row.blog-posts-masonry, .vc_row.masonry, .vc_row.portfolio-grid, .vc_row.tab-items-container, .vc_row.woo_c-products, .vc_row.wpb_row, .woo_c-product .page-container>.vc_row {
    margin-left: -20px;
    margin-right: -20px;
}
.site-footer .widgets {
    padding: 30px 0 10px;
    list-style: none;
}
.vc_row {
    position: relative;
}

.preloader { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #000; display: flex; justify-content: center; align-items: center; }
.loader{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}
#loader-2 span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #d70d2e;
    margin: 35px 5px;
}

#loader-2 span:nth-child(1){
    animation: bounce 1s ease-in-out infinite;
}

#loader-2 span:nth-child(2){
    animation: bounce 1s ease-in-out 0.33s infinite;
}

#loader-2 span:nth-child(3){
    animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce{
    0%, 75%, 100%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25%{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.site-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; padding: 15px 0; }

.main-banner .blog-post { position: relative; } 
.main-banner .blog-post .blog-thumbnail {width: 100%;height: 100vh;overflow: hidden;position: relative;background: #000;} 
.main-banner .blog-post .blog-thumbnail img {width: 100%;height: 100vh;object-fit: cover;opacity: 0.5;} 
.main-banner .blog-post .blog-info { position: absolute; bottom: 70px; left: 0; right: 0; max-width: 1200px; margin: 0 auto; z-index: 99; } 
.main-banner .blog-post .blog-thumbnail:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 0.87) 31%, rgba(0, 0, 0, 0) 70%); } 
.main-banner .blog-post .blog-info span.category {background: #000000;color: #fff;border-radius: 5px;font-size: 14px;padding: 3px 10px;display: inline-block;} 
.main-banner .blog-post .blog-info small { color: #fff; } 
.main-banner .blog-post .blog-info h2 {margin: 15px 0;color: #fff;max-width: 1000px;} 
.main-banner .blog-post .blog-info h2 a {color: #fff;font-size: 50px;font-weight: 800;} 
.main-banner .blog-post .blog-info p { color: #aeadad; font-size: 16px; line-height: 200%; padding: 0 20px 0 0; max-width: 1000px; } 
.main-banner .blog-post .blog-info .lnk-default2 { color: #fff; background: #d70d2e; min-width: 190px; line-height: 30px; border-radius: 50px; text-align: center; display: inline-block; padding: 8px 0; }

.main-banner .owl-nav button { position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; margin: auto 0; left: 10px; background: #d70d2e; } 
.main-banner .owl-nav button.owl-next { right: 10px; left: auto; } 

.pattern_bg { position: relative; } 
.pattern_bg:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(assets/images/bg-ptrn.png); -webkit-background-size: contain; background-size: contain; background-position: top; background-repeat: no-repeat; }

p{ font-weight: 400; font-family: inherit; font-size: 16px; color: #2f2e33; line-height: 170%;margin-bottom: 25px; }

.about-sec { padding: 50px 0; } 
.pattern_bg .container { z-index: 1; } 
.head-sec h4 {font-weight: 700;font-size: 17.8px;color: #232226;text-align: inherit;text-transform: uppercase;} 
.about-sec .head-sec h2 {font-size: calc(40px + 14 * ((100vw - 576px) / 1024));line-height: 1.05;letter-spacing: -.02em;font-weight: 800;position: relative;color: #17161a;} 
.about-sec figure { margin: 0; } 
.about-sec figure img { height: 500px; object-fit: cover; } 
.about-sec .wp-block-columns { align-items: center !important; } 
.about-sec figcaption.wp-element-caption { display: none; }

.wp-block-buttons { display: block; } 
.wp-block-buttons .wp-block-button a.wp-block-button__link { background: #d70d2e; min-width: 190px; line-height: 30px; border-radius: 50px; text-align: center; display: inline-block; padding: 8px 0; font-size: 15px; } 
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover { background: #000; }

.about-sec { padding: 50px 0; } 
.pattern_bg .container { z-index: 1; } 
head-sec h4 {font-weight: 700;font-size: 17.8px;color: #232226;text-align: inherit;} 
.head-sec h2 {font-size: calc(40px + 14 * ((100vw - 576px) / 1024));line-height: 1.05;letter-spacing: -.02em;font-weight: 800;position: relative;color: #17161a;line-height: 140%;margin: 0 0 15px 0;} 
.about-sec figure { margin: 0; } 
.about-sec figure img { height: 500px; object-fit: cover; } 
.about-sec .wp-block-columns { align-items: center !important; } 
.about-sec figcaption.wp-element-caption { display: none; }

.wp-block-buttons { display: block; }
.right-part .btn,
.blog-items .item .btn-theme, 
.wp-block-buttons .wp-block-button a.wp-block-button__link {background: #d70d2e;min-width: 190px;line-height: 30px;border-radius: 50px;text-align: center;display: inline-block;padding: 8px 0;font-size: 15px;transition: linear 0.3s;color: #fff;} 
.right-part .btn:hover,
.blog-items .item .btn-theme:hover,
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover { background: #000; transition: linear 0.3s;}

.blog-sec .head-sec { max-width: 800px; margin: 0px auto 50px; text-align: center; } 
.blog-sec { padding: 50px 0; }
 
.blog-items .item .thumb {overflow: hidden;position: relative;background: #000;} 
.blog-items .item .thumb img {height: 350px;width: 100%;object-fit: cover;transition: linear 0.3s;} 
.blog-items .item .info { padding: 15px; background: #fff; } 
.blog-items .item h4 { font-size: 20px; } 
.blog-items .item h4 a { color: #000; font-weight: 600; line-height: 140%; }  
.blog-items .item .thumb small { position: absolute; left: 20px; top: 20px; background: #d70d2e; color: #fff; border-radius: 5px; font-size: 14px; padding: 3px 10px; display: inline-block; }
.blog-items .item {margin: 0 0 25px 0;box-shadow: 0 0 9px 5px #00000000;border-radius: 5px;overflow: hidden;transition: lienar 0.5s;}
.blog-items .item:hover h4 a { color: #d70d2e; } 
.blog-items .item:hover .thumb img { transform: scale(1.2); opacity: 0.7; } 
.blog-items .item:hover { box-shadow: 0 0 9px 5px #00000021; transition: lienar 0.5s; } .item {}



.header-wrap-inner .row { align-items: center; } 
.header-wrap-inner img { width: 100%; max-width: 160px; } 
.menu { display: flex; gap: 10px; justify-content: flex-end; } 
.menu li a { color: #fff; padding: 5px 7px; display: block; font-weight: 600; font-size:14px; text-transform: uppercase; } 
.menu li.current-menu-item a,
.menu li a:hover { color: #d70d2e; } 
.right-part { display: flex; justify-content: flex-end; gap: 15px; } 
.right-part .btn { min-width: auto; padding: 5px 25px; color: #fff; } 
.main-banner .owl-nav button svg { color: #fff; }

#masthead.scrll {animation-name: fadeInDown;-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
#masthead.scrll { position: fixed; background: #000000; padding: 7px 0; } 
#masthead.scrll .header-wrap-inner img { max-width: 100px; } 
#masthead.scrll .menu li a { font-size: 14px; font-weight: 400; } 
#masthead.scrll .right-part .btn { padding: 2px 25px; font-size: 14px; }


footer { padding: 40px 0 0 0; } 
footer:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(assets/images/bg-ptrn.png); -webkit-background-size: contain; background-size: contain; background-position: top; background-repeat: no-repeat; } 
footer .widgets.row { padding: 0; } 
footer .widgets .widget { padding: 0; background: transparent; border: none; } 
footer .widgets .widget h3 { color: #565656; font-weight: 800; font-size: 14px; margin: 0; } 
footer .widgets .widget p { color: #fff; margin: 10px auto; display: block; } 
footer .widgets .social-media-box .widget a { color: #fff; } 
footer .widgets .social-media-box .widget a svg path { fill: #fff; } 
footer .widgets .social-media-box .widget a svg { width: 25px; height: 25px; } 
footer .widgets .theme-logo { padding: 18px 0 0 0; }
footer .site-info .site-info-holder { border-top: 1px solid rgba(136, 136, 136, .15); padding-top: 3.4vh; padding-bottom: 3.4vh; display: flex; justify-content: space-between; color: #fff; } 
footer .site-info .site-info-holder a { color: #fff; }


.scrol-top { position: fixed; bottom: -50px; right: 20px; background: #d70d2e; border-radius: 5px; transition: linear 0.5s; z-index: 9; opacity: 0; visibility: hidden; } 
.scrol-top a { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } 
.scrol-top a svg { color: #Fff; transform: rotate(270deg); } 
.scrol-top:hover { background: #000; } 
.scrol-top.active { bottom: 30px; opacity: 1; visibility: visible; }

.blog-category { background-color: #f3f3f375; padding: 50px 0; } 
.blog-category .head-sec { text-align: center; margin:30px 0 60px 0;} 
.blog-category .head-sec h4 { color: #8b8a8d; } 
.blog-category .head-sec h2 { color: #000; } 
.blog-category .head-sec p { color: #8b8a8d; } 
.blog-category .single-cat { margin: 0 15px; background: #fff; box-shadow: 0 0 9px 5px #00000000; border-radius: 5px; overflow: hidden; transition: lienar 0.5s; } 
.blog-category .single-cat figure { margin: 0; overflow: hidden; position: relative; background: #000; } 
.blog-category .single-cat figure img { height: 350px; width: 100%; object-fit: cover; transition: linear 0.3s; transition: linear 0.3s;} 
.blog-category .single-cat .info {padding: 10px 0 40px 0px;} 
.blog-category .single-cat .info h4 {font-size: 26px; margin: 7px 0 25px 0; font-weight: 600; } 

.blog-category .single-cat:hover figure img { transform: scale(1.1); opacity: 0.7; } 
.blog-category .single-cat:hover { box-shadow: 0 0 9px 5px #00000021; transition: lienar 0.5s; } 

.inner-banner { min-height: 350px; display: flex; align-items: flex-end; text-align: left; } 
.inner-banner h1,
.inner-banner h3 { margin: 0 0 15px 0;font-size: 36px; font-weight: 600; color: #FFFFFF; } 
.inner-banner ul.breadcumb a, 
.inner-banner ul.breadcumb span { font-size: 15px; } 
.inner-banner:before { background: rgb(0 0 0 / 34%); }

.blog-category-page { padding: 50px 0; } 
.all-blogs-cat article { box-shadow: 0 0 8px 2px #00000000; margin: 0 0 20px 0; transition: linear 0.2s; border-radius: 10px; } 
.all-blogs-cat article .post-thumbnail { margin: 0; background: #000; border-radius: 10px; overflow: hidden; } 
.all-blogs-cat article .post-thumbnail img {width: 100% !important;height: 400px !important;object-fit: cover !important;object-position: center;transition: linear 0.2s;max-width: 100% !important;} 
.all-blogs-cat article .entry-title { font-size: 28px; color: #000; font-weight: 800; line-height: 140%; margin: 15px 0 4px; padding: 0 15px; } 
.all-blogs-cat article .entry-title a { color: #000; } 
.all-blogs-cat article .posted-on { background: #f0f0f0; border-radius: 5px; padding: 5px; font-size: 13px; font-weight: 600; display: inline-block; margin: 0 0 10px 0; } 
.all-blogs-cat article .post-taxonomies { display: none; } 
.all-blogs-cat article .read-more-btn { background: #d70d2e; min-width: 190px; line-height: 30px; border-radius: 50px; text-align: center; display: inline-block; padding: 8px 0; font-size: 15px; transition: linear 0.3s; color: #fff; } 
.all-blogs-cat article .read-more-btn:hover { background: #000; } 
.all-blogs-cat article  p { margin: 0 0 15px 0; } 
.all-blogs-cat article:hover .post-thumbnail img { opacity: 0.7; transform: scale(1.2); } 
.all-blogs-cat article:hover { box-shadow: 0 0 8px 2px #00000030; } 
.all-blogs-cat article .entry-content { padding: 0 15px 15px; }

.side-panel { position: sticky; top: 60px; } 
.side-panel .head-title { background: #f6f3f3; border-radius: 10px; overflow: hidden; margin: 0 0 15px 0; padding: 25px 20px; } 
.side-panel .head-title h4 { font-size: 24px; font-weight: 800; }  
.side-panel .head-title .cat-menu li { position: relative; padding: 0 0 0 12px; transition: linear 0.2s; } 
.side-panel .head-title .cat-menu li p.menu-item-description { display: none; } 
.side-panel .head-title .cat-menu li a { font-size: 16px; color: #2f2e33; display: block; padding: 3px 0; } 
.side-panel .head-title .cat-menu li:before {content: "";position: absolute;display: block;width: 5px;height: 5px;background: #000;top: 12px;left: 0;transition: linear 0.2s;border-radius: 0;} 
.side-panel .head-title .cat-menu li:hover:before { width: 15px;background:#d70d2e; } 
.side-panel .head-title .cat-menu li:hover { padding: 0 0 0 22px; } 
.side-panel .head-title .cat-menu li:hover a { color: #d70d2e; }
 
#live-search-box #live-search-input { padding: 10px 10px; font-size: 15px; background: #ffffff; width: 100%; } 
#live-search-box #live-search-result {background: #fffafa;box-shadow: inset 0 0 9px 2px #00000021;margin: 10px 0 0 0;padding: 10px 10px;height: 250px;overflow-y: scroll;display: none;} 
#live-search-box #live-search-result a { display: flex; align-items: center; margin: 0 0 10px 0; transition: linear 0.2s; } 
#live-search-box #live-search-result a img { width: 100%; max-width: 65px; } 
#live-search-box #live-search-result span { font-size: 13px; padding: 0 0 0 6px; color: #000; line-height: 130%; } 
#live-search-box #live-search-result a:hover { background: #f0f0f0; }


.side-panel .head-title.tags-block a { font-size: 13px; color: #000; display: inline-block; font-style: italic; background: #ececec; padding: 5px 10px; margin: 2px; border-radius: 5px; } 
.side-panel .head-title.tags-block a:hover { background: #d70d2e; color: #fff; }

.single-blog { padding: 50px 0; } 
.single-blog blockquote { background: #f6f3f3; padding: 15px 18px; } 
.single-blog blockquote p { margin: 0; } 
.single-blog footer.entry-footer { display: none; }

.single-blog ul, 
.single-blog ol { margin: 0 0 15px 0; } 
.single-blog ul li { position: relative; padding: 0 0 0 12px; } 
.single-blog ul li:before { content: ""; position: absolute; display: block; width: 5px; height: 5px; background: #000; border-radius: 50%; top: 11px; left: 0; } 
.single-blog  li { font-weight: 400; font-family: inherit; font-size: 16px; color: #2f2e33; line-height: 170%; } 
.single-blog p a { color: #d70d2e; text-decoration: underline; }

.related-posts { margin-top: 40px; } 
.related-posts h3 { margin-bottom: 20px; font-size: 24px; } 
.related-posts-list { list-style: none; } 
.related-post-item { margin: 0 0 25px 0; box-shadow: 0 0 9px 5px #00000000; border-radius: 5px; overflow: hidden; transition: lienar 0.5s; } 
.related-post-item:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.1); } 
.related-thumb img { width: 100%; height: auto; margin-bottom: 10px; } 
.related-title { font-size: 18px; margin-bottom: 10px; color: #333; } 
.related-excerpt { font-size: 14px; margin-bottom: 10px; color: #555; } 
.read-more-btn { display: inline-block; padding: 6px 12px; background-color: #0073aa; color: #fff; text-decoration: none; border-radius: 4px; font-size: 13px; } 
.read-more-btn:hover { background-color: #005177; } 
.related-post-item .thumb { overflow: hidden; position: relative; background: #000; } 
.related-post-item .thumb img { height: 250px !important; width: 100% !important; object-fit: cover; transition: linear 0.3s; margin: 0; display: block; } 
.related-post-item .thumb a { display: block; } 
.related-post-item .info { padding: 15px; text-align: center; } 
.related-post-item .info h4 { font-size: 20px; color: #000; font-weight: 600; line-height: 140%; } 
.related-post-item .info .read-more-btn { background: #d70d2e; min-width: 190px; line-height: 30px; border-radius: 50px; text-align: center; display: inline-block; padding: 8px 0; font-size: 15px; transition: linear 0.3s; color: #fff; } 
.related-post-item .info .read-more-btn:hover { background: #000; }
.related-post-sec h3 { font-size: calc(40px + 14 * ((100vw - 576px) / 1024)); line-height: 1.05; letter-spacing: -.02em; font-weight: 800; position: relative; color: #17161a; line-height: 140%; margin: 0 0 15px 0; }
.related-post-sec { margin: 0 0 50px 0; }

.owl-dots {text-align: center;transition:linear 0.2s;} 
.owl-dots .owl-dot {width: 20px;height: 20px;border-radius: 50%;border: solid 2px #d70d2e;background: transparent;padding: 4px;transition:linear 0.2s;margin: 0 2px;} 
.owl-dots .owl-dot span { background: #d70d2e; width: 100%; display: block; height: 100%; border-radius: 50%; transition:linear 0.2s; } 
.owl-dots .owl-dot:hover span, 
.owl-dots .owl-dot.active span { background: #000000; } 
.owl-dots .owl-dot:hover, 
.owl-dots .owl-dot.active { border-color: #000000; }

.main-banner { position: relative; } 
.main-banner .owl-dots { position: absolute; bottom: 15px; left: 0; width: 100%; }


.main-banner .owl-dots .owl-dot:hover span, 
.main-banner .owl-dots .owl-dot.active span { background: #fff; } 
.main-banner .owl-dots .owl-dot:hover, 
.main-banner .owl-dots .owl-dot.active { border-color: #fff; }

.menu li a p { display: none; }

.filter-box a.get-filter, .filter-box .m-close-btn-filter { display: none; }
.single-blog .post ul, .single-blog .post ol { padding: 0 0 0 25px; }

.all-blogs-cta { display: flex; justify-content: center; margin: 40px 0 0 0; }
.blog-category .single-cat figure { background: transparent; text-align: center; } 
.blog-category .single-cat figure img { width: 100%; max-width: 100px; height: auto; margin: 20px auto 0; } 
.blog-category .single-cat { text-align: center; } 
.blog-category .single-cat .info .wp-block-buttons { display: flex; justify-content: center; } 
.blog-category .slick-slide { padding: 15px 0; }

.single-blog .entry-content h3 { margin: 15px 0; }
.single-blog .post ol li { list-style: auto; }

@media (min-width: 0px) and (max-width: 767px) {
	
	.site-header {display: none;}
	.main-banner .blog-post .blog-thumbnail{height:500px;}
	.main-banner .blog-post .blog-info{padding:0 15px;}
	.main-banner .blog-post .blog-info h2 a{font-size:25px;}
	.main-banner .blog-post .blog-info p { font-size: 14px; line-height: 20px; }
	.about-sec{padding:20px 0;}
	.about-sec figure img{height:200px;}
	.about-sec .wp-block-columns{gap:15px;}
	.head-sec h4{font-size:16px;}
	.about-sec .head-sec h2{font-size:25px;margin:0 0 5px;}
	.head-sec p{font-size:14px;}
	.blog-category{padding:20px 0;}
	.blog-category .head-sec h4{margin:0;}
	
	.blog-sec{padding:20px 0 0;}
	.blog-category .head-sec h2{font-size:25px;margin:0 0 5px;}
	.blog-category .head-sec p{line-height:20px;}
	.blog-category .head-sec{margin:0 0 20px;}
	.blog-category .single-cat figure img{height:auto;}
	.blog-category .single-cat .info h4{font-size:16px;}
	.single-cat .info p{font-size:14px;line-height:20px;}
	.head-sec h2{font-size:25px;line-height:32px;margin:0 0 5px;}
	.blog-items .item .thumb img{height:auto;}
	.blog-items .item h4 a{font-size:16px;}
	.blog-items .item p{font-size:14px;line-height:20px;}
	.blog-category .single-cat{margin:0;}
	
	.inner-banner h3{font-size:20px;}
	.inner-banner{min-height:250px;}
	.single-blog{padding:20px 0;}
	.single-blog p{font-size:14px;line-height:20px;}
	.single-blog h4{font-size:16px;}
	.single-blog h2{font-size:20px;}
	.single-blog .wp-block-columns{gap:0;}
	.single-blog ul li{font-size:14px;line-height:20px;}
	.single-blog ul li:before{top:8px;}
	.related-post-sec{margin:0;}
	.side-panel .head-title h4{font-size:16px;}
	.side-panel .head-title .cat-menu li a {font-size: 14px;}
	.blog-category-page{padding:20px 0;}
	.all-blogs-cat article .post-thumbnail img{height:auto!important;}
	.all-blogs-cat article p{font-size:14px;line-height:20px;}
	.all-blogs-cat article .entry-title{font-size:25px;line-height:30px;}
	.all-blogs-cat article .posted-on{margin:10px 0;}
	footer {padding: 0;}
	.theme-logo img {max-width: 120px;}
	.theme-logo{margin:0 0 20px;}
	footer .widgets .widget p{font-size:14px;line-height:20px;}
	.left{font-size:14px;}
	footer .site-info .site-info-holder{display:flex;flex-direction:column-reverse;padding:10px 0;}
	footer .site-info .site-info-holder a{font-size:14px;}
	p.menu-item-description { display: none; }
	
	.inner-page{padding:20px 0;}
	.contact_text{margin:0 0 30px;}
	.contact_text h2{margin:0 0 10px;font-size:25px;line-height: 25px;}
	.contact_text p{margin:0;line-height: 25px;}
	.cont-sec .wp-block-columns {gap: 0; }
	.contact-form form .form-control{height:40px;font-size:14px;}
	.contact-info strong{font-size:17px;margin:0;}
	.contact-info .icon{height:60px;width:60px;line-height:60px;left:0px;}
	.contact-info {padding-left: 0;}
	.contact-info .info_icn { padding-left: 85px; margin-top: 20px; }
	
	.mobilemenu{background:#000000e0;width:70%;height:100%;position:absolute;top:0;left:-70%;z-index:999;padding:40px 0 0;display:block;transition:left 1s ease-in-out;transition-delay:.3s;}
	.mobilemenu.open{left:0;transition-delay:0s;}
	.m-close-btn { top: px; left: auto; right: 10px; }
	a.m-close-btn:hover {color: #fff;}
	.owl-dots .owl-dot { width: 12px; height: 12px; border: solid 1px #d70d2e; }
	

	
	
	
	/* Shahroz Code*/
	
	.mobileheader { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: #00000059; padding: 5px 0; border-bottom: solid 1px #ffffff21; } 
	.mobileheader .branding-logo img { max-width: 120px; } 
	.mobileheader .menu-btn a { color: #fff; top: 2px; position: relative; } 
	.main-banner .blog-post .blog-thumbnail { height: 100vh; } 
	.mobilemenu.open { height: 100vh; } 
	.inner-banner {min-height: 200px;} 
	.inner-banner h3 { margin: 0; } 
	.all-blogs-cat article .entry-title { padding: 0; } 
	.all-blogs-cat article .entry-content { padding: 0; } 
	.all-blogs-cat article .entry-title { font-size: 19px; line-height: 140%; } 
	.all-blogs-cat article .read-more-btn { min-width: 150px; padding: 4px 0; font-size: 13px; }
	
	.filter-box a.get-filter, 
	.filter-box .m-close-btn-filter { display: block; }
	
	.filter-box { position: fixed; bottom: 0; left: 0; z-index: 9; background: #d70d2e; box-shadow: inset 0 0 8px 1px #3b0000a1; } 
	.filter-box .side-panel { display: none; } 
	.filter-box .get-filter { padding: 5px 0; color: #fff; text-transform: uppercase; text-align: center; font-size: 13px; } 
	.filter-box .get-filter i { width: 25px; height: 25px; background: #000; font-size: 16px; line-height: 25px; display: inline-block; } 
	.scrol-top.active { bottom: 0; right: 5px; transform: scale(.8); border: solid 1px #898989; } 
	.filter-box .side-panel { position: fixed; top: 0; width: 100%; height: 100%; background: #000000e0; left: 0; z-index: 999; padding: 60px 10px 0; } 
	.filter-box .side-panel .m-close-btn-filter { position: absolute; top: 0; right: 0; color: #fff; font-size: 25px; padding: 5px 10px; }
	.related-post-sec { position: relative; z-index: -1; }
	.single-post .inner-banner { padding-bottom: 20px; padding-top: 80px; } 
	.inner-banner h3 { font-size: 16px; } 
	.inner-banner ul.breadcumb a, 
	.inner-banner ul.breadcumb span { font-size: 12px; line-height: 110%; display: inline-block; } 
	.inner-banner ul.breadcumb span.sep { margin: 0 3px; } 
	.inner-banner ul.breadcumb li.last { display: none; }
	.blog-items .item .info { padding: 15px 0; } 
	.right-part .btn, 
	.blog-items .item .btn-theme, 
	.wp-block-buttons .wp-block-button a.wp-block-button__link { min-width: 120px; line-height: 30px; padding: 4px 0; font-size: 12px; }
	.main-banner .blog-post .blog-info .lnk-default2 { min-width: 110px !important; font-size: 14px; padding: 2px 20px; }
	
	.mobilemenu.open { width: 100%; padding-top: 0; }
	.mobilemenu.open .main-menu { width: 70%; position: absolute; height: 100vh; top: 0; padding: 70px 0 0 0; margin: 0; box-shadow: 6px 0px 8px 4px #000; background: #000; }
	.no-scroll { overflow: hidden; }
	.mobilemenu{width:100%;padding:0;height: 100vh;background: #00000070;transition: inherit;left: -100%;transition: left 0.5s ease-in-out;}
	div.m-close-btn{width:100%;height:100%;position: absolute;left: 0;background: #00000085;z-index: -1;}
	.main-menu{width:70%;background:#000;height:100vh;padding:30px 0 0;}
	.mobileheader{background:#000;}
	.mobilemenu ul{margin:0;}
	.m-close-btn{padding:0;top:0;left:180px;right:0;}

	

	
	

	
}


@media (min-width: 768px) and (max-width: 1023px){
	
	.header-wrap-inner img{max-width:120px;}
	.main-banner .blog-post .blog-thumbnail{height:450px;}
	.main-banner .blog-post .blog-info h2 a{font-size:25px;}
	.main-banner .blog-post .blog-info{padding:0 15px;}
	.main-banner .blog-post .blog-info p{font-size:14px;line-height:20px;}
	.main-banner .blog-post .blog-thumbnail img{height:auto;}
	.menu li a{padding:0 2px;}
	.right-part .btn{padding:2px 8px;font-size:14px;}
	.header-wrap .col-md-3{width:20%;}
	.header-wrap .col-md-7{width:57%;}
	.header-wrap .col-md-2{width:19%;}
	
	.menu {justify-content: flex-start;}
	#masthead.scrll .right-part .btn {padding: 0 8px;}
	
	.about-sec .wp-block-columns{flex-wrap:nowrap!important;}
	.head-sec h4{font-size:16px;}
	.about-sec .head-sec h2{font-size:25px;margin:0 0 5px;}
	.head-sec p{font-size:14px;line-height:20px;}
	.about-sec{padding:20px 0;}
	.blog-category{padding:20px 0;}
	.blog-category .head-sec h2{font-size:25px;margin:0 0 5px;}
	.blog-category .head-sec p{margin:0;}
	.blog-category .head-sec{margin:0 0 30px;}
	.single-cat .info p{font-size:14px;line-height:20px;}
	.blog-category .single-cat .info h4{font-size:16px;}
	.blog-category .single-cat figure img{height:250px;}
	.blog-sec{padding:20px 0 0;}
	.head-sec h2{font-size:25px;margin:0 0 5px;}
	.blog-items .item .thumb img{height:250px;}
	.blog-items .item h4{font-size:16px;}
	.single-item .info p{font-size:14px;line-height:20px;}
	.left{font-size:14px;}
	.right a{font-size:14px;}
	footer .widgets .widget p{font-size:14px;}
	footer .widgets .theme-logo{padding:0;}
	
	.inner-banner h3{font-size:22px;}
	.inner-banner{min-height:250px;}
	.single-blog{padding:20px 0 0;}
	.single-post p{font-size:14px;line-height:20px;}
	.side-panel .head-title h4{font-size:18px;}
	#live-search-box #live-search-input{font-size:14px;}
	.side-panel .head-title .cat-menu li a{font-size:14px;}
	.single-post h2{font-size:25px;}
	.single-blog .wp-block-columns{gap:0;}
	.single-blog ul li{font-size:14px;line-height:20px;}
	.single-blog ul li:before{top:8px;}
	.related-post-sec h3{font-size:25px;}
	.related-post-item .info h4{font-size:16px;line-height:20px;}
	.related-post-sec{margin:0;}
	.all-blogs-cat article .entry-title{font-size:20px}
	.all-blogs-cat article p{font-size:14px;line-height:20px;}
	.blog-category-page{padding:20px 0;}
	
	.inner-page{padding:20px 0;}
	.contact_text{margin:0 0 30px;}
	.contact_text h2{margin:0;font-size:25px;}
	.contact_text p{margin:0;}
	.cont-sec .wp-block-columns { flex-wrap: nowrap !important;gap: 0; }
	.contact-form form .form-control{height:40px;font-size:14px;}
	.contact-info strong{font-size:17px;margin:0;}
	.contact-info .icon{height:60px;width:60px;line-height:60px;left:20px;}

	
}


@media (min-width: 1024px) and (max-width: 1200px){
	
	.right-part .btn {font-size: 14px;padding: 5px 20px;}
	#masthead.scrll .right-part .btn { padding: 5px 20px;}
	.main-banner .blog-post .blog-thumbnail{height:550px;}
	.main-banner .blog-post .blog-info{padding:0 15px;}
	.main-banner .blog-post .blog-thumbnail img{height:auto;}
	.about-sec .head-sec h2{font-size:40px;}
	.head-sec h2{font-size:40px;}
	
	
	
}