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

/*general*/
	
	body{ 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; }
	.content {width:100%; margin-left: auto; margin-right: auto; padding:40px 20px; } 
	.col-content{display: flex; flex-wrap: wrap;}	
	.sep{ height:40px; clear:both; }
	.clear {clear: both;}
	.border{ border:1px solid #000000; }
	.box {border: 1px solid #f3f5f7; border-radius: 10px; height: 100px;}
	.imgslide{width: 20%;}
	.gallery { margin: 5px; height:70px; width: 70px; display:table-cell;}	
	
	
/*Slide Palm */
	.item-palm img{ height: auto !important; width: 75% !important; margin-left: auto; margin-right: auto;  }
	
	
/* feature Palm */
.feature-palm .descp{text-align: center;}
.function-palm .descp{text-align: center;}

/*Slide Testimonial */
	.item-testi{margin-left: 10px !important; height: 20%;}
	.item-testi img{height:110%;}


	.divFeature {padding: 10px;}
	.divTrial{display:none; position:fixed; width: 100%; bottom: 0px; left: 0px; background: #fff; height: 30%; overflow: auto; z-index: 9999999; padding: 10px;}


/* 	Font */
	.efiling-problem .problem-descp{font-size:14px;}

/* List */
	.efiling .list li{ line-height: 25px;}
	.efiling .list li:before{content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -35px; width: 10px; padding-right: 30px; color: #00aeef; }
	
	
/*Menu*/	
	.nav-link{font-size: 16px; padding: 5px; color: #000000; font-weight: normal;}
	.nav-link:hover{text-decoration: none; color: #00aeff;}
	
	
/*Style*/
	.bold {font-weight: bold;}
	.line { width: 60%; border: 1.5px solid #dddddd}
	.fullheight{height: 100%;}
	
/*Font*/
	.headline{font-size: 30px; font-weight: bold; line-height: 120%; padding-bottom: 20px; text-align: center;}
	.subheadline{font-size: 22px; padding-bottom: 20px; text-align: center;}
	.subheadline{ font-size: 22px; padding-top: 20px;}
	.title{  font-size: 28px; line-height: 120%; font-weight: bold;}
	.descp{ font-size: 18px;   padding-top: 20px;}
	.subtitle{ font-size: 16px; 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; }
	.efiling-problem img{width: 100%;}
	
	
/* Table	 */
	.efiling td{padding-right: 5px !important; padding-bottom: 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{border-radius: 20px !important; border: 0px; padding: 10px 20px!important; color: white; font-weight: bold !important;}
	.btn-active{background-color: #fcae08;}
	.btn-defaults{background-color: #00aeef;}
	.btn-contact {background-color:#25D366;}
	
	.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;}


/* Span */
	.s-yellow{font-size: 30px; color: #fcae08;}
	.s-blue{font-size:30px; color: #00aeef;}
	.underline-yellow {text-decoration:3px solid underline #fcae08;}
	.underline-red{text-decoration: 4px solid #FF0000 underline; }
	
	
/* 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 */
	.mcenter{ text-align:center !important; }
	.mright{ text-align: right !important; }
	.mleft{ 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: '-';}
	
	
/* 	Efiling */
/*
	.efiling .item{padding: 10px; height: 100%;}
	.efiling .item i{ font-size: 30px; margin-top: auto; margin-bottom: auto;}
	.efiling .item .number{position: absolute; background-color: #fcae08; border-radius:50%; height: 45px; width: 45px;  z-index: 10000; }
	.efiling .item img{opacity: 1; z-index: -1; width: 70%;}
	.efiling .vl{height: 50; border-left: 4px dashed #efefef; margin-left: %;}
*/
	
	
/* 	E-filing testimonial */
/*
	.efiling-testimonial-testimony{padding-left: 5px !important; padding-right: 5px;}
	.efiling-testimonial .testimonial{background-color: #E7F3FF !important;}
	.efiling-testimonial .item {background-color: #E7F3FF !important; border-radius: 10px;}
	.efiling-testimonial hr { color:  #00aeff !important;}
	.efiling-testimonial .customer .imgtestimonial img {height: 300px; margin: auto;}
	.efiling img{width: 30%;}
*/

	
/* Header-banner */
	.header-banner .content{padding:}
	.header-banner .banner-left {margin:auto; text-align: center;}
	.header-banner .banner-right {margin:auto; text-align: center;}
	.header-banner .banner-right img{margin-bottom:-10px;}
	.header-banner .banner-right .mview{text-align: center; padding: 10px; padding-top: 5rem;}
	
	
/* Sms */
	.sms-problem .col-xs-12{padding: 10px;}
	.sms-problem .item .descp {font-weight: bold; padding-top: 20px;}
	.sms-problem .item .subdescp {padding-top: 20px; padding-left: 5px; padding-right: 5px;}
	
	.sms-solution .col-xs-12 {padding: 10px;}
	.sms-solution .item .descp {font-weight: bold; padding-top: 20px;}
	.sms-solution .item .subdescp {padding-top: 15px; padding-left: 5px; padding-right: 5px;}


/* Function */
	.function .point {padding-top: 20px;}
	.function .descp {font-size:20px;}
	.function .item { margin-top: 10px}
	
	
/* 	Sale */
	.followup {padding-left: 5%;}
	.followup .step{width: 100%;}
	.followup .step .item .number{background-color: #fcae08; height: 35px; width: 35px; border-radius: 50%; padding-top: 1px;}
	.followup .step .item .number .number-item{padding-top: 5px; text-align: center;}
	.followup .step .item .step-descp{padding-left: 20px; margin-top: 10px; font-size: 16px;}
	.followup .step .item .vl{height: 40px; border-left: 3px dashed #fcae08; margin-left: 6%;}
	.line-item{padding-bottom: 5px; padding-top: 5px;}

	
/* 	Floating Notification */
	.floating-notify .noline{text-decoration: none;}
	.floating-notify .noline:hover{text-decoration: none; color: white;}
	.floating-notify #divPopup{display: block; width: 100%; min-height: 80px;}
	.floating-notify .btn-close2{  float: right; float: top; z-index: 9999; border: 0px; background-color: transparent ;}


/* Feature */
	.feature .col-xs-12{padding: 10px;}

	
/* 	Zoomclass */
	.zoomclass img{padding: 10px;}
	.zoomclass .col-md-7 {text-align: center;}
	.zoomclass .item {border:2px solid #dddddd; border-radius:10px; padding: 10px; width: 90%; margin-left: auto; margin-right: auto;}
	
	
/* Plus-Package */
	.plus-package .col-content{ padding-top: 0px!important; border-radius: 10px; background: #E7F3FF!important;}
	.plus-package .plus-left{padding: 20px; border-radius: 10px 10px 0 0;}
	.plus-package .plus-left span {font-weight: normal !important;}

	.plus-package .plus-right{ padding:20px; padding-top: 30px!important; border-left: 0px!important; border-radius: 0 0 10px 10px; }
	.plus-package .plus-right .benefit{padding-left: 20px; text-align: left;}
	.plus-package .benefit li{padding-left:15px; line-height: 27px; text-align: left;}
	.plus-package .benefit li:before{content: "\f058"; font-family: FontAwesome; display: inline-block; margin-left: -35px; width: 10px; padding-right: 30px; color: #25D366; }

/* Upgrade with hand  */
/*
	.upgrade .item { margin-top: 4rem !important;}
	.upgrade .item .title {color: white; font-size: 30px; margin-left: 1px; }
	.upgrade .item .subtitle {color: white;}
*/

/* Testimonial Landing Page	 */
	.plus-feature .point {padding: 10px; width: 100%;}
	.plus-feature .point .col-md-3{margin-top: 0px; text-align: left; margin-left: -10px;}
	.plus-feature .point .col-md-9{text-align: left; padding-left: 12rem; margin-top: -5.5rem;}
	.plus-feature .point i{background: #fff; color: #fcae08; font-size: 30px; margin-left: 0rem; border-radius: 50%; border: 1px solid #fcae08;}
	.plus-feature .point .descp{ font-size: 24px; color: #00aeef;}
	.plus-feature .point .subdescp{ font-size: 16px;} 	

	.upgrade-hand {height:inherit; margin-bottom: 0px;}
	.upgrade-hand .col-md-6 .item {margin-top: 4rem!important;}
	.upgrade-hand .title {color: #fff; font-size: 26px; text-align: left; margin-left: 0;}
	.upgrade-hand .subtitle {color: #fff; text-align: left;}

	.system .items {margin-top: -1rem; margin-bottom: -6rem; width: 90%; margin-left: auto; margin-right: auto;}
	.system .title {font-size: 22px; margin-top: -3rem;}
	.system .items .img { padding-top: 20px;}	
	
	.urgency-v2 .point { width: 100%; padding: 10px 5px;}
	.urgency-v2 .point .col-md-5{text-align: center; margin-top: 0px; margin-right: 60rem;}
	.urgency-v2 .point .col-md-7{text-align: center;}
	.urgency-v2 .point .col-md-7 .item{text-align: left; margin-left: 5rem; margin-top: -7rem; margin-right: 1rem;}
	.urgency-v2 .point i{color: #F42733;; font-size: 30px; margin-right: 1px; border-radius: 50%; width: 50px; padding: 10px;}
	.urgency-v2 .point .descp{ font-size: 18px; color: #fff;} 

	.step .col-md-1 {text-align: center; margin: auto; border: 10px;}
	.step .col-md-1 i{font-size: 42px; font-weight: bold; color:#fcae08;}
	.step .item{text-align: center; padding: 15px 1px;}
	.step .item .subdescp{font-weight: bold;}
	

/* 	Cold Landing page */
	.feature .item .item-img {background: #efefef; border-radius: 30px; height: auto;}
	.optin-cold{padding-top: 10px!important;}
	.system .benefit ul li {margin-left: 30px; font-size: 14px; }
	.system .benefit .item {width: 100%;}	
	.benefit-cold .item{ border-bottom: 3px solid #efefef; border-radius: 0px;}
	
/* zoom */
	.zoom .item{margin-left: 0px;}
	

/* retarget */
	.reason .col-content .item img.fix{width: 100%;}
	
	
/*  Pluspalm*/
	.pluspalm .content {width: 100%!important;}
	.pluspalm .p-header{padding: 20px!important;}
	.pluspalm .efiling .usp-1 .col-md-4{padding-top: 20px!important;}
	.pluspalm .efiling .usp-1 .col-md-4 .subtitle{margin-top: -30px!important;}
	
	.pluspalm .efiling .usp-1 .col-xs-12 i{margin-top: 30px!important;}
	.pluspalm .efiling .usp-1 .col-xs-12 .descp{margin-top: -30px!important;}
	.pluspalm .usp-3 .item .item-box{padding-left: 1rem!important;}
	.pluspalm .record {background: #efefef; padding: 10px;}
	
}