/* Extra Large Desktop: 1680px. */

@media only screen and (max-width: 1680px) {
  /* video home */
  .about-us-area .content-wrapper p {
    max-width: 90%;
  }
  .pipeline-area .content-wrapper p {
    max-width: 100%;
  }
  .pipeline-area.style-3 .content-wrapper p {
    max-width: 100%;
  }
  .Technologies-area .content-wrapper .text-wrapper p {
    max-width: 90%;
  }
  .pipeline-area .content-wrapper {
    padding-left: 30px;
  }
  .slider-content-wrap p {
    max-width: 100%;
  }
  /* home 2 */
  #hotspotImg .hot-spot .tooltip {
    left: -210px;
    bottom: -115px;
  }
  .showcase2-area .showcase-slider-dot-controls {
    left: 2%;
  }
  .animated-img-area-2 .animated-img-box-2 {
    max-width: 260px;
  }

  /* home 3 */
  .showcase-follow-icon.right-align {
    right: 5%;
}
  .showcase-follow-icon.right-align {
    transform: none;
  }
  .news-area .animated-item {
    left: 5%;
  }

  .news-area .animated-item.item-2 {
    left: 90%;
  }
  .pipeline-area.style-3 .img-wrap::after {
    left: 10%;
    animation: none;
  }
  .animated-item .animate-img::after {
    animation: none;
  }

  /* home 4 */

  /* about */
  .about-us-area.style-3 .img-wrap .video-part {
    left: 75%;
  }
}

/* Extra Large Desktop: 1600px. */

@media only screen and (min-width: 1501px) and (max-width: 1680px) {
  .nav-container {max-width: 1350px;}

  .srroudlogo {width: 46%; padding: 21% 0 12% 0;}

}

/*Large Desktop: 1560px. */

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
  .nav-container {
    max-width: 1250px;
  }
  .content-container {
    max-width: 1250px;
  }

}

/*Large Desktop: 1440px. */

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .nav-container {
    max-width: 1250px;
  }
   .content-container {
    max-width: 1170px;
  }
  
  .dash-container{ max-width: 1680px; padding: 0rem 4rem;}

}

