h4 {font-size:26px;} h6 {font-size:20px;} p{font-size:16px;}

.page-title-holder{display:none;}

.imagephoto {
    width: 85%;
    margin: 0 auto;
}

a, a:hover {
    color: #64be00;
}

.securityPack{display:flex; align-items: center; flex-direction: row;}
.security_cloud {padding-left:30px; padding-top: 20px;padding-top:20px; width: 40%;}
.security_cloud_text {font-size:14px;text-align:center;}
.license-pack {table-layout: fixed; white-space: nowrap; margin:0 auto;}
.row-license-service {width: 30%;}
.row-feature {width: 30%;}
.row-gold {width: 20%;}
.license-pack th{font-weight:normal; font-size:18px; padding: 20px 10px;white-space:normal; }
.license-pack td {white-space: nowrap; overflow: hidden; padding: 10px;}
.license-pack td, .license-pack th {text-align: center; color: #000; border-bottom:1px solid #000;}
.license-pack td:first-child, .license-pack th:first-child, .license-pack td:nth-child(2), .license-pack th:nth-child(2){text-align:left;}
.license-pack .notes{border-bottom: none; padding: 20px 0;}
.license-pack sup{font-size:20px;top: 0;}
.text-gold{background:#ffc800; padding:5px 15px; width:auto; color:#000;}
.text-silver{background:#dadada; padding:5px 15px; width:auto; color:#000;}
.text-silver sup{color:#000;  margin-left: 5px; }
.license-pack .fa-external-link{padding-left:5px;}
.license-pack a{color:#000;}

@media (max-width:991px){
.securityPack{flex-direction: column;}
}

@media screen and (max-width: 768px){
.table-responsive {
    border: none;
}
.security_cloud {width: 100%;}
}

.circle_single_platform{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
}

.circle_single_platform .area{
	width: 33%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.circle_single_platform .area > img.icon{
	width:70px!important;
}

.circle_single_platform .area .text{
	width: 100%;
	padding: 2%;
}

.circle_single_platform .area .text p{
    margin-bottom: 0px;
	line-height: 1.2em;
}


.imgbox{
	border: 1px solid #ccc;
}

@media (max-width:991px){
.circle_single_platform {
    flex-direction: column;
}
.circle_single_platform .area {
    width: 100%;
    flex-direction: column;
}
.circle_single_platform .area .text {
    text-align: center;
}
}


.app-features {table-layout: fixed; white-space: normal; margin:0 auto; width:85%;}
.app-features td {white-space: normal; overflow: hidden; padding: 10px;}
.app-features td{text-align: center; color: #000; border-bottom:1px solid #000;}
.app-features td:first-child, .app-features th:first-child, .app-features td:nth-child(2), .app-features th:nth-child(2){text-align:left;}
.app-features a{color:#000;}

@media screen and (max-width: 450px){
.app-features tr {
   display:flex; flex-direction: column;
}
}


/**https://www.w3schools.com/howto/howto_js_slideshow.asp**/

.slideArea{display: flex; flex-direction: row;}
.slideshowArea{width: 50%; flex-direction: column;}

.slideshow-container {
  max-width: 600px;
  position: relative;
  margin: auto;
}

@media (max-width: 1440px) {
.slideshowArea{width: 100%;}
}

@media (max-width: 991px) {
.slideArea{flex-direction: column;}
.slideshowArea {width: 80%;margin: 0 auto;}
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#mobile-screen{display:block;}
#mobile-screen .container ul{z-index:0; top:0 !important;}

@media (max-width: 1500px) {
#mobile-screen .container{width:80%;}
}

@media (max-width: 1300px) {
#mobile-screen .container{width:60%;}
/* #mobile-screen .container img{width:70% !important; height: auto !important;} */
}

@media (max-width: 800px) {
#mobile-screen .container{margin: 0 auto; height: auto !important;}
}

@media (max-width: 500px) {
#mobile-screen{display:block;}
#mobile-screen .container{margin: 0 auto; width:200px !important; height: 600px !important;}
}

/*mobile section width*/