/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .container{  
        max-width: 1360px;
    } 
} 

@media (min-width: 1600px) and (max-width: 1699px){
    /* banner */
    .banner-pando-image{ right: 0; }
    /* banner */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0;}
    .about-right-part{ padding-bottom: 130px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 90px 0 130px;}
    .buy-title *{font-size: 100px;}
    .buy-wrp{padding: 85px;}
    .buy-block > *:nth-child(2){padding: 85px;}
    .buy-block > *:last-child{padding: 85px;}
    .buy-wrp-title *{font-size: 40px;}
    .buy-wrp-title{min-width: 500px; min-height: 80px; padding: 8px 50px; top: -44px;}
    .buy-block{margin: 90px auto 0;}
    .buy-detail{font-size: 30px;}
    /* buy section */

    /* join-us start */
    .join-us-title * { font-size: 190px; line-height: 195px; }
    .content-details { margin: 30px 0; }
    .pando-img { margin: 0; }
    /* join-us end */
}

@media (min-width: 1500px) and (max-width: 1599px){
    /* banner */
    .banner-pando-image{ right: 0; }
    .banner-title *{font-size: 160px;}
    .banner-detail{margin: 30px 0 0; padding-bottom: 150px;}
    /* banner */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0; font-size: 28px;}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 80px;}
    .about-block{margin: 20px 0 0;}
    .about-right-part{ padding-bottom: 80px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 80px 0 120px;}
    .buy-title *{font-size: 90px;}
    .buy-wrp{padding: 70px;}
    .buy-block > *:nth-child(2){padding: 70px;}
    .buy-block > *:last-child{padding: 70px;}
    .buy-wrp-title *{font-size: 36px;}
    .buy-wrp-title{min-width: 480px; min-height: 70px; padding: 8px 40px; top: -44px;}
    .buy-block{margin: 90px auto 0;}
    .buy-detail{font-size: 26px;}
    .buy-block > *:not(:last-child){margin-bottom: 100px;}
    .zigzag-img{width: 140px; left:-30px; top: -70px;}
    .cartoon-img{width: 130px; right: -30px; top: -130px;}
    .buy-pando-img{width: 200px; left: -80px; top: -180px;}
    .buy-block > *:nth-child(2) .star-img{width: 80px; right: -43px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 90px;}
    .gallery-content{padding: 75px 0;}
    .gallery-block{margin: 60px 0 0;}
    .gallery-image{height: 410px;}
    /* gallery section */

    /* join-us start */
    .join-us-title * { font-size: 135px; line-height: 160px; }
    .content-details { font-size: 32px; line-height: 36px; margin: 30px 0; }
    .pando-img { margin: 0; }
    /* join-us end */
}

