@media only screen and (min-height:1600px) {
    .banner-section .banner-inr .left{max-width:50rem;  }
    .banner-section .banner-inr { min-height: 800px; background-size: 68rem!important;}
    .banner-section .banner-inr .left .sub-bx{ max-width: 27rem; margin-left: 3rem;}
    .fortune-favors .bottom-part .right .txt-box:before{ top: -96%; left: -5rem;}
    .fortune-favors .top-part{max-width: 52.1rem;}
    .common-content-bx.step-4 .bottom-part{max-width: 56.5rem!important;}
    .reward-system .sticky{min-height:70vh;}
    .reward-system .horizontal { height: 70rem!important;}
    .reward-system .mobile-screens-part { height: 65.1rem!important; background-size: 70%!important; background-position-x: 26rem;}
    .reward-system .mobile-screens-part .item { height: 63.6rem!important; width: 28.5rem!important;}
    .reward-system .mobile-screens-part .item:last-child { height: 56.6rem!important; width: 33.6rem!important;}
    .challenges-section .bottom-part .right .item-content:before{width: 3.6rem;
        height: 3.6rem; border: .8rem solid #C6DAFD; outline:none; left: -1.7rem;}
    .trending-section .bottom-part .cmn-bx{max-width:22rem;}
    .left-rightsection .image-part .image-hover-bx{ bottom: -13rem!important;}
  

}

@media only screen and (min-width:2100px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1660px;}
    html { font-size: 72.5%;}
    .final-result-section .bottom-section .right:after { left: -43%;}
    .challenges-section .bottom-part .left .item-image { width: 100%;}
    .banner-section .banner-inr { background-size: 86.8rem;  background-position-y: 0rem;}
    .reward-system .mobile-screens-part { background-size: 72%;}   

}

@media only screen and (max-height:900px){
    .reward-system .horizontal { bottom: 6rem;}
}

@media only screen and (max-width:1600px){
    .final-result-section .bottom-section .right { right: 39%;}
    .reward-system .mobile-screens-part { height: 50.1rem;}
    .reward-system .horizontal { height: 55rem; bottom: 3rem;}
    .reward-system .mobile-screens-part .item { height: 35.6rem; width: 22.5rem;}
    .reward-system .mobile-screens-part .item:last-child { height: 40.6rem; width: 22.6rem;}
    .reward-system .mobile-screens-part .item:nth-child(odd) { margin-top: 9.5rem;}


}

@media only screen and (max-width:1499px){
    html {font-size: 50.5%;}
    .banner-section .banner-inr .left { margin-top: 15rem;}
    .banner-section .banner-inr { background-size: 79rem;}
    .madfly-section .bottom-part .content-bx { padding-left: 6rem;}
    .social-approach .btm-part .left ul li { background-size: 16px;}
    .reward-system .sticky { background-position-y: 58%;}
    .coding-pro {  background-size: contain;}
    .left-rightsection .image-part .image-hover-bx { bottom: -18rem;}
    .reward-system .mobile-screens-part { background-size: 75%;}
    .common-content-bx.step-4 .bottom-part{max-width: 66.5rem;}
    .reward-system .mobile-screens-part .item { height: 37.6rem; width: 19.5rem;}
    .reward-system .horizontal { height: 50rem;}

    
}


@media only screen and (max-width:1349px){
    html { font-size: 50.5%;}
    .social-approach .btm-part .left ul li { background-size: 15px;}
    .left-rightsection .image-part .image-hover-bx { bottom: -13rem; right: -10rem;}
    .final-result-section .bottom-section .right { right: 36%;}

}

