@media only screen and (min-width: 768px) and (max-width: 991px) {
#selectnav1{display:none}
#selectnav2{display:none}
#nav{display:block}
#f_menu{display:block}
.top_menu{margin-left:139px; margin-top:10px}
.main_menu_area ul li a{font-size:100%; padding:18px 14.1px}
.slider1, .main_content{width:505px}
.slider2, .sidebar, .sidebarlft{float: left; width: 90%;}
.left_column{ float: left; width: 90%; padding-left:0px;}
.right_column{float: left; width: 90%;}
.single_left_column{float: left; width: 90%;}
.galleryhm img{width:109px}
.single_cat_left_content{width:172px}
.single_cat_left_content h3{line-height:17px}
.readmore, .single_cat_right_content_meta span{margin-right:10px}
.footer_top_area{width:710px}
.inner_footer_top{width:530px}
.footer_menu ul li a{padding:0 12px}
}

/*Mobile Layout: 320px.*/

@media only screen and (max-width: 767px) {
.main_menu_area{width:auto;}
.top_menu{float: none; margin: 6px 4px 0px 8px; width: auto; line-height: 22px;}
#slider { display:none;}
.left_column{float:none; width:90%;padding-left: 0px;}
.single_left_column{margin-left:3px; width:91px}
.galleryhm img{width:129px}
.single_cat_left_content{width:280px; margin-left:3px}
.main_content{width: 100%;}
.right_column{float:none; margin:0 auto; width:280px}
.sidebar, .sidebarlft{float:none; margin:0 auto}
.footer_top_area{padding:12px 0; width:280px}
.inner_footer_top{width:250px}
.top_menu ul li a{font-size:96%; padding:0 10px}
.single_left_column_wrapper{margin-left:2px}
.single_left_column_wrapper .title{margin-left:3px}
.title{font-size:120%}
.single_left_column{margin-left:3px}
#nav li {width:90%; float:left;background:#ffb467;}
ul#nav {background:none;}
	.main_menu_area ul li {
    float: none;}
	#nav  ul li a{float:left; width:98%;}
.content_area{
    overflow: visible;
}
}

/*Wide Mobile Layout: 480px.*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
.center{width:440px; padding:5px}
#f_menu{display:none}
.main_menu_area{min-height:45px}
.top_menu{float:none; margin:15px auto 10px; width:330px}
.slider1{width:310px}
.slider2{min-height:146px; width:110px}
.left_column{width:430px; float:none}
.single_left_column{width:141px}
.galleryhm img{margin-bottom:5px; margin-left:3px; width:134px}
.single_cat_left_content{width:210px}
.main_content{width:430px}
.right_column{float:none; margin:0 auto; width:285px}
.sidebarlft{float:none; margin:0 auto}
.footer_top_area{padding:12px 0; width:430px}
.inner_footer_top{width:350px}
}

@media screen and (max-width: 769px){
.toplinks ul {float: none!important;}
.toplinks li{float: left; list-style: none outside none; width:94%; background: #2d2929;}
.toplinks{background:none;}
div {overflow:visible;}
.sidebar{width:90%}
}

@media screen and (max-width: 800px) {

    table { width: 87%; height:auto; float:left; }
    table th { display: block;width: 87%; }
    table tr { margin-bottom: 10px; display: block; }
    table td { display: block; text-align: left; font-size: 98%; border-bottom: 1px dotted #ccc; padding: 4px; word-wrap: break-word; width: 87%;}
    table td:last-child { border-bottom: 1px solid #808080; }
    table td:before { content: attr(data-label); float: left; font-weight: bold; color: #022d5a; margin-right: 9px; }	
	}
@media screen and (max-width:940px)
{
.body_wrapper{width:100%}
#header img.logo {float:left; display:block; max-height:90%;position:relative; left:0px;top:0px; width:auto; height:auto;}
#header {padding:2px;}
#header h1{ text-align: left; display: block; position: relative; left: 0; top: 0; word-wrap: break-word; }
#header h2{ position: relative; left: 0; top: 0; word-wrap: break-word; }
.footer_bottom_area{ width: 90%;}
.footer_menu ul li{width:90%; float:left;border-right:none;}
.copyright_text {width:90%;}
	}
	
@media screen and (max-width: 320px) {
.center {width:auto	}
.rightnav ul li{padding-left:4px;}
}
@media screen and (max-width: 300px) {
.more {position:relative;right:0px;top:0px;}
.title {border-bottom:none; font-weight:bold;}
}
@media screen and (max-width: 1045px) {
.center{width:auto; padding:0px}
}
@media screen and (max-width: 980px) {
.search{float: left; width: 90%; clear: both; margin: 10px 0px 9px 5px;}
}
@media screen and (max-width:991px)
{
#magnifier{display:none;}

}