@media only screen and (min-width: 240px) and (max-width: 1050px)  

{
    .notice-box li {
	border: 1px solid #eee;
	width: 100%;
	vertical-align: top;
	max-height: 609px;
	margin-bottom: 16px;
	margin-left: 0;
}

.mobile > a {
  text-transform: uppercase;
}
#midheader {

  width: 100% !important;

}

#secondnav {

  padding-left: 0 !important;

}

.navbar-collapse.pull-right.collapse.in {

  width: 100% !important;

}

.main-contain{

  width: 95% !important;

}

nav#topheader {

  width: 100% !important;

}

.navbar-header > #secondnav {

  padding-left: 0px !important;

}

.blog-img > img {

  height: auto !important;

  width: auto;

  max-width:100%;

}

#footer {

  text-align: center !important;

  width: 100% !important;

}

#midheader

{

	left:0px !important;

}

#end_part

{

	z-index:0;

}

}



@media only screen and (min-width: 240px) and (max-width: 480px)  

{

	.signin-submit > input {

  font-size:22px !important;

}

.member-no > input {

  font-size:20px !important;

}

.member-ph > input {

  font-size:20px !important	;

}

#logo_main > #logo > .navbar-brand >.img {

  width: 88%;

}

.contact_left-contain {

  float: none !important;

  width: 100% !important;

}

.contact_right-contain {

  float: none !important;

  margin: auto;

  width: 100% !important;

}

.main-contain1 {

  width: 93% !important;

}

}



/* footer */

@media only screen and (min-width: 240px) and (max-width: 1010px)  

{

	.footer-set {

  width: 95% !important;

}

.input-email {

  width: auto !important;

}

.footer-contain:last-child {

  margin-right: 0 !important;

  width: 31% !important;

}

.footer-contain {

  float: left;

  width: 31% !important;

}

.footer-contain {

  margin-right: 50px !important;

}

.footer-contain:nth-child(2) {

  margin-right: 0px !important;

}

}

@media only screen and (min-width: 240px) and (max-width: 768px)  

{

	.footer-contain:nth-child(2) {

  display:none !important;

}

.footer-contain:last-child

{

	width:45% !important;

}

.footer-contain

{

	width:45% !important;

}



.navbar-collapse.pull-right.collapse.in {

  text-align: center !important;

}

.mid-header.navbar-inverse {

  position: relative !important;

}

.b-day > h2

{

	font-size:17px !important;

}

.link-1 > a {

  font-size: 16px !important;

}

.banner > img {

  height: auto;

  min-height: 176px !important;

  width: 100%;

}

.main-contain.top-set {

  margin-top: 152px !important;

}

.signin-submit > input {

  height: 37px !important;

  width: 63% !important;

  font-size: 20px !important;

}



.tab-contain-box {

  padding: 28px 14px !important;

}

.container-fluid {

  position: absolute !important;

  top: 0px !important;

  width: 100% !important; 

  z-index: 1 !important;

}

#midheader {

  left: 0px !important;

  position: relative;

}

.dropdown-menu a {

  text-align: center;

}

#topheader .icon-bar{

  background: white none repeat scroll 0 0 !important;

}

#topheader .navbar-toggle {

  background-color: black;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  float: right;

  margin-bottom: 0;

  margin-right: 15px;

  margin-top: 2px;

  padding: 4px 10px;

  position: relative;

}

#topheader  button > span:last-child

{

	display:none !important;

}

#topheader

{

	min-height:0px !important;

}

.tab-head > h2

{

	font-size:17px !important;

}



}



@media only screen and (min-width: 240px) and (max-width: 550px)  

{

	.footer-contain:first-child {

  display:none !important;

}

.footer-contain:last-child

{

	width:100% !important;

}

}

@media only screen and (min-width: 240px) and (max-width: 950px)  

{

.b-day {

  height: auto !important;

  width: 72% !important;

  

}

.b-day > h2 {

  background-position: center top !important;

  padding-top: 50px !important;

}

.member-links {

  overflow: hidden !important;

  width: 67% !important;

}

}

