/*
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:400; src:local('Oswald Regular'),local('Oswald-Regular'),url("../fonts/Oswald-Regular-400.woff") format('woff')}

body{
	background-color:#fff; 
	color:#333; 
	overflow-x:hidden !important;
	background-image: url('./images/bg_sportidol.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:#000000}
a:hover{color:#000000; text-decoration:underline}
a:focus{outline:none; text-decoration:none}
h1{font-family:'Oswald',sans-serif; line-height:23px}
h2{font-family:'Oswald',sans-serif; line-height:23px}
img{border:none}
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{float:left; display:inline; width:100%}
.header_top{ display:inline; float:left; width:100%;  border-bottom:0px 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:#798992; display:inline-block; font-family:"Oswald",sans-serif; font-size:12px; 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:#FFA500; text-decoration:none; outline:none}
.header_top_right{ float:right; display:inline; 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:#afafaf; 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:30px 0px}
.header_bottom_left{float:left; display:inline; width:217px}
.logo{display:block; font-family:"Oswald",sans-serif; font-size:35px; font-weight:bold; line-height:32px; width:217px}
.logo > img:hover{opacity:1}
.logo > strong{color:#FFA500}
.logo > span{display:block; font-size:16px; font-weight:normal}
.header_bottom_right{float:right; display:inline; width:728px}
#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:10px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; left:10px; 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}
#navarea{float:left; display:inline; width:100%}
.navbar-default{ border-radius:0; padding:0; margin-bottom:0px}
.container-fluid{padding-left:0; padding-right:0}
.navbar-collapse{padding-left:0; padding-right:0}
.custom_nav{border:0px solid #fff; width:100%}
.navbar-default .navbar-nav > li > a{
	text-align:center;
	color:#fff; 
	display:block; 
	font-family:"Oswald",sans-serif; 
	font-size:15px; 
	text-decoration:none; 
	text-transform:uppercase; 
	border-top:2px solid transparent; 
	border-bottom:2px solid transparent; 
	margin-top:-2px; 
	margin-bottom:-2px; 
	padding-top:5px; 
	padding-bottom:5px; 
	border-radius:5px;
	width:156px;
	-webkit-transition:all 0.5s; 
	-o-transition:all 0.5s; 
	transition:all 0.5s;
}
.dropdown-menu > li > a{color:#fff; font-family:"Oswald",sans-serif; padding:5px 15px; 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}

#mainContent{
	/*background-color:#FFFFFF; */
	display:inline; 
	float:left; 
	padding-top:15px; 
	width:100%;
}

#mainContent2{
	background-color:#424440; 
	color:#FFFFFF;
	display:inline; 
	float:left; 
	padding-top:15px; 
	width:100%;
}

.content_top{float:left; display:inline; width:100%}
.latest_slider{float:left; display:inline; width:100%; padding-left:0px}
.single_iteam{position:relative}
.single_iteam img{width:100%}

.single_iteam h2{display:inline-block; left:0px; position:absolute; right:0; font-size:20px; text-align:left; bottom:0px;}

