body {
    margin: 0px;
    font-family: Arial;
    font-size: 15px;
    color: #343434;
}
a,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    font-weight: normal;
    text-decoration: none !important;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* New css after bootstrap apply start */

.editbtn,
.addappbtn,
.delbtn {
    display: inline-block;
    text-decoration: underline !important;
    color: #0a669c;
}
.editbtn:hover,
.addappbtn:hover,
.delbtn:hover {
    color: #40a8e7;
}
.btn-warning {
    padding: 30px 15px !important;
    position: relative;
}
.btn-warning span {
    position: absolute;
    font-size: 13px;
    left: 0px;
    width: 100%;
    display: inline-block;
    bottom: 13px;
}

/* New css after bootstrap apply end */

/* home page After banner */

.home_Abt {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
}
.home_Abt h2 {
    font-family: Archivo;
    font-size: 30px;
    color: #343434;
    font-weight: 600;
}
.home_Abt p {
    font-family: arial;
    font-size: 15px;
    color: #343434;
    font-weight: regular;
    line-height: 20px;
    margin-top: 20px;
}

/* Pop up css start */

/* Adjustment css start */

.insAdjustment {
    position: relative;
    width: 100%;
}
.insAdjustment .msgfreereportcard {
    position: relative;
    z-index: 1;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding-left: 60px;
}
.insAdjustment .checkbox {
    position: absolute;
    z-index: 2;
    top: 0px;
}

/* Adjustment css end */

