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

/* Responsive Styles */

body { width: 100%; max-width: 100%; min-width: 0; }

@media screen and (max-width: 1100px) {
	#site-container{width: 100% !important; margin: 0!important; border-radius: 0 !important;}
	#resmeasure { width: 15px; height: 0; }
	.box90{width:calc(100% - 40px);}
	#header.smallheader{width: 100% !important; position: relative !important; }
	#topadjust{height: 0 !important;}	
	#header-content{ flex-direction: column; align-items: center; }
	#logotitle{justify-content: center;}
	#mmainmenu{ align-self: center; max-width: 100%; }
	h2.mslider-caption { font-size: 25px; max-width: 70%; }
	p.mslider-caption { font-size: 15px; max-width: 70%; }
	.mainslider .slide-links .slide_btn { font-size: 15px; }
	.mainslider .owl-theme .owl-controls .owl-buttons div { height: 40px; width: 30px; font-size: 25px; }
	.featured-box{width: calc(33.33% - 30px) !important;}
	.item-gallery { width: 33.333%; }
	.staffname{font-size: 17px;}
	.staff-name-box p{font-size: 13px;}
	.staff-name-box .social a{width: 20px; height: 20px; font-size: 13px;margin: 2px;border-radius: 3px;}
}

@media screen and (max-width: 1000px) {		
	#content, #right-sidebar{ float: none; width: 100%; }
	#right-sidebar .widget{ margin: 10px; }
	.gallery-overlay{padding: 10px;}
	.glink, .glink:hover{margin: 5px 50px;}
	.dismask{padding: 5vw 0;}
	h2.displaybox, h3.fea-item::before{font-size: 25px;}
	p.displaybox{font-size: 15px;}
	a.displaybox{font-size: 15px;padding: 7px 15px;}
	#footer-sidebar .footer-widgets{width: calc(33.33% - 30px);}
}

@media screen and (max-width: 900px) {
	#resmeasure{width: 8px;}	
	.mslider-text-container{padding: 15px;}
	.mainslider .owl-theme .owl-controls .owl-page span{width: 10px; height: 10px;margin: 3px;}
	.mainslider .slide-links .slide_btn{padding: 5px 10px;}
	.featured-box{width: calc(50% - 30px) !important;}
	.boxtoptitle{font-size: 35px;}
	.boxtoptitle span{height: 20px;}
	.service-box{width: calc(55% - 30px);}
	.fea-box {width: calc(100% - 30px);}
	.view-staff{ width: calc(40% - 30px); }
	.staff-name-box .social a{width: 30px; height: 30px; font-size: 17px;}
	
	#header-content { flex-direction: row-reverse; padding: 5px 0; }
	#logotitle{justify-content: flex-end;}
	#mmainmenu { width: 230px; position: relative; }
	#mobile-menu { display: flex; }
	#main-menu-con { display: none; background: rgba(255,255,255,0.97); position: absolute; top: 100%; left: 0; z-index: 999999; }
	#main-menu-con li{float: none;margin: 0;}
	#main-menu-con li a {width: 230px; text-align: left; border-bottom: 1px dotted rgba(0,0,0,0.25); }
	#main-menu-con a.wccart-icon{text-align: center;}
	#main-menu-con ul ul, .sub-menu, .sub-menu ul ul { left: 30px !important; top: 90% !important; }
}

@media screen and (max-width: 800px) {	
	#heading1texts, #heading1button{width: 100%; border: 0; margin: 0; padding: 10px 0; text-align: center;}
	h2.mslider-caption, #heading1 { font-size: 19px; }
	p.mslider-caption, #heading-desc1 { font-size: 13px; }
	.mainslider .slide-links .slide_btn, #heading1button button{ font-size: 13px;  }
	view-staff{ width: calc(50% - 30px); }
	.item-gallery { width: 50%; }
	h1.page-title, h1.arc-post-title{font-size:25px;}
	h2.post-title, h2.commentsbox, h3#reply-title, h2.post-title-color{font-size:20px;}
	#footer-sidebar .footer-widgets{width: calc(50% - 30px);}
}

@media screen and (max-width: 600px) {
	h2.mslider-caption { max-width: 100%; }
	.boxtoptitle{font-size: 25px;}
	.boxtopdes{font-size: 15px;}
	.boxtoptitle span{height: 15px;}
	.featured-box{width: calc(75% - 30px) !important;}
	p.mslider-caption,.gcaption p, .mainslider .owl-pagination,.mainslider .owl-buttons{display: none;}
	h2.about-us,.featured-box h3.ftitle{font-size: 21px;}
	h3.about-us{font-size: 17px;}
	.service-box, .fea-box {width: calc(85% - 30px);}
	.fea-box-item{width: calc(100% - 30px);}
	.gcaption h3{font-size: 17px;}
	.gcaption p{font-size: 13px;}
	.view-staff {width: calc(50% - 30px);}
}

@media screen and (max-width: 500px) {
	#header-content { flex-direction: column; }
	#logotitle, #mmainmenu{justify-content: flex-start; align-self: flex-start;min-width: 50%;}
}

@media screen and (max-width: 400px) {
	#logotitle{min-width: 80%;}
	.featured-box{width: calc(100% - 30px) !important;}
	.view-staff{width: calc(100% - 30px); max-width: 300px;}
	.service-box, .fea-box {width: calc(100% - 30px);}
	.item-gallery { width: 100%; }
	.gcaption p{display: block;}
	#footer-sidebar .footer-widgets{width: calc(100% - 30px);}
}