/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

@media (max-width:1600px) {
    .hero-section .banner-item .text-part{padding-left: 30px;}
    .hero-section .banner-item .text-part .info h1{/*font-size: 3.7vw;*/}
    .two-triangle-sec .first-triangle{max-width: 640px;}
    .two-triangle-sec{top: calc(53vw - 690px);}
    .two-triangle-sec .first-triangle svg,
    .two-triangle-sec .second-triangle svg{width: 100%; height: auto;}
    .left-two-triangle .first-triangle{max-width: 670px;}
    .left-two-triangle{margin-top: 3%;margin-bottom: -12%;}
    .hero-section .banner-item .text-part{width: 800%;}
    .about-us-wrap{padding: 350px 0 630px;}
    .hero-section .banner-item{/*height: 950px;*/}
    .single-triangle{bottom: 4%; right: 9%;}
    .about-us-wrap:after,
    .about-us-wrap:before{height: 32.96%;}
    .our-opportunity-sec{margin-top: -14%;}
    .hero-section .banner-item .text-part .info{max-width: 800px;}
    .contact-us-sec .contact-wrap{margin-top:0;}
}

@media (max-width:1399px) { 
    .container, .container-fluid{}
    /*.navigation .social-quick{width: 80px; flex-wrap: wrap;margin-left: 15px;}*/
    /*.navigation .social-quick a{margin-bottom: 4px;margin-top: 4px;}*/
    /*.navigation .social-quick a:nth-child(odd){margin-left: 0;}*/
    .navigation .social-quick{margin-left: 0;}
    .navigation .social-quick a{font-size: 14px;margin: 0 8px;}
    .navigation ul li a{padding: 2.31em 0.14em;}
    .navigation ul li{font-size: 14px;}
    .hero-section .banner-item .text-part .info h1{}
    .do-list-wrap .row{margin-left: 0;margin-right: 0;}    
    .do-list-wrap .item .item-wrap.hover .inner-item{/*padding: 10px 0 00px;*/}
    /*    .do-list-wrap .item .item-wrap .inner-item{padding: 10px 0 00px;}*/
    .about-us-wrap:after, .about-us-wrap:before{height: 25.96%;}
    .two-triangle-sec .first-triangle{max-width: 500px;}
    .about-us-wrap .about-us-block .left-part{width: 45%;}
    .single-triangle{bottom: -1%; right: 6%;}
    .about-us-wrap{padding: 350px 0 430px;margin-top: -5%;min-height: 0;}
    .our-opportunity-sec{margin-top: -7%;}
    .left-two-triangle .first-triangle{max-width: 500px;}
    .left-two-triangle{margin-bottom: -8%;}
    .contact-us-sec .contact-wrap{margin-top: 0;}
    .main-footer .link-wrap{padding-right: 45px;}
    .two-triangle-sec svg{width: 100%;height: auto;}
    .single-triangle svg{width: 100%; height: auto;}
    .left-two-triangle svg{width: 100%;height: auto;}
    .hero-section .banner-item .text-part{width: 100%;}
    .hero-section .banner-item .img-part{width: 82%;}
    .hero-section .banner-item .text-part .info{max-width: 800px;}  
    .hero-section .banner-item .text-part:before{bottom: -1px;}
    .two-triangle-sec{top: calc(53vw - 535px);}
}

