@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px)  and (max-width:1199px) {
	header .headerMenu .navbar li a{ font-size: 12px }
	.poemList{ background: none }
	.poemList .col-sm-4{ width: 45% }
	.aboutContact{margin-left: -107px;}
	.aboutContact a{ color: #fff; }
}
@media screen and (max-width:1199px) {
	 .homeAbout{
        background: none;
     }
}
@media screen and (min-width:768px) and (max-width:1299px) {
header {position:relative;}
.navbar-brand>img {width:66px;}
header .headerMenu .navbar li a {margin:0 6px;     padding: 19px 0 22px 0;}
.homeBanner {height:auto;}
.homeBanner .container {margin:0;}
.slide-text {text-align:center !important;}
.aboutContact .aboutPhone, .aboutContact .aboutEmail {padding:12px 19px 13px 19px;}
.aboutContact .aboutPhone p span {font-size:15px;}
.poemList .listLeft {padding:0; margin-top:39px;}
.poemList .poemdetails h4 {font-size:12px; font-weight:600;}
.page-title h3:after {display:none;}
.poemTeam .teamImage img {width:100%;}
.poemTeam .teamDes h4 {font-size:12px; padding:0; line-height:16px; margin:0;}
.blogImg {height:129px;}
}

@media screen and (max-width:900px){
  .slide-text{
    display: none;
  }
}
@media screen and (max-width:767px) {
header {position:relative;}
.homeBanner {height:auto;}
.navbar-brand>img {width:66px; margin-left:15px;}
.navbar-default .navbar-toggle {margin-top:16px;}
header .headerMenu .navbar-default .navbar-collapse {width:100%; float:left;}
header .headerMenu .navbar li a {padding:9px 0;}
.homeBanner .container {margin-top:0;}
.innerBanner {height:auto;}
.innerBanner .bannerText{bottom:0; top:50%;}
.innerbody .aboutimage {margin-bottom:30px;}
.homeAbout {padding:26px 0; background:none;}
.letUs, .poemFamily, .homeFaq {padding:26px 0;}
.faqimage {margin-top:30px;}
.homeFaq .readmore {display:block; width:160px; margin:auto; margin-top:30px;}
.letUs .page-title h3 {padding-right:0; margin-bottom:0;}
.page-title h3:after {display:none;}
.poemList {background:none; margin-top:0px; padding-bottom:18px;}
.letUs .poemList .listLeft {padding:0;}
.poemList .poemdetails h4 {font-size:13px;}
.poemList .listLeft {margin-top:36px;}
    
.homeAbout .aboutimage {margin-bottom:30px;}
.homeAbout .aboutContact {margin-left:0; margin-top:19px;}
.aboutContact .aboutPhone, .aboutContact .aboutEmail {width:100%; padding:12px; background-size:cover;}
.aboutContact .aboutPhone {margin-bottom:15px;}

.innerbody {padding:26px 0; border-bottom:1px dashed #ccc;}
.innerBanner .bannerText h1 {font-size:26px;}
.bannerBg {min-width:auto; padding:12px;}
.slide-text {top:19%; padding:12px 22px; text-align:center !important;}
.slide-text .bannerBg h3 {font-size:46px; line-height:26px;}
.slide-text .bannerBg h3 span {font-size:26px;}
.control-round .carousel-control img {width:39px;}
.footerlogo img {float:none; margin:26px auto; display:block;}
.bottomfooter {margin:0;}
.menu-footer-menu-container {margin-bottom:5px;}
.footer-link ul li {width:auto; margin:0; display:block; line-height:26px;}
.footer-social {text-align:center; margin:22px 0;}
footer {padding-top:26px; background-size:cover;}
.poemList .listLeft:nth-child(even) {float:left;}
.blogImg {height:auto;}
.single-post .comment-form {width:100%; padding:22px; margin-bottom:36px;}
.entry-header .entry-title {font-size:26px;}
.single-post .post-thumbnail {margin:0 15px 10px 0;}
footer ul li{margin-bottom: 7px;}
.pop{width: 90% !important;}
.pop h2{ font-size: 20px }
.headerMenu .navbar li.current_page_item a::before {
    opacity: 0!important;
}
.navbar-default .navbar-toggle {
    margin-top: 27px;
}
.navbar-nav{ margin: 0!important }

.headerMenu .navbar li.current_page_item a{ color: #2751ab }
header .headerMenu .navbar li a:before{ left: auto; top:9px; }
header .headerMenu .navbar li a{ margin: 0 }
header .headerMenu .navbar-right {
    margin-top: 5px;
}
.nav > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e7e7e7;
}

}

@media screen and (max-width:767px) and (orientation : landscape){
.menu-main-menu-container {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}	
}

@media screen and (max-width:600px) {
	.upper-footer{ padding:20px;} 
	.map-form{ overflow: hidden; }
}