@media (min-width: 1200px){
  .content-container{max-width: 1140px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-container {
    max-width: 960px;
  }
 .content-container {
    max-width: 960px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
  .nav-container {
    max-width: 720px;
  }

}
/* small mobile: 320px. */
@media (max-width: 767px) {
  .nav-container {max-width: 100%;}
  .fogetpassbox-con{width:90%;}
  .fogetpassbox{padding: 2rem 1rem 3rem;}

  .customContainer .form-group .navbar-brand{ display:block; margin-bottom:10px; }
  .project__text{height: 93%;}

  .inside-image{max-width: 100%; height: 100%; margin-left: auto;
    margin-right: auto; border: 2px solid #e7873c;}
  .holder{background: transparent !important; border:none !important;}

}

@media (min-width: 767px){
.navbar-area .nav-container .navbar-collapse .navbar-nav li img{color: #a7a7a7;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li span{display: none;}
}

@media (max-width: 767px){
.navbar-area .nav-container .navbar-collapse .navbar-nav li span{color: #a7a7a7;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li img{display: none;}
.hidden-md{display: none;}
}

@media (min-width: 576px) and (max-width: 767px) { 
  .nav-container {max-width: 540px;}

}

@media only screen and (max-width: 767px) { 
  .mob-show{display: none!important;}
  .mob-hide{display: none;}
}

@media only screen and (min-width: 767px) { 
  .mob-show{display: block;}
  .mob-hide{display: none !important;}
}

/* Mwdium Desktop Layout */

@media only screen and (max-width: 1366px) {
  /* popup */
  .info-popup-content {
    width: 70%;
  }
  .location-popup-content {
    width: 70%;
  }
  .message-popup-content {
    width: 70%;
  }
  /* home 1 */
  .animated-img-box .img-wrap img {
    max-width: 150px;
  }
  /* home 2 */
  .showcase2-area {
    max-height: 850px;
  }

  /* home 3 */
  .news-area .animated-item {
    display: none;
  }
  .news-area .news-slider-2 .slick-prev,
  .news-area .news-slider-2 .slick-next {
    display: none !important;
  }
  /* home 4 */
  .tab-area .news-filter.home4-news-filter .animated-item {
    display: none;
  }

  /* event */
  .event-item .img-part .overlay .date-title {
    font-size: 60px;
    line-height: 80px;
  }
  .event-item .content-part .event-meta li + li {
    margin-left: 0;
    margin-top: 10px;
  }
  .event-item .content-part h5 {
    font-size: 16px;
  }
  /* about */
  .about-us-area.style-3 .img-wrap .video-part {
    transform: translate(-50%, -50%);
    left: 50%;
  }
  /* career */
  .career-item .animated-item {
    display: none;
  }
  /* research */
  .research-item .content-part {
    padding: 60px 15px 60px 50px;
  }
  .research-item .img-wrap {
    margin-right: -30px;
  }
  .animated-img-area-2 .animated-img-box-2 {
    max-width: 200px;
  }
  .research-details-area .research-details .title {
    max-width: 100%;
  }
  /* contact */
  .contact-area-2 .content-wrapper .address-wrap {
    justify-content: center;
  }
  .contact-area-2 .content-wrapper .address-wrap .info-box {
    width: 100%;
  }
  /* news */
  .news-item.style-2 .content-wrap {
    padding: 35px 15px 40px;
  }
  .news-item.style-2 .content-wrap .news-info .info-part {
    margin-left: 15px;
  }
  .news-item.style-2 .content-wrap .news-info .date-part .post-date {
    font-size: 20px;
    line-height: 30px;
    margin: auto;
  }
  /* widget */
  .sidebar_widget .instagram-images .img-wrapper {
    max-width: 80px;
    margin-right: 10px;
  }
}

/* Medium Layout: 1200px. */

@media only screen and (max-width: 1200px) {
  .mt-lg-30 {
    margin-top: 30px;
  }
  /* home 3 */
  .showcase3-area {
    max-height: 850px;
  }
  .single-product-cart-wrapper .single-product-cart {
    padding: 0 15px;
  }
  /* home 4 */
  .pipeline-area .content-wrapper.with-animated-item .animated-item {
    display: none;
  }
  .about-us-area .content-wrapper .animated-item {
    display: none;
  }
  /* research */
  section.building-pipeline-area {
    padding-bottom: 0;
  }
  .building-pipeline-area .content-part h2 {
    font-size: 40px;
  }
  section.pipeline-product-area.team-area-2 {
    padding-top: 95px;
  }
}

/* Medium Layout: 1100px. */

@media only screen and (max-width: 1100px) {
  /* menu */
  .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
    margin-left: 25px;
  }
  .navbar-area .nav-container .nav-right-content ul li {
    margin-left: 15px;
  }
}

/* Tablet Layout wide: 991px. */

@media only screen and (max-width: 991px) {
  /* common */
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }

  .md-pd-top-0 {
    padding-top: 0px;
  }
  .md-pd-top-5 {
    padding-top: 5px;
  }
  .md-pd-top-10 {
    padding-top: 10px;
  }
  .md-pd-top-15 {
    padding-top: 15px;
  }
  .md-pd-top-20 {
    padding-top: 20px;
  }
  .md-pd-top-25 {
    padding-top: 25px;
  }
  .md-pd-top-30 {
    padding-top: 30px;
  }
  .md-pd-top-35 {
    padding-top: 35px;
  }
  .md-pd-top-40 {
    padding-top: 40px;
  }
  .md-pd-top-45 {
    padding-top: 45px;
  }
  .md-pd-top-50 {
    padding-top: 50px;
  }
  .md-pd-top-55 {
    padding-top: 55px;
  }

  .md-pd-top-60 {
    padding-top: 60px;
  }
  .md-pd-top-65 {
    padding-top: 65px;
  }
  .md-pd-top-70 {
    padding-top: 70px;
  }
  .md-pd-top-75 {
    padding-top: 75px;
  }
  .md-pd-top-80 {
    padding-top: 80px;
  }
  .md-pd-top-85 {
    padding-top: 85px;
  }
  .md-pd-top-100 {
    padding-top: 100px;
  }
  .md-pd-top-110 {
    padding-top: 110px;
  }
  .md-pd-top-120 {
    padding-top: 120px;
  }
  .md-pd-top-140 {
    padding-top: 140px;
  }
  .md-pd-bottom-0 {
    padding-bottom: 0px;
  }
  .md-pd-bottom-15 {
    padding-bottom: 15px;
  }
  .md-pd-bottom-20 {
    padding-bottom: 20px;
  }
  .md-pd-bottom-30 {
    padding-bottom: 30px;
  }
  .md-pd-bottom-45 {
    padding-bottom: 45px;
  }
  .md-pd-bottom-50 {
    padding-bottom: 50px;
  }
  .md-pd-bottom-55 {
    padding-bottom: 55px;
  }
  .md-pd-bottom-60 {
    padding-bottom: 60px;
  }

  .md-pd-bottom-80 {
    padding-bottom: 80px;
  }
  .md-mr-top-0 {
    margin-top: 0;
  }
  .md-mr-top-30 {
    margin-top: 30px;
  }
  .md-mr-top-60 {
    margin-top: 60px;
  }
  .md-mr-top-70 {
    margin-top: 70px;
  }
  .md-mr-top-80 {
    margin-top: 80px;
  }
  .md-mr-bottom-0 {
    margin-bottom: 0;
  }
  .md-mr-bottom-15 {
    margin-bottom: 15px;
  }
  .md-mr-bottom-20 {
    margin-bottom: 20px;
  }
  .md-mr-bottom-25 {
    margin-bottom: 10px;
    margin-top: 50px;
  }

  .md-mr-bottom-30 {
    margin-bottom: 30px;
  }
  .md-mr-bottom-35 {
    margin-bottom: 35px;
  }
  .md-mr-bottom-40 {
    margin-bottom: 40px;
  }
  .md-mr-bottom-45 {
    margin-bottom: 45px;
  }
  .md-mr-bottom-50 {
    margin-bottom: 50px;
  }
  .md-mr-bottom-55 {
    margin-bottom: 55px;
  }
  .md-mr-bottom-80 {
    margin-bottom: 80px;
  }

  .animated-item {
    display: none;
  }

  /* widget */
  .sidebar_widget + .sidebar_widget {
    margin-top: 40px;
  }
  .sidebar_widget.border-bottom {
    padding-bottom: 40px;
  }
  /* home 1 */
  .showcase-area {
    background: url(../img/video-home-slider/main-bg.jpg) no-repeat;
    height: 100%;
    background-size: cover;
    background-position: center top -130px;
  }


  .homesilebg1{display: none;}

  .srroudlogo {width: 60%;  padding: 30% 0 15% 0;}

  .showcase-area .showcase-slider-controls {
    display: none;
  }
  .floating-icon {
    display: none !important;
  }
  .pipeline-area .content-wrapper {
    padding-left: 0;
  }

  .showcase-area .slider-content-wrap .title {
    padding: 0px 0 10px;
  }
  .about-us-area .img-wrap .animated-img {
    display: none;
  }
  .Technologies-area .animated-image-area .animated-img-box {
    left: 10%;
    top: 40%;
  }
  .Technologies-area .animated-image-area .animated-img-box.item-2 {
    left: 45%;
    top: 11%;
  }
  .Technologies-area .animated-image-area .animated-img-box.item-3 {
    left: 50%;
    top: 62%;
  }
  /* home 2 */

  .slider-content-wrap .btn-with-video {
    justify-content: center;
  }
  .showcase2-area .showcase2-main .img-part .main-img .border-img img {
    display: none;
  }
  .showcase2-area .showcase2-main .img-part .main-img .border-img::before {
    display: none;
  }
  .showcase2-area .showcase2-main .img-part .main-img .border-img::after {
    display: none;
  }
  .showcase2-area .showcase2-main .img-part .main-img {
    width: 0;
    height: 0;
  }
  .showcase2-area {
    max-height: 750px;
  }
  .showcase2-main #hotspotImg .hot-spot {
    top: 40px;
    left: -80px;
  }
  .showcase2-main #hotspotImg .hot-spot.item-2 {
    left: 80px;
    bottom: -55px;
  }
  .showcase2-main #hotspotImg {
    height: 0;
  }
  .showcase2-main #hotspotImg .hot-spot.item-2 .tooltip {
    left: 0;
    bottom: 35px;
  }
  .showcase2-main #hotspotImg .hot-spot .tooltip {
    left: 0;
    bottom: 35px;
  }
  .about-us-area.style-2 .img-wrap .animated-img {
    animation: none;
  }
  .animated-img-box .img-wrap::before {
    animation: none;
  }
  .animated-img-box .img-wrap::after {
    animation: none;
  }
  .pipeline-area.style-2 .img-wrap::after {
    animation: none;
    display: none;
  }
  .pipeline-area.style-2 .content-wrapper p {
    max-width: 100%;
  }
  .about-us-area .content-wrapper p {
    max-width: 100%;
  }
  .Technologies-area .content-wrapper .text-wrapper .sub-title {
    max-width: 100%;
  }
  .Technologies-area .content-wrapper .text-wrapper p {
    max-width: 100%;
  }
  .about-us-area.style-2 .img-wrap::before {
    display: none;
  }

  /* home 3 */
  .pipeline-area.style-3 .img-wrap::after {
    display: none;
  }
  .showcase3-area .showcase-slider-dot-controls {
    display: none;
  }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg {
    height: auto;
  }
  .showcase3-area .showcase3-main .hotspot-part .video-part {
    display: none;
  }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot {
    right: 20%;
  }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot.item-2 {
    left: 20%;
  }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot.item-3 {
    left: 50%;
  }
  #hotspotImg .hot-spot.item-2 .tooltip {
    left: 160px;
    bottom: 30px;
  }
  #hotspotImg .hot-spot .tooltip {
    left: 0;
    bottom: 30px;
  }
  .slider-content-wrap .title {
    font-size: 50px;
    line-height: 70px;
  }
  .showcase3-area {
    max-height: 750px;
  }
  .Technologies-area .content-wrapper .text-wrapper .sub-title {
    margin-bottom: 10px;
  }
  .Technologies-area.with-bg {
    background-image: unset;
  }
  .meet-team-area .meet-team-slider-controls {
    bottom: -20px;
  }
  .news-area .slick-dots {
    bottom: 30px;
  }

  /* home 4 */
  .showcase4-area .showcase4-main .img-part .img-wrap {
    max-width: 300px;
  }
  .showcase4-area {
    min-height: 840px;
    max-height: 900px;
  }
  .therapy-box {
    margin-bottom: 45px;
  }
  .therapy-box .content-wrap {
    padding-top: 15px;
  }
  .showcase4-area .showcase-slider-dot-controls {
    left: 55%;
  }

  /* footer */
  .footer-area .footer-top.style-3.style-4 {
    background-color: #14262c;
    background-image: unset;
  }
  .footer-area .footer-top {
    background-image: unset;
    background: #263534;
  }
  .footer-area .footer-top.style-2 {
    background-image: unset;
    background-color: #f6fcff;
  }
  /* about */
  .vision-area .img-part {
    text-align: center;
  }
  .vision-area .content-part {
    padding: 60px 15px;
  }
  /* faq */
  .faq-area .title {
    font-size: 35px;
    margin-bottom: 8px;
  }
  .accordion-wrapper .card .card-header a:after {
    right: 15px;
  }
  .accordion-wrapper .card .card-header a {
    padding: 14px 50px 14px 15px;
    font-size: 16px;
  }

  /* research */
  section.pipeline-product-area.team-area-2 {
    padding-top: 70px;
  }
  .building-pipeline-area .img-part .circle {
    display: none;
  }
  .building-pipeline-area .img-part {
    text-align: center;
  }
  .contact-area-2 .content-wrapper .text-wrapper {
    padding: 60px 30px 45px;
  }
  .contact-area-2 .content-wrapper .contact-from {
    text-align: center;
  }
  .focus-area {
    background: unset;
    padding-top: 0;
  }
  .focus-area .content-wrapper p {
    max-width: 100%;
  }
  /* join us */
  .join-us-area .join-us-content.left-g-style {
    background-size: cover;
    padding: 30px;
    height: auto;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1), rgba(0, 167, 244, 0.8)),
      url("../img/career/main-bg.png");
  }
  .join-us-area .join-us-content.left-g-style .left-bg {
    width: 100%;
  }
  .join-us-area .join-us-content .btn-wrapper {
    width: 100%;
  }
  .join-us-area .join-us-content.left-g-style .left-bg::after {
    display: none;
  }
  .join-us-content.left-g-style h3 {
    color: #fff;
  }
  .join-us-area .join-us-content {
    flex-direction: column;
    justify-content: center;
  }
  .join-us-area.black-effect .join-us-content .left-bg-2 {
    width: 100%;
  }
  .join-us-area.black-effect .join-us-content .subscribe-part {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .join-us-area.style-2 .join-us-content .left-bg-2 {
    width: 100%;
  }
  .join-us-area .join-us-content.team-area-join-us .left-bg-2 {
    width: 100%;
  }
  .join-us-area .join-us-content.team-area-join-us::after {
    background: rgba(21, 193, 232, 0.5);
  }

  /* menu */
  .navbar-area-fixed {
    background: #fff !important;
    box-shadow: 1px 0 2px #00000038;
  }

  /* product details */

  .single-products .product-slider-wrapper {
    flex-direction: column;
  }
  .single-products .product-slider-wrapper .slider-part {
    width: 100%;
  }
  .single-products .product-slider-wrapper .content-part {
    width: 100%;
  }
  .single-products .product-thumbnail-carousel {
    display: none;
  }

  /* cart */
  .single-product-cart-wrapper .single-product-cart {
    padding: 0 40px;
  }

  /* contact page */
  .contact-info-area .border-left {
    border-left: none !important;
    padding-left: 15px;
  }
}