@media (min-width: 1400px) and (max-width: 1499px){
    /* banner */
    .banner-pando-image{ right: 0; width: 450px;}
    .banner-title *{font-size: 140px;}
    .banner-detail{margin: 20px 0 0; padding-bottom: 140px;}
    .banner-info{font-size: 26px; max-width: 690px;}
    .banner-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .banner-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    /* banner */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0; font-size: 26px;}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 80px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .about-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    .about-title *{font-size: 70px;}
    .about-right-part{ padding-bottom: 80px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 70px 0 110px;}
    .buy-title *{font-size: 80px;}
    .buy-wrp{padding: 70px;}
    .buy-block > *:nth-child(2){padding: 70px;}
    .buy-block > *:last-child{padding: 70px;}
    .buy-wrp-title *{font-size: 36px;}
    .buy-wrp-title{min-width: 480px; min-height: 70px; padding: 8px 40px; top: -44px;}
    .buy-block{margin: 90px auto 0;}
    .buy-detail{font-size: 26px;}
    .buy-block > *:not(:last-child){margin-bottom: 100px;}
    .zigzag-img{width: 140px; left:-30px; top: -70px;}
    .cartoon-img{width: 130px; right: -30px; top: -130px;}
    .buy-pando-img{width: 200px; left: -80px; top: -180px;}
    .buy-block > *:nth-child(2) .star-img{width: 80px; right: -43px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 90px;}
    .gallery-content{padding: 75px 0;}
    .gallery-block{margin: 60px 0 0;}
    .gallery-image{height: 410px;}
    /* gallery section */

    /* join-us start */
    .join-us-main{padding: 70px 0 0;}
    .join-us-title * { font-size: 120px; line-height: 140px; }
    .content-details { font-size: 32px; line-height: 36px; margin: 30px 0; }
    .join-us-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .join-us-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    .join-us-social-media .common-btn-block { margin-right: 23px; }
    .pando-img { margin: 0 -20px 0 auto; }
    .pando-img img { width: 100%; }
    /* join-us end */
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* banner */
    .banner-pando-image{ right: 0; width: 450px;}
    .banner-title *{font-size: 130px;}
    .banner-detail{margin: 20px 0 0; padding-bottom: 150px;}
    .banner-info{font-size: 26px; max-width: 690px;}
    .banner-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .banner-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    /* banner */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0; font-size: 22px;}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 80px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .about-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    .about-title *{font-size: 60px;}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-right-part{ padding-bottom: 80px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 70px 0 110px;}
    .buy-title *{font-size: 70px;}
    .buy-wrp{ padding: 60px; border-radius:40px ; -webkit-border-radius:40px ; -moz-border-radius:40px ; -ms-border-radius:40px ; -o-border-radius:40px ; }
    .buy-block > *:nth-child(2){padding: 60px;}
    .buy-block > *:last-child{padding: 60px;}
    .buy-wrp-title *{font-size: 30px;}
    .buy-wrp-title{min-width: 440px; min-height: 60px; padding: 8px 30px; top: -36px;}
    .buy-block{margin: 80px auto 0;}
    .buy-detail{font-size: 22px;}
    .buy-block > *:not(:last-child){margin-bottom: 90px;}
    .zigzag-img{width: 120px; left:-30px; top: -60px;}
    .cartoon-img{width: 110px; right: -30px; top: -120px;}
    .buy-pando-img{width: 180px; left: -70px; top: -160px;}
    .buy-block > *:nth-child(2) .star-img{width: 75px; right: -40px;}
    .buy-vector{width: 70px; bottom: 25px; right: -40px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 80px;}
    .gallery-content{padding: 60px 0;}
    .gallery-block{margin: 50px 0 0;}
    .gallery-image{height: 350px;}
    /* gallery section */

     /* join-us start */
     .join-us-main { padding: 70px 0 0 0; }
     .join-us-title * { font-size: 110px; line-height: 130px; }
     .content-details { font-size: 30px; line-height: 34px; margin: 30px 0; }
     .join-us-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
     .join-us-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
     .join-us-social-media .common-btn-block { margin-right: 23px; }
     .pando-img { margin: 0 -20px 0 auto; }
     .pando-img img { width: 100%; }
     /* join-us end */
}

@media (min-width: 1200px) and (max-width: 1299px){
    /* banner */
    .banner-pando-image{ right: 0; width: 450px;}
    .banner-title *{font-size: 130px;}
    .banner-detail{margin: 20px 0 0; padding-bottom: 150px;}
    .banner-info{font-size: 26px; max-width: 690px;}
    .banner-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .banner-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    /* banner */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0; font-size: 22px;}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 80px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .about-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    .about-title *{font-size: 60px;}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-right-part{ padding-bottom: 80px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 60px 0 100px;}
    .buy-title *{font-size: 64px;}
    .buy-wrp{ border-width: 3px; padding: 60px; border-radius:40px ; -webkit-border-radius:40px ; -moz-border-radius:40px ; -ms-border-radius:40px ; -o-border-radius:40px ; }
    .buy-block > *:nth-child(2){padding: 60px;}
    .buy-block > *:last-child{padding: 60px;}
    .buy-wrp-title *{font-size: 30px;}
    .buy-wrp-title{min-width: 440px; min-height: 60px; padding: 8px 30px; top: -36px;}
    .buy-block{margin: 80px auto 0;}
    .buy-detail{font-size: 22px;}
    .buy-block > *:not(:last-child){margin-bottom: 90px;}
    .zigzag-img{width: 120px; left:-30px; top: -60px;}
    .cartoon-img{width: 110px; right: -30px; top: -120px;}
    .buy-pando-img{width: 180px; left: -40px; top: -160px;}
    .buy-block > *:nth-child(2) .star-img{width: 60px; right: -32px;}
    .buy-vector{width: 60px; bottom: 25px; right: -30px;}
    .star-img{top: -36px; left: 65px; width: 70px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 80px;}
    .gallery-content{padding: 60px 0;}
    .gallery-block{margin: 50px 0 0;}
    .gallery-image{height: 350px;}
    /* gallery section */

    /* join-us start */
    .join-us-main { padding: 70px 0 0 0; }
    .join-us-title * { font-size: 110px; line-height: 130px; }
    .content-details { font-size: 30px; line-height: 34px; margin: 30px 0; }
    .join-us-social-media .social-media-list ul li a{width: 60px; height: 60px; padding: 15px;}
    .join-us-social-media .common-btn-block .common-btn{min-height: 60px; padding: 14px 30px; font-size: 20px;}
    .join-us-social-media .common-btn-block { margin-right: 23px; }
    .pando-img { margin: 0 -20px 0 auto; }
    .pando-img img { width: 100%; }
    /* join-us end */
}

