@media only screen and (max-width: 670px)
{
    .loginForm .mainForms {
    background: url(https://vairt.com/application/views/assets/newassets/img/loginBg-min.jpg) no-repeat;
    border-radius: 7px;
    overflow: auto;
}

.loginForm .mainForms:after {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.88);
    display: block;
    width: 100%;
    height: 100%;
    content: '';
}

.loginForm .mainForms .innerForm {z-index: 9;}


.loginForm {
    height: 80%;
    overflow: auto;
    box-shadow: 0px 0 46px -4px #000;
    top: 7%;
}

}
@media only screen and (max-width: 500px)
{
        .hero-home .hero-animation {
        width: 100%;
    }
    
    .loginForm:after {
    display: block;
}

}

@media only screen and (max-height: 400px)
{
    .loginForm .mainForms .innerForm {
    top: 10px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding-bottom: 24px;
}

.loginForm .mainForms:after {
    display: none;
}
.loginForm .mainForms {
    background: rgba(255, 255, 255, 0.89) !important;
    overflow: auto;
    padding: 10px 0px;
}
}


@media only screen and (max-width: 670px)
{
    header .dasktopNav {
    display: block  ;
}
header .dasktopNav nav {
    display: none  ;
}
header#header1 .row {
    display: flex;
}

header .dasktopNav {
    width: 80%;
}

header .lastMenu li.signup a {
    padding: 6px 10px;
    font-size: 12px;
}
header ul li a.lgs {
    display: none;
}
header .lastMenu li.signup {
    display: none;
}
}

    .clearfix {}

.mega_menus.offplanMega .right_sds {
    min-height: 200px;
}

.mega_menus.clearfix {
    top: 38%;
}

header ul li ul li {
    text-align: left;
    width: 100%;
}
    header ul li ul.learns {
    text-align: left;
}
.dasktopNav nav {
    display: inline-block;
}
.dasktopNav .lastMenu {
    display: inline-block;
}
.dasktopNav {
    text-align: right;
}
header ul li ul.learns li {
    width: 100%;
    margin-bottom: 0px;
}

header ul li ul.learns li a {
    color: #000;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #dcdcdc;
}

header ul li ul.learns {
    padding-bottom: 20px;
    padding-top: 10px;
    border-radius: 4px;
}

header ul li ul li:last-child a {
    border: 0px;
}

header ul li:hover ul {top: 40%;}

header ul li a {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

.tagLine h3 {
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 600; */
}

.tagLine h1 {
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 600; */
}

p {}

header ul li ul li a {
    font-size: 12px;
}

h5 {}

header ul li ul li a h5, header ul li ul li a strong {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 3px;
}

header ul li ul li a p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.mega_menus h4 {
    font-family: 'Montserrat', sans-serif;
}

.mega_menus a h5 {
    font-family: 'Montserrat', sans-serif;
}

.mega_menus a p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}




    .loaderLoad { display:none; }
    .loader-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
}
header#header1 {
    z-index: 9999;
    position: relative;
}
.loader-bg {
    background: #ffffff url(../newassets/loadermain.png) no-repeat center center;
}


header ul li ul.newSub {
    margin-left: 20px;
    padding: 10px 20px 10px;
    width: 250px;
    transform: unset;
    left: 0px;
    margin: 0px;
}

header ul li ul.newSub li a {
    display: block;
    padding: 10px 0px;
}

header ul li ul.newSub li {
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}

header ul li ul.newSub li:last-child {
    border: 0;
}
header ul li ul.newSub li a:hover h5 {
    color: #1c91c9 !important;
}
.callAction fieldset {
    position: relative;
}

.callAction fieldset label#uform_email-error {
    position: absolute;
    bottom: -38px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    color: #a20505;
    font-weight: 600;
}
header ul li.nots ul.notifications {
    width: 301px;
    position: absolute;
    background: #fff;
    z-index: 9;
    right: -80px;
    left: unset;
    transform: unset;
    padding: 0px;
    padding: 5px;
    border-radius: 5px;
}

li.nots {}

header ul li.nots ul.notifications li {
    height: 295px;
    overflow: hidden;
    padding: 0px;
    box-sizing: border-box;
    margin: 0px;
    overflow-y: auto;
}

