.row {width: 100% !important;}

@media (min-width: 1200px){
    .container { max-width: 892px;}
    header{float: left; width: 100%;}
    header .logo{border-radius:18px; float: left; width: 100%; border-radius: 17px; overflow: hidden;}
    header .logo img{border-radius: 17px;}
}

.text-danger{color:#FF0000 !important;}

body{background: #DCDDE1 !important; font-size: 14px;}
/*body.bg-white{background: #DCDDE1 !important;}*/
img{max-width:100%; height: auto;}
header{margin-top:14px;}
nav ul{float:left; width:100%; list-style: none; text-align: center; padding-left:0; margin-top: 10px; margin-bottom: 10px; text-align: center;
    justify-content: center;}
nav ul li{float:none; display:inline-block; position:relative; border-right:2px solid #C6C7CA; padding: 0 15px; font-size: 0;}
nav ul li a{float:none; display:inline-block;}
nav ul li:last-child{border:0 none;}
nav ul li img{height:25px;}
nav ul li img.hover{position:absolute; left:0; top:0px; opacity:0;}
nav ul li:hover img.hover{opacity: 1;}


.mid h1{font-weight: bold; font-size: 17px; color: #4D6486; float: left; width: 100%; text-align: center;}
.mid .video-panel{float:left; width:100%;}
.mid .video-panel:before{content:""; display:block; padding-top:74%;}
.mid .video-panel iframe{width:100%; position: absolute; left:0; top:0; height: 100%;}
.first{order:1}
.first .search{float:left; width:100%;}
.first .search input[type="text"]{float:left; width: calc(100% - 38px); height: 21px; font-size: 11px;}
.first .search input[type="submit"]{ font-size: 11px; color: #0066CC; font-weight: bold; height: 21px; float: right;}
.feature-video h3{font-size: 11px; color: #0066CC; font-weight: bold; text-align: center; margin: 10px 0; float: left; width: 100%;}
.first .img{float:left; width:100%; text-align: center; margin-bottom: 10px;}
.mid{order:2; padding:0;}
.last{order:3; padding-top:13px;}
.feature-video .img{margin-bottom: 15px; float: left; width: 100%; text-align: center;}
.first .feature-video .img {    margin-bottom: 15px;}
.mid .video-panel{margin-bottom:10px;}

.at-icon-wrapper{float:none; display: inline-block; overflow: hidden; vertical-align: middle; margin-right:3px;}
.at-icon-wrapper svg{fill:#fff;}
.share{ font-size: 14px; float:none; display:inline-block; width: 100%; text-align: center;}
.mid .other-link a{text-decoration: underline;}
.mobile-visible{display:none;}
.tab-panel{display:none;}
.bottom-thumbnail{display:none;}
.addthis_toolbox{float:none; display:inline-block;}
.directory-head{font-size: 16px;}


.directory-cont-part p{padding-left:4.5em;}
.directory-mid-section {margin-top: -20px;}
    .cont{    background: #E1E1DD;     padding: 0 4px;    padding-bottom: 15px;}

    .directory-line p{margin-bottom: 12px; color:#0066CC;}
    .directory-line p a{color:inherit;}
    

p{
    font-family: Arial, Helvetica, sans-serif;
}

.proverbs-video:before{
    padding-top: 57% !important;
}

@-moz-document url-prefix() { 
  .row{width:100%;}
}

.calender-list{float:left; width:100%; list-style:none; padding: 0 5%; margin-bottom: 40px;}
.calender-list li{float:left; width:14%; text-align: center; padding: 12px 5px; }

.contact-page-form{text-align:left; padding:0 15px;}
.contact-page-form label{float:left; width:100%; color:#333; font-weight:700; margin-bottom:5px;}
.contact-page-form input{float:left; width:100%; border: 1px solid #000; height:25px; margin-bottom:15px;}
.contact-page-form select{float:left; width:100%; border: 1px solid #000; height:25px; margin-bottom:15px;}
.contact-page-form .t-left{float:left; width:48%;}
.contact-page-form .t-right{float:right; width:48%;}
.contact-page-form textarea{float:left; width:100%; height:166px; margin-bottom:15px;}
.contact-page-form input[type="submit"]{ max-width: 120px; height: auto!important; font-size: 20px;
    text-transform: capitalize; padding: 10px 20px!important; margin-top: 20px;}
.alpha-tabs .tab-pane{opacity:1;}

.g-recaptcha{float:left; width:100%;}
.article-directory p{padding-left:0; text-align:center !important;}
.america-cont{color: #4D6486; font-weight: 700;}

.bible-special-offer {font-family: Arial, Helvetica, sans-serif;}
.bible-special-offer h1{font-size: 31px; font-weight: bold; color: #4D6486; text-align: center;}
.bible-special-offer h2{ font-size: 18px; text-align: center; color: #4D6486; }
.bible-special-offer h3{font-size: 18px; color:rgb(136, 13, 15); text-align: center;}
.bible-special-offer .btnn{float:left; width:100%; text-align:center; font-size:16px;}
.bible-special-offer .btnn h3{float:none; display:inline-block; vertical-align:middle; color:#4D6486; margin-bottom:0;}
.bible-special-offer .btnn a{ color: #0033CC; font-size: 12px;}
.bible-special-offer .what-inside{background: #D5D3CE; padding: 30px 40px;}
.bible-special-offer .what-inside h2{ font-size: 21px; font-weight: bold; color: #8F181C; text-align:center; margin-bottom: 1rem;}
.bible-special-offer p{color:#4D6486;}
.bible-special-offer .what-inside p .red{font-weight:700;color:#8F181C;}

.notice {text-align:center;}
.notice h2{float:left; width:100%; text-align:center; font-size: 21px; font-weight: bold; color: #8F181C;}

.copyright{text-align:center; }
.copyright:after{content:"Copyright © 2007-2023 Church at Home"; display:block; text-align:center; width: 100%;}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}


.mobile-pointer{pointer-events: none;}
.tpheader header .logo{position:relative;}

   

@media(min-width:768px) and (max-width:992px){
    nav ul li img.hover{ top: 0px;}
	nav ul li{ padding: 0 3px;}
}

@media(max-width:767px){
    .navbar{padding:5px 0 !important;}
    .navbar-toggler{padding:0; outline: 0 !important; margin-top: -23%; margin-right: 10px;}
    .navbar-toggler-icon{background:url(../images/design/white-menu-icn.png) no-repeat; background-position: center;}
    .mobile-visible{display:block !important;}
    .search{display:none;}
    nav ul li{font-size: 17px; text-align: center; border-bottom: 1px dotted #000; padding: 3px 0; border-right: 0;font-weight:600;}
    nav ul li a{color: #4D6486; text-decoration:none !important;}
    nav ul li a:hover{color:#72C3F0;}
    nav ul li img{display:none;} 
    .mid{order:1;}
    
    .tab-panel{display:block; margin-top:20px;}
    .tab-panel .nav{text-align: center; width:100%; float:none; display:inline-block;}
    .tab-panel .nav li a{padding:5px 15px; background: #4D6491; color:#fff; float:none; display:inline-block;}
    .tab-panel .nav li{margin:1px; float:none; display:inline-block; margin:2px 0; }
    .image-list{padding-left: 0; list-style:none; display: flex;}
    .image-list li{float:none; display:inline-block; width:32%; text-align: center; padding: 10px 5px; background: #ccc; margin: 2px 0px; border: 2px solid #DCDDE1;}
    .feature-video h3{text-align: left; padding: 0 5px;}
    .first .feature-video .img{width: 33.33%;}
    .first .feature-video .img { width: 33.33%; background: #ccc; padding: 10px 0; margin-bottom: 0; border: 2px solid #DCDDE1;}
    .last .feature-video .img{width: 33.33%;}
    .last .feature-video .img { width: 33.33%; background: #ccc; padding: 10px 0; margin-bottom: 0; border: 2px solid #DCDDE1;}
    .desktop-visible{display:none;}
    .feature-video .mobile-visible  .mobile-items{width:33.33%; float:left; border: 0px solid #DCDDE1;}
    .feature-video .mobile-visible  .mobile-items .img{width:100%;}
    .search.mobile-visible{margin: auto; width: 70%; position: relative; right: -32px;}
    .search.mobile-visible input[type="text"]{width: calc(100% - 56px);}
    .feature-video h3{color: transparent;}
    .last{display:none;}
    .first{display:none;}
    .bottom-thumbnail{display:block;}
    .bottom-thumbnail{float:left; width:100%; margin-bottom: 20px;}
    .bottom-thumbnail .list{float:left; width:100%; list-style: none;padding-left:0; margin-bottom: 0; display: flex; justify-content: center;}
    .bottom-thumbnail .list li{float:left; width:33.3%; text-align: center; background: #ccc; padding: 10px; border:5px solid #DCDDE1; display: flex;
justify-content: center;    align-items: center;}
    .bottom-thumbnail .list li img{width:90%;}
    .contant{padding:0 15px;}

    @-moz-document url-prefix() { 
        .row {
           margin:0;
        }
      }


      header{margin:0 -15px;}
      header .logo{float:left; width:100%; }
      header .logo:after{content:""; display:block; padding-top:20%;}
      header .logo{background:url(https://www.churchathome.org/images/design/header_mobile_new.jpg) no-repeat; background-size: 100% 100%;}
      header .logo img{display:none;}
      nav{float:none; display:inline-block; width:100%;}
      .navbar-toggler{ margin-top: -28%;}


      .alpha-tabs{text-align: center;}
        .alpha-tabs .nav-tabs li{float:none; display:inline-block; padding:0 11px; border-right:1px solid #ccc; color:#0052cb; margin: 3px 0;
    margin-left: -4px;}
        .alpha-tabs .nav-tabs li a{ color:#0052cb;}
        
        .directory-mobile-cont p {color:#4d6486;}

        .box p{margin-bottom: 10px; text-align: center;}
        .mobile-directory{background:#fff; border:1px solid #ccc; width:auto;}
		.directory-mobile-cont select.mobile-directory{max-width:100%;width:300px;}
        body{overflow-x:hidden;}
        

        .directory-transparent-bg{ background: #C6D3E4; padding: 10px 0 12px; position:relative;}
        .directory-transparent-bg:before{content: ""; position: absolute; top: 0; bottom: 0; left: -9998px; right: 0; border-left: 9999px solid #C6D3E4;
            box-shadow: 0 0 0 #C6D3E4;}
            .directory-transparent-bg:after{content: ""; position: absolute; top: 0; bottom: 0; right: -9998px; left: 0; border-right: 9999px solid #C6D3E4;
                box-shadow: 0 0 0 #C6D3E4;}

        .directory-main-panel p{font-size: 16px;}
        .tpheader{transition:0.4s;}
        /*.tpheader.sticky{position: fixed; top:0; left:0; width: 100%; transition: 0.4; z-index:999;}*/
        .tpheader.sticky .search.mobile-visible{opacity: 0; transition:0.4s;}
        .tpheader .navbar-collapse{ background: rgba(255,255,255,0.9); transition:0.4s;}
		.tpheader.sticky .navbar-collapse{margin-top: -32px; transition:0.4s;}
        body{overflow-x: hidden;}
        .main-panel{overflow-x: hidden;}
		.tpheader .navbar-nav{padding:10px 0; margin-top:0;}
		.mobile-pointer{pointer-events: auto; position:absolute; left:0; top:0; width:100%; height:100%;}
		select.mobile-directory{font-size:15px;}
}

@media(max-width:575px){
	.main-panel{overflow-x: hidden; padding-top: calc(19% + 40px);}
	.tpheader{ position: fixed; left:0; top: 0; width: 100%; z-index:99;}
	.main-panel .mobile-visible.box{min-height:250px;}
	.mobile-pointer{pointer-events: auto; position:absolute; left:0; top:0; width:100%; height:100%;}
	
}

@media(max-width:480px){
    .tab-panel .nav li{width: 49%;}
    .tab-panel .nav li a{width:100%;}
    .navbar-toggler{ margin-top: -26%;}
    .search.mobile-visible{margin: auto; width: 70%; position: relative; right: -20px;}
    .search.mobile-visible input[type="text"]{width: calc(100% - 40px); float:left; border: 1px solid #000; height:27px;}
    .search.mobile-visible input[type="submit"]{float:right; width:36px; height: 27px; border-radius: 0; border: 1px solid #000; padding:0;}
    .navbar-toggler{ margin-top: -32%;}
	
}

/* 22 june 2023 share icon css */
.top-left img{width:30px;}
.top-left .meyil img{width: 40px!important;}
.mid .video-panel-space:before{padding-top:58%!important;}