@media only screen and (min-width: 240px) and (max-width: 470px)  

{

.link-1 > a {

  font-size: 16px !important;

  background-position: 8px !important;

  padding-left: 27px;

}

}



@media only screen and (min-width: 240px) and (max-width: 480px)  

{

.member-img > img {

  width: 52%;

}

.copy-line {

  font-size: 13px !important;

 }

 .member-ph > input {

	font-size: 16px !important;

  height: 39px !important;

  width:59% !important

}

.member-no > input

{

	font-size: 16px !important;

  height: 39px !important;

  width:59% !important

}

}



@media only screen and (min-width: 600px) and (max-width: 1050px) 

{

	.left-contain {

  width: 25% !important;

}

.right-contain {

  width: 70% !important;

}

.card-img > img {

  height: auto !important;

  width: 100% !important;

}

.member-card-innner {

  width: 97% !important;

}

.member-card {

  height: auto !important;

  width: 45% !important;

  margin-bottom: 13px;

}

}



@media only screen and (min-width: 240px) and (max-width: 600px) 

{

.right-contain {

  width: 100% !important;

}

.card-link > a {

  font-size: 12px !important;

}

.tab-head {

  background-color: hsl(358, 67%, 52%);

  cursor: pointer !important;

}

.tab-head:hover {

  background-color: hsl(358, 67%, 52%);

}

.left-contain {

	height:auto !important;

	margin-bottom: 18px;

  min-height: 0px !important;

  width:100% !important;

}

.left-links {

  height: auto !important;

  padding-bottom: 0px !important;

  width: 100%;

}

#tab > h2 {

  font-size: 17px !important;

}

.tab-head {

  width: 63% !important;

}

.book-form {

  text-align: center;

}

.facility-tag {

  height: 43px;

  width: 86% !important;

}

.input-tag {

  height: 43px !important;

  width: 86% !important;

}

.comment {

  width: 86% !important;

}

.ui-timepicker-wrapper {

  max-width: 82% !important;

}

.payment_button > a {
    float: none;
    line-height: 0;
    padding: 16px 11px;
    display: block;
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.payment_button > a:last-child {
    margin-left: auto;
    margin-top: 10px;
}
.payment-block {
    margin: 22px 20px 0 0;
}
.submit {

  width: 86% !important;

}

.head_tab {

  margin-top: 38px !important;

}

.tab-head > h2 {

background-image: url("images/down-arrow.png");

background-position: right 6px;

background-repeat: no-repeat;

margin-right: 10px !important;

 

}

.page-title > h2 {

  color: #A52227 !important;

  font-size: 25px  !important;

  text-shadow: unset  !important;

}

.selected a {

  z-index: 0 !important;

}

.tab-head2 {
  width: 63% !important;
}
.main-contain {
  clear: both;
  z-index: 0;
}
.tourhead{margin-top: -52px;}
.tournamnet_box_left{    text-align: center;}
.tournamnet_box_right{    width: 100%;margin-top:20px;}
.tournamnet_box_right p{    width: 100%;
    margin-left: 35px;}
}





@media only screen and (min-width: 480px) and (max-width: 600px) 

{

.card-img > img {

  height: auto;

  width: 100%;

}

.member-card {

  height: auto !important;

  width: 50% !important;

}

.member-card-innner {

  height: auto;

  width: 95% !important;

}

.member-card {

  margin-bottom: 20px !important;

}

#committeePage .comit-member > img {

float: none !important;

width: auto !important;

}

}



@media only screen and (min-width: 240px) and (max-width: 480px) 

