.youtube-button
    {
    background-color: rgba(230, 230, 230, 0.1); padding:10px 15px !important; margin-top: 5px; border-radius:5px;
    }

	.spacer {
		height: 5px;
		width: 100%;
	}

/* lg */
@media (min-width: 1600px) {
	.blackbox {
		margin: 0% 20% !important;
	}
}
@media (min-width: 1400px) {
	.blackbox {
		margin: 0% 7%;
		width:auto !important;
	}
	#home-section-public {
		height: 800px;
	}
	.home-content.padding {
    padding: 150px 80px !important;
}
}

@media (min-width: 1300px) {
	.home-content.padding {
    padding: 50px 30px;
}
	.marginleft5
	{
		margin-left: -5%;
	}
	.pdesc {
    min-height: 200px;
}
	.blackbox {
    margin: 0% 7%;
		width:90%;
}
	.pbutton {
     min-height: 50px;
		 padding-top:30px;
 }
	.plogo{
		min-height: 150px;
	}
	.navbar-header{
	width: 104%;
    margin-left: -7%;
    }
    .white-icon
    {
    	font-size: 20px;
    }
    .compareLogo
    {
    	width: 80%;
    }
    .strippedtable td{
	padding:10px 20px;
	width: 36%;
	text-align: left;
}
.strippedtable td:first-child
{
	 width: 28%;
}
.navbar-nav>li>a
{
	font-size: 0.85em;
	font-weight: 600;
}
.borderDesktop
{
border-left: 1px solid #dbdbdb !important;
}
.padrightPubPlatform
{
	padding-right: 10%;
}
.padleftPubPlatform
{
	padding-left: 10%;
}

}
@media (min-width: 768px) {
    .navbar-nav>li {
        float: left;
        word-wrap: break-word;
        max-width: 160px;
        line-height: 1.2em !important;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
    }
	    .navbar-nav>li>a {
        font-size: 0.85em;
        font-weight: 600;
    }
	.navbar-header {
        float: none;
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
		.spacer {
		height: 15px;
		width: 100%;
	}
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.slide2-img1{
		position: absolute;
		bottom: 150px; margin-left:auto; margin-right:auto;
	}
	.pbutton {
			padding-top:10px;
	}
	.blackbox {
		margin: 0% 7%;
		width:90% !important;
}
	.white-icon
    {
    	font-size: 25px;
    }
    .main-logo1
    {
    	min-width: 100px;
    }
    .moveLeft
	{
		margin-left:0%;
	}
	.strippedtable td{
	padding:10px 20px;
	width: 36%;
	text-align: left;
}
.strippedtable td:first-child
{
	 width: 28%;
}
.textingrey
{
	padding: 10px 10px;
	color:#fff;
	text-align: center;
}
.navbar-nav > li > a {
		font-size: 0.8em;
		padding: 10px;
	}
.navbar-nav li.active .dropdown-menu a {
		font-size: 0.8em;
		padding: 10px;
	}

	.home-content.padding {
    padding: 30px 10px !important;
}
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
		.spacer {
		height: 15px;
		width: 100%;
	}
	.pdesc {
    min-height: 210px;
}
	.navbar-nav > li > a {
		font-size: 0.71em;
		padding: 10px;
		font-weight: 600;
	}
	.navbar-nav li.active .dropdown-menu a {
		font-size: 0.9em;
		padding: 10px;
		font-weight: 600;
	}
	.navbar-nav .dropdown-menu>li>a{
		font-size: 0.9em;
	}
	.moveLeft
	{
		margin-left:-2%;
	}
	.navbar-brand
	 {
		display:none !important;
	}
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.slide2-img1{
		position: absolute;
		bottom: 150px; margin-left:auto; margin-right:auto;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.special-content {
		margin-top: 50px;
	}
	#whats-special{
		padding-bottom:90px;
	}
	.prices .col-sm-3 {
		margin-bottom:25px;
		float:left;
		width:50%;
	}
	.moveLeft
	{
		margin-left:-40%;
	}
	.textingrey
	{
		text-align: center;
	}
	.navbar-header {
	    margin-right: -3% !important;
    margin-left: -3% !important;
}
/* #mainmenu
{
	margin-top: -7%;
    margin-left: 10%;
} */
.displayForLandscape
{
	margin-left: 15%;
}

}
@media (min-width: 992px) {
.planetlogoDownload
{
	margin-top: -40%;
	margin-left: 10%;
	max-width: 144px;
}
}
@media (max-width: 992px) {
	.planetlogoDownload
	{
		margin-top: -43%;
		margin-left: 10%;
		max-width: 144px;
	}
	#up1
	{

		max-width: 35px;
	}

	.pbutton {
     min-height: 50px;
		  padding-top:10px;
 }
 .pbuttonMore
 {
	 margin-top: -3px;
 }
	.pdesc {
    min-height: 230px;
}
	.plogo{
		min-height: 150px;
	}
.ribbon
{
	width: 18% !important;
}
.ribbon1
{
	width: 7% !important;
}
.white-icon {
    font-size: 18px !important;
}
	.tab-content {
	    padding-top: 40px !important;
	}

		.navbar-collapse.collapse{
    display: none;
}
.navbar-collapse.collapse.in {
	display:block;
	}
.navbar-header {
     float: none;
	 background: #265189;
}
.home-content.padding
{
	padding: 30px 20px !important;
}
#home-section
{
	height: 700px !important;
	background-position: center;
    background-size: cover;
}
#home-section-school {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(../images/Main_banner_school.jpg);
	background-position: center;
    background-size: cover;
}
#home-section-public {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(../images/Main_banner_public.jpg);
	background-position: center;
    background-size: cover;
}
       .youtube-button
    {
    background-color: rgba(230, 230, 230, 0.1); padding: 7px 10px; border-radius:5px; margin-bottom: 5px;
    }
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.slide2-img1{
		position: absolute;
		bottom: 150px; margin-left:auto; margin-right:auto;
	}
	.navbar-toggle {
    display: block !important;
}
}
/* xs */
@media (max-width: 768px) {
		.spacer {
		height: 50px;
		width: 100%;
	}
	    img.planetBack {
    left: 0;
    position: absolute;
    top: 6%;
    width: 50%;
}

img.childBack {
    bottom: 180px;
    position: absolute;
    right: 0;
    width: 50%;
}
	.moveDownPhone
	{
		margin-top: 10%;
	}
	#up1
	{

		max-width: 25px;
	}

	.marginPhone
	{
		margin-left: 35%;
	}
	#home-section-public {
	    height: auto !important;
	    padding: 3%;
			background: url("../images/public-mob-banner.jpg");
			background-repeat: no-repeat;
  background-size: cover;
	}
	.ribbon
	{
		width: 9% !important;
	}
	.ribbon1
	{
		width: 9% !important;
	}
	.mcmobbanner
	{
padding-top: 25px;
	}
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.slide2-img1{
		position: absolute;
		bottom: 150px; margin-left:auto; margin-right:auto;
	}
	.list-inline {
    margin-left: 25px;
}
	.app-icons.text-center
	{
		padding-bottom: 5px;
	}
	.blackbox {
    background-color: rgba(33, 77, 135, 0.68);
	}
 .pbutton {
    min-height: 30px;
		 padding-top:10px;
}
	.pdesc {
    min-height: 150px;
}
	.plogo{
		min-height: 100px;
	}
	.plogo img.img-responsive {
    width: 40%;
}
	.menu4 .item {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	#mainmenu
	{
		width: 100%;
	}
	.phoneFloat
	{
		float: left;
		padding: 10px 20px !important;
	}
	h1 {
		font-size:28px;
	}
	h2{
		font-size:20px;
	}
	h3{
		font-size:16px;
	}
	.padding {
		padding: 50px 0px;
	}
	.section-title {
		margin-bottom:30px;
	}
	.section-title h1{
		font-size:32px;
	}
	.navbar-nav>li>a {
		line-height: 20px;
		padding-left: 20px;
	}
	.home-content img {
		width:60%;
		margin: auto;
	}
	.home-content.padding
	{
		margin:auto;
		text-align: center;
		padding: 30px 10px !important;
	}
	.school-content.padding{
		padding-top: 222px !important;
	}
	.btn-primary.btn-animated {
		padding:10px 25px;
	}
	.home-content .btn-primary {
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.modal-title .list-inline li a {
    width: 120px;
}
	.app-icons li a {
		padding: 10px;
	}
	#home-section{
		height:650px !important;
	}
	div#main-slider{
		height:650px !important;
		overflow: hidden;
	}
	.slide1, .slide2{
		height:650px !important;
		background-size: cover;
	}
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.slide2-img1{
		position: absolute;
		bottom: 150px; margin-left:auto; margin-right:auto;
	}
	.whatsit {
		padding: 15px;
		text-align: left;
	}
	.whatsit h1 {
		font-size:40px;
	}
	.whatsit h2{
		font-size:24px;
	}
	.special-content {
		margin-top: 35px;
		margin-bottom: 50px;
	}
	.special-image {
		margin-bottom:45px;
	}
	.compatibility {
		padding: 25px 0px;
	}
	.left-side {
		border-right:0;
	}
	.left-side .compatibility .os {
		padding-right: 150px;
	}
	.left-side .compatibility .os-image {
		right: 15px;
	}
	.compatibility .os-image {
		top: 30px;
	}
	.right-side .compatibility .os {
		padding-left: 150px;
	}
	.right-side .compatibility .os-image{
		left:15px;
	}
	.video .video-link {
		font-size: 60px;
		line-height: 120px;
		margin-top: -65px;
		margin-left: -32px;
	}
	.feature {
		margin-bottom: 30px;
	}
	.action-content {
		margin-top: 40px;
	}
	.action-content h1,
	.twitter-feed h1,
	download-apps.html h1 {
		font-size: 38px;
	}

	#screenshot-slider .item .col-sm-3,
	.prices .col-sm-3 {
		margin-bottom:15px;
		float:left;
		width:50%;
	}
	#screenshot-slider .item img {
		width:100%;
	}
	.price h1 {
		font-size:45px;
	}
	.price {
		padding-top: 15px;
		padding-bottom: 45px;
	}
	.team img {
		display:inline-block;
		margin-bottom:10px;
	}
	.team-slider-left, .team-slider-right {
		width:40px;
	}
	#team-slider {
		padding: 0px 20px;
	}
	.apps ul li a {
		font-size: 30px;
	}
	#footer,
	#footer .text-right {
		text-align:center;
	}
	.navbar-brand {
		display:block !important;
	}
	.white-icon
    {
    	font-size: 20px;
    }
    .main-logo
    {
    	min-width: 40px;
    }
    .list-inline li
    {
    	min-width:20%;
    }
    .stars li
    {
    	min-width:10%;
    }
    .list-inline li p {
    min-width: 20%;
    font-size: 0.3em;
}
    #testimonial-slider .item ul li
    {
    	min-width:10%;
    }
    .modal .list-inline li {
    min-width: 30%;
}
  .main-logo1
    {
    	max-width: 150px;
    }
    .fa-3x
    {
    	font-size: 2em;
    }
    .compareLogo
    {
    	width: 100%;
    }
    .strippedtable td{
	padding:4px 8px;
	width: 37%;
	text-align: left;
	font-size: 0.8em;
}
.strippedtable td:first-child
{
	 width: 25%;
}
.subMenu
{
	/* margin-top: 60px !important; */
}
.declare
{
	max-height: 300px;
}
.textingrey
	{
		text-align: center;
	}

