img{max-width:100%;}
.text-danger{color:#8F181C !important;}
body{ font-family: Times New Roman, Times, serif; font-size: 14px; line-height: 15px; background: url(../images/background.jpg) ; background-attachment: fixed; }
.navbar{padding:0;}
a{color:#8F181C; text-decoration: underline;}
a:hover{color:#8F181C;}
.navbar .navbar-nav .nav-item .nav-link{padding:0; position: relative;}
.navbar .navbar-nav .nav-item .nav-link .hvr{ transition: 0.4s; display:none;}

.navbar .navbar-nav .nav-item .nav-link:hover .hvr{display:block; position: relative; transition: 0.4s;}
.navbar .navbar-nav .nav-item .nav-link:hover .nml{display:none; transition: 0.4s;}
.navbar .navbar-nav{ width: 100%; justify-content: center; align-items: center;}
.navbar .navbar-nav .nav-item{padding:0 10px;}
.navbar .navbar-nav .nav-item:first-child{padding-left:0;}
.navbar .navbar-nav .nav-item:last-child{padding-right:0;}
.navbar .navbar-nav .nav-item .nav-link.active .hvr{display:block;}
.navbar .navbar-nav .nav-item .nav-link.active .nml{display:none;}
.navbar .navbar-nav .nav-item .nav-link span {display:none;}

.content.home {padding:0 50px;}
.content.home h5{font-size: 18px;}
.content.home h4 {color:#880D0F; font-size: 18px;}
.content.home h1{font-size: 31px;}
.content.home h6{font-size: 16px;}
.content.home h6 a{text-decoration: underline; color:#560E0F;}
.content.home .genisis-pro{position: absolute; left:0; top:29%;}
.content.home .sample-genesis{ background: url(../images/sample_genesis.png) no-repeat; background-size: contain; width:165px; height:45px; float:none; display:inline-block;}
.content.home .sample-genesis:hover{background: url("../images/sample_genesis_b.png") no-repeat; background-size: contain;}
.content.home p .cnt-img{float:right;}
 
.content.home .what-inside{ background: #D5D3CE; padding: 40px;}
.content.home .what-inside h3{font-size: 21px; font-weight:700; color:#8F181C;}

footer .menu a.text-dark{text-decoration: none;}
.content.order h2{font-size: 21px;}
.content.order h1{font-size: 34px;}


.mobile-visible{display:none;}
.sticky-top {    position: static;}
.content.author{padding: 1.5em 115px;}
.content.reviews .genisis-pro-reviews{position: absolute; left:0; top:50px;}
.content.reviews .sample-genesis-reviews{ background: url(../images/sample_genesis1_small.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}
.content.reviews{padding:0 115px;}

.content.contact .cont{width: 100%; height: calc(100vh - 377px);}
.content.bible-app h3{font-size: 24px;}
.content.purpose{padding:0 115px;}

.content.sample-genesis .sample-genesis-bx{position: absolute; left:0; top:55px;}
.content.sample-genesis .sample-genesis-bx .sample-genesis{ background: url(../images/sample-proverbs-1.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}
.content.sample-genesis .john1-bx{position: absolute; left:0; top:131px;}
.content.sample-genesis .john1-bx .john1{ background: url(../images/sample_jn.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}
.content.sample-proverbs .sample-genesis-bx1{position: absolute; left:0; top:55px;}
.content.sample-proverbs .sample-genesis-bx1 .sample-genesis1{ background: url(../images/sample_genesis1_small.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}
.content.sample-proverbs .john1-bx{position: absolute; left:0; top:131px;}
.content.sample-proverbs .john1-bx .john1{ background: url(../images/sample_jn.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}

.content.john .sample-genesis-bx{position: absolute; left:0; top:55px;}
.content.john .sample-genesis-bx .sample-genesis{ background: url(../images/sample-proverbs-1.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}
.content.john .john1-bx{position: absolute; left:0; top:131px;}
.content.john .john1-bx .john1{ background: url(../images/sample_genesis1_small.jpg) no-repeat; background-size: contain; width:119px; height:60px; float:none; display:inline-block;}

@media(min-width:768px) and (max-width:991px){
    .navbar .navbar-nav .nav-item{padding: 0 4px;}
    .content.home .genisis-pro{top:60%;}
    .content.sample-proverbs iframe{ width: 438px!important; height: 241px !important;}
}

@media(max-width:767px){
    .content.home .genisis-pro{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.reviews .genisis-pro-reviews{position: static; float:none; display:inline-block; text-align: center; width:100%; }
    .content.reviews .sample-genesis-reviews{background: url("../images/mobile-gen.png") no-repeat; width: 185px; height: 65px; margin-bottom: 15px; margin-top:40px;}
    .navbar-toggler{ margin-right: 15px; margin-left: auto;}
    .content.home h1{padding:0 15px;}
    .content.home h1 br{display:none;}
    .content.home{padding:0;}
    .content.home .left{order:1;}
    .mobile-visible{display:block;}
    .desktop-visible{display:none;}
    .navbar{background: #C45D34; padding: 7px 0;}
    .navbar-toggler .navbar-toggler-icon{background:url("../images/white-menu-icn.png") center no-repeat; outline: none !important;}
    .navbar-toggler{ border: 0; padding: 0;}
    .phone-sm{padding-left:15px;}
    .phone-sm h4{color:#fff; margin-bottom: 0; line-height: 20px;}
    .phone-sm h4 span{font-size: 15.5px;}
    .navbar .navbar-nav .nav-item .nav-link span{display:block; color: #fff; font-size: 16px;}
    .navbar .navbar-nav .nav-item .nav-link  img{display:none !important;}
    .navbar .navbar-nav .nav-item{padding:5px 0 !important;}
    .navbar .navbar-nav{ border-top: 1px solid #fff; margin-top: 5px;}
    navbar-toggler {outline:none !important; border:0 none !important;}
    .content.home .sample-genesis{background: url("../images/mobile-genesis.png") no-repeat; width: 185px; height: 65px; margin-bottom: 15px;}
    .navbar .navbar-nav .nav-item .nav-link{text-decoration: none !important;}
    .phone-sm h4 a{color:#fff; text-decoration: none;}
    .sticky-top { position: -webkit-sticky; position: sticky; }
    .content.author{padding: 1.5em 15px;}
    .content.order { padding: 1.5em 15px; }
    .content.reviews{padding: 0 15px;}
    footer .menu{line-height: 22px;}
    .content.purpose{padding:0 15px;}

    .content.sample-genesis .sample-genesis-bx{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.sample-genesis .sample-genesis-bx .sample-genesis{background:url(../images/proverb-rib.png) no-repeat; width:185px; height:65px;}
    .content.sample-genesis .john1-bx{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.sample-genesis .john1-bx .john1{background:url(../images/john-rib.png) no-repeat; width:185px; height:65px;}

    .content.sample-proverbs .sample-genesis-bx1{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.sample-proverbs .sample-genesis-bx1 .sample-genesis1{background:url(../images/mobile-gen.png) no-repeat; width:185px; height:65px;}
    .content.sample-proverbs .john1-bx{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.sample-proverbs .john1-bx .john1{background:url(../images/john-rib.png) no-repeat; width:185px; height:65px;}
    .content.sample-proverbs iframe{width:100%;}
    .content.sample-proverbs .vid{padding:0 15px;}

    .content.john .sample-genesis-bx{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.john .sample-genesis-bx .sample-genesis{background:url(../images/proverb-rib.png) no-repeat; width:185px; height:65px;}
    .content.john .john1-bx{position: static; float:none; display:inline-block; text-align: center; width:100%;}
    .content.john .john1-bx .john1{background:url(../images/mobile-gen.png) no-repeat; width:185px; height:65px;}
    .paperback-img{display:none;}
}

@media(max-width:640px){
    footer p{ font-size: 16px !important; padding: 0 15px;}
    footer p small{font-size: inherit !important;}
    .content.home .what-inside{ background: #D5D3CE; padding: 30px 20px;}
    .main-container{padding:0;}
    .content.order p.tag{padding:0 15px;}
    .content.order p.tag br{display:none;}
}











@media (min-width: 1200px){
    .container {
        max-width: 925px;
    }
}