@media screen and (max-width: 1170px) 
{
    
	.lable_txt
    {
        width: 30%;
        font-size: 12px;
    }
    
	.input
    {
        width: 70%;
    }
    
	.tablet-only {
		display: block;
	}

	.mainContentPanel {
		position: relative;
		z-index: 10001;
		/*-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;*/
	}
		 

	.navigation {
		width: 200px;
	}
	
	.formatted-table th:nth-of-type(2) {
		border-radius: 0 6px 6px 0;
	}
	
	.formatted-table .footable-detail-show .expand .footable-toggle {
		display: inline-block;
		background-image: url('/Content/images/icon-minus.png');
		background-position: center;
		background-repeat: no-repeat;
		width: 16px;
		height: 10px;
		margin-right: 4px;
	}

	.formatted-table .expand .footable-toggle {
		display: inline-block;
		background-image: url('/Content/images/icon-plus.png');
		background-position: center;
		background-repeat: no-repeat;
		width: 16px;
		height: 10px;
		margin-right: 4px;
	}

	.footable-row-detail-cell {
		padding-bottom: 38px;
		border-bottom: 1px solid #ccc;
	}

	.footable-row-detail-row {
		padding: 4px 0;
        display: inline;
	}

	.footable-row-detail-row .footable-row-detail-name {
        display: inline;
		float: left;
		width: 40%;
		line-height: 28px;
		clear: left;
	}

	.footable-row-detail-row .footable-row-detail-value {
		float: right;
		width: 59%;
		margin-bottom: 15px;
	}
	
	.lft_cont .field-label.w15
    {
        width: 25%;
    }
    
    .lft_cont .field-input.w35
    {
        width: 75%;       
    }
    
    .rgt_cont .field-label.w15
    {
        width: 25%;
    }
    
    .rgt_cont .field-input.w35
    {
        width: 75%;       
    }
    
    .field-label.w15.label-right
	{
	    padding-top:7px;
	}
	 .field-input.w35.label-right
    {
        padding-top:7px;
    }
    .pg_label
    {
        margin-left:0px;
    }
    .lin-12
    {
        line-height:12px;
    }
     .field-label.w33> .field-label,
	.field-label.w33> .field-input	
	{
	    float: none;
		width: 100%;
	}
	
	 .servicechargepopup
    {
        top: 25%;
        left: 25%;
        height:auto;
    }
    
    .reponsiveFillMaxWidth1170px
    {
    	width: 100% !important;
    }
    
    .reponsiveFillMaxWidth1170px > div
    {
    	margin-top: 10px !important;
    }
    
    #editsitedetailsaddresslookup > div > div.AddressLookupButton
    {
        margin-right: calc(6% - 7px);
    }
    
}

@media screen and (max-width:767px)
{
    .table_content_block .content_block .rgt_cont
    {
        float: left;
        width: 100%;
    }
       
    .table_content_block .content_block .lft_cont
    {
        float: left;
        width: 100%;
    }
    
     .lft_cont
    {
        float: left;
        width: 100%;
    }
    
    .rgt_cont
    {
        float: left;
        width: 100%;
    }
	
	 input.search 
    {
        max-width:180px;
    }
    
    .formatted-table.large-only {
		display: none;
	}

	.formatted-table.small-only {
		display: inline;
	}

	.formatted-table .st-head-row {
		display: none;
	}
	
	.pg_label + input+label
	 {
	     float:none;
	 }
	 
	  .modal_content
    {
        left: 5px;
        right:5px;        
    }
                
	.checkbox_in_div
    {
        width: 33%;
    } 
    
    .servicechargepopup
    {
        top: 25%;
        left: 10%;
        height:auto;
    }
       
    .reponsiveFillMaxWidth767px
    {
    	width: 100% !important;
    }
    
    .reponsiveFillMaxWidth767px > div
    {
    	margin-top: 10px !important;
    }
}


@media screen and (max-width: 560px) 
{
     .panel_2
    {
        width: 30%;
        float: left;
    }
     .panel_3
    {
        width: 30%;
        float: left;
    }
    .panel_actions
    {
        width: 30%;
    }
    	 input.search
    {
        max-width: 150px;
        padding: 0 15px 2px 5px;
       
    }   
    .field-label.w15.width90, .field-label.w15.width80, .field-input.w35.width90, .field-input.w35.width80
    {
        width: 100%;        
    } 
    .width80 div.marginLR_10
    {
       margin:0px; 
    }
    
    div[data-addresslookupcontrol] .search_button_no_text
	{
	    color: rgb(255, 255, 255); 
	    text-indent: 30px; 
	    padding-right: 6px;
	    width: 100%;
	    background: #005899 url(/Content/images/icon_search_btn.png) no-repeat 4px;
	}
	    	
	div[data-streettownblock] .search_button_no_text::before
	{
	    content: "Search by Street and Town/City"
	}
	    	
	div[data-postcodeblock] .search_button_no_text::before
	{
	    content: "Search by Postcode"
	}
	
	div[data-addresslookupcontrol] .addrLookupLabel
	{
		display: none;
	}
	
	div[data-streettownblock] div:not([data-toggleaddresssearchcriteria]), div[data-postcodeblock] div:not([data-toggleaddresssearchcriteria]),
	div[data-streettownblock] input[type=text], div[data-postcodeblock] input[type=text]
	{
		width: 100%;
	}
	
	div[data-postcodeblock] > div:not([data-toggleaddresssearchcriteria])
	{
		padding-left: 0px;
	}
	
	div[data-addresslookupcontrol].PostcodeMode .modal_content
	{
		height: 180px;
	}

	div[data-addresslookupcontrol].StreetTownMode .modal_content
	{
		height: 215px;
	}
	
	div[data-addresslookupcontrol].PostcodeMode.ShowingResult .modal_content
	{
		height: 535px;
	}

	div[data-addresslookupcontrol].StreetTownMode.ShowingResult .modal_content
	{
		height: 570px;
	}
}