@media (min-width: 992px) and  (max-width: 1199px){
    /* header */
    .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .common-btn{min-height: 50px; padding: 10px 25px; font-size: 20px;}
    /* header */

    /* banner */
    .banner-pando-image{ right: 0; width: 350px;}
    .banner-title *{font-size: 100px; text-shadow: 3px 5px 0px rgba(0, 0, 0, 0.90); -webkit-text-stroke: 3px #000;}
    .banner-detail{margin: 20px 0 0; padding-bottom: 112px;}
    .banner-info{font-size: 24px; max-width: 600px; text-shadow: 2px 2.816px 0px rgba(0, 0, 0, 0.75);}
    .banner-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .banner-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .banner-social-media{margin: 30px 0 0;}
    .banner-social-media .social-media-list ul li:not(:last-child){margin-right: 15px;}
    .banner-social-media .common-btn-block{margin-left: 25px;}
    /* banner */

    /* ticker section */
    .ticker-section{padding: 20px 0;}
    .ticker-content .carouselTicker__item a{font-size: 40px;}
    .ticker-content .carouselTicker__item a figure{margin-right: 20px;}
    .ticker-content .carouselTicker__item{margin: 0 20px 0 0 !important;}
    /* ticker section */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 20px 0 0; font-size: 20px; text-shadow: 2px 2.816px 0px rgba(0, 0, 0, 0.75), 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 80px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .about-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .about-title *{font-size: 55px; text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.90); -webkit-text-stroke: 1.5px #000;}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-content{padding: 60px 0 0;}
    .about-social-media{margin: 25px 0 0;}
    .about-social-media .common-btn-block{margin-right: 25px;}
    .about-right-part{ padding-bottom: 77px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 50px 0 90px;}
    .buy-title *{font-size: 60px; text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.70);}
    .buy-wrp{ border-width: 3px; padding: 50px; border-radius:40px ; -webkit-border-radius:40px ; -moz-border-radius:40px ; -ms-border-radius:40px ; -o-border-radius:40px ; }
    .buy-block > *:nth-child(2){padding: 50px;}
    .buy-block > *:last-child{padding: 50px;}
    .buy-wrp-title *{font-size: 26px;}
    .buy-wrp-title{min-width: 400px; min-height: 50px; padding: 8px 20px; top: -30px;}
    .buy-block{margin: 70px auto 0;}
    .buy-detail{font-size: 20px;}
    .buy-block > *:not(:last-child){margin-bottom: 60px;}
    .zigzag-img{width: 90px; left:-15px; top: -45px;}
    .cartoon-img{width: 80px; right: -10px; top: -80px;}
    .buy-pando-img{width: 150px; left: -40px; top: -130px;}
    .buy-block > *:nth-child(2) .star-img{width: 45px; right: -24px;}
    .buy-vector{width: 45px; bottom: 25px; right: -25px;}
    .star-img{top: -31px; left: 65px; width: 60px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 70px;}
    .gallery-content{padding: 50px 0;}
    .gallery-block{margin: 40px 0 0;}
    .gallery-image{height: 300px;}
    /* gallery section */

    /* join-us start */
    .join-us-main { padding: 60px 0 0 0; }
    .join-us-block { margin: 25px 0 0 0; }
    .join-us-title * { font-size: 98px; line-height: 100px;  }
    .content-details { font-size: 24px; line-height: 30px; margin: 30px 0; }
    .join-us-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .join-us-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .join-us-social-media .common-btn-block { margin-right: 23px; }
    .pando-img { margin: 0 -20px 0 auto; }
    .pando-img img { width: 100%; }
    /* join-us end */
}