/* ----- 1. Desktop ≥1024px and ≤1199 ----- */
@media (min-width:1024px) and (max-width:1199px) {  
    .simple-page-header {
        padding-left: 20px;
        padding-right: 20px;
        padding-top:100px;
    }
    .navigation {display: none;}
    .h1, h1{font-size: 55px;}
    .h2, h2{font-size: 50px;}
    .h3, h3{font-size: 30px;}
    p{font-size: 18px;}
    .btn{font-size: 15px;}
    .space-large{padding-top: 70px;padding-bottom: 70px;}
    .container, .container-fluid{padding-left: 20px;padding-right: 20px;}
    .main-header .brand{width: 220px;}
    .navigation .social-quick a{font-size: 14px;}
    .navigation ul li{font-size: 12px; margin: 0 7px;}
    .hero-section .banner-item{/*height: 760px;*/}
    .hero-section .banner-item .text-part .info h1{font-size: 3.6vw;margin-bottom: 10px;}
    .hero-section .banner-item .text-part .info p{font-size: 16px;}
    .hero-section .banner-item .text-part .btn-grp .btn{font-size: 14px;}
    .do-list-wrap .row{margin-left: -15px;margin-right: -15px;}
    .do-list-wrap .inner-item{margin: 0 17px;}
    .do-list-wrap .inner-item .desc{margin-bottom: -10px;}
    .do-list-wrap .inner-item .desc h3{font-size: 26px;margin-bottom: 10px;}
    .do-list-wrap .inner-item .desc p{font-size: 14px;}
    .do-list-wrap .inner-item .btn{font-size: 14px;}
    .about-us-wrap:after, .about-us-wrap:before{height: 27%;}
    .about-us-wrap{padding: 300px 0 350px;margin-top: -3%;}
    .two-triangle-sec .first-triangle{max-width: 400px;}
    .about-us-wrap .about-us-block .left-part{width: 55%;}
    .two-triangle-sec{top: calc(53vw - 430px);}
    .about-us-wrap .about-us-block p{font-size: 16px;}
    .single-triangle{right: 6%;bottom: 1%;}
    .single-triangle{max-width: 400px;}
    .left-two-triangle .first-triangle{max-width: 400px;}
    .main-footer .link-wrap{max-width: 38%;padding-right: 24px;}
    .main-footer .link-wrap .link-title span{font-size: 18px;}
    .main-footer .right-part{width: 74%;}
    .main-footer .left-part a.footer-logo{width: 220px;}
    .main-footer .left-part{width: 26%;}
    .opportunity-wrap .item .btn{margin-top: 10px;}
    .opportunity-wrap .item .inner-item:hover .p-wrap{max-height: 270px;}
    .hero-section .banner-item .text-part .info{max-width: 800px;}
    .hero-section .banner-item .text-part{width: 18%;padding-left: 20px;}
    .hero-section .banner-item .img-part{width: 82%;}
    .left-two-triangle{margin-top: 15%;}

    .join-our-comm-desc .text-center{padding-bottom: 0px;}
    .join-or-comm-frm-sct{margin-top: 0;}
    
    /* our calendar */
    .our-calendar-sec{margin-top: -7%;}
    
    /* what-is-in-it-desc */
    .what-is-in-it-desc .left-two-triangle{margin-top: 5%;}
    
    /* community-frm-sec */
    .community-frm-sec .contact-wrap{margin-top: -7%;}
}
/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (min-width:768px) and (max-width:1023px) {
    .simple-page-header {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 100px;
    }
    .container, .container-fluid{padding-left: 20px;padding-right: 20px;}
    .h1, h1{font-size: 50px;}
    .h2, h2{font-size: 40px;}
    p{font-size: 16px;}
    .btn{font-size: 14px;}
    .space-large{padding-top: 50px;padding-bottom: 50px;}
    .space-medium{padding-top: 30px;padding-bottom: 30px;}
    .main-header{padding: 15px 0;}
    .navigation ul li a{padding: 10px 5px;}
    .navigation .social-quick{width: auto; position: absolute; top: 15px; right: 20px;}
    .navigation .social-quick a:nth-child(odd){margin-left: 10px;}
    .navigation ul{margin-top: 10px; background: rgba(0,0,0,0.3);}
    .navigation{display:none;}
    .navigation nav{display:none;}
    .navigation ul li{margin: 0 9px; flex: 1 0 auto;}
    .hero-section .banner-item .text-part .info p{font-size: 14px;}
    .hero-section .banner-item .text-part .info h1{font-size: 3.4vw;margin-bottom: 0.4em;}
    .hero-section .banner-item .text-part .btn-grp .btn{font-size: 12px;margin-bottom: 10px;}
    .hero-section .banner-item .text-part{padding-left: 20px;width: 26%;}
    .hero-section .banner-item .img-part{width: 74%;}
    .hero-section .banner-item .text-part .info{max-width: 800px;}
    .hero-section .banner-item .text-part:before{}
    .hero-section .banner-item{/*height: 660px;*/}
    .do-list-wrap .row{margin-left: -15px;margin-right: -15px;}
    .do-list-wrap .inner-item .desc h3{font-size: 22px;margin-bottom: 10px;}
    .do-list-wrap .inner-item{margin: 0 13px;}
    .do-list-wrap .inner-item .btn{padding: 0.53em 1.42em;font-size: 14px;}
    .do-list-wrap .inner-item .img-part figure > img{max-width: 30%;}
    .do-list-wrap .inner-item .img-part figure{width: 140px;}
    .do-list-wrap .inner-item .desc p{font-size: 14px;}
    .about-us-wrap:after, .about-us-wrap:before{height: 18%;}
    .two-triangle-sec{top: calc(53vw - 430px);}
    .two-triangle-sec .first-triangle{max-width: 400px;}
    .about-us-wrap .about-us-block .left-part{width: 85%;}
    .about-us-wrap{padding: 400px 0 250px; padding: 40vw 0 40vw !important;}
    .single-triangle{max-width: 300px;right: 3%;}
    .opportunity-wrap .item .inner-item figure{height: 180px;}
    .date-show{font-size: 12px;}
    .opportunity-wrap .item .inner-item .info{padding: 12px;}
    .opportunity-wrap .item .inner-item h4{font-size: 14px;}
    .opportunity-wrap .item .inner-item .desc{height: 245px;}
    .opportunity-wrap .item .inner-item{height: 424px;}
    .opportunity-wrap .item .inner-item:hover .date-show{font-size: 12px;}
    .opportunity-wrap .item .inner-item:hover .desc h4{font-size: 16px;}
    .opportunity-wrap .item .inner-item .desc .location{font-size: 14px;}
    .opportunity-wrap .item .inner-item:hover .p-wrap{max-height: 185px;}
    .opportunity-wrap .item .btn{margin-top: 10px;font-size: 12px;}
    .opportunity-wrap .item .inner-item:hover p{font-size: 14px;}
    .left-two-triangle .first-triangle{max-width: 400px;}
    .left-two-triangle{margin-bottom: -11%;}
    .main-footer .left-part{width: 100%;max-width: none;}
    .main-footer .right-part{width: 100%;padding: 0;flex-wrap: nowrap;}
    .main-footer .link-wrap{padding-right: 4.7%;}
    .main-footer .link-wrap .link-title span{font-size: 16px;}
    .main-footer p{font-size: 14px;}
    .contact-us-sec .contact-wrap{margin-top: 0;}
    .maker-slider .item .item-wrap{width: 350px;}
    .maker-slider .slick-slide.slick-current .item .item-wrap{margin-top: -8%;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
    .maker-slider .item .desc h5{font-size: 18px;}
    .maker-slider .item .desc p{font-size: 16px;}
    .maker-slider .item .desc{width: 250px;}
    .maker-slider .item{height: 300px;}
    .main-header .brand{width: 200px;}

    .contact-us-sec iframe{width: 100% !important; padding: 0 10px !important; box-sizing: border-box;}
    .join-our-comm-desc h1{font-size: 40px;}

    .join-our-comm-desc .text-center{padding-bottom: 0px;}
    .join-or-comm-frm-sct{margin-top: 0;}   

    .join-or-comm-frm-sct iframe{height: 4350px !important;}    
    .our-calendar-sec{margin-top: -2%;}
}

/* ----- 3. Medium devices ≤767px ----- */
/*@media (max-width:767px) {*/
/*@media (max-device-width:812px) and (max-device-height: 896px){*/
@media (max-width:812px) and (max-height: 896px){ 
    .simple-page-header {
        padding-left: 15px;
        padding-right: 15px;
        padding-top:100px;
    }
    .hero-section .banner-item{min-height: auto;}
    #mobilenav{display: block;}
    .hamburger:not(.close){display: block;}
    p{font-size: 14px;}
    .h1, h1{font-size: 40px;}
    .h2, h2{font-size: 35px;}
    .h3, h3{font-size: 26px;margin-bottom: 10px;}
    .btn{font-size: 14px;}
    .space-medium{padding-top: 20px;padding-bottom: 20px;}
    .space-large{padding-top: 30px;padding-bottom: 30px;}
    .main-header{padding: 12px 0; height: 50px; display: flex;}
    .heading{margin: 0 auto 20px;}
    .main-header .brand{width: 200px;}
    .container, .container-fluid,.container-small{padding-left: 15px;padding-right: 15px;}
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"]{height: 50px;}
    textarea{padding: 13px 15px;}
    .navigation{display: none;}
    .hero-section .banner-item .text-part{padding-left: 15px;width: 39%;}
    .hero-section .banner-item .img-part{width: 61%;}
    .hero-section .banner-item{/*height: 450px;*/}
    .hero-section .banner-item .text-part .info p{font-size: 12px; line-height: 1.3;}
    .hero-section .banner-item .text-part .info h1{font-size:3vw;margin-bottom: 5px;}    
    .hero-section .banner-item .text-part .info{/*max-width: 90vh;*/ max-width: 800px;}
    .hero-section .banner-item .text-part .btn-grp .btn{font-size: 11px; padding: 0.43em 1em;margin-bottom: 5px;}
    .do-list-wrap .item{margin-bottom: 30px;}
    .two-triangle-sec{top: calc(53vw - 320px);}
    .two-triangle-sec .first-triangle{max-width: 300px;}
    .about-us-wrap:after, .about-us-wrap:before{height: 14%;}
    .about-us-wrap{padding: 300px 0 200px; padding: 45vw 0 40vw !important;}
    .about-us-wrap .about-us-block .left-part{width: 100%;}
    .about-us-wrap .about-us-block p{font-size: 14px;}
    .single-triangle{max-width: 250px; bottom: -6%; margin-top: -1%;}
    .our-opportunity-sec{margin-top: 6%;}
    .opportunity-wrap .item{margin-bottom: 20px;}
    .left-two-triangle .first-triangle{max-width: 350px;}
    .left-two-triangle{margin-bottom: -8%;margin-top: 5%;}
    form .inp-grp i{top: 17px;}
    .main-footer .left-part{width: 100%;max-width: none;}
    .main-footer .left-part a.footer-logo{width: 200px; margin-bottom: 10px;}
    .main-footer p{font-size: 14px;}
    .main-footer .right-part{width: 100%; padding-left: 0;flex-wrap: nowrap;}
    .main-footer .link-wrap{padding-right: 20px;}
    .main-footer .link-wrap .link-title span{font-size: 15px;}
    .main-footer ul li{font-size: 12px;}
    .main-footer .useful-links p{font-size: 14px;}
    .main-footer .bottom-part{justify-content: center; text-align: center; padding: 10px 0;}
    .main-footer .link-wrap .link-title{margin-bottom: 15px;}
    .hero-section .banner-item .img-part:before{min-width: 767px;}
    .maker-slider .item .item-wrap{width: 350px; }
    .maker-slider .slick-slide.slick-current .item .item-wrap{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);margin-top: -8%;}
    .maker-slider .item{height: 300px;}
    .slider-tab-block .tab-header ul li{font-size: 14px;}
    .slider-tab-block .tab-header ul li + li{margin-left: 30px;}
    .slick-dots{margin-top: 15px;}
    /* what we do hover remove */
    .do-list-wrap .item .tri-up-white{display: none;}
    .do-list-wrap{margin-top: 0;}
    .do-list-wrap .item .item-wrap.hover .inner-item{position: relative;margin-bottom: 50px;}
    .do-list-wrap .item .btn-wrap{opacity: 1; visibility: visible;}
    .do-list-wrap .inner-item,
    .do-list-wrap .item .item-wrap.hover .inner-item{padding: 40px 10px 00px;}
    .do-list-wrap .item .item-wrap.hover,
    .do-list-wrap .item .item-wrap{filter: drop-shadow(0px 0px 13px rgba(1, 1, 1, 0.05));}
    .do-list-wrap .item .btn-wrap{-webkit-transition: 0s;-o-transition: 0s;transition: 0s;}
    .slick-arrow{font-size: 50px;}
    .do-list-wrap .item{height: auto !important;}
    .what-we-do-sec{margin-top: 30px;}
    .change-maker-grid .item{width: 50%;}
    .changes-maker-modal .desc-part p{font-size: 14px;}
    .opportunity-wrap .item .inner-item h4{font-size: 18px;}
    .join-our-comm-desc h1{font-size: 30px;}
    /* faq */
    .faq-sec .tab-header ul li{padding: 5px 0;margin-bottom: 5px;font-size: 12px;}
    .faq-sec .tab-header ul li + li{margin-left: 10px;}
    .faq-sec .tab-header ul li:before{height: 3px;}    
    .faq .faq-que{padding: 20px 60px 20px 65px;}
    .our-calendar-sec{margin-top: 0;}
}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {
    #home-welcome img {
        width:280px;
        height: 280px;
    }
    .h3, h3{font-size: 23px;}
    .main-header .brand{width: 170px;}
    .do-list-wrap .inner-item{margin: 0 19px;}
    .do-list-wrap .item .item-wrap{max-width: 426px;margin: 0 auto 20px; justify-content: center;}
    .do-list-wrap .item .item-wrap.hover .inner-item{max-width: none;}    
    .opportunity-wrap .item{max-width: 350px; margin-left: auto;margin-right: auto;}
    .opportunity-wrap .item .inner-item:hover .desc h4{font-size: 18px;}
    .opportunity-wrap .item .inner-item figure{height: 260px;}
    .opportunity-wrap .item .inner-item{height: 520px;}
    .opportunity-wrap .item .inner-item:hover .p-wrap{max-height: 270px;}
    .contact-us-sec .contact-wrap{margin-top: 0;}
    .main-footer .news-subs input{font-size: 12px;height: 40px;}
    .main-footer .news-subs button{width: 43px; height: 38px;}
    .main-footer .news-subs button i{font-size: 20px;}
    .main-footer .news-subs input{padding: 0 45px 0 35px;}
    .main-footer .news-subs .inp-grp > .icon{top: 12px; left: 11px;}
    .main-footer .link-wrap{padding-right: 15px; width: 50%;}
    .main-footer .link-wrap-newsletter{width: 100%;max-width: 70%;}
    .main-footer .link-wrap .link-title span{font-size: 12px;}
    .main-footer .right-part{flex-wrap: wrap;}
    .maker-slider .item .desc h5{font-size: 16px;}
    .maker-slider .item .desc p{font-size: 16px;}
    .changes-maker-modal .desc-part{width: 240px;}
    .changes-maker-modal .img-part{width: 180px;}
    .changes-maker-modal .img-part .inner-img{width: 100%;}
    .faq-block {padding: 0;}
    .faq .faq-ans{padding: 20px; padding-top: 0;}
    .faq h3{display: none;}

    .join-our-comm-desc h4{font-size: 17px;}
    .join-our-comm-desc p b{font-size: 17px;}
    .join-our-comm-desc h1{font-size: 25px;}
    .join-our-comm-desc ul li{font-size: 14px;}
    .contact-us-sec iframe{width: 100% !important; }
    .join-our-comm-desc h1{font-size: 30px;}

    .join-our-comm-desc .text-center{padding-bottom: 0px;}
    .join-or-comm-frm-sct{margin-top: 0;}
    
    /* faq */
    .faq .faq-que{padding: 20px 50px 20px 55px;font-size: 12px;}
    .faq .faq-btn{border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #ffd104; right: 15px;}
    .faq .faq-no{width: 50px;}
    .calendar-list-wrap .item .inner-item{max-width: 300px; margin: 0 auto;}
    .calendar-list-wrap .item .inner-item .desc{text-align: center;}
}
@media (max-width:480px) {
    .h2, h2{font-size: 30px;}
    .btn{font-size: 12px;}
    .two-triangle-sec .first-triangle{max-width: 220px;}
    .about-us-wrap:after, .about-us-wrap:before{height: 9.5%;}
    .two-triangle-sec{top: calc(53vw - 235px);}
    .about-us-wrap{padding: 45vw 0 43vw !important ;margin-top: 15%;}
    .about-us-wrap .about-us-block h2{margin-bottom: 10px;}
    .about-us-wrap .about-us-block p{font-size: 14px;}
    .slider-tab-block .tab-header ul li{font-size: 12px;}
    .slider-tab-block .tab-header ul li + li{margin-left: 20px;}
    .single-triangle{max-width: 190px; margin-top: 7%;}
    .our-opportunity-sec{margin-top: 18%;}
    .left-two-triangle .first-triangle{max-width: 220px;}
    .left-two-triangle{margin-bottom: -11%;}
    .main-footer .link-wrap{width: 100%; max-width: 100%;margin-bottom: 15px;padding: 0;}
    .hero-section .banner-item .text-part{padding: 20px 15px;width: 100%;}
    .hero-section .banner-item .bg-img{position: relative;height: 200px;}
    .hero-section .banner-item .img-part{width: 100%;height: 200px; position: absolute; top: 0; left: 0;}
    .hero-section .banner-item{height: auto; flex-wrap: wrap;}
    .hero-section .banner-item .text-part:before{display: none;}
    .hero-section .banner-item .text-part .info h1{font-size: 24px;}
    .hero-section{margin-top: 0;}
    .hero-section .banner-item .img-part:before{min-width: 320px; background-position: center !important;}
    .maker-slider .item .item-wrap{flex-wrap: wrap;flex-direction: column; align-items: center;}
    .maker-slider .item{height: 455px;}
    .maker-slider .slick-slide.slick-current .item-wrap .right-part{flex: 1 0 auto;}
    .maker-slider .item .item-wrap .right-part{margin: 0;padding:20px 30px;display: flex;}
    .maker-slider:before,
    .maker-slider:after{opacity: 0.2;}
    .do-list-wrap .item{margin-bottom: 10px;}
    .hero-section .banner-item .text-part .info{width: 100%; }
    .change-maker-grid .item{width: 100%;}
    .changes-maker-modal .popup-wrap{flex-wrap: wrap;}
    .changes-maker-modal .img-part{margin-bottom: 20px;}
    .changes-maker-modal .desc-part{margin: 0;}
    .hero-section .banner-item .text-part .info p{font-size: 14px;}
    .main-header .brand img{opacity: 0; visibility: hidden;}
    .main-header .brand img.white-img{visibility: visible; opacity: 1;}
    /* */
    .maker-slider .item .item-wrap {-webkit-transform: scale(0.8) !important;-ms-transform: scale(0.8) !important;-o-transform: scale(0.8) !important;transform: scale(0.8) !important;margin-top: -8% !important;}
    .maker-slider .item{height: auto;}    
    .maker-slider .slick-slide .item .desc{display: none;}
    .maker-slider .slick-slide.slick-current .img-part figure {padding: 0 0;-webkit-filter: grayscale(0);filter: grayscale(0);}
    .maker-slider .img-part figure{padding: 0;}
    .maker-slider .slick-dots{margin-top: -60px;}
    .maker-slider{margin-bottom: 20px;}
    .slick-arrow.slick-next{right: 0;}
    .slick-arrow.slick-prev{left: 0;}
    .maker-slider .img-part figure .inner-img{height: 214px;}
    .changes-maker-modal .img-part{margin-bottom: 10px;}
    .scroll-up{font-size: 18px;}
    
}

