@charset "utf-8";
	body.flex #sendNewSms{
		width:auto;
		background-color: #636;
		color:#FFF;
		padding:8px 20px;
		border: 1px solid #636;
		border-radius:4px;
		cursor:pointer;
	}
	body.flex .btnSubmit{
		width:auto !important;
		background-color: #636;
		color:#FFF;
		padding:8px 20px;
		border: 1px solid #636;
		border-radius:4px;
		cursor:pointer;
	}
	body.flex .only_mobile{
		display:none;
	}
	
	/*Control Menu*/
	#ctrl_menu{
		width:100%;
	}
		#ctrl_menu ul{
			display:table;
			width:100%;
			margin:0px auto;
			padding:0px;
		}
		#ctrl_menu ul li{
			list-style:none;
			float:left;
			margin:0px;
			padding:0px;
			text-align:center;
		}
		#ctrl_menu ul li a{
			display:block;
			width:100%;
			padding:8px 20px;
			color:#FFF;
			cursor:pointer;
			margin-bottom:1px;
			
			background-color: #636;
			border: 1px solid #636;
		}
		#ctrl_menu ul li a:active{
			background-color: #3D1A3D !important;
			border-color: #3D1A3D !important;
		}
		#ctrl_menu ul li a:visited{
			color:#FFF !important;
		}
		#ctrl_menu ul li:hover, #ctrl_menu ul li a:hover{
			background-color: #834783 !important;
			border-color: #834783 !important;
		}
	

/* CSS Document */
/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/	
@media (min-width: 1281px) {
	/* CSS */
	body.flex #swimbi{
		width:100% !important;
	}
}




/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
	/* CSS */
	body.flex #swimbi{
		width:100% !important;
	}
}




/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
	/* CSS */
	body.flex .hideMe, body.flex .notShow{
		display:none !important;
	}
	body.flex #swimbi{
		width:100% !important;
	}
	body.flex #swimbi ul{
		/*min-width:100% !important;*/
	}
	body.flex #feature-box, body.flex #free-trial-box{
		width:48% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex #wrapper, body.flex #main, body.flex #colophon{
		width:98% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex #main{
		margin-top:30px;
	}
	body.flex h2.banner{
		background-image:url(../images/ct_big_home2.jpg) !important;
	}
	body.flex #munda form input.full{
	display:block !important;
	float:none !important;
	width:95% !important;
	min-width:300px;
	margin-left:0%;
	margin-right:0%;
	padding-top:5px;
	padding-bottom:5px;
	}
	body.flex #free-trial-box-content input{
		width:100% !important;
	}
	body.flex #formSubmitOrder table#hor-zebra tr td{
		float:left !important;
		width:100% !important;
	}
	
	/*admin*/
	body.flex .only_mobile{
		display:block;
	}
}




/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* CSS */
	body.flex .hideMe, body.flex .notShow{
		display:none !important;
	}
	body.flex div#access{
		min-width:640px !important;
		width:640px !important;
	}
	body.flex #swimbi{
		width:100% !important;
	}
	body.flex #swimbi ul{
		min-width:100% !important;
	}
	body.flex #feature-box, body.flex #free-trial-box{
		width:48% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex #wrapper, body.flex #main, body.flex #colophon{
		width:98% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex #main{
		margin-top:30px;
	}
	body.flex h2.banner{
		background-image:url(../images/ct_big_home2.jpg) !important;
	}
	body.flex #munda form input.full{
	display:block !important;
	float:none !important;
	width:95% !important;
	min-width:300px;
	margin-left:0%;
	margin-right:0%;
	padding-top:5px;
	padding-bottom:5px;
	}
	body.flex #free-trial-box-content input{
		width:100% !important;
	}
	
	/*admin*/
	body.flex .only_mobile{
		display:block;
	}
}




