@media(min-width:1601px){
    .section__banner .banner__content__wrapper .banner__contents {
        max-width: 1024px;
        background-image: url(../images/banner-bg.jpg);
        background-color: #2680eb;
        background-position: center;
        background-size: cover;
        padding: 60px 70px 100px;
        margin-left: 15%;
        position: relative;
    }

    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        color: #ffffff;
        font-size: 56px;
        font-weight: bold;
        /* line-height: 100px; */
    }
}




@media (max-width:1600px) {
    
    .apply__now__link,
    .section__about .about__inner .about__contents .apply__now__link {
        padding: 20px 78px;
        font-size: 21px;
        bottom: -39px;
    }
    .section__banner .text-center img {
        width: 65%;
        margin-top: 20px;
    }
    .bg__image {
        background-size: 32%;
    }
    .design__transform2 {
        left: 32%;
    }
    .design__transform3 {
        left: 45%;
    }
    .design__transform4 {
        left: 51%;
    }

    .section__internship__process .process__contents .process__block__wrapper .process__block {
        height: 123px;
        width: 123px;
      
    }
}

@media (max-width:1440px) {
    .main__inner__section::after {
        width: 80%;
        background-size: 75%;
        height: 80%;
    }
    .main__inner__section h5 {
        font-size: 24px;
    }
    .main__inner__section h6 {
        font-size: 18px;
    }
    .img__background {
        width: 90%;
    }
    .bg__image {
        background-size: 32%;
    }
    .section__achievement h2 {
        font-weight: 750;
        font-size: 65px;
    }
    .section__achievement h4 {
        font-weight: 750;
        font-size: 24px;
    }
    .img__position {
        left: 75%;
    }
    .section__banner .banner__content__wrapper .banner__contents {
        max-width: 850px;
        padding: 54px 58px 70px;
        margin-left: 14%;
    }
    .main__inner__section .main__image {
        position: absolute;
        height: 94%;
        width: 55%;
        bottom: -25%;
        left: -15%;
    }
    .section__about .about__inner>div:first-child {
        min-width: 44%;
    }
    .section__about {
        padding: 35px 0px 100px;
    }

    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        color: #ffffff;
    font-size: 56px;
        font-weight: bold;
        line-height: 86px;
    }

    .banner__content__wrapper .banner__img {
    
        left: 13%;
    }
}

@media (max-width: 1366px) {
    .intern-left-section .intern-form-wrapper .form__content .form-control {
        height: 54px;
        padding: 12px 16px;
    }
    .intern-left-section .intern-form-wrapper .form__content .custom-selects .icon {
        position: absolute;
        top: 25px;
        right: 27px;
    }
    .intern-left-section .intern-form-wrapper .form__content .custom-selects .icon img {
        max-width: 13px;
    }
    .main__inner__section::after {
        width: 80%;
        background-size: 70%;
        height: 80%;
    }
    .main__inner__section h5 {
        font-size: 24px;
    }
    .main__inner__section h6 {
        font-size: 18px;
    }
    .section__achievement h2 {
        font-weight: 750;
        font-size: 50px;
    }
    .section__achievement h4 {
        font-weight: 750;
        font-size: 22px;
    }
    .section__banner .banner__content__wrapper .banner__contents {
        max-width: 850px;
        padding: 65px 60px 80px;
    margin-left: 15%;
    }

    .main-title::before {
      
        letter-spacing: 2px;
        transform: translate(162%, 140%);
    }
    .main__inner__section .main__image {
        position: absolute;
        height: 94%;
        width: 55%;
        bottom: -25%;
        left: -15%;
    }
    .img__background {
        width: 90%;
    }
    .img__position {
        left: 75%;
    }
    .section__about .about__inner>div:first-child {
        min-width: 44%;
    }

    .main-title {
        font-size: 80px;
        color: #2680eb;
        position: relative;
        font-weight: 800;
        letter-spacing: 28px;
    }

    .banner__content__wrapper {
        margin: 45px 0 140px;
       
    }
}

