@media screen and (max-width:1299px){
  .main-title p{font-size:18px;line-height:30px;}
  .heading-ttl h3 br{display: none;}
}

@media screen and (max-width:1080px){
  .findus-people ul li{float:left;width:20%;padding:3px;}
  .heading-ttl h3 {font-size: 36px;}
  .theme-ttl {font-size: 36px !important;}
  .shareLinks > li > a {font-size: 16px;}
  .title-mid {font-size: 18px !important;}
  .btn-theme {font-size: 16px;padding: 0px 20px;height: 50px;line-height: 53px;}
  .cmn-wrap h3.main-ttl, .main-ttl > span {font-size: 30px;}
}

@media screen and (max-width:991px){
  .header {padding: 8px 0;}
  .header .navbar-nav>li {text-align: right;}
  .header .navbar-nav > li > a{padding-bottom: 10px;font-size: 13.5pt;}
  .brand-subtext {font-size: larger;}
  section.hero{height:calc(100vh - 55px);}
  .cmn-wrap {padding: 20px 0;font-size: 1.1rem;line-height: 1.5;}
  .box1 p,.box2 p{ text-align: center; font-size: 16px;}
  .yourchant .mantra p {font-size: 2em;}
  .yourchant .video_rec .mantra {min-width: 335px;}
}

@media screen and (max-width:767px){
  .cmn-wrap h2, .cmn-wrap h3 {text-align:center;}
  #vimeo_iframe_play { margin-top: 26px; }
  .main-one-section { justify-content: start; }
  .main-one-section p {width:50%;}
  .yourchant{font-size:13px;}
  .yourchant .video_rec {height: 60vw;}
}

@media screen and (max-width:575px){
  ul.personal-gallery li { width: 50%;}
  ul.personal-gallery .showin,
  ul.personal-gallery li img{height: 130px;}
  ul.personal-gallery .showin {min-height: 130px;}
  .yourchant{font-size:12px;}
  .yourchant .video-thumb {width: 9em;height: 9em;}
}

@media screen and (min-width:576px){
  a.brand-logo {font-size: 15pt;}
  .submit-your-chant {background-position: 50% 250px, right bottom;background-size: 95%, auto;}
  ul.personal-gallery li { width: 33%;}
  .yourchant .video-thumb {width: 10em;height: 10em;}
}

@media screen and (min-width:768px){
  a.brand-logo {font-size: 18pt;}
  .feedback li p span br,
  .donate-box .pdf-download br {display: none;}
  .modal-md {max-width: 600px;}
  h2 {font-size: 2.625rem;}
  h3 {font-size: 1.75rem;}
  .cmn-wrap h3 {line-height: 1.3;}
  .cmn-wrap h3.main-ttl, .main-ttl > span {font-size: 1.375rem;}
  ul.personal-gallery li { width: 25%;}
  .yourchant .video_rec {height: 30vw;}
}

@media screen and (min-width:992px){
  section.hero{height:calc(100vh - 69px);}
  h2{font-size: 4rem;}
  h3 {font-size: 3rem;}
  h4 {font-size: 2rem;}
  h5 {font-size: 1.5rem;}
  h6 {font-size: .75rem;}
  .cmn-wrap h3 {line-height: 1.3;}
  .box1 h3,.box2 h3{ text-align: left; }
  .two-btns .btn-links{font-size:2.4rem;}
  .two-btns .btn-links .rppb{font-size:1.2rem;width:70px;height:70px;line-height:70px;}
  .two-btns .btn-links p{font-size:1.2rem;}
  .submit-your-chant {background-position: 60% 600px, right bottom;background-size: 720px, auto;}
  .mobileApp{height: 660px;}
  .mobileApp .iphoneImg{flex: 1 0 50%;width: 50%;}
  .mobileApp .Btn, .mobileApp .Desc{flex: 0 1 auto;width: 50%;}
  ul.personal-gallery { padding: 60px 0 70px;}
  ul.personal-gallery li { width: 20%;}
  #userMenu>span{max-width:100px;line-height: 1;height: 1em;}
}

@media screen and (orientation: landscape){
  #VideoModal .modal-dialog {max-width:90vw;}
  #YTPlayer {height: 65vh;}
}
@media screen and (orientation: portrait){
  #VideoModal .modal-dialog {max-width:95vw;}
  #YTPlayer {height: 90vw;}
}
/* end of new */