@media only screen and (max-width:991px){
    .banner-section .banner-inr .left { margin-top: 10rem;}
    .banner-section .banner-inr { min-height: 90rem;  background-position-y: bottom;  background-size: 64rem;}
    .banner-section .banner-inr .left .sub-bx { margin-left: 0rem;}
    .banner-section .banner-inr .left .sub-bx:after { right: -3.7rem; top: 140%;}
    html { font-size: 46.5%;}
    .madfly-section .top-part p { padding-right: 0;}
    .madfly-section .bottom-part .content-bx { padding-left: 5rem;}
    .app-section .tp-part .sub-heading { padding-right: 5%;}
    .app-section .btm-part .bg-bx { max-width: 30.1rem;}
    .fortune-favors .bottom-part .right .txt-box:before { left: 12rem; top: -73%;}

    .fortune-favors .bottom-part .left { width: calc(100% - 40.1rem);}
    .fortune-favors .bottom-part .right { width: 40.1rem;}
    .fortune-favors .other-bx { padding: 0 11%;}
    .trending-section .top-part p { padding-right: 0%;}
    .trending-section .bottom-part .cmn-bx { max-width: 21rem; padding: 3.6rem  2.2rem;}
    .left-rightsection .image-part .image-hover-bx { width: 36rem; height: 23.4rem;}
    .common-content-bx.step-4 .top-part { max-width: 37.2rem;}
    .common-content-bx.step-4 .bottom-part { max-width: 57.5rem;}
    
    .final-result-section .bottom-section .right { right: 0; min-width: 45.1rem;}
    .final-result-section .bottom-section .left { min-width: auto;}
    .cmn-section { height: 65rem; padding-top: 15.4rem;}
    .final-result-section .bottom-section .right { top: calc(50% - 30rem);}
    .final-result-section .bottom-section .right:after { left: -37%; bottom: -10rem;}
    .final-result-section .bottom-section { margin-top: 1.4rem;}
    .challenges-section { padding-top: 23.8rem;}
    
    .reward-system .horizontal { bottom: 8rem; height: 70rem;}
    .reward-system .mobile-screens-part .item { height: 62.6rem; width: 30.5rem; margin-right: 8.8rem;}
    .reward-system .sticky {  min-height: 80vh;}
    .gen-title { font-size: 4.4rem;}
    .portfolio-section .bottom-part .portfolio-item { max-width: 44.8rem;}
    .reward-system .mobile-screens-part .item:last-child { height: 62.6rem; width: 36.6rem;}
    .coding-pro .sub-bx { max-width: 20rem;}
    .coding-pro .sub-bx:nth-child(3) { max-width: 20rem;} 
    .coding-pro .sub-bx:nth-child(4) { max-width: 20rem;}
    .coding-pro { background-size: 118%;}
    .common-content-bx .mr-tp2 { margin-top: -40px;}


   

}  


/* Portrait Ipad Pro */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .banner-section .banner-inr .left { margin-top: 10rem;}
    .banner-section .banner-inr { min-height: 90rem;  background-position-y: bottom;  background-size: 72rem;}
    .banner-section .banner-inr .left .sub-bx:after { right: -3.7rem; top: 140%;}
    .madfly-section .top-part p { padding-right: 0;}
    .madfly-section .bottom-part .content-bx { padding-left: 5rem;}
    .app-section .tp-part .sub-heading { padding-right: 5%;}
    .app-section .btm-part .bg-bx { max-width: 30.1rem;}
    .fortune-favors .bottom-part .right .txt-box:before { left: 12rem; top: -73%;}
    .fortune-favors .bottom-part .left { width: calc(100% - 40.1rem);}
    .fortune-favors .bottom-part .right { width: 40.1rem;}
    .fortune-favors .other-bx { padding: 0 11%;}
    .trending-section .top-part p { padding-right: 0%;}
    .trending-section .bottom-part .cmn-bx { max-width: 21rem; padding: 3.6rem  2.2rem;}
    .left-rightsection .image-part .image-hover-bx { width: 36rem; height: 23.4rem;}
    .common-content-bx.step-4 .top-part { max-width: 37.2rem;}
    .common-content-bx.step-4 .bottom-part { max-width: 57.5rem;}
    .final-result-section .bottom-section .right { right: 0; min-width: 45.1rem;}
    .final-result-section .bottom-section .left { min-width: auto;}
    .cmn-section { height: 65rem; padding-top: 15.4rem;}
    .final-result-section .bottom-section .right { top: calc(50% - 30rem);}
    .final-result-section .bottom-section .right:after { left: -37%; bottom: -10rem;}
    .final-result-section .bottom-section { margin-top: 1.4rem;}
    .challenges-section { padding-top: 23.8rem;}
    .reward-system .horizontal { bottom: 18rem; height: 70rem;}
    .reward-system .mobile-screens-part .item { height: 62.6rem; width: 30.5rem; margin-right: 8.8rem;}
    .reward-system .sticky {  min-height: 80vh;}
    .gen-title { font-size: 4.4rem;}
    .portfolio-section .bottom-part .portfolio-item { max-width: 44.8rem;}
    .reward-system .mobile-screens-part .item:last-child {  height: 62.6rem; width: 36.6rem;}
    .common-content-bx .mr-tp2 { margin-top: -40px;}

}