@media (max-width: 991px) {
    
}

@media (min-width: 768px) and (max-width: 991px){
    /* header */
    .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .common-btn{min-height: 50px; padding: 10px 25px; font-size: 20px;}
    .header{padding: 18px 0;}
    /* header */

    /* banner */
    .banner-pando-image{ right: 0; width: 280px;}
    .banner-title *{font-size: 65px; text-shadow: 2px 4px 0px rgba(0, 0, 0, 0.90);
        -webkit-text-stroke: 2px #000;}
    .banner-detail{margin: 10px 0 0; padding-bottom: 60px;}
    .banner-info{font-size: 20px; max-width: 320px; text-shadow: 2px 1.816px 0px rgba(0, 0, 0, 0.75);}
    .banner-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .banner-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .banner-social-media{margin: 30px 0 0;}
    .banner-social-media .social-media-list ul li:not(:last-child){margin-right: 15px;}
    .banner-social-media .common-btn-block{margin-left: 25px;}
    .banner-content{padding: 40px 0 0;}
    /* banner */

    /* ticker section */
    .ticker-section{padding: 10px 0;}
    .ticker-content .carouselTicker__item a{font-size: 30px;}
    .ticker-content .carouselTicker__item a figure{margin-right: 20px; width: 30px;}
    .ticker-content .carouselTicker__item{margin: 0 20px 0 0 !important;}
    /* ticker section */

    /* about section */
    .about-section::before{background-image: url('../images/about-bg-mobile-img.png');}
    .about-pando-img {margin: 0;}
    .about-detail{margin: 10px 0 0; font-size: 20px; text-align: center; text-shadow: 2px 1.816px 0px rgba(0, 0, 0, 0.75), 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 60px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .about-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .about-title *{font-size: 55px; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.70);}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-content{padding: 50px 0 0;}
    .about-social-media{margin: 35px 0 0; justify-content: center;}
    .about-social-media .common-btn-block{margin-right: 25px;}
    .about-social-media .social-media-list ul li:not(:last-child){margin-right: 15px;}
    .about-top-vector{height: 40px;}
    .grass-bottom-img{height: 40px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 50px 0 90px;}
    .buy-title *{font-size: 54px; text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.70);}
    .buy-wrp{ border-width: 3px; padding: 50px; border-radius:40px ; -webkit-border-radius:40px ; -moz-border-radius:40px ; -ms-border-radius:40px ; -o-border-radius:40px ; }
    .buy-block > *:nth-child(2){padding: 50px;}
    .buy-block > *:last-child{padding: 50px;}
    .buy-wrp-title *{font-size: 26px;}
    .buy-wrp-title{min-width: 400px; min-height: 50px; padding: 8px 20px; top: -30px;}
    .buy-block{margin: 70px auto 0;}
    .buy-detail{font-size: 20px;}
    .buy-block > *:not(:last-child){margin-bottom: 60px;}
    .zigzag-img{width: 90px; left:-15px; top: -45px;}
    .cartoon-img{width: 80px; right: -10px; top: -80px;}
    .buy-pando-img{width: 150px; left: -40px; top: -130px;}
    .buy-block > *:nth-child(2) .star-img{width: 45px; right: -24px;}
    .buy-vector{width: 45px; bottom: 25px; right: -25px;}
    .star-img{top: -31px; left: 65px; width: 60px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 60px;}
    .gallery-content{padding: 50px 0 60px;}
    .gallery-block{margin: 30px 0 0;}
    .gallery-image{height: 240px; margin-bottom: 20px;}
    .gallery-block .row > *{padding: 0 8px;}
    .gallery-block .row{margin: 0 -8px;}
    /* gallery section */

    /* join-us start */
    .join-us-main { padding: 50px 0 0 0; }
    .join-us-block { margin: 25px 0 0 0; }
    .join-us-title * {font-size: 75px; line-height: 78px; text-shadow: 2.253px 4.505px 0px rgba(0, 0, 0, 0.90); -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #000;  }
    .content-details { font-size: 20px; line-height: 30px; margin: 25px 0; }
    .join-us-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px;}
    .join-us-social-media .common-btn-block .common-btn{min-height: 50px; padding: 10px 25px; font-size: 18px;}
    .join-us-social-media .common-btn-block { margin-right: 23px; }
    .pando-img { margin: 0 -25px 0 auto; }
    .pando-img img { width: 100%; }
    /* join-us end */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* header */
    .social-media-list ul li a{ width: 35px; height: 35px; padding: 8px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
    .common-btn{min-height: 35px; padding: 5px 18px; font-size: 16px;}
    .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .common-btn-block{margin-left: 18px;}
    .header{padding: 15px 0;}
    .navbar-brand{width: 160px;}
    /* header */

    /* banner */
    .banner-pando-image{ width: 250px;}
    .banner-title *{font-size: 55px; text-shadow: 2.253px 4.505px 0px rgba(0, 0, 0, 0.90);
        -webkit-text-stroke: 2px #000;}
    .banner-detail{margin: 10px 0 0; padding-bottom: 60px;}
    .banner-info{font-size: 18px; max-width: 320px; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.75);}
    .banner-social-media .social-media-list ul li a{width: 35px; height: 35px; padding: 8px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;}
    .banner-social-media .common-btn-block .common-btn{min-height: 35px; padding: 5px 18px; font-size: 16px;}
    .banner-social-media{margin: 30px 0 0;}
    .banner-social-media .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .banner-social-media .common-btn-block{margin-left: 18px;}
    .banner-content{padding: 20px 0 0;}
    /* banner */

    /* ticker section */
    .ticker-section{padding: 10px 0;}
    .ticker-content .carouselTicker__item a{font-size: 30px;}
    .ticker-content .carouselTicker__item a figure{margin-right: 20px; width: 30px;}
    .ticker-content .carouselTicker__item{margin: 0 20px 0 0 !important;}
    /* ticker section */

    /* about section */
    .about-pando-img {margin: 0;}
    .about-detail{margin: 10px 0 0; font-size: 20px; text-align: center; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.75);}
    .about-block .row{align-items: flex-end;}
    .about-right-part{padding-bottom: 40px;}
    .about-block{margin: 20px 0 0;}
    .about-social-media .social-media-list ul li a{width: 35px; height: 35px; padding: 8px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;}
    .about-social-media .common-btn-block .common-btn{min-height: 35px; padding: 5px 18px; font-size: 16px;}
    .about-title *{font-size: 45px; text-shadow: 2.269px 2.723px 0px rgba(0, 0, 0, 0.70);
        -webkit-text-stroke: 1px #000;}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-content{padding: 40px 0 0;}
    .about-social-media{margin: 30px 0 0; justify-content: center;}
    .about-social-media .common-btn-block{margin-right: 18px;}
    .about-social-media .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .about-top-vector{height: 30px;}
    .grass-bottom-img{height: 30px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 40px 0 90px;}
    .buy-title *{font-size: 40px;}
    .buy-wrp{ border-width: 2px; padding: 30px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
    .buy-block > *:nth-child(2){padding: 30px;}
    .buy-block > *:last-child{padding: 30px;}
    .buy-wrp-title *{font-size: 22px;}
    .buy-wrp-title{ min-width: 270px; min-height: 30px; padding: 6px 10px; top: -26px; border-width: 2px; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
    .buy-block{margin: 60px auto 0;}
    .buy-detail{font-size: 16px;}
    .buy-block > *:not(:last-child){margin-bottom: 50px;}
    .zigzag-img{width: 70px; left:-15px; top: -45px;}
    .cartoon-img{width: 60px; right: -10px; top: -60px;}
    .buy-pando-img{width: 120px; left: -35px; top: -110px;}
    .buy-block > *:nth-child(2) .star-img{width: 34px; right: -18px;}
    .buy-vector{width: 36px; bottom: 25px; right: -20px;}
    .star-img{top: -31px; left: 45px; width: 60px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 50px;}
    .gallery-content{padding: 40px 0 100px;}
    .gallery-block{margin: 20px 0 0;}
    .gallery-image{height: 240px; margin-bottom: 20px;}
    .gallery-slider .slick-slide{padding: 0 10px;}
    .gallery-slider .slick-list{margin: 0 -10px;}
    .gallery-slider{opacity: 0;}
    .gallery-slider.slick-initialized{opacity: 1;}
    .gallery-slider .slick-arrow{ transition: 0.4s; position: absolute; cursor: pointer; z-index: 99; bottom: -50px; left: 50%; transform:translateX(-50%) ; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 11.622px; border: 0.693px solid var(--Heading, #060205); background: #EDFFD2; box-shadow: 1.386px 1.386px 0px 1.386px rgba(255, 255, 255, 0.28) inset, 3.464px 3.464px 0px 0px rgba(0, 0, 0, 0.10), 1.15px 1.15px 0px 0px #000; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .gallery-slider .slick-arrow.slick-prev{ transform:translateX(-110%) ; -webkit-transform:translateX(-110%) ; -moz-transform:translateX(-110%) ; -ms-transform:translateX(-110%) ; -o-transform:translateX(-110%) ; }
    .gallery-slider .slick-arrow.slick-next{ transform:translateX(15%) ; -webkit-transform:translateX(15%) ; -moz-transform:translateX(15%) ; -ms-transform:translateX(15%) ; -o-transform:translateX(15%) ; }
    .gallery-slider .slick-arrow:hover{filter: invert(1) brightness(1) grayscale(1); -webkit-filter: invert(1) brightness(1) grayscale(1);}
    /* gallery section */

    /* join-us start */
    .join-us { text-align: center; }
    .join-us::before { background-image: url(../images/join-us-mobile-shape.png); }
    .join-us-main { padding: 70px 0 0 0; }
    .join-us-block { margin: 0 0 78px; }
    .join-us-title * { font-size: 84px; line-height: 94px; text-shadow: 2.253px 4.505px 0px rgba(0, 0, 0, 0.90); -webkit-text-stroke: 2px #000; }
    .content-details { font-size: 20px; line-height: 30px; margin: 31px 0 26px 0; }
    .join-us-social-media { justify-content: center; }
    .join-us-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px; border-radius:11px ; -webkit-border-radius:11px ; -moz-border-radius:11px ; -ms-border-radius:11px ; -o-border-radius:11px; box-shadow: 1.386px 1.386px 0px 1.386px rgba(255, 255, 255, 0.28) inset, 3.464px 3.464px 0px 0px rgba(0, 0, 0, 0.10), 1.15px 1.15px 0px 0px #000;}
    .join-us-social-media .common-btn-block .common-btn{min-height: 50px; padding: 5px 28px; font-size: 14px;  border-radius: 5.825px; border: 1.664px solid #000; box-shadow: 4.161px 4.161px 0px 0px rgba(0, 0, 0, 0.10), 4.161px 4.161px 0px 1.664px rgba(255, 255, 255, 0.28) inset;}
    .join-us-social-media .common-btn-block { margin-right: 23px; }
    .pando-img { margin: 0; }
    .pando-img img { width: 100%; }
    /* join-us end */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
    /* header */
    .social-media-list ul li a{ border-width: 0.457px; width: 35px; height: 35px; padding: 8px; border-radius:7px ; -webkit-border-radius:7px ; -moz-border-radius:7px ; -ms-border-radius:7px ; -o-border-radius:7px ; box-shadow: 0.915px 0.915px 0px 0.915px rgba(255, 255, 255, 0.28) inset, 2.287px 2.287px 0px 0px rgba(0, 0, 0, 0.10), 0.759px 0.759px 0px 0px #000; }
    .common-btn{ min-height: 35px; padding: 5px 18px; font-size: 12px; border-width: 1px; border-radius: 3.85px; -webkit-border-radius: 3.85px; -moz-border-radius: 3.85px; -ms-border-radius: 3.85px; -o-border-radius: 3.85px; box-shadow: 2.75px 2.75px 0px 0px rgba(0, 0, 0, 0.10), 2.75px 2.75px 0px 1.1px rgba(255, 255, 255, 0.28) inset;}
    .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .common-btn-block{margin-left: 5px;}
    .header{padding: 22px 0;}
    .navbar-brand{width: 140px;}
    /* header */

    /* banner */
    .banner-section{overflow: hidden;}
    .banner-pando-image{ width: 265px; margin: 35px auto 0 auto;}
    .banner-title *{font-size: 84px; text-align: center; text-shadow: 2.253px 4.505px 0px rgba(0, 0, 0, 0.90); -webkit-text-stroke: 2px #000;}
    .banner-detail{margin: 0; padding-bottom: 0;}
    .banner-info{font-size: 20px; max-width: 350px; margin: 15px auto 0;}
    .banner-social-media .social-media-list ul li a{ width: 50px; height: 50px; padding: 12px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; box-shadow: 1.386px 1.386px 0px 1.386px rgba(255, 255, 255, 0.28) inset, 3.464px 3.464px 0px 0px rgba(0, 0, 0, 0.10), 1.15px 1.15px 0px 0px #000;}
    .banner-social-media .common-btn-block .common-btn{min-height: 50px; padding: 5px 28px; font-size: 14px; border-radius: 5.825px; border: 1.664px solid #000; box-shadow: 4.161px 4.161px 0px 0px rgba(0, 0, 0, 0.10), 4.161px 4.161px 0px 1.664px rgba(255, 255, 255, 0.28) inset;}
    .banner-social-media{margin: 30px auto 0; width: 100%; max-width: 350px;}
    .banner-social-media .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .banner-social-media .common-btn-block{margin-left: 22px;}
    .banner-content{padding: 100px 30px 0;}
    /* banner */

    /* ticker section */
    .ticker-section{padding: 10px 0;}
    .ticker-content .carouselTicker__item a{font-size: 25px;}
    .ticker-content .carouselTicker__item a figure{margin-right: 15px; width: 20px;}
    .ticker-content .carouselTicker__item{margin: 0 15px 0 0 !important;}
    /* ticker section */

    /* about section */
    .about-detail{margin: 10px 0 0; font-size: 20px; text-align: center; letter-spacing: normal; text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.75);}
    .about-right-part{padding-bottom: 43px;}
    .about-block{margin: 10px 0 0;}
    .about-social-media .social-media-list ul li a{width: 50px; height: 50px; padding: 12px; border-radius:11px ; -webkit-border-radius:11px ; -moz-border-radius:11px ; -ms-border-radius:11px ; -o-border-radius:11px; box-shadow: 1.386px 1.386px 0px 1.386px rgba(255, 255, 255, 0.28) inset, 3.464px 3.464px 0px 0px rgba(0, 0, 0, 0.10), 1.15px 1.15px 0px 0px #000;}
    .about-social-media .common-btn-block .common-btn{min-height: 50px; padding: 5px 28px; font-size: 14px;  border-radius: 5.825px; border: 1.664px solid #000; box-shadow: 4.161px 4.161px 0px 0px rgba(0, 0, 0, 0.10), 4.161px 4.161px 0px 1.664px rgba(255, 255, 255, 0.28) inset;}
    .about-title *{font-size: 40px; letter-spacing: 1.6px; text-shadow: 2.269px 2.723px 0px rgba(0, 0, 0, 0.70); -webkit-text-stroke: 1px #000;}
    .about-detail > *:not(:last-child){margin-bottom: 20px;}
    .about-content{padding: 70px 28px 0;}
    .about-social-media{margin: 30px 0 0; justify-content: center;}
    .about-social-media .common-btn-block{margin-right: 22px;}
    .about-social-media .social-media-list ul li:not(:last-child){margin-right: 10px;}
    .about-top-vector{height: auto;}
    .grass-bottom-img{height: auto;}
    .about-pando-img{position: relative;width: 265px;margin: 35px auto 0 auto;}
    /* about section */

    /* buy section */
    .buy-section::before{background-image: url('../images/buy-mobile-bg.png');}
    .buy-content{padding: 70px 5px 85px;}
    .buy-title *{font-size: 40px; text-shadow: 2.269px 2.723px 0px rgba(0, 0, 0, 0.70); letter-spacing: 1.6px; -webkit-text-stroke: 1px #000;}
    .buy-wrp{ border-width: 2px; padding: 34px 15px 20px 20px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
    .buy-block > *:nth-child(2){padding: 34px 15px 20px 20px;}
    .buy-block > *:last-child{padding: 34px 15px 20px 20px;}
    .buy-wrp-title *{font-size: 20px;}
    .buy-wrp-title{ min-width: 234px; min-height: 35px; padding: 2px 10px; top: -21px; border-width: 2px; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }
    .buy-block{margin: 50px auto 0;}
    .buy-detail{font-size: 20px;}
    .buy-block > *:not(:last-child){margin-bottom: 50px;}
    .zigzag-img{width: 54px; left:-15px; top: -33px;}
    .cartoon-img{width: 60px; right: -10px; top: -64px;}
    .buy-pando-img{width: 85px; left: -23px; top: -73px;}
    .buy-block > *:nth-child(2) .star-img{ width: 34px; right: -18px; transform:translateY(-15%) ; -webkit-transform:translateY(-15%) ; -moz-transform:translateY(-15%) ; -ms-transform:translateY(-15%) ; -o-transform:translateY(-15%) ; }
    .buy-vector{width: 36px; bottom: 60px; right: -16px;}
    .star-img{top: -18px; left: 25px; width: 35px;}
    .buy-block > *:last-child .star-img{width: 28px; left: 21px; bottom: -15px;}
    /* buy section */

    /* gallery section */
    .gallery-section::before{background-image: url('../images/gallery-mobile.png');}
    .gallery-title *{font-size: 40px; letter-spacing: 1.6px; text-shadow: 2.269px 2.723px 0px rgba(0, 0, 0, 0.70); -webkit-text-stroke: 1px #000;}
    .gallery-content{padding: 70px 0 120px;}
    .gallery-block{margin: 20px 0 0;}
    .gallery-image{width: 342px; height: 342px; margin: 0 auto 20px;}
    .gallery-slider .slick-slide{padding: 0;}
    .gallery-slider .slick-list{margin: 0;}
    .gallery-image img{border-radius: 20.982px; border: 3.497px solid #FFF;}

    /* join-us start */
    .pando-img img { max-width: 322px; }
    /* join-us end */
}

@media (max-width: 420px){
    /* header */
    .navbar-brand{width: 100px;}
    .header-right-part .social-media-list ul li a{width: 30px; height: 30px; padding: 6px;}
    .header-right-part .common-btn{min-height: 30px; padding: 5px 12px;}
    /* header */

    /* banner */
    .banner-content{padding: 30px 5px 0;}
    .banner-title *{font-size: 55px; text-align: left;}
    .banner-info{font-size: 18px;}
    .banner-social-media{margin: 25px 0 0;}
    /* banner */

    /* about section */
    .about-content{padding: 40px 5px 0;}
    .about-title *{font-size: 30px;}
    .about-detail{font-size: 18px;}
    .about-right-part{padding-bottom: 30px;}
    .about-pando-img{left: 0; display: flex; justify-content: center; margin: 0 auto; width: 280px;}
    /* about section */

    /* buy section */
    .buy-content{padding: 30px 0 50px;}
    .buy-title *{font-size: 30px;}
    .buy-wrp{ border-width: 2px; padding: 30px 15px 20px 20px; }
    .buy-block > *:nth-child(2){padding: 30px 15px 20px 20px;}
    .buy-block > *:last-child{padding: 30px 15px 20px 20px;}
    .buy-wrp-title *{font-size: 18px;}
    .buy-wrp-title{ min-width: 200px; min-height: 28px; padding: 2px 8px; top: -18px; border-width: 2px; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
    .buy-block{margin: 40px auto 0;}
    .buy-detail{font-size: 16px;}
    .buy-block > *:not(:last-child){margin-bottom: 40px;}
    .zigzag-img{width: 40px; left:-5px; top: -23px;}
    .cartoon-img{width: 40px; right: -10px; top: -45px;}
    .buy-pando-img{width: 55px; left: -16px; top: -50px;}
    .buy-block > *:nth-child(2) .star-img{ width: 24px; right: -13px; transform:translateY(-15%) ; -webkit-transform:translateY(-15%) ; -moz-transform:translateY(-15%) ; -ms-transform:translateY(-15%) ; -o-transform:translateY(-15%) ; }
    .buy-vector{width: 24px; bottom: 60px; right: -13px;}
    .star-img{top: -15px; left: 15px; width: 25px;}
    .buy-block > *:last-child .star-img{width: 24px; left: 21px; bottom: -13px;}
    /* buy section */

    /* gallery section */
    .gallery-title *{font-size: 30px;}
    .gallery-content{padding: 30px 0 100px;}
    .gallery-image{width: 270px; height: 270px;}
    .gallery-slider .slick-arrow{width: 45px; height: 45px;}
     /* gallery section */

     /* join-us start */
    .join-us-main { padding: 40px 0 0 0; }
    .join-us-block { margin: 0 0 30px; }
    .join-us-title * { font-size: 60px; line-height: 65px; }
    .content-details { font-size: 18px; line-height: 20px; margin: 20px 0; }
    .pando-img img { max-width: 290px; }
    /* join-us end */
}