@media screen and (max-width:991px){
  .header .navbar-nav > li > a {font-size: 16px;padding: 10px 10px 0px;}
  .slide-caption{font-size:24px;padding:15px;line-height:30px;}
  .slide-caption h1{font-size: 30px; line-height: 30px;}
  .buttons .btn{font-size: 1.1rem;padding: 0 1em;height: 2.5em;line-height: 2.5em;}
  section.hero .owl-carousel .owl-item img{height:350px;width:auto;max-width:inherit;}
  section.hero .owl-carousel .owl-item a.btn-play img{width:30px;}
  .feed-sec .container {padding-left: 10px;padding-right: 10px;}
  .feedback li{padding:10px 5px 0;    font-size: 24px;}
  .feedback li p span{display: block; min-height: 60px; font-size: 10px;}
  .campaign-se{padding-bottom:40px;margin-bottom:0;}
  .newsletter-form .form-control{height:50px;line-height:50px;font-size:16px;}
  .btn-theme{height:50px;line-height:50px;font-size:16px;}
  .map-frame{margin:4px 0;}
  .search-box .form-control{height:50px;line-height:60px;font-size:20px;}
  .search-box .form-group .btn-search{right:0;background-size:20px;}
  .findus-people ul li{width:33.33%;}
  .people-sec .cd-gallery{padding-bottom:0px;    padding-left: 0; padding-right: 0;}

  .btn-block {width: 40%; margin-top: 26px;margin: auto;}

  .We-thank-the-followi {width: 100% ; height: auto;}
  .amb-tp .img-theme{margin-top: 25px;}
  .heading-ttl h3 {font-size: 30px;}
  .theme-ttl {font-size: 30px !important;}
  .heading-ttl {padding: 30px 0px 0px;}
  .padd-tb {padding: 35px 0px;}
  .theme-ttl {font-size: 28px !important;}
  .title-mid {font-size: 18px !important;line-height: 24px !important;}
  .vedio-sec-cont::before {top: 0px;}
  .amb-tutorials { padding-bottom: 0;}
  .tutorials_shape {position: absolute; height: 150px; width: 100%;}
  .findus-people ul{padding-top: 40px;}
  .footer-group-btns .btn-link { margin-right: 2px;}
  .footer-group-btns .email{display: block; top: 0; margin-top: 10px; margin-left: 0; margin-right: 0;}
  
  .become-amb .pull_right {width: 100%;}
  .pl40{padding-left: 0;}
  .pr40{padding-right: 0;}

  .fortunate-video-list-div div.video-thumbnails {width: 50%;}
  .close-button-section {position: absolute;right: 15px;top: 15px;}
  .yourchant .step + .arrow {margin: 2.5em;transform: rotateZ(90deg);}
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
  .header .navbar-nav{margin-top: 7.5px; margin-bottom: 7.5px;}
}
@media screen and (min-width:1140px){
  .amb-tp .img-theme {width: 625px;}
  .become-amb .img-theme {width: auto;}
  .yourchant #wellcome {padding: 6em 1em;}
  .yourchant .video_rec {height: 400px;}
}

@media screen and (min-width:1200px){
  .two-btns .btn-links{font-size:3rem;}
  .two-btns .btn-links .rppb{font-size:1.5rem;width:80px;height:80px;line-height:80px;}
  .two-btns .btn-links p{font-size:1.5rem;}
  .yourchant #wellcome {padding: 8em 1em;}
  .yourchant .video-thumb {width: 10.65em;height: 10.65em;}
}

