/*
Template Name: magExpress
Template URI: http://www.wpfreeware.com/magexpress-fancy-style-wordpress-magazine-theme/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A Pro responsive bootstrap magazine template
Version: 1.0 
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* @font-face{ font-family:'Oswald'; font-style:normal; font-weight:600; src:local('Oswald Regular'),local('Oswald-Regular'),url("../fonts/Oswald-Regular-400.woff") format('woff')} */


@font-face{ font-family:'SolaimanLipi'; font-style:normal; font-weight:600; src:local('SolaimanLipi Regular'),local('SolaimanLipi'),url("fonts/SolaimanLipi.ttf") format('ttf')} 

body{background-color:#fff; color:#333; overflow-x:hidden !important; -webkit-user-select: none; user-select: none;}

ul{padding:0; margin:0; list-style:none}

a{text-decoration:none; color:#798992}

a:hover{color:#646464; text-decoration:none}

a:focus{outline:none; text-decoration:none}

h2{font-family:'Oswald',sans-serif; line-height:23px}

.container {display: flex; flex-wrap: wrap}

img{border:none; image-rendering: auto;}

img:hover{opacity:0.75}

.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}

.img-right{display:block; margin-left:auto}

.img-left{display:block; margin-right:auto}

.yellow_bg{background-color:#ffd62c}

.yellow_btn{background-color:#ffd62c; color:#fff}

.yellow_btn:hover{background-color:#f8c907; color:#fff}

.limeblue_bg{background-color:#7dc34d}

.blue_bg{background-color:#09c}

.blue_btn{background-color:#09c; color:#fff}

.blue_btn:hover{background-color:#39c8f7; color:#fff}

.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}



/*Header */

#header{float:left; display:inline; width:100%}

.header_top{ display:inline; float:left; width:100%;  border-bottom:1px solid #e6e6e6}

.header_top_left{ float:left; display:inline; width:70%}



.top_nav{ text-align:left}

.top_nav li{ display:inline-block}

.top_nav li a{ color:orange; display:inline-block; font-family:"Oswald",sans-serif; font-size:12px; font-weight: bold; padding:8px 12px; text-transform:uppercase; -webkit-transition:all 0.5; -o-transition:all 0.5; transition:all 0.5}

.top_nav li a:hover{ color:cadetblue; text-decoration:none; outline:none}




.header_top_right{ float:right; display:inline-block; width:30%; text-align:right}

.search_form{ padding:3px 0 0}

.search_form input[type="text"]{ background:none repeat scroll 0 0 #fff; border:medium none; color:cadetblue; display:inline-block; line-height:27px; margin:0; max-height:31px; padding:0 0 0 15px; width:180px}

.search_form input[type="submit"]{ background:url("images/icon-search.png") no-repeat scroll center 5px rgba(0,0,0,0); height:27px; line-height:27px; width:30px; border:none}




.header_bottom{display:inline; float:left; width:100%; padding:10px 0px}

.header_bottom_left{float:left; display:inline; width:217px; padding: auto 0}

.socialmedia {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
    max-width: 100%;
}

.socialmedia img {
    width: 35px;
    height: 35px;
    display: inline-block;
    max-width: 35px;
}

.socialmedia img:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.socialmedia a {
    display: inline-block;
    width: 35px;
    height: 35px;
}




.logo{display:block; font-family:"Oswald",sans-serif; font-size:35px; font-weight:bold; line-height:16px; width:100%}

.logo > img:hover{opacity:0.8}

.logo > strong{color:#FFA500}

.logo > span{display:block; font-size:16px; font-weight:normal}

.header_bottom_right{float:right; display:inline; width:100%}

#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99}

#status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url("images/status.gif"); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}



.scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}


/*Navigation */

#navarea{float:right; display:inline; width:70%;}

.navbar-default{ border-radius:0; padding:0; margin-bottom:0px}

.container-fluid{padding-left:0; padding-right:0}

.navbar-collapse{padding-left:5px; padding-right:5px}

.custom_nav{border:1px solid #fff; width:100%}

.navbar-default .navbar-nav > li > a{color:#fff; display:block; font-family:"Helvetica",sans-serif; font-size:20px; text-decoration:none; text-align: right; text-transform:uppercase; border-top:2px solid transparent; border-bottom:1px solid transparent; margin-top:-2px; margin-left: 60px; margin-bottom:-2px; padding-bottom:15px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}


.dropdown-menu > li > a{color:#fff; font-family:"Helvetica",sans-serif; font-size: 20px; padding:5px 20px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.navbar-default .navbar-toggle .icon-bar{background-color:#fff}


.navbar-nav > li {position: relative;}


#mainContent{background-color:#f6f6f6; display:inline; float:left; padding:0; width:100%}


/*Content Top= First tow = slick + AI + jamat + Ovean + China */

.content_top{float:left; display:block; width:100%; padding-bottom: 5px}



/*Slider */

.latest_slider{float:none; display:inline; width:100%; padding-left:5px}

.single_iteam{position:relative}

.single_iteam img{width:100%}

.single_iteam h2{display:block; left:0; right:0; position: absolute; text-align:center; top:75%;}

.single_iteam h2 > a:hover{text-decoration:underline}

.single_iteam h2 > a{background-color:rgba(0,126,148,0.8); color:yellow; display: block; font-size:22px; padding:5px; line-height: 1.5}



/*Post Truth + Adivasi */
.content_top_right{float:none; display:block}

.content_top_right2{float:none; display:block}


.featured_nav{display: block}

.featured_nav li{display:inline; float:left; height:208px; margin-bottom:10px; border-bottom:10px dotted #e5e5e5; margin-right:10px; position:relative; width:100%}

.featured_nav li img{width:100%; height:100%}

.featured_nav li:hover .title_caption{height:130px; padding-top:15%}

.featured_nav p{font-size: 18px; color:#000; text-align: center}

.featured_nav2 p{font-size: 16px; color:#000; text-align: center}

.title_caption{position:absolute; left:0; right:0; bottom:0; padding:10px; text-align:center; background-color:#007e94; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.featured_nav li a{display:block; width:100%; height:100%; font-size:20px; color:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} 




.content_middle{float:none; display:block; width:100%; padding-bottom: 30px}



/*AI + Jamat */
.content_middle_leftbar{float:left; display:inline; width:100%;}



.single_category{float:left; display:block; width:100%}



.single_category > h2, .archive_style_1 > h2{text-align:left; font-size:24px; font-weight:bold; margin-top:5px; position:relative}

.single_category p{font-size: 16px}



.catg1_img h2{font-size: 24px; font-weight: 600; color: red}





.bold_line{bottom:0; display:block; height:10px; left:0; position:absolute; width:100%}

.bold_line span{ display:block; height:100%; width:100%}

.solid_line{background-color:#fff; bottom:5px; display:block; height:1px; left:0; position:absolute; width:100%; z-index:0}

.title_text{background-color:#f6f6f6; display:inline; padding:0 10px; position:relative; top:5px; z-index:1}





.catg1_nav ul {}


.catg1_nav li{float:left; display:relative; width:100%; margin-bottom:10px}

.catg1_nav li a{position:inherit; display:contents}

.catg1_nav h3{font-size:18px; padding: 10px; text-align: left; font-weight: bold; display:inline-block}

.catg1_nav h3:hover{text-decoration:underline; text-decoration-style: wavy}


.catgimg_container{background-color: orange; height:100px; overflow:hidden; width:100%; overflow:hidden}

.catgimg_container2{background-color: #007e94; height:100px; overflow:hidden; width:100%; overflow:hidden}

.catgimg_container3{overflow:hidden; width:100%; overflow:hidden; object-fit: cover}

.catgimg2_container{object-fit: contain}



.catg1_img img{height:100%; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.catg1_img:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}

.catg1_nav li .post_titile{color:#434c51; float:left; margin:5px 0px; font-size:20px; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.catg1_nav li .post_titile a{color:darkslategrey; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}






.content_middle_middle{border-left:2px solid #e3e3e3; border-right:2px solid #e3e3e3; border-bottom:10px solid #e3e3e3; border-top:1px solid #e3e3e3; display:block; float:right; margin-top:17px; position:inherit; width:100%; background-color: #fff; height:400px}



/* Youtube = chomosky*/
.content_middle_middle:after{ content:""; height:122px; left:-10px; position:relative; top:0; width:10px}

.content_middle_middle:before{content:""; height:122px; right:-10px; position:relative; top:0; width:10px}

.single_featured_slide2 p{padding: 20px}





.single_featured_slide{float:none; display:block; width:100%; text-align:center; box-sizing: border-box; padding-bottom: 20px}

.single_featured_slide img{width:100%}

.single_featured_slide > h2 a{color:orangered; font-size:32px; line-height: normal; font-weight:bold; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s}

.single_featured_slide > p{font-size:16px; padding:0px 10px}

.single_featured_slide2{width:100%; height:80%}

.single_featured_slide2 p{text-align: center; font-size: 14px; padding-left: 5px; padding-right: 5px}


.content_middle_middle .slick-prev{left:10px; top:25px}

.content_middle_middle .slick-next{left:62px; right:0; top:25px}


/* Ocean + China Crisis*/
.content_middle_rightbar{float:left; display:inline; width:100%; overflow: hidden}





.content_bottom{float:left; display:block; width:100%; margin-top: 55px}

.content_bottom_left{background-color:#fff; display:block; float:none; margin-left:-15px; min-height:550px; width:102%;}

.content_bottom_left .title_text{background-color:#fff}

.business_category_left{float:left; display:block; width:50%; padding-top:5px; padding-right: 20px}

.archive_style_1 > .business_category_left{width:48% !important; margin-right:2%}






.fashion_catgnav li{display:block; margin-bottom:10px; width:100%}


.catgimg2_container{width:100%; height:240px; float:left; display:block; overflow:hidden}



.catgimg2_container img{width:100%; height:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}

.catgimg2_container a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}

.catg_titile{margin-bottom:18px; float:left}

.catg_titile a{color:darkslategrey; font-size:28px; font-weight: 550; width: 100%; line-height: 30px}




.comments_box{float:left; display:inline; width:100%; margin-bottom:5px}

span.meta_date, span.meta_comment, span.meta_more{display:inline-block; margin-right:8px; color:#aaa; font-size:12px}

span.meta_date:before{content:" "; font-family:FontAwesome; font-style:normal; font-weight:normal; padding-right:4px; text-decoration:inherit}

span.meta_comment:before{content:" "; font-family:FontAwesome; font-style:normal; font-weight:normal; padding-right:4px; text-decoration:inherit}

span.meta_more:before{content:" "; font-family:FontAwesome; font-style:normal; font-weight:normal; padding-right:4px; text-decoration:inherit}

.business_category_right{float:right; display:inline; width:45%; padding-top:20px; padding-left: 1px}




.small_catg{}

.small_catg li{border-bottom:1px dotted #e5e5e5; display:block; margin-bottom:10px; padding-bottom:10px; width:100%}

.related-img{display:inline-block; float:left}

.media-left{width:112px; height:112px}

.media-left > img{width:100%; height:100%; float:right}



.media-heading a{font-family:"Oswald",sans-serif; color:cadetblue; font-size: 20px; line-height: 24px}





.games_fashion_area{float:none; display:block; width:100%}

.games_category{float:none; display:block; width:49%}



.fashion_category{float:right; display:inline; width:49%}

.technology_catrarea{float:left; display:inline; width:100%}

.content_bottom_right{float:left; display:inline; width:100%; height: 100%}




.single_bottom_rightbar{float:left; display:inline; width:100%; height:100%; margin-bottom:10px; margin-top: 20px}

.single_bottom_rightbar > h2{ color:#222; display:block; font-family:"Oswald",sans-serif; font-size:20px; font-weight:700; line-height:25px; margin:6px 0 15px; padding:0 0 13px; text-transform:uppercase; position:relative}

.single_bottom_rightbar > h2:after{background:none repeat scroll 0 0 #798992; bottom:-3px; content:""; height:3px; left:0; position:absolute; width:45%}

.single_bottom_rightbar > img{width: 100%; height: 100%}


.popular_catg{}

.popular_catg .media-left img{border:1px solid lightGrey; padding:2px}

.popular_catg li{border-bottom:none}

.tab-content{padding-top:20px}

.nav-tabs > li > a:before{visibility:hidden; margin-right:0px !important}

.single_bottom_rightbar ul li a{-webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s}

.single_bottom_rightbar ul li > a:before{content:" "; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1; margin-right:5px}



.miniheads{background-color: azure; color:brown; display: inline-block; padding: 0.2em 0.5em; font-size: 16px; font-weight: 500}

.wrappedimage{float: right; width: 50%; margin: 0 15px 10px 0; border-radius: 8px; padding-left: 0.5em; margin-left: 5px}

.wrappedimage2{float: left; width: 65%; margin: 0 15px 10px 0; border-radius: 8px; padding-left: 0.5em; margin-left: 5px}

.poems{font-size: 12px; font-style: italic}

.storyhead{background-color: red; color: white; text-align: center; font-size: 34px; width: 50%}

.storyhead{background-color: red; color: white; text-align: center; font-size: 34px; width: 50%}

.poemsPage{text-align: right}
.poemsPage2{text-align: left}






.blog_archive{display:inline; float:left; width:100%; margin-bottom:15px}

.blog_archive select{background-color:#fff; border:medium none; height:50px; padding:10px; width:100%}

.blog_archive select option{cursor:pointer; padding:10px 5px}





#footer{float:left; display:inline; width:100%; border-top:10px solid #798992; margin-top:30px}

.footer_top{background-color:#434c51; display:inline; float:left; padding:0; width:100%}

.single_footer_top{float:left; display:inline; width:100%; padding-left: 50px}

.single_footer_top > h2{ font-size:18px; margin:0 0 10px; padding:6px 0; text-transform:uppercase; text-align: left}

single_footer_top > p{ font-size:14px; margin:0 0 10px; padding:6px 0; text-transform:uppercase; text-align: left}





.flicker_nav{}

.flicker_nav li{display:block; float:left; width:22%; margin-right:8px; margin-bottom:8px}

.flicker_nav li a{display:block; height:75px; width:100%}

.flicker_nav li a img{width:100%; height:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.flicker_nav li a img:hover{opacity:0.75; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg)}



.labels_nav{text-align:left}

.labels_nav li{display:inline-block}

.labels_nav li a{display:inline-block; background:none repeat scroll 0 0 #2e3d45; color:#ddd; line-height:12px; margin:0 2px 4px 0; padding:12px 17px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s}

.single_footer_top p{color:#ddd}

.footer_bottom{float:left; display:inline; width:100%; background:none repeat scroll 0 0 #282e31; color:#eee; font-size:12px; padding:8px 20px}

.footer_bottom_left{float:left; display:inline; width:100%}

.footer_bottom_left p, .footer_bottom_right p{color:#949494; margin:9px 10px 10px}

.footer_bottom_right p{font-size:10px}

.footer_bottom_right{float:left; display:inline; width:100%; text-align:right}





.single_page_area{display:inline; float:left; padding-top:15px; width:100%; padding-bottom:25px}

.breadcrumb{ border-radius:0}

.breadcrumb li a{color:#fff; font-size: 14px}

.breadcrumb > li+li:before{color:#fff}

.breadcrumb > .active{color:#fff}

.single_page_area > h2{ font-size: 40px; color:firebrick; font-weight:900; line-height: normal; padding:20px 20px;}

.single_page_content{float:left; display:inline; width:100%}

.single_page_content li{font-size: 16px; font-weight: 600; color:darkslategrey}




.post_commentbox{border-bottom:1px dotted #dedede; display:inline; float:left; margin-bottom:30px; padding-bottom:2px; padding-left:5px; width:100%}

.post_commentbox a{margin-right:5px; font-size:11px}

.post_commentbox a > i{margin-right:5px}

.post_commentbox span{color:#798992; font-size:11px; margin-right:5px}

.post_commentbox span > i{margin-right:5px}

/*single page article head */


.single_page_content img{margin-bottom:10px; margin-top:20px; max-width:100%}

.image-container {position: relative; display: inline-block}

.image-container img {display: block; width: 100%; height: auto;}

.overlay-text {
    position: absolute;
    bottom: 50px;
    left: 10px;
    right: 10px;
    color: #000;
    padding: 10px 20px;
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    background-color: cornsilk;
    box-sizing: border-box;
    max-width: 100%;
    word-break: break-word;
}

.overlay-text2 {position:absolute; top: 75%; left: 55%; right: 0.5%; transform: translate(-50%, -50%); color: #fff; padding: 10px 10px; font-size: 20px; text-align: left; font-weight: 300; background-color:crimson}


.overlay-text3 {position:absolute; top: 15%; left: 25%; right: 25%; transform: translate(-50%, -50%); color: #fff; padding: 10px 10px; font-size: 20px; text-align: left; font-weight: 300; background-color:crimson}

.subtext{font-size: 18px; text-align: left; color: cadetblue}


.single_page_content blockquote{ border-style:solid; border-width:5px; font-size:15px; font-style:italic}

.single_page_content ul{margin-bottom:10px}

.single_page_content ul li{margin-bottom:3px; padding-left:30px}

.single_page_content ul li:hover{opacity:0.75}

.single_page_content p{font-size: 18px;}

.single_page_content ul li:before{ border-radius:0; color:#ffa500; content:""; height:10px; margin-left:-15px; margin-top:5px; position:absolute; width:10px}


.slick_slider3{width: 60%; height: auto}

.singlepage_image_container {display: flex; gap: 10px; padding-bottom: 30px}


        
.left {flex: 1; /* Equal width for both columns */padding: 10px;background-color:azure; text-align: left}

.right {flex: 2; /* Takes 2 parts of the space (wider) */background-color: lightblue; padding: 20px; text-align: left;}

.right p{font-size: 18px; margin-top: 50px}


.btn:hover{border-radius:0px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s}

.post_pagination{ display:inline; float:left; height:92px; margin-top:40px; overflow:hidden; width:100%; margin-bottom:10px}

.prev{display:inline; float:left; width:50%}

.angle_left{ color:#fff; display:block; float:left; font-size:20px; padding:30px 2px; text-align:center; width:50px}

.angle_right{ color:#fff; display:block; float:right; font-size:20px; padding:30px 2px; text-align:center; width:50px}

.angle_right:hover, .angle_left:hover{color:#fff}

.pagincontent{display:inline; float:left; height:100%; overflow:hidden; padding:10px; width:86%}

.pagincontent > span{color:#798992; display:block; font-size:14px; text-transform:uppercase}

.pagincontent > a{color:#2f2f2f; display:block; font-size:18px}

.next{display:inline; float:right; width:50%; text-align:right}





.share_post{display:inline; float:left; width:100%; margin-top:20px}

.share_post a{color:#fff; display:block; float:left; height:32px; line-height:32px; margin-bottom:25px; margin-right:10px; padding-right:10px}

.facebook{background-color:#436fc9}

.facebook i{background-color:#3967c6; display:block; float:left; font-size:16px; height:32px; line-height:33px; margin-right:10px; padding-top:0; text-align:center; width:32px}

.twitter{background-color:#40bef4}

.twitter i{background-color:#26b5f2; display:block; float:left; font-size:16px; height:32px; line-height:33px; margin-right:10px; padding-top:0; text-align:center; width:32px}

.googleplus{background-color:#ec5f4a}

.googleplus i{background-color:#e94d36; display:block; float:left; font-size:16px; height:32px; line-height:33px; margin-right:10px; padding-top:0; text-align:center; width:32px}

.linkedin{background-color:#007BB5}

.linkedin i{background-color:#346DA6}

.tiktok{background-color:#EF4E23}

.stumbleupon i{background-color:#CA4638}

.pinterest{background-color:#CA2127}

.pinterest i{background-color:#A53829}

.linkedin i, .stumbleupon i, .pinterest i{display:block; float:left; font-size:16px; height:32px; line-height:33px; margin-right:10px; padding-top:0; text-align:center; width:32px}




.similar_post{background-color:#fff; display:inline-block; float:left; margin-bottom:20px; padding:0 15px; width:100%}

.similar_post h2{border-bottom:1px dotted #798992; font-size:25px; padding-bottom:5px}

.similar_nav li{border-bottom:0px dotted #e5e5e5; width:50%; float:left}

.archive_area{float:left; display:inline; width:50%}

.single_archive{display:inline; float:left; position:relative; width:100%; margin-bottom:20px}

.archive_imgcontainer{float:left; display:inline; width:100%; height:300px; overflow:hidden}

.archive_imgcontainer > img{width:100%; height:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}

.archive_imgcontainer:hover img{transform:scale(1.1)}

.archive_caption{bottom:25px; left:0; padding:10px 20px; position:absolute}

.archive_caption h2 > a{background-color:rgba(0,0,0,0.4); color:#fff; display:inline-block; font-size:24px; line-height:26px; padding:8px 10px 10px}

.archive_caption h2 > a:hover{text-decoration:underline}

.archive_caption p{background-color:rgba(0,0,0,0.4); color:#fff; padding:3px}

.read_more{border-bottom:4px solid #ffa500; bottom:0; display:block; left:0; position:absolute; text-align:right; width:100%}

.read_more > span{background-color:#ffa500; color:#fff; display:inline-block; padding:5px 10px}





.error_page_content{display:inline; float:left; text-align:center; width:100%; padding-bottom:45px}

.error_page_content h1{display:inline-block; font-size:300px; font-weight:400; position:relative; vertical-align:middle; color:#ffa500}

.error_page_content h1:after, .error_page_content h1:before{background:none repeat scroll 0 0 #fff; content:""; height:20px; margin-top:-10px; position:absolute; top:50%; -webkit-transform:rotate(45deg); -mz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:20px}

.error_page_content h1:after{right:-60px}

.error_page_content h1:before{left:-60px}

.error_page_content h2{color:#c1c0b4; font-size:60px; font-weight:400}

.error_page_content h3{font-size:24px; margin-top:35px}

.error_page_content p{font-size:23px; line-height:31px; margin:36px auto 0; max-width:630px; padding:9px 0 8px; position:relative}

.error_page_content p:before{ content:""; left:0; position:absolute; top:1px; width:100%}

.error_page_content p:after{ bottom:1px; content:""; left:0; position:absolute; width:100%}

.error_page_content p > a:hover{color:#ffa500}





#ContactContent{float:left; display:inline; width:100%}

.contact_area{display:inline; float:left; padding:0 15px 25px; width:100%}
.contact_area h1{font-size:45px; font-weight:400; text-transform:uppercase; text-align:center}

.contact_area > p{text-align:center}

.contact_bottom{float:left; display:inline; width:100%}

.our_office{display:inline; float:left; position:relative; text-align:center; width:48%; margin-top:30px}

.our_office > h2{font-size:32px; margin:24px 0}

.contact_us{width:48%; position:relative; margin-top:30px; margin:20px auto}

.our_office:before, .contact_us:before{content:""; left:0; position:absolute; top:1px; width:100%}

.contact_us > h2{font-size:32px; margin:24px 0; text-align:center}

.contact_form{}

.contact_form input[type="text"], .contact_form input[type="email"]{border-radius:0; height:40px; margin-bottom:10px; width:100%}

.contact_form textarea{width:100%; height:150px; border-radius:0px; margin-bottom:10px}

.contact_form input[type="submit"]{float:right; height:40px; line-height:40px; width:100px; border:1px solid #ccc; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}




@media(max-width:1199px ){
    .header_bottom_left{width:210px} .logo{width:210px} 
    
    .featured_nav li{height:169px; width:47.7%} 
    
    .single_featured_slide > h2 a{font-size:14px} 
    
    .media-left > img{width:100%; height:auto} .pagincontent{width:82%}
}





@media(max-width:991px ){
    .header_bottom_left{width:100%} 
      
    
.header_bottom_right{display:none} 
    
    .featured_nav li{margin-left:10px; 
        margin-right:0px; height:208px} .catgimg_container{height:110px} 
    
.flicker_nav li a{height:60px} 
    
    .content_bottom_left{margin-left:0; padding-left:15px; padding-right:15px; width:100%} 
    
    .media-left > img{width:100%; height:auto} 
    
    .pagincontent{width:84%} 

    
.contact_us{margin-top:40px; width:100%} 
    
    .our_office{width:100%}
}




@media(max-width:767px ){
    

    .header_top_left{width:60%} 
    
    .header_top_right{width:40%} 
    
    .search_form input[type="text"]{width:80%} 

    
    .container-fluid{padding-left:15px; padding-right:15px} 
    
    
    .header_bottom {
    text-align: left; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 10px 15px; 
    box-sizing: border-box; 
  }

  .header_bottom_left {
    float: left; 
    width: auto; 
    padding: 0; 
    text-align: left; 
  }

  .header_bottom_left a.logo {
    display: flex; max-width: 30px; height: auto;}

  #navarea {
    width: 60%; flex:1; 
  }

  .nav > li > a{padding:10px}

    .navbar-header {flex: 0 0 auto; 
}
    
    .navbar{width: 60%; float: right;}

  .navbar-nav {
    display: flex !important;
    flex-direction: column !important; /* Stack items vertically */
    margin: 0 !important;
    list-style: none;
  }

  .navbar-nav > li {
    width: 50% !important;
    text-align: left !important;
    
    list-style: none;
  }

  .navbar-nav > li > a {
    padding: 12px 15px 5px 5px;
    display: block !important;
    margin-left: 0  
  }

    .navbar-collapse li{padding: 0; text-align: center; list-style: none} 
   
    
    
    .navbar-collapse{padding-left:15px; padding-right:15px} 
    
    .navbar-nav{margin:7px 0; display: block; width: 50%;} 
    
    .mainContent{width: 100%; padding: 10px}

    .custom_nav{border:none} 
    
    .slick_slider a {
    position: relative; /* Ensure links are above other elements */
    z-index: 100;
  }
    
 
    
  .business_category_left,
  .business_category_right,
  .fashion_catgnav li,
  
    
     .fashion_catgnav{float:none; display:block; width:100%; padding-bottom: 30px; box-sizing: border-box}
    
    
    .media-heading{font-size:14px} 
    
    .flicker_nav li a{width: 100%} 
    
    .single_footer_top{margin-bottom:20px} 
    
    .footer_bottom_left{text-align:center} 
    
    .footer_bottom_right{text-align:center} 
    
    .media-left{width:112px; height:112px} 
    
    
    
    .similar_nav li{width:100%} 
    
    .pagincontent{width:87%} 
    
    .angle_right{width:13%} 
    
    .angle_left{width:13%} 
    
    .error_page_content h1{font-size:170px}
    
}



@media(max-width:480px ){
   
 /* body * {
    pointer-events: auto;
  } */
    
  
    
    .media {
    display: block;
  }
    
 
.header_top{width: 100%; padding: 0; display: flex}

  .header_top_left {
    width: 50%; float: none; padding: 0;
  }

  .header_top_right {
    width: 50%; padding: 0; float: none;
  }
    
     .socialmedia img{width: 30px; height: 30px; padding: 0; float: none}

  .header_bottom {
    text-align: left; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 10px 15px; 
    box-sizing: border-box; 
  }

  .header_bottom_left {
    float: left; 
    width: auto; 
    padding: 0; 
    text-align: left; 
  }

  .header_bottom_left a.logo {
    display: flex; max-width: 30px; height: auto;}

  #navarea {
    width: 100%; flex:1; 
  }

  .nav > li > a{padding:10px}

    .navbar-header {flex: 0 0 auto; 
}
    
    .navbar{width: 60%; float: right;}

  .navbar-nav {
    display: flex !important;
    flex-direction: column !important; /* Stack items vertically */
    margin: 0 !important;
    list-style: none;
  }

  .navbar-nav > li {
    width: 50% !important;
    text-align: left !important;
    
    list-style: none;
  }

  .navbar-nav > li > a {
    padding: 12px 15px 5px 5px;
    display: block !important;
    margin-left: 0  
  }

    .navbar-collapse li{padding: 0; text-align: center; list-style: none} 
   
    
 .content_top {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; 
  }
    
  .slick_slider .single_iteam a {
  pointer-events: auto;
  z-index: 10;
    }
    
    .slick_slider .single_iteam a,
.content_middle_leftbar .single_category a {
  min-height: 55px;
  padding: 12px 15px; /* Larger touch zone */
}

    .single_featured_slide > h2 a{font-size:24px; line-height: normal; font-weight:bold}

 .content_middle_rightbar .single_category{display: block; box-sizing: border-box; pointer-events: auto; position: relative; width: 100%; margin-top: 10px}
    
    .single_category li{padding-left: 0; pointer-events: auto; z-index:2}
    
    
    
    
  /*   .featured_nav {
    width: 100%;
    display: block;
    box-sizing: border-box;
  } */
    
    
    .featured_nav li {
    margin-bottom: 25px;
    background: #fff; 
    padding: 15px;
    width:100%;
  }
    
    
    .featured_nav li a,
  .catg1_img,
  .title_caption a {
    position: relative;
    display: block;
      pointer-events: auto;
      z-index: 10;
  }
    
     .featured_nav img{
    position: relative;
    display: block;
    width: 100%;
         z-index: 1;
  }
    
 
    
   /* .featured_nav li{margin-left:0; margin-right:0; margin-bottom: 10px; width:100%} */

    .title_caption {
    background: #007e94;
    color: yellow;
    padding: 1px 1px;
    margin-top: 10px;
    display: block;
    text-align: center;
    position: relative;
    margin-top: 10px;
  }

  .title_caption a {
    color: yellow;
    font-size: 18px;
    line-height: 1.4;
  }

  .featured_nav img {
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0;
  }
    
    
   
    .content_middle_middle {width: 100%; display: block; min-height: 450px; box-sizing: border-box}    
  
    
.content_middle_middle iframe {
    width: 325px; 
    height: 300px; 
  }
    
    
    .col-lg-6 col-md-6 col-sm-6{float: none; width: 100%; box-sizing: border-box}
    
    
    .content_bottom_left{width: 100%; display: block; padding:0; margin-top: 10px; margin-bottom: 10px}
    
    

  .catgimg2_container {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
  }

  .catgimg2_container img {
    width: 100%;
    height: auto;
    display: block;
  }

  .catgimg_container3 img {
    object-fit: cover;
  }
    
    .content_bottom{float:left; display:block; width:100%; margin-top: 10px}

    
    .content_bottom_left{display:block; float:none; margin-left:0px; width:100%;}
    
   .business_category_left{float:none; display:block; width:100%; padding:0; margin-top: 20px; pointer-events: auto}
    
   
    
    

.archive_style_1 > .business_category_left{width:100%; margin-top: 5px; display: block; padding:0}

  .fashion_catgnav {
    float: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  }
    
    
   
    
    .fashion_catgnav li{
        width: 200%;
        padding: 0;
    margin: 0 0 0 0;
    box-sizing: border-box;
        float: none;
    }

 

   
    
    
    .business_category_right{float:none; display:block; width:100%; padding:0; margin: 2px}

  .games_category {
    width: 100%;
    display: block;
    box-sizing: border-box;
    float: none;
  }

  .fashion_category {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

    .games_fashion_area{padding: 0; display: block; margin: 5 0 5 0}

  
    

  .pagincontent>a {
    font-size: 13px;
  }

  .single_page_area>h2 {
    font-size: 24px;
    line-height: 1.5;
    padding: 10px;
  }
    
    .single_page_area .post_titile {
    font-size: 24px; 
    line-height: 1.3; /* Adjust line height for better readability */
    margin-bottom: 15px; /* Add some space below the title */
  }

   .singlepage_image_container .left img {
    width: 100%; /* Make the image fill its container */
    height: auto; /* Maintain aspect ratio */
    display: block; 
    object-fit: cover;   
}
    
    .singlepage_image_container .right li{font-size: 11px}
    
    
    .single_featured_slide h2{font-size: 24px}
    
  .breadcrumb li a {
    font-size: 12px;
  }

  .breadcrumb>.active {
    font-size: 12px;
  }

  .error_page_content h1 {
    font-size: 100px;
  }

  .image-container .overlay-text {
    display: none;
  }

  .image-container .overlay-text2 {
    display: none;
  }

  .image-container .overlay-text3 {
    display: none;
  }
}






@media(max-width:360px ){
  
    .media {
    display: block;
  }
    
    .media-left{width:112px; height:150px} 
    
    .flicker_nav li a{height:60px} 
    
     
    
    .business_category_right .media-left, .games_category .media-left, .fashion_category .media-left{width: 100%; display: block} 
    
    
     .fashion_catgnav{float:none; display:block; width:100%; padding-bottom: 30px; box-sizing: border-box}
    
    .pagincontent > a{font-size:10px} .pagincontent > span{font-size:10px} 
    
    .archive_caption h2 > a{font-size:16px; line-height:16px} 
    
    .slider_tittle{font-size:12px}
    
    .single_iteam h2 > a{font-size:22px; padding:25px; line-height: 1.5}
    
    .featured_nav li {
    width: 100%;
  }
    
    .error_page_content h1{font-size:70px} 
    
    .error_page_content h2{font-size:40px} 
    
    .error_page_content p{font-size:17px} .error_page_content h1:after, .error_page_content h1:before{height:15px; width:15px} .error_page_content h1:after{right:-30px} .error_page_content h1:before{left:-30px} 
    
    .top_nav li a{padding:8px 7px} .flicker_nav li{margin-right:7px; margin-bottom:7px} 
    
    .similar_post h2{font-size:17px}  
}