/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
		.col-content {
			width:90%;
			margin: auto;
		}
		.iconPos {
			float: left!important;
		}

		#socialGrp {
			margin-top: 10px;
			position: static!important;
		}

		#sideMenu {
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 5px;
			margin-top: 10px;
			background-color: #ffffff;
			position: absolute;
			top:33px;
			right: 45px;
			z-index: 200;
		}

		#footer {
			font-size: 13px;
		}
		#preSchoolText {
			padding-right: 5px;
		}

		.content-head-col1 {
			width: 100%;
		}

		.content-head-col2 {

			 width: 100%;
		}

		.content-head-col3 {
			width: 100%;
		}
                
	}
	/*@media only screen and (min-width : 390px) {
		#parentsDiv img {
			top: -26%;
		}
	}*/

	@media only screen and (max-width : 375px) {
		#logoSect {
			width:70%;
		}
                #menu li.parent_login{
                    margin-right: 10px;
                }
	}

	@media only screen and (min-width : 390px) {
		#parentsDiv img {
			top: -22%;
		}
	}

	@media only screen and (min-width : 376px) and (max-width: 480px) {
		#logoSect {
			width:80%;
		}
                #menu li.parent_login{
                    margin-right: 10px;
                }
	}
	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
            #menu li.parent_login{
                    margin-right: 10px;
                }
		#parentsDiv img {
			top: -26%;
		}
		.col-content {
			width:58%;
			margin: auto;
		}

		#socialGrp {
			margin-top: 10px;
			position: static!important;
		}

		.nopadding {
		   padding: 0px !important;
		   margin: 0 !important;
		}

		#sideMenu {
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 5px;
			margin-top: 10px;
			background-color: #ffffff;
			position: absolute;
			top:33px;
			right: 45px;
		}

		#footer {
			font-size: 18px;
		}

		#preSchoolText {
			padding-right: 15px;
		}

		.content-head-col1 {
			width: 28%;
		}

		.content-head-col2 {
			 width: 44%;
		}

		.content-head-col3 {
			width: 28%;
		}

		#bottomDiv {
			font-size: 21px;
		}
		.blueBg {
			/*font-size: 22px;*/
			/*width:85%;*/
			width : 91%;
		}

		.greyBg{
			width: 100%;
			font-size: 15px;
		}

		.lightGreyBg {
			width: 85%;
			font-size: 15px;
		}

		.width77 {
			width: 97%;
		}

		/*.mobile {
			display: none!important;
		}*/

		/*.desktop {
			display: block!important;
		}*/
		#firstContent {
			padding: 8% 15px 8% 15px;
		}

		#mainDiv img {
			top: -30%;
		}

		#socialWrap {
			margin-left: 25%!important;
			width: 58.33333333%;
		}

		#overlay {
			padding-left: 15px;
			padding-right: 15px;
		}

		#overlayContent {
			bottom: 12%;
			font-size: 14px;
			width: 69%;
		}

		.content-head-pricing-col1 {
			width: 35.5%;
		}

		.content-head-pricing-col2 {

			 width: 27%;
		}

		.content-head-pricing-col3 {
			width: 35.5%;
		}

		.content-head-contact-col1 {
			width: 32.5%;
		}

		.content-head-contact-col2 {

			 width: 33%;
		}

		.content-head-contact-col3 {
			width: 32.5%;
		}

		#frgotPaswrdModal .modal-dialog {
			 width: 420px;
			 margin: 0px auto;
		}

		/*trial form modal*/
		.modal-lg {
			width: 460px;
			margin: 0px auto;
		}

		.faq-head-col1 {
			width : 15%;
		}

		.faq-head-col2 {
			width : 68%;
		}

		.faq-head-col3 {
			width : 15%;
		}
	}

	@media only screen and (min-width: 545px){
		#mainDiv img {
			top: -34%;
		}
	}
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
		.desktop {
			display: block!important;
		}
		.mobile {
			display: none!important;
		}
		.side-menu-col1 {
			width: 93%;
		}
		.side-menu-col2 {
			width: 6%;
		}

		.col-bottom-section {
			text-align: left;
		}
		#parentsDiv img {
			top: -38%;
		}
		.col-content {
			width:36%;
			margin-left: 63%;
		}
		.iconPos {
			float: right!important;
		}

		#socialGrp {
			position: relative!important;
		}

		#sideMenu {
			position: relative;
			top:0px;
			right: 21px;
			background-color: rgba(255,255,255,0);
		}

		#menu li:before {
		    content: "• ";
		    font-size: 160%;
		    color: #ff8b60;
		}

		#menu {
			width:auto;
			padding-top: 0px;
    		padding-bottom: 0px;
		}

		#menu li {
			padding: 0px 5px;
		}

		#menu li a{
			position: relative;
			top: -5px;
			display: inline-block;
		}

		#menu > li > a:hover,
		#menu > li > a:focus {
		  color : #1f89be;
		  text-decoration: none;
		  background-color: rgba(255,255,255,0);
		}

		.dynamicPadding {
			padding : 5px 10px;
		}
		.halfWidth {
/*			width: 45%!important;*/
		}
		#footerEmail {
			text-align: right;
			padding-right:25px; 
		}

		#footerIcon {
			text-align: left;
		}

		#support {
			padding-right: 25px;
		}
		
		.inner-page-menu a{
			color: #ffffff!important;
		}

		.content-head-col1 {
			width: 33.33333333%;
		}

		.content-head-col2 {
			 width: 33.33333333%;
		}

		.content-head-col3 {
			width: 33.33333333%;
		}

		.content-head-contact-col1 {
			width: 38%;
		}

		.content-head-contact-col2 {

			 width: 22%;
		}

		.content-head-contact-col3 {
			width: 38%;
		}

		#mainDiv img {
			top: -37%;
		}

		#meetTeam img {
			top :-18%;
		}

		#socialWrap {
			margin-left: 65%!important;
			width: 58%;
		}
		.nopadding {
		   padding: 2px !important;
		   margin: 0 !important;
		}
		#overlayContent {
			bottom: 20%;
			font-size: 17px;
			width: 53%;
			padding: 1%;
		}

		#logoSect img {
			margin-top: 17px;
		}

