/* MaySMS */
/* Header Layout */
.verifyEmailSection{
  background-repeat: no-repeat;
  background-size: 61% 65%;
  background-position: bottom;
  margin-top: 150px;
  padding-bottom: 20px;
}

.verifyPhoneSection{
  background-repeat: no-repeat;
  background-size: 61% 65%;
  background-position: bottom;
  margin-top: 150px;
  padding-bottom: 20px;
}

.forgotPasswordSection{
  background-image: url('/images/MaySmsElements/forgot-pw.png');
  background-size: 50% 100%;
  background-position: 15% 85%;
  background-repeat: no-repeat;
  margin-top: 150px;
}

#imageBox {
width: 100%;
}

.hide{
display: none;
}

.tabBoxGrey{
background-color: lightgrey;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 700;
box-shadow: 1px 1px 30px lightgrey;
text-align: center;
cursor: pointer;
}

input::placeholder{
color: red;
}

.defaultColorGold{
color: #C4903D;
}

.defaultColorGold:hover{
color: #AB7D33;
}

.defaultColorRed{
  color: #FF0006;
}

.defaultBtnColor{
  background-color: #FF0006;
  color: white;
  border-color: #FF0006;
}

.defaultBtnColor:focus
{
  background-color: #FF0006;
  border-color: #FF0006;
  color: #fff;
}

.defaultBtnColor:hover, .defaultBtnColor:active
{
  background-color: #DF0005 !important;
  border-color: #DF0005;
  color: white;
}

.tabBoxGrey a{
color: black;
}

.tabBoxActive{
background-color: white;
font-weight: bold;
}

.whiteShadowBox{
background-color:white;
box-shadow: 1px 1px 30px lightgrey;
margin-bottom: 50px;
border-radius: 10px;
}

.menuList{
  list-style-type: none;
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: black;
  overflow: auto;
  margin-top: 20px;
}

.menuList li a{
  display: block;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  float: left;
}

.menuList li a.active{
  background-color: #FF0006;
  color: white;
}

.active{
  background-color: #FF0006;
  color: white;
}

input:focus{
border-color: #FF0006 !important;
}

textarea:focus{
border-color: #FF0006 !important;
}

select:focus{
border-color: #FF0006 !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px top 7px;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}

.selectOption {
  border-color: #c9cacb;
  border-radius: 5px;
  font-size: 12px;
  /*font-weight: 600;*/
  padding: 10px;
  width: 100%;
  height: 42px;
  -webkit-appearance: none;
}

.modal-header .close{
  margin:  -1rem -1rem -1rem;
}

.modal-header{
  display: initial;
}

.invalidError{
  color: red;
}

/* HeaderPage */
/* Logo */
a.headerLogo {
display: block;
float: left;
line-height: 34px;
}

.headerLogo img{
width: 100px;
}
/* Menu */
header nav {
float: right;
}

.headerMenu ul{
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}

.headerMenu ul li{
list-style: none;
}

.headerMenu ul li a{
display: block;
padding: 11px;
text-decoration: none;
text-align: left;
font-size: 15px;
font-weight: 500;
}

.headerMenu-toggle{
float: right;
cursor: pointer;
display: none;
}

.headerMenu-exit{
cursor: pointer;
display: none;
text-align: right;
margin-top: 15px;
margin-right: 15px;
}

.fa-bars{
color: white;
}

.activeMenuBar {
color: white;
}

#clientName::-webkit-input-placeholder, 
#clientEmail::-webkit-input-placeholder,
#clientPhone::-webkit-input-placeholder,
#subject::-webkit-input-placeholder,
#content::-webkit-input-placeholder,
#registerClientEmail::-webkit-input-placeholder {
color: #C7C5D1;
}

.fontNum {
  color: black;
  padding: 7px 0 0 0;
  font-weight: 700;
  font-size: 20px;
}


/* MaySMS */
.textWhite {
  color:white;
}

.secTitle {
font-size: 28px;
font-weight: 600;
}

.secFont {
font-size: 16px;
color: #696969;
font-weight: 300;
}

.goldbtn, .goldbtn:focus
{
background-color: #C4903D;
border-color: #C4903D;
color: #fff;
}

.goldbtn:hover, .goldbtn:active
{
background-color: #AB7D33 !important;
border-color: #AB7D33;
color: white;
}
/* Header Layout */
.HomeBG {
background-image: url('/images/MaySmsElements/bg.png');
background-size: 100% 100%;
background-attachment: scroll;
background-position: center bottom;
background-repeat: no-repeat;
}