@media (max-width: 1199px) {
    .bg__image {
        background-size: 45%;
    }
    .navbar .navbar-nav li {
        margin-right: 30px;
    }
    .navbar .navbar-nav .nav-link {
        font-size: 16px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 56px;
    }
    .section__banner .banner__content__wrapper .banner__contents p {
        font-size: 22px;
    }
    .apply__now__link {
        padding: 23px 70px;
        font-size: 20px;
    }
    .main__inner__section {
        background-size: 63%;
    }
    .design__transform2 {
        top: 13%;
    }
    .design__transform3 {
        left: 46%;
        top: 38%;
    }
    .design__transform4 {
        left: 54%;
        top: 67%;
    }
    .alignment__text::before {
        bottom: -55px;
    }

    .main-title::before {
               font-size: 33px;
                letter-spacing: 6px;
        transform: translate(70%, 140%);
    }

    .main-title {
        font-size: 90px;
               letter-spacing: 17px;
    }

  

}

@media(max-width:1024px){
    .section__banner .banner__content__wrapper .banner__contents {
   
        padding: 40px 60px 60px;
        margin-left: 7%;
    }
    
    /* .section__banner .banner__content__wrapper .banner__contents::before {
        position: absolute;
        content: '';
        height: 90%;
        width: 60%;
        background-color: rgba(38, 128, 235, .1);
        top: 68px;
        right: -40px;
    }
    
    .section__banner .banner__content__wrapper .banner__contents::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 70%;
        background-color: rgba(38, 128, 235, .1);
        top: -36px;
        left: -50px;
        z-index: -1;
    } */
}