{

	.member-card {

float: none !important;

height: auto !important;

margin-bottom: 25px;

width: 100% !important;

}

.member-card-innner {

  width: 94% !important;

}

.card-img > img {

  height: auto !important;

  width: 100% !important;

}

.head_tab {

  margin-top: 17px !important;

  overflow: hidden !important;

}

.infomenu-style > li > a {

border: 1px solid hsl(48, 6%, 85%) !important;

border-radius: 0 !important;

float: left;

height: auto;

margin-bottom: 0;

padding-bottom: 31px !important;

padding-top: 7px !important;

text-align: center !important;

width: 100%;

}

.selected > a

{

	padding-bottom:0px !important;

}

.infomenu-style > li > a:hover

{

	/* padding-bottom:21px !important; */

	border: 1px solid hsl(48, 6%, 85%) !important;

	border-bottom: 1px solid hsl(48, 6%, 85%) !important;

}

.infomenu-style > li {

  margin-right: 0px !important;

}

.container-data1 {



  padding: 29px 13px !important;

 

}

}



@media only screen and (min-width: 240px) and (max-width: 400px) 

{

	.payment-text > h2 {

  font-size: 12px !important;

}

.pay-now {

  width: 34% !important;

}

.pay-now > a {

 max-width: 100% !important;

  font-size:20px;

}

}



@media only screen and (min-width: 877px) and (max-width: 1055px) 

{

	.infomenu-style > li > a

	{

		padding: 13px 21px !important;

	}

}

@media only screen and (min-width: 768px) and (max-width: 877px) 

{

	.infomenu-style > li > a

	{

		padding: 12px 13px !important;

	}

}

@media only screen and (min-width: 599px) and (max-width: 768px) 

{

	.infomenu-style > li > a

	{

		padding: 14px 2px !important;

	}

}

@media only screen and (min-width: 481px) and (max-width: 600px) 

{

	.infomenu-style > li > a

	{

		padding: 14px 2px !important;

	}

}

@media only screen and (min-width: 240px) and (max-width:1058px) 

{



.amen-detail-img > img

{

	margin-left: 16px;

margin-right: auto !important;

}

}



@media only screen and (min-width: 450px) and (max-width:1055px) 

{

.img-tab > img {

  width: 94% !important;

}

}

@media only screen and (min-width: 240px) and (max-width:450px) 

{

	.img-tab {

  margin-left: 27px !important;

  margin-right:0px !important;

  width: 38% !important;

}

.img-tab > img {

  width: 94% !important;

}

.caption > h2 {

  font-size: 12px !important;

}

}



@media only screen and (min-width: 450px) and (max-width:1055px) 

{

.img-tab {

  margin-right: 17px !important;

  text-align: center;

  width: 29% !important;

}

.caption > h2 {

  font-size: 13px !important;

}	

}





@media only screen and (min-width: 701px) and (max-width:1055px) 

{

.col-lg-4 img {

  width: 100% !important;

}

.col-md-4.col-lg-4.col-sm-12 {

  float: left !important;

  width: 33% !important;

}

.row {

  width: 97% !important;

  margin-left: 0px!important;

  margin-right: 0px!important;

}

}



@media only screen and (min-width: 240px) and (max-width:700px) 

{

	.container {

  

  padding: 0 !important;

  width: 100% !important;

}

.row {

  float: right !important;

  width: 53% !important;

}

.col-md-4.col-lg-4.col-sm-12 {

  height: auto !important;

  width: 100% !important;

  text-align:end !important;

}

.col-lg-4 img {

  width: auto !important;

  max-height:103px !important;

}

}



@media only screen and (min-width: 240px) and (max-width:480px) 

{

	#end_part

	{

		display:none !important;

	}

	.maneg_link .pdf-data {

		width: 100% !important;

		float:none !important;

}

.google-maps > div {

  height: 292px !important;

}

}



/* menu */

@media only screen and (min-width: 240px) and (max-width:767px) 

