@media only screen and ( min-width:1200px) and ( max-width:1450px ){

.bg-05 h1 span {  font-size: 32px;  line-height: 35px; }

.bg-05 h1{margin-bottom: 0px;}

.welcome-text .bg-05 p {
    font-size: 18px;}

.feature-boxes p {  font-size: 12px;  line-height: 16px; }

}
@media only screen and ( min-width:1024px) and ( max-width:1450px ){
	.welcome-text {
    width: 34%;
    height: 100%;
    padding-left: 50px;
    align-items: center;
    margin-top: 50px;
}

.welcome-text:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(rgb(12 121 178), rgb(48 156 184), rgb(23 73 126 / 38%));
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 0% 100%;
    -webkit-transform: skew(45deg);
    -ms-transform: skew(-45deg);
    transform: skew(20deg);
    z-index: -1;
}
}




@media only screen and ( min-width:960px) and ( max-width:1200px ){

.social-left ul li  a{ padding: 10px 16px;}

#menu ul li > a{font-size: 13px; padding: 4px 9px;}

.register-button a{padding: 9px 24px !important;}

.feature-boxes img { width: 45px;  margin-right: 20px;}

.sbmt-btn{padding: 0px 50px 0px 30px;}

.logo-dv h2{font-size: 21px;}

.slider-cnt{top: 0%;}

.home-featured-section{margin-top: -310px;}

.welcome-text{width: 55%;}

.welcome-text::after{width: 62%;}

.bg-05 h1 span{font-size: 35px; line-height: 40px;}

.welcome-text .bg-05 p{font-size: 18px;}

}


