@media only screen and (min-width: 320px) and (max-width: 768px) {
	header, nav, #header-ctnr, footer, #container{
	width: 100%;
	}

.container 
{
	width:100%;
}
.menu-ctnr
{
	float:left;
	padding-top:10px;
	display:none;
}
.logo
{
	width:40%; float:left; padding-top:8px;
	padding-left:40px;
}
.menu-section
{
	width:60%; float:left;
}
.nav-menu-ctnr {

    float: right;
    padding: 0px 0px 0px 0px;

}
.login-btn
{
	float:right;
	font-weight:bold;
	margin-left:20px;
}
.login-btn a
{
	text-transform:uppercase;
	padding:12px 25px;
}
.navbar-toggler-icon
{
	background:url(../images/menu-icon.png) no-repeat center !important;
}
.navbar
{
	position:absolute;
	left:0px;
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.0);
border-color:    rgba(0,0,0,.0);
background-color:#6227a7;
margin-top:-3px;

}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link
{color:#fff;font-size:14px;padding:9px 15px !important; }
.mr-auto {

    margin-right: auto !important;
    width: 100%;
	background-color:#6227a7;

}
/*.collapse.show {

    display: block;
    right: 0px;
    float: right;
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: right;

}
.navbar-light .navbar-toggler {

    color: rgba(0,0,0,.5);

	border-color: rgba(0,0,0,.1);
    position: absolute;
    float: right;
    right: 15px;
}*/
.search-ctnr
{
	float:left;
	padding-top:18px;
	display:none;
}	
.banner-text
{
	width:100%; float:left; clear:both;
	padding-top:20px;
}
.banner-text h2
{
	font-size:60px;
	color:#fff;
	font-weight:bold;
}
.banner-text h3
{
	font-size:44px;
	color:#fff;
	font-weight:bold;
}
.banner-text h4
{
	font-size:21px;
	color:#fff;
	font-weight:100;
}
.app-screen-banner
{
	width:100%; float:left; clear:both;
	text-align:center;
	margin:50px -50px 0px 0px;
}
.banner-ipad
{
	position:relative;
	text-align:left;
}
.banner-ipad img
{
	width:75%;
	height:auto;
}
.banner-iphone
{
	position:absolute;
	top:26px;
	right:5px;
	z-index:99;
}
.banner-iphone img
{
	width:85%;
}
.button-ctnr a
{
	margin-bottom:5px;
}
.shape-character-1
{
	display:none;
}
.m-100 
{
    margin-top: 50px;
}
.page-head
{
	width:100%;	clear:both;	float:left;
	background:url(../images/page-underline.png) no-repeat center bottom;
	padding-bottom:20px;
	text-align:center;
}
.page-head h1
{
	font-size:36px;
	font-weight:bold;
	color:#5015b3;
}
.page-head h2
{
	font-size:13px;
	color:#666;
	letter-spacing:12px;
	text-transform:uppercase;
	font-weight:300;
	padding:10px 0px;
}
.feature-box p
{
	padding-bottom:40px;
}
.feature-box
{
	width:100%; clear:both; float:left; padding-top:40px;
	border-bottom:#ccc dashed 1px;
	text-align:center;
}

.feature-btn 
{
	margin-top:40px;
}
.product-sliders
{
	display:none;
}
#get-started-section
{
	padding:70px 0px 0px 0px;
}
.getstarted-heading
{
	width:100%; clear:both; float:left;
	text-align:center;
}
.getstarted-heading h2
{
	font-size:30px;
	color:#fff;
	font-weight:bold;
}
.getstarted-heading h3
{
	font-size:16px;
	color:#fff;
	font-weight:normal;
	display:none;
}
.getstarted-section
{
	width:100%; clear:both; float:left; padding:50px 0px 50px 0px;
}
.getstarted-form
{
	margin-bottom:30px;
}
.getstarted-button
{
	width:100%;	clear:both;	
	margin:50px auto 0px auto;
	display:none;
}
#software-solution-ctnr {

    width: 100%;
    clear: both;
    float: left;
    background: url(../images/shapes-art-3.png) no-repeat center top;
	background-size:contain;
    padding: 50px 0px 10px 0px;

}
.software-tactics-heading
{
	width:100%; clear:both; float:left; margin-bottom:20px; margin-top:20px;
}
.software-tactics-heading h3
{
	font-size:16px;
	color:#737373;
}
.software-tactics-heading h2
{
	font-size:28px;
	color:#000;
	font-weight:500;
}
.toddle-app-ctnr
{
	float:left; width:100%; clear:both;
	text-align:center;
	margin-right:0px;
	margin-top:30px;
}
.toddle-app-ctnr img
{
	width:100%; height:auto;
}
.toddle-app2-ctnr
{
	float:right;
	text-align:right;
	margin-left:0px;
	display:none;
}
.padd200 
{
    padding-top: 0px;
}
.childrenPlanning-ctnr
{
	width:100%; float:left; clear:both; padding:50px 0px 0px 0px;
}
.childrenPlanning-head h3 {

    font-size: 17px;
    font-weight: 500;
    padding-bottom: 30px;

}
.children-box
{
	width:30%;
	height:160px;
	float:left;
	background:none;
}
.children-box div
{
	background-color:#fff;
	box-shadow:         0px 0px 35px 0px rgba(50, 50, 50, 0.15);
	border-radius:12px;
	padding:15px;
	width:100%;
	margin:50px 0px 10px 0px;
	border:2px solid #fff;
}
.children-box2
{
	width:30%;
	height:160px;
	float:left;
	background:none;
	background-size:contain;
	margin:0px 5% 0px 5% !important;
}
.children-box2 div
{
	background-color:#fff;
	box-shadow:         0px 0px 35px 0px rgba(50, 50, 50, 0.15);
	border-radius:12px;
	padding:15px;
	width:100%;
	margin:50px 0px 10px 0px;
	border:2px solid #fff;
}
.children-box3
{
	width:30%;
	height:160px;
	float:left;
	background:none;
	background-size:contain;
	margin:0px 0px 0px 0px !important;
}
.children-box3 div
{
	background-color:#fff;
	box-shadow:         0px 0px 35px 0px rgba(50, 50, 50, 0.15);
	border-radius:12px;
	padding:15px;
	width:100%;
	margin:50px 0px 10px 0px;
	border:2px solid #fff;
}
.testimonal-box
{
	clear:both; float:left; width:90%;
	left:5%;
	right:5%;
	bottom:-35px;
	background-color:#fff;
	border-radius:8px;
	height:300px;
	box-shadow:         0px 0px 35px 0px rgba(50, 50, 50, 0.15);
	margin-top:25px;
	position:absolute;
	z-index:99;
}

.testimonal-slide
{
	clear:both; float:left; width:100%;
	background-color:#f6f0ff;
	border-radius:8px;
	height:auto;
	position:relative;
	z-index:999;
	padding:25px;
}

.testimonalSlide-pic
{
	width:100%;
	clear:both;
	height:auto;
	float:left;
	margin-bottom:30px;
}
.testimonalSlide-text
{
	width:100%; clear:both; float:left; padding-top:10px;
}
.footer-signup a
{

	font-size:14px;
	margin-right:0px;
	margin-bottom:5px;
	padding:15px 45px;
}
.ftr-nav {

    clear: both;
    float: left;
    width: 100%;
	margin-bottom:30px;
}
.footer-menu-ctnr
{
	clear:both; float:left; width:100%; padding:70px 0px 40px 0px;
	border-bottom:#7344c2 solid 1px;
	border-top:#7344c2 solid 1px;
}