/* Tablet Layout: 767px. */

@media only screen and (max-width: 767px) {
  .sm-pd-top-5 {
    padding-top: 5px;
  }
  /* home 3 */
  .Technologies-area .animated-image-area .animated-img-box.item-3 {
    top: 56%;
  }
  /* home 4 */
  /* .tab-area .button {
    margin: 0;
} */
  /* career */
  .career-item {
    padding: 30px 15px;
  }
  .career-item .date-part {
    width: 30%;
  }
  .career-item .btn-wrapper {
    width: 30%;
  }

  /* error */
  .error-area .error h1 {
    font-size: 100px;
    line-height: 120px;
  }

  .home-top-slider .homesilebgr2 .home-slider-2 .slick-dots{bottom: 100px;}
}

/* medium tablet layout 575px */

@media only screen and (max-width: 575px) {
  .mobbr{display: block;}
  /* common */
  .xs-pd-top-65 {
    padding-top: 65px;
  }
  .xs-pd-top-10 {
    padding-top: 10px;
  }
  .xs-pd-bottom-40 {
    padding-bottom: 40px;
  }
  /* popup */
  .social-icon .social-share li {
    font-size: 14px;
    width: auto;
  }
  .login-modal .modal-custom .modal-content {
    width: 70%;
  }
  .login-modal .login-form {
    padding: 60px 15px;
  }
  .social-icon.light-bg {
    padding: 50px 15px;
  }

  .breadcrumb-area .breadcrumb-inner {padding:4rem 0rem 3rem 2rem !important; 
    min-width:300px; margin-left:16%; overflow-x: hidden !important;}
  .breadcrumb-area.contact-area-breadcrumb{height: 320px !important;
      background-position: center right 140px;}


  .breadcrumb-area .breadcrumb-inner .page-title {
    font-size: 35px;
    margin-bottom: 5px;
  }
  .breadcrumb-area .page-list li {
    font-size: 16px;
  }
  .Technologies-area .animated-image-area .main-img {
    display: none;
  }
  .Technologies-area .animated-image-area .animated-img-box {
    position: relative;
    left: initial !important;
    top: initial !important;
    padding: 20px 0;
  }
  .Technologies-area .animated-image-area {
    padding: 35px 15px 40px;
    display: flex;
    flex-direction: column;
  }
  /* join  */
  .join-us-area.blue-effect .join-us-content::after {
    background: #000;
  }
  /* home 2 */
  .showcase2-area {
    max-height: 650px;
    min-height: 600px;
  }
  .showcase2-area .showcase-slider-controls {
    display: none;
  }
  .about-us-area.style-2 .img-wrap::before {
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0%;
    animation: none;
  }
  /* home 3 */
  #hotspotImg .hot-spot.item-2 .tooltip {
    width: 280px;
  }
  #hotspotImg .hot-spot.item-2 .text-with-img p {
    padding: 0 15px;
  }
  .slider-content-wrap .title {
    font-size: 40px;
    line-height: 55px;
  }
  .showcase3-area {
    max-height: 800px;
    min-height: 700px;
  }

  /* home 4 */
  .showcase4-area {
    min-height: 550px;
    max-height: 670px;
  }
  .showcase4-area .showcase-slider-dot-controls {
    left: inherit;
    right: 45px;
  }

  .client-area .client-slider .slick-prev,
  .client-area .client-slider .slick-next {
    display: none !important;
  }

  /* career */
  .career-item {
    padding: 25px 30px 30px;
    flex-direction: column;
  }
  .career-item .description-part {
    width: 100%;
  }
  .career-item .date-part {
    width: 100%;
    padding: 20px 0 30px;
  }
  .career-item .btn-wrapper {
    width: 100%;
  }
  .career-search-result-area .career-item .description-part {
    width: 100%;
  }
  .career-search-result-area .career-item .btn-wrapper {
    width: 100%;
    text-align: center;
    padding-top: 25px;
  }
  /* research */
  .research-details h2 {
    font-size: 25px;
    line-height: 35px;
  }
  .product-table table tr th {
    padding: 10px;
  }
  .product-table table tr td {
    padding: 10px;
  }

  /* contact */
  .contact-area .content-wrapper .address-wrap {
    justify-content: center;
  }
  .contact-area .content-wrapper .address-wrap .info-box {
    width: 100%;
  }
  .contact-area-2 .content-wrapper .img-wrap {
    width: 0;
  }
  .contact-area-2 .content-wrapper .text-wrapper {
    width: 100%;
  }
  /* news */
  .news-area .news-item {
    margin: 0 0 30px;
  }
  .news-item .content-wrap {
    padding: 35px 22px 40px !important;
  }
  .widget .upcoming_event_item li.single-upcoming-event-item .content .title {
    max-width: 100%;
  }
  .widget .upcoming_event_item li.single-upcoming-event-item .content .date-with-time {
    max-width: 100%;
  }
  .widget .recent_post_item li.single-recent-post-item .content .title {
    max-width: 100%;
  }
  .tab-area .button {
    font-size: 15px;
    margin: 0;
  }
  .news-item-2 .content-wrap .news-info .admin-with-date .admin-info .img-wrap {
    padding-right: 0;
  }
  .news-item-2 .content-wrap .news-info .admin-with-date .admin-info .img-wrap img {
    display: none;
  }
  .blog-details .content-wrap .news-info .admin-with-date .admin-info .img-wrap img {
    margin-right: 0;
    display: none;
  }

  .news-item-2 .content-wrap .news-info {
    flex-direction: column;
  }
  .blog-details .content-wrap .news-info {
    flex-direction: column;
  }

  .news-item-2 .content-wrap .news-info .admin-with-date {
    width: 100%;
  }
  .blog-details .content-wrap .news-info .admin-with-date {
    width: 100%;
  }
  .news-item-2 .content-wrap .news-info .post-meta {
    width: 100%;
    text-align: left;
  }
  .blog-details .content-wrap .news-info .post-meta {
    width: 100%;
    text-align: left;
  }
  .news-item-2 .content-wrap .title {
    font-size: 25px;
    line-height: 35px;
  }
  .blog-details .content-wrap .title {
    font-size: 25px;
    line-height: 35px;
  }
  .blog-details .content-wrap .img-text-box {
    flex-direction: column;
  }
  .blog-details .content-wrap .img-text-box .img-warpper {
    width: 100%;
    text-align: center;
  }
  .blog-details .content-wrap .img-text-box .text-box {
    width: 100%;
    margin-left: 0;
    margin-top: 45px;
  }

  /* event */

  .event-item {
    flex-direction: column;
  }
  .event-item .img-part {
    width: 100%;
  }
  .event-item .content-part {
    width: 100%;
  }

  /* cart */
  .product-cart-area .coupon-area .coupon-form {
    position: relative;
    width: 100%;
  }
  .cart-checkout-wrapper .cart-items-wrapper table thead tr th {
    font-size: 16px;
  }
  .cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name .product-content .title {
    font-size: 14px;
  }
  .product-quantity .quantity-count { padding: 0px 5px;}

  .cart-checkout-wrapper .cart-items-wrapper table { width: 100%; min-width: 520px;}
  .home-slider-2 p{font-size: 18px; line-height: 26px}
  .home-top-slider .homesilebgr2 .home-slider-2 .slick-dots{bottom: 20px;}
  .testi-img img{max-width: 100px; border-radius: 200px; height: 100px; width: 100px;}

  #mobile-error{display: block; width: 100%;  margin-top: 0.1rem; margin-left: 3.4rem;}
  .padding-top-110{padding-top: 30px;}
  .padding-bottom-60{padding-bottom: 30px;}
  .padding-top-60{padding-top: 30px;}
  #home-v .dropdown-menu{right: -60px;}

}