@media screen and (max-width:768px){
  .slide-caption.up{top:0;}
  .main-title h2{font-size:30px;text-align:center;padding:30px 0;}
  .findus-people{margin-bottom:30px;}
  .newsletter-form{padding-left:15px;padding-right:15px;padding-top: 38px;}
  .theme-design{margin-bottom:30px;}
  .theme-design:before{left:0;background-size: 100% 100%;bottom: -30px;bottom: -20px;}
  .footer{padding:40px 0 0px;}
  .footer .text-left, .footer .text-right{text-align:center;padding:15px 0;}
  .footer-group-btns .email a.btn-link{display:block;padding-top:15px;}
  .cd-gallery ul:after{clear:both;content:"";display:block;}
  .cd-gallery li{position:relative;width:33.3%;float:left;padding:3px;}
  .cd-tab-filter a{border:none}
  .lernmore{font-size: 18px; line-height: 30px;}
  .heading-ttl h3 {font-size: 22px; max-width: 550px; margin: auto; }
  .pull_right {float: left; margin-bottom: 20px; }
  .padd-tb {padding: 20px 0px; }
  .theme-ttl {font-size: 24px !important; text-align: center;margin-top: 20px; }
  .shareLinks > li > a {font-size: 15px; }
  .become-amb h4,
  .title-mid {font-size: 16px !important; line-height: 24px !important; }
  .download-app > a.inline-btn, .contribute-btn > a.inline-btn {margin-top: 20px; }
  .download-app {text-align: center; }
  .pb30 .btn-theme{margin: 36px auto 10px;}
  .btn-theme {height: 44px; line-height: 45px; font-size: 15px; }

  .amb-tp-profile .rgt-profile { width: 100%;}
  .rgt-profile .mobile-text{display: block;}
  .rgt-profile .amb-title .btn-back{left: 0;}
  .lft-profile .desktop-text{display: none;}
  .lft-profile{clear: both;}

  .amb-tp-profile .amb-pic { max-width: 400px; margin-left: auto; margin-right: auto;    padding: 15px 0 30px;}
  .tutorials-txt p {text-align: center; } 
  .overlay-Cont > h3 {font-size: 20px; }
  .feedback li p span{line-height: 16px;    min-height: 40px;}
  .findus-people ul{padding-top: 15px;}

  .progress-row{padding-top:60px;    max-width: 276px;}

  .img-theme {max-width: 400px;margin-left: auto;margin-right: auto;}

  ul.socialLinks{text-align: center;justify-content: inherit; text-align: center; padding: 6px 0px;line-height: inherit;}
  ul.socialLinks li{margin:0px 10px 10px; }
  ul.socialLinks li.text-every{display: block; padding: 0px; margin: 0;}

  .milestone-sec .mv50 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-top: 15px;
  }
  .fortunate-video-list-div .video-thumbnails-inner:before {
    background-size: 50px;
  }
}

@media screen and (max-width:568px){
  .showin{padding: 30px 5px;}
  .showin p{font-size: 13px;}
  .showin h4 {font-size: 20px;}
  .showin h5 {font-size: 15px}
  .vedio-item {width: 100%; }
  .vedio-sec-cont::before {width: 100%; right: 0; max-width: 462px; background-size: 462px;}

  .img-theme {max-width: 300px;}
}

@media screen and (max-width:479px){
  .cd-gallery li{width:50%;}
  .slide-caption{font-size:20px;padding:15px;line-height:24px;text-align:center;}
  .slide-caption h1{font-size:24px;line-height:30px;}
  .buttons .btn{font-size:12px;}
  .findus-people ul li{width:33.33%;}
  .findus-people ul li .addmore span{font-size: 13px; line-height: 20px;}
  .people-sec .main-title span.light {display: block;}
  .img-theme {max-width: 280px;}

  .fortunate-video-list-div div.video-thumbnails {width: 100%;}
  .fortunate-video-list-div .video-thumbnails-inner:before {background-size: 60px;}
}

@media screen and (max-width: 340px){
  .img-theme {max-width: 260px;}    
}



/*3.0.0 amb-join css */
@media screen and (max-width:768px){
  .ambassador-detalis p { width: auto;height: auto;}
  .text-heading h2 {text-align: center;}
  .text-heading p {    text-align: center;font-size: 25px;}
  .text-p2 p {text-align: center;width:auto;}
  .iphoneImg img {
    width: 270px;
    height: 535px;
    margin-top: 24px;
  }
  .main-cnt {padding-bottom: 40px;}
  .main-content .support-global { margin-top: 55px; }
}

@media screen and (min-width: 768px) and (max-width: 1169px){ 
  .ambassador-detalis p { width: auto;}
  .text-heading h2 {text-align: center;}
  .text-heading p {    text-align: center;font-size: 25px;}
  .text-p2 p {text-align: left;width:auto;height: auto}
}
/*popup video*/
@media screen and (max-width:768px)
{
  .main-section {
    padding: 10px 34px;
  }
  .play-icon img {
    width: 100%;
    max-width: 58px;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0px;
    margin: auto;
  }
  .list-nav li {
    padding: 26px 0px 0;
    width: 100%;
    text-align: center;
  }
  .playicon {top: 75% !important;}
  .amb-detail{text-align: center;margin: 15px 0px;}
}