@media only screen and (max-width:767px){
    html { font-size: 62.5%; }
    body { font-size: 1.6rem; line-height: 1.5;}
    .header-main { margin-top: 2.8rem;}
    .banner-section .banner-inr .left { margin-top: 4rem;}
    .banner-section .banner-inr .left .gen-heading { font-size: 5rem;}
    .banner-section .banner-inr .left .sub-bx { margin-top: 4.2rem;}
    .banner-section .banner-inr .left .sub-bx:after { right: -11.7rem; top: 94%; transform: rotate(-89deg) scaleX(-1); width: 16.6rem; height: 5.9rem; background-repeat: no-repeat;}
    .banner-section .banner-inr { min-height: 95rem; background-position: -11rem 30rem; background-size: contain ; }
    .gen-title { font-size: 3.4rem;}
    .madfly-section .bottom-part { margin-top: 4.4rem; flex-wrap: wrap;}
    .madfly-section .bottom-part .image-bx { width: 100%;}
    .madfly-section .bottom-part .content-bx { width: 100%; padding-left: 0; margin-top: 3.5rem;}
    .madfly-section { padding-bottom: 5rem;}
    .app-section .tp-part .sub-heading { padding-right: 0%;}
    .sub-heading { font-size: 2.2rem;}
    .app-section .btm-part .bg-bx:nth-child(2) { transform: translateY(0rem);}
    .app-section .btm-part { margin-top: 5rem; justify-content: flex-start;}
    .app-section .btm-part .bg-bx { max-width: 100%;     margin: 4rem;}
    .app-section .btm-part .bg-bx:last-child { margin-right: 0;}
    .app-section .slick-dots li button:before { font-size: 18px;}
    .overlay-bx { margin-top: -40rem;}
    .social-approach { padding-top: 5rem;}
    .social-approach .btm-part { margin-top: 2rem;}
    .social-approach .btm-part .left { padding-right: 0rem; margin-top:0;}
    .social-approach .btm-part .right { margin-top: 4rem;}
    .social-approach .btm-part .left ul li { margin-bottom: 2rem; padding: 0rem 0 .5rem 2.5rem; background-size: 16px;}

    .fortune-favors { padding-top: 5rem; }
    .fortune-favors .bottom-part .left { width: 100%; order: 2;}
    .fortune-favors .bottom-part .right { width: 100%; order: 1; margin-top: 2.2rem;}
    .fortune-favors .bottom-part .right .txt-box:before { transform: rotate(-131deg) scale(-1); width: 9.9rem; left: auto; right: 1rem; top: -89%; display:none;}
    .fortune-favors .bottom-part .left { margin-top: 3rem;}
    .fortune-favors .bottom-part .left p { margin-bottom: 1.4rem;}
    .fortune-favors .other-bx { padding: 0 0%; margin-top: 2.4rem;}
    .fortune-favors .other-bx p { font-size: 1.6rem;}
    .trending-section { padding-top: 5rem;}

    .trending-section .bottom-part .cmn-bx:before { display: none;}
    .trending-section .bottom-part .cmn-bx:nth-child(2) { margin-top: 0;}
    .trending-section .bottom-part .cmn-bx:nth-child(4) { margin-top: 0;}
    .trending-section .bottom-part .cmn-bx:nth-child(3) { margin-top: 0;}
    .trending-section .bottom-part { flex-wrap: wrap;}
    .trending-section .bottom-part .cmn-bx { width: 50%; max-width: 25rem; margin-bottom: 3rem;}
    .common-content-bx { padding-top: 5rem;}

    .common-content-bx .top-part .step-txt { font-size: 1.6rem;}
    .gen-title2 { font-size: 3rem;}
    .common-content-bx .top-part { margin-bottom: 3rem;}

    .left-rightsection { padding-top: 5rem;}
    .left-rightsection .tp-part { margin-bottom: 1.2rem;}
    .left-rightsection .image-part .image-hover-bx { width: 20rem; height: 13.4rem; bottom: auto; top: -6rem; right: -3rem;}
    .left-rightsection .text-part p { margin-left: 0; margin-top: 0rem;}
    .left-rightsection .text-part p:first-child{margin-top:3rem;}
    
    .extra-mr { margin-top: 0;}
    .left-rightsection.alternate-section .text-part p { margin-right: 0;}
    .left-rightsection .image-part {margin-top: 3rem;}
    .left-rightsection.third-div .image-part { order: 2;}
    .left-rightsection.third-div .text-part { order: 1;}
    .left-rightsection.third-div .text-part p { margin-top: 0;}
    .common-content-bx.step-4 .top-part { max-width: 100%;}
    .common-content-bx.step-4 .bottom-part { max-width: 100%; padding-top: 0rem;}
    .common-content-bx .top-part ul li { margin-bottom: 1.5rem;}

    .final-result-section { padding-top: 8rem;}
    .gen-title-2 { font-size: 1.6rem;}
    .final-result-section .bottom-section .right { display: none;}
    .final-result-section .bottom-section .left { width: 100%;}
    .cmn-section { height: auto; padding-top: 5rem; opacity: 1;}
    .cmn-section:nth-child(even) { justify-content: flex-start;}
    .challenges-section { padding-top: 7rem;}
    .cmn-section .content-part { max-width: 100%;}

    .cmn-section .content-part .title { font-size: 2rem;}
    .cmn-section .content-part .mb-image { margin: 4rem;}
    .challenges-section .top-part p { padding-right: 0;}
    .challenges-section .bottom-part { margin-top: 4rem;}
    .challenges-section .bottom-part .left { display: none;}
    .challenges-section .bottom-part .right { padding-left: 0; width: 100%;}
    .challenges-section .bottom-part .right .item-content { padding-left: 3.8rem; padding-bottom: 5rem;}
    
    .challenges-section .mb-image { background: rgba(226, 232, 249, 0.6); border: 1px solid #FFFFFF; backdrop-filter: blur(0.6rem); border-radius: 3.2rem; padding: 1.6rem;
    margin-bottom: 3rem; margin-top: 3rem;  display: block;}
    .challenges-section .mb-image img { width: 100%; border-radius: 2.4rem;}
    .final-result-section .slick-dots li button:before { font-size: 18px;}
    .cmn-section .content-part .mb-image img { margin: auto;}

    .reward-system .sticky { min-height: auto; position: static; padding-top: 0rem;}
    .reward-system .horizontal { position: static; height: auto; margin-top: 3.6rem;}
    .reward-system .mobile-screens-part { height: auto; flex-wrap: wrap;}
    .reward-system .mobile-screens-part .item:nth-child(odd) { margin-top: 0;}
    .reward-system .mobile-screens-part .item { height: auto; width: 100%; margin-right: 0;}
    .reward-system .mobile-screens-part .item .image-bx { max-width: 25rem; margin: auto;  margin-bottom: 4rem;}
    .reward-system  .slick-dots li button:before { font-size: 18px;}
    .challenges-section .bottom-part .right .item-content:last-child { padding-bottom: 0;}
    

    .expectation-section { margin-top: 5.1rem;}
    .expectation-section .top-part p { padding-right: 0;}
    .expectation-section .top-part { margin-bottom: 4.4rem;}
    .expectation-section .bottom-part .profile-section { max-width: 100%; margin-bottom: 3rem;}
    .expectation-section .bottom-part .profile-section .profile-description-bx .content-bx .name { font-size: 2rem;}
    .expectation-section .bottom-part .profile-section .profile-skills-bx ul li { font-size: 1.4rem;}

    .portfolio-section { padding-top: 5rem; padding-bottom: 2rem;}
    .expectation-section .bottom-part .profile-section:last-child { margin-bottom: 0;}

    .portfolio-section .bottom-part .portfolio-item { max-width: 100%; margin-bottom: 4rem;}
    .portfolio-section .bottom-part { flex-wrap: wrap;}
    .portfolio-section .top-part { margin-bottom: 2.4rem;}
    .portfolio-section .bottom-part .portfolio-item:last-child { margin-bottom: 0;}
    .challenges-section .bottom-part .right .item-content p { font-size: 1.6rem;}
    .image-bx.no-bg { max-width: 30rem!important;}
    .reward-system .slick-dots { bottom: 30px;}

    .coding-pro { background-image: none; flex-wrap: wrap;}
    .coding-pro .sub-bx:nth-child(2) { margin-top: 0;}
    .coding-pro .sub-bx:nth-child(4) { margin-top: 0; max-width: inherit;}
    .coding-pro .sub-bx:nth-child(3) { margin-top: 0;}
    .coding-pro .sub-bx { max-width: 100%; width: 100%; margin-bottom: 3rem; display: flex; align-items: flex-start;}
    .coding-pro .sub-bx:nth-child(3) { max-width: inherit;}
    .coding-pro .sub-bx .txt-bx { margin-left: 1rem; margin-top: 1rem;}
    .common-content-bx .mr-tp2 { margin-top: -20px;}
    body{overflow: hidden;}
    

    


}