.borderDesktop
{
border-left: 0px !important;
}
#myCookieConsent {
	height: 28%;
	}
	.pdesc h3
	{
	font-weight:bold;font-size:16px; line-height:18px;
	}

}

/* XS Portrait */
@media (max-width: 479px) {
	.home-content img {
		width:35%;
		margin: auto;
	}
.moveupPhone
{
	margin-top: -10%;
}
	.list-inline {
    margin-left: 0px;
}
	i.fab.fa-apple.fa-3x
	{
		padding-left: 12px;
	}
	.list-inline li {
    min-width: 18%;
}
.app-icons li a
{
	width: 70px;
}
.white-icon {
    font-size: 16px !important;
}
	.ribbon
	{
		width: 10% !important;
	}
	.ribbon1
	{
		width: 10% !important;
	}
	.pdesc {
    min-height: 120px;
}
	.plogo{
		min-height: 80px;
	}
	.events
{
	width: 100%; font-size: 0.7em;
}
img.img-responsive.planetlogoDownload {
    margin-top: -60%;
}
.home-content h2{
	margin-bottom: 20px;
}
	#home-section{
		height:430px !important;
	}
	div#main-slider{
		height:430px !important;
	}
	.slide1, .slide2{
		height:430px !important;
		background-size: cover;
	}
	.list-inline
{
	padding-bottom: 0px;
}
	.slide2-img{
		position: absolute;
		bottom: 0;
	}
	.compatibility .os-image {
		top: 75px;
	}
	#screenshot-slider .item .col-sm-3,
	.prices .col-sm-3 {
		float:none;
		width:100%;
	}
	.team-slider-left, .team-slider-right {
		height:160px;
		width:50px;
	}
	#team-slider {
		padding: 0px 65px;
	}
	.team img {
		margin-bottom:5px;
	}
	.app-icons.text-center {
    margin-top: -15px;
	scale:0.8;
}
.fa-3x {
    font-size: 1.9em !important; text-align: center;
}
.icon-first
{
	height: 45px; width: 45px !important; text-align: center; margin-left: auto;margin-right: auto;
}
.app-icons li a
{
	padding: 15px 0px;
	font-size:25px;
}
.schoolInfoDiv .btn-primary
{
	font-size: 12px;
    padding: 20px 20px;
    margin-left: -3%;
}
.noAds
	{
		margin-top: -15px !important;
	}
		.topIcons
{
	padding-top: 35px !important;
}
#myCookieConsent {
	height: 38%;
	}
}
@media (max-width: 361px) {
	#myCookieConsent {
	height: 42%;
	}
}
@media (max-width: 320px) {
.strippedtable td{
	padding:1px 2px;
	text-align: left;
	font-size: 0.7em;
}
#myCookieConsent {
	height: 45%;
	}
.plogo{
	min-height: 80px;
}
}

@media (min-width:768px){
	.navmecontainer{
		width:760px;
		min-height: 60px;
	}
.navbar-right {
    padding: 0px;
    margin-right: 100px !important;
}
.cplogo
{
	max-width: 55px !important;
	margin-left:10px;
}
}
@media (max-width:767px){
	.planetlogoDownload
	{
		margin-top: -25%;
		margin-left: 10%;
		max-width: 144px;
	}
}
@media (min-width:479px){
.icon-first
{
	height: 55px; width: 55px !important; text-align: center;
}
}

@media (min-width:992px){
	.navmecontainer{width:982px}
	.cplogo
{
	max-width: 42px !important;
	margin-top: 3px;
}
.paddingfordesktop
{
	padding-left: 10%;
}
}
@media (min-width:1200px){
	.navmecontainer{
		width:1200px
	}
.cplogo
{
	max-width: 55px !important;
}}
@media (min-width:1400px){.navmecontainer1{width:1380px}}
@media (min-width:1600px){.navmecontainer1{width:1580px}}