@media only screen and (max-width:1450px){
    .seats-boxes-mobsection {
        padding-left: 10px;
    }
    .seats-boxes .seat-box{margin:0 2px 10px;}
}
@media only screen and (max-width:1350px){
.formfiledbox.amountbox {max-width: 70%;}
	.formbtnbox.addbtnbox {width: 27%;}
.splitdonation .modal-dialog {
    width: 90%;
}
	.checknmbr-popup {width:65%;}
    .container{width:100%;}
    
}
@media only screen and (max-width:1280px){
.cssmenu > ul > li > a, .formbtnbox button, .exportbtn button, .listbtnbox button{font-size:12px; width:auto; padding:4px 10px; line-height:18px;}
.cssmenu ul ul li a{font-size:12px;padding:0px 5px;}
.logout svg {height:23px;}
.cssmenu > ul > li.has-sub ul{min-width:930px;}
    	
}
@media only screen and (max-width:1200px){
.searchtable .addbtn, .searchtable .viewbox{width:auto; float:left; margin:0 10px;}
.minwidth110 {min-width: 170px;}
.adminview .viewbox {width: 32px;}
.tablebox tbody td:nth-child(12) {min-width: 110px;}
.welcomebox p {line-height: 25px;}
.srchbtn {margin-top: 23px;}
.srchbtn a {margin-left: 0px;}
.seats-boxes{overflow-x:auto;}
.seats-boxes-mobsection{width:1100px;}
.seats-position {
    margin-right: 0;
}
}
@media only screen and (max-width:1050px){
.checknmbr-popup {max-width:55%;}

}
@media only screen and (max-width:991px){
	.container{width:100%;}
.desktopmenu, .desktopmenu nav.small-screen{display:none !important;}
	.staticmenu, .staticmenu nav.small-screen{display:block !important; height:40px;}
.staticmenu .formbtnbox.fl {
    float: right;
}
.mobmenubox {float: left;}
	.mobilemenu{ float:right;}
.cssmenu > ul > li > a{border-radius:0px;}
#cssmenu.small-screen ul{top: 30px; right: -76px;}
.formfiledbox{ margin-bottom:10px;}
.edate + span.error {bottom: 0; z-index: 9;}
.edate {margin-bottom:15px;}
#receiptform .edate {margin-bottom: 0;}
.splitdonation .modal-dialog {width: 98%;}
.desklabel {display: none;}
.formfiledbox.amountbox {max-width: 175px;}
.formbtnbox.addbtnbox{margin-top:22px; width:16%; float:left; margin-left:10px;}
.moblabel{display:block !important; float:none !important;}
	.formfiledbox.modepay{margin: 0; padding: 0 !important;}
.fromdatebox .formfiledbox {width: 100%;padding: 0 15px;}
.checknmbr-popup {
       right: 0;
    top: 15px;
    }

	
.desktopmenu .cssmenu, .desktopmenu .cssmenu ul, .desktopmenu .cssmenu ul li, .desktopmenu .cssmenu ul li a, .desktopmenu .cssmenu #head-mobile{ display:none; font-size: 0px;}
	.small-screen #menu-button:first-child,.cssmenu.small-screen ul li .submenu-button:first-child,	.desktopmenu .small-screen #menu-button,.desktopmenu .cssmenu.small-screen ul li .submenu-button,.cssmenu.small-screen ul li.active .submenu-button:before{display: none;}
	
.mobmenubox .cssmenu.small-screen ul li.active ul{display:block !important;}
/*.cssmenu.small-screen #menu-button{display:block;}*/
.clearbox{ clear:both;}
	/* .samrpanform:after, .listpage:after{border-radius:6px 6px 0 0;} */
.receiptnobox .formbtnbox {
    float: none;
}
	.receiptnobox .formfiledbox {
    text-align: center;
}
	.staticmenu .small-screen #menu-button:first-child,.staticmenu .cssmenu.small-screen ul li .submenu-button:first-child	{display:inherit;}
	.staticmenu .cssmenu > ul > li.has-sub {
    position: relative !important;
}
	.staticmenu .cssmenu > ul > li.has-sub ul, .cssmenu > ul > li.has-sub ul{min-width:100%;}
	.staticmenu .cssmenu.small-screen .submenu-button{width: 100%;background: none;}
   
    .seats-boxes-mobsection .col-md-2.col-sm-2.col-xs-2{display:none;}
    .seats-boxes-mobsection{padding:0px;}
    .seats-boxes-mobsection .col-md-5.col-sm-5.col-xs-5{width:50%;}
    .instraction{display:block;}
}
@media only screen and (max-width:790px){
.fromdatebox .formbtnbox {
    float: none;
    margin: 5px 0 0 0;
}
.receiptnobox {max-width: 670px;}/*	.checknmbr-popup {max-width:36%;}*/
}
@media only screen and (max-width:767px){
.samrpanform{padding:40px 15px 30px;}
.viewdetails .modal-dialog {width:96%; margin:15px;}
.formbtnbox button{padding:4px 9px; border-radius:6px !important; margin-bottom:5px;}
/* .formbtnbox {float:left;} */
.formfiledbox.amountbox {max-width: 170px;}
.formbtnbox.addbtnbox {width: 26%;}
	.fromdatebox{ padding:20px 15px;}
.fromdatebox .formfiledbox input {max-width: 170px;}
span.mobrecord {
    width: 300px;
    display: inline-block;
    padding: 0 15px;
}
	span.mobrecord input {
    max-width: 100% !important;
    width: 100% !important;
}
.gobtn {
    float: right;
    margin-top: 0;
}
	.mbcl{ clear:both;}
	.adminlinkbox {
    float: none;
    margin: 0px auto;
    display: inline-block;
	}
.welcomebox {
    float: none;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}
	.welcomebox p {
		float: none;}
.srchbtn {float: right;}
.adduserpopup .modal-dialog {
    width: 96%;
    margin: 15px 13px;
	}
	.addefamilylist td{ min-width:100px !important;}
	.optionaltag {
    margin: 0 0 15px;
	}
	.search-flbox{float:right;}
	.changepassword label{text-align:left;}
	.receiptnobox {
    max-width: 100%;
    
}
	.receiptnobox .formfiledbox label{
    line-height: 20px;
}
	.receiptnobox span.mobrecord{width: 100%;padding: 0;}
	.receiptnobox .formbtnbox {
    float: right;
}
.widthfree{min-width:300px;}
.seats-booking {margin-bottom: 0px;}
.your-booked-tickets {padding: 0;}
.seats-form-boxes form {
    margin-bottom: 20px;
}
}
@media only screen and (max-width:630px){
	.checknmbr-popup {
    max-width: 45%;
}
	.checknmbr-popup input, .checknmbr input {max-width: 75%}
	.srchbtn {margin-top:0px; margin-left:5px;}
    
    .total-seats{padding:15px 10px;}
}
@media only screen and (max-width:560px){
.uesrprofile ul li {width:100%;}	
.viewdetails .modal-dialog {width:100%; margin:0;}
.tablebox tbody td:nth-child(10), .tablebox tbody td:nth-child(11){min-width:100px;}
.cssmenu.small-screen ul{top:26px; right:0;}
label.totalbox {float: left; line-height:40px;}
.formfiledbox, .totalbox input {margin-bottom:0;}
.formfiledbox.modepay {margin-top:0px;}
span.mobrecord {width: 100%; padding:0px;}
.fromdatebox .formfiledbox {padding: 0;}
}
@media only screen and (max-width:540px){
	.splitdonation .col-xs-6{width:100%;}
	.checknmbr {
    max-width: 48%;
}
.checknmbr input {max-width: 80%;}
.vyaspith-date input {width: 150px}
.event-details .artist-name {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 6px;
}
.event-details .event-date, .event-details .event-time {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px;
}
.event-details .artist-name span {
    font-size: 24px;
}
.book-tickets-text p {
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 22px;
}
.event-triger button, .event-triger button a {
    font-size: 14px;
}
.seats-position {
    float: none;
    margin: 10px auto 0;
    
}
.seats-position ul li {
    margin: 0 5px;
}
.seats-form-boxes {padding: 40px 0;}
.your-booked-tickets ul li .ybt-box span.ticketname {width:230px;}

}
@media only screen and (max-width:500px){
    .total-seats button {
        margin-top: 10px;
    }
    .total-seats {
        padding: 10px 10px; border-radius: 0;
    }
}
@media only screen and (max-width:400px){
.cssmenu.small-screen ul {right: -40px;}
.assignbox {
    float: left;
    margin-top: 0;
    margin-bottom:0;
}
.vyaspith-date input {width:100%}
.total-seats {
    font-size: 14px;
}
.total-seats span{margin-right:20px;}
.seats-form-boxes {padding: 40px 0;}
.your-booked-tickets ul li .ybt-box span.ticketname {width: 140px;}
.vyaspith-title {
    font-size:15px;
    line-height: 20px;
    padding: 7px 0;
}
}

@media only screen and (min-width:1300px){
.checknmbr {width:45% !important;max-width:55% !important;}

}
@media only screen and (min-width:1100px){
.samrpanform{padding:40px 15px 0px;}
.recordfrommr {
    max-width: 35% !important;
}
.fromdatebox .formfiledbox, .receiptnobox .formfiledbox {
	width:900px;}
	
}
@media only screen and (min-width:992px){
	.deskcl{ clear:both;}
.staticmenu .cssmenu > ul > li.has-sub ul {
    display:inherit;
    left:-9999px !important;
    bottom: -30px;
    min-width:auto;
    width: 100%;
}
}