{

	.navbar-collapse.pull-right.collapse.in

	{

		width:100% !important;

		float:none !important;

		text-align:center !important;

	}

	#secondnav > .nav navbar-nav

	{

		width:100% !important;

		float:none !important;

		text-align:center !important;

	}

	#secondnav > .navbar-nav

	{

		margin:0px !important;

	

	}

	#secondnav > ul > li

	{

		width:100% !important;

		float:none !important;

		text-align:center !important;

		padding:0px !important

	}

	#secondnav > ul > li > a

	{

		width:100% !important;

		float:none !important;

		text-align:center !important;

	}

	#secondnav 

	{

		width:100% !important;

		float:none !important;

		text-align:center !important;

	}

	.mid-header {

	  opacity: 1 !important;

	  width: 100%;

	}

	#topheader >.navbar-collapse.collapse.in {

  background: black none repeat scroll 0 0;

  text-align: end;

  width: 100% !important;

}

#topheader > #firstnav > ul

{

	float:none !important;

	background-color:black;

	text-align:end;

	margin-right:1px;

}

.pull-right

{

	float:none !important;

}

.modal-dialog {

  width: 94% !important;

}

#YouTubeModal iframe {

  width: 98%;

}

.blog-title > h2 {

	  font-size: 26px !important;

	}

	.blog-desc {

  height: auto !important;
  min-height:0px !important;

}

}



@media only screen and (min-width: 1024px) and (max-width:1150px) 

{

#secondnav > ul > li > a {

  padding-left:28px !important;

  padding-right:28px !important;

}

#secondnav > ul > li > a:last-child {

  padding-right:0px !important;

}

#midheader > .navbar-header {

  float: right;

  margin-right: 13px;

}

#midheader

{

	left:0px !important;

}



}

@media only screen and (min-width: 900px) and (max-width:1024px) 

{

#secondnav > ul > li > a {

  padding-left:14px !important;

  padding-right:14px !important;

}

#secondnav > ul > li > a:last-child {

  padding-right:0px !important;

}

#midheader > .navbar-header {

  float: right;

  margin-right: 13px;

}

}

@media only screen and (min-width: 768px) and (max-width:900px) 

{

#secondnav > ul > li > a {

  padding-left:4px !important;

  padding-right:4px !important;

}

#secondnav > ul > li > a:last-child {

  padding-right:0px !important;

}

#midheader > .navbar-header {

  float: right;

  margin-right: 13px;

}

}

@media only screen and (min-width: 240px) and (max-width:1062px) 

{

.img-tab img {

  height: auto;

  width: 90% !important;

}

.amen-detail-img img {

  margin-left: 11px !important;

  margin-right: 0px !important;

}



}

@media only screen and (min-width: 480px) and (max-width:768px) 

{

 .member-ph > input {

  width:50% !important

}

.member-no > input

{

  width:50% !important

}

}



@media only screen and (min-width: 240px) and (max-width:700px) 

{

	#logo_main >.row

	{

		left:6px;

	}

}

@media only screen and (min-width: 240px) and (max-width:800px) 

{

.item > .youtube > .fill

{

background-repeat:no-repeat;

background-size:189% 100% !important;

}

/* .item  > .fill

{

background-repeat:no-repeat !important;

background-size:109% auto !important;

} */

}



@media only screen and (min-width: 240px) and (max-width:1024px) 

{

	.f-call {

  color: hsl(12, 2%, 48%);

}

.f-call:hover {

  color: hsl(2, 2%, 48%);

  

}

#committeePage .commit-details {

  margin-bottom: 0px !important;

}

#committeePage .commit-details1 {

  margin-bottom: 0px !important;

}

#committeePage .comit-member {

  height: 211px !important;

}

.funfacts {

  padding: 0 17px;

}

.facilites .img-tab {

  display: inline-block !important;

  float: none !important;

}
.right-contain .pdf-link {
  width: 100% !important;
}
#c-id5 .comit-member {
  height: auto !important;
  width: 100% !important;
	min-width:100%;
}
#c-id5 .update-left-contain {
  margin-right: 10px;
}
}





@media only screen and (min-width: 1025px) 

{

	.f-call {

  pointer-events: none;

}

.f-call{

  color: hsl(2, 2%, 48%) !important;

  

}

}

@media only screen and (min-width:768px) 

{

.mobile

{

	display:none !important;

}

}

