/*For Ipad Mini Landscape*/
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .globe {display: none;}
    .donate.mr-2 {
        position: absolute;
        left: 7%;
    } 
    
    .donate-options {
       margin: -21px 0 0 0!important; 
    } 
    input[type="text"].vfb-text,
    input[type="tel"].vfb-text,
    input[type="email"].vfb-text,
    input[type="url"].vfb-text,
    textarea.vfb-textarea,
    select.vfb-select {
        padding: 8px 10px 3px !important;
    }
    .fl-node-59bf72a164a37 {
	min-width:600px;
	max-width:600px;
	margin:auto auto;
    }
    .footer-logo {
        padding: 25px;
        width: 100%;
    }
    .footer-logo img {
        width: 60px;
        margin: auto;
    }
    .probox .proinput {
        width: 100px !important;
    }
}

/*For Mobile Phones Portrait and Landscape. Non-specific */
@media (max-width: 768px){
    input[type="text"].vfb-text,
    input[type="tel"].vfb-text,
    input[type="email"].vfb-text,
    input[type="url"].vfb-text,
    textarea.vfb-textarea,
    select.vfb-select {
        padding: 8px 10px 3px !important;
    }
    .post-search {
    height: 600px!important;
    }
    
    .social-media-icons img {
        width: 45px !important;
    }

    .sm-ic{
        padding: 30px 0px !important;
    }

    .mobile-top-40 {
        padding-top: 40px;
    }

    .dropbtn {
        font-size:12pt;
    }

    .dropdown-content a{
        font-size: 12pt;
    }
    .wpdreams_asl_container{
        margin: 30px 0px 25px 0px !important;
    }
    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{
          transform: none !important;
    }
    nav .container{
    	 -webkit-overflow-scrolling: touch!important;
	 max-width: 100%;
    }
    .menu-main-menu {
        margin-bottom: 30px !important;
    }
    .menu-main-menu-container{
        margin: 10px !important;
    }
    /* post-X *
    .onlrgscrnonly { 
        display: none;
    }
    */
}


@media only screen and (device-width: 414px) and (device-height: 736px){
    .card-body{margin: 148px 0 0 0 !important;}
}


