*, html, head, body, form {
  margin: 0;
  padding: 0;
}

html, body {
  height:100%;
}

.r .overlay {
  background-color: black;
  opacity: 0.3;
}

.show_block {
  display: block;
}
.hide {
  display: none !important;
}

#headerbar {
  position: fixed;
  background-image: url('/images/BlueTop_46.png');
  background-repeat: no-repeat;
  background-color: #0045AB;
  height: 46px;
  width: 100%;
  top: 0;
  z-index: 2;
}

#downloadHeader, #cloudmeSignup {
  position:relative;
  z-index:3;
  top:5px;
  left:5px;
  width:365px;
}
#cloudmeSignup {
  position:absolute;
  left:auto;
  right:5px;
  text-align: right;
  width:120px;
}

#cloudmeSignupBottom {
	text-align: center;
	padding: 0 0 50px 0;
}

#downloadHeaderButton, #cloudmeSignupButton, .smallButt_blue {
  height: 23px;
  display:inline-block;
  background-color: #408BE7;
  border-radius: 2px;
  padding: 4px 10px 0 10px;
  color:#FFF;
  border:0;
  cursor:pointer;
}

button.smallButt_blue {
  padding-top:0;
}

.smallButt_blue.disabled {
  background-color: #CCC;
  cursor:default;
}

#downloadHeaderText, #downloadHeaderText a, 
#signupHeaderText, #signupHeaderText a, 
#signupHeaderText1, #signupHeaderText1 a {
  font-size:9px;
  color:#FFF;
}

#downloadHeaderText a:hover,
#signupHeaderText a:hover,
#signupHeaderText1 a:hover {
  text-decoration:underline;
}

#signupHeaderText, #signupHeaderText1 {
  position: absolute;
  right: 7px;
  top: 29px;
}

#cloudmeLogo {
  height: 45px;
  width: 240px;
  top: 3px;
  position: absolute;
  right: 50%;
  margin-right: -120px;
}

#cloudmeInfo {
  position:absolute;
  top:20%;
  left: 50%;
  z-index:3;
  width:80%;
  margin-left:-40%;
}

#cloudmeInfo h2 {
  color:#ffffff;
  margin-bottom: 20px;
}
#cloudmeInfo div p {
  font-size:1.2em;
}
#cloudmeInfo .cminfoBG {
  width:100%;
  background-color:#000000;
  opacity:0.7;
  color: transparent;
  padding: 50px 50px 20px;
}
#cloudmeInfo .cminfoBG h2{
  color: transparent;
}

#cloudmeInfo .cminfoContent {
  position:absolute;
  top:0;
  left: 0;
  color: #fff;
  margin: 0 50px 50px;
}


#cloudmeLogin {
  position: absolute;
  right: 0px;
  color: white;
  padding: 16px 20px 0 18px;
  top: 0px;
  font-size: 0.85rem;
  cursor: pointer;
  background-color: #eee;
  height: 46px;
  border-radius: 23px 0 0 23px;
  border: 1px solid #777;
  border-width: 0 0 0 1px;
  color: #222;

  font-size: 13px;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  font-weight: bold;

}

#loginDropdown, #loggedInDropdown, .user_dialog {
  font-size: 0.9rem;
  display:none;
  position:fixed;
  top: 8%;
  left: 50%;
  z-index: 223;/*More than overlay*/
  border: 1px solid #0045AB;
  background-color: #FFFFFF;
  /*height: 315px;*/
  margin-left: -175px;
  width: 350px;
  padding:15px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.dialog_close {
  background-image:url('/images/dialog_close.png');
  background-repeat: no-repeat;
  width:30px;
  height:30px;
  position:absolute;
  top:-15px;
  right:-15px;
  cursor:pointer;
}

#loginDropdown .login_input {
  border-radius: 2px;
  border: 1px solid #dfe0e6;
  background-image: none;
  background-color: #fff;
  font-size: 1rem;
  color: #000;
  width: 100%;
  height: 50px;
  /*line-height: 35px;*/
}

#loginDropdown #login_password {
  margin-top: 10px;
}

#loginDropdown .input_label {
  position: absolute;
  top: 18px;
  left: 9px;
  font-size: 1rem;
}

.frontpage .input_label {
  position: absolute;
  font-size:11px;
  top:4px;
  color: #555;
}

.input_label {
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  color: #888;
  cursor: text;
}

#loginFormHolder #lblLoginUsername {
  position: absolute;
  top: 34px;
  left: 80px;
}

#loginFormHolder #lblLoginPassword {
  position: absolute;
  top: 69px;
  left: 80px;
}

.frontpage #lblLoginUsername {
  left:9px;
}

.frontpage #lblLoginPassword {
  left:176px;
}

#loginDropdown #keepBox {
  margin-top:25px;
}

#loginDropdown #forgotpwd {
  position: absolute;
  top: 115px;
  right: 0px;
}

#loginDropdown #signin {
  margin: 20px 0 0;
  border-top: 2px solid #ddd;
  padding: 20px 0 0;
}

.r #loginDropdown #signinbtn {
  width: auto;
}

.r #loggedin_info {
  right: 0;
  height: 46px;
  background-color: #eee;
  top: 0;
  border: 1px solid #777;
  border-radius: 23px 0 0 23px;
  border-right: 0;
  border-bottom: 0;
  border-top: 0;
  width: auto;
  padding-left: 50px;
}

.r #loggedin_info:hover {
  background-color: #C5DEFC;
}

.r #loggedin_info #lblFullName {
  width: auto;
  text-align: right;
  margin: 16px 20px 0 0;
  color:#222;
}
.r #loggedin_info #headerAvatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 8px;
}

.r #loggedin_info #loggedInDots {
  position: absolute;
  top: 11px;
  right: 1px;
  width: 7px;
  color: #000;
  line-height: 8px;
  font-size: 6px;
}

.r #loggedInDropdown #infoFullName {
  font-size: 0.9rem;
}
.r #loggedInDropdown {
  font-size: 0.7rem;
  height: auto;
}

.r #quotaTotal {
  margin-top: 8px;
}

.r #lblQuota {
  font-size           : 0.7rem;
  color               : #000;
}

