

/*------------------desktop dropdown menu start --------------*/

@media only screen and (min-width: 768px) {
    .header .menu01 li ul {
    width: 240px;
    text-align: left;
    padding: 0 10px;
    padding-bottom: 10px;
    position: absolute;
    background: #037671;
    color: #fff;
    display: none; 
    z-index: 4;
    padding-top: 10px;
    left: auto;
  }
  .innerpage .menu01 li ul.sub_menu a:hover {
    
  }
    .menu01 li{
      position: relative;
    }

    .header .menu01 li:hover > ul {
        display: block;
        z-index: 3;
    }
    .header .menu01 li ul li:last-child {
        width: 100%;
        padding-right: 20px;
    }

    .header .menu01 li ul li:last-child a {
        padding: 0;
    }
    .header .menu01 li ul li a {
        color:#fff;
        font-size: 16px;
        line-height: 26px;
    }
    .header .menu01 li ul li {
        width: 100%;
        position: relative;
        padding: 8px;
    }
    .submenu li a {
        padding: 15px 0 !important;
    }
    #menu-icon {
    display: none;
  }
    .header .menu01 li ul li ul {
      display: block;
      background: #231f20;
      position: absolute;
      left: 226px;
      top: 0px;
      opacity: 0;
  }
  .header .menu01 li ul li:hover ul {
      
      opacity: 1;
  }
  .header .menu01 li ul li:last-child {
    padding-right: 8px;
  }
  .innerpage .menu01 li ul.sub_menu a:hover {
   
  }



 

}
/*------------------desktop dropdown menu end--------------*/

@media screen and (min-width: 1200px) and (max-width: 1366px) { 
  
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 

.logo{max-width: 210px;}
.nav01{width: 77%;}
.menu01 li{padding: 0px 10px;}
.menu01 li.apply-now {padding-left: 40px;}
.image-blur-box:before,.abt-image-box:before{display: none;}  
    
}
@media screen and (min-width: 813px) and (max-width: 991px) { 

.logo{max-width: 210px;}
.nav01{width: 77%;}
.menu01 li{padding: 0px 10px;}  
.menu01 li.apply-now {padding-left: 20px;}
.image-blur-box:before, .abt-image-box:before{display: none;}

}


@media screen and (min-width: 768px) and (max-width: 812px) { 
  
.image-blur-box:before, .abt-image-box:before{display: none;}
.logo{max-width: 150px;}
.nav01{width: 78%;}
.menu01 li{padding: 0px 10px;}  
.menu01 li a{    font-size: 14px;}
.menu01 li.apply-now {padding-left: 20px;}
h2, .cta h2{font-size: 28px; line-height: 38px;}  
.banner_text {    padding: 180px 0 0px 0;}
 .banner_text h1{font-size: 30px;line-height: 40px;}
 .banner-slider1 .form-heading{ font-size: 20px; line-height: 30px;}

}

