/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Responsive Css */
@media(min-width:320px) and (max-width:767px) {
	.container {
		width: 100%;
		max-width: 470px;
		margin: 0 auto;
	}
	
	.header_top {
		text-align: center;
	}
	
	.right_top > p {
		float: none;
	}
	
	.right_top .mg-wpsi {
		display: inline-block;
		float: none;
		margin: 12px 0 0;
	}
	
	.mid_righthdr #logo1 {
		float: left;
		text-align: center;
		width: 100%;
	}
	
	.mid_righthdr img {
		display: inline-block;
		max-width: 300px;
		width: 100%;
	}
	
	.mid_right {
		float: left;
		text-align: center;
		width: 100%;
	}
	
	form#searchform {
		display: inline-block;
		float: none;
		max-width: 300px;
		width: 100%;
	}
	
	#searchform #searchfield {
		max-width: 300px;
		width: 83%;
		line-height: 14px;
	}
	
	.head-signup {
		display: inline-block;
		float: none !important;
		margin: 13px 0 0;
		max-width: 300px;
		text-align: center;
		width: 100%;
	}
	
	.main_menu .mega-menu-toggle {
		background: transparent none repeat scroll 0 0 !important;
	}
	
	#mega-menu-wrap-catnav .mega-menu-toggle.mega-menu-open + #mega-menu-catnav {
		background: transparent none repeat scroll 0 0;
		display: inline-block;
		width: 100%;
	}
	
	.main_menu ul li a:hover {
		background: transparent none repeat scroll 0 0 !important;
		color: #647382 !important;
	}
	
	.main_menu ul.mega-menu li:hover, .main_menu ul.mega-menu li.mega-current_page_item a:hover {
		background: #fbfbfb !important;
		float: left !important;
		width: 100% !important;
		display: inline-block !important;
	}
	
	.main_menu ul.mega-menu li.mega-current_page_item a {
		background: transparent !important;
		color: #fff !important;
	}
	
	.slider_sec .vc_col-sm-4 .article-sidebar-left-home {
		max-width: 300px;
		width: 100%;
	}
	
	.order_price_totals {
		width: 100%;
	}
	
	.slider_sec .vc_col-sm-4 .order_price_totals .c_symbol, .slider_sec .vc_col-sm-4 .order_price_totals #total {
		display: inline !important;
		float: left;
		font-size: 16px;
		width: auto !important;
	}
	
	.article-sidebar-left-home .mini-order .min_class_total {
		margin: 0 25px 0 0;
	}
	
	.top_heading h3 {
		font-size: 26px;
	}
	
	.testi_sec h2 {
		text-align: center !important;
	}
}