@media only screen and (min-width:1367px) and (max-width:2400px) 
{
	.container 
	{
		width: auto!important;
	}
	.navbar .logo img 
	{
		height: 52px;
		/* width: 100px; */
		background-color: #fff;
	}
	#addrow>thead>tr>td
	{
		float:left;
		display:inline-block;
	}
}
@media only screen and (min-width: 1440px) 
{
	
	#addrow>thead>tr>td
	{
		float:left;
		display:inline-block;
	}
	.navbar-nav>li>a
	{
		font-size:16px;
	}
	.navbar .navbar-right
	{
		margin-right: 0px;
		margin: 0px;
	}
	.navbar-default .dropdown-menu>li>a 
	{
		font-size:16px;
	}
}
@media (min-width: 1360px)
{
	.container 
	{
		width: auto!important;
	}
	#accordion1 label
	{
		/*width: 127px; */
	}
	.modal #accordion 
	{
		height:188px;
		line-height: 13px;
	}
	
}
@media only screen and (max-width:1200px) 
{
	.greenButton 
	{
		padding: 9px 18px;
    }
	
	#collapseOne 
	{
		padding: 0 7%;
	}
	.select 
	{
		margin-top: 20px;
	}
	.modal-content 
	{
		padding: 0px 0px 50px 0px;
		height: 202px;;
	}
}
@media (min-width: 1200px)
{
	.container 
	{
		width: 1170px;
	}
}
@media only screen and (max-width:1024px) 
{
	.select 
	{
		padding-right:15px;    
		margin-top: 21px;
	}
	div.data
	{
		width: 100%;
		margin-left: 0px; 
	}
				
	.navbar-default .nav>li>a
	{
		position: relative;
		display: block;
		padding: 15px 11px;
	}
	.greenButton 
	{
		padding: 9px 18px;
    }
}
@media only screen and (min-width: 992px)
{
	.container
	{
		width:auto;
	}
	
}
@media (max-width: 1280px)
	{
		.searchinput input
		{
			width: 100px;
		}
		.content .table > thead > tr > th
		{
			padding:0px 0px 0px 6px !important;
		}
		.table > tbody > tr > td 
		{
			padding: 0px 7px;
		}
		.paginate_enabled_next, .paginate_enabled_previous, .paginate_disabled_next, .paginate_disabled_previous 
		{
			padding: 10px 24px 0px 5px;
		}
	}