.r #accountLinks {
  margin-top: 10px;
  border-top:1px solid #eee;
}

.r .accountItemGroup {
  display:inline-block;
}

.r #accountLinks .accountItemGroup a {
  color: #317b9f;
}

.r #accountLinks .accountMenuItem {
  cursor: pointer;
  color: #317b9f;
  font-size: 0.9rem;
  margin-top:10px;
  text-align: center;
  width: 155px;
}

.r #accountLinks .accountItemGroup div:hover {
  text-decoration:underline;
}

/* Front */

section, div.section {
  position: relative;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  background-repeat:no-repeat;
  background-size: cover;
  height:100vh;
}

section, section h1 {
  text-align: center;
  color: #ffffff;
  /*text-shadow: 0 0 5px #333;*/
}

#cloudme {
  position: relative;
  background-size: cover;
  background-position: 50% 0px;
  background-image: url('/images/fp/WomanField_1600.jpg');
  background-repeat: no-repeat;
  /*top: 46px;*/
}

#cloudme #h1div {
  position: absolute;
  bottom: 40%;
  z-index: 0;
  width: 100%;
}

.deviceIcon {
  width:96px;
  height:96px;
  display:inline-block;
  margin: 0 44px;
}

#cloudme #deviceIcons {
  position: absolute;
  bottom: 60%;
  margin-bottom:-110px;
  height: 215px;
  z-index: 0;
  width: 100%;
}
#cloudme h1 {
  font-size: 84px;
  margin: 0 auto;
  line-height: normal;
  /*width: 60%;*/
}

.front_text {
  position:relative;
}

.front_text div.delimiter {
  position:relative;
  width:100%;
  height:33%;
  z-index:1;
}
.front_text div.delimiter .bg {
  position:relative;
  width:100%;
  height:100%;
  background-color:#408BE7;/*#004deb*/
  opacity:0.7;
  /*background: linear-gradient(to bottom, rgba(64, 139, 231, 1) 0%,rgba(64, 139, 231, 0.6) 50%,rgba(64, 139, 231, 0.3) 80%,rgba(64, 139, 231, 0) 100%);*/
}
.front_text div.delimiter .content {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  overflow: hidden;
}
.front_text div.delimiter content  {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
}
div.delimiter img  {
  position:relative;
  top:10%;
  height:80%;
  margin: 0 auto;
}

.front_text .cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.5) 59%,rgba(0,0,0,0.5) 62%,rgba(0,0,0,0) 80%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 66%,rgba(0,0,0,0) 85%);*/
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 66%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0) 100%);
  z-index: 1;
}

.front_text h1 {
  font-size:4.5rem;
  font-weight: normal;
  /*margin: 30% 5% 50px 5%;*/
  line-height: normal;
  position: relative;
  top: 56%; 
  /*background: -webkit-linear-gradient(0deg, #0f0 0%, #ff0 30%, #f00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/

}

.front_text .cont a{
  color:#FFF;
}

.front_text .cont a:hover{
  text-decoration:none;
}

.front_text p, .front_text li {
  font-size:1.8rem;
  margin: 0px 5% 0 5%;
  line-height: normal;
  position: relative;
  top: 55%;
}

.front_text p {
}

.front_text p a {
  margin-top: 20px;
  color: #FFF;
  text-decoration: none;
  display: block;
}

.front_text p a:hover {
  text-decoration: underline;
}

#available1 {
  background-image:url('/images/fp/available.jpg');
}
#available1, #available1 h1 {
  text-shadow: 0 0 0;
}
#available1 h1 {
  font-size: 54px;
  margin-top:27px;
}

#available {
  background-image:url('/images/fp/available.jpg');
}
#available, #available h1 {
  /*text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 10px #000;*/
}


#collaborate {
  background-image:url('/images/fp/dreamstime_xl_35960189_1600_2.jpg');
}
#collaborate, #collaborate h1 {
  /*text-shadow: 0 0 5px #000, 0 0 10px #333;*/
}


#camera_roll {
  background-image:url('/images/fp/iPhone5_2c.jpg');
}

#stream_music {
  background-image:url('/images/fp/ParkBench2_1600.jpg');
}

#sync_folders {
  background-image:url('/images/fp/Abstract_1600.jpg');
}

#sharing {
  background-image:url('/images/fp/EspressoHouse2_1600.jpg');
  background-position: 70% 0;
}

#beach {
  background-image:url('/images/fp/Beach_1600.jpg');
}

#beach .cont h1 {
  top: 61%;
}


section.front_text2 {
  position: relative;
  text-align: left;
  height:100vh;
}
section.front_text2, section.front_text2 h1 {
  text-shadow: 0 0 0; 
}

.front_text2 div.delimiter {
  position: relative;
  width: 100%;
  height: 38%;
}
.front_text2 div.delimiter .bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #408BE7;
  /* opacity: 0.8; */
}
.front_text2 div.delimiter .content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.front_text2 div.delimiter img {
  position: absolute;
  top: 21%;
  height: 48%;
  margin: 0 auto;
  left: 5%;
}

.front_text2 h1 {
  font-size: 73px;
  padding-left: 20%;
  font-size: 4.5rem;
  font-weight: normal;
  margin: 66px 5% 50px 5%;
  line-height: normal;
}
.front_text2 p {
  padding-left: 20%;
  font-size: 1.8rem;
  margin: 30px 5% 0 5%;
  line-height: normal;
}

/*#cloudme .video-holder {
  position: relative;
  overflow: hidden;
  bottom: 0px;
}

#cloudme video.right {
  position: relative;
  right: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}*/

/* End front */

.notification {
  position: absolute;
  height:100px;
  width: 100%;
  color: #FFF;
  font-size:1rem;
  text-align: center;
  bottom: 120px;
}
.notification #inputs_bg {
  position: absolute;
  opacity: 0.5;
  z-index:0;
  background-color: #000;
  top:0;
  width:100%;
  height:100%;
}
.notification #inputs {
  position: relative;
  top: 26px;
  /*right: 50px;*/
}
.notification #inputs2 {
  width: 470px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}

.notification #login_submit {
  position: absolute;
  right: 30px;
  width: 0px;
  visibility:hidden;
}