.homeFont {
font-size: 44px;
font-weight: 600;
}

.homeFont1 {
font-size: 16px;
font-weight: 300;
color: #696969;
}

/* AboutUs */
.aboutBG {
  background-image: url('/images/MaySmsElements/about-us-bg.png');
  background-attachment: scroll;
  background-position: center;
  background: fixed;
  background-repeat: no-repeat;
}

.aboutUsDiv {
text-align: left;
border: 1px solid white;
border-radius: 10px;
background-color: white;
box-shadow: 1px 1px 30px #eaeaea;
height: 100%;
}

.boxFont1 {
font-size: 16px;
font-weight: 600;
}

.boxFont2 {
font-size: 15px;
color: #696969;
font-weight: 300;
}

/* Industries */
.industriesBox {
text-align: center;
border: 1px solid white;
border-radius: 10px;
background-color: white;
box-shadow: 1px 1px 30px #eaeaea;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

.picElement {
width: 50px;
height: 50px;
}

.textElement {
font-size: 14px;
}

/* Landing */
.landingPageSection01{
height: 100%;
background-image: url('/images/landing/C2.jpg');
text-align: center;
}

.landingPageSection03{
height: 100%;
padding: 0px;
background-image: url('/images/landing/C3.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.landingPageSection03A{
height: 100%;
background-image: url('/images/landing/banner2.png');
text-align: center;
padding: 0px;
}

#phoneSize{
width:150%; 
height:100%;
}

#iconLand01{
display: flex;
}

#subsLand01{
display: flex; 
padding: 0px 5px;
}

@media only screen and (max-width: 426px) {
.landingTitle2{
  font-size: 30px !important;
}
.landingTitleC3{
  font-size: 40px !important; 
}
}

#menuDesc{
color: rgb(255, 255, 255);
text-align: center;
margin: 15px 30px;
font-size: 40px;
display: block;
}

#imgSmsLogo{
height: 70px;
}

#checkIcon{
width: 20px;
height: 20px;
margin-right: 6px;
}

#menuSubDesc{
background-color: #c9cacb;
margin: auto;
opacity: 0.9;
height: auto;
padding: 13px;
}

#margin01SubDesc{
color: #fff;
padding-bottom: 40px;
font-size: large;
font-family: Georgia, 'Times New Roman', Times, serif;
}

#margin02SubDesc{
padding: 5px;
}

#test .select2-container .select2-selection .select2-selection__arrow {
right: 0px !important; 
left: 40px !important;
}


.smsLogo{
text-align:center;
}

#footerLandingPG01{
margin: 10px;
padding: 20px;
text-align: center;
color: #c9cacb;
}

