body{ background-color: #f6f6f6;background-repeat: repeat;}
/* Header css start */
.top-header-row{ background: #000000; padding: 21px 0 14px; border-bottom: solid 1px #4d4d4d;}
.header-menu-row{ background: #323232; border-top: solid 1px #262626;}
.header-menu{}
.header-menu ul{ overflow: hidden; margin-top: 3px;}
.header-menu ul li{ float: left; padding: 3px 15px 6px;}
.header-menu ul li a{font-size: 12px;color: #dbdbdb;font-weight: 400;}
.header-menu ul li a:hover{color: #fff;}
.header-menu ul li.LightGrey a{ color: cadetblue;}
.support{ border-right: solid 1px #4a4c4e;}
.signin{ border-left: solid 1px #000000; }
.header-menu ul li:first-child{ padding-left: 0;}
.header-menu ul li.signin a{ color: #d1ff57;}
.header-menu ul li.signup a{ color: #00ccff;}
/* Header css end */


.footer{background: #000;border-top: solid 11px #1570a6;}
.footer-menu-outer {overflow: hidden; padding: 20px 0 27px;}
.footer-menu-col {float: left;}
.top-link-col {width: 175px;}
.footer-menu-col .heading-6{font-weight: bold;font-size: 12px;color: #fff; margin: 0 0 11px;}
.footer-menu-col .foo-menu li{margin-bottom: 3px;}
.footer-menu-col .foo-menu li a{font-style: normal;font-size: 12px;color: #bebebe;text-decoration: none;}
.footer-menu-col .foo-menu li a:hover{color: #ffffff;text-decoration: underline;}
.signin-icon{ background: url(https://cdn.systweak.com/website/rightbackup/images/login_icon.png) no-repeat 0 4px;padding-left: 20px;}
.aboutus-col {width: 190px;}
.compatibility-col {width: 260px;}
.osicon-col{ overflow: hidden;padding-top: 4px; margin-bottom: 15px;}
.osicon-col li{ width: 20px; height: 20px; float: left; background: url(https://cdn.systweak.com/website/rightbackup/images/os_icon.png) no-repeat 0 0; }
.osicon-col li+li{ margin-left: 10px;}
.osicon-col li.android{ background-position: -36px 0px;width: 18px;}
.osicon-col li.ios{ background-position: -20px 0px;width: 16px;}
.osicon-col li.mobile{ background-position: -54px 0px;width: 16px;}
.osicon-col li.tablet{ background-position: -73px 0px; width: 16px;}
.footer-menu-col p{font-size: 11px;color: #e0e0e0; margin: 0;}
.footer-menu-col p a{font-size: 11px;color: #e0e0e0;}
.copy-right-col {width: 325px;float: right;text-align: right; padding-top: 25px;}


/* Modal box css */
.modal-outer-col{ display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url('https://cdn.systweak.com/website/rightbackup/images/1x1.png') repeat;z-index: 1001;
  -moz-opacity:0.8;opacity:80;filter:alpha(opacity=80);}
.modal-dialog-box {width: 745px;position: absolute;left: 50%;top: 10px;margin-left: -372px; background: #f1f1f1;}
/* .signin-box{ margin-top: -295px;} */

.tab-col {overflow: hidden;display: table;width: 100%;}
.tab-col li {display: table-cell; background: #f1f1f1; padding-left: 30px; font-size: 16px; color: #000;}
.signin-tb {width: 245px;}
.tb-icons {height: 16px;width: 16px;background: url(https://cdn.systweak.com/website/rightbackup/images/popup_icon.png) no-repeat 0 0; display: inline-block; margin-top: 15px; vertical-align: top;}
.tb-title {margin-left: 6px; vertical-align: top; margin-top: 13px;display: inline-block;}


/* Modal box css */
.under-head{ width: 100%; position: relative; background-color:#eff4f7; border-bottom: solid 5px #B3E6F3; padding: 18px 0 7px 0;}
.headertop-row h1{font-size: 30px; color: #454545; text-align: center; font-weight: 400; margin-top:0px;}
.headertop-row p{font-size: 15px;color: #454545; text-align: center;}
.ges-block{ width:100%; margin: 40px 0 0 0; padding: 0;}
.ges-block-left{width:583px; float: left;}
.ges-block-right{ width:367px; float: left;margin-top: 22px;}
.ges-block-left h2{font-size: 21px;color: #000;font-weight: 600;}
.ges-block-left p{font-size: 15px;color: #454545; margin-top:20px; padding-right: 25px;}
.pad30{ padding-top:30px;}
.martop20{ margin-top:20px;display: block;}
.parahead {font-size: 15px;color: #000;font-weight: 600;margin-bottom: 4px;display: block;}
.links{font-weight: 400;font-size: 14px;color: #0000e1;text-decoration: none;}
.links:hover{ text-decoration: underline;}
.steps-block{border: solid 1px #CCCCCC; margin-bottom: 50px; }
.steps-head{font-size: 21px;font-weight: 400;color: #000;border-bottom: solid 1px #CCCCCC;padding: 10px 0 10px 20px;}
.steps-row-bottom{ background:#DFE2E6; padding:42px 26px 35px 42px; overflow: hidden;}
.steps-col{ width:29%;  position: relative;border: solid 1px #CCCCCC; float: left;}
.col-hed{ background: #ffffff; font-size: 14px;color: #454545;padding: 6px 0 14px 0;font-weight: 600; text-align: center;border-bottom: 1px solid #e5e5e5;}
.icons {position: absolute;top: -22px;left: -19px;background: #000;border-radius: 100%;font-size: 21px;font-weight: bold;color: #fff;padding: 4px 10px 10px 10px;border: solid 3px #017fe5;width: 17px;height: 22px;text-align: center;
}
.col-mid{ background: #f7f7f7; padding:0px 0 0px 0;}
.btn-img {text-align: center; padding: 45px 0 28px 0;}
.btn-img3 {text-align: center;padding: 0px 0 0px 0;}
.steps-col.mr-Lft {margin-left: 5%;margin-right: 5%;}

/* afteruninstall css start */
.aftr-block{margin: auto;background-color: #FFFCD1;border: solid 4px #C1030D;width: 785px;margin-top: 40px;padding: 20px 20px;overflow: hidden;}
.aftr-mid-box {width: 100%;font-size: 16px;color: #000;font-weight: 600;}
.yellow-tag {background: #fff402;font-weight:bold;padding: 5px 5px 5px 5px;}
.headertop-row h2{font-size: 21px; color: #454545; text-align: center; font-weight: 400; margin-top:0px; margin-bottom: 0px;}
.mid-box-midsec {max-width: 100%;text-align: center;margin: 27px auto 0 auto;}
.mid-box-left {width: 406px;float: left;margin: 0px 0px 0 150px;}
.tag-price {display: inline-block;font-size: 18px;line-height: 24px;padding: 2px 10px;margin-top: 5px;}
.mid-box-right {width: 86px;float: left;}
span.left-text {float: left;font-size: 16px;}
span.right-text {float: right;font-size: 16px;}
span.red{font-size: 16px;color: red;float: left;text-decoration: line-through;}
.mid-box-bottomsec {background: #f3f1c0;padding: 10px;margin-top: 22px;}
.mid-box-bottomsec p {padding: 0;margin: 0px;font-size: 15px;color: #454545;text-align: left;}
.bold{font-weight: 600;}
.bottom-sec-content {width: 100%;float: left;padding: 0px 0 40px 0;} 
.bottom-sec-hed {font-size: 21px;color: #000;font-weight: 600;margin-top:40px;}
.bottom-sec-content p {font-size: 15px;color: #454545;margin-top:20px;}
.bottom-sec-content a.ancher {color: #236BB6;text-decoration: underline;font-weight: 400;}

.info-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 222;}
.info-modal-inner {border-radius: 3px;margin: 26px auto 0;max-width: 630px;padding: 25px 25px 15px 25px;background: #fff;position: relative;}
.info-modal-inner h1 {font-size: 28px;color: #333;font-family: "Open Sans", sans-serif;margin-left: auto;text-align: left;font-weight: 400;margin: 16px 0 8px;}
.info-modal-inner p {font-family: "Open Sans", sans-serif;font-size: 15px;color: #555;line-height: 26px;text-align: left;margin: 0;}
.info-close {position: absolute;top: 7px;right: 7px;padding: 0;color: #777;font-weight: 700;cursor: pointer;line-height: 18px;width: 18px;text-align: center;background: #ddd;border-radius: 2px;font-size: 12px;}
.modal-outer {overflow: hidden;}
.modal-right {float: right;width: 110px;padding-top: 5px;text-align: center;}
.modal-left {float: left;width: 455px;}
.footer-modal {text-align: right;margin-top: 0;}
.footer-modal a {color: #003cff;text-decoration: underline;}
.footer-modal a:hover {text-decoration: none;}
.footer-modal a:hover {text-decoration: none;}

.header-logo{display: inline-block;}
.right-logo{float: right;padding-top: 15px;}

/* Responsive css start */

  @media (max-device-width: 1023px) {
  .container {width: 745px;}
  
  }
@media(max-width:992px){
.headertop-row h1 {font-size: 25px;}
.headertop-row p {font-size: 14px;}
.ges-block-right {width: 260px;margin-top: 22px;}
.ges-block-left {width: 485px;}
.ges-block {margin: 20px 0 0 0;}
.ges-block-left p{margin-top:0px;}
.steps-block {margin-top: 25px;}.aftr-block{width:auto;}
.copy-right-col {float: left;text-align: left;padding-top: 25px;}
}

@media (max-width: 767px) {
.container {width: 540px;padding: 0 0;border: none;}
.headertop-row h1 {font-size: 20px;margin-top:0px;}
.headertop-row p {font-size: 12px;}
.ges-block-left {width: 100%;}
.ges-block-right {width: 100%;margin-top: 22px;text-align: center;}
.ges-block-left h2 {font-size: 18px;margin-top: 0px;}
.ges-block-left p {font-size: 13px;margin-top: 10px;line-height: 20px;}
.steps-head {font-size: 18px;padding: 5px 0 5px 20px;}
.steps-col {width: 100%;margin-bottom: 35px;}
.steps-col.mr-Lft {margin-left: 0;margin-right: 0;}
.headertop-row h2 {font-size: 15px;}
.aftr-mid-box {font-size: 14px;text-align: center;}
.mid-box-midsec {margin: 28px auto 0 auto;}
.mid-box-left {float: none;margin: 0 auto;text-align: center;}
.mid-box-right {float: none;margin: 0px auto;text-align: center;}
.mid-box-bottomsec p {font-size: 14px;line-height: 18px;}
span.left-text {font-size: 14px;}span.red {font-size: 14px;}span.right-text {font-size: 14px;}
.top-link-col {width: 25%;}
.aboutus-col {width: 25%;}
.compatibility-col {width: 25%;}
	
	
}

@media (max-width: 575px) {
.container {width: auto;padding: 0 15px;}.mid-box-left {width: 100%;margin: 0px auto;}.mid-box-midsec {margin: 18px auto 0 auto;}span.left-text {float: none;}span.right-text {float: none;}span.red {float: none;}
	
.top-link-col {
    width: 50%;
}
	.aboutus-col {
    width: 50%;
}
	.compatibility-col {
    width: 100%;min-height: 96px !important;
}	

}
@media(max-width:479px){

  .right-logo{display: none;}
}

@media(max-width:375px){
.aftr-mid-box {font-size: 16px;text-align: center;line-height: 25px;}	
	
}

/* Responsive css end */