/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) {
    .do-list-wrap .item{/*height: 430px !important;*/}
    /*.do-list-wrap .item .btn-wrap{opacity: 1; visibility: visible; left: 50%;}*/
    .do-list-wrap .item .btn-wrap{left: 50%; -webkit-transform: translate(-50%,90%);-ms-transform: translate(-50%,90%);-o-transform: translate(-50%,90%);transform: translate(-50%,90%);}
    .do-list-wrap .item .btn-wrap a{white-space: nowrap;}
    .do-list-wrap .item .item-wrap.hover .btn-wrap{-webkit-transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);-o-transform: translate(-50%,50%);transform: translate(-50%,50%);}
}

/* iPhone X ----------- */
@media (min-device-width: 375px)
    and (max-device-height: 812px)
    and (orientation : landscape)
    and (-webkit-device-pixel-ratio: 3){
        .hero-section .banner-item .text-part .info{max-width: 800px;}
}

/* Landscape  */
@media (max-device-width:767px) and (orientation:landscape) {
    /* Landscape  styles here */
    /*.hero-section .banner-item .text-part .info{max-width: 83vh;}*/
    .hero-section .banner-item .text-part .info p{font-size: 11px;}
}

/* mini laptop resolution 1349 X 662 and 1246 X 681 and 1218 X 672 */
@media (min-width: 1200px) and (max-height: 850px) {
    .hero-section .banner-item .text-part .btn-grp .btn{font-size: 16px;}
    .hero-section .banner-item .text-part .info p{font-size: 18px;}

}
@media (min-width: 1100px) and (max-height: 600px) {
    .hero-section .banner-item .text-part .info h1{font-size: 5.1vh;}
    .hero-section .banner-item .text-part .info p{font-size: 2.2vh;}
    .hero-section .banner-item .text-part .btn-grp .btn{font-size: 12px;}
    .hero-section .banner-item .text-part .info{max-width: 800px;}

}

@media (min-width:1200px) and (max-width:1600px) {
    .join-or-comm-frm-sct{margin-top:-100px;}
}

@media (max-width:767px){
    .mb-sm-5 {
        margin-bottom: 40px;
    }
    .join-our-comm-desc .text-center{padding-bottom: 0px;}
    .join-or-comm-frm-sct{margin-top: 0;}
    .join-our-comm-desc h4{font-size: 17px;}
    .join-our-comm-desc p b{font-size: 17px;}
    .join-our-comm-desc h1{font-size: 25px;}
    .join-our-comm-desc ul li{font-size: 14px;}
    .contact-us-sec iframe{width: 100% !important; }
    .join-our-comm-desc h1{font-size: 30px;}
    .change-maker-detail-sec.join-our-comm-desc{padding-top: 0;}
    .join-our-comm-desc{padding-top: 0 !important;}

    .join-or-comm-frm-sct iframe{height: 6400px !important;}    
}