@media only screen and (max-width: 500px) {

	/*general*/
	
	body, div{ font-family: Montserrat; font-size: 14px; line-height: 140%; color:#333333; }
	
	

	/*--div--*/
			
	.mview{ display: block; }
	.dview{ display:  none; }

	.main{ width:100%; height: 100vh; }
	.header{  border-bottom:1px solid #e2e2e2; }
	
	
	.container{ width:100%; margin-left: auto; margin-right: auto; padding:40px 20px; }
	.container-narrow{ width:100%;  margin-left: auto; margin-right: auto; }
	
	.sep{ height:40px; clear:both; }
	.clear {clear: both;}
	.border{ border:1px solid #000000; }
	.box {border: 1px solid #f3f5f7; border-radius: 10px; height: 100px;}

	.gallery { margin: 5px; height:70px; width: 70px; display:table-cell;}	


	.divFeature {padding: 10px;}

	/*Menu*/	
	.nav-link{font-size: 16px; padding: 5px; color: #000000; font-weight: normal;}
	.nav-link:hover{text-decoration: none; color: #00aeff;}
	
	
	/*Style*/
	.underline {text-decoration: underline 2px solid #00aeef;}
	.bold {font-weight: bold;}
	.line { width: 60%; border: 1.5px solid #dddddd}
	.mcenter{text-align: center;}
	
	
	/*Font*/
	
	.headline{ font-size: 30px; line-height: 120%; font-weight: bold;}
	.subheadline{ font-size: 22px; padding-top: 20px;}
	
	.title{  font-size: 28px; line-height: 120%; font-weight: bold;}
	.subtitle{ font-size: 16px; padding-top: 20px;}
	.descp{ font-size: 18px;   padding-top: 20px;}

	.icon{font-size:48px;}
	
	/*Image*/
	.logo{width:120px; height: 30px;}
	.image {width:100%; height: 140px}
	.image-tester {height:170px; width:100%; border-radius:10px; }
	
	
	/* Color */
	.bgblue{ background: #00aeff; }
	.bgdarkgrey {background: #454545;}
	.bglightgrey {background: #EFEFEF;}
	.bgwhite {background: #ffffff;}
	.white{ color: #ffffff; }
	.blue{ color: #00aeff; }
	.yellow{ color: #fcae08; }
	
	/*Button*/
	.btn-light {border: 2px solid #ffffff !important;}
	.btn-close{  padding: 5px 10px; border-radius: 5px; float: right; float: top; z-index: 9999; background: #00aeff; color: #ffffff;}

	/* Padding */
	.p0{ padding:0px !important; }
	.p5{ padding:5px !important; }
	.p10{ padding:10px !important; }
	.p20{ padding:20px !important; }
	.p30{ padding:30px !important; }
	.p40{ padding:40px !important; }
	.pt5{ padding-top:5px !important; }
	.pt10{ padding-top:10px !important; }
	.pt20{ padding-top:20px !important; }
	.pt30{ padding-top:30px !important; }
	.pt40{ padding-top:40px !important; }	
	.pb5{ padding-bottom:5px !important; }
	.pb10{ padding-bottom:10px !important; }
	.pb20{ padding-bottom:20px !important; }
	.pb30{ padding-bottom:30px !important; }
	.pb40{ padding-bottom:40px !important; }	
	
		
	/* Align */
	.center{ text-align:center !important; }
	.right{ text-align: right !important; }
	.left{ text-align: left !important; }
	
	/*Margin */
	.nopad{margin: 0px !important; }
	.m5{ margin:5px !important; }
	.m10{margin:10px !important; }
	.m20{ margin:20px !important; }
	.m30{ margin:30px !important; }
	.m40{ margin:40px !important; }

	/*Feature*/
	.divFeature{display: none; position: fixed;	width: 100%;	bottom:0px;	left:0px;	background: #ffffff;	height:90%;	overflow: auto;	z-index: 99999999;	padding: 10px 10px 10px 10px; }	
	.imgfeature{ width:100%; }
	.imgfeature2 {border: 1px solid #e2e2e2; border-radius: 50px; height: 100px;width: 100px;}
	.feature { padding-top: 10px; }
	.feature .photo{ width:50px; height:50px; border-radius: 25px; margin-right: 10px; }
	#bg-overlay {  position: fixed;   display: none; width: 100%;   height: 100%;   top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: rgba(0,0,0,0.5);   z-index: 9999;   cursor: pointer; }
	.point {padding-top: 0px;}
	
	/*Accordion*/
	.faqlist li {border-bottom:1.8px solid #e2e2e2; list-style-type: none;}
	.faq{ color: #00aeef;  padding:15px 0px;  }
	.faqanswer{ display:none; overflow: hidden; }
	.faq:after{content: '+'; font-size: 20px; color: #00aeef; float: right; margin-left: 5px;}
	.faqactive:after {content: '-';}

	/* Testimonial-static */
	.testimonial-static .item {padding-left: 20px; padding-right: 20px;}
	.testimonial-static .vl{height: 200; border-left: 4px solid #00aeff;}
	.testimonial-static .customer .imgtestimonial img {height: 230px; width: auto; margin: auto;}
	.testimonial-static hr.efiling{width: 100%; border: 2px solid #00aeff;}

	.thankyou .headline {font-size: 25px;}	
	.thankyou .subheadline {font-size: 20px;}	
	.thankyou .content {display:block;}
}