#logoutIOSText {
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  width:100%;
  height:100%;
  background-color:#DDD;
  padding-top:28px;
  color:#222;
}

.login_input {
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  width: 160px;
  margin-right: 2px;
}

#loginFormHolder .login_input {
  margin-bottom:10px;
  border:1px solid #dfe0e6;S
}

.notification #inputs #signinbtn {
  height:23px;
  display: inline-block;
  background-image: none;
  background-color:#408BE7;
  color:#FFF;
  font-size:0.8rem;
  border-radius: 2px;
  padding: 3px 20px;
  left: 2px;
  position: relative;
  font-size: .8rem;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
}
.notification #inputs #downloadbtn {
  width: 90px;
  display: none;/*inline-block;*/
  left: 50%;
  position: absolute;
  margin-left: 260px;
  top: 0;
}
.notification #signInOptions {
  position: relative;
  top: 10px;
  width: 470px;
  height: 20px;
  margin: 0 auto;
}
#signInOptions #signup {
  top: 0px;
  left: 0px;
}
#signInOptions #forgotpwd {
  top: 0px;
  left: 168px;
  right: auto;
}
#signInOptions #keepBox {
  top: 0px;
  left: 336px;
}
#signInOptions #download {
  position: absolute;
  top: 0px;
  left: 450px;
  display:none;
}

footer, div.footer {
  background:#000;
  width:100%;
  z-index:2;
  position:relative;
}

#pushHeader {
  height:106px;
}

.webui #pushHeader {
  height:56px;
}

.frontpage #pushHeader {
  height:0;
}

#pushFooter, #footer {
  height:230px;
  clear:both;
}

#footer {
  padding: 20px;
}
#footer_links {
  /*z-index:-1;*/
}

#footerLanguageHolder {
  display:none;
}

li.ol_header span {
  display:none;
}


/* Pages */

.r .menuBox {
  margin: 0 10px;
}

.r .siteBreadCrumb {
  top: -40px;
  left: 20px;
}

#wrapper {
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -230px;
}

#contentWrapper {
  width:1260px;
  margin:0 auto;
  position:relative;
  min-height:550px;
}

.webui #contentWrapper {
  width:auto;
  margin:0 auto;
  position:relative;
}

.frontpage #contentWrapper {
  width:100% !important;
  position:static;
}

.r .pagecontent {
  float:none;
  width: 1000px;
  margin: 0 0 30px 0;
  padding-left:20px;
  font-size: 14px;
}

.r .pagecontent p {
  line-height: 20px;
  color: #535353;
}
.r .pagecontent h5 {
  color: #535353;
}

.r .pagecontent p.img_holder {
  text-align:center;
}


#android_googlebadge {
  position:absolute;
  top: 11px;
  left: 370px;
}

/* Top image pages */

.topimage #contentWrapper {
  margin-top: 150px;
}

#topimage {
  background-image:url('/images/fp/WomanField_1600.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position: 0 35%;
  position: absolute;
  top:46px;
  height:150px;
  width:100%;
}

#topimage div.delimiter {
  position:relative;
  width:100%;
  height:80%;
  top:10%;
  z-index:1;
  background-image:url('/images/fp/Symbol_White.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position: 50% 0;
  opacity:0.6;
}

.features_packages_page #topimage,
.getmorespace_page #topimage,
.bonus_space_page #topimage,
.downloadphotos_page #topimage,
.signupresponsive_page #topimage,
.assign_user_page #topimage {

  background-image:url('/images/fp/Beach_1600.jpg');
  background-position: 0 75%;
}


.gettoknow_page #topimage {
  background-image:url('/images/fp/available.jpg');
  background-position: 0 20%;
}

.gettoknow_page #topimage div.delimiter {
  background-image:url('/images/fp/Cloud.png');
}

.cameraroll_page #topimage {
  background-image:url('/images/fp/iPhone5_2c.jpg');
  background-position: 0 70%;
}

.cameraroll_page #topimage div.delimiter {
  background-image:url('/images/fp/Polaroids.png');
}

.syncing_page #topimage {
  background-image:url('/images/fp/Abstract_1600.jpg');
  background-position: 0 35%;
}

.syncing_page #topimage div.delimiter {
  background-image:url('/images/fp/CloudSync6.png');
}

.streaming_page #topimage {
  background-image:url('/images/fp/ParkBench2_1600.jpg');
  background-position: 0 20%;
}

.streaming_page #topimage div.delimiter {
  background-image:url('/images/fp/Headphones.png');
}

.collaboration_page #topimage {
  background-image:url('/images/fp/dreamstime_xl_35960189_1600_2.jpg');
  background-position: 0 47%;
}

.collaboration_page #topimage div.delimiter {
  background-image:url('/images/fp/SharePeopleTwo2.png');
}

.backup_page #topimage {
  background-image:url('/images/fp/Traffic-Blurry-l.jpg');
  background-position: 0 40%;
}

.backup_page #topimage div.delimiter {
  background-image:url('/images/fp/CloudUpload2.png');
}

.sharing_page #topimage {
  background-image:url('/images/fp/EspressoHouse2_1600.jpg');
  background-position: 0 65%;
}

.sharing_page #topimage div.delimiter {
  background-image:url('/images/fp/Share_256.png');
}


.clients_desktop_page #topimage div.delimiter {
  background-image:url('/images/fp/LaptopComputer.png');
}

.clients_desktop_page .os,
.wdsentinel_install_page .os {
  display: inline-block;
  margin: 30px 40px 10px 0;
  vertical-align: top;
  width: 240px;
}

.wdsentinel_install_page .os {
  width: 255px;
}

.osImage {
  height:42px;
  display:inline-block;
  background-repeat:no-repeat;
}

.osText {
  display:inline-block;
  position:relative;
  left:10px;
  top:-4px;
  font-size:11px;
}

.sync_linux_page #topimage div.delimiter {
  background-image:url('/images/icon_desktop.png');
}


.clients_mobile_page #topimage {
  text-align: center;
}

.clients_mobile_page .deviceIcon {
  opacity:0.6;
}

@media only screen and (min-width: 768px) {
  .clients_mobile_page .deviceIcon {
    margin-top:20px;
  }
}

.clients_mobile_page #icon1.deviceIcon {
  background-image:url('/images/icon_pad.png')
}

