/* D5 Creation Theme by D5 Creation, www.d5creation.com
/* =Responsive Design 
-------------------------------------------------------------- */

/* Responsive Styles */
@media screen and (max-width: 1279px) {
	body { width: 100%; }
	.width85 { width: 95%; }
	#main-menu-con a { font-size: 15px; }
	#top-menu-container .social { display: none; }
	.header-content { }
}

@media screen and (max-width: 1150px) { .catcontent .post {  width: calc(100% - 20px);  } .single-post .post-container .entrytext{ padding: 20px; } }

@media screen and (max-width: 1023px) {
	.header-content { flex-direction:  column; align-content:  center; }
	#footer-content { display: block; text-align: center; }
	#footer-sidebar #footer-widget { margin: 10px; min-width: 280px; display: inline-block; text-align: left; vertical-align: top; float: none;  }
	#header.smallheader { position: relative; }
	#topadjust {height: 0px !important;}
	#header.smallheader #main-menu-con { background: #ffffff; }
	#main-menu-con a { font-size: 14px; padding: 5px 10px; }
	.slide-container .whyfeatured-box {  width: calc(100% - 30px); }
	.content, #memarea { width: 100%; }
	#right-sidebar { width: 100%; display: block; text-align: center; }
	#right-sidebar .widget { display: inline-block; float: none; margin: 5px; padding: 10px; text-align:left; vertical-align: top; width: 45%; min-width: 340px; }
	.mobile-menu { display: block; }
	#menu-container { display: none; position: absolute; width: 100%; z-index: 9999; left: 0; top: 100%; }
	#main-menu-con { background: #ffffff; width: 95%; margin: 0 auto; max-width: 300px; border-left: 5px solid #0e87d3; border-radius: 0px; box-shadow:1px 0 0 1px #eeeeee; }
	#main-menu-con a { margin: 0 auto; padding: 10px 0 !important; border-bottom: 1px solid #f6f6f6; text-align: left; }
	#main-menu-con li { float: none; margin: 0 auto; }
	#main-menu-con ul { width: 90%; }
	#main-menu-con ul ul, .sub-menu, .sub-menu ul ul { width: auto; transform: none; left: 0; top: 100%; }
	#main-menu-con .menurightpos > .sub-menu { right: auto; }
	#main-menu-con ul ul ul, .sub-menu ul ul ul { left: 20px; right: auto; top: 100%; }
	#main-menu-con ul ul a { margin: 0 auto; padding: 10px !important; }
	
	.slide-container { height: auto; }
	.distable { display: block; padding: 20px 0; }
	.visit-wp-theme a button { float: none; font-size: 15px; padding: 5px 10px; width: 250px; display: inline-block; }
	.visit-wp-theme { text-align:center; }
	.featured-box, whyfeatured-box, .bqpcontainer .featured-box, .themespace, #priceplan .mplan, .mpfaqq { min-width: 300px !important; }
	.themespace .mask p { display: none; }
	#theme-menu-con { width: 440px; max-width: 90vw; text-align: left; }
}

@media screen and (max-width: 925px) { #theme-menu-con { left: auto; right: 0; transform: none; } .themeptype::before { display: none; } .themeptype { margin: 5px 0; width: 300px; } .themeptype::after { border-color: #ffffff transparent transparent; border-width: 10px 10px 0; top: 15px; top: calc(50% - 5px); right: 3px; left: auto; } }

@media screen and (max-width: 799px) {
	#heading { font-size: 30px; }
	.heading-des { font-size: 13px; }
	.visit-wp-theme a button  { font-size: 15px; padding: 5px 10px; float: none; width: 250px; }
	.bqpcontainer .tesheading .read-more { display: block; float: none; font-size: 15px; margin: 0 auto; position: relative; right: 0; text-align: center; width: 150px; }
	#top-menu-container #searchform { display: block; }
	#heading { font-size: 20px; }
	.featured-boxs { margin:  0 auto; }
}

@media screen and (max-width: 507px) {  .paymentinfo .width85 { flex-direction: column; } #theme-menu-con { width: 240px; } }

@media screen and (max-width: 499px) {
	#login-form { width: 300px; }
	a.forget-password { margin: 10px 0 }
	img.site-logo, h1.site-title, #login-form { width: 100%;  display: flex; justify-content: center; }
	#login-form .signindd {  left:50%; transform: translate(-50%, 0px); } 

	#login-form a.account-creation { position: relative; float: left; width: 100%; text-align: left; }
	#login-form p.login-username, #login-form p.login-password { width: 100%; }
}

@media screen and (max-width: 400px) {  #theme-menu-con { left: 50%; right: auto; transform: translate(-50%, 0px); } }