header ul li.nots ul.notifications:after{
    content: '';
    border-top: 10px solid #fff0;
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-bottom: 10px solid #1890c9;
    position: absolute;
    top: -19px;
    left: 69%;
    margin-left: -10px;
    border-bottom: 10px solid #ffffff;
}


header nav > ul > li > ul.notifications li .notess {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    padding: 10px 20px 10px;
}

header nav > ul > li > ul.notifications li .notess p {
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000;
    line-height: 16px;
}

header nav > ul > li > ul.notifications li .notess h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 7px;
}

header nav > ul > li > ul.notifications li .notess span {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    color: #1890c9;
    background: none;
    width: auto;
    height: auto;
    line-height: normal;
    float: none;
    text-align: left;
}

header nav > ul > li > ul.notifications li .notess a {
    color: #000 !important;
    text-decoration: unset;
    padding: 0px;
    border: 0px;
    display: block;
}

header nav > ul > li > ul {
    border-radius: 0px;
    background: #fff;
}

header nav > ul > li > ul.notifications li .notess {
    position: relative;
}

header nav > ul > li > ul.notifications li .notess a.clss {
    position: absolute;
    top: 5px;
    right: 8px;
}

header nav > ul > li > ul.notifications li .notess a.clss i {
    font-size: 11px;
    color: #e90000;
}

.dasktopNav .lastMenu ul li .dropdown {
                    position: relative;
                }
                
.dasktopNav .lastMenu ul li .dropdown button.dropbtn {
                    background: none;
                    border: 0px;
                    box-shadow: none;
                    line-height: normal;
                    font-family: 'Nunito', sans-serif;
                    font-weight: 600;
                    font-size: 14px;
                    padding: 0px;
                    color: #fff;
                }
                
.dasktopNav .lastMenu ul li .dropdown button.dropbtn img {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    margin-right: 10px;
                    vertical-align: middle;
                }
                
    .dasktopNav .lastMenu ul li .dropdown .dropdown-content{
                    display: none;
                    position: absolute;
                    background-color: #f1f1f1;
                    min-width: 160px;
                    overflow: auto;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                    z-index: 1;
                    z-index: 99999999999;
                }
                .dasktopNav .lastMenu ul li .dropdown a:hover {background-color: #ddd;}
                
                .dasktopNav .lastMenu ul li .dropdown .dropdown-content.show {display: block;}
                
                div#stickys-sticky-wrapper {
                    overflow: visible;
                }
                
                .dasktopNav .lastMenu ul li ul li .dropdown .dropdown-content a {
                    color: black;
                    padding: 12px 16px;
                    text-decoration: none;
                    display: block;
                    text-align: left;
                    margin: 0px;
                    line-height: normal;
                    border-bottom: 1px dashed #000;
                }
                
                .dasktopNav .lastMenu ul li .dropdown .dropdown-content a:last-child {
                    border: 0px;
                }
.dasktopNav .lastMenu ul li .dropdown .dropdown-content a:hover {
    background: #1890c9;
    color: #fff  !important;
}

.dasktopNav .lastMenu ul li .dropdown button.dropbtn:after {
    content: '';
    border-top: 5px solid #ffffff;
    border-right: 5px solid rgb(0 0 0 / 0%);
    border-left: 5px solid rgb(0 0 0 / 0%);
    border-bottom: 5px solid rgb(0 0 0 / 0%);
    margin-left: 10px;
    vertical-align: -2px;
    width: 5px;
    height: 5px;
    display: inline-block;
}

.dasktopNav .lastMenu ul li .dropdown .dropdown-content.prefDrop {
    width: 300px;
    left: unset;
    right: -40px;
    background: #fff;
    border-radius: 7px;
}

.dasktopNav .lastMenu  ul li .dropdown .dropdown-content.prefDrop .toppref {
    text-align: center;
    background: #f2f2f2;
    padding: 20px 20px;
    margin-bottom: 22px;
}
.dasktopNav .lastMenu  ul li .dropdown .dropdown-content.prefDrop .toppref h5 {
    margin: 0px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 5px;
    text-transform: unset;
}

.dasktopNav .lastMenu ul li .dropdown .dropdown-content.prefDrop .toppref a {
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: none;
    color: #1890c9 !important;
}

