.hide-on-1024 {
    display: block;
}
.show-on-1024 {
    display: none;
}
.hide-on-991 {
    display: block;
}
.show-on-991 {
    display: none;
}
.hide-on-800 {
    display: block;
}
.show-on-800 {
    display: none;
}
.hide-on-768 {
    display: block;
}
.hide-on-767 {
    display: block;
}
.show-on-736 {
    display: none;
}
.show-on-768 {
    display: none;
}
.show-on-767 {
    display: none;
}
.hide-on-736 {
    display: block;
}
.hide-on-640 {
    display: block;
}
.show-on-640 {
    display: none;
}
.hide-on-599 {
    display: block;
}
.show-on-599 {
    display: none;
}
.hide-on-576 {
    display: block;
}
.show-on-576 {
    display: none;
}
.hide-on-560 {
    display: block;
}
.show-on-560 {
    display: none;
}
.hide-on-480 {
    display: block;
}
.show-on-480 {
    display: none;
}
.hide-on-380 {
    display: block;
}
.show-on-380 {
    display: none;
}
@media (max-width: 2100px) {

}
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {

}
@media (max-width: 1540px) {
}
@media (max-width: 1500px) {
    

}
@media (max-width: 1366px) {
    
}
@media (max-width: 1280px) {
  

}
@media (max-width: 1180px) {
    .banner-section .o-wrapper{
        max-width: 880px;
    }

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

}
@media (max-width: 1024px) {
    .hide-on-1024 {
        display: none;
    }
    .show-on-1024 {
        display: block;
    }

    body{
        font-size: 16px;
    }

    .banner-section{
        min-height: 720px;
    }

    .banner-section .o-wrapper{
        padding-top: 120px;
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .h1,
    h1 {
        font-size: 32px;
    }
    .h2,
    h2 {
        font-size: 28px;
    }
    .h3,
    h3 {
        font-size: 26px;
    }
    .h4,
    h4 {
        font-size: 24px;
    }
    .h5,
    h5 {
        font-size: 18px;
    }
    .h6,
    h6 {
        font-size: 16px;
    }
    .hide-on-989 {
        display: none;
    }
    .show-on-989 {
        display: block;
    }

    .widget-box.included{
        margin-top: 0;
    }


    .hide-on-991{
      display: none;
    }

    .show-on-991{
      display: block;
    }



    .footer-nav ul li {
        margin-right: 25px;
    }

    .banner--content .title h2 br{
        display: none;
    }

    .copy_right{
        font-size: 14px;
    }

    .footer-nav .navbar-nav .nav-link{
        font-size: 16px;
    }
}
@media (max-width: 920px) {
    .banner--content .title h2{
        font-size: 32px;
    }
    .title h2 {
        font-size: 32px;
    }

    .fw-920{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}
@media (max-width: 900px) {
}
@media (max-width: 820px) {

    .navbar-expand-md .navbar-nav .nav-link,
    .navbar{
        padding-left: 5px;
        padding-right: 5px;
    }


    .bio-details{
        margin-bottom: 40px;
    }

    .graphic-img{
        width: 600px;
    }

    .discover-section .o-wrapper{
        padding-bottom: 80px;
    }

    .text-l{
        font-size: 16px;
    }

}
@media (max-width: 1024px) and (max-height: 600px) {
}
@media (min-width: 768px) {
    .prime-nav .container{
        max-width: 1320px;
        width: 100%;
        padding: 0 15px;
    }

    .prime-nav .navbar-brand{
        max-width: 300px;
    }

    .footer-nav ul li,
    .prime-nav .navbar-nav li{
        margin-right: 40px;
    }

    .prime-nav .navbar-nav li:last-child,
    .footer-nav ul li:last-child{
      margin-right: 0 !important;
    }

    .prime-nav{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .prime-nav.fixed-top{
        padding-top: 0;
        padding-bottom: 0;
    }

}

@media (max-width: 768px) {
    .content-container{
        flex-direction: column;
    }

    .banner--content{
        padding-right: 0;
        margin-bottom: 40px;
    }

    .melinda-img{
        margin-right: 50px;
    }

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

    .prime-nav.navbar{
        padding-left: 7.5px;
        padding-right: 10px;
    }

    .hide-on-767 {
        display: none;
    }
    .show-on-767 {
        display: block;
    }

    .footer-nav .navbar-brand{
        max-width: 250px;
        margin: 0 auto;
    }
    .footer-nav #main_nav2 {
        width: 100%;
        text-align: center;
    }
    .footer-nav .navbar-nav2 {
        display: inline-block;
        margin: 0 auto;
    }

    .footer-section .navbar{
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .prime-nav .navbar-collapse{
        background: #fcf3ed !important;
    }
    #navbar_top .container, 
    #navbar_top .container-sm {
        max-width: 100%;
        padding: 0 7.5px;
    }

   .prime-nav .navbar-nav .nav-link{
        display: inline-block;
        padding: 5px 0 3px;
        display: inline-block;
        line-height: 100%;
    }

    .prime-nav .navbar-nav li {
        margin-right: 0px;
        border-top: 1px solid #07637b;
        padding:15px 15px 13px;;
    }
    .navbar-expand-md .navbar-nav{
        border-bottom: 1px solid #07637b;

    }

    .bg_transparent.fixed-top{
        padding-bottom: 0;
    }
}
@media (max-width: 736px) {
    .h1,
    h1 {
        font-size: 30px;
    }
    .h2,
    h2 {
        font-size: 26px;
    }
    .h3,
    h3 {
        font-size: 24px;
    }

    .py-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

}
@media (max-width: 640px) {
    .hide-on-640 {
        display: none;
    }
    .show-on-640 {
        display: block;
    }

    .e-book-01{
        max-width: 320px;
        margin: 0 auto 30px;
    }


    .fw-640{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    #subscribe .m1-txt1{
        font-size: 28px;
        line-height: 130%;
        padding-bottom: 7px;
    }

    .widget-box.included br{
        display: none;
    }

    .title h2{
        font-size: 28px;
    }
    .content-container{
        margin-top: 0;
    }

    .banner-section .o-wrapper{
        padding-bottom: 60px;
    }
}
@media (max-width: 599px) {
    .hide-on-599 {
        display: none;
    }
    .show-on-599 {
        display: block;
    }

}
@media (max-width: 576px) {
    .hide-on-576 {
        display: none;
    }
    .show-on-576 {
        display: block;
    }
    .footer-nav .navbar-nav .nav-link {
        font-size: 15px;
    }

    .prime-nav .navbar-nav li{
        margin-right: 0;
    }

    .prime-nav .navbar-nav .nav-link{
        font-size: 16px;
    }

    .bg_transparent{
        padding-left: 7.5px;
        padding-right: 7.5px;
    }


    .section {
        padding-left: 15px;
        padding-right: 15px;
    }


    .title_h2{
        font-size: 30px;
    }



    .footer-section .navbar-brand{
        margin-right: 0;
    }

    .footer-section .o-wrapper{
        padding-top: 30px;
        padding-bottom: 30px;
    }


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


    .hide-on-480 {
        display: none;
    }
    .show-on-480 {
        display: block;
    }

    .top-section{
        padding-top: 80px;
    }

    #subscribe .m1-txt1{
        font-size: 25px;
    }

    .footer-section .o-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .footer-nav ul li {
        margin-right: 20px;
    }
    .melinda-img {
        margin-right: 50px;
        width: 280px;
    }
    .fixed-top .navbar-brand {
        max-width: 200px;
        width: 100%;
        margin-right: 0;
    }

    .title h2{
        font-size: 26px;
    }
}
@media (max-width: 440px) {
    .banner--content .paragraph{
        font-size: 16px;
    }
    .banner--content .title h2{
        margin-bottom: 15px;
    }
    .discover-section .sub-title{
        max-width: 300px;
        margin: 0 auto 10px;
    }

    .discover-section .sub-title{
        font-size: 18px;
    }
    #navbar_top .container, #navbar_top .container-sm{
        padding: 0;
    }

    .top-section h4{
        font-size: 17px;
        max-width: 300px;
    }
    .prime-nav .navbar-nav .nav-link{
        font-size: 16px;
    }

    .bg_transparent{
        padding: 5px 15px;
    }
    .footer-nav .navbar-nav .nav-link {
        font-size: 14px;
    }

    .footer-section{
        padding-left: 0;
        padding-right: 0;
    }

    .discover-section .o-wrapper{
        padding-top: 60px;
    }

    html body .moonray-form div.moonray-form-input-type-submit .moonray-form-input,
    html body .moonray-form-label-pos-stacked .moonray-form-input-type-email .moonray-form-input, html body .moonray-form-label-pos-stacked .moonray-form-input-type-text .moonray-form-input, .moonray-form .moonray-form-element-wrapper .moonray-form-input, .moonray-form .moonray-form-element-wrapper .moonray-form-label{
        font-size: 16px ;
    }
    .where1-parent {
        padding: 10px;
    }
    .s1-txt5 {
        padding-top: 15px;
        padding-bottom: 0;
    }
}
@media (max-width: 380px) {
    .banner--content .title h2 {
        font-size: 30px;
    }

    .title_h2 {
        font-size: 26px;
    }


    .footer-nav ul li {
        margin-right: 15px;
        font-size: 14px;
    }

    .footer-nav .container{
        padding: 0;
    }
    .melinda-img {
            margin-right: 10px;
            width: 250px;
        }
}
@media (max-width: 340px) {
    .prompts-to-help .title h2 {
        font-size: 22px;
    }

    .footer-nav ul li {
        margin-right: 12px;
    }

    .prime-nav .navbar-brand{
        max-width: 220px;
    }

    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
        width: 40px;
        height: 35px;
    }

    .widget-box.included h3 {
        font-size: 16px;
    }

    .widget-box.included{
        min-height: 140px;
    }


    .l1-txt1,
    .about-section h2 {
        font-size: 26px;
    }


    .title h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    #subscribe .m1-txt1 {
        font-size: 20px;
    }

    .where1-parent .post-top > img{
        margin: 0 auto -20px;
    }


    .subscribe-btn span{
        max-width: 180px;
        margin: 0 auto;
    }
}