/*
Theme Name: Carl Webster
Description: Responsive styles.
*/

@media only screen and (min-width:1024px){
	.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon{display:block;}
}
@media only screen and (max-width:1023px){
	.wrap{width: 98%;}
	header .top_header .htop_left ul.menu li a{padding: 0 5px;}
	.header_bott .navigation-top ul.menu li a{padding: 0 6px;font-size: 11px;line-height: 26px;}
	.header_bott .rss_link{width: 30px;height: 26px;}
	
	.allBlog_lists.two-col > ul > li{margin: 0 15px 0 0;}
	.box{margin: 0 0 12px;padding: 12px;}
	.featured_posts > ul > li h3.post_title{font-size: 22px;line-height: 30px;}
	.header_bott .navigation-top nav{margin-left: 0;}
	.allBlog_lists.two-col > ul > li:nth-child(2n + 2){margin-right:0;	}
	.content_right .secondary {float: left;width: 100%; margin-right: 0;}
	
	.toggling_social{display:none !important;}
	
	 .header_bott .navigation-top ul.menu li.menu-item-has-children > a svg.icon{display:none;}
	.header_bott .navigation-top ul.menu li.menu-item-has-children:hover ul.sub-menu, .header_bott .navigation-top ul.menu li.menu-item-has-children:focus ul.sub-menu {
		display: none;
		visibility: hidden;
	}
	.no-svg .svg-fallback{display:none;}
	
	.menu-toggle{display:block !important;font-size:26px; color: #fff; padding: 0 5px;}
.main-navigation ul{display:none; background:none; padding: 0 !important;}
.header_bott .navigation-top ul.menu li {float: left;border-left: 0;width: 100%;}
.main-navigation li { border-bottom: 1px solid #247E9F;}
.header_bott .navigation-top ul.menu li a {line-height: 34px;}
.header_bott .dropdown-toggle{color: #fff;right: 0;display:block;}
.header_bott .dropdown-toggle svg{display:none;}
.header_bott .dropdown-toggle:after{content:'\f107';font-family: FontAwesome;}
.header_bott .dropdown-toggle.toggled-on:after{content:'\f106';font-family: FontAwesome;}

.header_bott .navigation-top ul.menu li ul.sub-menu{ position: static;width:100%;}
.header_bott .navigation-top{width:100%;}
.header_bott .rss_link { position: absolute;top: 7px; right: 0;}
.header_bott .menu-toggle{float: left;}
.header_bott nav .menu-toggle:after{content:'\f0c9';font-size:26px; color: #fff; padding: 0 5px;font-family: FontAwesome;}
.header_bott nav.toggled-on .menu-toggle:after{content:'\f00d';}

ul.sub-menu{display:none;visibility:hidden;}
ul.sub-menu.toggled-on{display:block !important;visibility:visible !important;}

header .top_header .htop_left ul.menu li a{line-height:22px;padding: 0 2px;}

.menu-toggle:hover, .menu-toggle:focus{outline:none;}
.menu-toggle svg.icon-bars,
.menu-toggle svg.icon-close{margin:0;display: none !important;}
}
@media only screen and (max-width:767px){
	 #download-page .download_group#download-page-featured ul {  padding: 1em;}
 #download-page .download_group#download-page-featured ul li { width: 100%; float: none; margin: 10px 0; padding: 0; }	
	
 header .header_mid .search_sec .search-form{margin-top: 15px;}	
 header .header_mid .site_logo{width:200px;}
 .allBlog_lists.two-col > ul > li {margin: 0 !important; width: 100%;}
 .content_right .paypal-donations input[type="image"] { border: none; margin: 10px 0 0;}
 header .top_header{text-align: center;}
 header .top_header .htop_right{float: none;height: 22px;}
 header .top_header .htop_left{float: none;}
 header .top_header .htop_left ul.menu li { float: none; display: inline-block;}
 header .top_header .htop_left ul.menu{width:100%;}
 footer .footer_bott{text-align: center;}
 footer .footer_bott .copyright {float: none;}


footer .footer_bott{padding: 10px;}
}
@media only screen and (max-width:639px){
.featured_posts > ul > li h3.post_title, .allBlog_lists > ul > li h3.post_title {font-size: 16px;line-height: 22px;}	
.post_entry, .post_entry p {font: 13px/1.5em sans-serif;}
footer .footer_widget .footer_block{width:45%;}
}
@media only screen and (max-width:479px){
header .header_mid .site_logo { width: 150px;}
header .header_mid .search_sec .search-form {margin-top: 16px;width: 135px;}	
header .header_mid .search-form input[type="search"]{padding: 3px 20px 3px 3px;height: 28px;font-size: 10px;}
header .header_mid .search-form .search-submit{background-size: 15px auto;width: 15px;height: 15px;margin: 3px 0 0;}
header .header_mid{ padding-top:10px;}
.content_left, .content_right{width:100%;}
footer .footer_widget .footer_block {width: 100%;margin-left: 0;}

}