/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {
  /* menu */
  .navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler {
    right: 55px;
  }

  /* home 1 */
  .slider-content-wrap .title {
    font-size: 35px;
    line-height: 45px;
    padding-top: 5px;
  }
  .showcase-area {
    min-height: 700px;
  }

  /* home 2 */
  .slider-content-wrap .btn-with-video .btn-wrapper {
    margin-right: 60px;
  }
  .showcase2-area {
    max-height: 600px;
    min-height: 550px;
  }

  /* home 3 */
  .showcase3-area .showcase3-main .hotspot-part {
    display: none;
  }
  .showcase3-area .cus-pd {
    padding-top: 0;
  }
  .showcase3-area {
    max-height: 700px;
    min-height: 650px;
  }

  /* news details */
  .blog-details .pagination-part {
    justify-content: center;
    flex-wrap: wrap;
  }
  .blog-details .pagination-part .next {
    margin-top: 15px;
  }
  .comments-area .comment-list li ul {
    margin-left: 0;
  }
  /* research */
  .research-item .content-part {
    padding: 30px 15px 30px 30px;
  }
  .research-item .img-wrap {
    margin-right: -15px;
  }
  .research-item .content-part .title {
    font-size: 20px;
    line-height: 30px;
  }
  .building-pipeline-area .content-part h2 {
    font-size: 25px;
    line-height: 35px;
  }
  .subscribe-area .subscribe-form .submit-btn {
    min-width: 110px;
  }

  /* Product details */
  .product-description-with-review .reviews .comment-text .review-date {
    right: 0;
    display: none;
  }
  .product-description-with-review .tab-content {
    padding: 50px 15px;
  }
  .blog-details .post-quote .img-part img {
    display: none;
  }
  .blog-details .content-wrap .post-quote h4 {
    margin: 0;
  }
  .blog-details .content-wrap .post-quote {
    padding: 0;
  }
  /* cart */
  .single-product-cart-wrapper .single-product-cart {
    padding: 0 20px;
  }
}

