/* css rules for less than 768px */
/* @media (min-width: 481px) and (max-width: 768px) {


} */

/* 

@media (min-width: 321px) and (max-width: 480px) 
@media (max-width: 480px) {

*/
.header{
   position: relative;
   z-index: 3;
}
.header .menu{
    top:25px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.topheaderimage{
		max-height:400px;
                max-width: 600px;
		}

#buy-tickets  .price-amount{
		float:left;
		}
		
		.styled-select , .ticket-dropdown{
    height: 59px;
    overflow: hidden;
 }

 
.styled-select.slate {
   background: url(../images/icons/arrow.png) no-repeat right center #fff;
   height: 50px;
   width: 80px;
  }

.styled-select.slate select {
	background: transparent;
   padding: 5px;  
   border: 1px solid #fff;
 
   height: 50px;
   width:100px; 
   font-size: 28px;
   color: #000;
   outline:none;
   border: none;

}

 .slate { background-color: #CCC;   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; }
 
 .ticket-dropdown.dark {
   background: url(../images/icons/arrow-white.png) no-repeat right center #957A6C;
   height: 50px;
   width: 480px; margin-bottom:10px;
  }
  
   .ticket-dropdown.dark  option {
   background:   #957A6C;
   color: #fff;
   width: 480px;
   }

.ticket-dropdown.dark select {
	background: transparent;
   padding: 5px;  
   border: 1px solid #fff;
   font-size: 16px;
   height: 50px;
   width:500px; 
    color: #fff;
   outline:none;
   border: none;

}

 .dark { background-color: #CCC;   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; }
   
   
   .fullwrap {
	clear: both;
	padding: 0px;
	margin: 0px;
	width:100%;
	height:auto;
}
   
   .column {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.column:first-child { margin-left: 0; }

.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}


.paymentsummary{
	margin:5px; background:#888; border-radius:5px; padding:10px; width:90%; clear:both; height:auto; color:#EEE;
	}

.paymentsummary .text{
	float:left;
	width: 66%;
	}
	
.paymentsummary .amount{
	float:left;
	width: 34%;
	}	
	.totalpriceincart{
	font-size:24px;  
 		}
		
		.totalamountincart{
	font-size:24px; color:#baf0ff; font-family:Gothambook;
 		}

@media only screen and (max-width: 480px) {
	.column { 
		margin: 1% 0 1% 0%;
	}
 
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
        
}

   
 @media (min-width : 1224px) {
   
     .hasBg{ 
      background-size: 100% auto !important;
        }
        
 }
@media (max-width: 1224px) {
	
	.price-amount{
		
		}
	
	.ticket-select-block {
   margin-bottom: 10px;
}

.ticket-dropdown.dark select {
 
font-size: 13px !important;
 
}
	.event-name-large{
		width:80%;
		font-size: 30px !important;
        margin-bottom: 10px !important;
        margin-top: 10px;
		}
		
	 
		
 .pageWrap{
	 width:95%;
	 }
	 .ticket-name, .ticket-name-soldout{width:40%}
	 .ticket-price{width:25%}
   
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	.ticket-select-block {
  height: auto !important;  
  margin-bottom: 10px;
}
}

 

@media (max-width: 320px) {
 
    
   
}

@media (max-width: 790px) {
    .messi{Width:95% !important; }
    .messi-box{Width:90% !important;}
    
         .small2pxmargin{margin-left:2px;}
         

     .topheaderimage {
    
    max-width: 100%;
}



 .logo a img {
height: 80px;
}
.outixLogoLink{
    height: 85px; width: 85px;
}

.ajax-notification{
  
    font-size: 12px !important;
     
}

.ticket-category-column .categoryTitle{
     font-size: 18px !important;
 }

	.event-name-large{
		max-width:300px;
		 
        margin-top: 30px;
		}

a.popup-invite, a.popup-invite:focus{ font-size: 12px  !important}

    .header .menu{
        position: initial;
        float: left;
        text-indent: -9999999px;
        background: url(../images/responsive-menu.png) top left no-repeat;
        height: 52px;
        width: 52px;
        margin-top: 1%;
        border:none;
		border-radius: 0px !important;
    }
    .content-wrapper{
        width:95%;
    }
     
    .blinker{
        height:30px;
    }
     
    .searchResults ul li{
        font-size: 13px;
    }
    .searchResults ul li div{ 
        float: none;
        height: auto;
        overflow: hidden;
    }
     
    .resultDiv .date {
        
        font-size: 14px;
    }
     
    .pageWrap{
        width: 100% !important;
        border-radius: 0px !important;
        padding:1%;
    } 
    .ticket-select-block{
        height:auto;
    }
    .ticket-select-block div{
        float: left;
        display: inline-block;
    }
    .ticket-name, .ticket-name-soldout{
        width: 55% !important;
        float: none;
        display: inline-block;
    }

    .total-buy-summary div {float: none;}
    .ticket-name.buysumbg{
        height:50px !important; width:100% !important;
    }
    .priceSmall{
        float: right !important;
        font-size: 20px !important;
    }
    .span6 .form-group .fixed60, .span6 .form-group .small{
        width: 65px !important;
    }
    .span65{
        width: 100% !important;
    }
    .span35{
        width: 100% !important;
    }

    .show-left-border{
        border:none;
    }
    .pad-inside{
        padding:20px 0 0;
    }
    .pad-inside div{
        text-align: left !important;
    }
    .cart-price-total{
        margin-top:0px;
    }
    .multiplier-icon{
        width: 40px !important;
    }
    .ticket-select-block .multiplier-icon:nth-of-type(4){
        display: none;
    }
    .number-of-tickets{
        height: auto !important;
    }
    .ticket-price{
        display: none !important;
    }
    .total-buy-summary{
        text-align: center;
    }
    .total-buy-summary .multiplier-icon, .total-buy-summary .number-of-tickets {
        display: none;
    }
    .buysumbg{
        width: 95% !important;
        color:#353535 !important;
        background: none !important;
        font-size: 20px;
    }
    .total-buy-summary .ticket-price{
        display: inline-block !important;
        background: #4e9cb8 !important;
        font-size: 30px;
        padding: 15px;
		width:90% !important;
    }
    .eventDetailsRight{
        width: 100% !important;
    }
    .date-round{
        width: 70px;
        height: 70px;
    }
    .date-day{
        font-size: 20px;
    }
    .date-age-limit{
        margin-right: -15px;
    }
    .date-detail{
        font-size: 16px;
        margin-top: 4px;
    }
    .venue-detail{
        font-size: 13px;
    }
    .col-left, .col-right{
        width: 100%;
    }
    .col-content{
        padding: 0 20px 10px;
    }
    .invite_friends_btn .icon{
        display: none;
    }
    .invite_friends_btn .buttontext{
        float: none;
        display: block;
        text-align: center;
    }
    .bottom-map{
        margin-top: -20px;
    }
    .pageWrap.wf-content-wrapper{
        padding : 0px;
        width: auto !important;
    }
    .pageWrap.wf-content-wrapper div.eventDetails{
        padding: 20px 20px 0 20px;

    }
    .eventSelectButton button{
        margin-left: 20px;
    }
    .eventSelectButton .back{
        background: #454545;
        margin-top: 20px;
        padding-left:10px; 
        padding-right:10px; 
        text-align: center;
    }
    .eventSelectButton .back a{
        color:#FFF !important; 
        font-family: GothamBook !important;
    }
    .span6{
        width: 100%;
    }
    .span6.fl{
        float: none;
    }
    .span12 .wide-form-group label{
        width: 30% !important;
    }
    .span12 .wide-form-group label.fldhelp{
        width: auto !important;  
    }
    .fixed80{
        margin-bottom: 10px;
        width: 51% !important;
    }
    .form-group .textbox.small, .form-group .selectbox.small{
        margin-bottom: 10px;
        width: 51%;
    }
    .frm-btn{
        width: 150px;
        font-size: 22px;
        height: 60px;
    }
    .signin-facebook-div-small{
        font-size: 17px;
        margin: 15px 0;
        padding: 7px 6px 10px 34px;
        width: 80%;
    }
    .right-signin{
        padding: 0;
    }
    .transparent.signin{
        width: 90%;
    }
    .next-btn{
        padding: 5px 0px;
        width: 150px;   
    }
    .event-details .col-left img{max-width: 100%;}

    .mapContainer, .bottom-map {
        height: 100px !important;
        min-height: 100px !important;
    }
    .cart-summary-row{
        padding-bottom: 10px !important;
        border-radius: 0px;
    }
    .share-notice .caption, .share-notice .share-icons{
        padding: 10px 0;
        width:100%;
    }
    #cardtype{
        width:130px !important;
    }
    .span12 .wide-form-group label{
        width: 100% !important;
        text-align: left;
    }
    .span12 .wide-form-group label.slarge{
        float: right;
        width: 90% !important;
    }
    .invite_friends_btn{width:90%;}
    
    #credit-card{
        padding:0 20px;
    }
    #credit-card .center-content .span12:first-child  .wide-form-group label.large{
       width: 110px !important; 
    }
    .span12 .wide-form-group input.textbox{
        width:100%;
    }
    .span12 .wide-form-group input.textbox.small{
        width:30%;
    }
    .span12 .wide-form-group select.selectbox.small{
        width:45%;
    }
    
    #go-back{
        /*float:right;*/
    }
    
    .overlappage .pageWrap div.centerpos{
        padding:5px 0px;
    }
    
    .ticketPrice{
        display: block;
    }
    .ticketEventName{
        width:auto;
        float: none;
        display: inline;
    }
    .ticketPrice{
        display: block;
        float: none;
        width: auto;
    }
    .ticketDate{
        display: inline;
        float: none;
        width: auto;
    }
    
    .col-content-address{
        padding:0px;
    }
    .overlappage .pageWrap div.centerpos, .myticket{
        padding: 0;
    }
    .default-page.overlappage .pageWrap .page-title{
        font-size: 30px;
        border-left: 10px solid #FFF;
        padding-left: 10px;
        margin-bottom: 30px;
    }
    .myticket.active .ticketWrapper  .ticketsLists{
        border-bottom: 2px dotted #fff;
        background-color: #2c2c2c;
    }
    .changeNameWrapDiv li.lastRow{
        padding: 20px 20px !important;
    }
    .ticketWrapper .ticketsLists, .ticketWrapper .ticketDetails{
       padding: 10px 20px; 
    }
    .ticketDtls{
        /*display: none*/;
    }
    .tList li.centerpos {
        padding: 0px 0px;
    }
    .tList li.centerpos .ticketNamesList{
       padding: 10px 20px; 
    }
    .tList li.centerpos .ticketNamesList div{
       float: none;
       display: inline;
    }
    .tList li.centerpos .ticketNamesList div.changeNameDiv.fl{
        margin-left: 0px !important;
    }
    .changeNameDiv{
        width:130px;
        height: 100%;
        display: block;
    }
    .ticketIdentifier{
        display: block;
        float:none !important; 
    }
    .changeNameBtn, .changeNameBtn.saveBtn{
        font-size: 12px;
        width:120px;
    }
    .wf-content-wrapper, .pageWrap{
        width: 100% !important;
        margin: 200px auto 0;
    }
    .myrecords{
        background: #e4e4e4 !important;
        margin-bottom: 1px;
        border-bottom:none;
    }
    .recordLists{
        font-size: 13px;
        color:#4f4f4f;
        padding: 5px;
    }
    .recordLists div{
        display: inline-block;
        width: auto;
        float: inherit;
    }
    .recordLists .mediumRecord, .recordLists .longRecord{
        color:#4f4f4f;
        height: auto
    }
    .recordLists .mediumRecord:first-child{
        float:left;
        font-family: GothamBold;
    }
    .recordLists .longRecord{
        width: 250px !important
    }
    .recordLists .mediumRecord .fadecolor{
        color : #0a95c2;
    }
    .recordLists .leftRecord{
        float: right !important;
    }
    .recordLists .leftRecord img{
        width: 30px;
    }
    .transparent{
        border-radius: 0;
        padding: 0;
        width: 100%;
    }
    .transparent .eventSelected div.eventHead {
        border-color: #fff;
        color: #4a7e88;
        margin: 0 auto;
        padding-top: 10px;
        width: 90%;
    }
    .pageWrap.ticketupgrade{
        padding: 0;
    }
    .ticketupgrade .product_enlisted, .ticketupgrade ul li .product_enlisted, .ticketupgrade ul li .product-title-note, .ticketupgrade ul li .product-detail, .survey-questions{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .upgradeoptions-next{
        margin-bottom: 0px;
    }
    .upgradeoptions-next .next-btn{
        margin-bottom: 10px;
        margin-left: 5%;
        width: auto;
        min-width: 150px;
    }
    .upgradeoptions-next a{
        background: none repeat scroll 0 0 #353535;
        clear: both;
        color: #fff;
        display: block;
        width: 100%;
        padding: 10px 5%;
    }
    .upgradeoptions-next a span.skipStep br{
        display: none;
    }
    .upgradeoptions-next a span.skipStep{
        color:#FFF;
    }
    .survey-questions .question, .survey-questions .answerBox, .survey-questions .answerBox input.textbox{
        width: 100%;
        margin: 0 0 5px;
    }
    /* .searchEvents:after {
      content: 'whatever it is you want to add';
    } */
	 .tours-events-list li div.event-date, .tours-events-list li div.event-title, .tours-events-list li div.event-buy-btn{
        width: 100%;
    }
	.ticket-dropdown{
		width:98% !important;
		}
		.ticket-dropdown  select {
		width:120% !important;
			}
                        
                        .no-tickets-found {
     font-size: 16px !important;
    
}
                        
                        .bPageWrap{padding: 6px !important; }
                        
                        
                        #presale-register .dheading {
    font-size: 16px;
}
                        
                         .white-popup-block {
  
  max-width: 400px !important;
 
} 
		
}