.clients_mobile_page #icon2.deviceIcon {
  background-image:url('/images/icon_phone.png')
}


.clients_tv_page #topimage div.delimiter {
  background-image:url('/images/icon_tv.png');
}

.wdsentinel_install_page #topimage div.delimiter {
  background-image:url('/images/NAS.png');
}

.wdtv_page #topimage div.delimiter {
  background-image:url('/images/icon_tv.png');
}

.samsungtv_page #topimage div.delimiter {
  background-image:url('/images/icon_tv.png');
}




.sync_help_page #topimage,
.sync_help_advanced_page #topimage,
.tutorials_page #topimage,
.sitemap_page #topimage {
  background-image:url('/images/fp/Halmstad_1600.jpg');
  background-position: 0 65%;
}
.sync_help_page #topimage div.delimiter,
.sync_help_advanced_page #topimage div.delimiter,
.tutorials_page #topimage div.delimiter,
.sitemap_page #topimage div.delimiter {
  background-image:url('/images/fp/Help.png');
}

.press_releases #topimage,
.newsletters_page #topimage,
.presskit_page #topimage, 
.api #topimage {
  background-image:url('/images/fp/Halmstad_1600.jpg');
  background-position: 0 65%;
}

.press_releases #topimage div.delimiter,
.newsletters_page #topimage div.delimiter,
.presskit_page #topimage div.delimiter,
.api #topimage div.delimiter{
  background-image:url('/images/fp/HeartDouble.png');
}


.legal #topimage {
  background-image:url('/images/fp/Halmstad_1600.jpg');
  background-position: 0 65%;
}

.legal #topimage div.delimiter {
  background-image:url('/images/fp/Justice.png');
}

.webdav #topimage {
  background-position: 0 35%;
}

.webdav #topimage div.delimiter {
  background-image:url('/images/fp/WebDAV.png');
}







/* End Top image pages */



  /* Sign up */

.register_form .form_row {
  height: auto;
}

.r #lastname_form_row {
  position: absolute;
  top: -5px;
  left: 105px;
}

.r #firstname, .r #lastname {
  width: 90px;
}

.r .username_check {
  height: 30px;
  position: absolute;
  left: 220px;
  top: 54px;
}

.r #acceptEula {
  margin-top:20px;
  white-space: nowrap;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  padding: 5px 5px 5px 25px;
  width: auto;
}

.r #acceptEula.incorrect {
  top: -1px;
  left: -1px;
  margin-bottom: -2px;
}

.r #eulaLabel {
}

.r #EULA {
  margin-right: 5px;
  position: absolute;
  left: 5px;
}

.r #mailConfirm {
  position:absolute;
  top:0px;
  left:215px;
  font-size:11px;
  width:550px;
  color:#999;
  display:none;
}

.r #mailInvite {
  position: absolute;
  top: 11px;
  left: 215px;
  font-size: 11px;
  width: 85px;
  color: red;
}

/* End Sign up */

/* Web UI */

.r .webuicontent {
  margin-top: 0;
  margin-left:0;
}

.r #tabbedPane {
  min-width: 375px;
}

.newFolderToolbarText {
  position:relative;
  left:-6px;
  top:0;
  padding-right:5px;
}

.iconitem .sharedIcon, .iconitem .sharedPlusIcon, .iconitem .collabIcon,
.iconitem .sharedIconList, .iconitem .sharedPlusIconList, .iconitem .collabIconList,
.iconitem .sharedIconImage, .iconitem .sharedPlusIconImage, .iconitem .collabIconImage {
  z-index:0;
}


.contentAreaRight .dialog_close{
  display:none;
}


.breadcrumb .breadBack {
  display:none;
}

#playerHolder .jp-audio {
  width:570px;
  height:35px;
  margin-left:50%;
  position:absolute;
  left:-285px;
}
  
  /* End Web UI */



/* End Pages*/


@media screen and (max-width: 1650px) {
  #cloudme h1 {
    width:70%;
  }
}


@media screen and (max-width: 1280px) {
  #contentWrapper{
    width:100%;
  }
}


@media screen and (max-width: 1200px) {
  .pagecontent h1 {
    font-size:36px;
    line-height:40px; 
  }

  .upgrade_account_page #appMenuBox {
    display:none;
  }

  #cloudme {
    top: 0px;
    /*background-size: 125%;*/
  }
  #cloudme h1 {
    font-size:3.5rem;
    width:80%;
  }
  #cloudme video.right {
    transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.09);
     -o-transform: scale(1.09);
  }

  #pricingTable {
    /*padding-top: 40px;*/
    text-align: center;
    width: 940px;
    margin:0 auto;
  }

  .pricingPlan {
    width: 160px;
    height: 410px;
    clear:both;
  }

  .standardPlan{
    height: 440px;
  }

  .planPrice {
    white-space: nowrap;
  }

  .planFeatures {
    width: 140px;
    height: 175px;
  }

  /*.front_text {
    height: 250px;
  }
  .front_text h1 {
    margin-top:50px;
  }
  .front_text p {
    font-size:1.4rem;
  }
  .front_img {
    height: 700px;
    background-size: 125%;
  }*/

}


@media only screen and (max-width: 1150px) {
  #cloudmeInfo {
    top: 10%;
  }

  #cloudmeInfo .cminfoBG {
  }
}