.single_iteam h2 > a:hover{text-decoration:underline}
.single_iteam h2 > a{background-color:rgba(0,0,0,0.4); color:#fff; display:inline-block; font-size:20px; padding:10px}
.content_top_right{float:left; display:inline; width:100%}
.featured_nav{}

.featured_nav li{display:block; float:left; margin-bottom:10px; margin-right:0px; position:relative; width:33.33%}
.featured_nav li img{width:100%; height:100%}
.featured_nav li:hover .title_caption{height:130px; padding-top:15%}


.featured_nav_right li{display:block; float:left; margin-bottom:10px; margin-right:0px; position:relative; width:100%}
.featured_nav_right li img{width:100%; height:100%}

.featured_nav_right li:hover .title_caption{height:50px;}


.title_caption{position:absolute; left:0; right:0; bottom:0; padding:10px; text-align:center; background-color:rgba(0,0,0,0.75); -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:16px; 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}

.featured_nav_right li a{display:block; width:100%; height:100%; font-size:16px; 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:left; display:inline; width:100%}
.content_middle_leftbar{float:left; display:inline; width:100%}

.single_category{float:left; display:inline; width:100%}
.single_category > h2, .archive_style_1 > h2{text-align:center; font-size:20px; font-weight:700; margin-top:0px; text-transform:uppercase; position:relative}

.single_category > h3{text-align:right; font-size:14px; font-weight:700; margin-top:0px; text-transform:uppercase; position:relative}

.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:#000000; bottom:5px; display:block; height:1px; left:0; position:absolute; width:100%; z-index:0}

.title_text{
	background-color:#33FFCC; 
	color:#FFFFFF;
	letter-spacing:5px;
	border-radius:5px;
	display:inline-block; 
	padding:15px 15px 15px 20px; 
	position:relative; 
	top:20px; 
	z-index:1;
}

a.title_text:hover{color:#FFFFFF !important;}

h3 .title_text{background-color:#424440; color:#FFFFFF; display:inline-block; padding:10px 10px; position:relative; top:10px; z-index:1}

.catg1_nav{}
.catg1_nav li{float:left; display:inline; width:100%; margin-bottom:30px}
.catg1_nav li a{}
.catgimg_container{height:150px; overflow:hidden; width:100%; overflow:hidden}
.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:10px 0px; font-size:16px; width:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.catg1_nav li .post_titile a{color:#383838; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.content_middle_middle{border-left:10px solid #798992; border-right:10px solid #798992; display:inline; float:left; margin-top:17px; position:relative; width:100%}
.content_middle_middle:after{ content:""; height:122px; left:-10px; position:absolute; top:0; width:10px}
.content_middle_middle:before{content:""; height:122px; right:-10px; position:absolute; top:0; width:10px}
.single_featured_slide{float:left; display:inline; width:100%; text-align:center}
.single_featured_slide img{width:100%}
.single_featured_slide > h2 a{color:#383838; font-size:22px; 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:12px; padding:0px 16px}
.content_middle_middle .slick-prev{left:15px; top:25px}
.content_middle_middle .slick-next{left:62px; right:0; top:25px}
.content_middle_rightbar{float:left; display:inline; width:100%}
.content_bottom{float:left; display:inline; width:100%}
.content_bottom_left{background-color:#fff; display:inline; margin-left:-15px; min-height:300px; width:100%; padding-right:25px}

.content_bottom_left .title_text{background-color:#33FFCC}

.business_category_left{float:left; display:inline; width:25%; padding-top:20px}
.archive_style_1 > .business_category_left{width:48% !important; margin-right:2%}
.fashion_catgnav{}
.fashion_catgnav li{border-bottom:1px dotted #e5e5e5; display:block; margin-bottom:10px; width:100%}

.catgimg2_container{width:100%; float:left; display:block; overflow:hidden}
.catgimg2_container img{width: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)}


.logo_container{width:100%; float:left; display:block; overflow:hidden}
.logo_container img{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.logo_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{width:100%; text-align:center; margin-bottom:10px; float:left}

.catg_titile a{color:#000000; font-size:24px}
.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:49%; padding-top:20px}
.small_catg{}
.small_catg li{border-bottom:1px dotted #e5e5e5; display:block; margin-bottom:0px; padding-bottom:0px; width:100%}
.related-img{display:inline-block; float:left}

.media-left{width:200px; height:113px}

.media-left > img{width:100%; height:100%}
.media-heading a{font-family:"Oswald",sans-serif}
.games_fashion_area{float:left; display:inline; width:100%}
.games_category{float:left; display:inline; 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%}
.single_bottom_rightbar{float:left; display:inline; width:100%; margin-bottom:0px}
.single_bottom_rightbar > h2{ color:#FFFFFF; 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 #000000; bottom:-3px; content:""; height:3px; left:0; position:absolute; width:45%}
.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}*/
.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%;}

.footer_top{background-color:#424440; display:inline; float:left; padding:15px 0; width:100%; margin-top:20px;}

.single_footer_top{float:left; display:inline; width:100%}
.single_footer_top > h2{ font-size:18px; margin:0 0 10px; padding:6px 0; text-transform:uppercase}
.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-color:#000000; color:#FFFFFF; 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:0px; width:100%; padding-bottom:0px}

.breadcrumb{ border-radius:0}
.breadcrumb li a{color:#fff}
.breadcrumb > li+li:before{color:#fff}
.breadcrumb > .active{color:#fff}

.single_page_area > h1{ color:#FFFFFF; padding:20px 10px; line-height:40px}
.single_page_area > h2{ color:#000000; padding:20px 10px; line-height:40px}

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

.post_commentbox{border-bottom:1px dotted #dedede; display:inline; float:left; margin-bottom:10px; 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_content img{margin-bottom:10px; margin-top:10px; max-width:100%; height:auto;}

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

.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 ul li:before{ border-radius:0; color:#ffa500; content:""; height:10px; margin-left:-15px; margin-top:5px; position:absolute; width:10px}
.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:10px; 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:#FFFFFF; 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}
.stumbleupon{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{display:inline-block; float:left; margin-bottom:20px; padding:0 0 0 10px; width:100%}

.similar_post h2{border-bottom:1px solid #FFFFFF; font-size:25px; padding-bottom:5px}
.similar_nav li{border-bottom:0px dotted #e5e5e5; width:33.3%; float:left}
.archive_area{float:left; display:inline; width:100%}

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

.archive_imgcontainer{float:left; display:inline; width:100%; 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:18px; 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 #33FFCC; bottom:0; display:block; left:0; position:absolute; text-align:right; width:100%}


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

.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; 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:50%}
.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:100%; position:relative; margin-top:20px;}

.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"]{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.idoltop{height:200px; width:50%} 
.featured_nav li{height:200px; width:33.33%} 
.featured_nav_right li{height:200px; width:100%} 

.single_featured_slide > h2 a{font-size:20px} .media-left > img{width:100%; height:auto} .pagincontent{width:82%}}
@media(max-width:991px ){.header_bottom_left{width:100%} .header_bottom_right{display:inline} .featured_nav li{margin-left:10px; margin-right:0px; height:200px} 
.featured_nav_right li{margin-left:10px; margin-right:0px; height:200px} 
.catgimg_container{height:105px} .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:20px; 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} .navbar-collapse{padding-left:15px; padding-right:15px} .navbar-nav{margin:7.5px 0} .custom_nav{border:none} .catgimg_container{height:250px} .media-heading{font-size:14px} .flicker_nav li a{height:100px} .single_footer_top{margin-bottom:20px} .footer_bottom_left{text-align:center} .footer_bottom_right{text-align:center} 

.media-left{width:150px; height:84px} 

.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 ){

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

.header_top_left{width:100%} .top_nav{text-align:center} .header_top_right{width:100%; text-align:center; margin-bottom:5px} .search_form input[type="text"]{width:80%} .logo{width:auto} .header_bottom_left{text-align:center} .latest_slider{padding-left:0} 

.featured_nav li{margin-left:0; margin-right:0; width:100%} 
.featured_nav_right li{margin-left:0; margin-right:0; width:100%} 

.games_category{width:100%} .fashion_category{width:100%} .business_category_left{width:100%} .business_category_right{width:100%} .nav > li > a{padding:10px} .pagincontent > a{font-size:13px} 

.single_page_area > h1{font-size:20px; line-height:30px; padding:10px} 
.single_page_area > h2{font-size:20px; line-height:30px; padding:10px} 

.breadcrumb li a{font-size:12px} .breadcrumb > .active{font-size:12px} .error_page_content h1{font-size:100px}

.logo_container img{width: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}

.padding-left-xs-0{padding-left:0px !important;}

.padding-right-xs-15{padding-right:15px !important;}

.single_archive{width:100% !important;}

.contact_bottom{width:100%}

.popup-left-right{width:50% !important;}
}


@media(max-width:360px ){.catgimg_container{height:150px} .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{height:112px} .pagincontent > a{font-size:10px} .pagincontent > span{font-size:10px} .archive_caption h2 > a{font-size:18px; line-height:20px} .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}

.logo_container img{width: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}

.padding-left-xs-0{padding-left:0px !important;}

.single_archive{width:100% !important;}

.contact_bottom{width:100%}

.popup-left-right{width:50% !important;}
}


.featured_nav li.idoltop{height:100%; width:50%}