.mob-show-new{display: none;}
@media (max-width:1800px) {
  body {overflow-x: hidden;}
  .hero-content{background-size:70%; width: 96%;}
  .progress-section{background-size: 390px;}
  .shadow-box{top: -63px;}
  .topn-120{position: relative; top: -140px;}
.topn-200{position: relative; top: -240px;}
.topn-280{position: relative; top: -340px;}
.topn-370{position: relative; top: -440px;}
}
@media (min-width:1921px) {
 .how-it-work{  margin-top: -340px;}
.gray-trangal-bg{width: 43%;}
.how-work-contetn {padding: 100px 0 0 87px;} 
    }
@media (max-width:1750px) { 
    .carousel-indicators {bottom: 3.5rem;}
    .progress-section{background-size: 385px;}
    .footer-main-part{padding-left: 20px;}
    .blue-bg{background:#006DB4 url(../img/login-bg.svg) 95% 40% no-repeat;}
}
@media (max-width:1700px) {
     .progress-section{background-size: 300px;}
     .gray-trangal-bg{top: -490px;}
     .about-part span, .benefits-main-part span, .about-main-part span{font-size: 20px;}
     .how-work-contetn {padding: 170px 0 0 70px;}
     .hero-content {background: url(../img/road.svg) 70% 254px no-repeat;}
    }
@media (max-width:1550px) {
    .about-part .pl-lg-5 { padding-left: 1rem !important;}
    .hero-content{background-size:70%; width: 100%;} 
    .header-main-part .navbar { padding: 0.35rem 12px;}
    .blue-bg{background:#006DB4 url(../img/login-bg.svg) 100% 40% no-repeat;}
}
@media (max-width:1400px) { 
    .hero-content {width: 96%;background: url(../img/road.svg) right 204px no-repeat;background-size:90%;
    padding-top: 12%;}
    .hero-text{padding-left: 10px;width: 58%;}
    .gray-trangal-bg {top: -425px;}
    .how-work-contetn{padding-top: 100px;}
    .container { max-width: 1200px;}
    .hero-content h1, .about-main-part h2, .benefits-main-part h2, .about-part h2{font-size: 44px; line-height:52px;}
    .one-col{padding: 0 0 20px 0;}
    .shadow-box {top: -58px;}
    .border-box h4{font-size:18px;line-height: 22px;padding-top: 15px;}
    .border-box{min-height: 260px;}
    .who-work .benefits-box:hover .one-col {
    transform: translateY(40px); padding:10px;}
    .who-work .benefits-box{height: 290px;}
    .who-work .benefits-box .one-col{padding: 30px 10px;}
    .how-work-contetn { padding-top: 100px;padding-left: 80px; padding-right: 40px;}
    .topn-120{position: relative; top: -140px;}
.topn-200{position: relative; top: -240px;}
.topn-280{position: relative; top: -340px;}
.topn-370{position: relative; top: -440px;}
.one-col{height: 200px;}
.benefits-box p{font-size: 16px;}
.pt-60{padding: 0;}
} 
@media (max-width: 1350px) {
     .hero-text{width:54%;} 
     .hero-content {width: 100%;background: url(../img/road.svg) 60% 202px no-repeat;background-size:84%;
    padding-top: 12%;}
    .left-img-tab-part {left: 0;}
    .benefits-main-part .p-lg-5 { padding-top: 7.5rem !important;} 
    .about-main-part img { right: -1.5rem; }
    .about-part .pl-lg-5 {padding-left: 0rem !important;}
    .one-col{height: 200px;}
    .benefits-box strong{font-size: 80px; line-height: 130px;}
    .benefits-box h6{top: 130px;}
    .one-col:hover {transform: translateY(-70px); }
    .progress-section { background-size: 245px;}
    .benefits-box p{font-size: 14px;}
    .hero-content h1{font-size:42px; line-height: 52px;}
    .border-box h4{font-size: 20px;}
    .benefits-main-part h2, .about-part h2{font-size: 42px; line-height: 52px;}
    .gray-trangal-bg {top: -380px;}
    p{font-size: 16px!important;}
}
@media (max-width: 1280px) {
     

}

/*---------------------------------
    max-width 1199px responsive
 -------------------------------- */
@media (max-width: 1199px) {
    .featurette #page-three {padding-top:1em !important;}
    .blue-bg{background-size: 43%;}
    .benefits-main-part .p-lg-5 { padding: 2rem 2rem 0 2rem !important;}
    .left-img-tab-part ul li.visionary b { font-size: 10px;}
    .left-img-tab-part {left: 0;bottom: -11.75rem;background-size: 100% 100%;max-width: 55%;}
    .slider-main h1 {font-size: 50px; line-height: 52px;}
    .slider-part::after {max-width: 260px;}
    .top-border{padding: 0; margin: 0; border:none;}
    .about-main-part h2 { font-size: 40px;line-height: 45px;}
    .how-it-works-part h2 { font-size: 40px;line-height: 45px;}
    .benefits-main-part h2 { font-size: 40px; line-height: 45px; }
    .about-part h2 { font-size:34px; line-height: 42px;}
    .select-main-part h2 {font-size: 40px;line-height: 45px;}
    .contact-middle-part h2 {font-size: 40px; line-height: 45px; }
    .footer-main-part ul li { margin-right: 10px;}
    .call-sec img { margin-right: 10px;}
    .footer-main-part p {font-size: 13px;line-height: 20px;} 
    .about-main-part img { right: -1.5rem;}
    .left-img-tab-part ul li.beginner .wrapper .tooltip { width: 40%; left:0; }
    .left-img-tab-part ul li.explorer .wrapper .tooltip { width: 40%; left: -5rem; z-index: 9999999999;}
    .left-img-tab-part ul li.investor .wrapper .tooltip { left: -9rem; min-width: 230px; width: 75%;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip { left: -14rem;min-width: 230px;}
    .left-img-tab-part ul li.visionary .wrapper .tooltip { left: -18rem; min-width: 230px;}
    .carousel-indicators {left: 0.7rem; bottom: 3.5rem; }
    .about-main-part { padding-top: 10px; }
    .ass-right ul {padding: 0px 0; }
    .ass-right ul{ margin-bottom:0px;}
    .contact-middle-part span{font-size:20px;}
    .iti input[type="tel"]{width:63%!important;}
    .contact-box{padding-right: 45px;}
    .hero-content{height: 75vh;}
    .about-cont{padding-top:100px;}
    .progress-section { background-size: 210px;}
    .how-work-contetn {padding-top: 20px; padding-left: 18px;padding-right: 40px;}
    .how-it-work{padding-bottom: 50px;}
}

/*---------------------------------
    max-width 1024px responsive
 -------------------------------- */

@media (max-width: 1080px) {
    .slider-part::before {height: 115px;}
    .hero-text {width: 64%;}
    .hero-content { background: url(../img/road.svg) 60% 190px no-repeat;}
    .iti input[type="tel"]{width:58%!important;}
    .about-cont{padding-top:0;}
    .progress-section { background-size: 190px;}
    .benefits-main-part{padding-top: 0;}
    .border-box h4{padding:0;}
    .gray-trangal-bg {top: -320px;}
    .benefit-bottom-img{padding: 0 10%;}
    .slider-part::after {height: 115px; max-width: 210px;}
    .left-img-tab-part { left: 1rem;  bottom: -8.75rem; background-size: 100% 100%;max-width: 55%;}
    .about-main-part { padding-top: 140px;  padding-bottom: 140px;}
    .how-it-works-part { padding-top: 100px;}
    .benefits-box strong {left: 28px; top: 25px;}
    .benefits-right-part ul li p { line-height: 20px;}
    .benefits-right-part ul li p strong { font-size: 18px; line-height: 24px; }
    .benefits-right-part ul li { margin-bottom: 37px;}
    .about-part .pl-lg-5 { padding-left: 0 !important;}
    .about-part::after { height: 115px;}
    .benefits-main-part .p-lg-5 {padding-top: 5rem !important;}
    .about-main-part img { right: -1.2rem;}
    .left-img-tab-part ul li.visionary .wrapper .tooltip {  left: -14rem;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip { width: 100%; left: -11rem;}
    .left-img-tab-part ul li.investor .wrapper .tooltip {left: -6.5rem;  min-width: 230px; width: 60%;}
    .left-img-tab-part ul li.explorer .wrapper .tooltip {left: -2rem;}
    .left-img-tab-part ul li {font-size: 14px;}
    .left-img-tab-part ul li.visionary b { font-size: 10px;line-height: 15px;}
    .carousel-indicators { left: inherit;}
    .slider-main .vertical-center { padding-top: 40px;}
    .right-count { position: absolute; right: 20px; top: 26px; color: #B9B9B9; font-size: 15px;}
.carousel-indicators{justify-content: left;}
.how-it-works-part .btn { padding-right:1rem; padding-left:1rem;}
.contact-box{padding-right: 45px;}
.footer-main-part .fot-logo li{padding-right: 0;}
}

/*---------------------------------
    max-width 991px responsive
 -------------------------------- */
 @media (max-width:1024px) {
.iti input[type="tel"]{width:56%!important;}
}
@media (max-width: 991.98px) {
    .left-img-tab-part ul li { font-size: 12px;}
    .blue-bg{background-size: 43%;}
    .ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] {width: 74%; border-radius: 4px;}
    .slider-main h1 {font-size: 33px;line-height: 32px;margin-bottom: 10px; width: 45%;}
    .slider-main p { width: 47%;margin-bottom: 15px;}
    .slider-part::before {  height: 75px; }
    .slider-part::after { height: 75px; max-width: 160px;}
    .slider-main .btn { width: 165px;}
    .slider-main .btn { font-size: 15px; padding-left: 1.5rem; padding-right: 1.5rem;}
    .carousel-indicators { bottom: 1rem; left: 0;  margin: 0 auto; right: 0;}
    .about-main-part h2 { font-size:34px; line-height: 35px; }
    .about-main-part {padding-top: 100px; padding-bottom: 100px;}
    .how-it-works-part h2 {font-size: 28px;line-height: 35px;margin-bottom: 10px;}
    .how-it-works-part p {margin-bottom: 20px;}
    .benefits-top-part {position: relative; bottom: -70px;}
    .benefits-top-part .col-md-3 { flex: 0 0 50%;max-width: 50%;position: relative; margin-bottom: 30px;}
    .progress-section{height: auto;}
    .benefits-main-part { padding-top: 0px;} 
    .padn-30{padding:0;}
    .border-box h4{font-size: 16px;}
    .border-box{min-height: 320px;}
    .gray-trangal-bg { top:-250px;}
    .how-it-work{margin-top: -190px;}
    .who-work .number {width: 50px;height: 50px;font-size: 30px;line-height: 40px; }
    .who-work .benefits-box .one-col{line-height: 20px;}
    .benefits-main-part h2 { font-size: 28px;line-height: 35px;}
    .about-part .vertical-center{padding: 0 0 0 10px;}
    .about-part2{padding: 40px 0;}
    .benefits-main-part .p-lg-5 {padding-left: 2rem !important; padding-right: 2rem !important;}
    .benefits-right-part ul li { margin-bottom: 20px;}
    .benefits-right-part ul li p {padding-left: 95px; }
    .benefits-right-part ul li p strong {margin-bottom: 5px;}
    .benefits-right-part ul li img { width: 72px;height: 72px;}
    .benefits-main-part .p-lg-5 {padding-top: 4.5rem !important;}
    .benefits-top-img {top: 100px; right: -7px;}
    .benefits-box strong { left: 0px; top: 13px;}
    .about-part h2 {font-size: 28px;line-height: 35px;}
    .about-part .pl-lg-5 {padding-left: 0 !important;padding-right: 1rem !important;}
    .about-part .vertical-center { width: 85%;}
    .select-main-part h2 { font-size: 28px; line-height: 35px;margin-bottom: 48px;}
    .select-main-part { padding-top: 68px;padding-bottom: 68px;}
    .contact-box {padding: 30px;}
    .contact-middle-part .container { max-width:100%;}
    .contact-middle-part h2 {font-size: 36px; margin-bottom: 20px;line-height: 35px;}
.contact-middle-part span{font-size: 16px;}
    .contact-middle-part span { margin-bottom: 20px;}
    .footer-main-part .col-md-4 { flex: 0 0 50%; max-width: 50%;}
    .footer-main-part .col-md-2 {flex: 0 0 50%;max-width: 50%;}
    .footer-main-part .mt-lg-5, .my-lg-5 { margin-top: 0 !important; }
.iti__country-list li span{width: 45%;}
.text-right{float: right;}
    .call-sec p {margin-bottom: 10px;}
    .login-form-part p { width: 56%;}
    .login-form-part .btn { padding-left: 0;  padding-right: 0;}
    .about-main-part img { right: -0.9rem;}
    .left-img-tab-part { bottom: -6.3rem; max-width: 55%; left: 0;}
    .slider-main .vertical-center { padding-top: 20px; padding-bottom: 40px;  top: 14rem;}
    .left-img-tab-part ul li.visionary b { top: 40px;font-size: 10px;}
    .assessment-new-header .btn {margin-right: 75px; top: 1.3rem;}
    .comman-nav { width: 100%;}
    .comman-nav .nav-link { width: 100%; border-bottom: 2px solid #006DB4;}
    .assessment-new-header .navbar-toggler {border-color: #006DB4;}
    .assessment-new-header .navbar-toggler-icon { background: url(../img/menu-side.png) no-repeat top left !important;}
    .bread-cumb ul li { padding-right:26px;}
    .hero-content h1 {font-size: 34px; line-height: 42px;}
    .hero-content {background: url(../img/road.svg) 100% 190px no-repeat;background-size:80%; height:45vh; padding-top: 140px;}
    .shadow-box{top:-40px!important; margin-bottom: 30px;}
    .about-cont{width: 100%;}
}
@media (max-width:896px) {
.ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] { width: 77%;}
}
@media (max-width:844px) {
.ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] {width: 75%;}
.iti input[type="tel"]{width:57%!important;} 
}
 @media (max-width:800px) {
 .iti input[type="tel"]{width:52%!important;} 
 .border-box{padding: 30px 10px;}
 .who-work .benefits-box .one-col{font-size:15px;}
 .mob-none-new{display: none;}
 .mob-show-new{display: block;}
 .about-img{margin-top: 30px; margin-bottom: 0;}
 .gray-trangal-bg {top: -230px;}
 .about-part span, .benefits-main-part span, .about-main-part span { font-size: 16px;}
}
/*---------------------------------
    max-width 767px responsive
 -------------------------------- */

@media (max-width: 767px) {
    .footer-main-part .fot-logo{ display:block;}
    .footer-main-part .fot-logo li {padding: 20px 0px 0 0; width:60%; height: auto; border: none;}
    .footer-main-part {padding-left: 10px;}
    .footer-main-part ul li { margin-right: 0px;}
    .contact-middle-part{ position:unset; margin-top: 20px; margin-bottom:20px;}
    .assessment-main .table-hover tbody tr { display: flex;flex-direction: column; justify-content: left;
        text-align:left; align-items: flex-start;}
    .btn-absulet { position:unset; margin-bottom:20px; }
    .select-main-part #page-five {  padding-top: 0em !important;}
    .slider-part .right-img {width: 100%;}
    .slider-part .right-img img {  width: 100%; }
    .text-left { padding: 5%;background-color: rgba(255, 255, 255, 0.9); }
    .slider-main h1 {width: 70%; font-size: 32px; line-height: 30px;}
    .slider-main .vertical-center { left: 0;}
    .slider-part::after {max-width: 50%; right: 0;}
    .carousel-indicators {width: 100%;margin: 0 auto;bottom: 2%; }
    .about-main-part::before { bottom: 0; height: 100%; width: 100%;}
    .left-img-tab-part { max-width: 100%;}
    .about-main-part {padding-top: 50px;padding-bottom: 50px;}
    .about-main-part #page-one { padding-top: 0;}
    .how-it-works-part #page-two { padding-top: 0;}
    .about-main-part .pl-lg-5 { padding-left: 0 !important; padding-bottom: 30px;}
    .left-img-tab-part { position: relative; bottom: -5rem;}
    .how-it-works-part {padding-top: 80px; }
    .how-it-works-part .col-md-7 { margin-bottom: 30px;}
    .benefits-box {box-shadow: 0px 10px 20px #00000029;}
    .benefits-top-img {top: 0; right: 0;}
    .benefits-img img {width: 100%; max-width: 100%;}
    .benefits-main-part .col-md-7 {  margin-bottom: 30px;}
    .benefits-right-part ul { padding-bottom: 30px;}
    .benefits-top-img {width: 75%;}
    .benefits-main-part { padding-bottom: 75px;}
    .about-part { padding-top: 50px;}
    .about-part img { width: 100%;}
    .benefits-box img{width: auto;}
    .about-part .vertical-center {position: relative; width: 100%;padding-bottom: 50px; transform: translateY(0%);}
    .about-part::after { top: 29.5rem; bottom: inherit; display: none;}
    .select-main-part {padding-top: 20px; padding-bottom: 30px;}
    .advanced-assessment-right { margin-top: 30px; }
    .select-main-part h2 {width: 100%; }
    .contact-middle-part { bottom: -6rem}
    .contact-box .col-md-6 {  flex: 0 0 100%; max-width: 100%;}
    .contact-middle-part .btn {padding-left: 1rem;padding-right: 1rem;}
    .contact-box { background-color:#fff;}
    .contact-box .btn-primary { margin-bottom: 15px; }
    .footer-main-part .col-md-4 { flex: 0 0 100%;  max-width: 100%;}
    .footer-main-part .col-md-2 {flex: 0 0 100%; max-width: 100%;}
    .footer-main-part { padding-top: 40px;}
    .about-main-part img { right: 0;}
    .slider-main .vertical-center { top: 30rem;}
    .login-main .contact-middle-part { bottom: -415px;}
    .login-main {margin-bottom: 0px;}
    .login-form-part p { width: 69%;}
    .slider-part::before {max-width: 100%;background-color: rgba(241, 241, 241, 0.95);}
    .benefits-right-part ul li p strong {font-size: 22px; }
    .basic-assessment-left-middle { min-height: inherit;}
    .basic-assessment-left-middle .btn { position: relative; bottom: inherit;}
    .basic-assessment-left-part h4 { font-size: 20px;}
    .left-img-tab-part ul li.visionary .wrapper .tooltip {left: -8rem;min-width: 230px; right: -8rem; margin: 0 auto;
        bottom: 0; top: -6rem;}
    .left-img-tab-part ul li.visionary .wrapper .tooltip:after { border-left: solid transparent 10px;
        border-right: solid transparent 10px; border-top: solid #fff 10px;right: 0;margin-left: 0;bottom: 0;
        top: 7.1rem;left: 0;margin: 0 auto;}
    .left-img-tab-part ul li.accelerator .tooltip {left: -8rem !important;min-width: 230px; right: -8rem !important;
        margin: 0 auto; bottom: 0;top: -6rem;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip:after {
        border-left: solid transparent 10px; border-right: solid transparent 10px;
        border-top: solid #fff 10px;right: 0; margin-left: 0; bottom: 0; top: 7.1rem; left: 0; margin: 0 auto; }
    .left-img-tab-part ul li.investor .tooltip { left: -8rem !important; min-width: 230px;right: -8rem !important;margin: 0 auto;
        bottom: 0; top: -6rem;}
    .left-img-tab-part ul li.investor .wrapper .tooltip:after { border-left: solid transparent 10px;
        border-right: solid transparent 10px; border-top: solid #fff 10px; right: 0;
        margin-left: 0;bottom: 0;top: 7.1rem;left: 0;margin: 0 auto; }
    .left-img-tab-part ul li.explorer .tooltip {left: -8rem !important; min-width: 230px;right: -8rem !important;margin: 0 auto;
        bottom: 0;top: -6rem;}
    .left-img-tab-part ul li.explorer .wrapper .tooltip:after {border-left: solid transparent 10px;
        border-right: solid transparent 10px; border-top: solid #fff 10px;right: 0; margin-left: 0;bottom: 0;
        top: 7.1rem; left: 0; margin: 0 auto;}
    .left-img-tab-part ul li.beginner .tooltip {left: -8rem !important;min-width: 230px;right: -8rem !important;
        margin: 0 auto; bottom: 0; top: -6rem;}
    .left-img-tab-part ul li.beginner .wrapper .tooltip:after { border-left: solid transparent 10px;
        border-right: solid transparent 10px;border-top: solid #fff 10px; right: 0; margin-left: 0; bottom: 0;top: 7.1rem;
        left: 0; margin: 0 auto; }
    .benefits-box strong {left: 0!important;}
    .header-main-part .nav .mr-xl-5, .mx-xl-5 { margin-right: 9.5rem !important;}
    .header-main-part .logout-btn { padding-left: 1.9rem; padding-right: 1.9rem;}
    .header-main-part .nav .nav-link {padding-left: 0.5rem;padding-right: 0.5rem; }
    .about-main-part p { width: 100%;}
    .benefits-right-part ul li p {font-size: 18px;line-height: 24px;}
    .footer-main-part p { font-size: 18px;line-height: 24px;}
    .left-img-tab-part ul li.beginner .wrapper .tooltip {  top: -5.3rem; }
    .left-img-tab-part ul li.explorer .wrapper .tooltip {top: -5rem; }
    .left-img-tab-part ul li.investor .wrapper .tooltip { top: -5.5rem;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip { top: -4.8rem;}
    .left-img-tab-part ul li.visionary b {top: 30px;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip:after { top: 5.9rem; }
    .benefits-box p {font-size: 16px;line-height: 20px; }
    header .col-12{padding: 0;}

}

/*---------------------------------
    max-width 640px responsive
 -------------------------------- */

@media (max-width: 640px) {
    .about-part::after {top: 31rem;}
    .modal .btn{width: 100%;}
    .modal p{margin-bottom: 0;}
.white-shadow-box .ass-left img {width: 100% !important;margin-bottom: 20px;}
.btn{font-size: 16px;}
.marr-20 { margin-right: 10px;}
    .contact-middle-part .btn {  padding-left: 0.5rem; padding-right: 0.5rem;}
    .contact-middle-part { bottom: -15rem;}
    .slider-main .vertical-center {top: 25rem;}
    .login-main .contact-middle-part { bottom: -475px;}
    .login-main { margin-bottom: 0px; }
    .login-form-part p { width: 77%; }
    .contact-middle-part p { width: 100%;}
    .header-main-part .btn {padding-left:14px;padding-right:14px; }
    .slider-main .btn {padding-left:14px; padding-right:14px;}
    .about-main-part .btn {padding-left:14px; padding-right:14px;}
    .how-it-works-part .btn {padding-left:14px; padding-right:14px;}
    .benefits-main-part .btn { padding-left:14px;padding-right:14px;}
    .basic-assessment-left-middle .btn {padding-left:14px;padding-right:14px;}
    .left-img-tab-part ul li.beginner .wrapper .tooltip {top: -5.3rem;}
    .left-img-tab-part ul li.explorer .wrapper .tooltip {  top: -5rem;}
    .left-img-tab-part ul li.investor .wrapper .tooltip { top: -5.5rem; }
    .left-img-tab-part ul li.accelerator .wrapper .tooltip { top: -4.8rem;}
    .left-img-tab-part ul li.visionary b { top: 30px;}
    .left-img-tab-part ul li.accelerator .wrapper .tooltip:after {  top: 5.9rem;}
    .slider-part::after { display: none;}
    .benefits-main-part::before {height: 40px;}
    .white-bg-mob{background:#fff;}
    .how-it-work{background: url(../img/gray-trangal-bg-mob.svg) left top no-repeat; background-size: 100%;}

}
/*---------------------------------
    max-width 575px responsive
 -------------------------------- */

@media (max-width: 575px) {
    .contact-box{padding:10px; box-shadow: none;}
    .blue-bg{padding:20px 0;}
    .slider-main .vertical-center {top: 0; position: relative; transform: translateY(0%); }
    .slider-main {position: relative;top: 0;padding-bottom: 5rem;}
    .text-left { background-color: transparent;}
    .slider-main p { width: 100%;}
    .about-part::after {top: 32.5rem;}
    .white-shadow-box{padding: 20px;}
    .assessment-main{padding-top: 110px;}
    .white-shadow-box h2{font-size: 22px!important; line-height: 24px!important; margin-top: 20px;}
    .header-main-part .navbar {padding: 0.35rem 0;}
}
/*-----------------------------
   max-width 480px responsive
 -------------------------------- */
@media (max-width: 480px) {
    .iti input[type=tel]{ width:66%!important;}
    .text-left { padding: 0%;}
    .contact-main-part #page-six {padding-top: 1em !important;}
    .slider-main .btn {padding-left: 1rem; padding-right: 1rem;}
    .text-left .btn {margin-bottom: 10px; }
    .slider-main .text-left .marl-30 { margin-left: 0px; }
    .slider-main h1 {width: 100%;font-size: 25px; line-height: 30px; }
    .slider-main p { width: 100%;}
    .navbar-brand img { width: 150px;}
    .about-main-part { padding-top: 40px; padding-bottom: 40px;}
    .about-main-part h2 { font-size: 24px; line-height: 28px;}
    .benefits-top-part .col-md-3 { flex: 0 0 100%; max-width: 100%;}
    .how-it-works-part { padding-top: 40px;}
    .benefits-main-part { padding-bottom: 50px; }
    .about-part::after { top: 36.3rem;}
    .contact-middle-part { bottom: 5rem; }
    .footer-main-part {padding-top:20px;}
    .login-main .contact-middle-part {  bottom: 75px;}
    .login-main {margin-bottom: 0;}
    .login-form-part p {width: 100%;}
    .left-img-tab-part { bottom: -2.5rem;}
    .benefits-box strong { left:0!important;}
    .benefits-main-part span::before{left: 36%;}
    .btn{padding-left: 12px; padding-right: 12px;}
    .border-box{min-height:100px;}
    .benefits-main-part p{margin-bottom: 0;}
    .header-main-part .logout-btn {padding-left: 1rem;padding-right: 1rem; top: 20px;}
    .header-main-part .nav .mr-xl-5, .mx-xl-5 { margin-right: 0rem !important;}
    .header-main-part .nav { width: 100%; text-align: center;display: inline-block; flex-wrap: inherit;}
   .header-main-part .nav li {display: block;text-align: left;padding-top: 10px;padding-left: 0;}
    .mobile-view { padding-top: 0 !important;}
    .mobile-view-sec {padding-top: 0 !important;}
    .benefits-right-part ul li img { position: relative; margin-bottom: 20px; }
    .benefits-right-part ul li p { padding-left: 0; }
    .assessment-new-header .navbar-brand img { width: 120px; }
    .assessment-new-header .logout-btn {  padding-left: 0.8rem; font-size: 15px; padding-right: 0.8rem; margin-right: 65px;}
    .left-img-tab-part {  background: url(../img/about-us-left-img.svg) no-repeat top center;background-size: cover;}
    .hero-text{width: 100%;}
    .hero-content h1 {font-size: 24px;line-height: 32px;}
    .about-cont{padding-top: 50px;}
    .down-arrow{width: 30px;}
    .gray-trangal-bg {top: -120px;}
    .how-it-work { margin-top: -90px;}
    .about-part{padding-top: 15px;}
    .about-part img {width: auto;}
    .about-part h2 {font-size: 24px;line-height: 35px; padding-right:100px;}
    .vertical-center.pt-60 h2{padding-right: 0;}
    .about-part2{padding-top: 50px;}
    .about-part .row{margin-left:-15px; margin-right: -15px;}
    .about-img {margin-top: 0; margin-bottom: 0; padding: 10px;}
    .hero-content {background: url(../img/road.svg) 100% 240px no-repeat;background-size: 70%;height: 45vh; padding-top: 140px;}
}
@media (max-width: 400px) {
   .iti input[type=tel]{  width:61%!important;} 

}
/*-----------------------------
   max-width 320px responsive
 -------------------------------- */

@media (max-width: 370px) {
    .hero-content h1 { font-size: 22px; }
    .btn {width: 150px; font-size: 17px;}
    .btn-lg {padding: 0.5rem 0.5rem;}
    .about-part::after { top: 51.9rem;}
    .login-main .contact-middle-part { bottom: 45px;}
    .slider-main p { line-height: 20px;}
    .slider-main h1 {font-size: 22px; line-height: 25px; }
    .slider-part { top: 80px;}
    .about-main-part { padding-top: 100px;}
    .slider-part::after {height: 80px;}
    .carousel-indicators { bottom: 1rem; }
    .benefits-box strong { left: 42px; font-size: 100px;}
    .slider-main { top: 0;padding-bottom: 7rem;}
    .comman-nav { margin: 0; width: 100%; }
    .hero-text .btn{margin-top:0;}
    .about-cont{padding-top:0px;}
}



 .fullpage-loader {
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 1000000;
display: block;
/*position: absolute;*/
 position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
.loading-position {
top: 40%;
left: 50%;
position: absolute;
}
@media(max-width:768px){
    .loading-position {
top: 40%;
left: 40%;
position: absolute;
}
}