/* mobile tablet layout 384px */

@media only screen and (max-width: 384px) {
  /* menu */
  .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    min-width: 220px;
  }
  .responsive-mobile-menu .logo-wrapper a img {
    max-width: 150px;
  }
  /* home 4 */
  .showcase4-area {
    max-height: 580px;
  }
  /* join us */
  .join-us-area.black-effect .join-us-content .subscribe-part .subscribe-form {
    margin: 0;
  }
  .join-us-area.black-effect.research-join-us-area .join-us-content {
    padding: 30px 15px;
  }
  .join-us-area .btn-wrapper .boxed-btn {
    min-width: 100px;
  }
  .join-us-area.black-effect .join-us-content .subscribe-part .subscribe-form .from-group .from-control {
    padding: 0 122px 0 15px;
  }
  .join-us-area.style-2 .join-us-content .left-bg-2 .title {
    font-size: 24px;
    line-height: 34px;
  }
  .join-us-area.style-2 .join-us-content .left-bg-2 p {
    color: #fff;
    font-size: 14px;
  }

  /* footer */
  .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li + li {
    margin-left: 10px;
  }
  .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li {
    padding-right: 10px;
  }
  /* news */
  .news-item .content-wrap {
    padding: 35px 10px 40px;
  }
  /* shop details */
  .single-products .product-slider-wrapper .content-part .cart-wrap {
    flex-wrap: wrap;
  }
  .single-products .product-slider-wrapper .content-part .cart-wrap .btn-wrapper {
    margin-top: 20px;
  }
}

/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {
  /* breadcrumb */
  .breadcrumb-area .breadcrumb-inner {
    padding: 20px;
    min-width: 200px;
  }
  .breadcrumb-area .breadcrumb-inner .page-title {
    font-size: 30px;
    line-height: 40px;
  }
  .breadcrumb-area .page-list li {
    font-size: 14px;
  }
  .breadcrumb-area .page-list li:after {
    font-size: 12px;
  }
  /* home 2 */
  .showcase2-area {
    max-height: 650px;
    min-height: 620px;
  }
  .slider-content-wrap .btn-with-video {
    justify-content: center;
    flex-direction: column;
  }
  .slider-content-wrap .btn-with-video .btn-wrapper {
    margin-right: 0;
  }
  .slider-content-wrap .btn-with-video .video-part {
    padding-top: 70px;
  }
  .slider-content-wrap .btn-with-video {
    margin-top: 30px;
  }
  /* career */
  .contact-from.style-3 {
    padding: 60px 15px;
  }

  /* news */
  .tab-area .button {
    margin: 0;
  }
  .news-item-2 .content-wrap .news-info .post-meta li {
    margin-right: 10px;
  }
  .blog-details .content-wrap .news-info .post-meta li {
    margin-right: 10px;
  }
  .news-item-2 .content-wrap .news-info .post-meta li + li {
    margin-left: 0;
  }
  .blog-details .content-wrap .news-info .post-meta li + li {
    margin-left: 0;
  }
  /* shop */
  .product-sorting .sorting-title .title {
    margin-right: 15px;
  }
  .product-sorting .select-option .nice-select {
    padding-right: 30px;
  }
  .shop-area .nice-select .option {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* cart */
  .single-product-cart-wrapper .single-product-cart {
    padding: 0 10px;
  }
  .single-product-cart-wrapper .single-product-cart .title {
    font-size: 17px;
  }
}

/* mobile tablet layout 320px */

@media only screen and (max-width: 330px) {
  /* menu */
  .navbar-area.nav-style-01 .nav-container {
    padding: 0 10px;
  }
  .navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu {
    right: 2px;
  }
  /* home 2 */
  .slider-content-wrap .btn-with-video .video-part {
    display: none;
  }
  /* team */
  .team-area-2 .title {
    font-size: 30px;
  }

  /* news */
  .widget .upcoming_event_item li.single-upcoming-event-item .thumb {
    margin-right: 10px;
  }
  .widget .recent_post_item li.single-recent-post-item .thumb {
    margin-right: 10px;
  }

  /* shop */
  .product-sorting .sorting-title .title {
    font-size: 15px;
  }
}

/* Extra Large Device (col-xl*-) */
@media (min-width: 1401px) and (max-width: 1600px) {
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.3 ;
  }
  .slider-content-wrap .title {
    font-size: 40px;
    line-height: 50px;
  }
  .about-us-area .img-wrap .main-img img {
    width: 80%;
  }
  .team-item p {
    max-width: 100%;
  }



}

/* Extra Large Device (col-xl*-) */
@media (min-width: 1201px) and (max-width: 1400px) {
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.3 ;
  }
  .slider-content-wrap .title {
    font-size: 40px;
    line-height: 50px;
  }
  .about-us-area .img-wrap .main-img img {
    width: 80%;
  }
  .team-item p {
    max-width: 100%;
  }
  .showcase2-area {
    max-height: 100vh;
    min-height: auto;
  }


}

/* Large Device: 1024px. (col-lg*-) */
@media (min-width: 992px) and (max-width: 1200px) {
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.3 ;
  }
  .slider-content-wrap .title {
    font-size: 40px;
    line-height: 50px;
  }
  .about-us-area .img-wrap .main-img img {
    width: 80%;
  }
  .team-item p {
    max-width: 100%;
  }
  .showcase2-area {
    max-height: 100vh;
    min-height: auto;
  }
  .pipeline-area.style-2 .content-wrapper p {
    max-width: 90%;
  }

  .news-item.style-2 .content-wrap .news-info {
    display: block;
  }
  .news-item.style-2 .content-wrap .news-info .info-part {
    margin-left: 0;
    width: 100%;
  }
  .news-item.style-2 .content-wrap .news-info .date-part {
    width: inherit;
    height: inherit;
    display: inline-block;
    padding: 3px 20px;
    margin-bottom: 20px;
  }
  .breadcrumb-area {
    padding: 30px 0;
  }
.counterup-area .single-counter-item .count-num {
  font-size: 28px;
}
.counterup-area .single-counter-item .title {
  font-size: 14px;
}
.breadcrumb-area .breadcrumb-inner .page-title {
  font-size: 40px;
}

}


