.row {width: 100%;}

@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;}
}


body{background: #DCDDE1; font-size: 14px;}
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;}
nav ul li{float:none; display:inline-block; position:relative; border-right:2px solid #C6C7CA; padding: 0 11px; font-size: 0;}
nav ul li:nth-child(3) img{height: 35px;}
nav ul li:nth-child(4) img{height: 35px;}
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;}

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


/***home-page-css**/
.home-content h3{color:#4d6486; text-align:center; font-size: 16px;}
.home-content p{color:#4d6486; font-size: 15px;}
.home-content p a{color:#0052cb;}
.home-content p.bottom{color:#4d6486; font-size:13px !important; margin-top: -5px;}
.bottom-thumbnails .head{font-size:26px;}
header .mobile-logo img{width:100%;}
.para-first{font-size: 17px !important;}
.home-content .carousel{max-width:400px; margin:auto;}

.feature-video h2{ font-size: 17px; font-weight: 700; color:#FF0000;}

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


.mobile-visible{display:none;}
.home-content .feature-video img{transition:0.4s;}
.home-content .feature-video img:hover{opacity:0.7; transition:0.4s;} 

.home-content p{font-size: 12px !important;}
.home-content p br{display:none;}

.top-cont p{}
.top-cont .para-first{margin-bottom: 0 !important; font-size: 14px !important; margin-top:-4px;}

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


.container{display:grid; float:none;}

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

@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% - 50px);}
    .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;}
    header{margin-top:0px;}
    .para-first{line-height:19px;}

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


      img{max-width:100%;}
      .desktop-visible{display:none;}
      .mobile-visible{display:block;}
      .navbar-toggler{ margin-top: -27%;}
      .home-all{padding:0;}
      .slide img{width:100%;}
      .bottom-thumbnails img{width:100%;}

      .home-content p{font-size: 17px !important;}
	  
	  .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;}
		.home-all .home-content .para-first{padding:0 15px;}
		.tpheader.sticky .divider{opacity:0;}

      

}

@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;}
	
}

@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-right: 5px; margin-top: -29%;}
}


/* 22 june 2023 share icon css */
.top-left img{width:30px;}
.top-left .meyil img{width: 40px!important;}