@media only screen and (max-width:575px){
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 90%;}
    .banner-section .banner-inr .left .gen-heading { font-size: 3.5rem;}
    .banner-section .banner-inr .left .sub-bx .sub-heading { font-size: 2.5rem;  max-width: 30rem; display: inline-block;}
    .banner-section .banner-inr { min-height: 79rem; background-position: -13rem 23rem; background-size: 53rem;}
    .banner-section .banner-inr .left .sub-bx { margin-top: 2.2rem;}
    .banner-section .banner-inr .left .sub-bx:after { right: -4.7rem; width: 9.6rem; height: 5.9rem; top: 59%;}
    .gen-title { font-size: 3rem;}
    .sub-heading { font-size: 2rem;}
    .app-section .btm-part .bg-bx { margin-top: 1rem;}
    .fortune-favors .bottom-part .right:after { display: none;}

    .trending-section .bottom-part .cmn-bx { width: 100%; max-width: 100%;}
    .trending-section .bottom-part { margin-top: 4.4rem;}
    .trending-section .bottom-part .cmn-bx .title { padding-right: 0%; font-size: 2rem;}
    .trending-section .bottom-part .cmn-bx .title-number { font-size: 2rem;}
    
    .portfolio-section .bottom-part .portfolio-item .image-bx .image { padding: 1rem;}
    .challenges-section .mb-image { padding: 1rem;}
    .left-rightsection .image-part .image-bx { padding: 1rem;}
    .left-rightsection .image-part .image-bx img { border-radius: 2.4rem;}
    .app-section .btm-part .bg-bx { padding: 1rem;}
    .app-section .btm-part .bg-bx img { border-radius: 3.4rem;}
    .madfly-section .bottom-part .image-bx .vd-back { padding: 1rem;}
    .madfly-section .bottom-part .image-bx .vd-back img { border-radius: 2.4rem;}
    .trending-section .bottom-part .cmn-bx { min-height: 14.8rem;}




}