/* Tablet: 768px. (Portrait) (col-md*-) */
@media (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.3 ;
  }
  .logo-wrapper img {
    max-width: 130px;
  }
  .slider-content-wrap .title {
    font-size: 32px;
    line-height: 50px;
  }
  .widget.footer-widget {
    margin-bottom: 50px;
  }
  .tab-none {
    display: none;
  }
  .about-us-area .img-wrap .main-img img {
    max-width: 50%;
  }
  .team-item p {
    max-width: 100%;
  }

  
  .showcase-follow-icon {
    display: none;
  }
  .showcase2-area {
    max-height: 100vh;
    min-height: auto;
  }
  .tab-area .button {
    margin: 5px 3px;
  }
  .news-item.style-2 .content-wrap .news-info {
    display: block;
  }
  .news-item.style-2 .content-wrap .news-info .info-part {
    margin-left: 0;
    width: 100%;
  }
  .news-item.style-2 .content-wrap .news-info .date-part {
    width: inherit;
    height: inherit;
    display: inline-block;
    padding: 3px 20px;
    margin-bottom: 20px;
  }
  .about-us-area.style-2 .img-wrap img {
    width: 50%;
  }
  .pipeline-area.style-2 .img-wrap img {
    width: 50%;
  }
  .showcase3-area {
    max-height: 100vh;
    min-height: auto;
  }
  .news-item.style-3 .content-wrap .date-with-writter {
    display: block;
  }
  .news-item.style-3 .title {
    font-size: 20px;
  }
  .contact-area-2 .content-wrapper .img-wrap {
    width: 0%;
  }
  .contact-area-2 .content-wrapper .text-wrapper {
    width: 100%;
  }
  .news-item .content-wrap .published-date {
    margin-bottom: 0;
  }
  .contact-area-2 .btn-wrapper .boxed-btn {
    background: var(--heading-color);
  }
  .contact-area-2 .content-wrapper .contact-from {
    max-width: 100%;
  }
  .showcase4-area {
    min-height: auto;
    max-height: 100vh;
  }
  .showcase4-area .showcase-slider-dot-controls {
    left: 0;
    right: 0;
    bottom: 60px;
    transform: inherit;
  }
  .breadcrumb-area {
    padding: 30px 0;
  }
  .breadcrumb-area .page-list li {
    margin-bottom: 0;
  }
.counterup-area .single-counter-item .count-num {
  font-size: 28px;
}
.counterup-area .single-counter-item .title {
  font-size: 14px;
}


}

/* small mobile: 320px. */
@media (max-width: 767px) {
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
    line-height: 1.6;
  }
  h6 {
    font-size: 14px;
    line-height: 1.6;
  }
  h2,
  h3,
  h4 {
    line-height: 1.3 ;
  }
  .mobile-none {
    display: none;
  }
  .showcase-area {
    min-height: 600px;
  }
  .slider-content-wrap .title {
    font-size: 24px;
    line-height: 35px;
  }
  .slider-content-wrap p {
    font-size: 14px;
  }

  .widget.footer-widget {
    margin-bottom: 50px;
  }
  .back-to-top {
    right: 15px;
    bottom: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
  }
  .responsive-mobile-menu .logo-wrapper a img {
    max-width: 120px;
  }
  .about-us-area .img-wrap .main-img img {
    max-width: 50%;
  }
  .team-item p {
    max-width: 100%;
  }
  .showcase-follow-icon {
    display: none;
  }
  .showcase2-area {
    max-height: 100vh;
    min-height: auto;
  }
  .tab-area .button {
    margin: 5px 3px;
  }
  .news-item.style-2 .content-wrap .news-info {
    display: block;
  }
  .news-item.style-2 .content-wrap .news-info .info-part {
    margin-left: 0;
    width: 100%;
  }
  .news-item.style-2 .content-wrap .news-info .date-part {
    width: inherit;
    height: inherit;
    display: inline-block;
    padding: 3px 20px;
    margin-bottom: 20px;
  }
  .about-us-area.style-2 .img-wrap img {
    width: 50%;
  }
  .pipeline-area.style-2 .img-wrap img {
    width: 50%;
  }
  .showcase3-area {
    max-height: 100vh;
    min-height: auto;
  }
  .news-item.style-3 .content-wrap .date-with-writter {
    display: block;
  }
  .news-item.style-3 .title {
    font-size: 20px;
  }
  .contact-area-2 .content-wrapper .img-wrap {
    width: 0%;
  }
  .contact-area-2 .content-wrapper .text-wrapper {
    width: 100%;
  }
  .news-item .content-wrap .published-date {
    margin-bottom: 0;
  }
  .contact-area-2 .btn-wrapper .boxed-btn {
    background: var(--heading-color);
  }
  .contact-area-2 .content-wrapper .contact-from {
    max-width: 100%;
  }
  .showcase4-area {
    min-height: auto;
    max-height: 100vh;
  }
  .showcase4-area .showcase-slider-dot-controls {
    left: 0;
    right: 0;
    bottom: 60px;
    transform: inherit;
  }
  .breadcrumb-area {
    padding: 30px 0;
  }
  .breadcrumb-area .page-list li {
    margin-bottom: 0;
  }
.team-area-2 .title {
  font-size: 22px;
}

.career-item {
  display: block;
  padding: 25px 15px 30px;
}
.career-item .description-part {
  width: 100%;
}
.career-item .date-part {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
.research-item {
  display: block;
}
.border-right-top-35 {
  border-radius: 0 20px 0 0;
}
.research-item .content-part {
  padding: 30px 15px 30px 15px;
  width: 100%;
}
.join-us-area.black-effect .join-us-content .subscribe-part .subscribe-form .from-group .from-control {
  padding: 0 10px 0 10px;
}
.join-us-area.black-effect .join-us-content .subscribe-part .btn-wrapper {
  margin: 20px 0 0;
  position: relative;
}
.subscribe-area .subscribe-form .form-group .form-control {
  padding-right: 10px;
  padding-left: 15px;
}
.subscribe-area .subscribe-form .submit-btn {
  position: relative;
  height: 50px;
  margin-top: 20px;
}
.widget .recent_post_item li.single-recent-post-item .thumb {
  width: 70px;
  height: auto;
}
.blog-details .content-wrap .news-info .admin-with-date {
  width: 100%;
  display: block;
}
.blog-details .content-wrap .news-info .admin-with-date .admin-info {
  display: block;
}
.blog-details .content-wrap .news-info .admin-with-date .date-part {
  padding-left: 0;
}
.blog-details .content-wrap .post-quote h4 {
  font-size: 18px;
}
.blog-details .content-wrap .title {
  font-size: 20px;
}
.comments-area .comment-list li .single-comment-wrap .thumb {
  margin-right: 0;
  max-width: 60px;
}
.comments-area .comment-list li .single-comment-wrap .thumb img {
  border-radius: 0;
}
.widget .upcoming_event_item li.single-upcoming-event-item .thumb {
  width: 80px;
  height: auto;
}
.blog-details .content-wrap .news-info .admin-with-date .admin-info .img-wrap img {
  margin-bottom: 10px;
}


}