@media only screen and (max-width:767px) 

{

.top-header.navbar-fixed-top {

  display: none !important;

}

.mid-header.navbar-inverse {

  top: 0 !important;

}

body .banner {

  height: auto;

  margin-top: 53px !important;

  width: 100%;

}

}

@media only screen and (min-width: 240px) and (max-width:600px) 

{
.tab-head. > h2 {
  background-image: url("images/down-arrow.png");
  background-repeat:no-repeat;
  padding-right: 21px;
  cursor:pointer;
}
.tab-head2 > h2 {
background-image: url("images/down-arrow.png");
background-position: right 8px !important;
background-repeat: no-repeat;
padding-right: 21px;
cursor:pointer;
}
.tab-head2 {
  padding: 0 6px;
  background-color:hsl(358, 67%, 52%);
}
.page-title {

  margin-top: 73px;

}

.page-title2 {

  margin-top: 73px;

}

.page-title2 h2 {

color: #a52227 !important;

font-size: 25px !important;

text-shadow: unset !important;

}

.left-links {

  position: relative;

  z-index: 100;

}

}

@media only screen and (min-width: 481px) and (max-width:1024px)

{

.comit-member {

  float: left;

  width: 50%;

}

.comit-member > img {

  margin-right: 15px !important;

}

}

@media only screen and (min-width: 240px) and (max-width:480px)

{

.comit-member {

  float: left;

  width: 100% !important;

}	

.comit-member > img {

  margin-right: 15px !important;

}

#committeePage .comit-member > img {

  float: none !important;

  height: auto !important;
margin: auto !important;
  width: 90px !important;

}
.blog-title {
  margin-bottom: 19px;
  width: 100%;
}
.blog-title > h2 {
  font-size: 22px !important;
}
.blog-img > img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
}
.blog-img  {
  height: auto !important;
  width: 100%;
}
.blog-area {
  width: 100% !important;
}
}



/* contact page */

@media only screen and (min-width: 480px) and (max-width:1024px)

{

	.main-contain1 {

  width: 88%;

}

.contact_right-contain {

  width: 34%;

}

.contact_left-contain {

  float: left;

  height: 100%;

  width: 50%;

}

.contact li {

  width: auto !important;

}

}



@media only screen and (min-width: 240px) and (max-width:600px)

{

	.contactinput {

  width: 100%;

}

.footemailtext.footemailtxtcont {

  width: 100%;

  padding:0px;

}

.foottextarea {

  width: 100%;

}

.contactname {

  width: 100% !important;

}

.contactnum {

  width: 100% !important;

}

.contactid {

max-width: 100% !important;

min-width: 100% !important;

}

.contactmessage {

  width: 100% !important;

}

.contactinput {

  padding: 0 !important;

  margin-bottom: 10px;

}

.contactname {

  margin: 0 !important;

}	

	.footercontact .btn1{

  padding: 6px 27px;

}

}

@media only screen and (min-width: 481px) and (max-width:768px)

{

.google-maps > div {

  height: 350px !important;

}

}





/* management-commitee */

@media only screen and (min-width: 537px) and (max-width:1024px)

{

.right-contain2 {

  width: 70% !important;

}

}

@media only screen and (min-width: 600px) and (max-width:1024px)

{

#committeePage .comit-member > img {

float: none !important;

width: auto !important;

}

#committeePage .commit-details1 {

  float: none !important;

  width: 100%;

}

#committeePage .comit-member {

  float: left;

  width: 50% !important;

}

#committeePage .commit-details {

  width: 100%;

}

}

@media only screen and (min-width: 240px) and (max-width:600px)

{

	#committeePage .comit-member {

  float: left;

  width: 50% !important;

  text-align: center;

}

.right-contain2 {

  width: 100% !important;

}



#committeePage .commit-details1 {

  float: none !important;

  width: 100%;

}

#committeePage .commit-details {

  width: 100%;

}

}



@media only screen and (min-width: 600px) and (max-width:700px)