@media only screen and (max-width: 767px) {
   /*header css start*/
  .maindiv {padding: 0 15px;}
  .menu01 {
      padding: 20px;
      background: #231f20;
      display: none;
     
  }
  .innerpage .menu01 {margin-top: 10px;}
  .innerpage .header {padding: 15px 0 0 0;}
  .menu01 li {
    width: 100%;
    padding: 5px 0;
  }
  .menu01 .logo-desktop {
    display: none;
  }
  .nav01 {
    width: 100%;
    justify-content: flex-end;
    position: relative;
  }
  .logo {
    max-width: 230px;
    position: absolute;
    top: 5px;
    left: 10px;
  }
  .home .header {
    position: absolute;
   
  }
  .menu01 li a{color: #fff;}
  .sub_menu {
    display: none;
    padding-left: 10px;
  }

  .sub_menu_2.adjust {
    display: block;
  }
  .sub_menu_2{
    display: none;
    padding-left: 10px;
  }
  .menu01 .fa-caret-down {
    display: none;
  }
  .innerpage .menu01 li a {
    color: #ffffff;
  }
  .innerpage .header .maindiv {
    padding: 0;
  }

 /*header css end*/

 .banner_text {padding: 250px 0 80px 0;}
 .banner_text h1{font-size: 30px;line-height: 40px;}
 .banner-slider1 .form-heading{ font-size: 20px; line-height: 30px;}
 .first-slot{    padding-bottom: 0px;}
 .menu01 li.apply-now {padding-left: 0;}
 .menu01 li.apply-now a{ text-align: center; display: block;}

h2, .cta h2{font-size: 28px; line-height: 38px;}
.row, .row-new, .home-process .row1 {flex-direction: column;}
.loan-product .col, .home-process .row1 > .col, .row-new > .col, .home-reviews .col, .recent-posts .col {width: 100%;}
.home-reviews .left-text{padding-left: 0px;}
.home-reviews .left-text:before{left: 0; top: -24px;}
.review-area{ border-radius: 0 0; margin-top: 50px;}
.slider-content1 {padding: 20px 20px 0px 20px;}
.recent-posts .content-box .img-box, .recent-posts .content-box .img-box img, .recent-posts .content-box .img-box:after{border-radius: 0 0;}
.footer-top .col {margin-bottom: 30px;padding: 0 30px;}
.footer-top{padding: 30px 0;}
.footer-bottom .col {margin-bottom: 10px;text-align: center;}
.cta{ padding: 40px 0;}


.innerpage-banner .col:nth-of-type(1) {margin-bottom: 20px;}
.innerpage h2.red-gradient {font-size: 28px;line-height: 38px;}

.inner-first .col, .second-left .col {width: 100%;}
p.empty1 {display: none;}

.home-chooseus:before, .home-chooseus:after{display: none;}
.home-chooseus .col {width: 100%;}
.home-chooseus .col:nth-of-type(2) {
    padding-left: 0;
    padding: 0px;
}
.home-chooseus .black-box{transform: skew(0deg, 0deg);}
.home-chooseus .black-box .first-row {transform: skew(0deg, 0deg);}
.home-chooseus{padding-top: 50px; padding-bottom: 50px;}

p.warning {display: none;}
.logo{top: 10px; z-index: 9;}
#menu-icon {
    padding-top: 28px;
    color: #671a8c;
    right: 17px;
    position: relative;
    font-size: 30px;
}


/*---18-10-2021----*/
.warning {
    padding: 0;
}
.header .maindiv {
    padding: 0 0;
}
.mid-header {
    padding-right: 0;
}
.row1 {
    flex-direction: column;
}
.two-div .col1 {
    width: 100%;
}
.our-plan .row1{flex-direction: column-reverse;}
.spl-ln li {
    width: 100%;
    text-align: center;
}
.our-plan {
    text-align: center;
}
.four-div .col1 {
    width: 100%;
}
.home-about .imagebox:before, .sub-abt-heading .line{display: none;}
.home-about .imagebox img {
    border-radius: 0;
}
.home-about .badges{
    flex-direction: column;
}
.home-about .badges .textbox{
  margin-bottom: 20px;
}


.three-div .col1{
  width: 100%;
  margin-bottom: 20px;
}
.innerpage-banner .col1 {
    max-width: 100%;
}
.inner-first h2 {text-align: left;}
.inner-first .textbox { text-align: left;}
.inner-first .pt-2 {padding-top: 10px;}
.inner-first .row1 {flex-direction: column-reverse;}


.submit-area {text-align: center;}
.contact-infobox {
    text-align: center;
    margin-bottom: 20px;
}

.from-zone p {
    text-align: center;
}
.from-zone h2 {
    text-align: center;
}
.form-area .two-div .col1.form-group, .form-area .three-div .col1.form-control{width:100%;}
.footer-top .col1 {
    margin-bottom: 30px;
}
.reverse {
    flex-direction: column-reverse;
}

/*--blog--*/
.home .innerpage-banner {
    padding-top: 100px;
    background-image: linear-gradient( 135deg ,rgb(7 153 146), rgb(58 221 213));
}
.blog-details .content-area {
    width: 100%;
}
.blog-details .sidebar {
    width: 100%;
}




}

@media only screen and (max-width: 575px) {
  .home-chooseus .black-box{padding: 20px;}
  .black-box .col1{width: 90%;}
  .black-box .number{font-size: 40px;}
  .black-box .first-row .col1:before{ left: -15px;}
  .black-box .first-row.second-row .col1:before{ right: -15px;}

}