@media only screen and ( min-width:768px) and ( max-width:959px ){

#menu ul li > a{padding: 4px 3px; font-size: 11px;}

.register-button a {
    padding: 4px 8px !important;
    font-size: 12px;
  }

#menu ul{margin: 3px 0px 0px;}  

.register-button a i{font-size: 15px;}  

.feature-boxes img {
  width: 40px; margin-right: 20px;
}

.feature-boxes { padding: 0px 5px;}

.feature-boxes h3{font-size: 18px;}

.feature-boxes p  {
    font-size: 11px;
    line-height: 14px;
  }

.banner-feature{margin-top: 20px;}  

  .feature-imgmain{display: inline-block;}

  .featureimg{width: 48px;margin-top: 30px;}

 .feature-text{width: 82%; float: left;} 

.feature-imgmain{float: left; height: 100%;}

.about-right h1, .video-left h2, .contribute-left h2,
.signup-head h3, .contribute-left h2, .contribute-left h2{font-size:32px;}

.about-experience p{font-size: 19px;}

.about-experience h2{font-size: 50px;}

.services-mn h3{font-size: 18px;}

.services-mn {  padding: 20px;}

.sbmt-btn{padding: 0px 40px 0px 15px;background-position: center right 15px;
background-size: 12px;}

.step-text {  padding: 25px 15px;}

.icon-step i { font-size: 24px;}

.icon-step {  width: 100px;  height: 65px;}

.test-boxes{padding: 20px;}

.quote-icons i{font-size: 30px;}

.footlink img {  width: 120px;}

.foot-info p i { font-size: 17px;  margin-right: 16px;}

.success-dtl h3{font-size: 28px;}

.success-dtl {
  padding: 20px 10px;
}

.logo-dv h2{font-size: 15px;}

.home-featured-section{margin-top: -307px;}

.bg-05 h1 span{font-size:32px;  line-height: 48px;}

.welcome-text .bg-05 p{font-size: 16px;}

.bg-05 h1{font-size: 31px; line-height: 28px;}  

.bg-05 h1 strong{font-size: 34px;}

.login-front-form{padding-left: 50px;}

.login-front-form{padding-left: 40px;}

.expert-bxes{padding: 20px;}

.expert-bxes img{width: 50px}

.social-right ul li i {
  margin-right: 7px;
  font-size: 15px;
}

.social-right ul li{padding: 0px 6px; font-size: 11px;}


#register-banner{background-size: cover;}

.feature-boxes{display: block;}

.bg-05 h1 span{line-height: 26px;}

.slider-cnt{top: 0px;}

#video-section{padding: 100px 0px;}

.partner-img {padding: 30px 10px;}

#menu ul li ul li a{font-size: 12px !important}

.step-text h3{font-size: 16px;}

.contact-right-detail{margin-top: 40px;}

.login-front-form p input{font-size: 13px;}

.icon-box-cnt img{width: 50px;}

.contact-dtl-ons{padding: 20px;}

.welcome-text{width: 60%;}

.welcome-text::after{width: 70%;}

.banner-feature {
  width: 90%; margin-top: 10px;
}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){


.social-left ul li a{ padding: 10px 8px;}

.social-left ul li{font-size: 13px;}

.social-left ul li a{font-size: 13px;}

.social-right ul li {  font-size: 11px; padding: 0px 10px; align-items: center;
}

.social-right ul li:last-child{border-right: none;}

.social-right ul li i{font-size: 16px;}

.register-button {
  justify-content: start;
}

.register-button a{margin-left: 5px; background: #0e1e36;
border: 2px solid #0e1e36;}

.register-button a:hover{background: #0e1e36; color: #fff;
border: 2px solid #0e1e36 !important; color: #fff;}

.feature-boxes{margin: 15px 0px;height:auto;}

header {
  padding: 25px 0px;
}

.about-img2 { margin-top: 30px;}

.about-right{padding: 0px; margin-top: 30px;}

.about-right h1, .video-left h2, .contribute-left h2,
.signup-head h3, .contribute-left h2, .contribute-left h2{font-size:38px;}


.success-about .col-md-6:first-child {
  padding-right: 15px;
}

.success-about .col-md-6:last-child {
  padding-left: 15px;
}

.playicon {  justify-content: center;  margin-top: 60px; height: auto;}

.playicon a { width: 70px; height: 70px; line-height: 70px;
  font-size: 20px; outline: 10px solid rgba(255, 255, 255, 0.15);}

#video-section{padding: 80px 0px; margin-top: 50px}

.contribute-right{padding-left: 0px;}


#clients-sctn{background: #559eea;}

.foot-sbmt, .sbmt-btn{margin-top: 15px;}

.footlink{margin-top: 60px; padding-left: 0px;}

footer .col-lg-3:first-child .footlink{margin-top: 0px;}

#home-about{margin-top: 0px;}

#featured-sction { padding: 40px 0px 0px !important;  margin-top: 0px}

a#toggle {
  margin-top: 25px;
}

.open-menu a#toggle { margin-top: -38px !important;}

.social-left ul li:first-child {
  padding: 10px 20px;}

.bg-05 h1 span {
    font-size: 35px;
    line-height: 38px;
  }

.welcome-text{width: 100%;}  

#start-here{padding: 40px 0px 0px;}  

.bg-05 h1{font-size: 31px;}  

.bg-05 h1 strong{font-size: 34px;}

#register-banner h1{font-size: 36px;}

#register-banner h4 { margin: 20px 0px;  font-size: 28px;}

#register-banner h5{font-size: 19px;}

#register-banner p{font-size: 15px; line-height: 21px;}

#login-front{padding: 70px 0px;}

.login-front-form {  padding-left: 0px; border-left: none;  margin-top: 50px;}

.journeysctn h2, .title-expert h2{font-size: 38px;}

.expert-bxes{margin: 10px 0px; height: auto;}

footer{padding: 30px 0px 70px;}

#register-banner{background-size: cover;}

#menu{margin-right: 0px;}

.partner-img{height: auto;}

header.is-sticky{position: relative; padding: 15px 0px; display: none;}


.slider-cnt  {
    top: inherit;
    bottom: 30px; height: auto;
  }

.modal-dialog{padding: 0px 30px;}

.contact-right-detail{margin-top: 40px;}

.login-front-form p input{font-size: 13px;}

.about-text-new h1{font-size: 25px;}

.modal-content .employeedv p {
    white-space: inherit !important;
    font-size: 19px !important;
    line-height: 27px !important; word-break: break-word;
  }

  .about-main-text h1{font-size: 38px;}

.about-sctns{padding: 60px 0px;}

.feature-boxes {
    margin: 15px 0px;
    height: auto;
    padding: 10px;
    background: #6a6a6a;
    border-radius: 5px;
    border: none;
  }

 .banner-feature{width: 100%;} 

.welcome-text::after{width: 80%; display: none;}

}


@media only screen and ( min-width:320px) and ( max-width:599px ){

#menu{margin-right: 0px;}

.social-left ul li:first-child{padding: 10px 20px; padding-left: 0px;}

.social-left ul li a{padding: 11px 17px; float: none;}

.social-left ul{
  text-align: center; margin-top: 11px;
  margin-bottom: 5px;
}

.social-left ul li{border: none; float: none;}

.social-right{justify-content: center; margin-top: 8px;}

#top-header{padding-bottom: 25px;}

.register-button {
  justify-content: start;
}

.register-button a{margin-left:5px; background: #0e1e36;
border: 2px solid #0e1e36;}

.register-button a:hover{background: #0e1e36; color: #fff;
border: 2px solid #0e1e36 !important; color: #fff;}

header {
  padding: 25px 0px;
}

.social-right ul li:last-child{border-right: none;}

.banner-feature {
  margin-top: 20px;
}

#start-here{padding: 50px 0px 20px;}

.feature-boxes {
    margin: 15px 0px;
    height: auto;
    padding: 10px;
           background: linear-gradient(rgb(12 156 201), rgb(48 156 184), rgb(62 174 227));
    border-radius: 5px;
    border: none;     display: block;
  }
.featureimg {
    width: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    padding: 10px;
    margin-right: 10px;
    
    margin-left: 36%;
} 
.feature-text {
     border-left: 0px solid #fff; 
    padding-left: 0px; 
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
} 
  
  

.st-box h2{font-size: 35px;}

#home-about .col-lg-6 {
  padding: 15px;
}

.about-img2 { margin-top: 30px;}

.about-right{padding: 0px;}

.about-right h1, .video-left h2, .contribute-left h2,
.signup-head h3, .contribute-left h2, .contribute-left h2{font-size: 25px;}

.about-right h4, .contribute-left h4, .contribute-left h4, .signup-head p,
.contribute-left h4
{font-size: 19px;}

.success-about .col-md-6:first-child {
  padding-right: 15px;
}

.success-about .col-md-6:last-child {
  padding-left: 15px;
}

.playicon {  justify-content: center;  margin-top: 60px; height: auto;}

.playicon a { width: 70px; height: 70px; line-height: 70px;
  font-size: 20px; outline: 10px solid rgba(255, 255, 255, 0.15);}

#video-section{padding: 80px 0px; margin-top: 50px}

.contribute-right {
  padding-left: 0px;
}

#clients-sctn{background: #559eea;}

.foot-sbmt, .sbmt-btn{margin-top: 15px;}

.footlink{margin-top: 60px; padding-left: 0px;}

footer .col-lg-3:first-child .footlink{margin-top: 0px;}

.copyright-dv{text-align: center;}

.copyright-dv ul {
  margin: 20px 0px 0px; text-align: center;
}

.quicks {
  padding: 0px 0px;
}

#home-about{margin-top: 0px;}

#featured-sction { padding: 40px 0px 0px !important; margin-top: 0px;}

.bg-05 h1{font-size: 20px; font-size: 22px;
    padding: 0px;
}

.bg-05 h1 span{    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
}

.bg-05 h1 strong{font-size: 24px;}

.bg-05 h1{line-height: 0px;}

.slider-cnt  {
    top: inherit;
    bottom: 30px; height: auto;
  }

.welcome-text::after{width: 80%;}

.welcome-text{padding-left: 15px;width: 100%;}

.social-right ul li{padding: 0px 7px;     font-size: 10px;}

.social-right ul li i {  margin-right: 5px; font-size: 14px;}

#register-banner h1{font-size: 36px;}

#register-banner h4 { margin: 20px 0px;  font-size: 28px;}

#register-banner h5{font-size: 19px;}

#register-banner p{font-size: 15px; line-height: 21px;}

#login-front{padding: 70px 0px;}

.login-front-form {  padding-left: 0px; border-left: none;  margin-top: 50px;}

.journeysctn h2, .title-expert h2{font-size: 28px;}

.expert-bxes{margin: 10px 0px; height: auto;}

footer{padding: 30px 0px 70px;}

#register-banner{background-size: cover;}

.partner-img{height: auto;}

header.is-sticky{position: relative; padding: 15px 0px; display: none;}

#service-section{padding:40px 0px;}

#home-contact{padding:60px 0px;}

.modal-dialog{padding: 0px 30px;}

.pop-img01{width: 90px; height: 90px;}

.employeedv img{width: 50px;}

.modal-content .employeedv p {
    height:70px !important;
    white-space: inherit !important;
    font-size: 16px !important;
    line-height: 21px !important;word-break: break-word;
  }

.contact-right-detail{margin-top: 40px;}

.login-front-form p input{font-size: 13px;}

.journeysctn{  padding: 50px 0px;}

.expert-bxes img {  width: 70px;}

.about-text-new h1{font-size: 25px;}

.footlink img{width: 180px;}

.about-main-text h1{font-size: 25px;}

.about-sctns{padding: 60px 0px;}

.banner-feature {
  width: 100%;
}
.step-text {
  height:auto;
  min-height: 10px; 
   
}
.welcome-text:after{display: none;}

}