@media (max-width: 991px) {
    .section__banner .banner__content__wrapper .banner__contents {
        margin-left: 10%;
    }
    .navbar {
        height: auto;
        padding: 22px 30px;
    }
    .navbar .navbar-brand {
        margin: 0;
    }
    .navbar .navbar-nav li {
        margin-right: 0;
    }
    .alignment__text {
        text-align: center;
    }
    .main__inner__section {
        background-image: none;
    }
    .bg__image {
        background-image: none;
    }
    .social {
        height: 49px;
        width: 49px;
        padding: 10px;
    }
    .section__about .about__inner {
        flex-wrap: wrap;
    }
    .section__internship__process .process__contents .process__block__wrapper .process__block {
        height: 110px;
        width: 110px;
        margin: auto;
    }
    .section__internship__process .process__contents .step__count__wrapper {
        height: 60px;
        width: 60px;
        top: -32px;
        left: -10px;
    }
    .banner__content__wrapper .banner__img {
        left: 1%;
        bottom: -35px;
        width: 40%;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header {
        padding: 0px 29px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 46px;
    }
    .section__banner .banner__content__wrapper .banner__contents p {
        font-size: 18px;
        padding: 10px 15px;
    }
    .section__about .about__inner .about__contents .apply__now__link {
        font-size: 17px;
        padding: 20px 50px;
        bottom: -32px;
    }
    .design__transform1 {
        top: 24%;
        left: 11%;
    }
    .design__transform2 {
        left: 57%;
        top: 22%;
    }
    .design__transform3 {
        top: 76%;
        left: 18%;
    }
    .design__transform4 {
        top: 76%;
        left: 50%;
    }
    .main__inner__section {
        min-height: 400px;
    }
    .apply__now__link {
        font-size: 24px;
    }
    .alignment__text::before {
        right: 25%;
    }
    .main__inner__section::after {
        background-image: none;
    }
    .error404-img {
        width: 60%;
        padding: 40px 16px;
    }
}

@media (max-width: 768px) {
    .section__banner .text-center img {
        margin-top: 30px;
    }
    .paid__internship {
        top: -20px;
        padding: 2px 30px;
    }
    .section__internship__process .process__inner h3 {
        font-size: 30px;
    }
    .section__achievement h4 {
        font-size: 17px;
    }
    .section__internship__process .process__contents .step__count__wrapper {
        left: 30%;
    }
    .section__internship__process .process__contents .process__block__wrapper>span {
        font-size: 16px;
    }
    .section__about .about__inner .about__img__wrapper::before {
        left: 0;
    }
    .intern-left-section .intern-form-wrapper .form__content .attachment__section {
        flex-direction: column;
    }
    .intern-left-section .intern-form-wrapper .form__content .attachment__section .text-wrapper {
        margin-left: 0;
        margin-top: 15px;
        text-align: center;
    }
    .btn-wrapper {
        margin: 0;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .about__footer__inner {
        padding-bottom: 15px;
    }
    .paid__internship {
        top: -13px;
        font-size: 14px;
    }
    .btn-wrapper>.btn {
        margin: 0;
    }
    .btn-wrapper>.btn:first-child {
        margin-bottom: 15px;
    }
    .intern-right-section .result {
        padding: 15px 20px;
    }
    .intern-right-section .result .jobs .date-place li::after {
        height: 15px;
        top: 6px;
    }
    .intern-left-section .intern-form-wrapper .form__content .form-control {
        height: 42px;
        padding: 8px 16px;
    }
    .intern-left-section .intern-form-wrapper .form__content .custom-selects .icon {
        top: 8px;
        right: 15px;
    }
    .btn {
        min-height: 46px;
        font-size: 16px;
    }
    .intern-right-section .section-header {
        padding: 22px 20px;
    }
    .intern-left-section .intern-form-wrapper .form__content .form-control {
        font-size: 14px;
    }
    .intern-info {
        background-color: #FFFFFF;
        padding: 25px 20px;
    }
    .intern-info .detail h5,
    .intern-info .detail p {
        font-size: 16px;
    }
    .job-qualities {
        padding: 5px 20px;
    }
    .job-qualities .table tr td {
        padding: 15px 0;
    }
    .social {
        height: 37px;
        width: 37px;
        margin-right: 20px;
        padding: 10px;
        margin-bottom: 15px;
    }
    .result {
        padding: 0;
    }
    .search-result-wrap .result-header {
        padding: 25px 20px;
    }
    .search-accordation .card .card-header .btn-link {
        font-size: 16px;
    }
    .search-accordation .card .card-header {
        padding: 10px 20px;
    }
    .search-accordation .card .card-header .btn-link .icon-side img {
        max-width: 13px;
    }
    .refine-search .search-box,
    .refine-search h4 {
        padding: 20px;
    }
    .refine-search .search-box .search-box-outer .form-control {
        padding: 10px;
        height: 46px;
    }
    .intern-left-section .date-place {
        flex-wrap: wrap;
        margin: 17px 0;
    }
    .intern-left-section .date-place li {
        margin-bottom: 10px;
    }
    .intern-left-section .intern-form-wrapper .form__content .form-control {
        margin-bottom: 0px;
    }
    .section__achievement h2 {
        font-size: 35px;
    }
    .section__internship__process .process__contents {
        flex-wrap: wrap;
    }
    .section__internship__process .process__contents .process__block__wrapper {
        flex-basis: 45%;
        margin: 20px 0 30px 10px;
    }
    .about__footer__inner>p, .about__footer__inner>a  {
        font-size: 15px;
        padding: 5px;
    }
    .section__internship__process .process__contents .process__block__wrapper::before {
        width: 71%;
        left: 67%;
    }
    .section__internship__process .process__contents .process__block__wrapper:nth-child(2)::before {
        transform: rotate(148deg);
        left: -52%;
        width: 108%;
        top: 104%;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header {
        padding: 0px 26px;
    }
    .section__banner .banner__content__wrapper .banner__contents {
        margin-left: 2%;
    }
    .section__banner .banner__content__wrapper .banner__contents {
        padding: 20px 30px 40px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 35px;
        line-height: 70px;
    }
    .section__banner .banner__content__wrapper .banner__contents p {
        font-size: 14px;
        padding: 14px 20px;
        margin: 14px 0 14px;
    }
    .section__about .about__inner .about__contents .apply__now__link {
        font-size: 13px;
        padding: 15px 40px;
        bottom: -23px;
    }
    .section__about .about__header h3 {
        font-size: 20px;
    }
    .section__about .about__inner .about__texts p {
        font-size: 15px;
    }
    .apply__now__link {
        padding: 14px 51px;
        font-size: 18px;
        margin-bottom: 20px;
        border-radius: 8px;
    }
    .main-title {
        font-size: 62px;
    padding: 30px 0 0px 0px;
    letter-spacing: 18px;
    }
    .main-title::before {
        transform: translate(55%, 140%);
    }
    .section__banner .banner__content__wrapper .banner__contents {
        max-width: 706px;
    }

    .section__banner .banner__content__wrapper .banner__contents::before {
      
        right: -30px;
    }

    .banner__content__wrapper .banner__img {
        left: 4%;
        width: 31%;
    }
    .main__inner__section h5 {
        font-size: 18px;
    }
    .img__background {
        width: 75%;
        padding: 20px;
    }
    .img__position {
        left: 68%;
    }
    .design__transform1 {
        top: 24%;
        left: 8%;
    }
    .design__transform2 {
        left: 60%;
        top: 22%;
    }
    .design__transform3 {
        top: 75%;
        left: 16%;
    }
    .design__transform4 {
        top: 75%;
        left: 53%;
    }
    .main__inner__section {
        min-height: 265px;
    }
    .alignment__text {
        text-align: center;
        margin: 0;
    }
    .alignment__text::before {
        right: 25%;
        bottom: -27px;
        width: 120px;
        height: 120px;
    }
    .apply-btn-brief {
        padding: 16px 56px;
        text-transform: uppercase;
        font-size: 22px;
        text-align: center;
        font-weight: 600;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    .success-bg {
        margin-top: 160px;
        padding: 30px;
    }
    .success-bg h2 {
        font-size: 28px;
    }
    .success-bg h5 {
        font-size: 16px;
    }

    .result .jobs a, .result .jobs a.result-list {
        font-size: 14px !important;
        padding: 20px;
    }
    .banner h2 {
        margin-bottom: 0px;
      
    }
}

@media (max-width: 576px) {
    .section__internship__process .process__contents .step__count__wrapper {
        left: 15%;
    }
    .section__internship__process .process__contents .process__block__wrapper:nth-child(2)::before {
        transform: rotate(135deg);
    }
    .design__transform1,
    .design__transform3 {
        left: 10%;
    }
    .design__transform2,
    .design__transform4 {
        left: 55%;
    }
    .img__position h5,
    .img__position h6 {
        font-size: 15px
    }
    .img__background {
        padding: 20px;
        width: 70%;
    }
    .img__position {
        left: 60%;
    }
    .alignment__text {
        margin-top: 25%;
    }
    .main__inner__section {
        min-height: 240px;
    }
    .section__banner .banner__content__wrapper .banner__contents::before {
        top: -29px;
        left: -21px;
        width: 102%;
    }
    .banner__content__wrapper {
        margin: 14px 0 166px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 56px;
        line-height: 60px;
    }
    .main-title {
        font-size: 46px;
        letter-spacing: 6px;
    }
    .main-title::before {
        transform: translate(20%, 200%);
        font-size: 18px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header {
        padding: 0px;
    }
    .section__banner .banner__content__wrapper .banner__contents {
        /* padding: 38px 15px 2px; */
        margin-left: 0%;
        height: calc(100vh - 185px);
    }
    .section__internship__process .process__contents .process__block__wrapper .process__block {
        height: 90px;
        width: 90px;
        padding: 20px;
        margin: auto;
    }
    .apply-btn-brief {
        padding: 16px 56px;
        text-transform: uppercase;
        font-size: 24px;
        text-align: center;
        width: 100%;
        font-weight: 600;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    .success-bg {
        margin-top: 120px;
        padding: 30px;
    }
    .thank-you-img,
    .error404-img {
        width: 100%;
        padding: 40px 16px;
    }
    .success-bg h2 {
        font-size: 24px;
    }
    .success-bg h5 {
        font-size: 14px;
    }

    .intern-left-section .intern-form-wrapper h4 {
            padding: 20px 16px;
    }

    .intern-left-section .intern-form-wrapper .form__content .required-text {
        
        font-size: 14px;
               margin-left: 16px;
        margin-bottom: 11px;
    }
    .open-available{
        max-width: 100%;
    }

    .banner__content__wrapper .banner__img {
        left: 16%;
        width: 57%;
        top: 35vh;
    }

    .section__banner .banner__content__wrapper .banner__contents .contents__inner {
        
        align-items: center;
       
    }

    .section__achievement{
        margin-top: 25px;
    }
}



@media (max-width: 425px) {
    .banner__content__wrapper .banner__img {
        left: 7%;
    width: 78%;
        bottom: 0;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 40px;
        line-height: 53px;
    }

    .section__banner .banner__content__wrapper .banner__contents .banner__header h2 {
      
        font-size: 54px;
       
    }

    .paid-badge {
       
        font-size: 18px;
        
    }

    .section__banner .banner__content__wrapper .banner__contents .contents__inner {
        
        align-items: center;
       
    }
    .section__banner .banner__content__wrapper .banner__contents p {
        font-size: 12px;
        padding: 8px 8px;
        margin: 8px 0 8px;
    }
    .apply__now__link {
        padding: 9px 36px;
        font-size: 14px;
        margin: 10px 0;
        border-radius: 4px;
    }
    .py-4 {
        padding-bottom: 0.5rem!important;
    }
    .apply-btn-brief {
        padding: 16px 56px;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
        width: 100%;
        font-weight: 600;
        border-radius: 4px;
        transition: all 0.3s ease;
    }
    .img__background {
        padding: 18px;
        width: 65%;
    }
    .img__position h5,
    .img__position h6 {
        font-size: 16px;
    }
    .design__transform1,
    .design__transform3 {
        left: 8%;
    }
    .design__transform2,
    .design__transform4 {
        left: 54%;
    }
    .img__position {
        left: 58%;
    }
    .success-bg {
        margin-top: 30px;
        padding: 30px;
    }
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .banner__content__wrapper {
            margin: 14px 0 91px;
        }

        .banner__content__wrapper .banner__img {
            left: 3%;
            width: 86%;
            top: 33vh;
            bottom: 0;
        }
     }


@media (max-width: 320px) {
    .main-title {
        font-size: 36px;
        letter-spacing: 6px;
    }
    .main-title::before {
        transform: translate(20%, 140%);
        font-size: 14px;
    }
    .section__banner .banner__content__wrapper .banner__contents .banner__header h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .section__banner .banner__content__wrapper .banner__contents .banner__header h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .paid-badge {
        font-size: 14px;
    }
    .section__banner .banner__content__wrapper .banner__contents p {
        font-size: 10px;
        padding: 5px 8px;
        font-weight: 500;
        border-radius: 4px;
        margin: 8px 0 6px;
    }
    .paid__internship {
        top: -20px;
        font-size: 14px;
    }
    .apply__now__link {
        padding: 9px 36px;
        margin-bottom: 10px 0;
        border-radius: 4px;
    }
    .section__about .about__inner .about__contents {
        padding: 24px;
    }
    .img__background {
        padding: 15px;
        width: 60%;
    }
    .img__position h5,
    .img__position h6 {
        font-size: 14px;
    }
    .design__transform1,
    .design__transform3 {
        left: 5%;
    }
    .design__transform2,
    .design__transform4 {
        left: 50%;
    }
    .img__position {
        left: 54%;
    }
    .success-bg {
        margin-top: 30px;
        padding: 1px;
    }
    .opensright {
        left: 22!important;
    }
}