@media screen and (max-width:991px)
{
  .popup-header {
    background: #fff;
    height: auto;
    width: 100%;
    float: left;
    display: block;
  }
  .profile-section p {
    font-family: Circe;
    font-size: 13px;
  }
  .main-popupbody {
    padding: 0px;
  }
  .comment-section {
    background: #fff;
    height: 100%;
    min-height: 100%;
    float: left;
    display: block;
    width: 100%;
    padding: 119px 0px;
    margin-top: 5px;
  }
  .back-hedaer
  {
    margin: 0;
    padding: 0;
  }
  .popup-img {
    width: 100%;
    height: auto;
  }
  .popup-footer {background: #fff; width: 100%;float: left; }
  .comment-section p {
    padding: 0% 0% 0%;
  }
}
@media screen  (min-width:768px) and (max-width:991px)
{
  .playicon {top: 55% !important;}
}
@media  (min-width:992px) and (max-width:1300px)
{
  .main-popupbody {
    padding: 74px 15px !important;
  }
  .profile-section li {
    margin: 12px 6px 0px;
  }.list-nav a { padding: 10px 2px;}
  .profile-section p {
    font-family: Circe;
    font-size: 16px;
  }
  .comment-section p {
    padding: 100% 0% 0%;
  }
}
@media (max-width: 1169px){
  .cross-icon {margin-right: 0px;}
}

/*<-------------- start --------->*/
@media screen and (max-width:568px){
  .mini-cnt { padding-bottom: 160px;}
  .have-a-question {padding-top: 20px; }
  .mini-cnt.submit-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .table > tbody > tr > td{font-size: 12px;}
}
/*<-------------- end --------->*/

@media (max-width:639px){
  .progress-section-heading.cancel-heading { padding: 31px 39px; }
  .progress-section-heading.cancel-heading { top: 0%; }
  .progress-section-heading.cancel-heading a { display: block; margin-bottom: 12px; }
  .progress-section-heading.failed-heading.completed-heading a{font-size:16px; }
}
/*<-------------- start --------->*/
@media screen and (max-width:767px){
  .We-thank-the-followi{width: 100%;text-align: center; height: auto;font-size: 18px;}
  .have-a-question{padding-top:30px; }

  .have-a-question a {
    float: none;
    text-align: center;
    width: 100%;
  }
}
/*<-------------- end --------->*/
/*<-------------- start --------->*/
@media screen and (max-width:991px){
  .mini-cnt{padding-bottom: 0;}
  .mini-cnt.submit-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .btn-center{text-align: center;}
}
/*<-------------- end --------->*/

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  .table > tbody > tr > td{font-size: 16px;}
  thead tr th:not(.unhidden) {display: none;}
  td { 
    border: none;
    border-bottom: 1px solid #eee; 
    /* position: relative; */
  }
  td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
}
@media screen and (max-width:767px){
  .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th{
    white-space: initial !important;
  }
  .cd-tab-filter ul{border: solid 1px #eee;}
  .btn-app{text-align: center;margin-top: 10px;}
}

/*change css*/
@media screen and (max-width:520px)
{
  .socialLinks > li > a {width: 23px;height: 23px;}
  .socialLinks > li.appstore_logo a {width: 25px;}
  .shareLinks > li > a {font-size: 16px;}
  .profile-amb{text-align: center;}
  .showin h4 {margin: 4px 0; padding: 5px 0 5px;line-height: 18px}
  input.btn.see-btn.select-btn {font-size: 12px !important;padding: 0px !important;}
  .video-section{position: absolute;top: 200px;left: 0;right: 0;}
  .sec-conutmbl{margin-top: 230px;}
  ul.socialLinks li{margin:0px 5px 10px; }
  .cunt-mbl .showin-border {
    height: 98px !important;
  }
  .iphoneImg img {
    width: 228px;
    height: 453px;
    margin-top: 24px;
  }

}
@media screen and (min-width:991px) and (max-width:1169px)
{
  .submit-bottom{padding-bottom: 100px;}
  .list-nav li {
    padding: 26px 4px 0;
  }

}
@media screen and (min-width:367px) and (max-width:640px)
{
  .cunt-mbl li{width: 25% !important;vertical-align: top;}
  .cunt-mbl p {font-size: 15px;}
  .cunt-mbl h5 {font-size: 10px;}
  .cunt-mbl .showin{height: 145px}
  .video-section{position: absolute;top: 230px;left: 0;right: 0;}
  .sec-conutmbl{margin-top: 200px;}
}

@media screen and  (max-width:767px)
{
  /*  @-moz-document url-prefix() 
     {
     .overlay-list {max-width:-moz-max-content;width: auto;;} 
     }
     .overlay-list {
     
     max-width: max-content;
     transition: .5s ease;
     background-color: #eee;
     transform: translate(-89%, 2%);
     width: auto;
     }*/
  .overlay-list {
    min-width: 132px !important;
    transform: translate(0) !important;
    float: right;
    width: auto;
    right: 0;
    background: transparent;
    left: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{ 
  /* @-moz-document url-prefix() 
     {
     .overlay-list {max-width:-moz-max-content;width: auto;;} 
     }*/
  .overlay-list {
    min-width: 110px;
    right: auto;
  }
  .tutorials-txt{margin-bottom: 185px}
}
@media screen and (min-width: 992px) and (max-width: 1024px)
{ 
  .overlay-list {
    position: absolute;
    height: 54px;
    transition: .5s ease;
    margin-top: -20px;
    transform: translate(0); 
    width: auto;
    min-width: 160px;
    right: 47px;
  }
}

@media screen and (max-width: 360px)
{
  .mobile-social li a
  {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.3px;
    padding: 10px 0px;
  }
  .socialLinks > li > a {
    width: 20px;
    height: 23px;
  }
  .btn-block {
    width: 80% !important;
  }
  .overlay-list {
    min-width: 98px !important;
  }
  .tutorials-txt{margin-bottom: 185px}
  .play-store img {
    width: 120px;
    height: 40px;
    border-radius: 8px;
  }
  .app-store img {
    width: 130px;
    height: 40px;
    border-radius: 3px;
    margin-right: 10px;
  }
} 

@media screen  and (min-width: 361px)  and (max-width: 767px)
{
  .mobile-social li a
  {
    font-size: 17px;
    line-height: 14px;
    letter-spacing: 0.3px;
    padding: 10px 0px;
  }
  .socialLinks > li > a {
    width: 20px;
    height: 25px;
  }
  .btn-block { width: 80% !important; }
  .showin-border {
    border-right: solid 1px rgba(191, 191, 191, 0.3) !important;
    border:none;
  }
  .showin-border:last-child  {
    border: 1px ;
    border-right: none;

  }
  li:last-child .showin-border {
    border-right: none !important;
  }
  .showin-border {
    padding: 13px 5px;
  }
  .tutorials-txt{margin-bottom: 185px}
  .play-store img {
    width: 160px;
    height: 52px;
    border-radius: 8px;
  }
  .app-store img {
    width: 160px;
    height: 52px;
    border-radius: 3px;
    margin-right: 10px;
  }
  .text-p2 {
    padding: 37px 0px 14px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .btn-theme:hover{color:#fff;}
  .btn:hover:before{width:100%;}
  .btn-gray:hover{background-color:#55c8e0;border-color:#55c8e0;color:#fff;}
  .header .nav>li>a:hover{color:#55c8e0;}
  .two-btns .btn-links:hover{text-decoration:none;}
  .two-btns .btn-links:hover .rppb{background-color:#55c8e0;}
  .donate-box .btn-link:hover{text-decoration:none;opacity:0.9;}
  .cd-gallery li:hover a.btn-play{opacity:1;visibility:visible;}
  .footer .email a.btn-link:hover{text-decoration:none;}
  .btn-play img:hover {opacity: 0.5;}
  ul.personal-gallery li:hover a.btn-play, .img-theme:hover a.btn-play {opacity: 1;visibility: visible;}
  .vimg-theme:hover:after{background-color: rgba(0,0,0,0.2);}
  .vimg-theme:hover .overlay-Cont {opacity: 1;visibility: visible;}
  .shareLinks > li > a:hover {text-decoration: none;}
  .btn.view-profile:hover{color: #fff;}
  .list-hover:hover .overlay-list{opacity: 1;}
  .list-hover:hover {z-index: 0}
  .poupImg:hover:after{background-color: transparent !important;}
  .pub_social a:hover{opacity: 1;}
  
}

@media (orientation: landscape) {
  #video_recorder {
	-ms-flex-direction:row!important;
    flex-direction: row!important;
  }
  .yourchant .video_rec .mantra p {font-size: 1.8em;}
}

@media (orientation: portrait) {
  #video_recorder {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }
}