.dasktopNav .lastMenu  ul li .dropdown .dropdown-content.prefDrop a i {
    margin-right: 10px;
}

.dasktopNav .lastMenu ul li .dropdown .dropdown-content.prefDrop a:hover {
    background: none !important;
    color: #1890c9 !important;
}

.dasktopNav .lastMenu ul li .dropdown .dropdown-content.prefDrop > a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    margin: 0px;
    line-height: normal;
    border-bottom: 1px dashed #000;
}

.dasktopNav .lastMenu ul li .dropdown .dropdown-content.prefDrop > a:last-child {
    border: 0px;
}
header nav > ul > li.spt {
    color: #fff;
}
header ul li ul.lgInvst li {
    margin: 0px;
}

header ul li ul.lgInvst li a {
    display: block;
    color: #000;
    color: #000 !important;
    border-bottom: 1px solid rgb(0 0 0 / 13%);
    text-decoration: unset;
    display: block;
    padding: 12px 20px;
}

header ul li ul.lgInvst {
    padding: 0px;
}

@media only screen and (max-width:600px){
    .tagLine h1 {
        line-height: 34px;
    }
    
    
}


.web_loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999999999999999 !important;
    background: #fff;
    text-align: center;
    padding-top: 20%;
}

.web_loader span {
  width: 48px;
  height: 48px;
  border: 3px dotted #1890c9;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.web_loader  span::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #000000;
  border-style: solid solid dotted;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
} 
header .responsiveMenu ul li ul {
    box-shadow: none;
    /* padding: 0px; */
}

header .responsiveMenu ul li ul li a span {
    display: none;
}

header .responsiveMenu ul li ul li a div p {
    display: none;
}


@media only screen and (max-width:670px){
    .tagLine h1 {
        line-height: 34px;
    }
    
    header ul li a.lgs {
        display: block;
    }
    
    header .lastMenu li.signup {
        display: inline-block !important;
    }
    header .responsiveMenu ul li.nots {
        display: none;
    }
    
    header .responsiveMenu ul li.spt {
        display: none;
    }
    
    header ul li ul.lgInvst {
        padding-left: 15px;
    }
}


@media only screen and (min-width:671px) and (max-width:767px){
    header .dasktopNav {
        display: block;
    }
    
    header .dasktopNav nav {
        display: none;
    }
    
    .dasktopNav .lastMenu {
        display: inline-block;
    }
    header .dasktopNav {
        width: 80%;
    display: inline-block;
    vertical-align: middle;
    }
}


@media only screen and (min-width:768px) and (max-width:992px){
    header .dasktopNav {
        display: block;
    }
    
    header .dasktopNav nav {
        display: none;
    }
    
}


@media only screen and (max-width:860px){
    
    
.overlay-screen.opened {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #1890c9;
    opacity: 0.7;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
}

header .responsiveMenu {
        position: fixed;
        top: 0;
        left: -100%;
        display: block !important;
        background: #000;
        z-index: 9999;
        height: 100%;
        width: 83%;
        overflow: auto;
        text-decoration: none;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        padding-top: 40px;
    }
header .responsiveMenu {
    background: #fff;
    padding: 30px 20px;
    width: 320px;
}
    .responsiveMenu.hideShow {
        left: 0px;
    }
    .responsiveMenu.hideShow {
        display: block ! Important;
    }
.responsiveMenu .menu-hds a {
    position: absolute;
    right: 30px;
    margin: 0;
    height: 35px;
    width: 35px;
    line-height: 32px;
    text-align: center;
    border: 2px solid #dddddd !important;
    border-radius: 50%;
    color: #000;
    font-size: 17px;
    top: 40px;
    padding: 0;
}

header .responsiveMenu {
    background: #fff;
    padding: 30px 20px;
    width: 320px;
}

.responsiveMenu .menu-hds img {height: 50px;}

header .responsiveMenu ul li a {
    display: block;
    width: 100%;
    border-bottom: solid 2px #e0e0e0;
    padding: 13px 0 !important;
    margin-bottom: -1px;
    font-weight: 600;
    font-size: 14px;
}


header ul li ul li a h5, header ul li ul li a strong {
    font-size: 14px;
    font-weight: 600;
}
    
}