@media (min-width: 320px) and (max-width: 480px) 
{
    
 .selectTicketTypeShow {
  width: 85% !important;
   
}
	
    .ticket-select-block {
        height: 110px;
    }
    .content-wrapper{
        width:95% !important;
    }

    .multiplier-icon {
        color: #fff;
        float: left;
        margin-right: 3px;
         
        width: 30px !important;
        height:60px;
    }

    .number-of-tickets{
        height:90px !important;
        width:80px !important;
        margin: 0 !important;
        padding:19px 0;
    }


    .ticket-name, .ticket-name-soldout{
        width: 55% !important;
        height:90px !important;
        float: none; padding:10px;
        display: inline-block;
    }

    .categoryDesc{
        display:none !important;
     }
    
     .ticket-column .ticketTypeButton{ font-size: 10px !important;}
     .priceSmallDropdown {
     
    right: 2px;
}
     .date-age-limit{display:none}
     
     .countdown-section{
       margin: 0 3px !important;
 }
}

@media (max-width: 321px) {
	
	 html {
        font-size: 60.5%;
    }
	
    .form-group{
        padding: 5px;
    }

    .ticket-name.buysumbg{
        font-size:16px;
    }


    .form-group label{
        width: 95%;
        text-align: left;
    }
    .form-group .textbox, .form-group .selectbox{
        width: 95% !important;
    }
    .frm-btn{
        width: 100px;
        font-size: 18px;
        height: 54px;
        margin-left: 0px;
    }

    .countdown-section{
        border:none;
        display: block;
        float: left;
        height: 60px;
        margin: 0 3px;
        width: 60px;  border: 1px solid #CCC;
        border-radius: 40px;
    }



}

@media (min-width: 320px) and (max-width: 640px) and  (orientation: landscape) {
        
     
}

/* @media (max-width: 320px) {
   
} */