@media screen and (min-width: 1025px) {
        /* search result */
        .search-heading.explore .mobdisplay, #tabsmobnav, .countmobile, .different-avatar .aboutmobimg, .showabtmobile{display: none;}
        .search-heading.explore img{display: block;}
        #mobile_search_apply_modal{display: none !important;}        
}
@media screen and (max-width: 1024px) {
    /* login */
    .signin{display: block;}
    .signin .user-details{width: 100%; max-width: 100%;}
    .signin .welcome-back{display: flex; height: 80vh; justify-content: center; align-items: center; flex-direction: column;}
    .signin .image{display: none;}
    .signin .welcome-back .form-group{margin: 9px 0px;}
    .sidenav.open{width: 100%;}
    .signin.signup .welcome-back{height: 100vh;}
    .set-newpassword::after, .set-newpassword::before{background: none;}
    .signin .welcome-back .form-group.gender-current-job{ margin: 8px 0 -10px 0;}
    .signin .welcome-back .form-group.gender-current-job .col-lg-6{ margin-bottom: 16px; }
    .set-newpassword::after, .set-newpassword::before{display: none;}
    .set-newpassword.otp .welcome-back {margin: auto; flex-direction: initial;}

    /* search */
    .modal.search-job .modal-body h3{font-size: 32px; line-height: 44px;}
    .modal.search-job .modal-body{padding: 12px;}
    .modal.search-job .modal-body .search-result, .modal.search-job .modal-body .heading{width: 100%; max-width: 100%;}
    .modal.search-job .modal-body .heading{flex: 0 0 100%;}
    .modal.search-job .btn-close, .modal.apply-job .btn-close, .speaker-popup .btn-close{background: url('../images/mobilebtnclose.png') no-repeat; position: inherit; width: 18px; height:18px}
    .modal.apply-job .btn-close:before, .modal.apply-job .btn-close:after{display: none;}
    .modal.search-job .modal-header{margin:25px 0px 25px;}
    #subscription_order_form br{display: none;}
    .modal.search-job .modal-body p{font-size: 16px; line-height: 28px;}
    /* .modal-header .btn-close::before,  .modal-header .btn-close::after{display: none;} */

    .search-result .right-panel {display: none;}
    .search-result .left-panel{ width: 100%; max-width: 100%; flex:auto;}
    .right-panel .job-description .last-date li:first-child { width: 100%; }
    .right-panel .job-description .last-date {border-bottom: 1px solid #D3D3D3;  }
    .right-panel .job-description .last-date li{margin-bottom: 16px;  }
    .right-panel .job-description .apply{margin-top: 20px;  }
    #mobile_search_apply_modal h2{text-align: left; margin-bottom: 16px; font-size: 32px; line-height: 32px;}
    #mobile_search_apply_modal{padding-right: 0px !important;}
    .right-panel table tr td{width:50%; display: inline-block; padding-bottom: 25px !important; vertical-align: top;}
    .modal.apply-job .modal-dialog{margin: 0px; width:100%;}
    .modal.apply-job .modal-body{padding: 12px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
    .modal.apply-job.right-panel .modal-body{padding: 12px; position: inherit; top: 0%; left: 0%; transform: unset; width: 100%;}
    #mobile_search_apply_modal .company-profile{margin-bottom: 10%;}
    .modal.apply-job.show{background-color: #ffffff; padding-right: 0px;}
    .search-area {padding: 20px; }
    .search-area .row > .form-group{width: 100%; max-width: 100%;}
    .search-area .row > .form-group ~ .form-group{width: 50%;}
    .search-area .col{width: 50%; flex: none;}
    .search-area input, .search-area select{margin: 8px 0px; font-size: 14px;}
    .search-area .form-group{max-width: 100%;}
    .search-result .location ul li{margin-top:7px}

    /* jobs */
    .search-heading.explore .mobdisplay{display: block; margin: 0 auto;}
    .search-heading.explore img{display: none;}
    .search-heading.explore{background-color: #F9EFEB}
    .search-heading.explore h1{font-size: 32px; line-height: 40px;}
    .search-heading.explore span{font-size: 12px;}
    .search-heading.explore .content{width: 100%; margin-bottom: 10%;}
    .jobs-list span{margin-left: 12px;}
    .jobs-list .nav-link.active{border-bottom: none;}
    .jobs-list .nav-link{ padding: 0px 12px 0px;}
    
    /* diversity */
    .diversity-text-content{max-width: 100%;}
    .diversity-text-content h4{font-size: 12px; letter-spacing: 2px;}
    .diversity-text-content h1{font-size: 24px; line-height:32px; width: 100%;}
    .celebrate{padding: 70px 16px;}
    .celebrate h4{font-size: 28px; line-height: 32px; }
    .celebrate .description p{font-size: 15px; line-height: 24px;}
    .engage-empower{padding: 40px 16px;}
    .masonry .item{margin: 0px auto 20px auto;}
    .engage-empower .view-all{margin-top: 40px;}

    .diversity-container1{display: block; margin: 20px auto 30px auto;}
    .celebrate h4{margin: 0px; }
    .celebrate .heading{padding-right: 0px; border-right: none;}
    .celebrate .heading, .celebrate .description{width: 100%; float: none;}
    .celebrate .heading img{margin: 32px 20px 32px 0px;}
    .diversity-text-content p:last-child{margin-bottom: 30px;}

    /* home */
    .banner{padding: 30px 0px 50px 0px;}
    .banner>img, .banner.bg-lightpeach img{display: none;}
    .banner .banner-content{position: inherit;}
    .empowering{padding: 50px 20px;}
    .companies {padding: 50px 20px;}
    .opportunity .locations{justify-content: space-around;}
    .opportunity .single-location{margin-bottom: 25px;}
    .different-avatar h4{font-size: 16px; width: auto;}
    .different-avatar span{font-size: 12px;}
    .different-avatar .content{padding: 20px 0px;}
    .different-avatar .single-avatar:nth-of-type(2){background-position: center;}

    /* about */
    .banner .aboutus-banner-content, .banner.bg-lightpeach{position: inherit;}
    .banner .aboutus-banner-content p{font-size: 12px; letter-spacing: 1px; margin-bottom: 0px;}
    .banner .aboutus-banner-content h1{font-size: 32px; line-height: 40px; font-weight: 500;}
    .banner .aboutus-banner-content p:last-child{font-size: 15px;}
    .engaging-today-content{font-size: 32px; line-height: 40px; }
    .engaging-myavtar-text{font-size: 19px; font-weight: 600; }
    .engaging-today-container, .engiging-right-side{padding: 0px 15px;}
    .aboutus-centerline{margin-top: 0px;}
    .aboutus-ourteam{padding: 40px 0px;}
    .aboutus-ourteam h4, .engage-empower h4{font-size: 18px;}
    .engage-empower h4{margin-bottom: 40px;}
    .ourteam-1 h3{font-size: 15px;}
    .ourteam-1 p{font-size: 14px;}
    .media-full-section { padding: 0px; }
    .media-img1 a{font-size: 16px; line-height: 28px;}
    .media-img1{padding: 0px 15px;}
    .media-img1 img{width: 50%;}
    .mdfit{margin-left: 0px !important;}
    .different-avatar .aboutmobimg{display: block;}
    .aboutdeskimg{display: none;}

    /*skill up */
    .header.light-header{background-color: #F9EFEB;}
    .event-curve span, .webinar-banner-inner span, .akn-banner span{font-size: 12px; letter-spacing: 1px;}
    .event-curve h2, .skill-title h2, .akn-banner-row h2{font-size: 32px; line-height: 40px;}
    .akn-event-curve img{padding-top: 30px;}
    .event-curve.wings-curve{position: inherit; padding-top: 20px; height: auto;}
    .skill-wrapper .container{padding: 0px 15px; max-width: 100%;}
    .skill-slider .container{max-width: 100%;}
    .event-curve.wings-curve::after, .event-curve.wings-curve::before{display: none;}
    .skill-slider .justify-content-center{margin: 0;}
    .engage-empower-videos, .engage-empower-counselling{padding: 45px 15px;}
    div#displayloadedvideos{justify-content: center;}
    .skill-blog-1, .skill-blog-2{width: 95%; margin: auto 15px;}
    .skill-blog-1{font-size: 14px; line-height: 22px;}
    .skill-blog-2{font-size: 24px; line-height: 32px; font-weight: 500;}
    .blog-img1 img {border-radius: 0;  }
    .skill-blog-section3{padding: 20px 15px; font-size: 16px; line-height: 24px;}
    .skill-blog-section3 p, .skill-blog-section3 li{padding: 15px 0px; margin: 0px;}
    .webinar-content .container{max-width: 100%; width: 90%; margin: auto;}
    .platform .webinar span{margin-bottom: 10px;}
    #videoModal{background-color: #000;}
    iframe#modal-video{width: 100%;}
    .speaker-popup {background-color: #fff;}
    .col-md-8.col-12.upenrollsuccess-popup{padding-left: 0px;}
    .instructormob h6,.akn-banner p{font-size: 15px;}
    .instructormob h1{font-size: 20px;}
    .webinar-banner-inner h2 { font-size: 32px; }
    section.webinar-banner{padding: 40px 10px;}
    .event-wrapper .container, .akn-event-curve .container{max-width: 100%; padding: 0px 15px;}
    .webinar-reg .text-center { text-align: left;  }
    .webinar-reg  .purple-button {margin: 30px 0px 20px 0px;}
    .event-wrapper .event-registration-content{border-top: 1px solid #E3EBFF;}
    .webinar-inner-content h4{margin-top: 30px;}
    #Webinar-Enrollment .register-title{font-size: 24px;}
    #Webinar-Enrollment .modal-dialog{padding: 0; max-width: 100%;}
    .register-popup-myaccount{width: 100%;}
    .modal.apply-job .btn-close{background-color: transparent;}
    .modal.apply-job .modal-header{top: 10px; right: 10px; position: fixed;}
    #mobile_search_apply_modal .modal-content{margin-top: 10px;}
    #mobile_search_apply_modal .modal-header{position: initial; padding: 24px 30px 0px 0px;}

    /* events */
    .event-content .row{margin: 0;}
    .card-pastevents img{object-fit: cover;}
    .event-wrapper .container-fluid.speakerDetails{padding: 0px 0px 15px 0px;}
    .event-wrapper .pastevents-container{width: 50% !important; text-align: left;}
    .event-wrapper .moreevents-container{width: 50% !important; text-align: right;}
    .event-overview-sidebar .expo-title{font-size: 24px;}
    .event-overview-sidebar .d-flex{display: inline-block !important;}
    .event-wrapper .container-fluid.speakers-section{padding: 15px 0px 15px 0px;}
    .event-overview-sidebar .d-flex.align-items-center.mb-4.gap-2{padding-right:15px;}
    .event-wrapper .event-details-content p{font-size: 16px; line-height: 24px;}
    .speakers-section h1{font-size: 20px; line-height: 20px;}
    .event-wrapper .purple-button{font-size: 13px; font-weight: 600;}
    .agenda-header{margin: 25px 0px;}
    .speaker-popup h1{font-size: 20px;}
    .speaker-popup h5{font-size: 15px;}
    .speaker-popup .align-items-center{align-items: initial !important;}

    /* companies */
    #inclusive .container, #women .container, #featured-companies .container, .container.supporting, #about .container, #jobs .container, #diversity .container, #additional .container, .event-stats .container{max-width: 100%; padding: 0px 15px;}
    .tab-bottom-images-2{ margin: 24px 0px; text-align: center;}
    .study-text{font-size: 20px; line-height: 28px;}
    .akn-banner-left, .akn-banner-right{display: none;}
    .compbanner{display: block; margin-top: 35px;}
    .akn-banner-inner{justify-content: center;}
    .company-box .location-meta, .location-meta span, .engage-empower-masonry .location-meta{display: block;}
    .location-meta span{margin-bottom:5px;}
    .engage-empower-masonry .location-meta span img, .supporting .location-meta span img{margin-right: 5px;}
    .supporting .company-info h4{font-size: 15px;}
    .about-row{color: #303030;}
    .about-row .col-12.col-sm-10{margin: 40px 0px;}
    .event-info>span{font-size: 13px;}
    .event-info h3{font-size: 28px; font-weight: 300;}
    .col-12.col-sm-5.event-info{margin-left: 0px;}
    .event-stats{padding: 0px;}
    .video-thumbnail-container{width: 160px;}
    .play-button{font-size: 30px;}
    .event-image-wrap{position: relative; width: 130px; height: 130px; margin-left: 0; margin-bottom: 20px;}
    .col-12.col-sm-5.event-info{width: 100%; border-bottom: 1px solid #EDD5BF; }
    .event-stats .location-meta{margin-bottom: 20px;}
    .col-12.col-sm-5.event-winners{margin: 15px 0px;}
    .event-info:after{display: none;}
    section.jobs-list{padding: 0px !important;}

    .skill-blog-container h1{font-size: 24px; width: 100%;}
    .skill-blog-section3{width: 100%; margin-left: 0px;}
    .skill-blog-container li,  .skill-blog-container p{line-height: 24px !important; font-size: 16px;}
    footer, .bottom-footer{padding: 32px 24px;}
    
    .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border: 1px solid #9F9F9F;}
}
@media screen and (max-width: 900px) {
    .employer-flex{display: block;}
    .employer-flex .aboutus-centerline{display: none;}
    .engaging-diversity-text, #counselling .skill-up-content{width: 100%;}
    .engaging-today-content, .engaging-myavtar-text{width: 100%; height: auto; display: block;}
    .engaging-today-container, .engiging-right-side{padding: 0px 15px;}
    .opportunity.bg-lightpeach{padding: 32px 0px;}
    .counselling-paragraph{width: 90%; float: none; margin: auto;}
    .get-connected{width: 100%; float: none; border-radius: 0px; padding: 40px 16px 40px 16px;}
    #counselling .tab-content-wrap.py-5,  #counselling .skill-up-content.py-md-5{padding-bottom: 0px !important;}
    .counselling-contant{margin-top: 0;}
    .instructormob, .speakermob{display: block; width: 48%; float: left; text-align: left;}
    .speaker-popup-image img{ width: 45%; float: left;}
    .speaker-popup .upenrollsuccess-popup h1, .speaker-popup .upenrollsuccess-popup h6,  .speakerdesk, .speaker-popup-image::after{display: none;}
    .speakermob{margin-left: 10px;}
    .speaker-popup .col-md-8{width: 100%;}
}
@media screen and (min-width: 769px) {
    .showonmobile{display: none;}
    .nav-tabs li{display: block;}
}
@media screen and (max-width: 768px) {
    body.modal-open{padding-right: 0px;}
    .header {padding: 15px;}
    .signin .logo, .otpheader .header{display: none;}

    /* home */
    .different-avatar .single-avatar:nth-of-type(even){margin-top: 0px;}
    .banner .banner-content h1{font-size: 40px; line-height: 44px;}
    .banner .banner-content p{font-size:16px; line-height: 24px;}
    .different-avatar{margin-top: 0px;}
    .different-avatar .arrow{width: 10px; height: 10px;}
    .different-avatar .arrow::before{height: 10px; top:-2.5px}
    .opportunity h2{font-size: 32px; line-height: 40px; width: 100%; padding-bottom: 40px;}
    .opportunity .expertise ul li a{padding: 8px 12px; font-size: 12px; }
    .opportunity .nav-tabs{margin-bottom: 40px;}
    .opportunity .nav-link:first-child{margin-right: 3rem;}
    .companies h4{font-size: 18px;}
    .engage-empower  .item2 { grid-row: span 16; }
     
    .competitive-content{display: initial;}
    .competitive-advantage{width: 100%; height: auto; padding: 10px 20px;}
    .competitive-left{display: none;}
    .showabtmobile{display: block; margin:50px auto 0px auto}
    .competitive-tagline{width: 100%; line-height: 40px; color: #E3EBFF;}
    .competitive-right{margin-left: 0px; text-align: center;}
    .aboutus-ourteam h4{margin-bottom: 0px;}

    .media-full-section{display: block;}
    .media-img1 a{width: 100%;}
    .media-img1{align-items: center;}

    .skill-title, .skill-content{width: 100%;}
    .skill-title::after{display: none;}
    .counselling-item1{grid-row: span 16;}
    .engage-empower-counselling .masonry-counselling .item{margin: auto;}
    .engage-empower-counselling .masonry-counselling .content span.date{font-size: 11px;}
    .engage-empower-counselling .masonry-counselling h5{font-size: 14px;}
    .engage-empower-counselling .masonry-counselling p{font-size: 13px;}
    body .filterable-past-events{margin: auto; width: 90%;}
    .event-registration-main h3{font-size: 20px; margin: 24px 0px;}
    .eventt .bottom-curve-text .col-sm-4{width: 100%;}
    .eventt .event-curve{position: inherit;}
    .evntmobile{display: block; margin: auto;}
    .evntdesktop, .events-filter-row .col-12.col-sm-4{display: none;}
    .eventt .curve-image {margin-bottom: 30px; }
    .eventt .bottom-curve-text h4 {font-size: 18px; margin-top: 10px;  }
    .featcomp .event-image-wrap{margin-top: -65px;}
    .past-events .row.events-filter-row, .past-events .col-12.col-sm-8{padding: 0;}

    #inclusive .col-sm-2, #inclusive .col-sm-7, #inclusive .col-sm-3, #women .col-sm-2, #women .col-sm-7, #women .col-sm-3{width: 100%; }
    .tab-bottom-image{text-align: center;}
    .tab-bottom-image img{max-height: 300px;}
    .tab-bottom-images-2 img:first-child{margin-right: 10px;}

    .event-stats .location-meta{column-gap: 8px;}

    /* search result */
    .search-heading {padding: 20px; }
    .search-heading h1{ font-size: 18px;}

    .modal.apply-job.thankyou .modal-content, .modal.apply-job.thankyou .modal-dialog{height: auto;}
    .modal.apply-job .btn-close{background-color: transparent;}    

    .showonmobile{display: block;}
    .jobs-list .nav-tabs li, .featured-tabs .nav-tabs li, .featured-tabs .nav-tabs a, .jobs-list .nav-tabs a, .tab-heading, .past-event-filters button{display: none !important;}
    section.featured-tabs .nav{justify-content: inherit;}
    .countmobile{color: #fff; font-size: 14px; margin: 10px;  display: block; font-weight:400}
    select.showonmobile{background-color: #03298C; color: #fff; width: 100%; height: 50px; font-size: 18px; border: none; margin-bottom: 10px;  =
        appearance: none; -webkit-appearance: none;  -moz-appearance: none;
         background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 8l8 8 8-8"/></svg>'); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;}
    select.showonmobile:focus {border: none;background-color: #03298C; color: #fff; width: 100%; outline: none;  }
    select.showonmobile option { color: #718DD7; }
    select.showonmobile option:checked, .events-filter-row button.active { color: #fff; background-color: transparent; outline: none;}
    .selector option:hover{background-color: transparent;}

    /* .tab-heading, .past-event-filters button{display: none !important;}
    .countmobile{color: #fff; font-size: 14px; margin: 10px;  display: block; font-weight:400; float: left;}
    #tabsmobnav, #tabsmobevent{float:right; position: absolute; right:0px}
    #tabsmobnav img{position: relative; right:10px;}
    .jobs-list #tabsmobnav img{bottom: -20px;}
    .featured-tabs #tabsmobnav img{bottom: -50px;}
    .featured-tabs #tabsmobnav.upskll img{bottom: -35px;}
    section.featured-tabs .nav{justify-content: inherit;}    
    .featured-tabs .nav-tabs a, .jobs-list .nav-tabs a, .past-event-filters button{display: none; float: none; width: 100%; text-align: left; line-height: 32px;} */
    .engagement.row a.job_view_trigger {
        display: block !important;
    }

   /*  .featured-tabs .nav-tabs a.active, .jobs-list .nav-tabs a.active, .past-event-filters button.active{display: block;}
    .featured-tabs .nav-link.active:after, .jobs-list .nav-link.active:after, .events-filter-row button.active:after{border-bottom: none !important;}
    .featured-tabs .nav-tabs .nav-link.active, .jobs-list .nav-tabs .nav-link.active{border-color: transparent;}
    .nav-tabs a{font-size: 18px !important; color: #718DD7;}
    .nav-tabs a.active{font-size: 20px; color: #fff;} */
    .past-event-filters {background-color: #03298C;  color: #fff; width: 100%; height: 50px; }
    .jobs-list nav{padding: 20px 0px;} 

    .right-panel.myprofile .functional-area .duration, .right-panel.myprofile  .functional-area  .col-lg-6, #career1 .form-group, .form-group.annual-align, #career1{padding: 0px !important;}
    .select-box.city-align:after{top:16px; right:30px}

    /* footer */
    .bottom-footer{text-align: center;}
    .bottom-footer .site{padding-top:24px; width: 100%;}
    form#profilejobseer .modal-body {
        position: unset;
        transform: none;
    }
    div#jobregister .modal-header{
        z-index: 10;
    }
    div#jobregister .document-attachment{
        margin-top: 50px;
    }
}
@media only screen and (max-width:800px) {
    .event-wrapper .col-md-6, .event-wrapper .col-md-4{width: 100%;}
    .event-details-sidebar::after{display: none;}
}
@media only screen and (max-width:990px) and (min-width:801px) {
    .event-wrapper .col-md-6{width: 45%;}
    .event-wrapper .col-md-4{width: 40%;}
    .event-wrapper .col-md-4.speaker-popup-image{width: 33.333333%;}
}
@media only screen and (max-width:768px) and (min-width:601px) {
    .search-result .nav-tabs .heading span{width: 360px;}
    .jobs-list .nav-tabs{width: 80%; display: block;}
    .jobs-list .nav-link{margin-right: 65px !important; padding: 0px 12px 0px;}
    .opportunity .single-location{ width: 20.6rem;  max-width: 20.6rem; flex: 0 0 20.6rem; }
    .opportunity .single-location .image{height: 20.6rem;}
    .upcoming-events .col-12.col-sm-4{width: 100%;}
    .container.supporting .col-12.col-sm-4{width: 50%;}
}

@media screen and (max-width: 600px) {
    .jobs-list .nav-tabs{ width: 100%; text-align: left;}
    .divdesktop{display: none;}
    .divmobile{display: block; width: 100%;}
    .different-avatar.about-extra-v .divmobile{width: auto;}    
    .signin .welcome-back{width: 100%; max-width: 100%; flex: 0 0 100%}
    .set-newpassword.otp .welcome-back {width:95%; max-width: 95%;}
   
}
@media screen and (min-width: 601px) {
    .divdesktop{display: block;}
    .divmobile{display: none;}   
}
@media screen and (max-width: 680px) {
    .search-result .nav-tabs li .image { width: 90px; }
    ul.last-date{width: 100%;}
    .skill-video-promo a { display: inline-block; margin-bottom: 10px; }
    iframe#modal-video{height: 300px;}
    .video-thumbnail-container{width: 100px;}
    .play-button{font-size: 20px;}
    .search-result .nav-tabs>li{width: 100%;}

    /* footer */
    footer .signup{width: 100%; max-width: 100%; flex:unset}
    .diversity.footdiver{width:30rem; max-width: 30rem; /* flex:0 0 30rem; */ margin: 20px 0px;}
    .diversity.footlast{width:39rem; max-width: 39rem; flex:0 0 39rem; margin: 20px 0px;}
    .diversity.footdiver > ul li{ width: 15rem; float: left; }
    .diversity.footlast > ul li  { width: 13rem; float: left; }
    footer .footer-menu{padding-bottom: 24px;}
    .bottom-footer .logo{display: none;}
    footer .bottom-footer span{display: inline-block;}

}
@media only screen and (max-device-width: 1024px) and (orientation : landscape) {
    .signin .welcome-back, .signin.signup .welcome-back{margin: 10% 0%; display: block; height: auto;}
    .banner-section{height: 50vh;}
    .aspmobile{display: none;}
    .aspdesktop{display: block;}
}
@media only screen and (max-device-width: 1024px) and (orientation : portrait) {
    .modal.apply-job.thankyou .modal-body{/* margin-top:25%; */ height: auto;}
    .banner-section{height: 25vh;}
    /* .aspmobile{display: block; margin: auto;} */
    /* .aspdesktop{display: none;} */
}
@media only screen and (max-device-width: 740px) and (min-device-width: 421px) and (orientation : landscape) {
    .different-avatar .single-avatar{width: 18.8rem; max-width: 18.8rem; flex: 0 0 18.8rem;}
}
@media only screen and (max-device-width: 800px) and (min-device-width: 741px) {
    .different-avatar .single-avatar{width: 24.8rem; max-width: 24.8rem; flex: 0 0 24.8rem;}
}
@media only screen and (max-device-width: 900px) and (min-device-width: 769px) and (orientation : landscape) {
    .different-avatar .single-avatar{width: 15.8rem; max-width: 15.8rem; flex: 0 0 15.8rem;}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 901px){
    .different-avatar .single-avatar{width: 17.8rem; max-width: 17.8rem; flex: 0 0 17.8rem;}
}
@media only screen and (max-device-width: 767px) and (min-device-width: 421px) and (orientation : portrait) {
    .different-avatar .single-avatar{width: 17.8rem; max-width: 17.8rem; flex: 0 0 17.8rem;}
}

@media screen and (max-width: 420px) {
    .search-result .awards li{margin-bottom: 14px;}
    footer .diversity{width:10rem; max-width: 10rem; flex:0 0 10rem; margin: 20px 0px;}
    .diversity.footlast{width:35rem; max-width: 35rem; flex:0 0 35rem; margin: 20px 0px;}
    .diversity.footlast > ul li{width: 11rem;}
    footer .diversity h5{font-size: 15px;}
    .search-result .nav-tabs li .image{width:50px; }
    .empowering .platform .webinar, .platform .google, .platform .virtual{width: 90%; float: none; margin:20px auto;}
    .platform .virtual{max-width: 90%; flex: 0 0 90%; }
    .ourteam-1 {width: 42%; display: inline-block; margin: 0px 15px 10px 0px;  }
    .outteam-section{display: block;}
    .ourteam-1:nth-child(2n) { margin-right: 0px; }
    .container-videos, .container-counselling{max-width: 100%;}    
    .best-women .col-6{width: 50% !important;}
    .tab-bottom-images-2 img{width: 47%;}
    #featured-companies .masonry{-webkit-column-count: 1; -moz-column-count:1; column-count: 1;}
    .opportunity .single-location{ width: 11.6rem;  max-width: 11.6rem; flex: 0 0 11.6rem; }
    .opportunity .single-location .image{height: 11.6rem;}
    .past-col{margin-bottom: 25px;}
    .location-meta span{font-size: 12px;}
    .set-newpassword.otp input.form-control { width: 50px;  }
}

@media screen and (max-width: 320px) {
    .diversity.footlast > ul li{width: 13rem;}
    .diversity.footlast, .diversity.footdiver{width:29rem; max-width: 29rem; flex:0 0 29rem; margin: 20px 0px;}
    .diversity.footdiver > ul li{width: 14rem;}
    .search-result .nav-tabs li .content{width: 175px;}
    .jobs-list .nav-link{margin-right: 0px; padding: 0px 10px 0px;}
    .different-avatar .single-avatar{width:9.8rem; max-width: 9.8rem; flex: 0 0 9.8rem;}
}

@media only screen and (max-width:680px) and (min-width:421px) {
    .jobs-list .nav-link{margin-right: 80px; padding: 0px 12px 0px;}
    #featured-companies .masonry{-webkit-column-count: 2; -moz-column-count:2; column-count: 2;}
    #featured-companies .masonry .item{width: 250px;}
    .opportunity .single-location{ width: 16.6rem;  max-width: 16.6rem; flex: 0 0 16.6rem; }
    .opportunity .single-location .image{height: 16.6rem;}
    
}
@media only screen and (max-width:830px) and (min-width:421px) {
    .jobs-list .nav-link{margin-right: 80px; padding: 0px 12px 0px;}
    .card-pastevents-cont .col-12 {width: 50%;}
    .past-col, .upcoming-events .event-block{width: 48%; vertical-align: top; display: inline-block; margin-bottom: 3rem;}
    .past-col:nth-child(odd) { margin-right: 9px; }
    .best-women .col-6{width: 33% !important;}
}
@media only screen and (max-width:1024px) and (min-width:421px) {
   .empowering .platform .webinar, .platform .google, .platform .virtual{width: 42%; margin:20px;}
    .platform .virtual{max-width: 42%; flex: 0 0 42%; }
    .location-meta span{font-size: 14px;}
}
@media only screen and (max-width:419px) and (min-width:321px) {
    .jobs-list .nav-link{margin-right: 20px;}
}
@media only screen and (max-width:380px) and (min-width:321px) {
    .different-avatar .single-avatar{width: 11.8rem; max-width: 11.8rem; flex: 0 0 11.8rem;}  
}
@media only screen and (max-width:420px) and (min-width:381px) {
    .different-avatar .single-avatar{width: 13.8rem; max-width: 13.8rem; flex: 0 0 13.8rem;}  
}
@media only screen and (max-width:768px) and (min-width:420px) {
    .ourteam-1 {width: 29%; display: inline-block; margin: 0px 15px 10px 0px;  }
    .ourteam-1:last-child { margin-right: 0px; }
    
}

@media only screen and (max-width:1024px) and (min-width:769px) {
    .signin .image{display: none;}
    .jobs-list nav{padding: 30px 0px 30px 0px;}
    .media-img1 .medialastimg{width: 25%;}
    .featcomp .event-image-wrap{top: -65px;}
    .col-12.col-sm-5.event-info{margin: 0% -20% 0% 0px;}
}
@media only screen and (max-width:900px) and (min-width:769px) {
    .opportunity .single-location{ width: 12.6rem;  max-width: 12.6rem; flex: 0 0 12.6rem; }
    .opportunity .single-location .image{height: 12.6rem;} 
  
    .col-12.col-sm-5.event-info{margin: 0% -20% 0% 0px;}
}
@media screen and (max-width: 1200px) and (min-width:681px) {
    .search-result .nav-tabs>li{width: 48%;}
    .search-result .nav-tabs li .image{width: 50px;}
    .search-result .nav-tabs>li:nth-child(odd){margin-right: 15px;}
}
@media screen and (max-width: 900px) and (min-width:681px) {
    #featured-companies .masonry{-webkit-column-count: 3; -moz-column-count:3; column-count: 3;}
    #featured-companies .masonry .item{width: 230px;}
}
@media screen and (max-width: 1200px) and (min-width:901px) {
    #featured-companies .masonry{-webkit-column-count: 3; -moz-column-count:3; column-count: 3;}
    #featured-companies .masonry .item{width: 280px;}
    .col-12.col-sm-5.event-info{width: 80% !important;}
    .opportunity .single-location{ width: 13.8rem;  max-width: 13.8rem; flex: 0 0 13.8rem; }
    .opportunity .single-location .image{height: 13.8rem;}
}

@media (max-width: 767px) {
   .homepagebanner{
    margin-bottom: 2rem;
   }
}