.nmenubar{
	display: none;
}

@media only screen and (max-width:1023px) {
  /* For mobile phones: */
  .header {
    width:auto;
    height: auto;
    text-align: center;
  }
  .wrapper .packageswrap{
  	width:auto;
  }
  .nav{
  	width: auto;
    margin: 0;
    float: none;
    padding-left: 0;
    clear: both;
    text-align: center;
  }
  .logo {
  	margin: 0;
  	float: none;
  }
  .mainimage{
  	background-size: contain;
  	width: auto;
  }
  .introwrapper{
  	width: auto;
  	margin-right: 13px;
  }
  .intro{
  	width: auto;
  	height: auto;
  }
  .contentwrap{
  	text-align: center;
  	width: auto;
  	height: auto;
  }
  .box, .box2, .box3{
  	float: none;
  	display: inline-block;
  	text-align: left;
  	margin: 20px 8px 0 20px;
  	vertical-align: top;
  }
  #neoffers{
  	width: auto;
    float: none;
    height: auto;
  }
  #neoffers	.offerbox{
  	height: auto;
  }
  .footer{
  	height: auto;
  }
  .footerwrap{
  	width: auto;
    height: auto;
    overflow: hidden;
  }
	.wrapper{
	    width: auto;
	}
	.main-section-wrapper {
		width: auto;
	}
	.main-section {
		width: auto;
	    padding: 15px;
	    margin:0;
	    float:none;
	}
	.steps{
	    width: auto;
    	height: auto; 
        display: block;
        line-height: 25px;
	}
	/* NEW CSS*/
	.packageswrap{
		margin: 0;
    	text-align: center;
    	display: block;
    	margin-top: 10px;
    }
	.packages2{
		width: 48%;
	}
	.partnerscontact {
    	float: none; 
    	width: auto; 
    	min-height: auto;
    	margin: 0;
	}
	#Beergogglelogo {
	    padding-top: 10px;
	}
}
@media only screen and (max-width:767px) {
	.packages2{
		width: auto;
		float: none;
		display: inline-block;
		min-height: auto;
		margin: 10px 0;
	}
	/* OLD CSS*/
	.bar1, .bar2, .bar3 {
	    width: 35px;
	    height: 5px;
	    background-color: #333;
	    margin: 6px 0;
	    transition: 0.4s;
	}

	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
	    transform: rotate(-45deg) translate(-9px, 6px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -8px);
	    transform: rotate(45deg) translate(-8px, -8px);
	}

	.nmenubar{
		display: inline-block;
   		padding: 10px;
		float: right;
	    z-index: 9;
	    position: relative;
   	}
		
	.logo{
		width: 60%;
		height: auto;
	}
	.socialnetwork img{
		width: 25px;
	}
	.nmenu_wrap{
		background-color: #fff;
		overflow: hidden;
	}
	.nav{
		display: none;
		background: #fff;
		padding:0;
	}
	.wrapper{
	    background-color: #fff;
	    background-image: url(images/wrapbg.png);
	    background-repeat: repeat;
	}
	.nav ul li a{
		border: 0;
		padding-right:0;
	}
	.nav ul li{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	#neoffers{
	  	text-align: center;
	  	padding-bottom: 10px;
  	}
  	#neoffers h2{
	  	margin: 20px 0 10px 20px;
  	}
  	#neoffers .offerbox{
	  	float: none;
	  	display: inline-block;
  	    width: 260px;
  	}
  	#neoffers .offertitle{
	  	width: auto;
  	}
  	.footer-column{
  		height:auto;
  	}
  	.package-sec .detail {
	    width: 100%;
	    display: block;
	}
	.package-sec .image {
        text-align: center;
    	display: block;
    	margin-top: 10px;
    	width: 100%;
	}
	.package-sec .image .sidepic{
        margin: 0;
	}
	.main-section-wrapper {
		width: auto;
	}
	.main-section {
		width: auto;
	    padding: 15px;
	    margin:0;
	    float:none;
	}
	.sidebar{
		margin: 0;
		width: 100%;
    	text-align: center;
    	min-height: auto;
	}
	.sidebar img{
		margin: 0;
	}
	.contact{
		width: 92%;
	    margin-top: 0px;
	    margin-bottom: 20px;
	    margin-left: 24px;
	}
	.steps{
	    width: auto;
    	height: auto; 
        display: block;
        line-height: 25px;
	}
	.contactresp{
		text-align: center;
		margin: 8px -18px;
	}
	.side-hr{
	    width: 100%;
    	margin: 30px 0;
	}
	.youtubevideo{
		width: auto;
	}
}
.disp_block{
	display: block;
}

@media only screen and (max-width:576px) {
    .ptb-100{
        padding: 100px 0px !important;
    }
}