/* Smaller than 1020 (devices and browsers) */
@media only screen and (max-width: 1019px) {
  
  .r .pagecontent {
    width: auto;
    margin: 0 20px 30px 0;
  }

  .r .pagecontent p.img_holder img {
    width:100%;
    height:100%
  }

  .menuBox {
    display:none;
  }
  
  .pageImageTwo {
    display:none;
  }
  
  #navigateSelector {
    display:block;
  }
  
  .spaceOptions {
    width:auto;
    padding:20px 20px 75px 20px;
  }
  
  .spaceOptions  .butt48_blue{
    top:auto !important;
    right:auto !important;
    bottom:10px;
    left:20px;
  }
   
  #referLoggedIn {
    position:relative;
    height:75px;
  }
  
  #inviteToText {
    left:0;
  }
  
  #inviteOptions {
    position:absolute;
    top:12px;
    right:auto;
    left:0;
    text-align:left;
    padding-top:30px;
  }
  
  #referLinkHolder {
    right:auto;
    left:0;
    top:95px;
    text-align:left;
  }
  
  #referInputLink {
    display:none;
  }
  
  #referCopyLinkCont {
    top:115px;
    right:auto;
    left: -5px;
  }
  
  #loginFormHolder {
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    padding:20px 0;
    font-size:0.9rem;
    min-height:400px;
    height:auto;
  }
  
  
  #loginFormHolder h1 {
    font-size:24px;
  }
  
  #linkCopied {
    top:93px;
    right:auto;
    left:0;
  }
  
  #signupHolder {
    display:none;
  }
  
  #loginFrame {
    position:relative;
    top:0;
    left:0;
    margin:0 auto;
    width:210px;
    padding:0 30px;
  }
  
  #refer_loginForm, #premium_loginForm, #login_loginForm {
    margin-left:0;
  }
  
  #loginPopCloser {
    top:0;
    bottom:auto;
  }
  
  #loginFormHolder #lblLoginPassword {
    top:39px;
    left:41px;
  }
  
  #loginFormHolder #lblLoginUsername {
    top:3px;
    left:41px;
  }
  
  #altCreateAccount {
    display:block;
  }
  
  .forgotpwd {
    margin-top:5px; 
  }

  .pricingPlan:not(.enterprisePlan) {
    display:block;
    width:100%;
    height:100px;
    border-radius:6px;
  }
  
  .enterprise .pricingPlan:not(.consumerPlan) {
    display:block;
    width:100%;
    height:100px;
    border-radius:6px;
  }
  
  #pricingFP {
    height: 650px;
    margin-left: 20px;
    padding:0;
  }
  
  #pricingTable, #pricingTable.enterprise {
    text-align:center;
    margin-right:20px;
    width: auto;
    padding-top: 0px;
    padding-bottom:20px;
  }
  
  .planIncluded {
    text-align:left;
    padding:5px 0 0 10px;
    font-size:10px;
  }

  .middlePlan {
    border-radius:6px;
  }
  
  .planFeatures {
    display:none;
  }
  
  .planHeader {
    text-align:left;
    padding:15px 0 0 15px;
    font-weight:normal;
  }

  .planSize {
    text-align:left;
    padding-left:15px;
    font-weight:normal;
  }
  .planSize .account_reg {
    display: inline;
  }
  
  .planSize .regPrice {
    display: inline;
  }

  #pricingPlanDiscountSplash {
    margin-top: 0;
  }

  .planRightOfStandard {
    padding-left:0;
  }
  
  .planPrice {
    text-align:right;
    position: absolute;
    top: -25px;
    right: 11px;
  }
  
  .planRegularPrice {
    margin-top:65px !important;
  }

  .standardPlan {
    height:100px;
    margin:0 -10px 20px 0;
    top:0;
    padding-right:10px;
  }
  
  .standardPlan .planPrice {
    margin-top:40px;
  }
  
  .priceNumber, .enterprisePlan .priceNumber, .longPrice, .longerPrice, .longestPrice {
    font-size:20px;
  }
  
  .planButton {
    margin:0;
    position:absolute;
    right:10px;
    bottom:10px;
    height:25px;
    padding: 5px 10px;
    font-size: 17px;
    width:auto;
  }

  .planButton.longtext {
    height: 25px;
    padding-top: 5px;
  }

 
  #paymentIcons {
    height:24px;
    margin:0 0 20px 0;
    text-align:center;
  }

  .iconlist.list .iconitem {
    min-width: 100%;
  }
  
  #footer_follow {
    width:110px;
  }
  
  #footer_follow  img{
    margin-bottom:10px;;
  }
  
  #freePlan {
    width:100%;
    margin-top:50px;
  }

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  #cloudme h1 {
    width:100%;
  }
  /*.notification {
    height: 140px;
  }
  .notification #inputs {
    right: 0;
  }
  .notification #signInOptions {
    width: 550px;
  }
  .notification #inputs #downloadbtn {
    margin-left: -190px;
    top: 85px;
  }
  #signInOptions #download {
    top: 53px;
    left: 100px;
  }*/

  /*#front_text_9 {
    margin-bottom: -100px;
  }*/



  /* Pages */

  .r .siteBreadCrumb {
    width: 730px;
  }

  
  .r #mailConfirm {
    position:absolute;
    top:0px;
    left:215px;
    font-size:11px;
    width:515px;
    color:#999;
    display:none;
  }

  /* End Pages*/

}

@media only screen and (max-width: 850px) {
  #cloudmeInfo {
    top: 47px;
  }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

  #cloudme {
    /*height: 900px;*/
    /*margin-bottom: 0px;*/
  }
  #cloudme h1 {
    /*font-size:3.0rem;*/
  }
  /*#cloudme .video-holder {
    
  }
  #cloudme video.right {
    transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.09);
     -o-transform: scale(1.09);
    width: 1500px;
  }
  .front_text {
    height: 200px;
  }
  .front_text p {
    font-size:1.0rem;
  }
  .front_img {
    height: 500px;
    background-size: 150%;
  }

  #front_text_9 {
    margin-bottom: -108px;
  }*/

}