{

	.infomenu-style > li > a {

 

  font-size: 13px !important;

 padding: 17px 1px !important;

}

}





/* @media only screen and (min-width: 767px) and (max-width:1024px)

{

.item > #banner1 

{

background:url('images/banner-1.jpg') !important;
background-size:100% auto;
 background-repeat: no-repeat;

}

.item > #banner2 

{

background:url('images/banner-2.jpg') !important;
background-size:100% auto;
 background-repeat: no-repeat; 

}

.item > #banner3 

{

background:url('images/banner-3.jpg') !important;
background-size:100% auto;
 background-repeat: no-repeat  !important; 

}

} */
@media only screen and (min-width: 240px) and (max-width:450px)
{
.item > #banner1, .item > #banner2, .item > #banner3 
{
background-size:100% 100% !important;
}
}
@media only screen and (min-width: 451px) and (max-width:640px)
{
.item > #banner1, .item > #banner2, .item > #banner3 
{
background-size:100% auto !important;
background-position: center top !important;
}
}

@media only screen and (min-width: 240px) and (max-width:640px)

{



.item > #banner1 

{

background-image:url('images/banner-1-mob.jpg') !important;
background-repeat:no-repeat !important;
}

.item > #banner2 

{

background-image:url('images/banner-2-mob.jpg') !important;
background-repeat: no-repeat; 

}

.item > #banner3 

{

background-image:url('images/banner-3-mob.jpg') !important;
background-repeat: no-repeat  !important;
}

}

@media only screen and (min-width: 240px) and (max-width: 1024px) 
{
	
#c-id4 .commit-details3 {
  width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 980px) 
{
	.img-tab1 img {
  height: auto;
  width: 100%;
}
.img-tab1 {
  height: auto !important;
  width: 32% !important;
}
}

@media only screen and (min-width: 240px) and (max-width: 480px) 
{
	.img-tab1 img {
  height: auto;
  width: 100%;
}
.img-tab1 {
  height: auto !important;
  width: 45% !important;
}
}
@media only screen and (min-width: 640px) and (max-width: 1024px) 
{
.celebs .commit-details4 {
  float: right;
  width: 50%;
}
#committeePage .comit-member > img {
  float: none !important;
  width: auto !important;
}
}

@media only screen and (min-width: 240px) and (max-width: 640px) 
{
.celebs .commit-details4 {
  float: right;
  width: 100%;
  margin-top:0px !important;
}
.celebs #committeePage .comit-member > img {
  float: none !important;
  width: auto !important;
}
.celebs .comit-member {
  text-align: center;
}
.celebs .comit-member  img {
  max-width: 80% !important;
  width: 43% !important;
}
}


@media only screen and (min-width: 240px) and (max-width: 820px) 
{
	.caption > h2 {
  min-height: 41px;
}
}
@media only screen and (min-width: 240px) and (max-width: 950px) 
{
.gall .caption > h2 {
  min-height: 41px;
}
}

@media only screen and (min-width: 240px) and (max-width:450px)
{
	.item  .fill {
  background-repeat: no-repeat !important;
  background-size: 109% 100% !important;
}
}

@media only screen and (min-width: 400px) and (max-width: 900px) 
{
.gall .img-tab img {
  height: 130px;
}
}
@media only screen and (min-width: 240px) and (max-width: 399px) 
{
.gall .img-tab img {
  height: 103px;
}
}
@media only screen and (min-width: 240px) and (max-width: 510px) 
{
.container-data1 {
  width: 50% !important;
  padding-top:20px !important;
}
.container-data1 > p {
  line-height: 20pt;
}
}
@media only screen and (min-width: 240px) and (max-width: 450px) 
{
	.container-data1 > p {
 font-size: 20px;
}
#data1-text {
  line-height: 20px;
  font-size: 16px;
}
}
@media only screen and (min-width: 240px) and (max-width: 350px) 
{
.container-data2 {
  height: 162px;
  width: 50%;
}
.container-data2 > img {
  height: 100%;
  width: 100%;
}
}