/* LandingPageC1 */
.landingBackground {
background-image: url('/images/landing/C1.jpg');
background-attachment: fixed;  
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.landingTitle {
font-size: 59px;
font-weight: 600;
color: white;
font-family: 'Be Vietnam Pro';
}

.landingTitleC3{
font-size: 55px; 
font-weight:600; 
font-family: 'Be Vietnam Pro';
color: white;
}

.landingFont {
font-size: 59px;
font-weight: 600;
color: white;
font-family: 'Be Vietnam Pro';
}

.landingSmallFont {
font-size: 24px;
color: white;
font-family: 'Be Vietnam Pro';
}

.landingSmallFont2 {
font-size: 28px;
color: white;
font-family: 'Be Vietnam Pro';
}

.landingSecC1 {
padding: 20px 0 20px 0;
}

.footerLandingC1 {
bottom: 0;
text-align: center;
width: 100%;
margin:auto;
z-index: 998;
margin-top: 40px;
}

.footerLandingC3 {
bottom: 0;
text-align: center;
width: 100%;
margin:auto;
z-index: 998;
padding: 20px 0px;
background-color: #0a0a0a;
}

.landingFooterC1{
font-size: 16px;
color: white;
font-family: 'Sf Pro Display';
}

.landingFooterC3{
font-size: 16px;
color: white;
font-family: 'Be Vietnam Pro';
}

.iconElementC1 {
padding: 10px 12px 10px 12px;
}

.exPhoneC1{
  text-align:left;
  font-family: 'Be Vietnam Pro';
}

.contactSection{
  margin:auto; 
  border-radius: 0px 5px 5px 0px; 
  background-color: white;
  font-family: 'Be Vietnam Pro';
}

/* Landing Page C5 */
.landingPageSection05 {
height: 100%;
padding: 0px;
background-image: url('/images/landing/C5.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.landingTitleC5 {
color: white;
font-size: 60px;
font-weight: 600;
font-family: 'Be Vietnam Pro';
}

.landingSmallFontC5 {
color: white;
font-size: 24px;
font-family: 'Be Vietnam Pro';
}

.checkIconC5 {
height: 21px;
width: 21px;
margin-top: 3px;
}

.checkIconV2C5 {
height: 35px;
width: 35px;
}

.landSignUpFormC5 {
color: black;
background-color: rgba(0, 0, 0, 0.6);
padding: 15px 15px 15px 15px;
}

.iconC5 {
width: 50px;
float: left;
}

.responsiveformC5 {
float: right;
width: 90%;
}

.responsiveformC5 {
font-family: 'Be Vietnam Pro';
color: white;
font-weight: 600;
}

.landingC5Font {
  font-weight: 600;
  color: white;
  font-family: 'Be Vietnam Pro';
}

.inputBCv5 {
  background-color: black;
  color: white;
}

.landingFooterC5{
  font-size: 14px;
  color: white;
  font-family: 'Be Vietnam Pro';
}

/*Landing Page C3 */
.landingC3Font{
font-family: 'Be Vietnam Pro';
color: white;
}

/* Landing Page C4 */
.landingBackgroundC4 {
background-image: url('/images/landing/C4.png');
background-attachment: scroll;  
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#landingC4Title{
font-size: 45px;
font-weight: 600;
font-family: 'SF Pro Display';
color: black;
}

.tickboxSize{
width: 20px;
}

.landingPageBGC4{
background-color: #fff;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}

.landingC4Btn{
  font-weight: 600;
  border-radius: 8px;
  font-family: 'SF Pro Display';
}

.landingFooterC4{
  font-size: 14px;
  font-family: 'SF Pro Display';
}

.iconLandingC4{
  width: auto;
  height: 43px;
}

#landingC4LittleFont,
.iconLandingC4Font{
  font-family: 'SF Pro Display';
}

@media screen and (min-width: 320px) and (max-width: 769px) {
.landingC4Logo{
  text-align: center;
}

}

@media screen and (min-width: 320px) and (max-width: 426px) {
.landingC4Form{
  padding: 30px;
}
.landingBackgroundC4{
  background-image: url('/images/landing/C4PhoneBG.png');
  background-attachment: scroll;  
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: top right;
}

.iconLandingC4{
  width: 40%;
}

.landingPageSection05 {
  height: 100%;
  padding: 0px;
  background-image: url('/images/landing/C5tabletView.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  }
}





/* SMSsolution SlideShow */
.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

/* The dots/bullets/indicators */
.dot {
height: 10px;
width: 10px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active {
background-color: #FF0006;
}

/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

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

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

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}

/* FormContactUs */
.TouchBG {
background-image: url(/images/MaySmsElements/bg.png);
background-size: 100% 100%;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center bottom;
}

.contactUsForm {
border: 1px solid white;
border-radius: 10px;
background-color: white;
box-shadow: 1px 1px 30px lightgrey;
height: 100%;
padding: 30px;
border-bottom: 3px solid #FF0006;
}

.loginAndSignUpForm{
  border-bottom: 3px solid #FF0006;
  border-radius: 5px;
  box-shadow: 1px 1px 30px #eaeaea;
}

.inputForm {
font-weight: 300;
color: #0a0a0a;
font-size: 14px;
}

/* StartPlaningToday */
.StartPTbg {
background-image: url(/images/MaySmsElements/start-planning-today.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: scroll;
}

/* API Page */
.ApiTitleText{
font-size: 44px;
font-weight: 600;
color: #fff;
}

.ApiTitleText1 {
font-size: 16px;
font-weight: 300;
color: #ffffff;
}

.ApiBorder {
border-radius: 10px;
}

.ApiBorderTop {
border-radius: 10px 10px 0px 0px;
}

.ApiBorderBottom {
border-radius: 0px 0px 10px 10px;
}

.equal{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}

.ApiformatTitle{
margin-bottom: 20px; 
text-align: center;
}

.tableFormatTh{
background-color: white; 
width: 30%; 
padding: 1% 2% 1% 2%;
}

.tableFormatTd{
background-color: white; 
padding: 1% 2% 1% 2%;
}

.ApiSmallTitle{
height: 100%; 
background-color: rgb(246,246,246); 
}

.ApiSmallContent{
background-color: rgb(246,246,246); 
padding: 20px; 
word-break: break-word; 
height:90%
}

.ApiSmallTopTitle{
background-color: #FF0006; 
color: white; 
padding: 10px;
}

.ApiphoneSize{
padding:10px;
}

.apiTable table, th, td {
border: 1px solid rgb(246,246,246);
border-top:1px solid rgb(246,246,246);
}

.ApiPageThemeColor {
background-color: #FF0006;
}

.btn-ApipageSignUp {
font-size: 18px !important;
color: #000000 !important;
font-weight: 300;
background-color: white !important; 
border-color: white !important;
padding: 5px 60px;
}


/* APIfooterPage */
.socialMediaIcon {
width: 30px;
height: 30px;
}

.ApiTittle {
font-size: 18px;
font-weight: 600;
color:rgb(0, 0, 0);
}

.Apifont {
font-size: 14px;
font-weight: 300;
color: #696969;
}

.borderBottomUnderline {
border-bottom: 2px solid whitesmoke;
}

/* FooterHomePage */
.footerHomepage {
padding-top: 10px;
padding-bottom: 30px;
background-color: white;
}

.fontCopyright {
font-size: 14px;
color: black;
}

.fontFooter {
font-size: 14px;
color: #68A19C;
}

/* HeaderDashboard */
.headerDasboardMenu nav {
float: right;
}

.headerDasboardMenu ul{
margin: 0;
display: flex;
overflow: hidden;
}

.headerDasboardMenu ul li{
list-style: none;
}

.headerDasboardMenu ul li a{
display: block;
padding: 5px;
text-decoration: none;
text-align: left;
font-size: 19px;
font-weight: 500;
}

.headerDasboardMenu-toggle{
cursor: pointer;
display: none;
}

.headerDasboardMenu-exit{
cursor: pointer;
display: none;
text-align: right;
margin-top: 15px;
margin-right: 15px;
}

.dashboardMenuList{
list-style-type: none;
width: 100%;
height: auto;
position: relative;
margin: 0;
padding: 0;
background-color: black;
overflow: auto;
margin-top: 20px;
}

.dashboardMenuList li a{
display: block;
color: white;
padding: 8px 16px;
text-decoration: none;
float: none;
}

.dashboardMenuList li a.active{
background-color: #FF0006;
color: white;
}

.dashboardMenuList li a:hover{
  background-color: #DF0005;
  color: white;
}

/* Dashboard */
.green-btn {
background-color: #68A19C;
border-color: #68A19C;
color: #fff;
}

.defaultBtnColor2{
  background-color: #002948;
  border-color: #002948;
  color: #fff;
}

.defaultBtnColor2:focus
{
  background-color: #001729;
  border-color: #001729;
  color: #fff;
}

.defaultBtnColor2:hover, .defaultBtnColor2:active
{
  background-color: #001729 !important;
  border-color: #001729;
  color: white;
}

.grey-btn {
background-color: #696969;
border-color: #696969;
color: #fff;
}
/* PhoneBookGroup */
.inputForm {
border: 1px solid black;
border-radius: 8px;
}

.underline {
text-decoration-line: underline;
text-decoration-color: #498AFE;
color: #498AFE;
}

.underlineDelete {
text-decoration-line: underline;
text-decoration-color: #696969;
color: #696969;
}

.dashboardWidthCustom {
background-color: #fff;
box-shadow: 1px 1px 30px lightgrey; 
border-radius: 10px;
}
/* FooterDashboard */
.FooterDashboard {
bottom: 0;
padding: 5px 0;
background-color: black;
}

/* MediaScreen */
/* SideBar CSS before login */
/*992px width and below*/
@media screen and (min-width: 1440px) {
.signUpSection {
  background-size: 72% 50% !important;
}
}

@media screen and (max-width: 992px){ 
.headerMenu-toggle{
    display: block;
}

.headerMenu{
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 25%;
  background-color: white;
  z-index: 1001;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 60%;
}

.activeMenuBar{
  right: 0 !important;
}

.activeHeaderMenuBar{
  left: 0 !important;
}

.headerMenu ul{
  display: block;
  text-align: center;
}

.headerMenu-exit{
  display: block;
  text-align: center;
}

#headerMenu {
  width: 45%;
}

.nav-link {
  padding-left: 30px !important;
}

.nav-link:hover {
  background-color: #bfdbd8 !important;
  border-left: 10px solid #68A19C;
  border-radius: 0px;
  color: white;
}

.AfterLoginBtn {
  background-color: white;
  color: black;
  border-color: white;
}

.BeforeLoginBtn {
  background-color: white;
  text-decoration: underline !important;
  color: #AB7D33;
  border: white;
}

.borderBottomLine {
  border-bottom: 2px solid whitesmoke;
  width: 80%;
  margin-bottom: 10px;
  margin-left: 10px;
}

.responsiveSignUp {
  margin-top: 150px;
}

.responsiveBtmMargin {
  margin-bottom: 20px;
}

.responsiveBtmMargin2 {
  margin-bottom: 40px;
}

.responsiveformC5 {
  float: none;
  width: 100%;
}
}

@media screen and (min-width: 992px){
#iconLogIn, #iconSignUp, #iconContact, #iconLogout, #iconDasboard{
  display: none;
}

.borderBottomLine {
  display: none;
}

#textSide1{
  color: white !important;
  font-size: 16px;
  font-weight: 600;
}

#textSide2{
  color: black !important;
}

.blogIcon{
  display: none;
}

.signUpSection{
  background-repeat: no-repeat;
  background-size: 85% 50%;
  background-position: bottom;
  margin-top: 150px;
}

.responsiveSectionC1 {
  padding-right: 50px;
}
}

@media screen and (max-width: 767px) {
.loginImage, .emailVerification {
  display: none;
}
}

@media screen and (max-width: 767px) {
.verifyPhoneSection, .verifyEmailSection {
  background-image: none;
}

}

@media screen and (max-width: 768px) {
.iconLogoC1 {
  text-align: center !important;
}
}

/* Verification Phone and Email BG */
@media screen and (max-width: 767px) {
.signInLeft, .signInRight {
  display: none;
}

.landingTitle {
  font-size: 50px;
  color: white;
  font-family: 'Be Vietnam Pro';
  text-align: center;
}

.landingFont {
  font-size: 50px;
  color: white;
  font-family: 'Be Vietnam Pro';
}

.landingSmallFont {
  font-size: 17px;
  color: white;
  font-family: 'Be Vietnam Pro';
  
}

.landingSmallFont2 {
  font-size: 20px;
}

.responsiveC5icon {
  text-align: center;
  margin-bottom: 20px;
} 

.responsiveC5icon2 {
  text-align: center;
}
}

@media screen and (min-width: 768px) {
.verifyPhoneRightBG {
  width: auto;
  height: 257px;
  margin-top: 111px;
  position: absolute;
  left: 90%;
}
.verifyPhoneLeftBG {
  width: auto;
  height: 257px;
  margin-top: 111px;
  position: absolute;
  right: 90%;
}
.verifyEmailLeftBG {
  width: auto; 
  height: 262px; 
  margin-top: 143px; 
  position: absolute; 
  right: 90%;
}
.verifyEmailRightBG{
  width: auto; 
  height: 257px; 
  margin-top: 142px; 
  position: absolute; 
  left: 90%;
}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
.verifyPhoneRightBG {
  left: 93%;
}
.verifyPhoneLeftBG {
  right: 90%;
}
.verifyEmailLeftBG {
  right: 90%;
}
.verifyEmailRightBG{
  left: 93%;
}
}

/* Sign Up BG */
@media screen and (max-width: 767px) {
.signUpLeftBG, .signUpRightBG{
  display: none;
}

.picC5v2 {
  background-image: url(/images/landing/C5v2mobileView.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
}

@media screen and (min-width: 768px) {
.signUpLeftBG{
  width: auto; 
  height: 300px; 
  margin-top: 445px;
  position: absolute; 
  right: 100%;
}
.signUpRightBG{
  width: auto; 
  height: 300px; 
  margin-top: 445px; 
  position: absolute; 
  left: 105%;
}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
.signUpLeftBG{
  width: auto; 
  height: 300px; 
  margin-top: 405px; 
  position: absolute; 
  right: 100%;
}
.signUpRightBG{
  width: auto; 
  height: 300px; 
  margin-top: 402px; 
  position: absolute; 
  left: 103%;
}
}

@media screen and (min-width: 1440px) {
.verifyPhoneRightBG {
  width: auto;
  height: 257px;
  margin-top: 107px;
  position: absolute;
  left: 94%;
}
.verifyPhoneLeftBG {
  width: auto;
  height: 257px;
  margin-top: 107px;
  position: absolute;
  right: 90%;
}
.verifyEmailLeftBG {
  width: auto; 
  height: 262px; 
  margin-top: 143px; 
  position: absolute; 
  right: 90%;
}
.verifyEmailRightBG{
  width: auto; 
  height: 257px; 
  margin-top: 142px; 
  position: absolute; 
  left: 94%;
}
.signUpLeftBG{
  width: auto; 
  height: 300px; 
  margin-top: 402px; 
  position: absolute; 
  right: 100%;
}
.signUpRightBG{
  width: auto; 
  height: 300px; 
  margin-top: 402px; 
  position: absolute; 
  left: 103%;
}
}

@media screen and (max-width: 768px){ 
.landingPageSection03{
  height: 100%;
  padding: 0px;
  background-image: url('/images/landing/C3.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom ,center;
}
}

@media screen and (min-width: 1024px){ 
.phoneImage{
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
}

@media screen and (min-width: 768px) {
.responsiveTablet {
  padding-top: 10px;
}

#iconLogo {
  text-align: left;
}

#iconTel {
  text-align: right;
}
}


@media screen and (max-width: 556px){
.responsiveImg {
  width: 300px !important;
}
}

@media screen and (max-width: 425px){ 
#headerMenu {
  width: 55% !important;
}

.fontCopyright {
  text-align: left;
}
#subsLand02{
  line-height: 40px;
}
}

/* MediaScreenHeaderDashboard */
@media screen and (max-width: 992px){ 
.headerDasboardMenu-toggle{
    display: block;
}

.headerDasboardMenu{
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1001;
  -webkit-transition: -webkit-transform ease-out .3s;
  transition: transform ease-out .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 60%;
}

.activeHeaderDashboardMenuBar{
  left: 0 !important;
}

.headerDasboardMenu ul{
  display: block;
  text-align: center;
}

.headerDasboardMenu-exit{
  display: block;
  text-align: center;
}

#upperMenuList {
  width: 35% !important;
}

.nav-link {
  padding-left: 30px !important;
}

.nav-link:hover {
  background-color: #bfdbd8 !important;
  border-left: 10px solid #68A19C;
  border-radius: 0px;
  color: white;
}

.iconElement {
  width: 20px;
  margin-right: 20px;
}

.fontElement {
  font-size: 16px;
}

.dashboardMenuList {
  height: 100%;
}

.headerDasboardMenu-exit {
  margin: 0;
  background-color: white;
  height: 60px;
}

.logoDashboardShow {
  display: none;
}

.responsiveBlack {
  display: contents;
}

.responsiveTextCenter {
  text-align: center;
}
}

@media screen and (min-width: 992px){
.iconMenuBar {
  display: none;
}

.iconElement {
  display: none;
}

.logOutIcon {
  display: none;
}

.underlineResponsive {
  display: none;
}
}

@media (max-width: 992px) and (min-width: 768px) {
.iconResponsive {
  margin-left: 60px !important;
}
}

@media (max-width: 767px) and (min-width: 425px) {
.iconResponsive {
  margin-left: 50px;
}
}

@media screen and (max-width: 545px) {
.responsiveCredit {
  text-align: left;
}
}

@media screen and (max-width: 425px){ 
#upperMenuList {
  width: 55% !important;
}

.paddingTop {
  padding-top: 0 !important;
}
}

@media screen and (min-width: 425px) {
.responsiveBreak {
  display: none;
}
}

@media (max-width: 424px) and (min-width: 375px) {
.iconResponsive {
  margin-left: 40px;
}
}

@media screen and (max-width: 387px) {
  .fontNum {
    font-size: 18px;
  }
}

@media (max-width: 374px) and (min-width: 320px) {
.iconResponsive {
  margin-left: 30px;
}
}

/* SettingDashboard */
@media screen and (max-width: 768px) {
/* setting */
.responsiveSetting {
  margin-top: 20px;
}

#topLogoLanding{
  text-align: center !important;
/* landingPage */}
#iconLogo {
  margin-bottom: 20px;
}
}

@media screen and (min-width: 768px) {
.responsiveSetting2 {
  padding-left: 0 !important;
}

.picC5v2 {
  background-image: url(/images/landing/C5v2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
}