@media (min-width: 767px) {
.tabsmobiles{display: none;}
}

@media (max-width: 800px) {
.tabsmobiles{width:100%; position: fixed; bottom: 0px; left:0px; background:#000000;}
.tabsmobiles ul{margin:0px; padding:0px; text-align:center;}
.tabsmobiles ul li{position: relative; display:inline-block; width:48%; padding: 18px 0px; margin:0px;}
.tabsmobiles ul li a{padding: 18px 0px;}
.tabsmobiles:before{content: ""; width: 100%; height: 3px; position: absolute;
  z-index:1; top:0; background:linear-gradient(180deg, #f58220 0%, #fab61d 100%);}

.tabsmobiles ul li:first-child{border-right: 1px solid #2f2f2f; line-height: 1px;}
.tabsmobiles ul li:last-child{border-left: 1px solid #2f2f2f; line-height: 1px;}
ul.navside{display: none;}
}


@media (min-width: 320px) and (max-width: 480px){
.project__thumb::before{    width: 106%; display: none;}
.testi-img:before{display: none;}
.copyright-area{    padding: 1rem 1rem;}
.copyright-area .footer-logo{text-align: center;margin-bottom: 10px;}
.copyright-area .col-lg-8.text-right{text-align: center !important;}
.join-us-area .join-us-content h3{font-size: 26px;}
.join-us-area .join-us-content {padding: 15px 0px;}
.LoginPage_wrapper__14--Z .LoginPage_container__3rswS {width: 90% !important;}
.LoginPage_wrapper__14--Z .LoginPage_tabContent__2IxCy{padding: 20px !important;}
.padding-top-125{    padding-top: 100px;}
.md-pd-top-80 {padding-top: 30px;}
.padding-bottom-100 {padding-bottom: 50px;}
.homesilebgr2{height: 540px !important;}
.project__thumb img{width: 100%;background: #eee;padding: 15px;}
.project.mb-60{    margin-bottom: 15px;}
.contentbox{    padding: 2rem 2rem;    margin-top: -50px;}
.breadcrumb-area .breadcrumb-inner .page-title{    font-size: 28px;}
ul.navside{display: none;}
.product-information .nav-tabs .nav-item{    width: 100%; text-align: center;}
.dash-container .col-lg-3-md {max-width: 100%;flex: 0 0 100%;}
.dash-container .col-lg-6-md {max-width: 100%;flex: 0 0 100%;}
.btn-outline-primary{width: 100%;margin-left: 0;margin-top: 10px;}
.home-top-slider {width: 83%;}

.homeslidebelo p{width: 100%; font-size: 20px; padding-top: 8%; line-height: 28px;}

.homeslidebelo_2 p{width: 100%; font-size: 20px; padding: 10% 0px 8% 0px; line-height: 30px;}
.home-slider-2 h5{font-size: 28px;}
.section-title h2{font-size: 35px;}
.mb-60{margin-bottom: 30px;}


.news-area .news-item {margin: 0 0 30px;padding: 0px 8px 0px 8px;}
.news-item .content-wrap .testext{font-size: 18px; line-height: 24px;}
.news-item .content-wrap h5{font-size:18px; line-height:26px;}
.news-area .slick-next {right: 5px;}
.news-area .slick-prev {left: 5px;}
.ProfileForm_wrapper__2cf9P .form-group{    flex-basis: inherit;}
.ProfileForm_wrapper__2cf9P .form-group .react-datepicker-wrapper input{    margin-top: -35px;    float: right;}
.skills-categories-popup .modal-dialog {width: 97%;
    margin: 5em auto;max-width: inherit;}

 .skills-categories-popup .modal-header{width: 100%;padding-top: 80px;}   
.skills-categories-popup .modal-body {width: 100%;float: left;display: block;padding: 10px 0;}
.dash-top-section-bx {margin-left: 0px;margin-right: 0px;}
.would-you-top-bx{width: 100%;}
.would-you-top-bx ul li {
    display: inline-block;
    width: 100%;
    float: left;
    padding-left: 0px;
}
.would-you-top-bx ul li a{width: 100%;}
.dash-row-box .profile-left-3 {
       max-width: 91%;
    flex: 0 0 91%;
    z-index: 9;
    margin-left: 20px;
    margin-right: 20px;
}
.dash-row-box .profile-lg-9 {
    max-width:92%;
    flex: 0 0 92%;
    margin-right:15px;
    margin-left: 15px;
    z-index: 9;
}

.Back-btn-dash{display: none;}
.connection-mid-section{padding: 0px;}
.connection-tab-top-bx .tab-list li {
       display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    padding-left: 10px;
}
.connection-tab-top-bx .tab-list li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    left: 0px;
    top: 36px;
   
}
.connection-tab-top-bx .tab-list li a{padding: 5px 10px 5px 30px;font-size: 16px;}
.connection-tab-top-bx .tab-list li a.myConnections:after{left: 0px;}
.connection-tab-top-bx .tab-list li a.connectionsReceived:after{left: 0px;}
.connection-tab-top-bx .tab-list li a.connectionsSent:after{left: 0px;}
.connection-tab-top-bx .tab-list li a.connectionsBlocked:after{left: 0px;}
.breadcrumbs ul{margin-bottom: 10px;margin-top: 10px;}
.ul-conn-list li {width: 100%;float: left;margin-right: 15px;}
.would-you-top-bx.top-section-dash{width: 95%;}
.login-sign-box .login-right-box{width: 90%;}
.login-sign-box .login-left-box{width: 100%;}
.text-left-login {padding: 30px;margin-top: 0px;}
.text-left-login h4{font-size: 26px;margin-bottom: 10px;}
.login-sign-box .login-left-box .text-left-login p{font-size: 15px;}
.forgot-and-resend-bx{    display: flow-root;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    float: left}

.login-sign-box .login-right-box.sign-mx-box{width: 90%;}
.login-right-box.sign-mx-box .login-section .form-container .form-group.gender{text-align: left;}
.dash-row-box .profile-lg-6{    max-width: 100%;flex: 0 0 91%;}
.create-opp-box{    display: flow-root;}
.create-left-bx {
    width: 100%;
    float: left;margin-left: 0px;}
.create-left-bx a{margin-left: auto;margin-right: auto;}
.create-right-bx{    padding: 30px 0px;padding-right: 0px;float: left;width: 100%;}
.dash-req-bx{    margin-bottom: 15px;}

.oppo-left-bx {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000;
}
.Opportunities-section-dash{margin-bottom: 15px;}
.coll-req-item .req-view-btn{    padding: 7px 20px;    font-size: 14px;
    margin-right: 10px;}
.oppo-right-bx{width: 100%;padding-left: 0px;}
.experiance-top-bx{width: 100%;}
.experiance-box{display: block;margin-bottom: 20px;}
.experiance-box .experiance-title{    width: 100%;
    margin-bottom: 10px;}
.experiance-box .experiance-title h6:before {
    width: 15px;
    height: 15px;

    right: 50%;
    top: 25px;

}
.experiance-box .experiance-title h6{text-align: center;border-radius: 20px;}
.experiance-box .center.mr {margin-right: 0px;margin-bottom: 5px;}
.custom-select-wrapper{    width: 99%;}
.intrest-row-bx{padding: 0px;display: block;}
.app .card .card-contents .options-group form .row .form-group{min-width: 100% !important;}
.app .card .card-contents .options-group{    margin-top: 0px !important;}
.form-wizard .form-wizard-steps{    margin: 15px 0;}
.form-wizard .form-wizard-steps li{    margin-bottom: 0;}
.skills-section-bx{    padding: 15px;}
.your-self-box{    width: 100%;}
.form-wizard .form-wizard-steps li span{height: 50px;width: 50px;}
.form-wizard .form-wizard-steps li span img{width: 26px;}
.thnk-left{width: 100%;}
.thanku-profile-bx{width: 95% !important;margin-top: 10px;border-radius: 5px;}
.thnk-right{    width: 100%;}
.thanku-profile-bx{    width: 100%;}
.switch-profile.project-details-modal {
    overflow: auto !important;padding-left: 15px !important;padding-right: 15px;
   }
.switch-profile.project-details-modal .modal-dialog{width: 100%;}
.switch-profile.project-details-modal .modal-body {padding-right: 15px;padding-left: 15px;}
.switch-profile.project-details-modal .switch-cat-box h5{font-size: 18px;}
.connection-tab-top-bx .tab-list li a.ongoingColl:after{left: 0px;}
.collab-Received-box .project-title-bx {clear: both;padding: 15px 10px;}
.collab-edit-box .dropdown-menu.show{left: 96px !important;}
.collab-sent-box .project-title-bx {clear: both;padding: 15px 10px;}
.connection-tab-top-bx .tab-list.opportunity-tab-list li a.connectionsReceived:after{
      left: 9px;
}
.connection-tab-top-bx .tab-list.opportunity-tab-list li a.ongoingColl:after{    left: 16px;}

.opport-recevid-box {
    display: block;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 15px 15px 15px;
    background-color: #1f1f1f;
    border-radius: 15px;
    float: left;
}
.opport-item-1 {
    width: 100%;
    float: left;    margin-bottom: 5px;
}
.opport-item-1 label{    font-size: 14px;    line-height: 20px;}
.opport-item-1 .styled-checkbox{width: 35px;}
.opport-item-2 {width: 50%;float: left;}
.opport-item-3 {width: 28%;float: left;padding-top: 10px;}
.opport-item-4 {width: 15%;float: left;padding-top: 10px;}
.oppr-right-aside .oppr-right-box1{    width: 190px;}
.oppr-right-aside{margin-top: 20px;}
.box-btm-main .left-tgt-bx {width: 100%;float: left;}
.box-btm-main .right-tgt-bx {width: 100%;float: left;}
.title-info-bx .title-info-left{width: 100%;}
.title-info-bx .title-info-right {width: 100%;float: left;margin-bottom: 12px;}
.navbar-area.nav-style-01 .nav-container .navbar-collapse {position: absolute;top: 25px;right: 00px;}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {min-width: 100%;}
.pattern {width: 100% !important;line-height: 1;position: relative;margin-right: 120px;}

.opportunity-top-section{display: flow-root;padding: 20px 20px;}
.opportunity-top-section .title-info-left {width: 100%;float: left;}
.opportunity-top-section .title-info-right {width: 100%;float: left;}
.opportunity-top-section .title-info-left h5{font-size: 16px;}
.chat-box-header{display: flow-root;}
.chat-box-header .name-chat-box {width: 100%;padding-left: 5px;}
.chat-box-header .time-chat-box {width: 100%;padding-left: 5px;}
.footer-chat-box{padding: 10px 20px;}
.massg-body-box .massg-text-bx {padding: 20px 20px 10px 20px;}
.attech-file-music-bx li{margin-right: 0px;margin-bottom: 10px;}
.create-opp-box.dash-create-opp-box .create-left-bx{text-align: center;}
.Opportunities-request-bx.opport-request-new .oppo-right-bx:before {
    position: absolute;content: '';
    width: 100%;height: 4px;background: #1c1c1c;
    top: 27px;left: 0px;}

.Opportunities-request-bx.opport-request-new .oppo-right-bx {
    padding-top: 30px;margin-top: -30px;position: relative;}
.create-opp-box.dash-create-opp-box .icon-right-opp-bx{width: 100%;}
.create-opp-box.dash-create-opp-box ul li{width: 100%;}
.create-opp-top .left-opp-width{width:100%;display: block;}
.create-opp-top .left-box-opp-img {margin-right: 10px;width: 15% !important;float: left;}
.left-box-opp-title {width: 82%;float: left;}
.create-opp-top .left-box-opp-title h4{font-size: 22px;}
.create-opp-top .left-box-opp-title p{font-size: 14px;}
.create-opp-top .right-opp-width {width: 40%;float: right;margin-bottom: 10px;}
.create-opportunity-form{    padding: 20px}
.create-opportunity-form form {width: 100%;}
.budget-main-box .budget-input-bx{display: block;}
.budget-main-box .budget-input-bx .b-first-bx {width: 100%;margin-right: 10px;margin-bottom: 5px;}
.create-opportunity-form form .form-group input[type="text"]{margin-bottom: 5px;    width: 100%;}
.form-group.time-bound-bx{display: block !important;}
.create-opportunity-form form .form-group label{margin-top: -10px;}
.time-bound-bx .date-cal input{width: 100%;margin-left: 0px;margin-top: 30px;}
.form-group.time-bound-bx .d-flex {display: block !important;}
.cret-opp-bootom-bx ul li{    width: 100%;}
.profile-row .profile-left-3 {
    max-width: 92%;
    flex: 0 0 92%;
    margin-top: 20px;
    z-index: 9;
    margin-left: 15px;
    margin-right: 15px;
}

.profile-row .profile-lg-6 {
    max-width: 92%;
    flex: 0 0 92%;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 20px;
    z-index: 9;
}
.row-skill-list ul li{    padding: 3px 10px;}
.search {
    padding-bottom: 30px;
    width: 100%;

}


}