@media (max-width: 991px)
{
	.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:90% !important;
		overflow-y: auto;
	}
	
	.searchinput input
	{
		width: 70px;
	}
	.col-md-12
	{
		width: 100%;
	}
	.col-md-4
	{
		width: 50%;
	}
	.col-md-8 
	{
		width: 100%;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
	{
		float: left;
	}
	.col-md-6
	{
		width: 100%;
	}
	/*---- css for payment configuration -----*/
	
	.col-md-8 
	{
		width: 100%;
	}
	.tabs-vertical .nav>li>a
	{
		width: auto;
	}
	.date-picker-icon img
	{
		margin-top: -27px;
		margin-right: 31px;
	}
	#dataTable>tbody>tr>td
	{
		width	: 400px;
	}
	.container
	{
		width:auto;
	}
	.greenButton 
	{
		padding: 9px 18px;
    }
	.navbar .navbar-nav > li 
	{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.navbar-right img 
	{
		padding-top: 9px;
	}
	.border0 input
	{
		vertical-align: middle;
	}
	.navbar-header .navbar-toggle 
	{
		padding: 9px 10px;
		margin-top: 8px;
		margin-bottom: 0px;
	}
	.navbar .navbar-nav
	{
		float:left;
		margin: 0px 0px 0px 10px;
		display:inline-block;
	}
	.navbar-default  .headerdivider
	{
		display:none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu 
	{
        background-color: #fff;
   	}
	.navbar-default .nav > li > a 
	{
		position: relative;
		display: block;
		padding: 15px 9px;
		font-size:12px;
		line-height:14px;
	}
	div.data
	{
		width:100%;
		margin-left: 0px;
	}
	.content .col-md-7
	{
		padding-left:15px;
		padding-right:15px;
	}
	.content .col-md-9
	{
		padding-left:15px;
		padding-right:15px;
	}
	.content .col-md-3
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	.content .panel-box input
	{
		width: 100%;
	}
	.select
	{
		width: 100%;
		margin-top: 20px;
		padding-right: 15px;
	}
	.panel-box .date-picker1 input 
	{
		background: url(../image/calender-icon.png) bottom right 3%/7% no-repeat;
		cursor: pointer;
	}
	#accordion1 .input1
	{
		width: 100%;
	}
	.account 
	{
		padding: 13px 0px;
	}
	/* css for searchbox */
	#searchBar
	{
		padding-left:15px; width:50%;
	}
	.tablenote 
	{
		float: right;
		font-size: 13px;
		text-align: center;
	}
}
@media (min-width: 768px)
{
	.navbar-nav li:hover > ul
	{
		-webkit-animation:none;
		animation: zoomIn .3s ease-in;
	}
	.navbar-collapse.collapse
	{
		display: block!important;
		height: 10px!important;
		padding-bottom: 0;
		overflow: visible!important;
	}
	.modal-content 
	{
		padding: 0px 0px 50px 0px;
		height: 57%;
	}
}
@media only screen and (max-width: 767px) 
{
	.navbar .navbar-nav 
	{
		display: block;
		float: none;
	}
	.navbar-default .nav > li > a
	{
		font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 871px) 
{   

	.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:90% !important;
		overflow-y: auto;
	}
	.navbar-default .nav > li > a
	{
		position: relative;
		display: block;
		padding: 0px 5px;
		font-size: 11px;
		line-height: 44px;
	}
	.navbar .navbar-nav 
	{
		
		margin: 0px 0px 0px 5px;
		display: inline-block;
	}
	.navbar .navbar-nav > li 
	{
		padding-bottom:0px;
		padding-top: 0px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 766px) 
{  
	.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:87% !important;
		overflow-y: auto;
	}
	.col-md-4
	{
		width: 100%;
	}
	.modal #accordion 
	{
		padding: 9px 0px;
		height: 331px;
	}
	/* css for header */
	.profile-dropdown
	{
		    background-color: #E6E6E6;
	}
	.navbar-right img 
	{
		    display: none;
	}
	.pull-right1
	{
		float:left;
	}
	
	.profile-dropdown
	{
		display: block;
		visibility:visible!important;
		box-shadow: none;
		margin-top: -12px;
	}
	.profile-dropdown:after
	{
		display:none;
	}
	.profile-dropdown.dropdown-menu>li>a
	{
		padding: 7px 5px;
	}
}

 @media screen and (max-width: 640px)
{
	/* css for header ( search-box , menu dropdown  */ 
	
		.textellipsis{
			max-width:100% !important;
		}
		.textellipsis a{
			 float: left;
			 position:absolute;
			 left: 0px;
		}
		.textellipsis td:before {
			display:none !important;
		}
	
	.serviceWrap ul li {width:40% !important; margin-bottom:4%;}
	
	.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:85% !important;
		overflow-y: auto;
	}
	
	
	.pull-right .greenButton
	{
		margin: 10px;
	}
	.profile-dropdown:after
	{
		display:none;
	}
	.navbar .navbar-nav 
	{
		display: block;
	}
	.input-group .search-box
	{
		width:100%!important;
	}
	.popup-icon
	{
		display:block;
	}
	.content .form-control
	{
		float:right;
		
	}
	.bordernone td
	{
		float:right;width:100%;
	}
	.accordion 
	{
		padding: 0 4%;
	}
	/* css for button --*/
	.button1
	{
		padding: 8px 12px!important;
	}
	.table 
	{
      border: 0;
	}
	/* css for button4 */
	.button4 
	{
		padding: 10px 13px;
		float: left !important;
	}
	.button4:hover
	{
		padding: 10px 13px;
	}
	.divider
	{
		float: left !important;
	}
	.col-xs-6 {
		width:50% !important;
	} 
	
	.col-xs-4 {
		width:30% !important;
	} 
    td:before 
	{
		position: relative;
		top: 2px;
		left: 0px;
		width: 100%;
		padding-right: 10px;
		white-space: nowrap;
		font-size: 10px;
	}
}
 @media screen and (max-width: 991px)
	{
		.modal #accordion 
		{
			height: 332px;
		}
	}
@media only screen and (max-width: 520px) 
{  
	
	.serviceWrap ul li {width:80% !important; margin-bottom:4%;}
	.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:83% !important;
		overflow-y: auto;
	}

	.modal #accordion 
	{
		height: 335px;
	}
	.col-md-4
	{
		width:100%;
	}
	.col-md-8 
	{
		width: 100%;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
	{
		float: left;
	}
	.col-md-6
	{
		width: 100%;
	}
	/* ================== css for navigation =================*/
	.navbar-default .navbar-toggle 
	{
		margin-top: 8px;
		margin-bottom: 0px;
	}
	.navbar .navbar-nav 
	{
		margin: 0px;
		float: none;
		display: block;
	}
	.navbar-default  .headerdivider
	{
		display:none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu 
	{
        background-color: #fff;
   	}
	.panel-heading li > a 
	{
		width: 158px;
		height: 35px;
		line-height: 14px;
	}
	.tab-content .btn-success
	{
		width: 197px;
		font-size: 11px;
	}
	.btn-success img 
	{
		padding: 0px 0px 0px 14px;
		width: 25px;
	}
	.panel-body .pull-right>.dropdown-menu 
	{
		right: 0;
		left: 0px;
		min-width: 92px!important;
	}
	.accordion .date-picker input
	{
		width: 100%!important;
	}
	.accordion 
	{
		padding: 0 4%;
	}
	/* ========== table ==========*/
	.table > tbody > tr > td
	{
		font-size:12px;
	}
	.form-horizontal .control-label
	{
		font-size: 11px;
	}
}
@media screen and (max-width:480px)
	{	
	 
	 /* css for top menu icon css*/ 
	  #homeIconMouseEvent{
			top:45px !important;
		  
	  } 
	  
	  #userSessionMouseEvent{
		  top:45px !important;
		}

		/* css for subscriptionWizard */
		
		.serviceWrap ul li {width:80% !important; margin-bottom:4%;}  
		
		.subscriptionWizard-inner ul{display:block !important; width:100% !important;}
		.pricingTabContent{width:100% !important;}
		.subscriptionWizard-inner ul li {width:25% !important;}
		.span2{width:80% !important; margin-bottom:10px !important;}
		.plan-name .btn-success {width:20px !important; height:20px;}
		.pricingTabContent .pricingTabHeading{font-size:12px;}
		.planeCart{width:100% !important; overflow:auto;}
		.planeCart table{width:50% !important;}
		.vgmpricing tr {width:100% !important; overflow:auto;}
		.connecting-line{left: 50px !important;top: 36px !important;} 
		.span2 table{padding: 10px;margin:1px !important;text-align: left;font-size: 12px;width: 99% !important;line-height: 24px;} 
		.span2 table td{padding-left:0px !important;text-align:left !important;padding:0px 2px 0px 2px !important;
}

		/* css for searchbox button icons*/  
		
		.counter{
				margin: 0px;
				display:block;  
		} 
		.state-overview .value {
		padding: 5px 0px 0px 0px;
		text-align: left !important;
		font-size: 11px;
		margin-Left:1px;
		height: 150px;
		width:87% !important;
		overflow-y: auto;
	}
		.col-xs-12 {
			width: 100% !important;
		}
		.button1 
		{
			padding: 8px 11px !important;
		}
		.tab-content 
		{
			margin-bottom: 20px;
		}
		#showdiv
		{
			float:right;
		}
		#searchBar
		{
			padding-left:15px;width:100% !important;
		}
		.accordion-item
		{
			line-height: 28px;
			padding: 0px;
		}
		.button4 
		{
			padding: 10px 5px;
			float: left !important;
		}
		.button4:hover
		{
			padding: 10px 5px;
			float: left !important;
		}
		.tab-content > .dropdown-menu 
		{
			width:200px !important;
			top: 81px!important;
			font-size: 12px;
			text-align: center;
		}
		.col-md-offset-5
		{
			text-align:center;
		}
	}