/* h1 adjustment  */
@media only screen and (max-width: 800px) {
  .pagecontent h1 {
    font-size:30px;
    line-height:35px; 
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  
  /** BUSINESS LAYOUT **/
  #dashboardTitle {
    padding:30px 0;
    line-height:40px;
  }
  
  .dashboardOption {
    margin:0 0 30px 0;
    padding:30px 30px 0 30px;
    width:100%;
    height:140px;
  }
  
  #businessNavigation {
    position:static;
    width:100%;
    padding-top:20px;
  }
  .businessOption {
    padding:20px 30px 0 30px;
    height:56px;
  }
  
  #brandingLogo {
    position:static;
  }
  .webuicontent {
    padding-left:0 !important;
  }
  /** BUSINESS LAYOUT END**/

  #contentWrapper {
    width:auto;
  }
  
  .pagecontent h1 {
    font-size:24px;
    line-height:28px; 
  }
  
  .pageImage {
    display:none;
  }
  
  #downloadHeader, #signupHeaderText, #signupHeaderText1 {
    display:none;
  }

  #cloudmeSignup {
    top: 12px;
    right: 8px;
  }

  #cloudmeLogo {
    right: auto;
    left: 4px;
    height:50px; /*Used for checking if max width 767*/
    top:9px;
    zoom: 0.8;
  }
  
  .ff #cloudmeLogo {
    background-position: 0 6px;
    left: -20px;
    -moz-transform:scale(0.8);
  }

  #cloudme {
    /*height: auto;
    margin-bottom: 0px;*/
  }
  #cloudme #h1div {
    bottom: 50%;
  }
  .deviceIcon {
    width:40px;
    height:40px;
    background-size:40px 40px;
    margin:56px 15px 0 15px;
    
  }
  #cloudme h1 {
    /*font-size: 25px;*/
  }
  #cloudme .video-holder {
    
  }
  #cloudme video.right {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.09);
    -o-transform: scale(1.09);
    width: auto;
  }
  .notification {
    height: 160px;
    bottom: 0px;
    opacity: 1;
  }
  .notification #inputs2 {
    width: auto;
  }
  .notification #inputs {
    top: 0px;
    right: 0px;
    width: 90%;
    margin: 10px auto;
  }

  .notification #login_submit {
    margin-top: 10px;
    left:auto;
    right:2px;
  }

  .login_input {
    width: 100%;
    height: 50px;
    line-height: 30px;
    font-size:35px;
    font-size: 1rem;
    border-radius: 2px;
    border: solid 1px #666;
    background-image: none;
    background-color: #fff;
  }

  .frontpage .input_label {
    position: absolute;
    font-size:1rem;
    color: #888;
  }

  .frontpage #lblLoginUsername {
    top:7px;
    left:9px;
  }

  .frontpage #lblLoginPassword {
    top:42px;
    left:9px;
  }
  
  #logoutIOSText {
    padding-top:55px;
  }

  .notification .login_input {
    height:30px;
    line-height:25px;
    margin-bottom:5px;
    border:0;
  }
  .notification #inputs #signinbtn,
  .notification #inputs #downloadbtn {
    /*width: 150px;
    display: block;
    color:#000;
    margin: 0 auto;*/
  }
  .notification #inputs #signinbtn {
    font-size: 1rem;
    height: 27px;
    left: auto;
    position: absolute;
    right: 0;
    border-radius: 4px;
    margin-top: 10px;
    padding-top: 5px;
    top:70px;
    cursor:pointer;
    z-index:1;
  }
  .notification #inputs #downloadbtn {
    /*top: -60px;
    left: 50%;
    margin-left: -75px;*/
  }

  .notification #signInOptions {
    width: 100%;
    margin: 0 auto;
    left: 0;
  }
  #signInOptions #signup {
    font-size: 0.8rem;
    top: 45px;
    right: 0px;
    left: auto;
  }
  #signInOptions #forgotpwd {
    top: 45px;
    left: 0px;
    font-size: 0.8rem;
  }
  #signInOptions #keepBox {
    left: 0;
    font-size: 1rem;
    top: 4px;
  }
  #signInOptions #download {
    display:none;
  }/**/

  /*#front_text_9 {
    margin-bottom: -288px;
  }*/
  
  #signupImg {
    display:none;
  }

  footer, div.footer {
    margin:0;
    padding-bottom:144px;
  }
  #footer {
    height: auto;
    border-top: 0;
    padding:0;
  }
  #footer_links {
    height: auto;
    width: 100%;
    float: none;
    position: relative;
  }
  #footer_links ol {
    clear:both;
    float: none;
    width:100%;
    padding: 0;
  }
  #footer_links ol li {
    /*float: left;*/
    text-align:center;
    display: none;
  }
  #footer_links ol:first-child li {
    /*float: left;*/
    display: block;
  }
  #footer_links ol li.ol_header {
    font-size:1.2rem;
    float: none;
    display: block;
    padding-left:10px;
    padding-top:20px;
    padding-bottom:10px;
    margin-bottom: 1px;
    cursor:pointer;
    border-top:1px solid #999;
  }

  #footerLanguageHolder {
    display:block;
    border-bottom: 1px solid #888 !important;
  }

  li.ol_header span {
    display:inline;
    font-size:1.2rem;
    vertical-align:top;
    position:relative;
    top:-2px;
    line-height:1.2rem;
  }

  #footer_links ol li a {
    font-size:1rem;
    display: block;
    padding:10px 10px 10px 20px;
    border-bottom:0;
    cursor:pointer;
  }
  
  #footer_links ol .langs {
    font-size:1rem;
    padding:10px 10px 10px 20px;
    border-bottom:0;
    cursor:pointer;
  }  
  #footer_copy {
    position: absolute;
    bottom: -145px;
    left: 50%;
    margin: 0px 0 20px -100px;
    width: 200px;
    text-align: center;
    font-size: 0.9rem;
  }
  #footer_copy a {
    font-size: 0.9rem;
  }
  #lang_container {
    display:none !important;
  }
  #lang_container span {
    font-size: 1rem;
  }
  #footer_follow {
    text-align:center;
    width:100%;
    bottom:-85px;
    left:0;
    padding-left:14px;
    top:auto;
  }
   
  #footer_follow  img{
    float:none;
  }

  #language_box {
    right: 5%;
    left: 5%;;
    top: auto;
    bottom: 80px;
    width: 90%;
    margin:0 5%;
  }
  #language_box li {
    line-height: 2rem;
    font-size: 1.0rem;
    text-align: center;
  }

  /* Pages */
  .r .siteBreadCrumb {
    width: auto;
  }

  .r #loggedin_info {
    width: 46px;
  }
  .r #loggedin_info #headerAvatar {
    position: absolute;
    top: 7px;
    right: 7px;
  }
  .leftImage, .r #loggedin_info #lblFullName {
    display:none;
  }

  .centerImage {
    width:100%;
    height:auto;
    position: static;
  }


  .r #loginDropdown, .r #loggedInDropdown, .r .user_dialog {
    width: 100%;
    left: 0;
    margin-left: 0;
  }

  .r #loggedInDropdown {
    font-size: 0.7rem;
    border-radius: 5px 5px 0px 0px;
  }

  .dialog_close {
    right: -2px;
  }

  .r #accountLinks {
    padding-top: 10px;
    margin: 0px -15px;
    border-top:0;
  }

  .r #accountLinks .accountMenuItem {
    cursor: pointer;
    color: #317b9f;
    font-size: 0.9rem;
    position: static;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 1px 0 0;
    background-color: #eee;
  }

  .r #accountLinks .accountItemGroup {
    display:block;
  }
  
  #refer_loginForm .login_input, #premium_loginForm .login_input, #login_loginForm .login_input {
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }
  
  #loginFormHolder #lblLoginPassword {
    top:50px;
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }
  
  #loginFormHolder #lblLoginUsername {
    top:5px;
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }

  #android_googlebadge {
    position:static;
  }

    /* Sign up */

    .r .register_form {
      float: none;
      width: auto;
    }

    .r .register_form div {
      width: auto;
      height: auto;
    }

    .r .form_row input, .r .form_row select {
      font-size: 20px;
    }

    .r #lastname_form_row {
      position: static;
    }

    .r #firstname, .r #lastname {
      width: 100%;
    }

    .r .username_check {
      position: static;
      height: auto;
    }


    .r #acceptEula {
      margin: 20px 0;
      padding: 8px 8px 8px 25px;
    }
    .r #acceptEula.incorrect {
      margin-bottom: 28px;
    }

    .r #eulaLabel {
      font-size: 14px;
    }

    .r #register_form_submit,
    .r #signin_assoc{
      height: 48px;
      width: 100%;
      font-size: 20px;
    }
    

    .r #mailConfirm {
      position: relative;
      left: 0;
      top: 30px;
      font-size: 15px;
      width: auto;
    }


    .r #mailInvite {
      position: static;
      font-size: 16px;
      width: auto;
      color: red;
      margin: 5px 0 10px;
    }

    /* End Sign up */
    
    #upgradeItemHolder {
      position:relative;
      left:0px;
      top:0px;
      width:100%;
      text-align:center;
    }

    .upgradeAccountItem:not(.selected) {
      display:none;
    }
    
    .upgradePrice {
      width:auto;
    }
    
    .upgradeSizeHolder {
      border-left:0;
    }
    
    #upgradeDetails {
      width:100%;
      height:auto;
      position:relative;
      left:0;
      top:20px;
      padding-top:5px;
      margin-bottom:70px;
    }
    
    .enterprise #upgradeDetails {
      top: 20px;
    }
    
    .enterprise .upgradeAccountItem.selected {
      position:static !important;
      margin:0 auto;
      width:200px;
      display:block;
    }
    
    .enterprise .upgradeAccountItem div {
      border:0 !important;
    }
    
    .enterprise .upgradeAccountItem img {
      display:none;
    }
    
    .includedInfoImg {
      display:none;
    }
    
    .product {
      height:90px;
    }
    
    #monthlyPriceHolder {
      position:relative;
      top:30px;
      left:0;
    }

    #yearlyPriceHolder {
      position:relative;
      top:100px;
      right:auto;
      left:0;
    }
    
    #buyNowMonthly {
      position: relative;
      top: -22px;
      left:0;
      display: block;
      width: 100px;
      margin: 0 auto;
    }
    
    
    #buyNowYearly {
      position:relative;
      top:82px;
      right:auto;
      left:0;
      display:block;
      width:100px;
      margin:0 auto;
    }
    
    #monthlyRequirement {
       position: relative;
      bottom: 0;
      left: 0;
      padding: 0 10px 0 0;
      margin-top: 105px;
      margin-bottom:-10px;
    }
    
    #upgradeSpinnerMonthly {
      position: relative;
      top: -15px;
      left: 0;
      margin-bottom: 10px;
    }
    
    #upgradeSpinnerYearly {
      position: relative;
      top: 85px;
      right: auto;
      left:0;
      margin-bottom:10px;
    }
      
    #upgradeDetails #creditcards {
      position:relative;
      top: 35px;
      left: 4px;
    }

    #upgradeDetails #paypalLogo {
      position:relative;
      top: 34px;
      left: 10px;
    }

   
    /* Web UI */


    .r #tabbedPane {
      min-width: 0;
    }

    #tabbedPane .tabItem span {
      display: none;
    }


    .bodyheader2 {
      z-index: 1;
      background-color: #FFF;
      top: 46px;
      margin: 0;
      width: 100%;
      position: fixed;
    }

    .breadcrumb {
      width: auto;
    }
    
    .breadcrumb span:not(.breadTop ):not( .breadBack) {
      display:none;
    }

    .search, .search #searchInput, .search #searchInputSync {
      width: 150px;
    }

    #tbUpload, #tbUploadSync, #tbFavUpload {
      overflow: hidden;
      text-indent: 100%;
      color:#FFF;
    }
    
    .newFolderToolbarText {
      display:none;
    }

    #syncToolbar .toolbarItem {
      overflow: hidden;
      color:#FFF;
      text-indent: 100%;
      width: 40px;
      padding: 3px 23px 0 18px;
      border-left-width: 0px;
    }

    .breadcrumb .breadBack {
      display:inline;
    }

    .iconlist.grid .iconitem {
      width:95px;
      height:95px;
    }

    .iconlist.grid .iconitem .title{
      padding-top: 1px;
      /*line-height: 14px;*/
      max-height: 31px;
    }

    .iconlist.grid .iconitem.large {
      width:155px;
      height:155px;
    }

    .iconlist.grid .iconitem.large .gridIconCont,
    .iconlist.grid .iconitem.thumbnail.large .img {
      width:145px;
      height:145px;
    }
    .iconlist.grid .iconitem.large .gridIconCont {
      margin: 4px 4px;
    }
    .contentAreaRightHolder {
      /* border-left: 1px solid #ccc; */
      /* height: 100%; */
      width: 100%;
      position: absolute;
      top:46px;
      z-index:223;
    }

    .contentAreaRight.selection .selectedBorder {
      border-color: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }

    .contentAreaRight {
      position: fixed;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      z-index: 223;/*More than overlay*/
      border: 1;
      background-color: #333;

      border-radius: 0;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    .contentAreaRight .dialog_close{
      display:block;
      right:2px;
      top:1px;
      z-index:10;
    }

    .contentAreaRight .infoRight {
      margin: 0;
      position: relative;
      width: 100%;
      padding-bottom: 60px;
    }
    
    .titleRight {
      color: #eee;
      padding: 10px 25px 5px 10px;
    }

    .menuRightItem {
      font-size: 1rem;
      padding: 10px 10px 10px 40px;
      background-position: 11px 11px;
      background-color: #dedede;
      margin: 1px 0 0; 
    }
    
    #driveModified, #favoriteModified, #webshareModified, #syncModified, #driveSize, #favoriteSize, #webshareSize, #syncText, #syncSize{
      height: 15px;
      padding-left: 10px;
      padding-right: 10px;
    }

    .menuRightDivider {
      display: none;
    }
    
    .selectionInfo {
      font-size:20px;
      color:#eee;
      line-height:50px;
      text-align:center;
    }
    
    .selectionInfo.visible {
      display:block;
    }
    
    .selectMultiple {
      display:none;
    }

    .selectMultiple label, .selectAllSidebar {
      font-size: 0.9rem;
    }
    
    .selectAllSidebar {
      color:#AAD0FF;
    }
    .selectAllSidebar:hover {
      text-decoration     : none;
      color               : #BBFF85;
    }

    .selectAllSidebar.disabled {
      color               : #555 !important;
    }
    .selectAll, .deselectAll  {
      bottom: 10px;
      padding: 10px;
      border: 1px solid;
      width: 150px;
      text-align: center;
    }

    .deselectAll  {
      right: 9px;
      left: auto;
    }

    .menuRight .disabled  {
      color: #999 !important;
      background-color:#555 !important;
      display:none;
    }
    
    .menuRightItem:hover  {
      border-radius       : 0;
    }
    
    #favoriteWsLink, #favoriteWsPwd {
      padding-left: 10px;
    }
    
    #tabMyAccountContent {
      padding:0 0 20px 0;
    }
    
    .accountColumn {
      float:none;
      margin:10px 5px 0 5px;
    }
    
    .rowHeader {
      font-size:12px;
    }
    
    .invoiceRecieved {
      display:none !important;
    }
    
    .invoiceAmount {
      display:none !important;
    }
    
    .invoiceMethod {
      display:none !important;
    }
    
    #subaccountList, #subaccountInvitedList, #invoiceList {
      width:100%;
    }
    
    .subaccountEmail {
      width:150px;
    }
    
    .subaccountPending {
      width:110px;
      text-align:right;
    }
    
    .accListItem:hover .subaccountDelete {
      display:none;
    }
    
    .subaccountUser {
      display:none !important;
    }
    
    .subaccountType {
      display:none !important;
    }
    
    .subaccountAccountControl {
      display:none !important;
    }
    
    .accountTabHeader {
      font-size:12px;
    }

    /* End Web UI */


  /* End Pages*/
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  /*.front_text {
    height: 150px;
    top: 0px;
  }
  .front_text p {
    font-size:0.8rem;
  }
  .front_img {
    height: 400px;
  }*/

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 600px) {
 
  #playerHolder {
    height:90px;
  }
  
  .playerPadding {
    padding-bottom:180px !important;
  }
  
  #playerHolder .jp-interface {
    top:12px;
  }
  
  #playerHolder .jp-audio-controls {
    top:40px;
    width:30px;
    height:30px;
    padding:4px 7px;
  }
  
  #playerHolder .jp-play {
    left:10px;
  }
  
  #playerHolder .jp-pause {
    left:10px;
  }
  
  #playerHolder .jp-stop {
    left:50px;
  }
  
  #playerHolder .jp-prev {
    left:90px;
  }
  
  #playerHolder .jp-next {
    left:130px;
  }
  
  #playerHolder .jp-playqueue {
    right:10px !important;
    top:43px;
    padding:0;
    width:25px;
    height:25px;
  }
  
  #playerHolder .jp-mute, #playerHolder .jp-unmute, #playerHolder .jp-volume-bar {
    display:none !important;
  }
  
  #playerHolder .jp-progress {
    width:70%;
    top:15px;
    left:60px;
    height:20px;
  }
  
  #playerHolder .jp-current-time {
    left:10px;
    top:15px;
    font-size:14px;
  }

  #playerHolder #jp-current-song  {
    top:0 !important;
    font-size:14px !important;
    width:100%;
  }
  
  #playerHolder #jp-current-song div div {
    left:10px !important;
    width:85% !important;
  }
  
    #playerHolder .jp-audio {
    width:100%;
    margin-left:0;
    left:0;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  /*.front_text {
    height: 150px;
    top: 0px;
  }
  .front_text p {
    font-size:0.75rem;
  }
  .front_img {
    height: 300px;
  }*/

  
  /*.notification #inputs {
    width: 95%;
  }
  .notification #signInOptions {
    width: 100%;
  }
  */
  
  #cloudmeInfo {
    top: 0px;
    width:100%;
    left: 0;
    margin-left:0;
  }
  #cloudmeInfo div p {
    font-size: 1em;
  }
  .dmcaDesc {
    width:90%;
  }
  
  .front_text .cont {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 66%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0) 100%)
  }
  
  .front_text h1 {
    top: 48%; 
  }
  .front_text p, .front_text li {
    top: 48%;
  }
      
  #priceTargetContainer {
    float:left;
    margin-top:7px;
    margin-bottom:10px;
  }
  
  .billingInputTitle, .billingInput, #countryInp {
    float:none;
  }
  
  .billingInfoRow {
    height:50px;
  }
  
  #billingInfo #passwordShort, #billingInfo #passwordDifferent {
    left:0;
    top:-2px;
  }
   
  #billingInfo #addressRow {
    height:67px;
  }

  #vatCountry, #zipcodeInp {
    float:left;
  }
  
  #continueCheckout {
    margin-left:110px;
  }
  
  #invalidBillingInfo {
    text-align:left;
  }

  /* Web UI */

  .shortcuts #driveBlueFolder {
    visibility: hidden;
  }
  
  #tabmyUsers {
    padding:0 !important;
  }
  
  /* End Web UI */
}