/* input[type="file"]{max-width:195px;} */
.imgUploaderPopUp {
    float: left;
    display: none;
    width: 100%;
    overflow: scroll;
    z-index: 5;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999999;
}
.iupuCenter {
    max-width: 700px;
    width: 100%;
    margin: auto;
    margin-top: 2%;
}
.iupuBox {
    float: left;
    padding: 0px 15px 15px 15px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
}
.iupuCenter h2 {
    float: left;
    width: 100%;
    background: #686868;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px;
}
.iupuCenter h2 span {
    float: right;
    font-weight: normal;
    font-size: 14px;
}
.iupuRow {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.iupuRow label,
.iupuRow label input [type="file"] {
    float: left;
}
.iupuRow img {
    max-width: 700px;
    width: 100%;
}
.iupuRow a {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}
.imageResultBox {
    float: left;
    width: 100%;
}
.imageResultBox > div {
    margin-top: 15px;
}
.irbRow {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.irbRow label {
    float: left;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}
.irbRow input {
    width: 100%;
    display: none;
    float: left;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.irbRow ul {
    width: 100%;
    float: left;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    padding-bottom: 5px;
}
.irbRow ul li {
    display: inline-block;
    border-radius: 4px;
    background: #e0f3fe;
    color: #363636;
    font-size: 15px;
    padding: 6px;
    margin-bottom: 5px;
}
.irbRow ul li span {
    margin-left: 15px;
    cursor: pointer;
}

/* Pop up css end */

.tempPrev {
    float: right;
    max-width: 262px;
    width: 100%;
    margin-top: 15px;
}
.tempPrev img {
    float: right;
    width: 100%;
}
.appImg {
    height: 100px;
    width: auto;
    object-fit: cover;
    object-position: center;
}
.appImgBx {
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align: center;
}
.updImg {
    position: relative;
}
.updImg input[type="button"] {
    position: absolute;
    bottom: 6px;
    z-index: 5;
    left: 6px;
    border: none;
    background-color: #fa7529;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
}

/* Home page css start */

.header {
    float: left;
    width: 100%;
}
.contactStrip {
    float: left;
    width: 100%;
    background: #0b1538;
}
.siteCenter {
    margin: auto;
    max-width: 1200px;
    width: 100%;
}
.contactStripContainer {
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.csLeft {
    float: left;
    margin: 0px;
}
.csLeft li {
    display: inline-block;
    margin-right: 25px;
}
.csLeft li:last-child {
    margin-right: 0px;
}
.csLeft li a {
    font-family: Archivo;
    font-size: 18px;
    color: #fff;
}
.csLeft li a img {
    margin-right: 10px;
}
.csRight {
    float: right;
    margin: 0px;
}
.csRight li {
    display: inline-block;
    border-right: 1px solid #fff;
}
.csRight li:last-child {
    margin-right: 0px;
    border: none;
}
.csRight li a {
    font-family: Archivo;
    font-size: 16px;
    color: #fff;
    padding: 0px 15px;
}
.csRight li:last-child a {
    padding-right: 0px;
}

.navContainer {
    float: left;
    width: 100%;
    border-bottom: 12px solid #3699d4;
}
.navBox {
    float: left;
    width: 100%;
}
.logoBox {
    padding: 8px 0px;
}
.logoBox,
.logoBox img {
    float: left;
    width: 250px;
}
.mobNav {
    display: none;
}
.navmain {
    float: right;
    margin: 0px;
}
.navmain li {
    display: inline-block;
    position: relative;
}
.navmain li a {
    font-family: Archivo;
    font-size: 18px;
    color: #2f2f2f;
    padding: 30px 10px;
    display: block;
}
.navmain li:hover > a {
    color: #11689c;
}
.navmain li a.active {
    color: #11689c;
}
.navmain li :last-child a {
    padding-right: 0px;
}
.suvNav {
    position: absolute;
    top: 100%;
    width: 265px;
    background: #3699d4;
    display: none;
    z-index: 1;
}
.suvNav li {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}
.suvNav li:hover {
    background: #0e74b0;
}
.suvNav li:hover > a {
    color: #fff;
}
.suvNav li:last-child {
    border-bottom: none;
}
.suvNav li a {
    padding: 15px 15px;
    color: #fff;
}
.navmain li:hover .suvNav {
    display: block;
}

.bannerContainer {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.bannerImg {
    float: left;
    width: 100%;
    position: relative;
}
.bannerImg img {
    width: 100%;
}
.bannerTextBox {
    float: left;
    width: 100%;
    position: absolute;
}
.bannerLoginbox {
    float: right;
    position: relative;
    max-width: 325px;
    width: 100%;
    background: #3699d4;
    padding: 15px 20px;
}
.bannerLoginbox a {
    background: #fff;
    position: relative;
    padding: 12px 15px;
    width: 100%;
    display: inline-block;
    font-family: lato;
    font-size: 18px;
    color: #0b1538;
    margin-bottom: 10px;
}
.bannerLoginbox a:hover {
    background: #ec5f0f;
    color: #fff;
}
.bannerLoginbox a:hover .signs {
    color: #fff;
}
.bannerLoginbox a:last-child {
    margin-bottom: 0px;
}
.signs {
    color: #ec5f0f;
    float: right;
    right: 10px;
    vertical-align: middle;
    font-size: 25px;
    height: 0px;
    position: absolute;
}
.MainBanerText {
    float: left;
    left: 9%;
    position: absolute;
    text-align: center;
    padding: 25px 40px;
    top: 46%;
    background-color: rgba(255, 255, 255, 0.7);
}
.MainBanerText h1 {
    font-family: Archivo;
    margin-bottom: 15px;
    font-size: 35px;
    color: #ec5f0f;
    font-weight: bold;
}
.MainBanerText p {
    color: #424242;
    font-size: 20px;
}
.mover {
    display: none;
}

.serviceAddContainer {
    float: left;
    width: 100%;
}
.serviceAddBox {
    float: left;
    width: 100%;
}
.ServiceAddLi {
    float: left;
    width: 100%;
    padding: 40px 0px;
}
.ServiceAddLi li {
    width: 32%;
    display: inline-block;
    margin-right: 2%;
    float: left;
    text-align: center;
    height: 310px;
}
.ServiceAddLi li:last-child {
    margin-right: 0px;
}
.inspectionbx {
    background-image: url(../images/inspectionbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px;
}
.ibInner {
    border: 1px solid #fff;
    height: 100%;
    padding: 20px;
}
.ibInner h1 {
    font-family: Archivo;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 20px;
}
.wrantybx {
    background-image: url(../images/offerbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px;
}
.WbInner {
    border: 1px solid #fff;
    height: 100%;
    padding: 20px;
}
.WbInner h1 {
    font-family: Archivo;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 3px;
}
.WbInner h1 span {
    font-size: 55px;
    color: #ffbc08;
}
.contactbx {
    background-image: url(../images/contactbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px;
}
.cbInner {
    border: 1px solid #fff;
    height: 100%;
    padding: 20px;
}
.cbInner h1 {
    font-family: Archivo;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    margin-bottom: 3px;
}
.cbInner h1 span {
    font-size: 40px;
    color: #48c500;
}
.cbInner h2 {
    font-family: Archivo;
    font-weight: bold;
    font-size: 40px;
    margin-top: 30px;
    color: #ffbc08;
    text-transform: uppercase;
    line-height: 45px;
}

.servicelistBox {
    float: left;
    width: 100%;
}
.slisthead {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.slisthead h2 {
    float: left;
    color: #2d2d2d;
    font-family: Archivo;
    font-size: 29px;
}
.servicenavigate {
    float: right;
}
.servicenavigate li {
    display: inline-block;
}
.servicenavigate li img {
    max-width: 100%;
    width: auto;
}
.servicenavigate li a {
    padding: 0px 10px;
}

.serviceItems {
    float: left;
    width: 100%;
}
.sliderList {
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
}
.sliderList li {
    float: left;
    width: 162px;
    margin-right: 15px;
    text-align: center;
}
.sliderList li a {
    float: left;
}
.content-slider li img {
    width: 100%;
    float: left;
}
.sliderList li:last-child {
    margin-right: 0px;
}
.sliderList li span {
    float: left;
    height: 73px;
    background: #1a85c4;
    color: #fff;
    display: grid;
    width: 100%;
    align-items: center;
    text-align: center;
    font-size: 17px;
    font-family: lato;
}
.content-slider li span {
    float: left;
    height: 73px;
    background: #1a85c4;
    color: #fff;
    display: grid;
    width: 100%;
    align-items: center;
    text-align: center;
    font-size: 17px;
    font-family: lato;
}

.detailContainer {
    float: left;
    width: 100%;
    margin-top: 22px;
}
.ContentContainer {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.ccimage {
    float: left;
    width: 39%;
}
.ccimage img {
    width: 100%;
}
.cccontent {
    float: right;
    width: 57%;
    position: relative;
}
.cccontent h2 {
    font-family: Archivo;
    font-size: 30px;
    color: #343434;
    font-weight: 600;
}
.cccontent p {
    font-family: arial;
    font-size: 15px;
    color: #343434;
    font-weight: regular;
    line-height: 20px;
    margin-top: 20px;
}
.buttonBox {
    float: left;
    width: 100%;
}
.btnRed {
    background: #fa7529;
    margin-right: 15px;
    margin-top: 25px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 15px;
    font-family: lato;
    font-size: 17px;
}
.btnRed:hover {
    background: #e96317;
}
.reversed .cccontent {
    float: left;
}
.reversed .ccimage {
    float: right;
}
.cccontent ul {
    width: 100%;
}
.cccontent ul li {
    width: 100%;
    margin: 8px 0px;
    padding-left: 25px;
    background-image: url(../images/tick.jpg);
    background-repeat: no-repeat;
    background-position: left 2px;
}
.btnBlue {
    background: #1a85c4;
    margin-top: 25px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 35px;
    font-family: lato;
    font-size: 17px;
}
.btnBlue:hover {
    background: #0e74b0;
}

.footerContainer {
    float: left;
    width: 100%;
    margin-top: 80px;
    background: #e2e2e2;
    padding: 45px 0px;
}
.footerboxDivision {
    float: left;
    width: 100%;
}
.footerboxDivision li {
    float: left;
    width: 31%;
    display: inline-block;
    margin-right: 3.5%;
}
.footerboxDivision li:nth-child(2) {
    margin-left: 5%;
    width: 25%;
}
.footerboxDivision li:last-child {
    margin: 0px;
}
.footerboxDivision li h3 {
    font-family: Archivo;
    font-size: 20px;
    font-weight: 600;
    color: #343434;
    margin-bottom: 15px;
}
.footerboxDivision li p {
    font-family: lato;
    font-size: 15px;
    color: #535353;
    line-height: 23px;
    margin-bottom: 0px;
}
.footerList {
    float: left;
    width: 100%;
}
.footerList li {
    display: inline-block;
    cursor: pointer;
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 8px;
    padding-left: 20px;
    background-image: url(../images/footerarrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 18px;
}
.footerList li a {
    color: #343434;
}
.footerList li:hover a {
    color: #000;
}
.footerLogo {
    float: left;
    width: 100%;
}
.footerboxDivision li p sm {
    color: #08669e;
    font-weight: 600;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.footerSocialIcon {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.footerSocialIcon a {
    margin-right: 5px;
}

.footerStripContainer {
    float: left;
    width: 100%;
    background: #1a85c4;
    padding: 30px 0px;
    margin-bottom: 45px;
}
.stripBox {
    float: left;
    width: 100%;
}
.reservation {
    float: left;
    font-family: lato;
    font-size: 15px;
    color: #fff;
    margin-bottom: 0px;
}
.policies {
    float: right;
    font-family: lato;
    font-size: 15px;
    color: #fff;
    margin-bottom: 0px;
}
.policies a {
    font-family: lato;
    font-size: 15px;
    color: #fff;
}
.cscontactLinks {
    float: left;
    width: 100%;
}
.cscontactLinks li {
    float: left;
    width: 100% !important;
    margin: 10px 0 0 0px !important;
}
.cscontactLinks li a {
    color: #535353;
}
.cscontactLinks li a img {
    margin-right: 10px;
}
.soc-like {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.donatetxt-wrapper {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #0b1538;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    z-index: 99999999;
}
.donatetxt {
    width: 100%;
    float: left;
    font-size: 20px;
    font-family: Archivo;
}
.donatetxt span {
    color: #48d204;
    text-transform: uppercase;
}
.ftrcontact-info {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-top: 5px;
}

.pricing-section {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.pricing-right-section {
    width: 66%;
    float: left;
    text-align: left;
}
.pricing-section .center-heading-content p {
    text-align: center;
}

/* About app css start here */

.About_App {
    float: left;
    width: 100%;
    background: #f0f0f0;
    font-family: Archivo;
    padding: 50px 0px;
    margin-top: 25px;
}
.appHeader {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 29px;
    margin-bottom: 40px;
}
.appTxt {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}
.AppContenBox {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 45px;
}
.AppContenBoxLeft {
    float: left;
    width: 41%;
    text-align: right;
}
.AppContenBoxLeft ul {
    margin: 42px 0px;
    padding: 0px;
}
.AppContenBoxLeft ul li {
    margin-bottom: 30px;
    padding-right: 95px;
    position: relative;
}
.AppContenBoxLeft ul li h3 {
    font-family: arial;
    font-weight: bold;
    margin-bottom: 13px;
}
.AppContenBoxLeft ul li p {
    line-height: 24px;
}
.AppContenBoxLeft ul li:last-child {
    margin: 0px;
}
.AppContenBoxLeft ul li img {
    position: absolute;
    right: 28px;
    top: 25px;
}
.AppContenBoxCenter {
    float: left;
    width: 17%;
}
.AppContenBoxCenter img {
    max-width: 100%;
}
.AppContenBoxRight {
    float: left;
    width: 41%;
    text-align: left;
}
.AppContenBoxRight ul {
    margin: 42px 0px;
    padding: 0px;
}
.AppContenBoxRight ul li {
    margin-bottom: 30px;
    padding-left: 95px;
    position: relative;
}
.AppContenBoxLeft ul li p {
    line-height: 24px;
}
ul li h3 {
    font-family: arial;
    font-weight: bold;
    margin-bottom: 13px;
}
.AppContenBoxLeft ul li p {
    line-height: 24px;
}
ul li p {
    line-height: 24px;
}
.AppContenBoxRight ul li:last-child {
    margin: 0px;
}
.AppContenBoxRight ul li img {
    position: absolute;
    left: 28px;
    top: 25px;
}
.app_link {
    float: left;
    width: 100%;
    text-align: center;
    padding: 22px 0px;
}
.app_link a {
    display: inline-block;
}
.app_link a:first-child {
    margin-right: 20px;
}
.app_link + .footerContainer {
    margin-top: 0px;
}

/* About app css end here */

/* Home page css end */

/************** Hundred day warranty after login ********************/

.hund-day-info {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.hund-day-info label {
    width: 100%;
    float: left;
}
.hun-input {
    float: left;
    margin-top: 100px;
}
.huninfo {
    float: left;
    margin-left: 15px;
    width: 95%;
    background-color: #dddddd;
    padding: 15px;
}
.huninfo img {
    float: left;
    width: 16%;
}
.huninfo p {
    width: 80%;
    float: left;
    margin-left: 3%;
}
.title-hun {
    font-size: 24px;
    font-weight: bold;
}
.limittxt {
    font-size: 18px;
    padding-left: 30px;
    font-style: italic;
}
.include-info {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
.hund-list {
    font-size: 16px;
    line-height: 20px;
    margin-top: 3px;
}
.huninfo p span {
    width: 80%;
    display: block;
    float: left;
}
.hund-list img {
    width: 22px;
    margin-right: 5px;
}
.upl-logo {
    width: 100%;
    float: left;
    padding-left: 50px;
    margin-bottom: 20px;
}
.updlogo {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.logoimg img {
    max-width: 100%;
}

/************** Hundred day warranty frontend ********************/

.header-hundredday {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.logo-hundredday {
    float: left;
    width: 20%;
}
.logo-hundredday img {
    max-width: 100%;
}
.headerinfo-hundredday {
    float: right;
    width: 78%;
}
.head-info1 {
    display: block;
    width: 100%;
    font-size: 27px;
    color: #000;
    font-family: "Roboto Slab", serif;
    font-style: italic;
}
.head-info2 {
    display: block;
    width: 100%;
    font-size: 79px;
    margin-top: 19px;
    color: #000;
    text-align: right;
    font-weight: bold;
    font-family: "Oswald", sans-serif;
}
.head-info3 {
    display: block;
    width: 100%;
    font-size: 25px;
    color: #000;
    text-align: right;
    font-family: "Roboto Slab", serif;
    font-style: italic;
}
.body-hundredday {
    width: 100%;
    float: left;
    background: url(../images/flyer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    box-sizing: border-box;
}

.wrapper-hundreday {
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 30px;
}
.left-hundredday {
    width: 30%;
    float: left;
}
.left-hundredday img {
    max-width: 100%;
}
.right-hundredday {
    width: 67%;
    float: right;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

.right-hundredday h2 {
    width: 100%;
    float: left;
    font-size: 35px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
}
.right-hundredday .subtitle1 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: "Roboto Slab", serif;
    font-style: italic;
    padding-left: 30px;
    font-size: 20px;
}
.right-hundredday .subtitle2 {
    width: 100%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}

.right-hundredday ul {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 0px;
    list-style: none;
}
.right-hundredday ul li {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    padding-left: 40px;
    background-image: url(../images/tick-mark.png);
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: 0 3px;
}

.footer-hundredday {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    background-color: #000;
    box-sizing: border-box;
    font-family: "Roboto Slab", serif;
}
.left-footer-hd {
    width: 45%;
    float: left;
    padding: 40px;
}
.right-footer-hd {
    width: 100%;
    float: left;
    padding: 20px 0 27px 0;
    text-align: center; /*border-left:10px solid #fff;*/
}
.right-footer-hd span {
    font-size: 35px;
}

.appImg {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.logo-banner {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.logo-banner img {
    width: 100%;
    height: auto;
}

.croppie-container {
    height: auto !important;
}
.tandCFullRow #condition {
    float: none;
}
.reg-row label.error {
    margin-bottom: 0px;
}

/* media start here */

/****************** Register page start **********************/

.innper-page-outer {
    width: 100%;
    float: left;
}
.innper-page-mid {
    max-width: 1200px;
    margin: auto;
}
.innper-page-container {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.breadcrumb-container {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-size: 16px;
    color: #6c6c6c;
    margin-bottom: 20px;
}
.breadcrumb-container a {
    color: #6c6c6c;
    text-decoration: none;
}
.breadcrumb-container a:hover {
    color: #1a84c3;
}
.breadcrumb-container span {
    padding: 0 2px;
}
.loginheading-contaioner {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.loginheading-contaioner h1 {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
}
.loginheading-contaioner p {
    width: 100%;
    float: left;
}
.loginform-outer {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.login-form {
    width: 33%;
    float: right;
}
.form-heading {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 25px;
}
.login-section {
    width: 100%;
    float: left;
}
.login-section input[type="text"] {
    width: 100%;
    float: left;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #343434;
}
.login-section input[type="password"] {
    width: 100%;
    float: left;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #343434;
}
.login-section label {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.login-section input[type="submit"] {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 50px;
}
.forgot-psw {
    width: 100%;
    float: left;
    display: inline-block;
    color: #3b9bd5;
    text-decoration: underline;
    margin-top: 25px;
}
.forgot-psw:hover {
    text-decoration: none;
}

.register-form {
    width: 62%;
    padding-right: 5.6%;
    float: left;
    background-image: url(../images/login-separation-bar.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.reg-row {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.reg-row select {
    width: 100%;
    float: left;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 11px 10px;
    font-size: 15px;
    color: #343434;
}

.input-left {
    float: left;
    width: 49%;
}
.input-right {
    float: right;
    width: 49%;
}
.input-left input[type="text"],
.input-left input[type="email"],
.input-left password,
.input-left select,
.input-left textarea {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.input-right input[type="text"],
.input-right input[type="email"],
.input-right input[type="password"],
.input-right select,
.input-right textarea {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.topmrg-file {
    margin-top: 10px;
}
.reg-btn {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.reg-row .error {
    color: red;
    float: left;
}
.reg-btn input[type="submit"] {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 50px;
}
.reg-btn input[type="reset"] {
    float: left;
    border-radius: 5px;
    background-color: #888888;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 50px;
}
.reset {
    margin-left: 15px;
}
.infoReg {
    float: left;
    width: 100%;
    position: relative;
}
.infoReg img {
    position: absolute;
    left: 0px;
}
.infoReg p {
    float: left;
    width: 100%;
    padding-left: 95px;
    line-height: 23px;
    margin-top: 4px;
}
.inforeglist {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.inforeglist h3 {
    font-weight: bold;
    font-family: Archivo;
    font-size: 20px;
    color: #343434;
    margin-bottom: 15px;
}
.inforeglist ul {
    float: left;
    width: 100%;
}
.inforeglist ul li {
    background-image: url(../images/tick.jpg);
    padding-left: 25px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 2px;
}

/******************* Register page end ***********************/

/******************* Login page start ***********************/

.loginOuter {
    float: left;
    width: 100%;
}
.loginInner {
    float: left;
    width: 100%;
    padding: 70px 160px;
    margin-top: 70px;
}
.loginBox {
    float: left;
    width: 100%;
    padding: 95px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-image: url(../images/loginBg.jpg);
    background-repeat: no-repeat;
    background-size: 47% 100%;
}
.loginLeft {
    float: left;
    width: 47%;
    text-align: center;
    padding: 0px 50px;
    padding-top: 50px;
}
.loginLeft h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: Archivo;
    margin-bottom: 10px;
    color: #fff;
}
.loginLeft p {
    text-align: left;
    color: #fff;
    font-family: arial;
    font-size: 17px;
    margin-top: 15px;
}
.loginLeft a {
    border-radius: 5px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 30px;
    color: #fff;
    font-size: 18px;
    font-family: lato;
    padding: 10px 20px;
}
.loginRight {
    float: left;
    width: 53%;
    padding: 0px 60px;
    text-align: center;
}
.loginRight h2 {
    font-size: 30px;
    font-weight: bold;
    color: #343434;
    font-family: Archivo;
    margin-bottom: 10px;
}
.loginRight .error {
    color: red;
    float: left;
}
.loginRow {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.loginRow input[type="text"],
.loginRow input[type="password"] {
    width: 100%;
    border: 1px solid #3699d4;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.loginRow input[type="email"] {
    width: 100%;
    border: 1px solid #3699d4;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.loginRow input[type="submit"] {
    border-radius: 5px;
    width: 100%;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 18px;
    font-family: lato;
    padding: 10px 50px;
}
.loginRow input[type="button"] {
    border-radius: 5px;
    width: 100%;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 18px;
    font-family: lato;
    padding: 10px 50px;
}
.fpLeft {
    float: left;
}
.fpLeft {
    font-family: lato;
    color: #1273ac;
    font-size: 15px;
}
.rmRight {
    float: right;
    font-family: lato;
    color: #1273ac;
    font-size: 15px;
}
.loginRow p {
    color: #343434;
    font-size: 15px;
    font-family: lato;
    margin-top: 10px;
}
.loginRow p a {
    color: #2d80b0;
    font-weight: bold;
    text-decoration: underline;
}
.formCenterHeader {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 20px;
}

/* Media Start here */

/******************* Login page end ***********************/

/******************* Home Inspector page start ***********************/

.admin-nav {
    width: 100%;
    float: left;
    background-color: #3699d4;
    margin: 8px 0 20px 0;
    text-decoration: none;
}
.admin-nav ul {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}
.admin-nav ul li {
    display: inline-block;
    position: relative;
}
.admin-nav ul li a {
    font-family: Archivo;
    line-height: normal;
    font-size: 18px;
    color: #fff;
    padding: 17px 8px;
    display: block;
    text-decoration: none !important;
}
.admin-nav li:last-child {
    float: right;
    top: 9px;
    right: 8px;
}
.admin-nav li ul li:last-child {
    float: none;
    top: 0px;
    right: 0px;
}

.admin-nav ul li:hover > a {
    color: #8af855;
}
.admin-nav ul li a.active {
    color: #8af855;
}
.admin-nav ul li :last-child a {
    padding-right: 0px;
}
.admin-nav ul li ul {
    position: absolute;
    top: 100%;
    width: 220px;
    background: #3699d4;
    display: none;
    z-index: 2;
}
.admin-nav ul li ul li {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}
.admin-nav ul li ul li:hover {
    background: #0e74b0;
}
.admin-nav ul li ul li:hover > a {
    color: #fff;
}
.admin-nav ul li ul li:last-child {
    border-bottom: none;
}
.admin-nav ul li ul li a {
    padding: 15px 15px;
    color: #fff;
}
.admin-nav ul li:hover ul {
    display: block;
}
.admin-content-wrapper {
    width: 100%;
    float: left;
    border: 1px solid #cdcdcd;
    padding: 20px;
}
.page-title-admin {
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 25px;
    color: #0a669c;
    font-family: Archivo;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.welc-txt-heading {
    width: 100%;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
}
.welc-txt {
    width: 100%;
    float: left;
    line-height: 23px;
}
.section-title {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    font-family: Archivo;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 12px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.dashboard-history {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.history-box {
    min-width: 250px;
    float: left;
    border-radius: 5px;
    padding: 20px 15px;
    color: #fff;
    font-family: Archivo;
    margin-right: 25px;
    margin-bottom: 25px;
}
.current-month {
    background-color: #2e95d2;
}
.alltime {
    background-color: #349e00;
}
.prepaid {
    background-color: #f58020;
}
.info-title {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 13px;
}
.info-detail {
    width: 100%;
    float: left;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

.mobNavadmin {
    display: none;
}
.adminnav-txt {
    display: none;
}

/******************* Home Inspector page end ***********************/

/******************* Company info Inspector page Start ***********************/
.insImgBx {
}
.insImgBx img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
}
.insFormBox {
    float: left;
    width: 100%;
    margin-top: 8px;
}
.insFormBoxLeft {
    float: left;
    width: 50%;
}
.insFormBoxRight {
    float: left;
    width: 50%;
}
.insRow100 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    padding-left: 180px;
}
.insRow100 label {
    position: absolute;
    left: 0px;
    padding: 10px;
    width: 34%;
    font-weight: 600;
}
.insRow100 radio {
    position: absolute;
    left: 0px;
    padding: 10px;
}
.insRow100 input[type="text"],
.insRow100 select {
    width: 85%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
    margin-left: 20px;
    margin-right: 20px;
}
.insRow100 input[type="password"],
.insRow100 select {
    width: 85%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
    margin-left: 20px;
    margin-right: 20px;
}
.insRow100 input[type="file"] {
    padding: 12px 0px;
    margin-left: 20px;
    /* margin-right: 20px; */
}
.insRow100 .error {
    color: red;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
    margin-bottom: 0px;
}
.insSubmitRow {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.insSubmitRow input[type="submit"] {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}
.insSubmitRow input[type="button"] {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}

.insRow100 .msgfreereport {
    color: #046cb4;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    margin-right: 20px;
    padding-left: 50px;
}
.insRow100 .msgfreereportcard {
    color: #40a8e7;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    margin-right: 20px;
}

/******************* Company info Inspector page end ***********************/

/******************* Create Appointment Inspector page start ***********************/

.inputRow100 {
    float: left;
    width: 100%;
}
.inputRow50 {
    float: left;
    width: 50%;
    padding-left: 150px;
    position: relative;
    margin-bottom: 15px;
}
.inputRow50 input[type="text"],
.inputRow50 input[type="password"],
.inputRow50 input[type="date"],
.inputRow50 textarea,
.inputRow50 select {
    width: 85%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
    margin-left: 20px;
    margin-right: 20px;
}
.inputRow50 select {
    padding: 11px 10px;
}
.inputRow50 label {
    position: absolute;
    left: 0px;
    padding: 10px;
}
.inputRow50 .error {
    color: red;
    position: relative;
}
.inputRow50 label.error {
    left: 11px;
}

/******************* Create Appointment Inspector page end ***********************/

/******************* Manage Property Inspector page start ***********************/

.InsPageSubHeading {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    padding-bottom: 15px;
}
.insPropertyDetail {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.insPropertyDetail li:nth-child(even) {
    background: #d1dee7;
}
.insPropertyDetail li {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    display: table-row;
}
.insPropertyDetail li span {
    position: absolute;
    top: 0px;
    right: 0px;
}
.insPropertyDetail li input[type="text"] {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 10px 8px;
    font-size: 15px;
    color: #343434;
}
.insPropertyDetail li input[type="text"].error {
    border-color: red;
}
.insPropertyDetail li input[type="file"],
.insPropertyDetail li input[type="button"] {
    margin-top: 3px;
}
.InsMaterialBox {
    /* float:left; */
    width: 16.6%;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.applianceOptList,
.makeOptList {
    position: absolute;
    top: 65%;
}
.InsMaterialBox .error {
    color: red;
    position: relative;
    bottom: -16px;
}
.InsMaterialBox:last-child {
    padding-right: 0px;
}
.addGreenBtn {
    margin-left: 20px;
    float: left;
    border-radius: 5px;
    background-color: #37a103;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}

.deletepropBtn {
    margin-left: 20px;
    float: left;
    border-radius: 5px;
    background-color: #dc4f49;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}

/******************* Manage Property Inspector page end ***********************/

/******************* Property Listing Inspector page end ***********************/

.insPaginationRow {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.insListingSearch {
    float: left;
    width: 200px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
}
.insListingSearch input[type="search"] {
    width: 158px;
    border: none;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 15px;
    color: #343434;
    float: left;
}
.insListingSearch input[type="search"]:hover {
    border: none;
}
.insListingSearch a {
    float: right;
    margin: 4px 0px;
    border-left: 1px solid #bfbfbf;
}
.insListingSearch a i {
    color: #3699d4;
    padding: 5px 11px;
}
.insRowCounter {
    float: right;
    margin-right: 15px;
}
.insRowCounter select {
    width: 75px;
    margin-left: 10px;
    border: none;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    padding: 8px 10px;
    font-size: 15px;
    color: #343434;
}
.Inspagination {
    float: right;
    border: 1px solid #dedede;
}
.Inspagination a {
    display: inline-block;
    color: black;
    border-right: 1px solid #dedede;
    float: left;
    padding: 8px 13px;
    text-decoration: none;
}
.Inspagination a:last-child {
    border: none;
}
.paginActive {
    background: #40a8e7;
    color: #fff !important;
}
.inslistingtable {
    float: left;
    width: 100%;
}
.insListingTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dedede;
}
.insListingTable tr:first-child {
    background: #686868 !important;
}
.insListingTable tr th {
    color: #fff;
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}
.insListingTable tr td {
    padding: 10px 10px;
    color: #343434;
    font-family: lato;
    font-size: 16px;
}
.insListingTable tr td a {
    color: #0a669c;
}
.insListingTable tr:nth-child(odd) {
    background: #e6e6e6;
}
.insOptionList {
    background: #3699d4;
    position: absolute;
    top: 100%;
    display: none;
    width: 235px;
    z-index: 2 !important;
}
/* .tbEdit{margin-top:5px;} */
.insOptionList li {
    padding: 5px;
}
.insOptionList li:hover {
    background: #0e74b0;
}
.insOptionList li a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
}
.InsOpDD span {
    position: relative;
}
.InsOpDD span:hover .insOptionList {
    display: block !important;
    z-index: 1;
}
.InsOpDD {
    position: relative;
}
.InsOpDD a {
    text-decoration: underline !important;
}

/******************* Property Listing Inspector page end ***********************/

/******************* Manage Realtor Inspector page end ***********************/

.InsManageRelHead {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadada;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 15px;
    font-weight: bold;
    font-family: Archivo;
}
.btnBrown {
    float: left;
    border-radius: 5px;
    background-color: #8e8e8e;
    margin-left: 15px;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}
.MR-InsForm2 {
    margin-top: 20px;
}
.InsSelectRealtorForm {
    margin-top: 30px;
    float: left;
}

/******************* Manage Realtor Inspector page end ***********************/

/******************* Payment Setting Inspector page end ***********************/

.insRow100head {
    width: 100%;
    margin-bottom: 20px;
}
.insHeadLab {
    width: 100%;
    display: block;
    color: #0665a7;
    font-weight: bold;
    left: 0px;
    padding: 12px 0px;
}
.expLeft,
.expRight {
    width: 35.5% !important;
    color: #343434 !important;
}
.expRight {
    margin-left: 4%;
    color: #343434 !important;
    margin-left: 75px;
}

/******************* Payment Setting Inspector page end ***********************/

/******************* Invoice Inspector page end ***********************/

.inv {
    float: left;
}
.insInvoiceTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dedede;
}
.insInvoiceTable tr:first-child {
    background: #686868 !important;
}
.insInvoiceTable tr th {
    color: #fff;
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}
.insInvoiceTable tr td {
    padding: 10px 10px;
    color: #343434;
    font-family: lato;
    font-size: 16px;
}
.insInvoiceTable tr td a {
    color: #0a669c;
}
.insInvoiceTable tr:nth-child(odd) {
    background: #e6e6e6;
}

/******************* Invoice Inspector page end ***********************/

/******************* Instruction Inspector page end ***********************/

.InsInstrow {
    float: left;
    width: 100%;
}
.InsInstcol {
    float: left;
    width: 100%;
}
.InsInsttabs {
    float: left;
    width: 100%;
}
.InsInsttab {
    float: left;
    width: 100%;
    position: relative;
}
.InsInsttab input[type="radio"] {
    position: absolute;
    display: none;
}
.InsInsttablabel {
    font-family: Archivo;
    font-size: 20px;
    font-weight: bold;
    color: #343434;
    float: left;
    width: 100%;
    background: #fff;
    padding: 12px 0px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
}
.InsInsttablabel:after {
    content: "\f067";
    font-family: FontAwesome;
    float: right;
    color: #3699d4;
}
.InsInsttablabel:before {
    content: "\f068";
    font-family: FontAwesome;
    float: right;
    color: #3699d4;
    display: none;
}
.InsInsttabcontent {
    float: left;
    width: 100%;
    display: none;
}
.InsInsttab input[type="radio"]:checked ~ .InsInsttabcontent {
    display: block;
}
.InsInsttab input[type="radio"]:checked ~ .InsInsttablabel:after {
    display: none;
}
.InsInsttab input[type="radio"]:checked ~ .InsInsttablabel:before {
    display: block;
}
.InsInsttabcontent ul {
    margin-top: 10px;
}

/******************* Instruction Inspector page end ***********************/

/******************* All User Admin page Start ***********************/

.adminSelectorRow {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.adminSelectorRow select {
    width: 250px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}

.adminAllUserTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dedede;
}
.adminAllUserTable tr:first-child {
    background: #686868 !important;
}
.adminAllUserTable tr th {
    color: #fff;
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}
.adminAllUserTable tr td {
    padding: 10px 10px;
    color: #343434;
    font-family: lato;
    font-size: 16px;
}
.adminAllUserTable tr td a {
    color: #0a669c;
}
.adminAllUserTable tr:nth-child(odd) {
    background: #e6e6e6;
}

/******************* All User Admin page end ***********************/

/******************* Sales Info Admin page end ***********************/

.adminSaleRow {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.adminFilterBox {
    float: left;
    width: 33.3%;
}
.adminFilterBox input[type="date"],
.adminFilterBox select {
    width: 80%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.adminSaleRow .adminFilterBox:first-child {
    text-align: left;
}
.adminSaleRow .adminFilterBox:nth-child(2) {
    text-align: center;
}
.adminSaleRow .adminFilterBox:last-child {
    text-align: right;
}

.adminSaleInfoTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dedede;
}
.adminSaleInfoTable tr:first-child {
    background: #686868 !important;
}
.adminSaleInfoTable tr th {
    color: #fff;
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}
.adminSaleInfoTable tr td {
    padding: 10px 10px;
    color: #343434;
    font-family: lato;
    font-size: 16px;
}
.adminSaleInfoTable tr td a {
    color: #0a669c;
}
.adminSaleInfoTable tr:nth-child(odd) {
    background: #e6e6e6;
}

/******************* Sales Info Admin page end ***********************/

/******************* Manage Newsletter Admin page start ***********************/

.MnewsLogoLeft {
    float: left;
}
.MnewsLogoLeft img {
    float: left;
    max-width: 262px;
    width: 100%;
}
.MnewsLogoLeft a {
    float: left;
    width: 262px;
    display: block;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 0px;
    text-align: center;
    margin-top: 25px;
}

.TemplateSelectorMN {
    float: right;
    max-width: 262px;
    width: 100%;
}
.TemplateSelectorMN select {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.MNFileEditorAdmin {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.MNFileEditorAdmin img {
    width: 100%;
}
.MNFileEditorAdminbutton {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.MNFileEditorAdminbutton a {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 0px;
    padding: 12px 35px;
    font-size: 17px;
}
.MNFileEditorAdminbutton a:last-child {
    margin-right: 0px;
}

/******************* Manage Newsletter Admin page end ***********************/

/******************* Report Alert Admin page start ***********************/

.adminReportAlertTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dedede;
}
.adminReportAlertTable tr:first-child {
    background: #686868 !important;
}
.adminReportAlertTable tr th {
    color: #fff;
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}
.adminReportAlertTable tr td {
    padding: 10px 10px;
    color: #343434;
    font-family: lato;
    font-size: 16px;
}
.adminReportAlertTable tr td a {
    color: #0a669c;
}
.adminReportAlertTable tr:nth-child(odd) {
    background: #e6e6e6;
}

/******************* Report Alert Admin page end ***********************/

/******************* MCQ Admin page start ***********************/

.adminQuestionContainer {
    float: left;
    width: 100%;
}
.adminQuestionBox {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
}
.adminQuestionContainer .adminQuestionBox:last-child {
    border: none;
    padding-bottom: 0px !important;
}
.adminQuestionrow {
    float: left;
    width: 100%;
}
.adminQuestionrow textarea {
    width: 100%;
    resize: none;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.adminAnswerBox {
    float: left;
    width: 100%;
}
.adminAnswerBox .adminAnswerRow50:nth-child(odd) {
    padding-right: 20px;
}
.adminAnswerBox .adminAnswerRow50:nth-child(even) {
    padding-left: 20px;
}
.adminAnswerRow50 {
    float: left;
    width: 50%;
}
.adminAnswerRow50 input[type="text"] {
    width: 75%;
    margin-bottom: 15px;
    resize: none;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.adminAnswerRow50 input[type="checkbox"] {
    float: right;
    margin: 15px 0px;
}
.adminReasonalAnswerrow {
    float: left;
    width: 100%;
}
.adminReasonalAnswerrow textarea {
    width: 100%;
    resize: none;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.adminSubmitRow {
    float: left;
    width: 100%;
}
.btnGreen {
    background: #349e00;
    margin-right: 15px;
    margin-top: 25px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 35px;
    font-family: lato;
    font-size: 17px;
}
.adminSubmitRow a {
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
}
.adminResultLogoUploadBox {
    float: left;
    width: 100%;
}
.adminResultLogoUploadBox h2 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}

/******************* MCQ Admin page end ***********************/
/*************** Forgot Password start *********************/

.forgotpsw {
    float: left;
    width: 100%;
    padding: 0px 200px;
    text-align: center;
}
.forgotpsw h2 {
    font-size: 30px;
    font-weight: bold;
    color: #343434;
    font-family: Archivo;
    margin-bottom: 10px;
}
.forgotBox {
    float: left;
    width: 100%;
    padding: 40px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}
.forgotBox p {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    color: #343434;
}
.forgotpsw .error {
    color: red;
    float: left;
}

/*************** Forgot Password end *********************/

/*************** NotificationMsg start *********************/

.actionNotificationMsg {
    float: left;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    padding: 12px 10px;
    margin-bottom: 15px;
    display: none;
}
.successUpd {
    background: green;
}
.errorUpd {
    background: red;
}
.infoUpd {
    background: #3699d4;
}
/*************** NotificationMsg end *********************/
/* Loading Csss*/

.loading {
    position: fixed;
    z-index: 9999999999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
        rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
        rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
        rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
        rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
        rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
        rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.3rem;
    outline: none;
    position: relative;
    z-index: 1000;
    border-radius: 6px;
}
.option-input:hover {
    background: #9faab7;
}
.option-input:checked {
    background: #349e00;
}
.option-input:checked::before {
    height: 30px;
    width: 30px;
    position: absolute;
    content: "✔";
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 30px;
}
.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #349e00;
    content: "";
    display: block;
    position: relative;
    z-index: 100;
}
.free-rpt {
    text-decoration: none !important;
    color: #fff !important;
    text-transform: uppercase;
    float: right;
    background-color: red;
    padding: 10px 15px;
    border-radius: 7px;
    margin-top: -6px;
}
.free-rpt span {
    font-family: 22px !important;
    font-weight: bold !important;
}

/******************* Home changes page Start ***********************/

.section-title span {
    color: #0a669c;
}
.cardBox {
    float: left;
    width: 100%;
}
.cardBoxItem {
    float: left;
    width: 32%;
    margin: 10px 0px;
    border-radius: 5px;
    overflow: hidden;
    background: #f58020;
    color: #fff;
    padding-top: 25px;
}
.cardBox .cardBoxItem-middle {
    margin-left: 2%;
    margin-right: 2%;
}
.cardBoxItem h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}
.cardBoxItem h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
}
.cardBoxItem p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.cardBoxItem p span {
    font-size: 25px;
}
.boxItemCtrl {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.boxItemCtrlLeft {
    float: left;
    width: 50%;
}
.boxItemCtrlLeft p {
    text-align: left;
    position: relative;
    left: 10px;
    bottom: 10px;
}
.boxItemCtrlRight {
    float: left;
    width: 50%;
}
.boxItemCtrlRight a {
    float: right;
    cursor: pointer;
    position: relative;
    bottom: -4px;
    text-align: center;
    padding: 10px 20px;
    font-size: 18px;
    color: #343434;
    background: #ffd05c;
    font-size: 20px;
}
.cardBoxItem-middle {
    background: #349e00;
}
.cardBoxItem-last {
    background: #2e95d2;
    margin-right: 0px;
}

.cardBox2 .cardBoxItem {
    width: 49%;
}
.cardBox2 .cardBoxItem-middle {
    margin-left: 2%;
    margin-right: 0px;
}

/******************* Contact page start ***********************/

.pageMainHeader {
    float: left;
    width: 100%;
    background: #3699d4;
}
.PMHText {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 8px;
    text-align: center;
    font-size: 40px;
    font-family: Archivo;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #919191;
}
.pgContent {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.pgContent p {
    line-height: 23px;
}
.pgContent h2 {
    font-family: Archivo;
    font-size: 30px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.contactBoxRight h2,
.contactBoxLeft h2 {
    font-size: 25px;
}
.ContactFormOuter {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 25px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
}
.contactBoxLeft {
    float: left;
    width: 60%;
    padding: 40px;
}
.contactBoxRight {
    right: 0px;
    position: absolute;
    height: 100%;
    width: 40%;
    background: #3699d4;
    padding: 40px;
    color: #fff;
}
.contactBoxRight ul {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.contactBoxRight ul li {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 40px;
    position: relative;
}
.contactBoxRight ul li a {
    color: #fff;
    text-decoration: none;
}
.contactBoxRight ul li img {
    position: absolute;
    left: 0px;
}
.contactBoxRight h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
.contactBoxLeft form {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.ContacFormRow50 {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.ContacFormRow100 {
    float: left;
    width: 100%;
    padding-right: 15px;
}
.ContacFormRow50 input[type="text"],
.ContacFormRow100 textarea {
    width: 100%;
    margin-bottom: 15px;
    resize: none;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 12px 10px;
    font-size: 15px;
    color: #343434;
}
.ContacFormRow100 input[type="submit"] {
    border: none;
    margin-top: 10px;
}

/******************* Contact page end ***********************/

/****************** About Us, how it work, what others are saying, pricing start ***************************/
.pageOuterCell {
    width: 100%;
    float: left;
}
.pagecenterCell {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.breadcrumb-container-front {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
}
.breadcrumb-container-front a {
    color: #fff;
    text-decoration: none;
}
.breadcrumb-container-front a:hover {
    color: #fff;
}
.breadcrumb-container-front span {
    padding: 0 2px;
}
.abttop-content {
    width: 100%;
    float: left;
}
.abt-img {
    width: 40%;
    float: left;
}
.abt-img img {
    max-width: 100%;
}
.abttop-right {
    width: 56%;
    float: right;
}
.abttop-right h2 {
    width: 100%;
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 13px;
}
.abttop-right p {
    width: 100%;
    float: left;
    line-height: 23px;
}
.abttop-right h3 {
    width: 100%;
    float: left;
    color: #f47914;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 20px;
}
.abttop-right ul {
    width: 100%;
    float: left;
    list-style: none;
}
.abttop-right ul li {
    display: block;
    background-image: url(../images/bullet_blue.png);
    background-repeat: no-repeat;
    padding-left: 28px;
    margin-bottom: 10px;
}
.our-mission {
    width: 100%;
    float: left;
    background-image: url(../images/mission-bg.jpg);
    background-repeat: no-repeat;
    color: #fff;
    margin: 50px 0 0 0;
}
.our-mission-center {
    max-width: 1200px;
    margin: auto;
}
.our-mission-content {
    width: 100%;
    float: left;
    padding: 60px 0;
    text-align: center;
}
.our-mission-content h2 {
    width: 100%;
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.our-mission-content p {
    width: 100%;
    float: left;
    font-size: 23px;
    line-height: 30px;
}

.steps-wrapper {
    width: 100%;
    float: left;
}
.steps-outer {
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
    background-color: #efefef;
    position: relative;
    padding: 16px 20px 16px 140px;
    line-height: 22px;
}
.step-no {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f58020;
    color: #fff;
    text-align: center;
    padding: 18px 0 0 0;
    line-height: 28px;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 15px;
    top: -12px;
}
.step-no span {
    font-size: 45px;
    font-weight: bold;
    font-family: Archivo;
}
.center-heading-content {
    width: 100%;
    float: left;
    text-align: center;
}
.center-heading-content h2 {
    width: 100%;
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 13px;
}
.center-heading-content p {
    width: 100%;
    float: left;
    line-height: 23px;
}
.quotes-wrapper {
    width: 100%;
    float: left;
}

/*.quotes-outer{ width:30%; padding:20px; float:left; border:2px solid #f58020; border-radius:12px; margin:50px 3.3% 0px 0px;  box-shadow: 6px 8px 0px rgba(245, 128, 32);}
.quote-icon{width:100%; float:left;}
.quote-text{width:100%; float:left; line-height:23px; text-align:center; padding:15px 0;}
.client-info{width:100%; float:left; text-align:center; font-size:18px; font-weight:bold; color:#2282bb;}
.client-info span{ font-style:italic; color:#737373; font-size:15px; font-weight:normal;}
.client-info img{ position:relative; top:7px;}*/

.quotes-outer {
    width: 100%;
    padding: 20px;
    float: left;
    border: 2px solid #f58020;
    border-radius: 12px;
    margin: 30px 3.3% 0px 0px;
    box-shadow: 6px 8px 0px rgba(245, 128, 32);
}
.quote-icon {
    width: 50px;
    float: left;
}
.quote-text {
    width: 92%;
    float: left;
    line-height: 23px;
    text-align: left;
    padding: 0 0 0 20px;
}
.client-info {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #2282bb;
    margin-top: 10px;
    padding-left: 71px;
}
.client-info span {
    font-style: italic;
    color: #737373;
    font-size: 15px;
    font-weight: normal;
}
.client-info img {
    position: relative;
    top: 7px;
    display: none;
}

.pricing-wrapper {
    width: 100%;
    float: left;
}
.pricing-container {
    width: 30%;
    float: left;
    margin-right: 4%;
}
.pricing-container:last-child {
    margin-right: 0px;
}
.pricing-box {
    width: 100%;
    float: left;
    border-radius: 8px;
    padding: 16px 0;
    color: #fff;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    box-shadow: 1px 1px 0px 1px #ccc;
    position: relative;
}
.green-clr {
    background-color: #66a249;
}
.orange-clr {
    background-color: #ec7614 !important;
}
.blue-clr {
    background-color: #3699d4 !important;
}
.purple-clr {
    background-color: #c23bb4 !important;
}
.purple-clr1 {
    background-color: rgba(193, 58, 179, 0.7) !important;
}
.purple-clr2 {
    background-color: rgba(193, 58, 179, 0.8) !important;
}
.pricing-box h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    text-align: center;
}
.cost-wrapper {
    width: 100%;
    float: left;
    padding: 0 20px;
}
.cost {
    width: 100%;
    float: left;
    font-size: 72px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
}
.costSM {
    width: 100%;
    float: left;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 12px;
}
.cost span {
    font-size: 45px;
    position: relative;
    top: -17px;
}
.costSM .DlR {
    font-size: 35px;
    position: relative;
    top: -17px;
}
.costSM .DlR2 {
    font-size: 35px !important;
    position: relative;
    top: -17px;
}
.costSM .smTxtPP {
    font-size: 13px !important;
    position: relative;
    top: -20px !important;
    left: 10px;
}
.cost-text {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.cost-listing {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-top: 25px;
}
.cost-row {
    width: 100%;
    float: left;
    margin-bottom: 9px;
}
.cost-row span {
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    background-color: #fff;
    border-radius: 100px;
    color: #73ae57;
    font-size: 15px;
    text-align: center;
    font-family: Archivo;
    font-weight: bold;
    line-height: 19px;
    position: relative;
    top: 2;
}
.cost-row span.marker {
    width: 20px;
    height: 20px;
    background-image: url(../images/bullet-marker.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.cost-row p {
    padding: 2px 0 0 27px;
    width: auto;
    float: none;
}
.cost-signup {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.cost-signup a {
    width: 100%;
    float: left;
    background-color: #66a249;
    font-family: Archivo;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 15px 15px;
    border-radius: 8px;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0px 1px #ccc;
}

.blue-clr .cost-row span {
    color: #3598d3;
}
.orange-clr .cost-row span {
    color: #f57f1f;
    margin-right: 0px;
}
.blue-clr + .cost-signup a {
    background-color: #2284be !important;
}
.orange-clr + .cost-signup a {
    background-color: #f47f1f !important;
}

.service-cost-wrapper {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.service-cost-wrapper h2 {
    width: 100%;
    float: left;
    font-family: Archivo;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.service-cost-wrapper ul {
    width: 100%;
    float: left;
    list-style: none;
}
.service-cost-wrapper ul li {
    display: block;
    background-image: url(../images/bullet_blue.png);
    background-repeat: no-repeat;
    padding-left: 28px;
    margin-bottom: 10px;
}

.pricing-wrapper-mid {
    width: 93%;
    margin-left: 4%;
}
.offer {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -1px;
    right: -2px;
    background-image: url(../images/offer.png);
    background-repeat: no-repeat;
    font-weight: bold;
    color: #343434;
    text-shadow: none;
    text-align: center;
    line-height: 14px;
}
.offer span {
    display: block;
    transform: rotate(43deg);
    margin-top: 5px;
    margin-left: 28px;
}

.donationBox {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.donationBox-content {
    float: left;
    width: 100%;
    border: 1px solid #c2c2c2;
    background: #ececec;
}
.dbLeft {
    float: left;
    width: 50%;
    padding: 20px;
    text-align: center;
    background: #2e95d2;
    color: #fff;
}
.dbLeft h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: lato;
}
.dbLeft h3 {
    font-size: 22px;
    font-weight: bold;
    font-family: lato;
    text-transform: uppercase;
    margin-top: 5px;
}
.dbRight {
    float: left;
    width: 50%;
    padding: 20px;
    background: #ececec;
}
.dbRight p {
    font-size: 18px;
    line-height: 25px;
}

/****************** About Us end ***************************/

/****************** Term and Condition start ***************************/

.TandC h3,
.TandC p {
    text-align: left;
}
.TandC h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    float: left;
}
.TandC video {
    margin: 20px 0px;
}

/****************** Term and condition end ***************************/

.ripImg {
    float: left;
    width: 100%;
    margin: 20px 0px;
    text-align: center;
}
.ripImg img {
    max-width: 100%;
}
.features-block {
    float: left;
    width: 100%;
}
.features-block h2 {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0 10px 0px;
}
.features-block p {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 23px;
}

.our-work-wrapper {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.gray-heading {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: normal;
    color: #909090;
    text-align: center;
    margin-bottom: 10px;
}
.inner-page-heading {
    width: 100%;
    float: left;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
}
.our-work-main-box {
    width: 100%;
    float: left;
}
.our-work-box {
    width: 23%;
    float: left;
    margin-right: 2%;
    margin-top: 30px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    background-color: #eeeeee; /*transition: margin-top 0.4s ease-in-out, box-shadow 0.4s ease-in-out;*/
}
/*.our-work-box:hover{margin-top:50px; border-radius:10px; box-shadow: -1px 5px 25px 5px rgba(0,0,0,0.2);}*/
.our-work-box-img {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.our-work-box-img img {
    width: 50px;
}
.our-work-box h3 {
    width: 100%;
    float: left;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 10px;
}
.our-work-box p {
    width: 100%;
    float: left;
    line-height: 23px;
    margin-bottom: 20px;
}

.our-work-box:last-child {
    margin-right: 0px;
}

.actionMsg {
    float: left;
    width: 100%;
    margin: 5px 0px;
}

.expendable {
    overflow: hidden;
}
.RdM {
    text-align: right;
    float: left;
    width: 100%;
    position: absolute;
    height: 80px;
    bottom: 55px;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.noGrad {
    background: transparent !important;
}
.RdMlinK {
    color: #1a85c4;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.tandCFullRow {
    float: left;
    width: 100%;
}
.tandCFullRow a {
    color: #08669e;
    text-decoration: none;
}

.insRow555 {
    float: left;
    width: 100%;
}
.insRow555 input[type="radio"] {
    margin-right: 10px;
}
.insRow555 ul li {
    margin-bottom: 5px;
}
.insRow555 ul {
    margin-bottom: 15px;
}

/* *********** 1-31-2020 ********** */

.pWHead {
    margin-bottom: 25px;
    margin-top: 20px;
}
.pWTextHead,
.pWHead {
    float: left;
    width: 100%;
    text-align: center;
}
.pWTextHead p {
}
.pWHead img {
    width: 150px;
    display: inline-block;
    position: relative;
    bottom: 3px;
}
.pWHead h3 {
    display: inline-block;
    margin-left: 15px;
    font-size: 30px;
    font-weight: bold;
}
.pricing-container-center {
    margin: auto;
    max-width: 630px;
    width: 100%;
}
.pricing-container-center .pricing-container {
    width: 100%;
}
.pricing-container-center .cost-signup {
    margin-top: 22px;
}
.costOfferText {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 22px;
}
.costOfferText p {
    font-weight: bold;
    font-size: 17px;
    color: #0b6cb0;
}
.smTxt {
    display: inline-block;
    font-size: 13px !important;
    position: relative;
    top: -6px !important;
    font-weight: normal;
}
.costOfferText p span {
    color: #ed6b00 !important;
}

.costSM .smTxt {
    font-size: 13px !important;
    position: relative;
    top: -20px !important;
    left: 10px;
}
.txsm1 {
    display: inline-block;
    font-size: 18px !important;
    font-weight: bold;
}
.txsm2 {
    display: inline-block;
    font-size: 18px !important;
    font-weight: bold;
}
.cost .txsm2 {
    top: -6px !important;
}
.DlR {
    font-size: 45px;
    position: relative;
    top: -36px;
}
.CpscContent {
    float: left;
    width: 100%;
}

/******************* Marketing page start ***********************/

.markLogstrip {
    float: left;
    width: 100%;
    background: #e1e1e1;
    margin-bottom: 15px;
    padding: 0px 10px;
}
.Mhead {
    float: left;
    width: 100%;
    text-align: center;
}
.Mhead h2 {
    color: #343434;
    font-size: 30px;
    font-weight: normal;
    padding: 25px 0px 10px 0px;
    margin-bottom: 0px;
}
.Munderline {
    border-bottom: 1px solid #343434;
}
.mLOgos {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.logoBx {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 22px;
    position: relative;
}
.logoBx img {
    max-width: 100%;
    width: 100%;
}
.videoBxx {
    float: left;
    width: 100%;
}
.viDBx {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.viDBx video {
    float: left;
    width: 100%;
}
.embecRowM {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}
.embecRowM button {
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
}
.exPertLogoBx {
    float: left;
    width: 100%;
    margin: 40px 0px;
}
.exPertLogoBx p {
    text-align: center;
}
.exPertLogoBx ul {
    float: left;
    width: 100%;
}
.exPertLogoBx ul li {
    float: left;
    width: 12%;
    margin-right: 0.5%;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}
.exPertLogoBx ul li:first-child {
    text-align: left;
}
.exPertLogoBx ul li img {
    max-width: 120px;
    width: 100%;
    position: relative;
}
.overlaybtn {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
}
.overlaybtn button {
    background: #3aa904;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    position: relative;
    top: 38%;
    padding: 3px 10px;
}
.exPertLogoBx ul li:hover .overlaybtn {
    display: block !important;
}
.exPertLogoBx ul li h2 {
    font-size: 30px;
    margin-top: 17px;
}
.expSocial {
    float: right;
    margin-top: 6px;
}
.expSocial li {
    margin-left: 10px;
    display: inline-block;
}
.expSocial li img {
    padding: 12px 0px;
}
.expSocial li:first-child img {
    width: 75px;
    padding: 0px;
}

.overlaybtnlogo {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
}
.overlaybtnlogo button {
    background: #3aa904;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    position: relative;
    top: 45%;
    padding: 3px 10px;
}
.logoBx:hover .overlaybtnlogo {
    display: block !important;
}

.logo-banner1 {
    width: 100%;
    float: left;
    margin-top: 15px;
    position: relative;
}
.logo-banner1 img {
    width: 100%;
    height: auto;
}
.logo-banner1:hover .overlaybtnlogo {
    display: block !important;
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 99999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #fff;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-container p {
    background: #3699d4;
    color: #fff;
    padding: 10px 11px;
    font-size: 18;
    font-weight: bold;
    margin: 0px;
    border-radius: 0.25em 0.25em 0 0;
    text-align: left;
}

.code_input {
    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    padding: 10px;
    width: 95%;
    background-color: rgba(0, 0, 0, 0.1);
    color: #252525;
    border: none;
    margin: 25px 0px;
    font-size: 17px;
}

.cd-buttons {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 100%;
}
.cd-popup-container .cd-buttons a {
    display: block;
    height: 45px;
    width: 100px;
    line-height: 45px;
    margin: 0 0 10px 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px !important;
    cursor: default;
    text-decoration: none;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
    background: #6ecd00;
    border-radius: 0 0 0 0.25em;
    color: #fff;
}

.cd-popup-container .cd-buttons li:first-child a:hover {
    background: #62b700;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #fa7529;
    border-radius: 0 0 0.25em 0;
    color: #fff;
}
.cd-popup-container .cd-buttons li:last-child a:hover {
    background: #fa7529;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
    content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}
.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/********* 3rd party integration ************/

.thparty-wrapper {
    width: 100%;
    float: left;
}
.thparty-box {
    width: 500px;
    float: left;
}
.thparty-box h2 {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.thparty-input {
    width: 100%;
    float: left;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
}
.thparty-input p {
    width: 100%;
    float: left;
}
.thparty-input p span {
    font-size: 18px;
}
.thparty-input p input[type="submit"] {
    float: left;
    border-radius: 5px;
    background-color: #fa7529;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: lato;
    padding: 10px 40px;
    margin-top: 15px;
}

/***** user guide css start ******/

.w3-content {
    max-width: 100% !important;
}
.w3-content img {
    width: 100%;
    display: block;
}
.w3-content p {
    font-size: 17px;
    background-color: #b4f595;
    padding: 10px;
}
.w3-content p a {
    color: #003fb5;
}
.w3-content p span {
    font-size: 20px;
    font-weight: bold;
}
.exinfo {
    display: block;
    float: right;
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0;
    padding: 5px 10px;
}
.w3-image {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
}
a {
    color: inherit;
}
.w3-tooltip,
.w3-display-container {
    position: relative;
}
.w3-button:hover {
    color: #000 !important;
    background-color: #ccc !important;
}
.w3-btn,
.w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.w3-btn,
.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-disabled,
.w3-btn:disabled,
.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.w3-black,
.w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.w3-display-left {
    position: absolute;
    top: 55%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
}
.w3-display-right {
    position: absolute;
    top: 55%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}

.btn-warning {
    line-height: 17px !important;
}
.hrd-content {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
/***** user guide css end ******/

.prop-listing tr td:nth-child(3) {
    word-break: break-all;
    width: 300px;
}
.AuthorizeNetSeal {
    margin-top: 15px !important;
}
.morabt {
    float: left;
    width: 45%;
}
.internachilogo {
    float: right;
    width: 50%;
    margin-top: 20px;
}
.internachilogo img {
    max-width: 100%;
}

/****** press release *********/

.press-release-section {
    width: 100%;
    float: left;
}
.press-release-banner {
    width: 100%;
    float: left;
}
.press-release-banner img {
    max-width: 100%;
}

.press-content-section {
    width: 100%;
    float: left;
    padding: 0px 30px;
    box-sizing: border-box;
    margin-top: 25px;
}
.iachi-logo {
    width: 20%;
    float: left;
}
.iachi-logo img {
    max-width: 100%;
}
.iachi-content {
    width: 77%;
    float: right;
    margin-top: 50px;
    font-size: 20px;
}

.modtext {
    width: 100%;
    float: left;
    color: #08669e;
    margin: 15px 0;
    font-weight: bold;
}
#sendirImgFrmMobile {
    margin-left: 15px;
}

@media screen and (max-width: 1200px) {
    .innper-page-container {
        padding: 0 15px;
    }

    .siteCenter {
        padding: 0px 15px;
    }
    .MainBanerText {
        left: auto;
        top: 48%;
    }
    .bannerImg {
        height: 326px;
        overflow: hidden;
    }
    .bannerImg img {
        width: auto;
    }
    .loginInner {
        padding: 50px 0px;
    }
    .pricing-wrapper-mid {
        width: 100%;
        margin-left: 0px;
    }
    .cardBoxItem h2 {
        font-size: 25px;
    }
    .cardBoxItem h1 {
        font-size: 35px;
    }
    .cardBoxItem p span {
        font-size: 20px;
    }
    .footerStripContainer {
        margin-bottom: 75px;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
    .head-info2 {
        font-size: 64px;
    }
}

@media screen and (max-width: 1100px) {
    .navmain li a {
        padding: 30px 6px;
    }
    .suvNav li a {
        padding: 15px;
    }
    .ibInner h1,
    .WbInner h1,
    .cbInner h1 {
        font-size: 30px;
    }
    .WbInner h1 span {
        font-size: 45px;
    }
    .cbInner h1 span {
        font-size: 35px;
    }
    .cbInner h2 {
        font-size: 25px;
        margin-top: 3px;
    }
    .bunchLogo img {
        width: 100%;
    }
    .wranttyLogo img {
        width: 145px;
    }
}

@media screen and (max-width: 1000px) {
    .btn-warning span {
        left: auto;
        width: auto;
        bottom: auto;
        margin-left: 10px;
    }

    .mobNavadmin {
        display: block; /*background:#e2e2e2; border-radius:5px;*/
        width: 40px;
        float: right;
        margin: 14px 0 7px 7px;
        cursor: pointer;
    }
    .mobNavadmin img {
        width: 20px;
    }

    .navadmin {
        width: 100%;
        display: none;
        border-radius: 0px 0px 5px 5px;
        position: absolute;
        z-index: 5;
        background-color: #3699d4;
        top: 39px;
    }
    .navadmin li {
        width: 100%;
    }
    .navadmin li a {
        padding: 15px !important;
        text-align: left;
    }
    .admin-nav ul li ul {
        width: 100%;
    }
    .admin-nav {
        position: relative;
    }
    .adminnav-txt {
        display: block;
        color: #fff;
        font-size: 18px;
        width: 80%;
        float: left;
        padding: 10px 0 0 15px;
    }

    .inspectionbx,
    .wrantybx,
    .contactbx {
        padding: 10px;
    }
    .ibInner,
    .WbInner,
    .cbInner {
        padding: 10px;
    }
    .mobNav {
        display: block;
        background: #e2e2e2;
        border-radius: 5px;
        width: 40px;
        float: right;
        padding: 4px 7px;
        margin-top: 20px;
        cursor: pointer;
    }
    .mobNav img {
        width: 100%;
    }

    .navBox {
        position: relative;
    }
    .navmain {
        width: 100%;
        display: none;
        border-radius: 0px 0px 5px 5px;
        position: absolute;
        z-index: 5;
        background-color: rgba(255, 255, 255, 0.9);
        top: 100%;
    }
    .navmain li {
        width: 100%;
    }
    .navmain li a {
        padding: 15px !important;
        text-align: left;
    }
    .suvNav {
        width: 100%;
        position: relative;
        top: 0px;
    }
    .MainBanerText {
        padding: 25px;
    }
    .mob-over > a {
        pointer-events: none;
    }
    .head-info2 {
        font-size: 53px;
    }
    .headerinfo-hundredday br {
        display: none;
    }

    .iachi-content {
        margin-top: 10px;
    }
}

@media screen and (max-width: 840px) {
    .head-info2 {
        font-size: 44px;
    }
    .head-info1 {
        font-size: 23px;
    }
    .head-info3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .home_Abt h2 {
        font-size: 25px;
    }
    .history-box {
        min-width: 100px;
    }
    .admin-nav {
        margin-top: 0px;
    }
    .page-title-admin {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }
    .welc-txt-heading {
        font-size: 20px;
    }
    .info-title {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .info-detail {
        font-size: 35px;
    }
    .history-box {
        padding: 10px 15px;
    }
    .dashboard-history {
        margin-top: 10px;
    }
    .admin-content-wrapper {
        padding: 10px;
    }
    .loginform-outer {
        margin-top: 20px;
    }

    .footerContainer {
        padding: 20px 0;
    }
    .soc-like iframe {
        height: 24px;
    }
    .bannerLoginbox a {
        font-size: 17px;
        margin-bottom: 5px;
    }
    .mover {
        display: block;
        cursor: pointer;
        border-radius: 200px;
        background: #3699d4;
        text-align: center;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 20px;
        bottom: -31px;
    }
    .mover img {
        margin-top: 23px;
    }
    .bannerLoginbox {
        padding: 15px 10px;
        z-index: 2;
        width: 288px;
        position: absolute;
        right: 15px;
        top: 20px;
    }
    .cccontent h2 {
        font-size: 25px;
    }
    .content-slider li span {
        height: 58px;
    }
    .footerStripContainer {
        padding: 13px 0px;
    }
    .policies {
        margin-top: 8px;
    }
    .footerLogo img {
        width: 300px;
    }
    .loginInner {
        padding: 0px;
        margin-top: 20px;
    }
    .footerContainer {
        margin-top: 30px;
    }
    .loginLeft h2 {
        font-size: 22px;
    }
    .loginLeft p {
        margin-top: 11px;
    }
    .loginLeft a {
        margin-top: 17px;
    }
    .InsMaterialBox {
        /*width:100%;*/
        width: 86%;
        padding-right: 0px;
        margin-bottom: 10px;
        display: block;
    }
    .InsMaterialBox label {
        margin-right: 5px;
    }
    .InsMaterialBox:last-child {
        margin-bottom: 0px;
    }
    .insFormBoxLeft,
    .insFormBoxRight,
    .insRow100 input[type="text"],
    .insRow100 select {
        width: 98%;
    }
    .inputRow50,
    .inputRow50 input[type="text"],
    .inputRow50 input[type="date"],
    .inputRow50 textarea,
    .inputRow50 select {
        width: 100%;
    }
    .expLeft,
    .expRight {
        width: 48% !important;
    }
    .pricing-box h2 {
        font-size: 20px;
    }
    .cost {
        font-size: 40px;
    }
    .cost span {
        font-size: 20px;
        top: -15px;
    }
    .pricing-container {
        width: 32%;
        margin-right: 2%;
    }
    .huninfo {
        width: 94%;
    }
    .PMHText {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 3px;
    }
    .breadcrumb-container-front {
        margin-bottom: 9px;
    }
    .navContainer {
        border-bottom: 6px solid #3699d4;
    }
    .abttop-right h2 {
        font-size: 22px;
    }
    .center-heading-content h2 {
        font-size: 22px;
    }
    .quotes-outer {
        margin-top: 20px;
    }
    .pgContent {
        margin-top: 15px;
    }
    .pgContent h2 {
        font-size: 22px;
    }
    .ContactFormOuter {
        margin-top: 10px;
    }
    .contactBoxLeft h2 {
        font-size: 22px;
    }
    .contactBoxRight {
        height: auto;
    }
    .our-work-box {
        width: 48%;
    }
    .exPertLogoBx ul li h2 {
        font-size: 20px;
    }
    .logoBx {
        margin-bottom: 10px;
    }
    .Mhead h2 {
        padding: 6px 0px 10px 0px;
        font-size: 20px;
    }
    .pWHead h3 {
        font-size: 22px;
    }
    .bannerImg img {
        margin-left: -80px;
        margin-top: -9px;
        height: 338px;
    }
    .ContentContainer {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .responsive-tbl table,
    .responsive-tbl thead,
    .responsive-tbl tbody,
    .responsive-tbl th,
    .responsive-tbl td,
    .responsive-tbl tr {
        display: block;
    }
    .responsive-tbl table tr {
        overflow: scroll;
    }

    .responsive-tbl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-tbl tr {
        border: 1px solid #ccc !important;
    }

    .responsive-tbl td {
        min-height: 20px;
        border: none;
        border-bottom: 1px solid #eee !important;
        position: relative;
        padding-left: 50% !important;
        word-break: break-all;
    }

    .responsive-tbl td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 40%;
        padding-right: 10px !important;
        white-space: nowrap;
        font-weight: bold;
    }

    .donatetxt {
        font-size: 15px;
    }
    .footerStripContainer {
        margin-bottom: 69px;
    }

    .iachi-content {
        margin-top: 0px;
    }
    .press-content-section {
        padding: 0px;
    }

    input[type="submit"] {
        -webkit-appearance: none;
    }

    /********* inspector invoice lising *************/

    .invoice-listing td:nth-of-type(1):before {
        content: "Trans ID";
    }
    .invoice-listing td:nth-of-type(2):before {
        content: "Client First Name";
    }
    .invoice-listing td:nth-of-type(3):before {
        content: "Client Last Name";
    }
    .invoice-listing td:nth-of-type(4):before {
        content: "Email";
    }
    .invoice-listing td:nth-of-type(5):before {
        content: "Date";
    }
    .invoice-listing td:nth-of-type(6):before {
        content: "Amount (US $)";
    }

    /********* inspector appointment-listing *************/

    .appointment-listing td:nth-of-type(1):before {
        content: "First Name";
    }
    .appointment-listing td:nth-of-type(2):before {
        content: "Last Name";
    }
    .appointment-listing td:nth-of-type(3):before {
        content: "Email";
    }
    .appointment-listing td:nth-of-type(4):before {
        content: "Inspection Date";
    }
    .appointment-listing td:nth-of-type(5):before {
        content: "Inspection Time";
    }
    .appointment-listing td:nth-of-type(6):before {
        content: "Action";
    }

    /********* inspector property-listing *************/

    .prop-listing td:nth-of-type(1):before {
        content: "First Name";
    }
    .prop-listing td:nth-of-type(2):before {
        content: "Last Name";
    }
    .prop-listing td:nth-of-type(3):before {
        content: "Email";
    }
    .prop-listing td:nth-of-type(4):before {
        content: "Mobile Phone";
    }
    .prop-listing td:nth-of-type(5):before {
        content: "Address 1";
    }
    .prop-listing td:nth-of-type(6):before {
        content: "Address 2";
    }
    .prop-listing td:nth-of-type(7):before {
        content: "Payment Details";
    }
    .prop-listing td:nth-of-type(8):before {
        content: "Inspection Date";
    }
    .prop-listing td:nth-of-type(9):before {
        content: "Option";
    }
    .prop-listing td:nth-of-type(10):before {
        content: "Action";
    }

    /********* Realtor transaction-listing *************/

    .transaction-listing td:nth-of-type(1):before {
        content: "Trans ID";
    }
    .transaction-listing td:nth-of-type(2):before {
        content: "Client First Name";
    }
    .transaction-listing td:nth-of-type(3):before {
        content: "Client Last Name";
    }
    .transaction-listing td:nth-of-type(4):before {
        content: "Email";
    }
    .transaction-listing td:nth-of-type(5):before {
        content: "Date";
    }
    .transaction-listing td:nth-of-type(6):before {
        content: "Amount (US $)";
    }

    /********* Realtor customer-listing *************/

    .customer-listing td:nth-of-type(1):before {
        content: "First Name";
    }
    .customer-listing td:nth-of-type(2):before {
        content: "Last Name";
    }
    .customer-listing td:nth-of-type(3):before {
        content: "Email";
    }
    .customer-listing td:nth-of-type(4):before {
        content: "Mobile Phone";
    }
    .customer-listing td:nth-of-type(5):before {
        content: "Address 1";
    }
    .customer-listing td:nth-of-type(6):before {
        content: "Address 2";
    }
    .customer-listing td:nth-of-type(7):before {
        content: "Send Newsletter";
    }
    .customer-listing td:nth-of-type(8):before {
        content: "Free Report";
    }

    /********* Customer property-listing *************/

    .custmerprop-listing td:nth-of-type(1):before {
        content: "Name";
    }
    .custmerprop-listing td:nth-of-type(2):before {
        content: "Address1";
    }
    .custmerprop-listing td:nth-of-type(3):before {
        content: "Address2";
    }
    .custmerprop-listing td:nth-of-type(4):before {
        content: "Property Submitted";
    }
    .custmerprop-listing td:nth-of-type(5):before {
        content: "Payment Details";
    }
    .custmerprop-listing td:nth-of-type(6):before {
        content: "Option";
    }
    .custmerprop-listing td:nth-of-type(7):before {
        content: "Action";
    }

    /********* Customer transaction-listing *************/

    .cust-transaction-listing td:nth-of-type(1):before {
        content: "Trans ID";
    }
    .cust-transaction-listing td:nth-of-type(2):before {
        content: "Client First Name";
    }
    .cust-transaction-listing td:nth-of-type(3):before {
        content: "Client Last Name";
    }
    .cust-transaction-listing td:nth-of-type(4):before {
        content: "Email";
    }
    .cust-transaction-listing td:nth-of-type(5):before {
        content: "Date";
    }
    .cust-transaction-listing td:nth-of-type(6):before {
        content: "Amount (US $)";
    }

    /********* Customer free report listing *************/

    .free-listing td:nth-of-type(1):before {
        content: "First Name";
    }
    .free-listing td:nth-of-type(2):before {
        content: "Last Name";
    }
    .free-listing td:nth-of-type(3):before {
        content: "Email";
    }
    .free-listing td:nth-of-type(4):before {
        content: "User Type";
    }
    .free-listing td:nth-of-type(5):before {
        content: "Action";
    }

    /********* Auth customer listing *************/

    .auth-customer-listing td:nth-of-type(1):before {
        content: "First Name";
    }
    .auth-customer-listing td:nth-of-type(2):before {
        content: "Last Name";
    }
    .auth-customer-listing td:nth-of-type(3):before {
        content: "Email";
    }
    .auth-customer-listing td:nth-of-type(4):before {
        content: "Free Report";
    }

    /********* Auth transaction-listing *************/

    .auth-transaction-listing td:nth-of-type(1):before {
        content: "Trans ID";
    }
    .auth-transaction-listing td:nth-of-type(2):before {
        content: "Client First Name";
    }
    .auth-transaction-listing td:nth-of-type(3):before {
        content: "Client Last Name";
    }
    .auth-transaction-listing td:nth-of-type(4):before {
        content: "Email";
    }
    .auth-transaction-listing td:nth-of-type(5):before {
        content: "Package Name";
    }
    .auth-transaction-listing td:nth-of-type(6):before {
        content: "No of report(package)";
    }
    .auth-transaction-listing td:nth-of-type(7):before {
        content: "Date";
    }
    .auth-transaction-listing td:nth-of-type(8):before {
        content: "Amount (US $)";
    }
}

@media screen and (max-width: 767px) {
    .ccimage {
        width: 100%;
        text-align: center;
    }
    .ccimage img {
        max-width: 100%;
        width: auto;
        float: none;
    }
    .cccontent {
        width: 100%;
        margin-top: 30px;
    }
    .ServiceAddLi li {
        width: 100%;
        margin-right: 0px;
        height: auto;
        margin-bottom: 20px;
    }
    .ServiceAddLi li:last-child {
        margin-bottom: 0px;
    }
    .bunchLogo img {
        width: auto;
        max-width: 100%;
    }
    .footerboxDivision li {
        width: 100% !important;
        margin-right: 0px;
        margin-left: 0px !important;
        margin-bottom: 25px;
    }
    .footerboxDivision li:last-child {
        margin: 0px;
    }

    .MainBanerText {
        top: 85px;
    }
    .csRight,
    .reservation,
    .policies {
        width: 100%;
        text-align: center;
    }
    .csLeft {
        display: none;
    }
    .policies {
        margin-top: 15px;
    }
    .dataTables_paginate {
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .dataTables_paginate ul {
        display: inline-block;
    }
    .dataTables_length {
        width: 100%;
    }
    .dataTables_filter {
        width: 100%;
    }
    .custmerprop-listing .btn-info {
        white-space: normal;
    }
    .logoBx {
        width: 48%;
    }
    .embecRowM {
        margin-bottom: 0px;
    }
    .exPertLogoBx ul li:first-child {
        width: 100%;
    }
    .exPertLogoBx ul li {
        width: 100px;
        margin-right: 5px;
    }
    .exPertLogoBx {
        margin: 25px 0px;
    }
    .adminReportAlertTable tr:first-child {
        display: none !important;
    }
    .adminReportAlertTable tr {
        width: 100%;
        padding-left: 135px;
        position: relative;
        display: block;
    }
    .adminReportAlertTable tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    .adminReportAlertTable tr td:first-child:before {
        content: " Client Name.";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(2):before {
        content: "Inspector Name  ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(3):before {
        content: " Realtor Name  ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(4):before {
        content: " Property ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(5):before {
        content: "  Address ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(6):before {
        content: " Request Date ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(7):before {
        content: "  Generate Date  ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:nth-child(8):before {
        content: " Sent Date ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminReportAlertTable tr td:last-child:before {
        content: "  Generate Report ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .cardBox2 .cardBoxItem,
    .cardBox .cardBoxItem {
        width: 100%;
    }
    .cardBox2 .cardBoxItem-middle,
    .cardBox .cardBoxItem-middle {
        margin-left: 0%;
        margin-right: 0px;
    }
    .ContactFormOuter {
        position: static;
    }
    .contactBoxLeft,
    .contactBoxRight {
        position: static;
        width: 100%;
        padding: 20px;
        float: left;
    }
    .contactBoxRight ul {
        margin-top: 30px;
    }
    .contactBoxRight ul li {
        margin-bottom: 30px;
    }
    .pagecenterCell {
        margin-top: 25px;
    }
    .step-no {
        bottom: 0;
        top: 0;
        left: 15px;
        top: 0;
        margin: auto;
    }
    .steps-outer {
        margin-top: 25px;
    }

    .dbLeft,
    .dbRight {
        width: 100%;
    }
    .dbRight p {
        text-align: center;
    }
    .insInvoiceTable tr:first-child {
        display: none !important;
    }
    .insInvoiceTable tr {
        width: 100%;
        padding-left: 135px;
        position: relative;
        display: block;
    }
    .insInvoiceTable tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    .insInvoiceTable tr td:first-child:before {
        content: " Sr No.";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insInvoiceTable tr td:nth-child(2):before {
        content: " Client Name";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insInvoiceTable tr td:nth-child(3):before {
        content: " Date";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insInvoiceTable tr td:last-child:before {
        content: " Amount Paid";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .btnBrown {
        float: left;
        margin-left: 0px;
        margin-top: 15px;
        clear: both;
    }
    .adminAllUserTable tr:first-child {
        display: none !important;
    }
    .adminAllUserTable tr {
        width: 100%;
        padding-left: 135px;
        position: relative;
        display: block;
    }
    .adminAllUserTable tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    .adminAllUserTable tr td:first-child:before {
        content: " Name.";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminAllUserTable tr td:nth-child(2):before {
        content: " Email Id";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminAllUserTable tr td:nth-child(3):before {
        content: " User Type";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminAllUserTable tr td:nth-child(4):before {
        content: " Status ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminAllUserTable tr td:last-child:before {
        content: " Action ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminFilterBox input[type="date"],
    .adminFilterBox select {
        width: 95%;
    }

    .adminSaleInfoTable tr:first-child {
        display: none !important;
    }
    .adminSaleInfoTable tr {
        width: 100%;
        padding-left: 135px;
        position: relative;
        display: block;
    }
    .adminSaleInfoTable tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    .adminSaleInfoTable tr td:first-child:before {
        content: " Name.";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminSaleInfoTable tr td:nth-child(2):before {
        content: " Description (Equipment) ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminSaleInfoTable tr td:nth-child(3):before {
        content: " Quantity ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminSaleInfoTable tr td:nth-child(4):before {
        content: " Unit Price ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .adminSaleInfoTable tr td:last-child:before {
        content: "  Amount ";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .MNFileEditorAdminbutton a {
        display: inline-block;
        clear: none;
    }
    .insRowCounter {
        display: none;
    }
    .insListingSearch input[type="search"] {
        width: 80%;
    }
    .insPaginationRow {
        margin-bottom: 15px;
    }
    .addGreenBtn {
        clear: both;
        margin-left: 0px;
        margin-top: 15px;
    }
    .insListingSearch {
        width: 100%;
        margin-bottom: 15px;
    }
    .insListingSearch input[type="search"] {
        width: 90%;
    }
    .insRowCounter {
        float: left;
    }

    .deletepropBtn {
        clear: both;
        margin-left: 0px;
        margin-top: 15px;
    }

    .insListingTable tr:first-child {
        display: none !important;
    }
    .insListingTable tr {
        width: 100%;
        padding-left: 135px;
        position: relative;
        display: block;
    }
    .insListingTable tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    .insListingTable tr td:first-child:before {
        content: " Name";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(2):before {
        content: " Address";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(3):before {
        content: " Phone Number";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(4):before {
        content: " Inspection Date";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(5):before {
        content: " Inspection By";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(6):before {
        content: " Status";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:nth-child(7):before {
        content: " Option";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .insListingTable tr td:last-child:before {
        content: " Action";
        position: absolute;
        left: -125px;
        vertical-align: middle;
        font-weight: bold;
    }
    .loginBox {
        background-size: 100%;
        padding: 0px;
    }
    .loginLeft {
        width: 100%;
        padding: 40px;
    }
    .loginRight {
        width: 100%;
        background: #fff;
        padding: 40px;
    }

    .AppContenBoxLeft,
    .AppContenBoxCenter,
    .AppContenBoxRight {
        width: 100%;
    }
    .AppContenBoxLeft {
        text-align: left;
    }
    .AppContenBoxLeft ul {
        margin-top: 0px;
    }
    .AppContenBoxLeft ul li {
        margin-bottom: 30px;
        padding-left: 95px;
        padding-right: 0px;
        position: relative;
    }
    .AppContenBoxLeft ul li p {
        line-height: 24px;
    }
    ul li h3 {
        font-family: arial;
        font-weight: bold;
        margin-bottom: 13px;
    }
    .AppContenBoxLeft ul li p {
        line-height: 24px;
    }
    ul li p {
        line-height: 24px;
    }
    .AppContenBoxLeft ul li:last-child {
        margin: 0px;
    }
    .AppContenBoxLeft ul li img {
        position: absolute;
        left: 28px;
        top: 25px;
    }
    .About_App {
        padding: 30px 0px;
    }
    .appHeader {
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 700px) {
    .quote-text {
        width: 90%;
    }
    .forgotpsw {
        padding: 0px 50px;
    }
    .head-info2 {
        font-size: 37px;
        line-height: 37px;
    }
}

@media screen and (max-width: 660px) {
    .huninfo {
        width: 89%;
        margin-left: 5px;
    }
    .huninfo p span {
        width: 100%;
    }
    .title-hun {
        font-size: 20px;
    }
    .limittxt {
        padding-left: 0px;
        font-size: 16px;
    }
}

@media screen and (max-width: 650px) {
    .MnewsLogoLeft {
        width: 100%;
    }
    .MnewsLogoLeft a {
        display: block;
        clear: both;
    }
    .TemplateSelectorMN {
        width: 100%;
        margin-top: 20px;
        float: left;
    }
}

@media screen and (max-width: 600px) {
    .insAdjustment .checkbox {
        margin-left: 0px !important;
    }
    .insAdjustment .msgfreereportcard {
        padding-left: 40px;
    }

    .login-form {
        width: 100%;
        margin-top: 45px;
    }
    .register-form {
        width: 100%;
        padding-left: 0px;
        background-image: none;
    }
    .insRow100 {
        width: 100%;
        padding-left: 0;
    }
    .insRow100 label {
        position: static;
        padding: 0;
        width: 90%;
    }
    .insRow100 input[type="text"],
    .insRow100 input[type="password"],
    .insRow100 input[type="email"],
    .insRow100 textarea,
    .insRow100 select {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #exp_month {
        width: 100% !important;
        margin-bottom: 10px;
    }
    #exp_year {
        width: 100% !important;
        padding: 12px 10px;
    }

    .insRow100 .error {
        margin-left: 0px;
    }
    .inputRow50 {
        width: 100%;
        padding-left: 0px;
    }
    .inputRow50 label {
        position: static;
        padding: 0;
    }
    .inputRow50 input[type="text"],
    .inputRow50 input[type="password"],
    .inputRow50 input[type="date"],
    .inputRow50 textarea,
    .inputRow50 select {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .inputRow50 .error {
        margin-left: 0px;
    }
    .inputRow50 label.error {
        left: 0px;
    }
    .abt-img {
        width: 100%;
    }
    .abt-img img {
        width: 100%;
    }
    .abttop-right {
        width: 100%;
        margin-top: 15px;
    }
    .our-mission {
        margin-top: 25px;
        background-repeat: repeat-y;
    }
    .our-mission-content {
        padding: 25px 0;
    }
    .pricing-container {
        width: 100%;
        margin-right: 0px;
    }
    .head-info2 {
        font-size: 28px;
        line-height: 28px;
        text-align: left;
    }
    .head-info1 {
        font-size: 18px;
    }
    .head-info3 {
        font-size: 16px;
        text-align: left;
    }
    .right-hundredday h2 {
        font-size: 24px;
    }
    .right-hundredday .subtitle1 {
        font-size: 16px;
    }
    .right-hundredday .subtitle2 {
        font-size: 15px;
    }
    .body-hundredday {
        padding: 13px;
    }
    .right-hundredday ul li {
        font-size: 17px;
        background-size: 23px;
        padding-left: 26px;
    }
    .right-footer-hd span {
        font-size: 22px;
    }
    .left-footer-hd {
        padding: 12px;
        border-right: 5px solid #fff;
    }
    .right-footer-hd {
        padding: 12px;
        border: none;
    }
    .wrapper-hundreday {
        margin-bottom: 10px;
    }
    .bannerImg img {
        margin-left: -170px;
    }
    .thparty-box {
        width: 100%;
    }
}

@media screen and (max-width: 570px) {
    .quote-icon {
        width: 25px;
        float: left;
    }
    .quote-icon img {
        width: 25px;
    }
    .client-info {
        padding-left: 49px;
    }
    .quote-text {
        padding: 0 0 0 10px;
    }
}

@media screen and (max-width: 550px) {
    .cr-boundary {
        width: 300px !important;
    }
    .iupuBox {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 500px) {
    .home_Abt h2 {
        font-size: 20px;
    }
    .history-box {
        width: 100%;
    }
    .cccontent {
        margin-top: 15px;
    }
    .cccontent p {
        margin-top: 10px;
    }
    .footerContainer {
        padding: 20px 0px;
        margin-top: 25px;
    }
    .footerboxDivision li {
        margin-bottom: 10px;
    }
    .footerList {
        margin-bottom: 10px;
    }
    .footerStripContainer {
        padding: 15px 0px;
    }
    .policies {
        margin-top: 10px;
    }
    .btnRed,
    .btnBlue {
        margin-top: 15px;
    }
    .detailContainer {
        margin-top: 10px;
    }
    .ServiceAddLi {
        padding: 20px 0px;
    }
    .ServiceAddLi li {
        margin-bottom: 10px;
    }
    .slisthead h2,
    .cccontent h2 {
        font-size: 20px;
    }
    .content-slider li span {
        height: 35px;
    }
    .slisthead {
        margin-bottom: 5px;
    }
    .contactStripContainer {
        padding: 8px 0px;
    }
    .head-info2 {
        font-size: 20px;
    }
    .head-info1 {
        font-size: 15px;
    }
    .head-info3 {
        font-size: 15px;
    }
    .right-hundredday .subtitle1 {
        padding-left: 0px;
    }
    .right-footer-hd {
        word-break: break-all;
    }
    .our-work-box {
        width: 100%;
        margin-right: 0px;
    }
    .expSocial {
        display: none;
    }
    .step-no {
        width: 70px;
        height: 70px;
        padding: 12px 0 0 0;
        line-height: 21px;
    }
    .step-no span {
        font-size: 30px;
    }
    .steps-outer {
        padding-left: 100px;
    }
    .footerStripContainer {
        margin-bottom: 90px;
    }

    .ins_logo {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .ins_photo {
        width: 100%;
        margin-top: 10px;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .real_logo {
        width: 100%;
        margin-top: 10px;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .real_photo {
        width: 100%;
        margin-top: 10px;
        height: auto;
        object-fit: cover;
        object-position: center;
    }

    .iachi-content {
        font-size: 15px;
    }
}

@media screen and (max-width: 445px) {
    #sendirImgFrmMobile {
        margin-left: 0px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 430px) {
    .huninfo {
        width: 86%;
    }
}

@media screen and (max-width: 420px) {
    .quotes-outer {
        width: 100%;
        margin-right: 0px;
    }
}

@media screen and (max-width: 400px) {
    .reg-row input[type="text"] {
        width: 100%;
        margin-top: 15px;
    }
    .reg-row input[type="password"] {
        width: 100%;
        margin-top: 15px;
    }
    .reg-row {
        margin-bottom: 0px;
    }
    .reg-btn input[type="submit"] {
        padding: 10px 30px;
    }
    .reg-btn input[type="reset"] {
        padding: 10px 30px;
    }
    .MainBanerText {
        left: 15px;
        right: 15px;
    }
    .logoBox,
    .logoBox img {
        width: 225px;
        margin-top: 2px;
    }
    .loginLeft {
        padding: 20px;
    }
    .loginRight {
        padding: 20px;
    }
    .loginRight h2 {
        margin-bottom: 0px;
    }
    .loginLeft button {
        margin-top: 20px;
    }
}

@media screen and (max-width: 370px) {
    .head-info2 {
        font-size: 19px;
    }
    .head-info3 {
        line-height: 15px;
    }
}

@media screen and (max-width: 350px) {
    .quote-text {
        width: 88%;
    }
    .huninfo {
        width: 84%;
    }
}

@media screen and (max-width: 480px) {
    .bannerLoginbox {
        width: calc(100% - 20px);
        right: 10px;
        left: 10px;
        top: 15px;
    }
    .bannerLoginbox a {
        font-size: 14px;
        padding: 10px 8px;
    }
}

@media screen and (max-width: 320px) {
    .MainBanerText {
        top: 50px;
    }
    .bannerLoginbox {
        width: calc(100% - 16px);
        right: 8px;
        left: 8px;
        top: 10px;
    }
    .bannerLoginbox a {
        font-size: 13px;
        padding: 8px 6px;
    }
}

.calendar-menu {
    background-color: #e96317;
    border-radius: 6px;
    padding: 9px 11px !important;
}

/* added by Daljeet at 15 mar*/
.applianceOptList li,
.makeOptList li {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    display: table-row;
}
.applianceOptList li:nth-child(even),
.makeOptList li:nth-child(even) {
    background-color: #fff;
}

/* added by pradeep at 16 mar*/
.modelUl,
.serialUl {
    display: block;
    margin-bottom: 0px;
}
.modelData,
.serialData {
    width: 100%; /* margin-top:20px;*/
    border: 1px solid #eee;
    line-height: 23px;
}
.modelUl li,
.serialUl li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 5px;
    background-color: #e0eaf1;
    padding: 2px;
    cursor: pointer;
    border-radius: 2px 0 0 2px;
}
.modelUl li span,
.serialUl li span {
    color: #46799b;
    font-size: 14px;
}
.modelUl li input,
.serialUl li input {
    display: none;
    border: none;
    background: #fff;
    width: auto;
    float: none;
}

.showReqMessage {
    display: none;
    color: red;
    padding-left: 10px;
    padding-top: 10px;
}