@media screen and (max-width: 480px) 
{
    
    .navigation
    {
        width:100%;
    }
       
    .mainLogo
    {
        padding-top: 10px;
        background-size:150px;
        width: 100%;
        height: 25px;
    }
    
    /*
   .title_inactive a
    {
        display: block;
        line-height: 40px;
        height: 40px;
    }
    */
    
    .checkbox_in_div
    {
        width: 80%;
    }
    
.header
    {
        border: 0;
        height: 50px;
        padding-top: 10px;
        line-height: 50px;
        width: 100%;
        background-color: #FFFFFF;
       }

.messagecontainer td
    {
        padding-bottom: 5px;
        font-size: 20px;
        font-weight: 100;
    }
.messagecontainer
    {
        overflow: hidden;
        margin-top: 2px;
        min-height: 70px;
        margin-bottom: 5%;
        margin-left: 5%;
        vertical-align: middle;
        background-position: 100% center;
    }
    
    .divlogout
    {
        top: 5px;
    }
     .table_content_block .content_block .rgt_cont
    {
        float: left;
        width: 100%;
    }
       
    .table_content_block .content_block .lft_cont
    {
        float: left;
        width: 100%;
    }
    
    .lft_cont
    {
        float: left;
        width: 100%;
    }
    
    .rgt_cont
    {
        float: left;
        width: 100%;
    }
    .panel_2
    {
        width: 30%;
        float: left;
    }
     .panel_3
    {
        width: 30%;
        float: left;
    }
    .panel_actions
    {
        width: 30%;
    }
    
    input.search 
    {
        max-width:150px;        
    }
    
    .field-label
    {
        display: block;
    }
    
    .field > .field-label,
    .field > .field-label.w15,
    .field > field-label,
  	.field > .field-input {
		float: none;
		width: 100%;
	}
	
	.field-label.w50> .field-label,
	.field-label.w50> .field-input	
	{
	    float: none;
		width: 100%;
	}
	
	.field-label width120
	{
	    float: none;
		width: 100%;
	}
	
	.field-input width120
	{
	    float: none;
		width: 100%;
	}
	
	.field-label.w33> .field-label,
	.field-label.w33> .field-input,
	.field-label.w15
	{
	    float: none;
		width: 100%;
	}
	
	.w50 div.field-input,
	.w50 div.field-label,
	.w50 label.field-label
	{
	    float: none;
		width: 100%;
	}
	
	.field-label.w33.centeralign
	{
	    text-align:left;
	}
	
	.field-label.w33.rightalign
	{
	    text-align:left;
	}
	


.field-label.w15.width90, .field-label.w15.width80, .field-input.w35.width90, .field-input.w35.width80
{
    width:100%;
}


	
	.field-label.w50
	{
	   float: none;
		width: 100%; 
	}
	
	.lft_cont .field-input.w35 
	{
	    width: 100%;
	}
	
	.rgt_cont .field-input.w35
    {
        width: 100%;
    }
	
	.field-input-group li {
		width: 50%;
	}
	
	.tab_block
	{
		width:100%;
	} 
	
	.mobSingleCol
	{
		width:100%;
	} 
	

}

/*RESPONSIVE TEXT ALIGN START*/
.text-xs-left
{
    text-align: left;
}
.text-xs-right
{
    text-align: right;
}
.text-xs-center
{
    text-align: center;
}
.text-xs-justify
{
    text-align: justify;
}

@media (min-width: 768px)
{
    .text-sm-left
    {
        text-align: left;
    }
    .text-sm-right
    {
        text-align: right;
    }
    .text-sm-center
    {
        text-align: center;
    }
    .text-sm-justify
    {
        text-align: justify;
    }
}

@media (min-width: 992px)
{
    .text-md-left
    {
        text-align: left;
    }
    .text-md-right
    {
        text-align: right;
    }
    .text-md-center
    {
        text-align: center;
    }
    .text-md-justify
    {
        text-align: justify;
    }
}

@media (min-width: 1200px)
{
    .text-lg-left
    {
        text-align: left;
    }
    .text-lg-right
    {
        text-align: right;
    }
    .text-lg-center
    {
        text-align: center;
    }
    .text-lg-justify
    {
        text-align: justify;
    }
}
/*RESPONSIVE TEXT ALIGN END*/

/*RESPONSIVE PULL RIGHT START*/
@media (min-width: 768px)
{
    .pull-right-sm
    {
        float: right;
    }
}
@media (min-width: 992px)
{
    .pull-right-md
    {
        float: right;
    }
}
@media (min-width: 1200px)
{
    .pull-right-lg
    {
        float: right;
    }
}
/*RESPONSIVE PULL RIGHT END*/