@media only screen and (max-width: 320px) 
{	 
	
	.serviceWrap ul li {width:80% !important; margin-bottom:4%;}
	
	.state-overview .value {
		padding: 5px 0px 0px 5px;
		text-align: left !important;
		font-size: 11px;
		margin-Left: 5px;
		height: 150px;
		width:80% !important;
		overflow-y: auto;
	}
	
	.col-xs-12 {
		width: 100% !important;
	}
	.panel-heading li > a 
	{
		width: auto;
		height: 35px;
		line-height: 14px;
		font-size: 12px;
	}
	.pull-right1
	{
		float:left;
	}
	.col-md-4
	{
		width:100%;
	}
	.col-md-8 
	{
		width: 100%;
	}
}

  @media screen and (max-width: 640px)
	{
		
		/* css for subscriptionWizard */
		
		.tblButton {
			   font-size: 12px;
			   padding: 2px 5px 2px 5px;
			   border-radius: 3px;
			  /* position: absolute !important;
			   left: 1%;
			   top: 10px !important;
			   */ 
			   float:left;
			   margin-top:15px;
			   }    
        
		
		#eVGMPricing table {
			width:100% !important;
			text-align:right !important;
			
		} 
		
		#eVGMPricing table td  input{
			width:100% !important;
			text-align:right !important;
		}  
		
		#eVGMPricing td{
			overflow: auto !important;
			width: 100%;
		}  
		
		#eVGMPricing td:before
		{
			content: attr(data-label);
			float: left!important;
			text-transform: uppercase;
			font-weight: bold;
			display:none !important;
		} 
		
		.selectPlan td{
			overflow:auto !important;
			height:32px;
		} 
		
		.selectPlan td:before{
			text-align:left !important;
			
		}

		#eVGMPricing select {text-align:right !important;}

		/* css for defualt table */
		.table td
		{
			display: block!important;
			text-align: right;
			font-size: 13px;
			border-bottom: 1px dotted #ccc;
			padding:15px !important;
		}
		.table td:last-child 
		{
			border-bottom: 0;
		}
		.table td:before
		{
			content: attr(data-label);
			float: left!important;
			text-transform: uppercase;
			font-weight: bold;
		}
		td .fa
		{
			float:none;
		}
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
		{
			text-align: right!important;
		}
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
		{
			border-top: 1px solid #fff!important; 
		}
		
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		tr { border: 1px solid #ccc; }
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}
		td:before 
		{
			position: relative;
    		top: 0px;
    		left: 6px;
    		width: 45%;
   			padding-right: 10px;
    		white-space: nowrap;
		}
		
		.table{ clear: both;}
		.table thead 
		{
		display: none!important;
		}
		.table tr 
		{
			border: 1px solid #ddd;
			padding: 5px;
		}
		.table-condensed >thead>tr>td , .table-condensed >tbody>tr>td
		{
			display: inline-grid;
		}
		.table tr 
		{
			margin-bottom: 10px;
			display: block!important;
			border-bottom: 2px solid #ddd;
		}
		/* css for Add attachment table css */
		#addrow>tbody>tr>td>input ,#addrow>tbody>tr>td>select , #addrow>tbody>tr>td
		{
			display: block!important;
			text-align: left!important;
			font-size: 13px;
			border-bottom: 1px dotted #ccc;
			height: 38px
		}
		#addrow>thead>tr>td>input , #addrow>tbody>tr>td  ,#addrow>tbody>tr>td>select
		{
			display: block;
		}
		.close ,#addrow>tbody>tr>td>input ,#addrow>tbody>tr>td>.selects
		{ 
			float: right;
		}
		
		#addrow>tbody>tr>td>.select
		{
			margin-top: 20px;
			width:120px;
			float:right;
		}
		span.hide
		{
			float:left;
			display:block!important;
			font-weight: 900;
			text-transform: uppercase;
		}
		/* css for tab-content  */
		.tab-content 
		{
			margin-bottom: 20px;
		}
		/* css for searchbox button icons*/
		
		#searchBar
		{
			padding-left:15px; width:50%;
		}
		.tab-content .greenButton 
		{
			float: left;
			padding:9px 25px !important;
			font-size: 12px;
		}
	}
	
	 @media screen and (max-width: 768px)
	{
		.form-body .col-md-4
		{
			width: 100%;
		}
		#showdiv
		{
			margin-bottom:10px;
		}
		.pull-right1 
		{
			float: left;
		}
		.col-md-4
		{
			width: 50%;
		}
		.col-md-9
		{
			width: 100%;
		}
		.col-md-8 
		{
			width: 100%;
		}
		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
		{
			float: left;
		}
		.col-md-6
		{
			width: 100%;
		}
		.profile-dropdown:after
		{
			display:none;
		}
		.col-md-12
		{
			width: 100%;
		}
		.col-md-3
		{
			width: 100%;
		}
		/* css for  payment invoice  table*/
		.content .table > thead > tr > th
		{
			padding:0px!important;
		}
		.searchinput input
		{
			width: 70px;
		}
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
		{
			padding: 0px 1px;
		}
		/* css for popupbox */
		.modal #accordion 
		{
			padding: 9px 0px;
			height: 349px;
		}
		/* css for searchbox */
		#searchBar
		{
			padding-left:15px; width:54%;
		}
		/* css for paginatio button */
		.paginate_enabled_next , .paginate_enabled_previous , .paginate_disabled_next ,.paginate_disabled_previous
		{
			padding:10px 24px 0px 11px;
		}
		/* tab dropdown */
		.tab-content > .dropdown-menu 
		{
			top: 37px;
			font-size: 12px;
			width: 199px;
			text-align: center;
		}
		/* css for payment configuration table */
		.tablenote b 
		{
			font-weight: 700;
			margin-left: 0px; 
			margin-right: 0px; 
			font-size: 15px;
		}
		.col-md-offset-5
		{
			text-align:center;
		}
		.border0 input
		{
			width: 105px;
		}
	}	
		 @media screen and (max-width: 800px)
	{
		.col-md-9
		{
			width:100%;
		}
	}