/* SunRain Theme by D5 Creation, www.d5creation.com
/* =Responsive Design 
-------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
	body {max-width: 100%; min-width: 100%; width: 100%; overflow-x: hidden;}
	#site-container {width:100% !important; margin: 0 !important; border-radius: 0 !important;}
	.box90 {width: 97% !important; max-width: calc(100% - 40px); }
	.bqpcontainer-box {width: 100% !important;}
	#blogwidc {width: 25% !important;}
	#teswidc {width: 50% !important;}
	#clntwidc {width: 15% !important;}
}

@media screen and (max-width: 1024px) { 
	#resmwdt { width: 11px; }
	#header.smallheader {position: relative; }
	.featured-box { width: calc(33.333% - 14px); }
	#slide-container.vbasicslider .simplesldtextin{ font-size: 13px !important; }
}

@media screen and (max-width: 1023px) {
	#resmwdt { width: 9px; }
	#header-content{ display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
	#top-menu-con {float: none;}
	#logotitlecon{ padding-left: 80px; }
	.logotitle {float: right; margin: 0 auto; display: block; }
	#mobile-menu {display: inline-flex;}
	#main-menu-con { display: none; }	
	
	#content {width: 100%;}
	#right-sidebar { width: 100%; display: flex; align-items: start; flex-wrap: wrap; justify-content: center; }
	#right-sidebar .widget {width: 330px; margin: 0 10px 20px;}
	#footer-sidebar {margin: 0; display: flex; align-items: start; flex-wrap: wrap; justify-content: center;}
	#footer-sidebar .footer-widgets {width: 300px; max-width: 100%; margin: 0 10px 20px;}
	#blogwidc {width: 33.333% !important;}
	#clntwidc {width: 20% !important;}
	#top-menu-con {flex-wrap: wrap; justify-content: center; }
	
	#slide-container .prev, #slide-container .next{ width: 25px; height: 25px; font-size: 15px; }
	#slide-container .fs-pager-wrapper{ display: none; }
	#slide-container.vbasicslider:hover  .prev { left: 10px; }
	#slide-container.vbasicslider:hover  .next { right: 10px; }
}

@media screen and (max-width: 700px) {
	.logotitle {max-height: 70px; font-size: 45px; width: auto; }
	#blogwidc {width: 50% !important;}
	#teswidc {width: 100% !important;}
	#clntwidc {width: 25% !important;}
	.featured-box { min-width: calc(50% - 14px); }
	#heading2, #heading3, .bqpheading {font-size: 29px;} 
	#heading1container .heading1vcenter{ display: flex; flex-direction: column; align-items: center; }
	#heading1container *{ text-align: center; }
}

@media screen and (max-width: 500px) {
	#blogwidc {width: 100% !important;}
	#clntwidc {width: 33.333% !important;}
	.featured-box { min-width: calc(100% - 14px); }
	#footer-sidebar .footer-widgets{ width: 350px; }
}