@media (max-width: 1480px) {
    .nav-menu > li:last-child .sub-menu {
        right: 0px;
    }
    .nav-menu > li:last-child .sub-menu::before {
        right: 40px;
        left: auto;
    }
}
@media (min-width: 768px)and (max-width: 979px) {
   /* .container {
        max-width: 750px;
    }*/
    .nav {
        margin-left: 0;    
    }
    .nav-menu > li {
        padding: 12px 15px;
    }
}
@media (max-width: 979px) {
    .content-inner .content {
        padding-left: 0px;
    }
    .content-inner .top-block {
        padding-right: 0px;
    }
    .tabs .ui-tabs-nav li a {
        font-size: 13px;
    }
    .tabs .ui-tabs-nav li strong {
        font-size: 14px;
    }
    .content-inner.row-full {
        padding-left: 0px;
        padding-right: 0px;
    }
    .content-inner i {
        display: block; 
    }
    /*.nav-menu > li{padding: 10px 10px 10px 10px!important}*/
    .nav-menu > li a{font-size: 12px;}

    .thecity-section{margin-top: 0px!important;}
    .mysticism-section{margin-left: 0px!important; margin-right: 0px!important}
    .thecity-section{margin-left: 0px!important; margin-right: 0px!important}
    .inlinecss {margin-left: 0px!important; margin-right: 0px!important}
    .rev-explanation-section{margin-left: 0px!important; margin-right: 0px!important}
    .rev-email-section{margin-top: 70px!important; margin-left: 0px!important; margin-right: 0px!important}
    .moses-section{margin-left: 0px!important; margin-right: 0px!important}
    .ten-comm-section{margin-left: 0px!important; margin-right: 0px!important; margin-top: 80px!important;}
    .ten-comm-section p img{margin:0px 22px -5px 0px!important}
    .imp-prayer{margin-left: 0px!important; margin-right: 0px!important; margin-top: 80px!important;}
    .font-inner{margin-left: 0px!important;}
    .reveletion-details{width: 100%!important}
    #dialog{left: 0; top: 15%;    margin: 0 auto; height: auto;
    right: 0;
    width: 95%;}

}
@media (max-width: 767px) {
    #dialog{ width: 90%; top: 8%}

    .container {
        max-width: 98%;
        padding: 0px 10px;
    }
    .nav {
        display: block;
        margin-left: 10px;
        padding-right: 10px;
        width: auto;
        float: none;
    }
    .toggle-nav {
        cursor: pointer;
        display: inline-block !important;
        float: right;
        margin: 8px 0;
        width: 28px;
		margin-top: -37px;
    }
    .toggle-nav hr {
        border: 2px solid #4a8b54;
        margin: 5px 0;
    }
    .nav-menu > li {
        float: left;
        padding: 5px 0;
        text-align: right;
        width: 100%;
    }
    .nav-menu {
        display: none;
        width: 100%;
    }
    .hero-inner {
        margin-left: 135px;
    }
    .content-inner .content {
        margin-right: 0px;
    }
    h2 {
        font-size: 22px;
    }
    .top-block p,
    .revelation-sec p {
        font-size: 22px;
    }
    .nav-menu .sub-menu {
        position: relative;
        padding: 8px 5px;
        width: 100%;
    }
    .sub-menu li{padding: 2px 0 0 0px;}
    .sub-menu a {
        font-size: 16px;
    }
    .nav-menu .sub-menu:before {
        content: "";
        right: 10px;
        left: auto;
    }
    .nav-menu > li:last-child .sub-menu::before {
        right: 10px;
        left: auto;
    }
    #gallery-1 .gallery-item {
        padding: 0px 1%;
    }
    #gallery-1 .gallery-caption {
        font-size: 17px;
    }
    .revelation-sec p strong,
    .top-block > p strong {
        font-size: 30px;
    }
    .footer-left-section{width: 100%!important}
    .footer-right-section{width: 100%!important}
    .home .hero-inner{width: 70%}

    #menu-top-menu ul li:hover ul {
    display: block;
    left:inherit;
    top: inherit;
    position:static;
    padding-right: 0px;
    width: 100%;
}
#menu-top-menu ul.sub-menu ul.sub-menu{padding-right: 0}

.sub-menu li.menu-item-has-children ul.sub-menu a { font-size: 13px !important;}
.sub-menu li.menu-item-has-children a {font-size: 16px !important; font-weight: bold !important;}
    
}
@media (max-width: 600px) {
    .content-inner .img-sec{width: 100%!important; text-align: center; margin-bottom: 10px; margin-left: 0px!important}
    .mysticism-section .img-sec{width: 100%!important; text-align: center; margin-bottom: 10px;}
    .img-portfolio{width: 100%;; text-align:center; margin-left: 0px!important; }
    .thecity-section .img-sec{width: 100%!important; text-align: center; margin-bottom: 10px;}
    .moses-section{margin-top: 85px!important}
    .ten-comm-section .img-box{width: 100%!important}
    .ten-comm-section .img-thumbnail{width: 12%!important}
    .ten-comm-section .img-full-size{width: 50%!important}
    .img-sec-excerpts{width: 100%}
    .top-block p,.revelation-sec p {width: 100%; clear: both;}
    .top-block .title{ margin-left: 0px!important; text-indent:0px;  margin-bottom: 0px!important;}
    .mysticism-section{margin-right:0px!important;}
    .home .italic{width: 100%}
    .inlinecss .top-block center h3{line-height: 30px;}
    .imp-prayer .top-block .title{line-height: 40px !important;}
    .content-inner blockquote p{margin-left: 0px!important}
    .moses-section .top-block center h3{width: 100%!important}
    .bsmall{padding-top: 174px!important; padding-left: 0px!important; padding-right: 0px!important}

}

@media (max-width: 480px) {
.tabs .ui-tabs-nav li {width: 50%;}
.hero-inner p {font-size: 13px;}
.hero-inner strong {font-size: 15px;}
.ui-tabs-panel {padding: 10px;}
.search-form {width: 100%;margin-left: 0px;}

.nav-menu > li > a {font-size: 12px;}
.revelation-sec h3 strong {font-size: 23px;}
.revelation-sec h3 {font-size: 20px;}
#gallery-1 .gallery-item {min-height: 280px;width: 50% !important;}
.top-block > p strong{line-height: 35px;}
.inlinecss .top-block center h3{width: 100%!important}
.home .page-hero{height: 170px;}
.home .hero-inner{margin-top: 65px; width: 100%}
.nav{margin-left: 10px;}

}