/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 0px) and (max-width: 767px) {
	/* CSS */
	body.flex .hideMe, body.flex .notShow{
	display:none !important;
	}
	body.flex #access{
	display:block !important;
	width:98% !important;
	}
	body.flex #swimbi{
	width:96.5% !important;
	}
	body.flex #swimbi ul{
	min-width:100% !important;
	}
	body.flex #swimbi ul li{
	width:auto !important;
	}
	body.flex #home_image{
	margin-top:50px;
	}
	body.flex .fluidForm1 table#sendSMSTable td:first-child{
		display:none !important;
	}
	body.flex .fluid{
	/*
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	*/
	}
	body.flex #wrapper, body.flex #main, body.flex #feature-box, body.flex #free-trial-box, body.flex #colophon{
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	body.flex #feature-box{
	display:block;
	float:none;
	background-size: cover;
	margin-bottom:10px;
	}
	body.flex #free-trial-box{
	display:block;
	float:none;
	background-size: auto;
	margin-bottom:10px;
	}
	body.flex .fluid h3{
	font-size:14px !important;
	}
	body.flex .fluidForm1{
	width:100% !important;
	}
	body.flex .fluidForm1 input{
	width:100% !important;
	}
	body.flex #container.fluid{
	float:none !important;
	}
	body.flex .fluid #content{
	margin:0px !important;
	padding:0px !important;
	}
	/*Features*/
	body.flex #firt-intro {
	padding:5px !important;
	text-align:justify;
	}
	body.flex #primary{
	float:none;
	}
	body.flex ul #featured-menu{
		margin-left:40px !important;
	}
	/*Price*/
	body.flex ul.xoxo{
	display:block;
	}
	body.flex #main #container{
	float:none !important;
	display:block;
	width:100% !important;
	}
	body.flex #main #container #content{
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	body.flex #main #primary{
	display:block;
	width:100% !important;
	float:none !important;
	}
	#main ul{
	padding:0px !important;
	}
	/*contact us*/
	body.flex  .left{
	display:block !important;
	position:relative;
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	body.flex #content .left p{
	display:block !important;
	width:100% !important;
	}
	body.flex .entry-content .wpcf7{
	display:block !important;
	width:100%;
	}
	body.flex  .right{
	display:block !important;
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	margin-top:0 !important;
	background:#E9C5C6 !important;
	}
	body.flex form #account-details{
	display:block !important;
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	body.flex .showMe{
	display:block !important;
	}
	/* act */
	body.flex #munda{
		width:95% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex #munda .radioButtons{
		width:20px !important;
		text-align:left !important;
	}
	body.flex #munda .radioButtons p input{
		width:20px !important;
		float:left !important;
	}
	body.flex #munda form tr td{
		display:block !important;
		width:100% !important;
	}
	body.flex #munda form input.full{
	display:block !important;
	float:none !important;
	width:95% !important;
	min-width:300px;
	margin-left:0%;
	margin-right:0%;
	padding-top:5px;
	padding-bottom:5px;
	}
	body.flex #munda form textarea.full{
	display:block !important;
	float:none !important;
	width:95% !important;
	margin-left:0%;
	margin-right:0%;
	}
	body.flex #munda form select.full{
	display:block !important;
	float:left !important;
	width:97% !important;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:10px;
	}
		body.flex #munda form textarea.full2{
		display:block !important;
		float:none !important;
		width:91% !important;
		margin-left:0%;
		margin-right:0%;
		}
		body.flex #munda form select.full2{
		display:block !important;
		float:left !important;
		width:93% !important;
		margin-left:0%;
		margin-right:0%;
		margin-bottom:10px;
		}
	body.flex .hideColumn1 td:first-child, body.flex form#formLogin td:first-child{
	/*body.flex #munda form td:first-child*/
	display:none !important;
	}
	body.flex #munda form .hideMe{
	display:none !important;
	}
	body.flex .frmCheckbox{
		width:auto !important;
	}
	/*sendi */
	body.flex tr.odd td{
		width:98% !important;
		margin-left:1%;
		margin-right:1%;
	}
	h2.banner{
		background-image:url(../images/ct_big_home2.jpg) !important;
	}
	
	/*reg*/
	body.flex .register-box-title{
		font-size:16px !important;
	}
	body.flex .register-box{
	display:block !important;
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	body.flex #free-trial{
	display:block !important;
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	/*phone book*/
	body.flex #hor-zebra{
	/*display:block !important;*/
	float:none !important;
	width:98% !important;
	margin-left:1%;
	margin-right:1%;
	}
	
	/*admin*/
	body.flex .only_mobile{
		display:block;
	}
		#ctrl_menu ul li{
			width:44%;
			text-align:center;
		}
}
/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (max-width: 480px) {
	body.flex table.fluid td{
		display:block !important;
		width:98% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex input.full{
		width:87% !important;
	}
	body.flex table.fluid td textarea{
		width:87% !important;
	}
	body.flex #typenos td{
		display:block !important;
		width:98% !important;
	}
	body.flex table .createNewGroup{
		display:block !important;
		width:98% !important;
		margin-left:1%;
		margin-right:1%;
	}
	body.flex table .createNewGroup th{
		display:block !important;
		width:100% !important;
		
	}
	body.flex table .createNewGroup td input.full{
		display:block !important;
		width:100% !important;
	}
	body.flex table .createNewGroup{
		width:auto !important;
	}
	
	body.flex #access{
		height:0px;
	}
	body.flex #userArea{
		padding-right:10px;
		padding-bottom:10px;
	}
	body.flex #home_image{
		margin-top:94px;
	}
	body.flex #feature-box{
		/*background-size:100% !important;*/
		
		background-size:unset;
		border-radius:6px 6px 0 0;
	}
	body.flex #free-trial-box{
		background-size:unset;
		border-radius:6px 6px 0 0;
	}

	/*admin*/
	body.flex .only_mobile{
		display:block;
	}
		#ctrl_menu ul li{
			width:89%;
			text-align:center;
		}
		
	/*viewmsg*/
	body.flex .mobile_full_rows{
	}
	body.flex .mobile_full_rows td, body.flex .mobile_full_rows th{
		display:block !important;
		width:100% !important;
	}
	body.flex .pagination{
		width:100% !important;
	}
	.msg-details{
		width:98% !important;
	}
	/*members*/
	body.flex table.fluid2 td{
		width:auto !important;
	}
}