/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
img{max-width: 100%; height: auto; display: block;}
body{width: 100%}
#header-title{width: 100%}


.logo {
    position: relative;
    bottom: 0;
}
.logo img {
    display: block;
    width: 100%;
}
.footer {
    background: url("../images/Untitled-1.jpg") repeat;
    display: block;
    padding:0;
}


.foo-menu {
    background: none;
   border-right: 1px solid #fff;
}
.foo-menu a{
	font-size: 14px;
}
.powerby {
	padding: 13px;
    background: none;
  
}
.powerby li{
	font-size: 14px;
}
.powerby a{
	 font-size: 14px;
}
.copyright {
	padding: 9px;
    background: none;
    border-right: 1px solid #fff;
}
.copyright li{
	font-size: 12px;
}

.copyright a{
	font-size: 12px;
}
.flexslider {
    height: 0 !important;
   }


.info-title h3 {
    padding-left: 5px;
    display: inline-block;
}
	.containt-info{
		display: inline-block;
		margin-top: 30px;

	}
	.img-info {
    float: left;
    width: 20%;
    }
	.img-info img{
    float: left;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.info-about p {
    font-size: 18px;
    line-height: 24px;
}
.nightly-specials li {
    line-height: 30px;
    font-size: 18px;
}
.nightly-specials h3 {
    font-size: 19px;
}
.party-menu h3 {
    font-size: 19px;
}
.party-menu a {
    font-size: 16px;
    line-height: 30px;
}
.party-menu h4 {
    font-size: 19px;
}
.fb-link {
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
}
.fb-link a {
    font-size: 16px;
}
.open a {
    font-size: 16px;
    line-height: 30px;
}
.cntr-photos li{
	padding-left:0px;
    width: 24%;
    padding-bottom: 2px;
}
.highslide img {
    border: 2px solid white;
    width: 95%;
}
.cntr-photos ul{
	padding: 0 40px;
}
.location-1 p{
	font-size: 15px;
}
.location-2 p{
	font-size: 15px;
}

.mulligan {
    width: 57%;
}
.martin {
    width: 42%;
}
.titile-name {
    width: 34.1%;
}
.text-box {
    float: right;
    width: 61.1%;
    display: block;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
img{max-width: 100%; height: auto; display: block;}
body{width: 100%}
#header-title{width: 100%}
.email{display: none;}

.logo {
    position: relative;
    bottom: 0;
}

.footer {
    background: url("../images/Untitled-1.jpg") repeat;
    display: block;
    padding: 10px 20px 45px;
}
nav li {
    padding: 0 20px;
}
.foo-menu {
    background: none;
    width: 100%;
    padding: 10px 0;
}
.powerby {
    background: none;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
}
.copyright {
    width: 100%;
    background: none;
    padding: 10px 0;
    text-align: center;
}
.flexslider {
    height: 0 !important;
   }


.info-title h3 {
    padding-left: 5px;
    font-size: 18px;
}
	.containt-info{
		display: inline-block;
		margin-top: 30px;
	}
	.img-info {
    float: left;
    width: 28%;
	}
	.img-info img{
    float: left;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.info-about p{
	font-size: 14px;
	line-height: 20px;
}
.info-about p {
    font-size: 18px;
    line-height: 24px;
}
.nightly-specials li {
    line-height: 30px;
    font-size: 18px;
}
.nightly-specials h3 {
    font-size: 19px;
}
.party-menu h3 {
    font-size: 19px;
}
.party-menu a {
    font-size: 16px;
    line-height: 30px;
}
.party-menu h4 {
    font-size: 19px;
}
.fb-link {
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
}
.fb-link a {
    font-size: 16px;
}
.open a {
    font-size: 16px;
    line-height: 30px;
}
.cntr-photos li{
	padding-left:0px;
    width: 24%;
    padding-bottom: 2px;
}
.highslide img {
    border: 2px solid white;
    width: 95%;
}
.mulligan {
    border: 1px solid #4f1502;
    float: right;
    width: 57%;
}
.martin {
    border: 1px solid #4f1502;
    float: left;
    width: 42%;
}
.titile-name {
    width: 34.2%;
    float: left;
} 
.text-box {
    float: right;
    width: 61.2%;
    display: block;
}


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 640px) and (max-width: 766px) {
img{max-width: 100%; height: auto; display: block;}
body{width: 100%}
#header-title{width: 100%}
.email{display: none;}

.logo {
    position: relative;
    bottom: 0;
}

.footer {
    background: url("../images/Untitled-1.jpg") repeat;
    display: block;
    padding: 10px 20px 45px;
}
.foo-menu {
    background: none;
    width: 100%;
    padding: 15px 0;
}
.powerby {
    background: none;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
}
.copyright {
    width: 100%;
    background: none;
    padding: 10px 0;
    text-align: center;
}
.flexslider {
    height: 0 !important;
   }

.fb-link {
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
}
.point img {
    margin-left: 0px;
}

.info-title h3 {
    padding-left: 5px;
    font-size: 16px;
}
	.containt-info{
		display: inline-block;
		margin-top: 30px;
		
	}
	.img-info {
    float: none;
    width: 100%;
	}
	.img-info img{
    float: none;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.info-about p{
	font-size: 14px;
	line-height: 20px;
}
.dinner-list p {
    font-size: 12px;
    margin-top: 16px;
}
.dinner-list li {
    font-size: 12px;
    line-height: 25px;
}
.dinner-list ul {
	 height:auto;
    padding: 0 30px;
}
.drink-list ul {
    padding: 20px 30px;
}
.drink-list li {
    font-size: 12px;
    padding-bottom: 14px;
    line-height: 16px;
}
.cntr-photos li{
	padding-left:0px;
    width: 24%;
    padding-bottom: 2px;
}
.highslide img {
    border: 2px solid white;
    width: 95%;
}
.map-img {
    width: 100%;
    height: 180px;
}
.mulligan {
    width: 53%;
}
.martin {
    width: 45.9%;
}
.titile-name p {
    width: 97%;
}
.button input {
    width: 26%;
}
p.blnk-box {
    height: 17px;
}
.border {
    width: 99.5%;
display: inline-block;
}
.border-1 {
    width: 99.5%;
display: inline-block;
}
.border-2 {
    width: 99.5%;
display: inline-block;
}
.border-3 {
    width: 99.5%;
display: inline-block;
}
}

 @media only screen and (min-width: 480px) and (max-width: 639px) {
img{max-width: 100%; height: auto; display: block;}
body{width: 100%}
#header-title{width: 100%}
.email{display: none;}

.logo {
    position: relative;
    bottom: 0;
}

.footer {
    background: url("../images/Untitled-1.jpg") repeat;
    display: block;
    padding: 10px 20px 45px;
}
.foo-menu {
    background: none;
    width: 100%;
    padding: 10px 0;
}
.powerby {
    background: none;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
}
.copyright {
    width: 100%;
    background: none;
    padding: 10px 0;
    text-align: center;
}
.flexslider {
    height: 0 !important;
   }


   .info-title{
   	background: none;
   }

   .point{
   	display: none;
   }
.titile-name {
    width: 34.2%;
    float: left;
}
.info-title h3 {
    padding-left: 0px;
	}
	.containt-info{
		display: inline-block;
		margin-top: 30px;

	}
	.img-info {
    float: none;
    width: 100%;
	}
	.img-info img{
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.info-about p{
	font-size: 14px;
	line-height: 20px;
}
.fb-link {
    clear: both;
    width: 100%;
    float: none;
}
.dinner-list p {
    font-size: 12px;
    margin-top: 16px;
}
.dinner-list li {
    font-size: 12px;
    line-height: 25px;
}
.dinner-list ul {
	 height:auto;
    padding: 0 30px;
}
.drink-list ul {
    padding: 20px 30px;
}
.drink-list li {
    font-size: 12px;
    padding-bottom: 14px;
    line-height: 16px;
}
.cntr-photos li{
	padding-left:0px;
    width: 49%;
    padding-bottom: 2px;
}
.highslide img {
    border: 2px solid white;
    width: 95%;
}
.map-img {
    width: 100%;
    height: 150px;
}
.text-box input {
    width: 100%;
}
.text-box textarea {
    height: 62px;
    width: 96%;
}
.button input {
    width: 48%;
}
.titile-name {
    width: 33%;
    float: left;
}

p.blnk-box {
    height: 17px;
}
.email-img {
    float: none;
    width: 100%;
    padding-top: 30px;
    clear: both;
}
.email-img{
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 50%;
}
.mulligan {
    width: 100%;
    margin-right: -2px;
}
.enquiries {
    width: 100%;
    float: none;
}
.enquirie-section{
    width: 100%;
}
.martin {
    float: none;
    width: 100%;
}
.border {
    width: 99.5%;
display: inline-block;
}
.border-1 {
    width: 99.5%;
display: inline-block;
}
.border-2 {
    width: 99.5%;
display: inline-block;
}
.border-3 {
    width: 99.5%;
display: inline-block;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
img{max-width: 100%; height: auto; display: block;}
body{width: 100%}
#header-title{width: 100%}
.email{display: none;}

.logo {
    position: relative;
    bottom: 0;
}

.footer {
    background: url("../images/Untitled-1.jpg") repeat;
    display: block;
    padding: 10px 20px 40px;
}
.foo-menu {
    background: none;
    width: 100%;
    padding: 20px 0;
}
.powerby {
    background: none;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
}
.copyright {
    width: 100%;
    background: none;
    padding: 0;
    text-align: center;
}
.flexslider {
    height: 0 !important;
   }
   .info-section{
   	max-width: 100%;
   }

   .info-title{
   	background: none;
   }

   .point{
   	display: none;
   }

.info-title h3 {
    padding-left: 0px;
	}
	.containt-info{
		display: inline-block;
		margin-top: 30px;
		padding: 10px;
	}
	.img-info {
    float: none;
    width: 100%;
	}
	.img-info img{
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.info-about p{
	font-size: 14px;
	line-height: 20px;
}
.foo-menu a {

    font-size: 13px;
   }
  .copyright li{
  	font-size: 13px;
  }
  .copyright a{
  	font-size: 13px;
  }
  .powerby a {
    font-size: 13px;
	}

.nightly-specials {
    float: none;
    width: 100%;
}

.party-menu {
    float: none;
    width: 100%;
}

.dinner-list {
    float: none;
    width: 100%;
}
.drink-list {
    float: none;
    width: 100%;
}
.dinner-list p {
    font-size: 12px;
    margin-top: 16px;
}
.dinner-list li {
    font-size: 12px;
    line-height: 25px;
}
.dinner-list ul {
	 height: auto;
    padding: 0 30px;
}
.drink-list ul {
    padding: 20px 30px;
}
.drink-list li {
    font-size: 12px;
    padding-bottom: 14px;
    line-height: 16px;
}
.info-about li {
    padding-left:3px;
}
.cntr-photos {
    margin-left: 5px;
}
.cntr-photos li {
    padding-left: 0px;
    width: 49%;
    padding-bottom: 6px;
}
.highslide img {
    border: 2px solid white;
    width: 95%;
}
.location-1 {
    float: none;
    width:100%;
}
.location-2 {
    float: none;
    width:100%;
}
.map-img {
    width: 100%;
    height: auto;
}

.enquirie-section {
    width: 100%;
}
.martin {
    width: 100%;
}
.mulligan {
    width: 100%;
    margin-right: -2px;
}
.enquiries {
    width: 100%;
    float: none;
}
.text-box input {
    width: 100%;
}
.text-box textarea {
    height: 62px;
    width: 96%;
}
.button input {
    width: 48%;
}
.titile-name {
    width: 31%;
    float: left;
}
.text-2 {
    height: 28px;
}
.text-2 input{
    margin-top: 3px;
    height: 17px;
}
.text-3 {
    height: 28px;
}
.text-3 input{
   margin-top: 3px;
    height: 17px;
}
p.blnk-box {
    height: 17px;
}
.email-img {
    float: none;
    width: 100%;
    padding-top: 30px;
    clear: both;
}
.border {
    width: 99.5%;
display: inline-block;
}
.border-1 {
    width: 99.5%;
display: inline-block;
}
.border-2 {
    width: 99.5%;
display: inline-block;
}
.border-3 {
    width: 99.5%;
display: inline-block;
}

.fb-link {
    clear: both;
    width: 100%;
    float: none;
}
.fb-link ul{
    padding: 0;
}
.logo span{
    display: none;
}
.comments {
    height: 64px;
}
.opt-code-1 {
    height: 45px;
}
.opt-code {
    height: 49px;
}
}

 @media only screen and (min-width: 414px) and (max-width: 414px){
  .text-2 {
    height:16px;
}
.text-2 input{
    margin-top: 0px;
    height:13px;
}
.text-3 {
    height: 16px;
}
.text-3 input{
   margin-top: 0px;
    height: 13px;
} 
.titile-name {
    width: 33%;
    float: left;
} 

.email-img img{
    float: none;
    width: 100%;
    padding-top: 30px;
    clear: both;
}
 }

@media only screen and (min-width: 375px) and (max-width: 375px){
.titile-name {
    width: 32%;
    float: left;
}
}


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

.menu{display: none;}

/*---- menu----*/
.top-menu {
    display: block !important;
    background: #000 url("../images/menu-toggle-icon.png") 14px 10px no-repeat !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 18px !important;
    height: 40px !important;
    line-height: 40px !important;
    width:100%;
    cursor: pointer;
    transition: all 600ms ease-in-out 0s !important;
}
#device li {
   
    background: #000 !important;
    width: 99.4% !important;
    border-bottom: 1px solid #D9D9D9 !important;
    border-right: 1px solid #d9d9d9;
}
nav li {
 
    padding: 0px; 

}
.menu {
    width: 100%;
    height: auto;
    background: none;
    position: absolute;
}

}

@media only screen and (min-width: 568px) and (max-width: 568px){
.titile-name {
    width: 34%;
  }
.text-box textarea {
    height: 63px;
    width: 96%;
}
}

@media only screen and (min-width: 384px) and (max-width: 384px) {
.titile-name {
    width: 32%;
    float: left;
}
}