@media only screen and (min-width: 290px) and (max-width: 786px){
    /*NEW AND EDITED CODE FOR 30-DAY*/ 
   .vfb-submit, input.vfb-submit[type="submit"]:hover {
    background:#ff5722;
   }
   .donate.mr-2 {
        order:0;
        font-size: 10pt;
        padding: 10px 10px;
        margin: 0;
    }
    .searchbttn{
        display:none;
    }
   .mobile-only{
    display:block;
   }
    .fl-accordion-button:hover {
    background-color: inherit!important;
    }
    .youtube-video-container {
      max-width: 100%!important;
    }
 
   .nav-item:hover .dropbtn {
        color: #fff;
    }
    .nav-item .active{
        color:#FF5722!important;
    }
    /*NEW AND EDITED CODE FOR 30-DAY END */
    .hvr-sweep-to-right:before {
        background: transparent !important;
    }
    .fl-button:hover{
         background:#ff5722!important; 
  	 border: 1px solid #ff5722!important; 
    }
    /*Resource Center*/
    .resource-center img {
         height: 150px !important;
         position: relative;
         background-color: rgba(235,235,216, 1);
         width: 150px;
    }
    .resource-center .fl-photo-caption-below {
        background-color: rgba(235,235,216, 1);
        height: 150px;
        padding: 10px;
        width: 60%;
        left: 150px;
        overflow:auto!important;
    }
    .resource-center h1 {
        color: #f37043;
        font-size: 30px;
    }
    .resource-center h2 {
        color: #f37043;
        font-size: 25px;
    }
    .resource-center h3 {
        color: #f37043;
        font-size: 20px;
    }
    .resource-center h4 {
        color: #f37043;
        font-size: 20px;
    }
    .resource-center h5 {
        color: #f37043;
        font-size: 15px;
    }

    .resource-center p {
        color: #212529 !important;
        font-size: 14px !important;
    }
    /*Resource Center End*/
    input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium {
        width: 100% !important;
    } 
    .fl-accordion-button-label {
        padding-top: 10px;
    }
    a.donate span {
        padding-top: 10px;
    }
    .onmobileonly {
       display: block;
    }
    #panel, #flip {
       padding: 5px;
       text-align: center;
    }
    #panel {
       padding: 50px;
       display: none;
    }
    
    #panel img {width: -moz-available; width:100%;}
    
    #flip {background-color: #F5A623; color:#fff;}

    /*a:hover {
       background: none!important;
    }*/
    /*PANDA SHOP*/
    /* -- removing this: this actually affects the main navbar //pj: 01sep2020
    .nav-item:nth-child(5)::before { 
       content: "\f07a"!important;
       font-family: FontAwesome;
       padding: 0 15px 0 10px;
       color: #FF5722;
       font-size: 25px;
       vertical-align: middle;
    }
    */
    /*PANDA SHOP END*/
    /*CONTACT US*/
    /*
    .nav-item:nth-child(5)::before {
       content: "\f0e0";
       font-family: FontAwesome;
       padding: 0 15px 0 10px;
       color: #FF5722;
       font-size: 25px;
       vertical-align: middle;
    }
    */
    /*CONTACT US*/ 
    .nav-item .inactive:last-child::before {
       content:none;
    }
    .nav-item .active:last-child::before {
       content:none;
    }
    /*NEWSLETTER*/
    .newsletter .btn-submit { 
	width:100%;
    }
    .newsicon {
	margin: auto auto;
    }
    .newsletter .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 200px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
    }    
    /*NEWSLETTER END*/
    .fl-slide-content {
        position:absolute;
        bottom:0px;
        left:0px;
        right:0px;
    }
    div.heateor_sss_bottom_sharing {
        width: 105% !important;

    }
       
    nav .collapse.show {
   	display: block;
    	height: 100vh;
    	overflow-y: scroll;
    	overflow-x: hidden;
   	max-height: 100vh;
        background-color:#282828!important;
	-webkit-overflow-scrolling: touch!important;
    }
    .visual-form-builder fieldset {
        margin:15px 30px!important;	
    }
    .fl-col[data-node] .fl-col-content {
        margin: 1px !important;
    }
    .no-radius .fl-col-content.fl-node-content{
        margin: 10px 0 !important;
    }
    .fl-content-slider {
        height: 100%!important;
    }
    .bg-orange {
        background-color: #F5A623 !important;
    }

    .error-message {
        bottom: 200px!important;
    }
    
    button:focus{
        outline:0px!important;
    }

    .navbar-toggler {
        color: rgba(255, 255, 255, .5);
        border: 1px solid #282828!important;
        background-color: #282828!important;
        padding: 15px 20px!important;
        border-radius: 0!important;
        height: 100%;
        order: 5; /*this moves it to the right-most when the flex creates a new line in mobile view*/
    }
    .globe {
        display: none;
    }
    .panda-name {
        font-size: 13px;
        color: #FF5722;
    }
    .panda-position {
        text-align: center;
        font-size: 10px;
        color: #FF5722;
    }
    .donate {
        padding: 10px 45px;
        font-size: 14pt;
        /* margin: 0 0 0 40px; */
        margin: 0; 
    }
   .donate:hover {
    background-color:#F5A623;
   }
    .donate-success h5{
	margin: auto 20px;
    }
    .logo {
        height: 100px;
	left:10px;
    }
    .navbar-nav {
        padding: 30px 0 30px 0;
        background-color: #282828;
        -webkit-overflow-scrolling: touch !important;
    }
    nav .input-group-btn {
        padding: 0 15px 30px;
    }
    .event {
        height: auto !important;
    }
    .align-content-center {
        padding: 0 34%;
        margin-bottom: 40px!important;
    }
    .footer-logo {
        padding: 25px;
        width: 100%;
    }
    .footer-logo img {
        width: 60px;
        margin: auto;
    }
    .social-media-icons img {
        margin: 0 3px;
    }
    footer h4 {
        font-size: 20px;
    }
    .dropdown-content {
        margin: 0 0 0 -10px;
        position: relative;
        box-shadow: none;
        z-index: 0;
        left: 0px;
    }
    .nav-item {
        display: inline-block;
        margin-left: -77px;
        position: relative;
        width: 140%;
    }
    /*.nav-item:hover .dropbtn {
        font-size:14pt;
    }*/

    .fl-accordion-button-label {
        display: block !important;
        width: 10em !important;
        margin: 0 -10px !important;
    }

    /*
    .nav-item .inactive::before {
        content: '\f105';
        font-family: FontAwesome;
        padding: 0 15px 0 10px;
        color: #FF5722;
        font-size: 25px;
        vertical-align: middle;
    }
    */
    /*
    .nav-item .active::before {
        content: '\f107';
        font-family: FontAwesome;
        padding: 0px 15px 0px 10px;
   	    font-size: 25px;
        vertical-align: middle; 
    }
    */
    /*
    .nav-item:focus:before {
        content: '\f107';
        font-family: FontAwesome;
    }
    */
    .donate-box {
        margin:60px 0 0 0;
	width: 100vw;
    }
    .meetthepanda-photo {
	width:150%;
   }
   .donate-sub-header {
        line-height: 240px;
        font-size: 2em;
   }
    .donate-page {
        width: auto;
    }
    .whydonate {
        display: none;
    }
    .donate-options {
        margin: 0px 10px;
    }
    .container .of-donate {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0px;
        padding-left: 0px;
    }
    .modeofpayment {
        margin: 40px 0 10px 0;
    }
    .donate-page3 {
        height: 550px;
    }
    .donate-box3 {
        height: 110%;
        width:105vw;
	margin: 60px 0 0 0;
    }
    .donate-page4 {
        height: 950px;
    }
    .donate-page2 {
        height: 806px;
    }
    .donate-box2 {
        height: 807px;
    }
    .fl-slide-0 .fl-slide-content {
        margin: auto;
        width: 100%;
    }
    /*Mobile carousel text */
    .fl-slide .fl-slide-content {
        background-color: rgba(000, 0, 0, 0.5)!important;
    }

    .ph-map {
        display: none;
    }
    .dropdown-content a {
        padding: 12px 16px 10px 63px;
    }
    .visual-form-builder-container {
        margin: 0 0 0 -39px;
    }
    .col-md-8 {
        width: 152px;
    }
    /*End Mobile carousel text*/
    /*For Donate Page */

   .donate-box2 {
   	 height: 920px;
    	width: 100vw;
        margin-top: 62px;
   }
   .custom-select {
   	 width: 300px;
   }

   .container.of-donate{
        margin: 0px 0 0 -25px;
    }
   .donate-bottom-text {
    margin: auto 19px;
    width: 70%;
   }
    /*End of donate page*/

}
/*END max-width:768px*/

@media only screen and (max-width: 426px) {

}



@media only screen and (max-width: 1366px) {
    .error-message {
        bottom: 306px!important;
    }
}
@media only screen and (max-width: 1920px) {
    .error-message {
        bottom: 257px!important;
    }
}

/*For iphone6s*/
@media only screen
and (max-device-width : 667px)
{
     .donate-box2 {
          width: 105vw;
          margin: 57px 0 0 -15px!important;
     }
     .custom-select {
           width: 300px;
     }


     .container.of-donate{
          margin: 0px 0 0 -25px;
      }
     .donate-bottom-text {
      margin: auto 19px;
      width: 70%;
  }
  .bx-wrapper .bx-pager{
     display:none;
     }
}
/*END*/