/*		#wrapper {
			background-position: -383px top;
		}*/

		.contact-details {
			/* text-align: left; */
		}

		#contactSep {
			top: -27%;
		}

		#frgotPaswrdModal .modal-dialog {
			 width: 500px;
		}

		/*trial form modal*/
		.modal-lg {
			width: 700px;
		}

		.faq-head-col1 {
			width : 27%;
		}

		.faq-head-col2 {
			width : 44%;
		}

		.faq-head-col3 {
			width : 27%;
		}
                #menu li.parent_login{
                    margin-right: 0px;
                }
	}

	/*ipad portrait*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
		#wrapper {
			background-position: -450px top;
		}

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
            .logged li.hidden-sm{
                display: none;
            }
		#parentsDiv img {
			top: -50%;
		}
		.container {
		    width: 824px;
		 }

		.content-head-col1 {
			width: 33.33333333%;
		}

		.content-head-col2 {
			 width: 33.33333333%;
		}

		.content-head-col3 {
			width: 33.33333333%;
		}

		#overlayContent {
			bottom: 21%;
			font-size: 20px;
			width: 49%;
		}

		#logoSect img {
			margin-top: 8px;
		}

		#wrapper {
			background-position: center top;
		}

		.content-head-pricing-col1 {
			width: 40.5%;
		}

		.content-head-pricing-col2 {

			 width: 17%;
		}

		.content-head-pricing-col3 {
			width: 40.5%;
		}

		.blueBg {
			font-size: 20px;
			/*width:85%;*/
			width : 90%;
		}

		.modal-lg {
			width: 900px;
		}
		.faq-head-col1 {
			width : 29%;
		}

		.faq-head-col2 {
			width : 41%;
		}

		.faq-head-col3 {
			width : 29%;
		}

	}

	@media only screen and (min-width: 1024px) {
		.middle-banner-left{
			font-size:	32px;
		}
		
	}


	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		.container {
			width :1000px;
		}

		.content-head-col1 {
			width: 37.5%;
		}

		.content-head-col2 {
			 width: 25%;
		}
		@media only screen and (max-width: 600px) {

		.content-head-col3 {
			width: 37.5%;
		}

		#overlayContent {
			bottom: 26%;
			font-size: 23px;
			width: 40%;
		}

		.content-head-contact-col1 {
			width: 40.5%;
		}

		.content-head-contact-col2 {

			 width: 17%;
		}

		.content-head-contact-col3 {
			width: 40.5%;
		}

		.faq-head-col1 {
			width : 32%;
		}

		.faq-head-col2 {
			width : 35%;
		}

		.faq-head-col3 {
			width : 32%;
		}
	}